@font-face{font-family:CameraPixel;src:url('/assets/fonts/VT323-Regular.ttf') format('truetype');font-display:swap}
.home27{margin:0;color:#172c3b;background:#f6f3e9;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.home27 *{box-sizing:border-box}.home27 a{color:inherit;text-underline-offset:5px}.home27 button,.home27 input{font:inherit}.home27 button,.home27 a,.home27 input{touch-action:manipulation}.home27 :focus-visible{outline:3px solid #a13c15;outline-offset:5px}.home27 [hidden]{display:none!important}.home27 img{display:block;max-width:100%}.home27 section[id]{scroll-margin-top:100px}.home27 .skip{position:absolute;left:12px;top:-100px;z-index:100;background:white;padding:12px}.home27 .skip:focus{top:10px}.home27 .header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5%;background:#d7edf5;border-bottom:1px solid #abc3cb;position:relative;z-index:20}.home27 .brand{font:36px/1 CameraPixel,monospace;text-decoration:none;letter-spacing:1px;white-space:nowrap}.home27 .brand span{font-size:.65em}.home27 .header nav{display:flex;align-items:center;gap:30px}.home27 .header nav a{text-decoration:none;font-size:14px;font-weight:650;padding:9px 0}.home27 .header .nav-cta{border:1px solid #172c3b;border-radius:5px;padding:9px 18px}.home27 .hero{padding:75px max(5%,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;background:radial-gradient(ellipse at 85% 25%,#b4d9ee,transparent 60%),#d7edf5;min-height:650px}.home27 .eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 22px}.home27 h1{font:clamp(60px,7.2vw,106px)/.85 CameraPixel,monospace;margin:28px 0 25px;letter-spacing:-2px}.home27 h1 span{font-size:.53em;letter-spacing:0}.home27 .headline{font-size:clamp(26px,2.7vw,40px);line-height:1.2;font-weight:600;letter-spacing:-1px;margin:0 0 24px}.home27 .lead{max-width:510px;color:#344f5d}.home27 .buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}.home27 .button{display:inline-block;border:1px solid #172c3b;background:#172c3b;color:#fff;padding:13px 22px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:650}.home27 .button:hover{background:#2e4f60}.home27 .outline{background:transparent;color:#172c3b}.home27 .outline:hover{background:#c3e0eb}.home27 .independent{font-size:12px;max-width:420px;color:#425c68}.home27 .device{margin:0;background:linear-gradient(135deg,#e6e5de,#bebeb9);border:1px solid #89979c;border-radius:25px;padding:24px;box-shadow:inset 0 0 0 4px #eeeee6,0 24px 45px #234e682e;transform:rotate(2deg)}.home27 .device-top{display:flex;justify-content:space-between;gap:10px;font:19px CameraPixel,monospace;padding:2px 0 18px}.home27 .lcd{position:relative;border:10px solid #243139;border-radius:10px;overflow:hidden;background:#243139}.home27 .lcd img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.home27 .lcd-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:#152731dd;color:#fff;padding:7px 9px;font:16px CameraPixel,monospace}.home27 .device-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 5px 8px;font:19px/1.1 CameraPixel,monospace}.home27 .shutter{display:grid;place-items:center;width:57px;height:57px;border:6px solid #6d777b;box-shadow:0 0 0 3px #e7e8e3;background:#27363b;border-radius:50%;color:#fff;text-decoration:none;font:26px system-ui}.home27 .device figcaption{font-size:10px;text-align:center;margin-top:10px;color:#354851}.home27 .ribbon{display:flex;justify-content:space-around;gap:20px;padding:19px 5%;border-block:1px solid #b7c8c9;background:#c9e1e9;font:17px CameraPixel,monospace;letter-spacing:1px}.home27 .section{padding:85px max(5%,calc((100vw - 1320px)/2))}.home27 h2{font-size:clamp(29px,3.3vw,46px);letter-spacing:-1.5px;line-height:1.12;margin:0 0 25px;font-weight:600}.home27 .section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:35px}.home27 .section-head>p{max-width:410px;color:#425663}.home27 .camera-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home27 .camera-card{border:1px solid #c3cfcf;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:#fcfaf3}.home27 .art{background:#e0eced;padding:17px 17px 0}.home27 .camera-card:nth-child(4n+2) .art{background:#e2e6da}.home27 .camera-card:nth-child(4n+3) .art{background:#e8dfdb}.home27 .serial{font:13px CameraPixel,monospace;letter-spacing:1px}.home27 .art img{height:185px;width:100%;object-fit:contain;padding:16px 8px}.home27 .card-copy{padding:20px;flex:1;display:flex;flex-direction:column}.home27 h3{font-size:19px;line-height:1.3;margin:0 0 12px}.home27 .card-copy h3{font:37px/1 CameraPixel,monospace}.home27 .card-copy strong{font-size:13px}.home27 .card-copy p{font-size:13px;color:#425663;flex:1}.home27 .card-copy a{font-size:13px;font-weight:700;padding:10px 0;min-height:44px}.home27 .compare-section{background:#d7e8eb}.home27 .compare-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.home27 .compare-tabs button{border:1px solid #557381;background:transparent;border-radius:4px;padding:11px 17px;cursor:pointer;font-size:14px}.home27 .compare-tabs button[aria-pressed=true]{background:#172c3b;color:#fff}.home27 .demo{margin:0}.home27 .comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home27 .source-wrap,.home27 .effect-wrap{position:relative;min-width:0}.home27 .comparison img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.home27 .photo-label{position:absolute;top:12px;left:12px;background:#172c3be8;color:#fff;padding:5px 10px;font:16px CameraPixel,monospace}.home27 .comparison.enhanced{display:block;position:relative;max-width:1000px;margin:auto;--reveal:50%;overflow:hidden;border-radius:8px}.home27 .enhanced .effect-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.home27 .enhanced .source-wrap .photo-label{left:auto;right:12px}.home27 .enhanced:after{content:'';position:absolute;left:var(--reveal);top:0;bottom:0;border-left:2px solid white;pointer-events:none}.home27 .range-control{display:flex;align-items:center;gap:16px;max-width:1000px;margin:20px auto}.home27 .range-control label{font-size:13px;white-space:nowrap}.home27 .range-control input{flex:1;min-width:50px;height:44px;accent-color:#172c3b}.home27 .range-control output{font-size:13px;min-width:40px}.home27 .demo figcaption{font-size:12px;color:#425663;max-width:900px;margin:18px auto 0}.home27 .workflow{background:#1d323e;color:#f6f3e9}.home27 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:35px 0}.home27 .steps article{border-top:1px solid #6b838b;padding-top:22px}.home27 .steps article>span{font:45px CameraPixel,monospace;color:#acd8e9}.home27 .steps h3{margin-top:18px}.home27 .steps p{font-size:14px;color:#d0dce0}.home27 .workflow .button{background:#d7edf5;color:#172c3b}.home27 .practical{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid #c3cfcf}.home27 .notes article+article{margin-top:28px}.home27 .notes p{font-size:14px;color:#425663}.home27 .faq{max-width:1320px;margin:auto}.home27 details{border-bottom:1px solid #b8c6c8;padding:18px 0}.home27 summary{cursor:pointer;font-weight:600;padding:8px 0}.home27 details p{max-width:850px;color:#425663;font-size:14px}.home27 .closing{background:#d7edf5;text-align:center;padding:65px 20px}.home27 .footer{padding:45px 5%;display:flex;justify-content:space-between;gap:30px;align-items:center}.home27 .footer p,.home27 .footer small{font-size:12px;color:#425663}.home27 .footer nav{display:flex;gap:24px;flex-wrap:wrap}.home27 .footer nav a{padding:10px 0;font-size:14px}.home27 .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px){.home27 .hero{gap:30px;padding-block:55px}.home27 .camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home27 .art img{height:230px}.home27 .header nav{gap:18px}.home27 .device{padding:18px}.home27 .section-head{gap:25px}}
@media(max-width:700px){.home27 .header{flex-wrap:wrap;padding:18px 20px}.home27 .header nav{width:100%;flex-wrap:wrap;gap:12px 22px}.home27 .header nav.mobile-closed{display:none}.home27 .menu-toggle{border:1px solid #172c3b;background:transparent;border-radius:4px;padding:8px 14px;min-height:44px}.home27 .hero{grid-template-columns:1fr;padding:45px 22px 50px;gap:35px}.home27 h1{font-size:76px}.home27 .hero .eyebrow{font-size:10px}.home27 .hero .lead{font-size:15px}.home27 .device{max-width:460px;width:calc(100% - 8px);margin:0 auto;transform:rotate(1deg)}.home27 .ribbon{flex-wrap:wrap;gap:9px 22px;font-size:14px}.home27 .section{padding:55px 22px}.home27 .section-head{display:block}.home27 .section-head>p{max-width:none}.home27 .steps,.home27 .practical{grid-template-columns:1fr;gap:28px}.home27 .footer{display:block;padding:35px 22px}.home27 .footer nav{margin-top:20px}.home27 .comparison:not(.enhanced){grid-template-columns:1fr}.home27 .photo-label{font-size:12px;top:8px;left:8px}.home27 .range-control{gap:8px}}
@media(max-width:440px){.home27 .camera-grid{grid-template-columns:1fr}.home27 .art img{height:220px}.home27 .buttons{flex-direction:column}.home27 .button{text-align:center}.home27 h1{font-size:64px}.home27 .card-copy{padding:22px}.home27 .compare-tabs button{font-size:12px;padding:10px}.home27 .headline{font-size:29px}}
@media(prefers-reduced-motion:reduce){.home27 *{scroll-behavior:auto!important}}

/* v28: original tactile camera themes inspired by the supplied references */
.home27{background:#f7f3e8;color:#182c3a}.home27 .hero{grid-template-columns:1fr 1.15fr;gap:52px;background:radial-gradient(ellipse at 75% 15%,#b9dae7,transparent 65%),#d9ebf2}.home27 .device{transform:none;border-radius:30px;padding:25px;background:linear-gradient(155deg,#ece9df 0%,#cbc9be 55%,#b7b9b2 100%);box-shadow:inset 0 0 0 3px #faf7ed,inset 0 -9px 15px #66747340,0 26px 45px #26455330}.home27 .camera-hardware{display:flex;gap:14px;align-items:center;margin-bottom:15px}.home27 .flash-unit{width:65px;height:20px;border:3px solid #8d938f;border-radius:3px;background:repeating-linear-gradient(90deg,#eff2e8 0 3px,#c9d1cf 3px 5px)}.home27 .viewfinder{width:25px;height:20px;border:4px solid #68716f;border-radius:4px;background:#18363e}.home27 .grip-dots{margin-left:auto;color:#637374}.home27 .lcd-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;background:linear-gradient(#152731bb,transparent);padding:10px;color:white;font:15px CameraPixel,monospace}.home27 .hero-looks{display:flex;gap:8px;margin-top:16px}.home27 .hero-looks button{flex:1;padding:9px 5px;min-height:44px;border:1px solid #536368;border-radius:4px;background:#f4f1e6;color:#182c3a;cursor:pointer;font:19px CameraPixel,monospace}.home27 .hero-looks button[aria-pressed=true]{background:#95401f;color:#fff;border-color:#95401f}.home27 .eyebrow{color:#913b1b}.home27 .workflow .eyebrow{color:#f3b393}.home27 .shutter{border-color:#8d6a52;background:#95401f}.home27 .camera-card{position:relative}.home27 .camera-card .art{background-color:var(--cam-bg)!important;background-image:repeating-linear-gradient(45deg,#ffffff0b 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,#152c3908 0 1px,transparent 1px 5px);color:var(--cam-ink);border-top:4px solid var(--cam-edge)}.home27 [data-camera=z30]{--cam-bg:#f0dcc3;--cam-ink:#4e3526;--cam-edge:#b75c2e}.home27 [data-camera=grf]{--cam-bg:#527363;--cam-ink:#fff9eb;--cam-edge:#294e40}.home27 [data-camera="2000s"]{--cam-bg:#3c7792;--cam-ink:#fff;--cam-edge:#21495c}.home27 [data-camera=carousel]{--cam-bg:#d7baa0;--cam-ink:#412c23;--cam-edge:#966341}.home27 [data-camera=y2k]{--cam-bg:#cdd8eb;--cam-ink:#263851;--cam-edge:#6b6294}.home27 [data-camera=bigshot]{--cam-bg:#e1d1c4;--cam-ink:#4c3631;--cam-edge:#92665a}.home27 [data-camera=action]{--cam-bg:#35434a;--cam-ink:#fff;--cam-edge:#a35c43}.home27 [data-camera=booth]{--cam-bg:#dedad0;--cam-ink:#343430;--cam-edge:#67655e}.home27 .art img{height:140px}.home27 .camera-result{margin:0;position:relative}.home27 .camera-result img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.home27 .camera-result figcaption{position:absolute;bottom:7px;left:9px;background:#182c3ae8;color:#fff;font:12px CameraPixel,monospace;padding:3px 7px}.home27 #cameras .section-head{flex-wrap:wrap}.home27 #cameras .sample-disclosure{flex-basis:100%;max-width:none;font-size:12px;margin:0}.home27 .scene-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.home27 .scene-tabs button,.home27 .show-cameras{min-height:44px;padding:10px 18px;border:1px solid #536d78;border-radius:4px;background:#f7f3e8;color:#182c3a;cursor:pointer;font-size:14px}.home27 .scene-tabs button[aria-pressed=true]{border-color:#95401f;background:#95401f;color:white}.home27 .show-cameras{margin:24px auto 0;display:block}.home27 .compare-tabs button[aria-pressed=true]{background:#182c3a}.home27 .range-control input{accent-color:#95401f}
@media(max-width:1000px){.home27 .hero{gap:30px}.home27 .art img{height:150px}}
@media(max-width:700px){.home27 .hero{grid-template-columns:1fr}.home27 .device{width:100%;padding:18px;border-radius:22px}.home27 .camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home27 .art{padding:12px 10px 0}.home27 .art img{height:112px;padding:10px 0}.home27 .serial{font-size:11px;letter-spacing:0}.home27 .card-copy{padding:14px}.home27 .card-copy h3{font-size:29px}.home27 .card-copy strong,.home27 .card-copy p,.home27 .card-copy a{font-size:12px}.home27 .camera-result figcaption{font-size:10px}.home27 .scene-tabs{gap:6px}.home27 .scene-tabs button{padding:9px 11px;font-size:12px}}
@media(max-width:359px){.home27 .camera-grid{grid-template-columns:1fr}.home27 .art img{height:140px}}
