@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300&family=Manrope:wght@300;400;500&family=Newsreader:ital,opsz,wght@1,6..72,300&display=swap');
:root{--ink:#192019;--paper:#eee9df;--moss:#172017;--cream:#e9e3d5;--rust:#b86542;--line:rgba(25,32,25,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;font-weight:300;color:var(--ink);background:var(--paper)}a{color:inherit}.site-header{position:fixed;z-index:10;top:0;left:0;width:100%;padding:28px 36px;display:flex;justify-content:space-between;align-items:center}.wordmark{text-transform:uppercase;letter-spacing:.24em;text-decoration:none;font-size:13px;font-weight:500}.quiet-link,.progress-label{font:11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;opacity:.75}.home{color:var(--cream);background:var(--moss);overflow:hidden}.hero{min-height:100svh;display:flex;align-items:center;padding:12vh 8vw;position:relative;isolation:isolate}.atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(130deg,#18271d 0%,#26352a 35%,#6b5b45 72%,#222117 100%)}.atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,10,.48),transparent 62%),radial-gradient(circle at 68% 38%,transparent 0 15%,rgba(6,11,7,.45) 65%);mix-blend-mode:multiply}.atmosphere span{position:absolute;border-radius:50%;filter:blur(55px);opacity:.48;animation:drift 18s ease-in-out infinite alternate}.atmosphere span:nth-child(1){width:45vw;height:70vh;right:-4%;top:-12%;background:#b99765}.atmosphere span:nth-child(2){width:28vw;height:65vh;right:18%;bottom:-18%;background:#68784c;animation-delay:-7s}.atmosphere span:nth-child(3){width:30vw;height:30vw;left:25%;top:20%;background:#394c31;animation-delay:-11s}@keyframes drift{to{transform:translate3d(-4vw,6vh,0) scale(1.12)}}.hero-copy{max-width:780px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px}.hero h1,.lab-lock h1,.lab-intro h1,.thank-you h1{font-size:clamp(54px,7.5vw,112px);line-height:.9;letter-spacing:-.055em;font-weight:300;margin:0}.hero h1 em{font-family:Newsreader,serif;font-weight:300}.intro{max-width:570px;font-size:clamp(16px,1.5vw,21px);line-height:1.65;margin:36px 0}.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;border:1px solid currentColor;border-radius:999px;padding:16px 22px;background:transparent;color:inherit;text-decoration:none;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.25s}.button:hover{background:currentColor;color:var(--moss)}.edge-note{position:absolute;right:34px;bottom:32px;writing-mode:vertical-rl;font:9px 'DM Mono';text-transform:uppercase;letter-spacing:.15em}.reveal{animation:reveal 1.2s cubic-bezier(.16,1,.3,1)}@keyframes reveal{from{opacity:0;transform:translateY(25px)}}.questionnaire{min-height:100svh;padding:15vh max(7vw,24px) 8vh}.progress{position:fixed;top:0;left:0;width:100%;height:2px;background:rgba(0,0,0,.08)}.progress i{display:block;width:25%;height:100%;background:var(--rust);transition:.5s}.step{display:none;max-width:900px;margin:auto;animation:reveal .6s}.step.active{display:block}.step label:not(.check){display:block;font-size:clamp(36px,5.5vw,76px);line-height:1.02;letter-spacing:-.04em;max-width:850px}.hint{font-family:Newsreader,serif;font-size:20px;font-style:italic;opacity:.65;margin:24px 0 12px}.step textarea,.lab-feedback textarea{width:100%;min-height:150px;border:0;border-bottom:1px solid var(--line);background:transparent;resize:vertical;padding:20px 0;font:300 21px Manrope;color:inherit;outline:none}.step input[type=email],.lab-feedback input[type=text]{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:24px 0;font:300 22px Manrope;outline:none}.step textarea:focus,.step input:focus,.lab-feedback textarea:focus,.lab-feedback input:focus{border-color:var(--rust)}.step .button{margin-top:32px}.actions{display:flex;align-items:center;gap:24px}.text-button,.text-link{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.check{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:13px}.form-error{color:#a23e2c;min-height:20px}.thank-you p:not(.eyebrow){font:italic 22px Newsreader;max-width:500px}.lab{background:#241f1b;color:#e9e3d5}.lab-lock{min-height:100svh;display:grid;place-items:center;padding:14vh 7vw}.lab-lock>div{max-width:920px;width:100%}.lab-lock h1{font-size:clamp(48px,7vw,96px)}.lab-lock>div>p:not(.eyebrow){font:italic 21px Newsreader;max-width:500px}.lab-lock form{margin-top:55px}.lab-lock form>label{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.12em}.inline{display:flex;max-width:580px;border-bottom:1px solid rgba(255,255,255,.35)}.inline input{flex:1;border:0;background:transparent;color:inherit;padding:20px 0;font:18px Manrope;outline:0}.inline .button{border:0;margin:5px}.lab-room{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:16vh 7vw 12vh}.lab-intro{position:sticky;top:15vh;height:max-content}.lab-intro h1{font-size:clamp(52px,6vw,88px)}.lab-intro>p:not(.eyebrow){font:italic 20px/1.6 Newsreader;max-width:590px}.lab-intro ul{list-style:none;padding:0;margin:40px 0;font:10px/2 'DM Mono';text-transform:uppercase;letter-spacing:.12em}.lab-feedback{max-width:650px}.lab-feedback fieldset{border:0;padding:0;margin:0 0 55px}.lab-feedback legend,.lab-feedback>label{display:block;font-size:25px;line-height:1.25;margin:0 0 48px}.scale{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:25px}.scale label{aspect-ratio:1;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;cursor:pointer;font:11px 'DM Mono';border-radius:50%;transition:.2s}.scale input{position:absolute;opacity:0}.scale label:has(input:checked){background:var(--cream);color:#241f1b}.scale-notes{display:flex;justify-content:space-between;font:9px 'DM Mono';text-transform:uppercase;margin-top:10px;opacity:.65}.lab-feedback .small-label{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.1em}.lab-feedback .button:hover{color:#241f1b}.lab-thanks{align-self:start}.lab-thanks h2{font:300 56px/1 Newsreader;font-style:italic}@media(max-width:760px){.site-header{padding:22px 20px}.hero{padding:15vh 24px 10vh}.hero h1{font-size:16vw}.intro{font-size:15px}.edge-note{display:none}.questionnaire{padding-top:18vh}.lab-room{display:block;padding:16vh 24px 10vh}.lab-intro{position:static;margin-bottom:90px}.scale{grid-template-columns:repeat(5,1fr)}.lab-lock{padding-inline:24px}.quiet-link{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.atmosphere span{display:none}}
.home{overflow:visible}.hero{overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.atmosphere{background:linear-gradient(90deg,rgba(8,15,10,.68),rgba(8,15,10,.08) 72%),linear-gradient(0deg,rgba(8,15,10,.4),transparent 50%)}.atmosphere span{display:none}.hero-copy{max-width:950px}.photo-story{background:var(--paper);color:var(--ink);padding:14vh 6vw;display:grid;grid-template-columns:repeat(12,1fr);gap:9vw 2vw}.story-heading{grid-column:2/11;display:grid;grid-template-columns:1fr 2fr;gap:3vw;align-items:start;margin-bottom:5vh}.story-heading .eyebrow{grid-column:1}.story-heading h2,.story-close h2{font:italic 300 clamp(52px,7vw,104px)/.9 Newsreader,serif;letter-spacing:-.045em;margin:0}.story-heading h2{grid-column:2}.story-heading>p:last-child{grid-column:2;max-width:560px;font-size:17px;line-height:1.7}.photo{margin:0;overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-wide{grid-column:2/12;aspect-ratio:16/9}.photo:not(.photo-wide):not(.photo-tall){grid-column:2/7;aspect-ratio:4/3}.photo-tall{grid-column:8/12;aspect-ratio:3/4}.photo-story blockquote{grid-column:3/11;margin:6vh 0;font:italic 300 clamp(40px,6vw,86px)/1 Newsreader,serif;text-align:center}.story-close{grid-column:2/12;margin:9vh 0 3vh;text-align:center}.story-close .button{margin-top:40px;color:var(--ink)}@media(max-width:760px){.story-heading{grid-column:1/-1;display:block}.photo-wide,.photo:not(.photo-wide):not(.photo-tall),.photo-tall,.photo-story blockquote,.story-close{grid-column:1/-1}}