:root{--paper:#f0eee8;--ink:#080b0f;--blue:#1578e8;--ice:#cfe6ff;--grey:#6c7279;--line:rgba(8,11,15,.18);--pad:clamp(24px,5vw,78px);--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper);overflow-x:hidden}a{color:inherit}.skip{position:fixed;left:18px;top:-80px;background:white;color:#000;padding:12px 16px;z-index:100}.skip:focus{top:18px}.topline{position:absolute;z-index:10;inset:0 0 auto 0;height:76px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:white;font-size:11px;font-weight:600;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.18)}.wordmark{text-decoration:none;display:flex;gap:11px;align-items:center}.wordmark b{font-weight:600}.wordmark span span,.proof .overline span,.field-plan .overline span,footer span span{color:#62adff}.signal-dot{width:8px;height:8px;border-radius:50%;background:#4ba5ff;box-shadow:0 0 18px #4ba5ff}.edition{opacity:.7}.bohi-mark{text-align:right}.film{height:100svh;min-height:620px;background:#020407;position:relative;overflow:hidden}.film video{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}.film:after{content:'';position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,rgba(0,0,0,.36));pointer-events:none}.film-scroll{position:absolute;z-index:2;right:var(--pad);bottom:34px;color:white;text-decoration:none;font-size:12px;display:flex;align-items:center;gap:16px;letter-spacing:.08em;text-transform:uppercase}.film-scroll i{font-style:normal;color:#67b2ff;font-size:18px}.paper{background:var(--paper)}.ink{background:var(--ink);color:white}.blue-field{background:var(--blue);color:white}.folio{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--grey)}.ink .folio,.blue-field .folio{color:rgba(255,255,255,.58)}.overline{font-size:12px;font-weight:600;letter-spacing:.14em;margin:0 0 18px}.overline span{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em}h1 em,h2 em,h3 em{font-family:var(--serif);font-weight:400}.letter{min-height:105svh;padding:80px var(--pad) 110px;position:relative;overflow:hidden}.letter-grid{max-width:1400px;margin:14vh auto 0;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,10vw,180px);align-items:start}.letter-title h1{font:400 clamp(66px,9.7vw,150px)/.77 var(--serif);letter-spacing:-.06em;margin:0}.letter-title h1 em{color:var(--blue)}.letter-body{padding-top:65px;max-width:570px;font-size:18px}.standfirst{font:400 clamp(30px,3.2vw,48px)/1.05 var(--serif);letter-spacing:-.025em}.letter-body>p:not(.standfirst):not(.signed){max-width:490px;color:#3f454b}.signed{font:italic 27px/1.15 var(--serif);margin-top:55px;transform:rotate(-2deg);color:#162331}.signed span{font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.1em;color:var(--blue)}.margin-note{position:absolute;right:-12px;bottom:60px;width:220px;font:italic 32px/1 var(--serif);color:var(--blue);transform:rotate(8deg)}.margin-note:before{content:'';display:block;width:100px;height:34px;border-top:2px solid var(--blue);border-radius:50%;transform:rotate(-13deg);margin-left:-55px}.proof{min-height:100svh;padding:80px var(--pad);display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr auto;column-gap:8vw;align-items:center}.proof-copy h2{font:400 clamp(62px,8vw,126px)/.82 var(--serif);letter-spacing:-.05em;margin:0}.proof-copy h2 em{color:var(--ice)}.proof-numbers{display:grid;gap:40px;border-left:1px solid rgba(255,255,255,.18);padding-left:45px}.proof-numbers div{padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.18)}.proof-numbers strong{display:block;font:400 clamp(60px,6.5vw,104px)/.9 var(--serif);color:#75b9ff}.proof-numbers span{font-size:14px;color:#a6abb1}.proof-note{font:400 clamp(26px,3.2vw,46px)/1.12 var(--serif);max-width:850px;grid-column:1/-1;margin:75px 0 20px}.source-link{font-size:11px;color:#8f969d;grid-column:1/-1}.journey{padding:80px var(--pad) 130px}.journey-intro{max-width:1400px;margin:110px auto}.journey-intro h2{font:400 clamp(58px,7vw,108px)/.86 var(--serif);max-width:1100px}.customer-path{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.moment{min-height:360px;padding:28px 25px;display:flex;flex-direction:column;border-right:1px solid var(--line);position:relative}.moment:last-child{border:0}.moment-num{font-size:11px;font-weight:600;color:var(--blue)}.moment-action{font:400 clamp(27px,2.7vw,42px)/1.02 var(--serif);margin:auto 0}.moment-thought{font-size:15px;margin:0;color:#50575f}.moment.pinch{background:#e5e2da}.moment.pinch:before{content:'';position:absolute;top:-5px;left:25px;width:10px;height:10px;border-radius:50%;background:#ef5c3b}.journey-caption{max-width:1400px;margin:70px auto 0;display:grid;grid-template-columns:1fr 3fr;gap:40px}.journey-caption span{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--blue)}.journey-caption p{font:400 clamp(26px,3.3vw,45px)/1.15 var(--serif);max-width:950px}.fineprint{max-width:1400px!important;margin:40px auto 0!important;font-size:11px;color:#747a80}.question{min-height:100svh;padding:80px var(--pad);position:relative;overflow:hidden;display:flex;flex-direction:column}.question-mark{position:absolute;right:-4vw;top:-20vh;font:400 110vh/.8 var(--serif);color:rgba(255,255,255,.08)}.question-copy{position:relative;margin:auto 0;z-index:1}.question-copy h2{font:400 clamp(70px,10.5vw,165px)/.79 var(--serif);max-width:1300px}.question-copy h2 em{color:var(--ice)}.question-answer{position:relative;z-index:1;align-self:flex-end;width:min(540px,100%);font-size:20px;margin:0}.moves{padding:80px var(--pad) 140px}.move{max-width:1400px;margin:100px auto 0;display:grid;grid-template-columns:100px 1.2fr .8fr;gap:clamp(30px,6vw,100px);align-items:center;padding:70px 0;border-top:1px solid var(--line)}.move:last-child{border-bottom:1px solid var(--line)}.move-index{font:italic 48px var(--serif);color:var(--blue);align-self:start}.move h3{font:400 clamp(46px,5.8vw,88px)/.88 var(--serif);margin:0}.move>p{font-size:18px;color:#4d555c;max-width:460px}.move-right{transform:translateX(7vw);max-width:1250px}.field-plan{padding:80px var(--pad) 120px}.plan-title{max-width:1400px;margin:100px auto 0;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.plan-title h2{font:400 clamp(65px,9vw,140px)/.8 var(--serif);margin:0}.route{max-width:1400px;height:470px;margin:50px auto 0;position:relative}.route svg{position:absolute;inset:0;width:100%;height:260px;overflow:visible}.route-line{fill:none;stroke:#3f8ddb;stroke-width:2;stroke-dasharray:6 9}.route circle{fill:var(--ice);stroke:var(--ink);stroke-width:6}.route-label{position:absolute;width:190px}.route-label span{display:block;font-size:11px;font-weight:600;color:#6facdf;letter-spacing:.1em}.route-label strong{display:block;font:400 36px var(--serif);margin:5px 0}.route-label small{display:block;color:#90979e;font-size:13px}.r1{left:0;top:175px}.r2{left:29%;top:205px}.r3{left:60%;top:115px}.r4{right:0;top:145px}.deliverable{max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,255,255,.2);padding-top:45px;display:grid;grid-template-columns:.55fr 1.45fr;gap:50px}.deliverable p{font-size:12px;color:#8e969e;text-transform:uppercase;letter-spacing:.1em}.deliverable h3{font:400 clamp(38px,5vw,70px)/.95 var(--serif);margin:0}.deliverable h3 em{color:var(--ice)}.closing{min-height:105svh;padding:80px var(--pad) 0;display:flex;flex-direction:column}.closing-letter{max-width:1050px;margin:auto;text-align:center;padding:100px 0}.dear{font:italic 32px var(--serif);color:var(--blue);transform:rotate(-3deg)}.closing h2{font:400 clamp(58px,8vw,122px)/.82 var(--serif)}.closing-serif{font:italic clamp(29px,3.6vw,52px)/1.04 var(--serif);max-width:820px;margin:35px auto}.closing-body{max-width:650px;margin:35px auto;color:#555c63;font-size:18px}.cta{display:inline-flex;align-items:center;gap:60px;border:0;background:var(--ink);color:white;text-decoration:none;padding:22px 26px;margin-top:30px;font:600 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.09em;cursor:pointer;transition:background .25s,color .25s,transform .25s,opacity .25s}.cta:hover,.cta:focus-visible{background:var(--blue);transform:translateY(-3px)}.cta:focus-visible{outline:3px solid rgba(21,120,232,.28);outline-offset:4px}.cta:disabled{cursor:wait;opacity:.72;transform:none}.cta span{color:var(--ice);font-size:20px}.cta.is-sent{background:var(--blue);cursor:default}.cta-status{min-height:24px;margin:18px auto 0;color:#555c63;font-size:14px}.cta-status.is-error{color:#a63826}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px 0;border-top:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:.1em}footer span:nth-child(2){color:#7b8085}footer span:last-child{text-align:right}.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.film video{display:none}.film{background:url('assets/atom-poster.jpg') center/cover no-repeat}}
@media(max-width:900px){.topline{grid-template-columns:1fr auto}.edition{display:none}.film{height:72svh;min-height:500px}.letter-grid,.proof,.plan-title,.deliverable{grid-template-columns:1fr}.letter{min-height:auto}.letter-grid{margin-top:80px;gap:40px}.letter-body{padding-top:0}.proof{display:block}.proof-numbers{margin-top:80px}.proof-note{margin-top:80px}.customer-path{grid-template-columns:1fr 1fr}.moment:nth-child(2){border-right:0}.moment:nth-child(-n+2){border-bottom:1px solid var(--line)}.journey-caption{grid-template-columns:1fr}.question{min-height:800px}.move,.move-right{grid-template-columns:65px 1fr;transform:none}.move>p{grid-column:2}.plan-title .overline{margin-bottom:30px}.route{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 0}.route svg{display:none}.route-label{position:static;width:auto;border-top:1px solid rgba(255,255,255,.2);padding-top:25px}footer{grid-template-columns:1fr auto}footer span:nth-child(2){display:none}}
@media(max-width:600px){:root{--pad:22px}.topline{height:62px;font-size:9px}.film{height:62svh;min-height:430px}.film video{object-position:56% center}.film-scroll span{display:none}.letter,.proof,.journey,.question,.moves,.field-plan{padding-top:55px;padding-bottom:80px}.letter-title h1{font-size:64px}.letter-body{font-size:16px}.standfirst{font-size:32px}.margin-note{display:none}.proof-copy h2,.journey-intro h2{font-size:58px}.proof-numbers{padding-left:0;border-left:0}.customer-path{grid-template-columns:1fr}.moment{min-height:260px;border-right:0;border-bottom:1px solid var(--line)!important}.moment-action{font-size:34px}.question{min-height:720px}.question-copy h2{font-size:66px}.move{grid-template-columns:45px 1fr;padding:50px 0;margin-top:50px}.move h3{font-size:46px}.move-index{font-size:34px}.route{grid-template-columns:1fr}.closing{padding-left:var(--pad);padding-right:var(--pad)}.closing-letter{padding:90px 0}.closing h2{font-size:58px}.cta{gap:22px}footer{display:flex;justify-content:space-between}footer span:last-child{display:none}}