@font-face{font-family:Fraunces;src:url('assets/desk-clears/Fraunces-560.woff2') format('woff2');font-style:normal;font-weight:560;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/desk-clears/Archivo-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/desk-clears/Archivo-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Archivo;src:url('assets/desk-clears/Archivo-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--night:#0b1626;--paper:#faf7f0;--amber:#f2b33d;--ink:#1a2333;--muted:#596170;--line:#d7d3c9;--sc-canvas:#0b1626;--sc-surface:#12213a;--sc-ink:#faf7f0;--sc-ink-soft:#bcc1c8;--sc-accent:#f2b33d;--sc-accent-ink:#0b1626;--sc-font-display:Fraunces,Georgia,serif;--sc-font-text:Archivo,Arial,sans-serif;--gutter:clamp(24px,5.6vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--night);color:var(--paper);font:400 16px/1.6 Archivo,Arial,sans-serif;padding-bottom:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--amber);outline-offset:6px}.section-paper :focus-visible{outline-color:#865500}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-weight:560}em{font-style:italic;font-weight:inherit}a{text-underline-offset:5px}img{max-width:100%}.skip{position:fixed;top:12px;left:12px;z-index:100;background:var(--paper);color:var(--ink);padding:12px;transform:translateY(-180%)}.skip:focus{transform:none}.navigation{position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px var(--gutter);border-bottom:1px solid #faf7f01f}.brand{display:block;flex:none}.brand img{display:block;width:190px;height:auto}.navigation nav{display:flex;align-items:center;gap:36px;font-size:13px}.nav-link{text-decoration:none;color:#eeeae2}.nav-link:hover{color:var(--amber)}.nav-cta{text-decoration:none;border:1px solid #faf7f075;padding:11px 16px;display:flex;gap:30px;align-items:center;border-radius:3px;background:#0b16264d}.nav-cta:hover{background:var(--paper);color:var(--night)}.eyebrow{font:500 11px/1.5 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.16em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 21px;min-height:54px;background:var(--amber);color:var(--night);border:1px solid var(--amber);border-radius:3px;font:500 14px/1.4 Archivo,sans-serif;text-decoration:none;transition:background .2s,transform .2s}.button span{font-size:20px;line-height:1}.button:hover{background:#ffd27b;transform:translateY(-2px)}
.hero{position:relative;min-height:265svh}.hero-stage{position:sticky;top:0;height:100svh;min-height:660px;isolation:isolate;overflow:clip;background:var(--night)}.room{position:absolute;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;object-position:center;z-index:0;will-change:transform}.copy-shade{position:absolute;left:0;top:0;width:60%;height:100%;background:linear-gradient(90deg,#07101be6 0%,#091423b5 62%,transparent 100%);pointer-events:none;z-index:2}.hero-copy{position:absolute;left:var(--gutter);top:23%;width:49%;z-index:5}.opening-copy .eyebrow{color:#ded7c8;margin-bottom:27px}.hero h1{font:560 clamp(62px,6.4vw,110px)/.99 Fraunces,Georgia,serif;letter-spacing:-.05em;max-width:9ch}.hero h1 em,.resolved-copy em{color:var(--amber)}.hero-promise{font-size:17px;line-height:1.55;color:#f0e9de;margin-top:25px}.hero-button{margin-top:30px}.resolved-copy{position:absolute;inset:0 auto auto 0;opacity:0;visibility:hidden}.resolved-copy .eyebrow{color:#ded7c8;margin-bottom:22px}.resolved-copy h2{font:560 clamp(55px,5.4vw,88px)/1.03 Fraunces,Georgia,serif;letter-spacing:-.045em}.resolved-copy .hero-promise{margin-top:24px}.desk-assembly{position:absolute;left:70%;top:69%;width:0;height:0;z-index:6;perspective:1400px;transform-style:preserve-3d;pointer-events:none}.paper,.notebook{position:absolute;width:235px;height:304px;left:-117px;top:-152px;transform-origin:50% 75%;backface-visibility:hidden;will-change:transform}.paper{color:#28303b;background:#eee6d5;box-shadow:2px 5px 2px #0004,12px 22px 25px #0007,inset 0 0 25px #a97a2920;padding:24px 24px;line-height:1.3;border:1px solid #ded0b3}.paper:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.paper strong{font:560 35px/1.04 Fraunces,Georgia,serif;display:block;margin-top:18px;letter-spacing:-.03em}.sheet-line{font:600 7px/1.5 Archivo,sans-serif;letter-spacing:.12em;border-bottom:1px solid #7f7256;padding-bottom:9px}.paper p{font-size:10px;line-height:1.6;margin-top:18px}.paper-a{transform:translate3d(-135px,-66px,3px) rotateX(45deg) rotateZ(-24deg);z-index:4}.paper-b{transform:translate3d(90px,-79px,6px) rotateX(45deg) rotateZ(19deg);background:#e9deca;z-index:3}.paper-c{transform:translate3d(12px,103px,9px) rotateX(45deg) rotateZ(-7deg);background:#faf3e5;z-index:5}.tiny-lines{margin-top:18px}.tiny-lines i{display:block;height:2px;background:#aba28f;margin-top:7px;width:100%}.tiny-lines i:nth-child(2){width:87%}.tiny-lines i:last-child{width:66%}.paper-bottom{position:absolute;bottom:20px;font-size:8px;color:#535448;border-top:1px solid #ada184;padding-top:8px;left:24px;right:24px}.paper-check{font-size:30px;display:block;position:absolute;bottom:18px;right:23px;transform:rotate(-12deg);color:#6b7355}.paper-rule{margin-top:25px;border-bottom:2px solid #b8a373;width:40px}.notebook{background:#16282f;border:1px solid #526157;box-shadow:6px 9px 0 #d1c8ae,7px 12px 1px #a3967a,14px 27px 28px #0008;transform:translate3d(4px,-42px,0) rotateX(45deg) rotateZ(-3deg);width:248px;height:320px;border-radius:3px 8px 8px 3px;z-index:1;padding:31px;color:#d4c397}.notebook:before{content:'';position:absolute;left:14px;top:0;height:100%;border-right:1px solid #8292764d}.notebook span{font:500 12px/1.8 Archivo,sans-serif;letter-spacing:.12em}.notebook i{position:absolute;height:100%;width:5px;right:22px;top:0;background:#17201f;border-left:1px solid #4c5644}.pencil{position:absolute;width:235px;height:8px;background:linear-gradient(#e8b553,#906426);left:-225px;top:148px;transform:rotate(-17deg);border-radius:1px;box-shadow:3px 5px 6px #0007}.pencil:before{content:'';position:absolute;right:-20px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:20px solid #c7ad7e}.foreground-lamp{position:absolute;right:-4%;bottom:8%;height:66%;width:auto;max-width:none;object-fit:contain;z-index:8;pointer-events:none;transform-origin:75% 95%;will-change:transform}.scene-note{position:absolute;bottom:55px;left:var(--gutter);display:flex;align-items:center;gap:12px;z-index:9;font-size:11px;color:#e1d8c8}.dot{width:5px;height:5px;background:var(--amber);border-radius:50%}.scene-caption{position:absolute;right:var(--gutter);bottom:55px;z-index:9;color:#e1d8c8;font-size:10px;background:#0b1626b3;padding:5px 8px}.section-inner{width:100%;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.section-paper{background:var(--paper);color:var(--ink)}.display{font:560 clamp(42px,4.6vw,76px)/1.08 Fraunces,Georgia,serif;letter-spacing:-.045em}.display em{color:#7e674a}.introduction{padding-block:120px 100px}.intro-grid{display:grid;grid-template-columns:.36fr 1fr;gap:8vw}.intro-side{padding-top:15px;font-size:13px;line-height:1.7;color:var(--muted)}.small-rule{display:block;width:35px;height:2px;background:#9a6a12;margin-bottom:18px}.lead{font-size:19px;line-height:1.7;max-width:620px;margin-top:31px;color:#505762}.principles{margin-top:60px;border-top:1px solid var(--line)}.principles>div{display:grid;grid-template-columns:30px .9fr 1.2fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline}.principle-num{font-size:10px;color:#80622e}.principles h3{font:560 24px/1.3 Fraunces,Georgia,serif;letter-spacing:-.025em}.principles p{font-size:14px;line-height:1.65;color:var(--muted)}.example-section{padding-block:75px 130px}.example-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}.example-heading>p{font-size:14px;color:var(--muted);padding-bottom:6px}.example-workspace{display:grid;grid-template-columns:.86fr 1.14fr;gap:9%;align-items:center;border-top:1px solid var(--line);padding-top:55px}.sample-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:55px;gap:20px}.sample-tabs button{border:0;border-bottom:2px solid transparent;padding:12px 0;background:none;color:#67707a;font-size:13px;min-height:44px}.sample-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:#9a6a12}.sample-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6a6458;margin-bottom:20px}.request-column blockquote{margin:0;font:560 clamp(24px,2.3vw,37px)/1.38 Fraunces,Georgia,serif;letter-spacing:-.025em;max-width:480px}.sample-context{margin-top:25px;max-width:330px;color:var(--muted);font-size:14px}.sample-disclosure{font-size:11px;display:flex;gap:12px;align-items:center;margin-top:45px;color:#68695f}.sample-disclosure span{font-size:20px;color:#8a6424}.document-area{padding:28px 25px 30px;background:#ebe5d9;position:relative;isolation:isolate}.document-area:before{content:'';position:absolute;inset:32px 30px;background:#ddd5c4;transform:rotate(-3deg);z-index:-1;box-shadow:2px 6px 9px #3629091a}.sample-document{padding:34px 38px 26px;background:#fffdf8;box-shadow:0 12px 25px #382d111f;min-height:560px;position:relative;transform:rotate(1.2deg);transition:transform .4s}.sample-document:focus{transform:rotate(0)}.document-mast{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ddd7c9;padding-bottom:17px;font-size:8px;letter-spacing:.13em;color:#72694f}.document-mast img{width:27px;height:27px}.doc-page{margin-left:auto}.document-kind{margin-top:30px;font-size:10px;color:#766c57}.sample-document h3{font:560 36px/1.1 Fraunces,Georgia,serif;margin-top:9px;letter-spacing:-.04em}.document-intro{font-size:12px;line-height:1.65;margin-top:18px;color:#586068}.document-block{padding-top:19px}.document-block h4{font:600 11px/1.5 Archivo,sans-serif}.document-block p,.email-text p{font-size:12px;line-height:1.65;color:#586068;margin-top:5px}.email-text p{margin-top:17px}.document-review{border-top:1px solid #ddd7c9;margin-top:28px;padding-top:15px;display:flex;gap:8px;align-items:center;font-size:9px;color:#626b57}.review-dot{width:5px;height:5px;border-radius:50%;background:#697751}.trust-section{padding-block:105px;background:#112235}.trust-grid{display:grid;grid-template-columns:.36fr 1fr;gap:8vw;align-items:center}.trust-mark{display:flex;justify-content:center}.trust-mark img{width:118px;height:118px}.trust-section .display em{color:#cbb99b}.trust-section p{margin-top:25px;max-width:570px;font-size:17px;line-height:1.75;color:#c2c8ce}.film-section{padding-block:110px}.film-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.film-heading .eyebrow{color:#776343;margin-bottom:22px}.film-heading>p{font-size:14px;color:var(--muted);padding-bottom:8px}.film-figure{margin:0}.film-figure video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e6decc;border:1px solid var(--line);border-radius:3px}.film-figure figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:16px;font-size:11px;color:#6a6b69}.closing{position:relative;min-height:100svh;isolation:isolate;overflow:clip;padding-top:120px}.closing-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;max-width:none}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071321f0 0%,#071321d6 46%,#07132166 100%);z-index:-2}.closing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12%;align-items:center}.closing .eyebrow{color:#dacdb4;margin-bottom:30px}.closing .display{font-size:clamp(52px,5.9vw,94px);line-height:1.02}.closing .display em{color:var(--amber)}.closing-promise{margin-top:25px;color:#ded7cc;font-size:17px}.signup-wrap{padding:35px 36px;background:#0b1626e8;border:1px solid #faf7f024;border-radius:3px;max-width:450px;margin-top:15px}.signup-mark{display:block;margin-bottom:25px;width:48px;height:48px}.signup-wrap h3{font:560 28px/1.2 Fraunces,Georgia,serif;letter-spacing:-.025em}.signup-wrap>p{margin-top:15px;font-size:14px;line-height:1.7;color:#c9c9c4}.signup-wrap form{margin-top:27px}.signup-wrap label{display:block;font-size:11px;color:#d5d0c5;margin-bottom:8px}.signup-wrap input{background:#ffffff0a;border:1px solid #d7cfbc66;border-radius:2px;color:var(--paper);padding:13px 14px;width:100%;min-height:50px;font-size:14px}.signup-wrap input::placeholder{color:#adb0b3}.signup-wrap .button{margin-top:12px;width:100%;gap:12px}.preview-note{font-size:10px;color:#b6b9bb;margin-top:15px!important}.signup-wrap #form-status{font-size:12px;line-height:1.6;min-height:20px;margin-top:8px;color:#ead7af}.signup-wrap #form-status.error{color:#ffd2bb}.footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:100px;padding-top:27px;padding-bottom:40px;border-top:1px solid #faf7f026;font-size:11px;color:#cbc8c0}.footer img{display:block;width:166px;height:auto}.preview-bar{position:fixed;bottom:0;inset-inline:0;height:30px;background:#0b1626;color:#bfc4cc;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.02em;border-top:1px solid #ffffff20;z-index:50}.asset-failed .room,.asset-failed .foreground-lamp{display:none}.asset-failed .hero-stage{background:radial-gradient(ellipse at 80% 85%,#5b4430 0, #0b1626 60%)}
@media(min-width:1700px){.desk-assembly{transform:scale(1.2)}.foreground-lamp{right:0}}
@media(max-width:1100px){.navigation nav{gap:20px}.nav-link:nth-child(2){display:none}.hero-copy{width:55%;top:25%}.hero h1{font-size:clamp(68px,8vw,88px)}.desk-assembly{left:72%;top:73%;transform:scale(.83)}.foreground-lamp{right:-12%;height:59%;bottom:10%}.hero-promise{font-size:16px}.hero-button{margin-top:24px}.intro-grid,.trust-grid{grid-template-columns:.25fr 1fr;gap:6vw}.principles>div{grid-template-columns:22px 1fr;gap:6px 16px}.principles p{grid-column:2}.example-workspace{gap:5%}.sample-document{padding:28px;min-height:580px}.closing-grid{gap:6%}.signup-wrap{padding:27px}.scene-caption{max-width:210px;text-align:right}.film-section{padding-block:85px}}
@media(max-width:700px){html{scroll-padding-top:20px}.navigation{padding:20px 24px;gap:12px}.brand img{width:144px}.navigation .nav-link{display:none}.navigation nav{gap:0}.nav-cta{font-size:10px;line-height:1.3;padding:9px 11px;gap:9px;min-height:44px;max-width:150px}.hero{min-height:235svh}.hero-stage{height:100svh;min-height:680px}.hero .room{object-position:64% center}.copy-shade{width:100%;height:67%;background:linear-gradient(180deg,#091421f0,#091421cf 60%,transparent)}.hero-copy{top:16.5%;left:24px;width:calc(100% - 48px)}.opening-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:17px}.hero h1{font-size:clamp(55px,15.2vw,78px);line-height:1.01;letter-spacing:-.05em;max-width:9ch}.hero-promise{font-size:13px;margin-top:17px;line-height:1.55}.hero-button{font-size:11px;min-height:44px;padding:12px 14px;margin-top:18px;gap:25px}.resolved-copy .eyebrow{font-size:8px;margin-bottom:15px}.resolved-copy h2{font-size:clamp(47px,12.8vw,66px);line-height:1.02}.resolved-copy .hero-promise{margin-top:16px}.desk-assembly{left:53%;top:80%;transform:scale(.57)}.foreground-lamp{right:-14%;height:37%;bottom:7.5%;z-index:7}.scene-note{left:24px;bottom:46px;font-size:9px;gap:8px}.scene-caption{right:24px;bottom:26px;max-width:none;font-size:7px;background:#0b1626a6;padding:2px 4px}.introduction{padding-block:75px 55px}.intro-grid,.trust-grid{grid-template-columns:1fr;gap:30px}.intro-side{padding:0;font-size:11px;display:flex;align-items:center;gap:15px}.small-rule{margin:0;width:25px}.display{font-size:42px;line-height:1.1}.lead{font-size:16px;margin-top:24px}.principles{margin-top:35px}.principles>div{padding:21px 0}.principles h3{font-size:23px}.principles p{font-size:13px}.example-section{padding-block:35px 70px}.example-heading{display:block;margin-bottom:30px}.example-heading>p{margin-top:22px;font-size:13px}.example-workspace{display:block;padding-top:24px}.sample-tabs{margin-bottom:29px;gap:24px}.sample-tabs button{font-size:12px}.sample-label{font-size:9px;margin-bottom:16px}.request-column blockquote{font-size:27px;line-height:1.35}.sample-context{font-size:13px;margin-top:18px}.sample-disclosure{margin-top:22px;font-size:10px;gap:8px}.document-area{margin-top:32px;padding:19px 15px 23px}.sample-document{padding:23px 22px;min-height:560px}.sample-document h3{font-size:32px}.document-mast{font-size:7px;gap:8px}.document-kind{margin-top:22px}.document-intro,.document-block p,.email-text p{font-size:11px}.document-block{padding-top:17px}.trust-section{padding-block:65px}.trust-grid{gap:22px}.trust-mark{justify-content:start}.trust-mark img{width:60px;height:60px}.trust-section .display{font-size:38px}.trust-section p{font-size:15px;margin-top:23px}.film-section{padding-block:68px}.film-heading{display:block;margin-bottom:30px}.film-heading .display{font-size:40px}.film-heading>p{margin-top:22px;font-size:13px}.film-heading .eyebrow{font-size:9px;margin-bottom:18px}.film-figure figcaption{display:block;font-size:10px;line-height:1.6}.film-figure figcaption span{display:block}.closing{padding-top:70px;min-height:0}.closing-room{object-position:65%;height:100%}.closing-shade{background:linear-gradient(180deg,#071321f5,#071321a6 65%,#071321db)}.closing-grid{grid-template-columns:1fr;gap:35px}.closing .display{font-size:57px;line-height:1.04}.closing .eyebrow{font-size:9px;margin-bottom:21px}.closing-promise{font-size:14px;margin-top:20px}.signup-wrap{max-width:none;margin-top:0;padding:25px}.signup-mark{width:42px;height:42px;margin-bottom:18px}.signup-wrap h3{font-size:27px}.signup-wrap>p{font-size:13px}.signup-wrap form{margin-top:20px}.footer{display:grid;grid-template-columns:1fr auto;gap:17px;margin-top:60px;padding-top:25px;padding-bottom:28px;font-size:10px}.footer>a{grid-column:1/-1}.footer img{width:150px}.preview-bar{font-size:9px}}
@media(max-height:760px) and (min-width:701px){.hero-stage{min-height:640px}.hero-copy{top:21%}.hero h1{font-size:72px}.hero-promise{font-size:14px;margin-top:18px}.opening-copy .eyebrow{margin-bottom:18px}.hero-button{margin-top:18px;min-height:46px;padding:13px 17px}.resolved-copy h2{font-size:60px}.desk-assembly{top:72%;transform:scale(.85)}}
.hero [data-sc-copy],.closing [data-sc-copy]{opacity:1;pointer-events:auto;will-change:auto}
.hero-copy{z-index:10}
.hero-promise,.opening-copy .eyebrow,.resolved-copy .eyebrow,.resolved-copy h2{width:fit-content;max-width:100%}
.desk-assembly{top:64%}
@media(max-width:1100px){.desk-assembly{top:68%}}
@media(max-width:700px){.desk-assembly{top:74%}.scene-caption{bottom:31px}.scene-note{bottom:53px}}
@media(max-height:600px) and (max-width:1000px){.hero{height:auto!important;min-height:0!important}.hero-stage{position:relative;height:900px;min-height:0}.hero-copy{top:140px;width:calc(100% - 80px)}.hero h1{font-size:64px}.desk-assembly{top:79%}.foreground-lamp{height:40%;bottom:6%}.resolved-copy{display:none!important}.hero-button{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{min-height:0!important;height:auto!important}.hero-stage{position:relative;height:max(760px,100svh)}.room,.paper,.notebook,.pencil,.foreground-lamp,.closing-room{will-change:auto!important}.resolved-copy{display:none!important}.opening-copy{opacity:1!important;visibility:visible!important;transform:none!important}.hero-button{transform:none!important}.sample-document{transform:none;transition:none}[data-sc-in],[data-sc-stagger]>*{opacity:1;transform:none;transition:none}.button:hover{transform:none}.document-area{clip-path:none!important}}

.desk-surface{position:absolute;width:0;height:0;transform-style:preserve-3d;transform:rotateX(62deg) rotateZ(-8deg)}
.paper,.notebook{transform-origin:50% 50%}
.desk-assembly{top:62%}
@media(max-width:1100px){.desk-assembly{top:67%}}
@media(max-width:700px){.desk-assembly{top:76%}}
@media(max-height:600px) and (max-width:1000px){.desk-assembly{top:80%}}

.paper{box-shadow:1px 2px 1px #0003,5px 8px 12px #0004,inset 0 0 25px #a97a2920}
.foreground-lamp{bottom:18%}
@media(max-width:1100px){.foreground-lamp{bottom:18%}}
@media(max-width:700px){.desk-assembly{top:71%}.foreground-lamp{bottom:17%}}
@media(max-height:600px) and (max-width:1000px){.desk-assembly{top:80%}.foreground-lamp{bottom:13%}}

/* The scene owns the lower stage; controls retain a separate, clear position. */
.scene-lettering{position:absolute;left:27%;top:65%;font:560 clamp(140px,19vw,310px)/1 Fraunces,Georgia,serif;letter-spacing:-.065em;color:#dfcfb2;z-index:3;pointer-events:none;transform-origin:center;white-space:nowrap}
.hero-copy{inset:0 auto 0 var(--gutter);width:60%;z-index:auto}
.opening-copy{position:absolute;top:16%;z-index:5}
.resolved-copy{top:16%;z-index:5}
.hero h1{font-size:clamp(78px,8.2vw,138px);line-height:.98;max-width:9ch}
.hero-promise{font-size:16px;margin-top:21px}
.hero-button{position:absolute;left:0;bottom:95px;margin:0;z-index:12}
.resolved-copy h2{font-size:clamp(62px,6.3vw,101px)}
.foreground-lamp{height:78%;right:3%;bottom:16%;z-index:8;transform-origin:77% 97%}
.desk-assembly{left:60%;top:62%;transform:scale(1.12);z-index:6}
.scene-note,.scene-caption{bottom:40px}
.copy-shade{width:67%}
@media(min-width:1700px){.desk-assembly{transform:scale(1.4)}.foreground-lamp{right:5%}}
@media(min-width:701px) and (max-width:1100px){
  .hero h1{font-size:clamp(68px,8.8vw,96px)}
  .foreground-lamp{height:69%;right:1%;bottom:18%}
  .desk-assembly{left:59%;top:64%;transform:scale(.95)}
  .hero-button{bottom:90px}
}
@media(max-width:700px){
  .scene-lettering{left:4%;top:calc(70% - 135px);font-size:24vw;color:#ddc7a1}
  .hero-copy{inset:0 24px;width:auto}
  .opening-copy,.resolved-copy{top:15%;width:100%}
  .hero h1{font-size:clamp(49px,12vw,66px);line-height:1.01;max-width:9ch}
  .hero-promise{font-size:12px;margin-top:15px;max-width:210px}
  .opening-copy .eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:16px}
  .resolved-copy h2{font-size:clamp(43px,10.6vw,58px);line-height:1.02}
  .resolved-copy .hero-promise{font-size:12px;margin-top:15px}
  .hero-button{position:absolute;bottom:65px;left:0;margin:0;z-index:12}
  .foreground-lamp{height:40%;right:4%;bottom:21%;z-index:8}
  .desk-assembly{left:42%;top:70%;transform:scale(.62);z-index:6}
  .copy-shade{height:54%;width:100%;background:linear-gradient(180deg,#091421eb,#091421a8 65%,transparent)}
  .scene-note{bottom:36px;font-size:8px}
  .scene-caption{bottom:32px;right:20px;font-size:8px;max-width:155px;text-align:right}
}
@media(max-width:420px){
  .scene-lettering{top:calc(74% - 135px)}
  .foreground-lamp{height:40%;right:3%;bottom:20%}
  .desk-assembly{left:40%;top:74%;transform:scale(.51)}
}
@media(max-height:760px) and (min-width:701px){
  .opening-copy,.resolved-copy{top:18%}.hero h1{font-size:72px}.hero-promise{font-size:13px}
  .foreground-lamp{height:74%;bottom:15%;right:2%}.desk-assembly{top:62%;transform:scale(.9)}
  .hero-button{bottom:68px}.scene-note,.scene-caption{bottom:34px}
}
@media(max-height:600px) and (max-width:1000px){
  .hero-copy{inset:0 40px;width:auto}.opening-copy{top:140px}.hero h1{font-size:64px}
  .foreground-lamp{height:46%;right:4%;bottom:20%}.desk-assembly{left:38%;top:73%;transform:scale(.7)}
  .hero-button{bottom:80px}
}
@media(prefers-reduced-motion:reduce){.hero-button{transform:none!important}}

/* One shared tabletop projection. Sheet sorting happens within this surface,
   then the complete stack moves below the type with a clear resting gap. */
html{scroll-behavior:auto}
.desk-assembly{left:0;top:0;perspective:none;transform-style:flat}
.desk-surface{transform:matrix(1,-.12,.48,.38,0,0);transform-style:flat}
.paper,.notebook{transform-origin:center;backface-visibility:visible}
.paper{box-shadow:1px 3px 1px #0005,3px 8px 8px #0003}
.notebook{box-shadow:2px 4px 0 #d1c8ae,3px 7px 1px #a3967a,4px 10px 8px #0006}
.scene-lettering{left:33%;top:54%;font-size:16vw;letter-spacing:-.06em;color:#eadbc0}
.hero h1{font-size:clamp(72px,6.7vw,112px)}
.hero-copy{width:48%}
.opening-copy{top:16%}
.resolved-copy{display:none}
.foreground-lamp{height:70%;bottom:16%;right:3%}
.copy-shade{width:58%}
.document-intro,.document-block p,.email-text p{font-size:13px;line-height:1.7}
@media(max-width:1100px) and (min-width:701px){
 .hero h1{font-size:clamp(60px,7.4vw,82px)}
 .hero-promise{font-size:14px}
 .scene-lettering{top:56%;left:28%;font-size:18vw}
 .foreground-lamp{height:60%;right:2%}
}
@media(max-width:700px){
 .hero-copy{width:auto}
 .hero h1{font-size:clamp(45px,11.8vw,66px)}
 .opening-copy{top:15%}
 .scene-lettering{left:4%;top:52%;font-size:24vw}
 .foreground-lamp{height:40%;right:4%;bottom:21%}
 .copy-shade{height:51%;width:100%}
 .hero-promise{font-size:13px}
 .opening-copy .eyebrow{font-size:8px;letter-spacing:.07em}
 .document-intro,.document-block p,.email-text p{font-size:13px}
}
@media(max-height:760px) and (min-width:701px){
 .hero h1{font-size:clamp(60px,6vw,84px)}
 .hero-promise{font-size:14px;margin-top:16px}
 .opening-copy{top:17%}
 .scene-lettering{top:53%;font-size:15vw}
}
@media(max-height:600px) and (max-width:1000px){
 .hero-copy{width:auto}.opening-copy{top:130px}.hero h1{font-size:60px}
 .scene-lettering{top:53%;font-size:22vw;left:4%}
 .foreground-lamp{height:42%;bottom:21%}
}

@media(min-width:1101px){.scene-lettering{top:calc(76% - 400px);font-size:14vw;left:36%}}
@media(min-width:701px) and (max-width:1100px){.scene-lettering{top:44%;left:43%;font-size:13vw}}
/* Static geometry is also complete before the scroll controller starts. */
.desk-assembly{transform:translate(63vw,62svh) scale(1.05)}
.paper-a{transform:translate(-82px,-35px) rotate(-24deg)}
.paper-b{transform:translate(82px,-55px) rotate(18deg)}
.paper-c{transform:translate(-45px,95px) rotate(-8deg)}
.notebook{transform:rotate(-5deg)}
@media(max-width:700px){.desk-assembly{transform:translate(44vw,67svh) scale(.52)}}

@media(max-height:600px) and (max-width:1000px){.foreground-lamp{height:35%}}
@media(max-width:360px){.hero h1{font-size:clamp(36px,11vw,40px)}}

@media(max-width:360px) and (min-height:601px){.foreground-lamp{right:0}}

@media(max-height:600px) and (max-width:700px){.scene-lettering{top:57%;font-size:min(22vw,86px)}}

@media(max-height:600px) and (min-width:701px) and (max-width:1000px){.scene-lettering{left:4%;top:53%;font-size:86px}}