:root{--color-bg:#0b0b0b;--color-text:#f2f2f2;--color-body:#cfcfcf;--color-muted:#a8a8a8;--color-link:#f2f2f2;--bg-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .03 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--bg-grad:linear-gradient(100deg, #080808 0%, #101010 100%);--accent:#ffd21f;--accent-hover:#ffe066;--accent-ink:#0b0b0b;--accent-rgb:255 210 31;--tech-accent:#fff;--hairline-section:#ffffff24;--hairline-timeline-axis:#ffffff2e;--hairline-ticks:#ffffff59;--hairline-list-divider:#ffffff14;--hairline-approach-line:#ffffff38;--today-marker-line:#ffffffe6;--contact-email-underline:#ffffff59;--step-ring-filled:#f2f2f259;--timeline-work-bg:#e6e6e6;--timeline-work-text:#0b0b0b;--timeline-study-bg:#ffffff08;--timeline-study-stroke:#ffffff5c;--timeline-study-text:#f2f2f2;--fs-label:16px;--fs-meta:16px;--fs-body:18px;--fs-link:18px;--fs-title-md:22px;--fs-lead:26px;--fs-title-lg:28px;--fs-number:24px;--fs-h2:clamp(32px, 3.05vw, 44px);--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-36:36px;--space-48:48px;--space-64:64px;--space-80:80px;--space-section-gap:96px;--space-margin-desktop:120px;--space-margin-tablet:32px;--space-margin-mobile:20px;--radius-pill:4px;--radius-photo:12px;--container-max:1200px;--timeline-px-per-year:150px}@media (width<=1024px){:root{--fs-lead:24px;--fs-h2:36px}}@media (width<=767px){:root{--fs-body:17px;--fs-title-md:20px;--fs-lead:20px;--fs-title-lg:24px;--fs-h2:32px}}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,picture,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}body{background:var(--color-bg);color:var(--color-body);font-family:var(--font-body);font-weight:400;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.role-eyebrow{font-family:var(--font-body);font-weight:500;font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);line-height:1.3}.role-display-lg{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;color:var(--color-text);font-size:clamp(48px,4.5vw,64px);font-weight:500;line-height:.95}.role-body-lg{font-family:var(--font-body);font-weight:400;font-size:var(--fs-lead);color:var(--color-body);line-height:1.5}.role-body-lg strong,.role-body-lg b{color:var(--color-text);font-weight:500}.role-title-lg{font-family:var(--font-body);font-weight:600;font-size:var(--fs-title-lg);color:var(--color-text);line-height:1.25}.role-label-step{font-family:var(--font-body);font-weight:500;font-size:var(--fs-label);letter-spacing:.12em;color:var(--color-muted);line-height:1.3}.role-title-md{font-family:var(--font-body);font-weight:600;font-size:var(--fs-title-md);color:var(--color-text);line-height:1.3}.role-body-md{font-family:var(--font-body);font-weight:400;font-size:var(--fs-body);color:var(--color-body);line-height:1.6}.role-label-year{font-family:var(--font-body);font-weight:500;font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);line-height:1.3}.role-label-timeline{font-family:var(--font-body);font-weight:500;font-size:var(--fs-label);line-height:1.3}.role-label-today{font-family:var(--font-body);font-weight:500;font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);line-height:1.3}.role-caption{font-family:var(--font-body);font-weight:500;font-size:var(--fs-meta);letter-spacing:.01em;color:var(--color-body);line-height:1.45}.role-display-xl{font-family:var(--font-display);color:var(--color-text);font-size:64px;font-weight:500}.role-link{font-family:var(--font-body);font-weight:500;font-size:var(--fs-link);color:var(--color-link);line-height:1.4}.role-display-hero{font-family:var(--font-display);text-transform:uppercase;color:#f2f2f2;font-size:clamp(56px,11vw,176px);font-weight:500;line-height:.9}.role-subhead-hero{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:#f2f2f2;font-size:20px;font-weight:500}.role-rotator{font-family:var(--font-display);color:#f2f2f2;font-size:clamp(32px,4vw,56px);font-weight:500}.role-case-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-text);font-size:clamp(36px,4vw,56px);font-weight:500}.container{--page-margin:var(--space-margin-desktop);width:min(var(--container-max), 100% - (var(--page-margin) * 2));margin-inline:auto}@media (width<=1200px){.container{--page-margin:var(--space-margin-tablet)}}@media (width<=480px){.container{--page-margin:var(--space-margin-mobile)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-pill);min-height:44px;font-family:var(--font-body);z-index:100;align-items:center;padding:12px 20px;font-weight:600;transition:top .2s;display:inline-flex;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:var(--bg-grain), var(--bg-grad) right top / 100vw 100% no-repeat}html.loader-on,html.pt-leaving,html.pt-enter{scrollbar-gutter:stable}html.loader-on::-webkit-scrollbar-track,html.pt-leaving::-webkit-scrollbar-track,html.pt-enter::-webkit-scrollbar-track{background:var(--color-bg)}html::-webkit-scrollbar-thumb{background:linear-gradient(#fff0,#ffffff9e 50%,#fff0) padding-box padding-box;border:4px solid #0000;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fff0,#ffffffd9 50%,#fff0) padding-box padding-box}html::-webkit-scrollbar-thumb:active{background:linear-gradient(#fff0,#fff 50%,#fff0) padding-box padding-box}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#ffffff61 #141414}}html.lenis,html.lenis body{height:auto}.lenis.lenis-scrolling iframe{pointer-events:none}.case-back{align-self:flex-start;align-items:center;gap:var(--space-8);min-height:44px;padding:0 var(--space-16);color:var(--color-text);font-family:var(--font-body);cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;scroll-margin-top:136px;font-size:16px;font-weight:600;transition:background-color .15s;display:inline-flex}.case-back:before{content:"↑";font-weight:400}.case-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.case-back:hover{background:#ffffff2e}}:is(.mp-scroll,.tl-scroll).fx-locked{overflow-y:hidden}.fx-btn{z-index:30;color:#f2f2f2;white-space:nowrap;cursor:pointer;backdrop-filter:blur(6px);background:#0b0b0be0;border:1px solid #ffffff52;border-radius:6px;min-height:44px;padding:0 18px;font:600 16px/1 Barlow,sans-serif;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.fx-btn:focus-visible{outline-offset:3px;outline:2px solid #f2f2f2}