@font-face{font-family:Firs;src:url('fonts/firs-light-complete.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:Firs;src:url('fonts/firs-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Firs;src:url('fonts/firs-medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Firs;src:url('fonts/firs-semibold.woff') format('woff');font-weight:600 900;font-display:swap}
@font-face{font-family:Firs;src:url('fonts/firs-light-italic-20261013.woff') format('woff');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:Stinger;src:url('fonts/stinger-light-italic.woff') format('woff');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:Stinger;src:url('fonts/stinger-bold-italic.woff') format('woff');font-weight:700;font-style:italic;font-display:swap}
:root{--ink:#11110f;--sand:#cabda3;--white:#eee;--hero-height:62vw;--statement-height:50vw;--office-height:36vw;--about-height:50vw}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--sand);font-family:Firs,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,p{margin:0}h1,h2{font-weight:300;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent}img{display:block;max-width:100%;height:auto}svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:var(--sand);color:var(--ink)}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;padding:15px;z-index:100;transform:translateY(-150%);background:var(--sand);color:var(--ink)}.skip-link:focus{transform:none}
main{position:relative}.hero-stage{height:var(--hero-height)}.hero{position:fixed;top:0;left:0;width:100%;height:var(--hero-height);z-index:1;isolation:isolate;background:radial-gradient(ellipse at 52% 34%,#343634,#11110f 77%)}.hero-window{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-people{position:absolute;bottom:0;left:-2.3%;width:102.3%;height:auto;max-width:none;opacity:.63}.header{position:absolute;left:7.3%;right:8.6%;top:6%;display:flex;align-items:center;justify-content:space-between;gap:3vw;z-index:2}.brand{display:block;width:12.7vw;flex:none}.brand img{width:100%;height:auto}.brand-sand img{filter:grayscale(1) brightness(0) invert(.83) sepia(.18) saturate(1.2)}.brand-white img{filter:brightness(0) invert(1)}.main-nav{display:flex;align-items:center;gap:1.2vw;text-transform:uppercase;font-size:max(8px,.87vw);font-weight:400;white-space:nowrap;color:#ddd}.main-nav a{padding:7px 0}.main-nav a:hover{color:var(--sand)}.main-nav .lab-link{padding:.7vw 1.15vw;border:1px solid var(--sand);border-radius:30px;margin-left:2vw}.phone-menu-toggle{display:none}.hero-message{position:absolute;top:42.5%;left:5.2%;width:73%}.hero h1{font-size:8.9vw;font-weight:600;line-height:.96;letter-spacing:-.04em}.first-line{display:flex;gap:.6vw;align-items:center}.first-line em{font-family:Stinger,Firs,sans-serif;font-size:3.43vw;font-weight:300;line-height:1;letter-spacing:-.025em;color:var(--white)}.second-line{display:block;margin-left:7vw;margin-top:.6vw;white-space:nowrap}.hero-intro{margin-left:7vw;margin-top:1.5vw}.hero-intro p{font-size:1.66vw;line-height:1.18;letter-spacing:-.02em;color:#d7d7d4}.cta{display:inline-flex;align-items:center;gap:2.1vw;padding:1vw 1.3vw;border-radius:1.7vw;margin-top:3.15vw;background:var(--sand);color:var(--ink);font-size:max(9px,.88vw);font-weight:400;text-transform:uppercase;line-height:1}.cta svg{width:1.4vw;height:1.4vw;min-width:13px;min-height:13px}.cta:hover{background:#e4d7bb}.benefits{position:absolute;top:45.6%;left:80.5%;right:2.4%;display:flex;flex-direction:column;gap:3vw}.benefits article{display:flex;gap:1vw;align-items:flex-start}.benefits article>svg{width:3.1vw;height:3.1vw;flex:none}.benefits h2{font-size:1.55vw;letter-spacing:-.035em;line-height:1.1}.benefits p{font-size:1.13vw;letter-spacing:-.02em;line-height:1.08;margin-top:.3vw}.scroll-cue{position:absolute;bottom:4%;right:5.1%;width:4vw;display:grid;justify-items:center;gap:.4vw;font-size:max(9px,.8vw);color:var(--sand)}.scroll-cue svg{width:4.5vw;height:4.5vw;stroke-width:2.5}.scroll-cue:hover svg{color:#fff}
.hero :is(.header,.hero-message,.benefits,.scroll-cue){transform:translate3d(var(--exit-x,0px),var(--exit-y,0px),0) scale(var(--exit-scale,1));transform-origin:50% 50%;opacity:var(--exit-opacity,1)}.intro-word{display:inline-block;white-space:nowrap}.intro-letter{display:inline-block}body:not(.motion-off):not(.intro-complete) .intro-letter{opacity:0;transform:translateY(.7em) rotate(4deg);filter:blur(3px)}body.intro-ready:not(.motion-off):not(.intro-complete) .intro-letter{animation:assemble-title .72s cubic-bezier(.16,1,.3,1) var(--intro-delay) both}@keyframes assemble-title{from{opacity:0;transform:translateY(.7em) rotate(4deg);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
.scene{position:relative;isolation:isolate}.pinned{position:sticky;top:0}.statement-scene{height:80vw;z-index:2;background:var(--ink)}.statement-panel{height:var(--statement-height);min-height:0;background:var(--ink);overflow:hidden}.statement-copy{position:absolute;left:25.7%;right:7%;top:7.7vw}.statement-copy h2,.statement-answer{font-size:4.03vw;line-height:1.1;letter-spacing:-.04em}.statement-answer{margin-top:2.5vw}.statement-answer em{font-family:Stinger,Firs,sans-serif;font-weight:700;font-size:1.02em;letter-spacing:-.025em;color:#eee}.statement-definition{margin-top:5.3vw;font-size:1.56vw;line-height:1.3;letter-spacing:-.025em;color:#b3b1a8}.reveal-word{display:inline-block;white-space:nowrap}.reveal-letter{opacity:.15}.formula{position:absolute;display:grid;grid-template-columns:repeat(2,3.5vw);grid-template-rows:repeat(4,4.1vw);gap:0}.element{border:1.5px solid currentColor;display:flex;flex-direction:column;align-items:flex-start;padding:.2vw .2vw .15vw;font-family:Firs,sans-serif;line-height:1;color:#eee;transition:color .2s,background .2s;min-width:0}.element:hover{background:var(--sand);color:var(--ink)}.element small{font-size:.65vw;font-weight:400}.element strong{font-size:1.62vw;font-weight:600;margin-top:auto;letter-spacing:-.045em}.element span{font-size:.46vw;margin-top:.2vw;font-weight:400;white-space:nowrap}.element-1{grid-column:1;grid-row:1}.element-2{grid-column:1;grid-row:2}.element-3{grid-column:2;grid-row:2}.element-4{grid-column:2;grid-row:3}.element-5{grid-column:1;grid-row:4}.statement-panel>.formula{left:7.4%;top:15vw}
.method-panel{position:relative;z-index:3;background:var(--sand);color:#181916;padding:7.4vw 13.4vw 8vw;min-height:50.5vw}.method-copy h2{font-family:Firs,sans-serif;font-style:italic;font-size:2.85vw;line-height:1.24;letter-spacing:-.025em;margin-bottom:4.1vw}.method-copy p{font-size:1.7vw;line-height:1.24;letter-spacing:-.03em}.method-copy p+p{margin-top:2vw}
.office-scene{z-index:4;height:51vw;background:#000}.office-panel{height:var(--office-height);background:#000;overflow:hidden;isolation:isolate}.office-window{position:absolute;inset:0;overflow:hidden;z-index:-1}.office-photo{position:absolute;right:0;top:-8%;width:64%;height:116%;object-fit:cover;object-position:center center;max-width:none;will-change:transform}.office-brand{position:absolute;left:7.9%;top:7%;width:11.7vw}.office-panel h2{position:absolute;left:7.9%;top:32%;font-size:2.87vw;line-height:1.23;letter-spacing:-.025em}.office-objective{position:absolute;left:7.9%;bottom:8%;font-size:1vw;color:#b9b7b0}
.about-scene{z-index:5;height:65vw;background:#101512;color:var(--white)}.about-panel{height:var(--about-height);isolation:isolate;overflow:hidden;background:#101512}.about-window{position:absolute;inset:0;overflow:hidden;z-index:-1}.about-photo{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;object-position:center center;will-change:transform}.about-window:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 38%,rgba(0,0,0,.14) 65%,rgba(0,0,0,.45))}.about-brand{position:absolute;right:4%;top:6.5%;width:10.8vw}.about-meta{position:absolute;left:4.8%;right:11.3%;top:48.5%;display:grid;grid-template-columns:18% 1fr auto;align-items:center;gap:2vw;font-size:max(9px,1vw);font-weight:300}.about-meta a{display:flex;align-items:center;gap:.4vw}.about-meta svg{width:1.8vw;height:1.8vw;border:1px solid currentColor;border-radius:50%;padding:.2vw}.about-meta a:hover{text-decoration:underline}.about-panel h2{position:absolute;left:4.7%;bottom:11%;font-size:4.25vw;line-height:1.1;letter-spacing:-.04em}.about-panel>.formula{right:4.4%;bottom:10%;}
.phone-menu{position:fixed;inset:0;background:var(--ink);z-index:60;padding:90px 30px 35px;overflow-y:auto;display:flex;flex-direction:column;gap:24px;font-size:24px}.phone-menu-close{position:absolute;right:24px;top:27px;font-size:16px}.menu-open{overflow:hidden}
.motion-off .hero-stage{height:auto!important}.motion-off .hero{position:relative;top:auto!important}.motion-off .scene{height:auto}.motion-off .pinned{position:relative}.motion-off .hero :is(.header,.hero-message,.benefits,.scroll-cue){transform:none!important;opacity:1!important}.motion-off .intro-letter,.intro-complete .intro-letter{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}.motion-off .reveal-letter{opacity:1!important}.motion-off .office-photo,.motion-off .about-photo{transform:none!important;will-change:auto}
/* Desktop and every iPad width share this composition. Only phones reflow. */
@media(min-width:701px) and (max-width:1100px){.main-nav{gap:1vw;font-size:8px}.main-nav .lab-link{margin-left:1vw;padding:7px 8px}.benefits p{font-size:max(9px,1.13vw)}.benefits h2{font-size:max(12px,1.55vw)}.hero-intro p{font-size:max(13px,1.66vw)}.element{border-width:1px}.element small{font-size:5px}.element span{font-size:4px}.statement-definition{font-size:max(12px,1.56vw)}.method-copy p{font-size:max(13px,1.7vw)}}
@media(max-width:700px){:root{--hero-height:960px;--statement-height:690px;--office-height:700px;--about-height:700px}.hero{height:auto;min-height:var(--hero-height);padding-bottom:85px}.hero-stage{min-height:var(--hero-height)}.header{position:relative;top:auto;left:auto;right:auto;margin:26px 24px 0;gap:16px}.brand{width:148px}.main-nav{display:none}.phone-menu-toggle{display:flex;align-items:center;gap:9px;font-size:12px;padding:9px;border:1px solid #706956;border-radius:22px}.hero-window{top:65px;height:345px;bottom:auto}.hero-people{width:115%;max-width:none;left:-7.5%;height:100%;object-fit:cover;object-position:center top;opacity:.7}.hero-window:after{content:'';position:absolute;inset:68% 0 0;background:linear-gradient(transparent,var(--ink))}.hero-message{position:relative;top:auto;left:auto;width:auto;margin:315px 24px 0}.hero h1{font-size:12vw;line-height:1}.first-line{gap:7px}.first-line em{font-size:4.3vw}.second-line{font-size:12.3vw;margin-left:6vw;margin-top:2vw}.hero-intro{margin-left:0;margin-top:22px}.hero-intro p{font-size:16px;line-height:1.32;max-width:43ch}.wide-break{display:none}.cta{font-size:10px;padding:14px 17px;border-radius:17px;gap:23px;margin-top:24px}.cta svg{width:17px;height:17px}.benefits{position:relative;top:auto;left:auto;right:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:34px 24px 0}.benefits article{flex-direction:column;gap:10px}.benefits article>svg{width:31px;height:31px}.benefits h2{font-size:16px;line-height:1.1;min-height:35px}.benefits p{font-size:12px;line-height:1.25;margin-top:4px}.benefits p br{display:none}.scroll-cue{right:24px;bottom:24px;width:34px;font-size:9px;gap:3px}.scroll-cue svg{width:32px;height:32px}.statement-scene{height:1120px}.statement-panel{padding:65px 25px 80px;min-height:var(--statement-height)}.statement-copy{position:relative;left:auto;right:auto;top:auto;padding-right:0}.statement-copy h2,.statement-answer{font-size:32px;line-height:1.12}.statement-answer{margin-top:30px}.statement-definition{font-size:15px;line-height:1.4;margin-top:35px;color:#b9b6ac}.statement-panel>.formula{top:auto;left:25px;bottom:45px;display:flex;gap:8px}.formula .element{width:42px;height:48px;padding:3px;border-width:1px}.element small{font-size:7px}.element strong{font-size:23px}.element span{font-size:5px;margin-top:2px}.method-panel{min-height:0;padding:58px 25px 65px}.method-copy h2{font-size:27px;line-height:1.27;margin-bottom:38px}.method-copy p{font-size:17px;line-height:1.4;letter-spacing:-.02em}.method-copy p+p{margin-top:23px}.office-scene{height:1000px}.office-panel{min-height:var(--office-height)}.office-brand{width:140px;left:25px;top:33px}.office-panel h2{left:25px;top:110px;font-size:29px;line-height:1.2}.office-window{top:245px;height:455px;bottom:auto}.office-photo{width:120%;height:116%;right:-12%;object-position:65% center;top:-8%}.office-window:after{content:'';position:absolute;inset:0 0 65%;background:linear-gradient(#000,transparent)}.office-objective{left:25px;bottom:35px;font-size:11px}.about-scene{height:900px}.about-panel{min-height:var(--about-height)}.about-photo{width:155%;max-width:none;left:-30%;object-position:center center}.about-brand{width:140px;top:32px;right:25px}.about-meta{top:285px;left:25px;right:25px;grid-template-columns:1fr;gap:13px;font-size:11px}.about-meta a{gap:8px;margin-top:6px}.about-meta svg{width:20px;height:20px;padding:3px}.about-panel h2{left:25px;right:25px;bottom:132px;font-size:31px;line-height:1.12}.about-panel>.formula{display:flex;gap:8px;left:25px;right:auto;bottom:40px}.motion-off .hero{min-height:var(--hero-height)}}
@media(max-width:380px){.hero-message{margin-top:290px;margin-left:20px;margin-right:20px}.hero-window{height:320px}.benefits{margin-left:20px;margin-right:20px;gap:11px}.benefits h2{font-size:14px}.benefits p{font-size:11px}.statement-copy h2,.statement-answer{font-size:29px}.statement-definition{font-size:14px}.method-copy h2{font-size:25px}.about-panel h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.element{transition:none}}

/* PDF typography: chemistry uses Regular; navigation uses Medium. */
.statement-copy h2,.statement-answer,.about-panel h2{font-weight:400;letter-spacing:-.01em}.phone-menu,.phone-menu-toggle,.phone-menu-close{font-family:Firs,Arial,sans-serif;font-weight:500}.hero-intro p,.benefits p,.statement-definition,.method-copy p{letter-spacing:-.01em}
@font-face{font-family:FirsFormula;src:url(/fonts/tt-firs-bold.woff2) format("woff2");font-weight:700;font-display:swap}.element strong{font-family:FirsFormula,Arial,sans-serif;font-weight:700}.element small,.element span{font-family:Arial,sans-serif}
.phone-menu-toggle,.phone-menu-close{font-weight:300}.formula .element{padding:0;border:0}.formula .element img{width:100%;height:100%;object-fit:contain}

/* Composite hero motion without changing the source artwork. */
.hero{will-change:transform}

/* Same new method typography and background, with the existing phone reflow. */
@font-face{font-family:MethodTitle;src:url(/fonts/tt-firs-medium.woff2) format("woff2");font-weight:500;font-display:swap}
.method-panel{background:#dbd7d1;color:#1b1b1a}.method-copy h2{font-family:MethodTitle,Firs,sans-serif;font-style:normal;font-weight:500;letter-spacing:0;color:#020202}

/* Complete original Firs Light glyphs for the approved hero subtitle. */
@font-face{font-family:FirsHeroSubtitle;src:url("fonts/firs-light-video-20261013.woff") format("woff");font-weight:300;font-display:swap}
.hero-intro p{font-family:FirsHeroSubtitle,Firs,sans-serif}
