:root{--sans: "AT Hauss", sans-serif;--sans-alt: "AT Textual Light", sans-serif;--serif: "AT Gambit", serif;--serif-alt: "AT King", serif;--h1: clamp(2rem, 1.3627rem + 2.6144vw, 4.5rem);--h2: clamp(1.75rem, 1.1765rem + 2.3529vw, 4rem);--h3: clamp(1.5rem, .9902rem + 2.0915vw, 3.5rem);--h4: clamp(2rem, 1.7451rem + 1.0458vw, 3rem);--h5: clamp(1.25rem, .8039rem + 1.8301vw, 3rem);--h6: clamp(1rem, .6814rem + 1.3072vw, 2.25rem);--p-lg: clamp(1rem, .8725rem + .5229vw, 1.5rem);--p: clamp(.875rem, .7794rem + .3922vw, 1.25rem);--p-sm: clamp(.875rem, .8431rem + .1307vw, 1rem);--lh-xs: 1em;--lh-s: 1.1em;--lh-m: 1.2em;--lh-l: 1.4em;--lh-xl: 1.6em;--fw-100: 100;--fw-200: 200;--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--fw-800: 800;--fw-900: 900}:root{--white: #fcfcfc;--black: #09090b;--transparent: rgba(0, 0, 0, 0);--highlight-100: #FFE5D9;--highlight-500: #ff4500;--highlight-700: #C43400;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519;--teal-50: #eafff8;--teal-100: #cdfeec;--teal-200: #a0fadd;--teal-300: #63f2cd;--teal-400: #25e2b8;--teal-500: #00d2aa;--teal-600: #00a488;--teal-700: #008370;--teal-800: #006759;--teal-900: #00554b;--teal-950: #00302b;--blue-50: #f0f9ff;--blue-100: #e0f2fe;--blue-200: #bae6fd;--blue-300: #7dd3fc;--blue-400: #38bdf8;--blue-500: #0ea5e9;--blue-600: #0284c7;--blue-700: #0369a1;--blue-800: #075985;--blue-900: #0c4a6e;--blue-950: #082f49;--gradient-blue: linear-gradient(45deg, var(--blue-100) 0%, var(--blue-300) 100%);--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CAD5E2;--gray-400: #90A1B9;--gray-500: #62748E;--gray-600: #45556C;--gray-700: #314158;--gray-800: #1D293D;--gray-900: #0F172B;--gray-950: #020618;--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--white-alpha-70: rgba(255, 255, 255, .7);--white-alpha-80: rgba(255, 255, 255, .8);--white-alpha-90: rgba(255, 255, 255, .9);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-30: rgba(0, 0, 0, .3);--black-alpha-40: rgba(0, 0, 0, .4);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-60: rgba(0, 0, 0, .6);--black-alpha-70: rgba(0, 0, 0, .7);--black-alpha-80: rgba(0, 0, 0, .8);--black-alpha-90: rgba(0, 0, 0, .9);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0px 1px 3px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, .1), 0px 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .1), 0px 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, .1), 0px 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0px 2px 4px rgba(0, 0, 0, .06)}:root{--size-0: 0;--size-1: .0625rem;--size-1half: .09375rem;--size-2: .125rem;--size-4: .25rem;--size-8: .5rem;--size-12: .75rem;--size-14: .875rem;--size-16: 1rem;--size-18: 1.125rem;--size-20: 1.25rem;--size-24: 1.5rem;--size-32: 2rem;--size-40: 2.5rem;--size-48: 3rem;--size-60: 3.75rem;--size-64: 4rem;--size-72: 4.5rem;--size-80: 5rem;--size-100: 6.25rem;--size-120: 7.5rem;--size-160: 10rem;--space-4: clamp(.125rem, .0931rem + .1307vw, .25rem);--space-8: clamp(.25rem, .1863rem + .2614vw, .5rem);--space-12: clamp(.5rem, .4363rem + .2614vw, .75rem);--space-16: clamp(.5rem, .3725rem + .5229vw, 1rem);--space-20: clamp(.625rem, .4732rem + .6472vw, 1.25rem);--space-24: clamp(.75rem, .5588rem + .7843vw, 1.5rem);--space-32: clamp(1rem, .7451rem + 1.0458vw, 2rem);--space-48: clamp(1.5rem, 1.1176rem + 1.5686vw, 3rem);--space-64: clamp(2rem, 1.4902rem + 2.0915vw, 4rem);--space-72: clamp(3rem, 2.7451rem + 1.0458vw, 4rem);--space-80: clamp(3.75rem, 3.4314rem + 1.3072vw, 5rem);--space-120: clamp(5rem, 4.3627rem + 2.6144vw, 7.5rem);--space-160: clamp(6.25rem, 5.2941rem + 3.9216vw, 10rem);--space-240: clamp(7.5rem, 5.5882rem + 7.8431vw, 15rem);--radius-4: clamp(.125rem, .0931rem + .1307vw, .25rem);--radius-8: clamp(.125rem, .0294rem + .3922vw, .5rem);--radius-16: clamp(.5rem, .3725rem + .5229vw, 1rem);--radius-24: clamp(1rem, .8725rem + .5229vw, 1.5rem);--radius-full: 62rem;--mobile: 767px;--smallTablet: 960px;--tablet: 1024px;--smallLaptop: 1280px;--laptop: 1400px;--desktop: 1600px;--largeDesktop: 1920px}:root{--surface-primary: var(--white);--surface-secondary: var(--black);--surface-tertiary: var(--gray-500);--surface-inverse: var(--black);--text-primary: var(--black);--text-secondary: var(--white);--text-tertiary: var(--gray-800);--text-inverse: var(--gray-300);--brand-primary: var(--rose-500);--surface-green: #f0f7f0}@font-face{font-family:AT Hauss;src:url(/fonts/hauss/AtHaussVARVF.woff2) format("woff2-variations"),url(/fonts/hauss/AtHaussVARVF.woff) format("woff-variations");font-weight:100 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:AT Textual Light;src:url(/fonts/textual/AtTextual-Light.woff2) format("woff2"),url(/fonts/textual/AtTextual-Light.woff) format("woff");font-weight:100 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:AT Gambit;src:url(/fonts/gambit/AtGambitVARVF.woff2) format("woff2-variations"),url(/fonts/gambit/AtGambitVARVF.woff) format("woff-variations");font-weight:100 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:AT King;src:url(/fonts/king/AtKingVARVF.woff2) format("woff2-variations"),url(/fonts/king/AtKingVARVF.woff) format("woff-variations");font-weight:100 900;font-stretch:75% 125%;font-display:swap}h1,h2,h3,h4,h5,h6,p{text-wrap:pretty;font-weight:var(--fw-400)}h1,h2,h3,h4,h5,h6{letter-spacing:-.075rem;line-height:var(--lh-s)}h1,.h1{font-size:var(--h1)}h2,.h2{font-size:var(--h2)}h3,.h3{font-size:var(--h3)}h4,.h4{font-size:var(--h4)}h5,.h5{font-size:var(--h5)}h6,.h6{font-size:var(--h6)}p,.p{font-size:var(--p);line-height:var(--lh-l);letter-spacing:-.025rem}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:var(--sans);font-weight:var(--fw-500);color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:var(--radius-4)}html,body{width:100%;height:100%}body{display:flex;flex-direction:column}body>span{display:flex;position:fixed;bottom:var(--size-16);right:var(--size-16)}img,video,picture{display:grid;width:100%}a{color:var(--text-primary);font-weight:var(--fw-600);text-decoration:none}footer{display:flex;flex-direction:column;align-items:center;width:100%;padding:var(--space-16);border-top:1px solid var(--gray-600)}footer .outbound-links{padding:0 var(--space-32)}footer .outbound-links *{font-size:calc(var(--h6) * .75);padding:var(--space-16) 0;text-align:center}footer .copyright *{font-size:var(--size-14);text-align:center}header{width:100%;max-width:1400px;display:grid;grid-template-columns:max-content 1fr min-content;gap:var(--size-24);padding:var(--space-48) var(--space-32) 0}header .logo-container{display:flex;align-items:center;gap:var(--size-20);grid-column:span 1}header .logo-container .logo{grid-column:1/span 1;width:var(--size-80);border-radius:var(--size-80);overflow:hidden}header .logo-container .title{font-size:var(--h6);font-weight:var(--fw-700)}header nav{display:flex;align-items:center;gap:var(--size-24)}header nav .nav-item{height:100%;display:flex;align-items:center;font-size:calc(var(--p) * 1.25);font-weight:var(--fw-400)}header nav .nav-item.selected{cursor:default!important}header nav .nav-item.pointer-events{pointer-events:none;color:var(--gray-500)}header .mobile-nav{display:none}@media(max-width:767px){header{align-items:center;grid-template-columns:1fr min-content;grid-template-rows:max-content}header .logo-container{width:100%}header nav{display:none}header .mobile-nav{display:grid;place-items:center;width:44px;height:44px;grid-column:2/-1;grid-row:1/span 1;justify-self:end;cursor:pointer;color:var(--black)}header .mobile-nav svg{width:28px;height:28px}header .mobile-nav .menu-close{display:none}header.nav-open{position:fixed;inset:0;height:100dvh;z-index:30;background:var(--white);grid-template-rows:max-content 1fr;align-content:start}header.nav-open nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-24);grid-column:1/-1;grid-row:2/span 1}header.nav-open nav .nav-item{font-size:var(--h4);width:100%;height:3rem;justify-content:center}header.nav-open .mobile-nav{grid-row:1/span 1}header.nav-open .mobile-nav .menu{display:none}header.nav-open .mobile-nav .menu-close{display:block}header.shared .logo{width:var(--size-60)}body.nav-locked{overflow:hidden}}.about .section-container figure{width:100%;max-width:600px}.section-container{display:flex;flex-direction:column;align-items:center}.section-container .content-container{width:92%;max-width:1400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-32);padding:var(--space-32) 0 var(--space-64)}.section-container .content-container figure.video{padding:var(--space-80);background:linear-gradient(180deg,#2af598,#009efd)}.section-container .content-container figure.video video{box-shadow:0 0 32px #00000080;border-radius:var(--radius-8)}.section-container .content-container figure picture{border-radius:var(--radius-8)}.section-container .content-container figure picture img{border-radius:var(--radius-8)}.section-container .content-container .metadata-container{width:80%;max-width:960px;display:flex;flex-direction:column;gap:var(--space-24);position:relative;z-index:10}.section-container .content-container .metadata-container h1,.section-container .content-container .metadata-container h2,.section-container .content-container .metadata-container p{width:100%}.section-container .content-container .metadata-container h1{text-wrap:balance}.section-container .content-container .metadata-container .copy-container h3{font-size:var(--h6);font-weight:700}.section-container .content-container .metadata-container p strong{font-weight:var(--fw-700)}.section-container .content-container .metadata-container p.intro-copy{font-size:var(--h6);font-weight:var(--fw-400)}.section-container .content-container .metadata-container p a.inline-link{display:inline;text-decoration:underline}.section-container .content-container .metadata-container p.link{margin-top:var(--space-24);display:flex;gap:var(--space-8)}.section-container .content-container .metadata-container p.link a{display:flex;align-items:center;justify-content:center;height:var(--size-60);color:var(--text-secondary);border-radius:var(--radius-full);padding:0 var(--space-24);border:1px solid var(--rose-700);background:var(--rose-700)}a.with-link figure picture{transition:all .6s ease-out}a:hover figure picture{transform:scale(1.025);box-shadow:0 100px 80px #00000012,0 41.778px 33.422px #0000000d,0 22.336px 17.869px #0000000a,0 12.522px 10.017px #0000000a,0 6.65px 5.32px #00000008,0 2.767px 2.214px #00000005}.metadata-container .case-link{display:inline-flex;align-items:center;gap:var(--space-8);font-weight:var(--fw-700);color:var(--text-primary)}.metadata-container .case-link .arrow{transition:transform .25s ease-out}a.with-link:hover .case-link .arrow{transform:translate(6px)}@media(prefers-reduced-motion:reduce){a.with-link:hover .case-link .arrow{transform:none}}.cs-meta{border-radius:var(--radius-8);overflow:hidden;display:flex;flex-direction:column;gap:var(--size-1)}.cs-eyebrow{display:flex;gap:var(--space-8);width:fit-content;font-size:var(--p);font-weight:var(--fw-700);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-800)}.cs-kicker{display:flex;align-items:center;gap:var(--space-16);font-size:var(--p);font-weight:var(--fw-700);letter-spacing:.1em;text-transform:uppercase;color:var(--gray-900)}.cs-kicker:before{content:"";width:28px;height:2px;background:var(--teal-500)}.cs-meta-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-2);width:100%;overflow:hidden}.cs-meta-rail dl{margin:0;background:var(--teal-200);padding:var(--space-48) var(--space-24)}.cs-meta-rail dt{font-size:var(--p-sm);font-weight:var(--fw-700);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-900);margin-bottom:var(--space-8)}.cs-meta-rail dd{margin:0;font-weight:var(--fw-600);color:var(--teal-900)}.cs-meta-rail .todo{color:var(--teal-700)}@media(max-width:767px){.cs-meta-rail{grid-template-columns:repeat(2,1fr)}}.cs-glance{width:100%;padding:var(--space-32);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-32);align-items:center;background:var(--teal-200)}.cs-glance .cs-glance-label{font-size:var(--p);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-950);font-weight:var(--fw-700);margin-bottom:var(--space-16)}.cs-glance p{margin:0;font-size:var(--h6);line-height:var(--lh-m)}.cs-glance .cs-stats{display:grid;gap:var(--space-24)}.cs-glance .cs-stat .n{font-size:var(--h4);font-weight:var(--fw-800);line-height:1}.cs-glance .cs-stat .n.todo{color:var(--rose-300)}.cs-glance .cs-stat .l{color:var(--teal-950);font-size:var(--p);margin-top:var(--space-8)}@media(max-width:767px){.cs-glance{grid-template-columns:1fr;gap:var(--space-24);padding:var(--space-32)}}.cs-tradeoff{width:100%;background:var(--surface-green);border:1px dashed var(--gray-400);border-radius:var(--radius-8);padding:var(--space-16);font-size:var(--size-16)}.cs-tradeoff b{color:var(--teal-700);font-weight:var(--fw-700);white-space:nowrap}.cs-aside{width:100%;border-left:2px solid var(--rose-700);padding-left:var(--space-24)}.cs-aside ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-12)}.cs-aside li{position:relative;padding-left:var(--space-20);color:var(--text-primary)}.cs-aside li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--rose-700)}.cs-aside li.todo{color:var(--rose-700)}.cs-reflect{width:100%;background:var(--surface-green);border-radius:var(--radius-8);padding:var(--space-48)}.cs-reflect blockquote{margin:var(--space-16) 0 0;font-size:var(--h5);font-weight:var(--fw-600);line-height:var(--lh-m);max-width:32ch}.cs-pieces{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}@media(max-width:767px){.cs-pieces{grid-template-columns:1fr}}.cs-piece{display:block;text-decoration:none;color:inherit;border:1px solid var(--gray-300);border-radius:var(--radius-8);padding:var(--space-24);transition:border-color .2s ease-out,transform .2s ease-out}.cs-piece:hover{border-color:var(--gray-500);transform:translateY(-3px)}.cs-piece .meta{font-size:var(--size-12);font-weight:var(--fw-700);letter-spacing:.06em;text-transform:uppercase;color:var(--gray-600);margin-bottom:var(--space-8)}.cs-piece h3{font-size:var(--h6);margin:0 0 var(--space-8)}.cs-piece .ext{font-weight:var(--fw-700);color:var(--rose-700);font-size:var(--size-14)}.cs-todo{color:var(--rose-700);font-weight:var(--fw-600)}@media(prefers-reduced-motion:reduce){.cs-piece{transition:none}}.next{display:flex;justify-content:center;padding:var(--space-24)}.next a{font-size:var(--p);font-weight:var(--fw-600);display:flex;flex-direction:column;gap:var(--size-4);position:relative;transition:transform .3s ease-out;text-transform:uppercase}.next a .project-title{transform:translateY(2px);font-size:var(--h6);text-transform:initial}.next a:hover{transform:translateY(-4px)}.next a:hover:after{opacity:1}.editorial{background:var(--surface-green)}.design-system{background:var(--gray-900)}.design-system *{color:var(--text-inverse)}@media(prefers-reduced-motion:no-preference){html.js-reveal .section-container .content-container{opacity:0;transform:translateY(28px);transition:opacity .7s ease-out,transform .7s ease-out;will-change:opacity,transform}html.js-reveal .section-container .content-container.is-visible{opacity:1;transform:none}}