:root{--ink:#11100e;--cream:#eee1c3;--muted:#bdb39e;--amber:#e9b55d;--line:#6c624b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:-1;background:url('assets/leather.webp') repeat;background-size:480px;opacity:.055;pointer-events:none}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:6px}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 120px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.02}h1{font-size:clamp(76px,8.2vw,126px);letter-spacing:-.045em;line-height:.87}h2{font-size:clamp(42px,4.3vw,66px);letter-spacing:-.035em}h3{font-size:33px}.micro,.eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.eyebrow{color:var(--amber);display:block;margin-bottom:13px}.nav{height:105px;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{width:162px;height:auto;object-fit:contain}.nav nav{display:flex;gap:30px;margin-left:auto}.nav nav a{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .2s}.nav nav a:hover{color:var(--amber)}.app-store{display:inline-block;line-height:0;flex-shrink:0}.app-store img{width:166px;height:auto}.nav .app-store img{width:122px}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#100e0b}.hero-light{position:absolute;inset:-105px 0 0;background:linear-gradient(90deg,#08070522,transparent 65%),url('assets/tabletop-backdrop.webp') center bottom/cover no-repeat;pointer-events:none}.hero-inner{position:relative;min-height:930px}.hero-copy{position:absolute;top:125px;left:0;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy p{font-size:25px;line-height:1.35;margin-top:30px;color:#e1d6be}.hero-copy .app-store{margin-top:31px}.made-for{display:block;margin-top:22px;color:var(--muted);font-size:9px}.model-area{position:absolute;inset:0 -65px 0 32%;min-width:0}.model-stage{height:800px;position:relative;isolation:isolate}.model-stage:after{content:'';position:absolute;z-index:-1;bottom:62px;left:8%;width:84%;height:80px;background:#000b;filter:blur(25px);border-radius:50%;transform:rotate(9deg)}#scene{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;opacity:0}#scene.ready{opacity:1}#scene:active{cursor:grabbing}#model-fallback{position:absolute;inset:7% auto auto 28%;height:82%;width:auto;object-fit:contain;z-index:-1;transform:rotate(-7deg);border-radius:16px;box-shadow:20px 20px 50px #0008}#loading{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:10px}.model-controls{width:min(360px,70%);margin:-5px auto 28px;position:relative}.model-controls:before{content:'';position:absolute;top:0;left:0;right:0;height:26px;background:repeating-linear-gradient(90deg,transparent 0 9px,#d5c6a359 9px 10px);mask-image:linear-gradient(transparent,#000);pointer-events:none}input[type=range]{appearance:none;width:100%;height:30px;cursor:ew-resize;background:transparent;position:relative;margin:0}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#a6947066}input[type=range]::-webkit-slider-thumb{appearance:none;width:3px;height:25px;background:var(--amber);box-shadow:0 0 8px #ffcb7655;margin-top:-12px;border:0}input[type=range]::-moz-range-track{height:1px;background:#a6947066}input[type=range]::-moz-range-thumb{width:3px;height:25px;background:var(--amber);border:0;border-radius:0}.angle-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}output{color:var(--amber);font-size:14px;font-variant-numeric:tabular-nums}.orbit-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.orbit-controls button{border:0;color:#c9baa0;min-width:30px;height:32px;font-size:19px}.orbit-controls button:last-child{font-size:9px;letter-spacing:.1em}.orbit-controls .micro{font-size:9px;white-space:nowrap;color:var(--amber)}.section{padding-block:54px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.section-heading p{font-size:13px;color:var(--muted);max-width:310px;flex-shrink:0;padding-bottom:4px}.layout-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.layout-camera{margin:0;text-align:center;position:relative;background:radial-gradient(ellipse,#55452944,transparent 70%)}.layout-camera-body{width:100%;max-width:660px;margin:0 auto;filter:drop-shadow(12px 24px 18px #0008)}.layout-camera-body img{width:100%;height:auto}.layout-camera figcaption{font-size:11px;color:var(--muted);margin-top:30px}.layout-options{padding:30px;border:1px solid #75684d66;border-radius:7px;background:linear-gradient(125deg,#29251c44,#06060555);box-shadow:inset 0 1px #ffffff08}.layout-intro>.micro{font-size:9px;color:var(--amber)}.layout-intro h3{font-size:45px;margin-top:16px;line-height:.98;letter-spacing:-.02em}.layout-intro p{font-size:13px;color:var(--muted);margin-top:18px;max-width:370px}.option-group{margin-top:28px;padding-top:23px;border-top:1px solid #6c624b55}.option-group>.micro{font-size:8px;letter-spacing:.18em}.option-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.option-samples>div{min-width:0;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:15px;min-height:66px}.option-samples>div>span:last-child{font-size:10px;color:var(--muted);white-space:nowrap}.option-logo{width:100px;height:40px;object-fit:contain}.spirit{display:block;width:80px;height:24px;border:5px solid #8f886f;border-radius:4px;background:linear-gradient(#282c0a,#a3ad42,#33380c);position:relative;box-shadow:inset 0 0 6px #000;margin-top:8px}.spirit i{position:absolute;top:2px;left:calc(50% - 10px);width:20px;height:9px;border:1px solid #282b0d;border-radius:50%;box-shadow:inset 0 1px #ddd78a}.lens-sample{font-size:23px;word-spacing:9px;margin-top:3px}.lens-sample b{font-weight:500;color:var(--amber)}.mini-grid{display:grid;width:65px;height:38px;gap:4px}.mini-grid.two,.mini-grid.four{grid-template-columns:1fr 1fr}.mini-grid i{border:1px solid #938a7288;border-radius:2px;background:#b7ab7d10}.layout-footnote{font-size:11px;color:var(--muted);margin-top:25px;max-width:370px}.styles-section{border-block:1px solid var(--line);background:#07070633}.style-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.style-card{padding:0;text-align:center;border:0;min-width:0}.style-image{padding:6px;border:1px solid #8c8065;border-radius:12px;background:#060605;transition:border-color .2s,transform .2s;box-shadow:0 10px 25px #0005}.style-image img{border-radius:7px;width:100%}.style-card:hover .style-image{transform:translateY(-3px);border-color:var(--amber)}.style-card[aria-pressed=true] .style-image{border-color:#c8ad77}.style-title{display:block;font:500 34px/1.2 var(--serif);margin:15px 0 6px}.style-card .micro{font-size:8px;color:var(--muted);letter-spacing:.16em}.style-state{display:block;font-size:9px;margin-top:10px;color:#b69d70}.film-section{background:radial-gradient(ellipse at 40% 0,#8e64221c,transparent 65%)}.film-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.film-strip figure{margin:0}.film-frame{position:relative;background:#050505;padding:22px 14px 16px;box-shadow:0 9px 20px #0006;transform:rotate(-.7deg)}.film-strip figure:nth-child(2n) .film-frame{transform:rotate(.7deg)}.film-frame:before,.film-frame:after{content:'';position:absolute;top:28px;bottom:20px;width:5px;background:repeating-linear-gradient(to bottom,#90826855 0 7px,transparent 7px 15px)}.film-frame:before{left:4px}.film-frame:after{right:4px}.film-frame img{width:100%;aspect-ratio:1.5;object-fit:cover}.film-number{position:absolute;top:6px;left:15px;color:#b88b42;font-size:7px;letter-spacing:.16em}figcaption{text-align:center;margin-top:15px}figcaption .micro{font-size:8px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-block:36px 45px;display:flex;justify-content:space-between;align-items:center}footer>div:first-child img{width:230px;height:auto;object-fit:contain}footer>div:first-child p{font:500 25px var(--serif);padding-left:24px;margin-top:4px}footer>div:last-child{text-align:right}footer .app-store img{width:155px}footer>div:last-child p{font-size:11px;margin-top:14px;color:var(--muted)}footer small{font-size:10px;color:#a69b85;display:block;margin-top:8px}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--ink);padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.button{display:inline-flex;margin-top:30px;padding:10px 20px;border:1px solid var(--amber);border-radius:30px;color:var(--amber)}
@media(min-width:1600px){.hero-inner{min-height:1020px}.model-stage{height:880px}.hero-copy{top:155px}}
@media(max-width:1100px){.wrap{width:calc(100% - 70px)}.nav{gap:24px}.nav nav{gap:20px}.hero-inner{min-height:780px}.model-stage{height:650px}.model-area{left:28%;right:-35px}.hero-copy{top:100px}h1{font-size:clamp(70px,8.7vw,100px)}.hero-copy p{font-size:22px}.section-heading{display:block}.section-heading p{margin-top:16px;max-width:440px}.layout-showcase{gap:32px}.layout-camera-body{max-width:560px}.layout-options{padding:24px}.layout-intro h3{font-size:38px}.option-samples{gap:8px}.option-samples>div>span:last-child{font-size:9px}.lens-sample{font-size:20px;word-spacing:3px}.style-card .micro{letter-spacing:.08em}.section{padding-block:45px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:90px;gap:15px}.wordmark{width:132px}.nav nav{display:none}.nav .app-store{margin-left:auto}.nav .app-store img{width:110px}.hero-light{inset:0;background-position:62% bottom;background-size:auto 100%}.hero-inner{min-height:0;padding-top:40px}.hero-copy{position:relative;top:auto;padding:0;pointer-events:auto}h1{font-size:clamp(61px,13.8vw,96px);line-height:.9;letter-spacing:-.045em}.hero-copy p{font-size:19px;margin-top:23px}.hero-copy .app-store{margin-top:24px}.hero-copy .app-store img{width:151px}.made-for{font-size:8px;margin-top:17px}.model-area{position:relative;inset:auto;margin:-5px -20px 0}.model-stage{height:460px}.model-stage:after{bottom:46px;height:45px}.model-controls{width:270px;margin:-2px auto 26px}.section{padding-block:35px}.eyebrow{font-size:9px}h2{font-size:42px}.section-heading{margin-bottom:27px}.section-heading p{font-size:12px;margin-top:14px}.layout-showcase{grid-template-columns:1fr;gap:30px}.layout-camera-body{max-width:440px}.layout-camera figcaption{font-size:10px;margin-top:25px}.layout-options{padding:24px}.layout-intro h3{font-size:38px}.layout-intro p{font-size:12px}.option-samples>div>span:last-child{font-size:9px}.option-group{margin-top:22px;padding-top:19px}.layout-footnote{font-size:10px}.style-cards{grid-template-columns:1fr;gap:25px}.style-image{max-width:500px;margin:auto}.style-title{margin-top:12px;font-size:31px}.style-card .micro{font-size:9px}.style-state{margin-top:6px}.film-strip{grid-template-columns:1fr 1fr;gap:24px 12px}.film-frame{padding:17px 8px 9px}.film-frame:before,.film-frame:after{width:3px;top:23px;bottom:12px}.film-frame:before{left:2px}.film-frame:after{right:2px}.film-number{font-size:5px;letter-spacing:.05em;left:8px}.film-frame img{aspect-ratio:1.15}.film-strip h3{font-size:25px}.film-strip figcaption{margin-top:11px}.film-strip .micro{font-size:6px;letter-spacing:.09em}footer{padding-block:30px;gap:20px}footer>div:first-child img{width:145px}footer>div:first-child p{font-size:19px;padding-left:0}footer .app-store img{width:120px}footer>div:last-child p{font-size:9px}footer small{font-size:8px}.orbit-controls{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}