@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-regular-BMa5IoM-.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-medium-DvphOyYU.ttf)format("truetype")}@font-face{font-family:Maison Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/maison-neue-book-B0rZXGvU.ttf)format("truetype")}:root{--color-background:#fff;--color-surface:#fafafa;--color-error:#b42318;--color-primary:#232329;--color-secondary:#68687b;--color-tertiary:#b0b0bc;--color-project:#000;--content-width:624px;--underline-thickness:max(1px, .06em);color:var(--color-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit}.page-shell a:not(.button),.site-header__projects a,.case-closing__links a[href^=mailto\:],.button--text{background-image:linear-gradient(currentColor,currentColor);background-position:0 calc(100% - 2px);background-repeat:no-repeat;background-size:0% var(--underline-thickness);text-decoration:none;transition:background-size .18s ease-out}.page-shell a:not(.button):is(:hover,:focus-visible),.site-header__projects a:is(:hover,:focus-visible),.case-closing__links a[href^=mailto\:]:is(:hover,:focus-visible),.button--text:not(:disabled):is(:hover,:focus-visible){background-size:100% var(--underline-thickness)}.page-shell .site-footer__links a[href^=mailto\:],.case-closing__links a[href^=mailto\:]{background-position:0 100%}@media (prefers-reduced-motion:reduce){.page-shell a:not(.button),.site-header__projects a,.case-closing__links a[href^=mailto\:],.button--text{transition:none}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px}.site-footer{color:var(--color-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:auto;font-size:14px;line-height:1.5;display:flex}.site-footer__links{align-items:center;gap:24px;display:flex}.site-footer__copyright{color:var(--color-tertiary)}@media (width<=480px){.site-footer{flex-direction:column;align-items:flex-start;gap:16px}}.page-background{min-height:100svh;position:relative}.page-background--project{background:var(--color-surface)}.page-shell{width:min(var(--content-width), calc(100% - 48px));flex-direction:column;gap:100px;min-height:100svh;margin-inline:auto;padding-block:120px 40px;display:flex}.page-shell--project{padding-top:204px}@media (width<=640px){.page-shell{gap:80px;padding-block:64px 32px}.page-shell--project{padding-top:164px}}.typewriter{display:block;position:relative}.typewriter__accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typewriter__sizer{visibility:hidden;display:block}.typewriter__visible{position:absolute;inset:0}.typewriter__cursor{vertical-align:-.08em;border-left:1px solid;width:0;height:.9em;animation:.65s step-end infinite typewriter-cursor;display:inline-block}@keyframes typewriter-cursor{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.typewriter__cursor{animation:none;display:none}}.button{--underline-thickness:max(1px, .075em);cursor:pointer;border:0;border-radius:8px;justify-content:center;justify-self:start;align-items:center;min-height:48px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.button--primary{color:#fff;background:var(--color-primary)}.button--primary:hover:not(:disabled){background:#373740}.button:disabled{cursor:default}.button[aria-busy=true]{opacity:.7}.button--text{color:var(--color-primary);background:0 0;padding-inline:0;text-decoration:none}.button--pill{border-radius:1000px;min-height:40px;padding:0 20px}.site-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:1000px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;width:min(656px,100% - 32px);min-height:64px;padding:12px 12px 12px 32px;font-size:14px;line-height:1.5;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);container:site-header/inline-size}.site-header__brand{flex:none}.site-header__brand img{max-width:none}.site-header a{color:var(--color-primary);text-decoration:none}.site-header__projects ul{align-items:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.site-header__projects a{white-space:nowrap;background-position:0 100%}.site-header .site-header__contact{color:#fff;flex:none;text-decoration:none}@container site-header (width<=390px){.site-header__projects{flex-basis:100%;order:1}}@media (width<=480px){.site-header{border-radius:32px}}@media (width<=760px){.site-header{padding-bottom:24px}}.password-field{flex-direction:column;gap:8px;display:flex}.password-field__label{color:var(--color-project);letter-spacing:.02em;text-transform:uppercase;font-size:12px;line-height:1.5}.password-field__control{position:relative}.password-field__input{width:100%;height:48px;color:var(--color-primary);letter-spacing:normal;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 52px 0 0;font-size:24px;font-weight:400;line-height:1.5;display:block}.password-field__input:focus{outline:none}.password-field__toggle{width:44px;height:44px;color:var(--color-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.password-field__toggle:hover{color:var(--color-primary)}.password-field__toggle:focus-visible{outline-offset:0}.password-field__toggle:disabled{opacity:.5;cursor:default}.password-field__underline{background-color:var(--color-primary);pointer-events:none;transform-origin:bottom;height:2px;transition:transform .16s,background-color .16s;position:absolute;bottom:0;left:0;right:0;transform:scaleY(1)}.password-field__input:not(:placeholder-shown):not(:focus)+.password-field__underline{background-color:var(--color-tertiary);transform:scaleY(.5)}@media (prefers-reduced-motion:reduce){.password-field__underline{transition:none}}.password-field__input::placeholder{color:var(--color-tertiary);opacity:1}.password-field__error{min-height:3em;color:var(--color-error);font-size:14px;line-height:1.5;transition:opacity .2s ease-out}.password-field__error:empty{opacity:0}@media (prefers-reduced-motion:reduce){.password-field__error{transition:none}}.password-form{gap:12px;width:min(304px,100%);margin-inline:auto;display:grid}.project-placeholder{flex-direction:column;gap:24px;max-width:440px;margin-inline:auto;display:flex}.project-placeholder h1{font-size:28px;font-weight:500;line-height:1.5}.project-placeholder p{color:var(--color-secondary)}.password-form>.password-field,.password-form__submit{animation:.4s ease-out both password-enter}.password-form__submit{transition:background-color .2s ease-out;animation-delay:.1s;position:relative}.password-form__submit[aria-busy=true]{opacity:1}.password-form__submit--success{background:#43975a}.password-form__button-state{margin:auto;position:absolute;inset:0}.password-form__spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite password-spin}.password-form__check{animation:.2s ease-out both password-check}.password-form__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-study-page--enter{animation:.2s ease-out both password-case-enter}@keyframes password-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes password-spin{to{transform:rotate(360deg)}}@keyframes password-check{0%{opacity:0}to{opacity:1}}@keyframes password-case-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.password-form>.password-field,.password-form__submit,.password-form__spinner,.password-form__check,.case-study-page--enter{transition:none;animation:none}}.case-explore{display:none}@media (width>=761px){.case-explore{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#232329e0;gap:12px;font-family:Inter,sans-serif;text-decoration:none;display:inline-flex;position:absolute;top:min(100% - 112px,100svh - 72px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.case-explore:hover{background:var(--color-primary)}.case-explore:focus-visible{outline-color:#fff}.case-explore[data-hint-active=true] .case-explore__arrow{animation:1.5s ease-in-out infinite case-explore-hint}.case-title{scroll-margin-top:104px}}@keyframes case-explore-hint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.case-explore[data-hint-active=true] .case-explore__arrow{animation:none}}@media (width>=761px) and (prefers-reduced-motion:no-preference){.case-reveal{transition:opacity .4s ease-out,translate .4s ease-out;transition-delay:var(--case-reveal-delay,0s)}.case-reveal--fade{transition:opacity .5s ease-out;transition-delay:var(--case-reveal-delay,0s)}.case-reveal[data-reveal-pending=true]{opacity:0;transition:none;translate:0 6px}.case-reveal--fade[data-reveal-pending=true]{translate:none}.case-reveal:focus-within{opacity:1;transition:none;translate:none}}@font-face{font-family:Maison Neue;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/maison-neue-medium-w7IR9Pzq.ttf)format("truetype")}@font-face{font-family:Media Sans Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/media-sans-condensed-black-LV-zDjOS.ttf)format("truetype")}.case-study-page{background:var(--color-surface);overflow-x:clip}.case-study-page>.site-header{z-index:10;position:fixed;box-shadow:0 8px 24px #2323290f}.case-study{--case-green:#43975a;--case-border:#dfdfe4;--case-note:#a1a1af;--case-shadow:0 16px 32px #2323290d;--case-padding:clamp(24px, 2.85714cqw, 40px);--case-gap:clamp(16px, 1.42857cqw, 20px);width:min(1400px,100%);margin-inline:auto;font-family:Maison Neue,Inter,sans-serif;font-size:18px;line-height:1.5;container-type:inline-size}.case-study figure,.case-study dl,.case-study dd{margin:0}.case-study section{min-width:0}.case-display,.case-heading h2,.case-heading h3{text-transform:uppercase;font-family:Media Sans Condensed,sans-serif;font-weight:900;line-height:1}.case-heading h2{font-size:clamp(80px,12cqw,168px)}.case-heading .case-eyebrow{margin-bottom:-8px}.case-heading--small h3{font-size:clamp(36px,4.57143cqw,64px)}.case-heading--small .case-eyebrow{margin-bottom:0}.case-eyebrow{letter-spacing:.02em;text-transform:uppercase;color:var(--color-secondary);font-size:14px;font-weight:400;line-height:1.5}.case-medium{font-weight:500}.case-paragraph{white-space:pre-line;font-size:clamp(18px,1.71429cqw,24px);line-height:1.5}.case-text-muted{color:var(--color-secondary)}.case-image--raster{object-fit:cover;width:100%;height:100%}.case-image--vector{flex:none;max-width:none}.case-hero{aspect-ratio:1400/900;width:100vw;margin-inline:calc(50% - 50vw);position:relative;overflow:hidden}.case-hero .case-image{width:100%;max-width:none;position:absolute;top:0;left:0}.case-hero-preview{filter:blur(12px);position:absolute;inset:0;transform:scale(1.04)}.case-hero-preview img{object-fit:cover;width:100%;height:100%}.case-hero-full{opacity:0;transition:opacity .18s ease-out}.case-hero-full.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.case-hero-full{transition:none}}.case-overview{z-index:1;background:var(--color-surface);padding:20px var(--case-gap);border-radius:40px 40px 0 0;margin-top:-40px;position:relative;box-shadow:0 -12px 28px -8px #23232933}.case-title{text-align:center;margin-bottom:40px;font-size:23cqw}.case-title:focus{outline:none}.case-two-column{gap:var(--case-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-card{padding:var(--case-padding);background:var(--color-background);border-radius:20px}.case-overview__summary,.case-overview__details{flex-direction:column;min-height:48.5714cqw;display:flex}.case-overview__summary{background:var(--case-green);color:#fff;justify-content:space-between;gap:40px;box-shadow:0 16px 32px #43975a4d}.case-overview__summary .case-eyebrow,.case-overview__summary .case-text-muted{color:#fffc}.case-overview__summary .case-eyebrow{margin-bottom:8px}.case-detail{border-bottom:1px solid var(--case-border);padding-block:16px}.case-detail:first-child{padding-top:0}.case-detail--last{border:0;margin-top:auto;padding-bottom:0}.case-detail dt{margin-bottom:8px}.case-detail dd{white-space:pre-line}.case-problem{padding:20px var(--case-gap) 80px}.case-problem>.case-card{min-height:62.8571cqw;box-shadow:var(--case-shadow)}.case-problem .case-paragraph{margin-top:40px}.case-problem>.case-image{border-radius:20px}.case-section{padding:80px var(--case-gap)}.case-centered-summary{text-align:center;flex-direction:column;gap:40px;max-width:670px;margin-inline:auto;display:flex}.case-scope-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:1130px;margin:80px auto 0;padding:0;list-style:none;display:flex}.case-scope-tags li{background:#fff;border-radius:12px;align-items:center;gap:16px;min-height:60px;padding:12px 16px;font-weight:500;display:flex;box-shadow:0 8px 16px #2323290d}.case-section-intro{align-items:end;gap:var(--case-gap);grid-template-columns:minmax(0,440fr) minmax(0,900fr);margin-bottom:80px;display:grid}.case-section-intro>.case-paragraph{max-width:785px}.case-decisions .case-section-intro>.case-paragraph{font-size:clamp(20px,2cqw,28px)}.case-decisions .case-section-intro .case-text-muted{color:var(--case-note)}.case-decision-grid{gap:var(--case-gap);grid-template-columns:repeat(3,minmax(0,1fr));min-height:69.0714cqw;display:grid}.case-decision{width:min(325px,100%)}.case-decision>.case-image,.case-variant>.case-image{aspect-ratio:325/700;object-fit:cover;border-radius:20px;height:auto}.case-decision figcaption{white-space:pre-line;margin-top:24px}.case-testing{margin-top:106px}.case-variant-grid{gap:var(--case-gap);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px;display:grid}.case-variant figcaption{margin-bottom:20px}.case-exploration{margin-top:164px}.case-exploration+.case-exploration{margin-top:160px}.case-device-gallery{margin-top:8px;margin-inline:calc(-1 * var(--case-gap));justify-content:center;align-items:center;gap:40px;height:759.154px;display:flex;overflow:clip}.case-device{background:#fff;border-radius:20px;flex:0 0 325px;height:700px;position:relative;overflow:hidden}.case-device--rotated{height:732.308px;box-shadow:var(--case-shadow);flex-basis:340px;margin-inline:31.2655px;transform:rotate(5deg)}.case-device__image{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:0}.case-solution-layout{gap:var(--case-gap);display:flex}.case-solution-grid{gap:var(--case-gap);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.case-preview-column{align-self:start;width:100%}.case-page-preview{width:100%;box-shadow:var(--case-shadow);background:#fff;border-radius:20px;overflow:clip}.case-page-preview>.case-image{object-fit:contain;height:auto}.case-annotations{flex:0 0 clamp(240px,28.7143cqw,402px);min-width:0;position:relative}.case-annotation{filter:drop-shadow(0 8px 8px #2323290d);align-items:center;display:flex;position:absolute;left:0;right:0}.case-annotation__pointer{z-index:1;margin-inline:-8px;position:relative;transform:rotate(-90deg)}.case-annotation p{background:#fff;border-radius:20px;padding:32px;position:relative}.case-result-list{gap:20px;display:grid}.case-result-row{gap:var(--case-gap);grid-template-columns:minmax(0,440fr) minmax(0,785fr);margin-right:115px;display:grid}.case-result-row:nth-child(2n){margin-left:115px;margin-right:0}.case-result-card{aspect-ratio:1;box-shadow:var(--case-shadow);flex-direction:column;gap:40px;display:flex}.case-result-metric{align-items:start;gap:8px;display:flex}.case-result-metric>.case-image{align-self:flex-end;width:52px;height:52px}.case-result-metric .case-display{font-size:clamp(72px,7.42857cqw,104px)}.case-result-row>.case-image{border-radius:20px}.case-results__note{max-width:1130px;color:var(--case-note);margin:40px auto 0;font-size:14px}.case-stat-grid{grid-template-rows:repeat(2,190px);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px;margin:80px auto 0;display:grid}.case-stat{color:var(--case-green);background:#fff;border-radius:20px;justify-content:space-between;align-items:end;gap:20px;padding:40px;display:flex}.case-stat>.case-display{align-self:start;font-size:104px}.case-stat__label{color:#43975acc;text-align:right;font-size:24px}.case-stat:first-child{background:#e3efe6;flex-direction:column;grid-row:span 2;align-items:start;box-shadow:0 16px 32px #43975a1a}.case-stat:first-child .case-stat__label{color:var(--case-green)}.case-closing{min-height:560px;padding:56px var(--case-gap) 20px;background:#fff;border-radius:40px 40px 0 0;flex-direction:column;display:flex}.case-closing h2{text-align:center;font-size:19cqw}.case-closing__links{color:var(--case-green);justify-content:space-between;align-items:center;gap:20px;margin-top:auto;display:flex}.case-closing__links p:first-child{color:var(--case-note)}@media (width>=761px){.case-overview{box-shadow:none}.case-overview:before{content:"";border-radius:inherit;clip-path:inset(-60px -60px calc(100% - 40px));pointer-events:none;position:absolute;inset:0;box-shadow:0 -12px 28px -8px #23232933}}@media (width>=1200px){.case-scope{min-height:845px}.case-decisions{min-height:4394px}.case-solution{min-height:2526px}.case-results{min-height:1382px}.case-learnings{min-height:1185px}.case-learnings .case-stat-grid{margin-top:152px}}@media (width<=1100px){.case-decision-grid{column-gap:40px}.case-detail dd{font-size:16px}.case-result-row,.case-result-row:nth-child(2n){margin-inline:0}.case-result-card{aspect-ratio:auto}.case-result-metric{flex-wrap:wrap}.case-annotation p{padding:24px;font-size:16px}.case-stat-grid{max-width:100%}.case-stat{padding:24px}.case-stat__label{font-size:20px}}@media (width<=760px){.case-study{font-size:16px}.case-hero{aspect-ratio:3/4}.case-hero .case-image{width:100%;left:0}.case-overview{border-radius:20px;margin-top:-20px;padding:32px 20px 40px}.case-title{margin-bottom:20px;font-size:0;line-height:0}.case-title__lead,.case-title__ending{display:block}.case-title__lead{font-size:calc(43.5821cqw - 17.4328px);line-height:1}.case-title__ending{margin-top:calc(.8955cqw - .3582px);font-size:calc(55.5224cqw - 22.209px);line-height:1}.case-overview>.case-two-column{gap:20px}.case-overview .case-paragraph{white-space:normal;font-size:18px}.case-overview .case-medium{font-size:16px}.case-overview .case-detail dd{white-space:normal}.case-overview .case-detail--last dd{font-size:18px}.case-two-column,.case-section-intro,.case-decision-grid,.case-solution-grid,.case-result-row{grid-template-columns:1fr}.case-overview__summary,.case-overview__details{min-height:0}.case-overview__summary{gap:40px;padding:20px 20px 32px}.case-overview__details{min-height:692px;padding:20px 20px 32px}.case-problem{padding-bottom:48px}.case-problem>.case-card{min-height:0}.case-problem>.case-image{aspect-ratio:670/880;height:auto}.case-heading h2{font-size:clamp(72px,20cqw,140px)}.case-heading--small h3{font-size:clamp(32px,8cqw,56px)}.case-section{padding-block:48px}.case-centered-summary{text-align:left;gap:24px}.case-learnings .case-paragraph{text-align:left;white-space:normal}.case-scope{padding-inline:20px}.case-scope-tags{justify-content:flex-start;align-items:flex-start;gap:12px;margin-top:40px}.case-scope-tags li{gap:16px;min-height:60px;padding:12px 16px;font-size:18px}.case-section-intro{align-items:start;gap:24px;margin-bottom:40px}.case-decision-grid{row-gap:40px;min-height:0}.case-decision{justify-self:center;width:min(375px,100%)}.case-testing .case-heading--small h3{font-size:64px}.case-heading__mobile-line{display:block}.case-testing,.case-exploration,.case-exploration+.case-exploration{margin-top:64px}.case-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;margin-top:24px}.case-variant figcaption{margin-bottom:12px;font-size:14px}.case-exploration{margin-inline:calc(20px - var(--case-gap))}.case-exploration .case-heading--small h3{font-size:64px}.case-device-gallery{--device-width:86.81px;--device-height:186.974px;--rotated-width:90.816px;--rotated-height:195.604px;--rotation-space:8.3515px;margin-top:20px;flex-wrap:nowrap;justify-content:flex-start;gap:10.68px;height:202.775px;margin-inline:0 -20px;overflow:clip}.case-exploration+.case-exploration .case-device-gallery{--device-width:86.724px;--device-height:186.791px;--rotated-width:90.727px;--rotated-height:195.412px;--rotation-space:8.343px;gap:10.675px;height:202.576px}.case-device{flex-basis:var(--device-width);height:var(--device-height);border-radius:5.342px}.case-device--rotated{flex-basis:var(--rotated-width);margin-inline:var(--rotation-space);height:var(--rotated-height);border-radius:5.589px;transform:rotate(5deg);box-shadow:0 4.274px 8.547px #2323290d}.case-solution-layout{display:block}.case-solution-grid{row-gap:40px}.case-preview-column{justify-self:center}.case-preview-column--desktop-only,.case-annotations{display:none}.case-annotation{position:static}.case-annotation__pointer{display:none}.case-annotation p{flex:1}.case-result-list{gap:40px}.case-result-row{gap:16px}.case-result-row>.case-image{aspect-ratio:785/440;height:auto}.case-results{padding-inline:20px}.case-result-card{gap:40px;padding:20px;font-size:18px}.case-result-metric{flex-wrap:nowrap}.case-result-metric .case-display{white-space:nowrap;font-size:clamp(80px,35.2542cqw - 28.2034px,104px)}.case-results__note{margin-top:24px}.case-stat-grid{grid-template-rows:auto;grid-template-columns:1fr;margin-top:40px}.case-learnings{padding-inline:20px}.case-stat:first-child{grid-row:auto}.case-stat{aspect-ratio:1;flex-direction:column;align-items:flex-start;min-height:0;padding:32px}.case-stat__label{text-align:left;font-size:24px}.case-closing{border-radius:40px 40px 0 0;gap:160px;min-height:0;padding:40px 20px 48px}.case-closing h2{text-align:left;font-size:calc(45.9701cqw - 18.388px)}.case-closing__links{text-align:left;flex-direction:column;align-items:flex-start;gap:20px;margin-top:0;font-size:18px}.case-closing__links>p{order:1}}.case-study--guide{--case-green:#f80}.case-study--guide .case-hero .case-image{width:100%;left:0}.case-study--guide .case-title{margin-bottom:42px;font-size:22.8571cqw}.case-study--guide .case-overview__summary{box-shadow:0 16px 32px #f803}.case-study--guide .case-overview__summary .case-text-muted{color:#ffffffd9}.case-study--guide .case-problem{margin-top:40px}.case-study--guide .case-scope{min-height:953px}.case-study--guide .case-paragraph{font-size:24px}.case-study--guide .case-section-intro{grid-template-columns:minmax(0,440fr) minmax(0,900fr)}.case-study--guide .case-section-intro>.case-paragraph{max-width:670px}.guide-iterations .case-section-intro{margin-bottom:93px}.guide-iteration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.guide-iteration-grid .case-device{aspect-ratio:670/900;width:100%;height:auto}.guide-iteration-grid .case-device__image{object-fit:cover}.guide-solution-layout{grid-template-columns:minmax(0,1015fr) minmax(0,337fr);gap:8px;display:grid}.guide-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.guide-preview-column{min-width:0}.guide-preview-column .case-page-preview{box-shadow:none;position:relative}.guide-preview-column:last-child .case-page-preview{box-shadow:var(--case-shadow);border-radius:17.333px}.guide-recipe-portrait{aspect-ratio:1;border-radius:50%;position:absolute;overflow:hidden}.guide-annotations{width:100%}.guide-annotations p{white-space:pre-line}.guide-validation{margin-top:-7px}.guide-validation .case-section-intro>.case-paragraph{max-width:785px}.guide-validation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.guide-validation-card{aspect-ratio:1;box-shadow:var(--case-shadow);flex-direction:column;justify-content:space-between;gap:24px;display:flex}.guide-validation-card h3{white-space:pre-line;font-size:clamp(64px,7.42857cqw,104px)}.guide-validation-card p{color:var(--color-secondary)}.guide-validation-card--extra{justify-content:center;align-items:center}.guide-validation-card--extra>.case-image{width:52px;height:52px}.case-study--guide .case-stat:first-child{background:#ff88001a;box-shadow:0 16px 32px #ff88001a}.case-study--guide .case-stat__label{color:#f80c;white-space:pre-line;font-size:18px}.case-study--guide .case-stat:first-child .case-stat__label{color:var(--case-green)}.case-study--guide .case-learnings{min-height:1265px}.case-study--guide .case-stat-grid{margin-top:160px}@media (width>=761px){.case-study--guide .case-stat-grid{row-gap:12px}.case-study--guide .case-stat:first-child{min-height:400px}.case-study--guide .case-stat:not(:first-child) .case-stat__label{margin-bottom:6px}}@media (width<=1100px) and (width>=761px){.case-study--guide .case-paragraph{font-size:20px}.guide-validation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-solution-layout{grid-template-columns:minmax(0,1fr) 240px}.guide-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-preview-column:last-child{grid-column:span 2;justify-self:end;width:50%}}@media (width<=760px){.case-study--guide .case-hero{aspect-ratio:3/4}.case-study--guide .case-hero .case-image{width:100%;left:0}.case-study--guide .case-title{text-align:left;margin-bottom:20px;font-size:calc(43.5821cqw - 17.4328px);line-height:1}.case-study--guide .case-title__lead,.case-study--guide .case-title__ending{font-size:inherit;line-height:inherit;margin:0;display:inline}.case-study--guide .case-paragraph{white-space:normal;font-size:18px}.case-study--guide .case-overview__details{min-height:716px}.case-study--guide .case-detail:first-child dd{white-space:pre-line}.case-study--guide .case-problem{background:#fff;gap:20px;margin-top:0;padding:32px 20px 40px}.case-study--guide .case-problem .case-card{padding:20px 20px 32px}.case-study--guide .case-problem>.case-image{aspect-ratio:335/440;height:auto}.case-study--guide .case-heading h2{font-size:calc(39.403cqw - 15.7612px)}.case-study--guide .case-section{min-height:0;padding:32px 20px 40px}.case-study--guide .case-centered-summary{gap:40px}.case-study--guide .case-scope-tags{margin-top:80px}.case-study--guide .case-section-intro{grid-template-columns:1fr;gap:40px;margin-bottom:80px}.guide-iterations .case-section-intro>.case-paragraph{max-width:319px;font-size:24px}.guide-iteration-grid{grid-template-columns:1fr}.guide-iteration-grid .case-device{aspect-ratio:335/450;border-radius:20px}.guide-solution{background:#fff}.guide-solution-layout,.guide-preview-grid{display:block}.guide-preview-column--desktop,.guide-annotations{display:none}.guide-preview-column{width:min(325px,100%)}.guide-validation{margin-top:0}.guide-validation .case-heading h2{font-size:calc(38.806cqw - 15.5224px)}.guide-validation .case-section-intro>.case-paragraph{font-size:24px}.guide-validation-grid{grid-template-columns:1fr}.guide-validation-card{padding:20px 20px 32px;font-size:18px}.guide-validation-card h3{font-size:clamp(64px,29.8305cqw - 23.8644px,88px)}.guide-validation-card--extra{display:none}.case-study--guide .case-stat-grid{margin-top:80px}.case-study--guide .case-stat{padding:20px 20px 32px}.case-study--guide .case-stat__label{color:var(--case-green)}}.project-loading{color:var(--color-secondary);align-items:center;gap:12px;display:flex}.project-loading__spinner{border:2px solid var(--color-tertiary);border-top-color:var(--color-primary);border-radius:50%;flex:none;width:20px;height:20px;animation:.7s linear infinite project-loading-spin}.project-unavailable{justify-items:start;gap:20px;display:grid}@keyframes project-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.project-loading__spinner{animation:none}}.home-main{flex-direction:column;gap:80px;display:flex}.profile{flex-direction:column;gap:48px;display:flex}.profile__photo{object-fit:cover;border-radius:50%;width:64px;height:64px}.profile__introduction{flex-direction:column;gap:8px;font-size:28px;line-height:1.5;display:flex}.profile__introduction h1{font-size:inherit;font-weight:500}.profile__bio{color:var(--color-secondary)}.projects{color:var(--color-project);flex-direction:column;gap:16px;display:flex}.projects__heading{letter-spacing:.02em;text-transform:uppercase;font-size:14px;font-weight:400;line-height:1.5}.projects__list{--underline-thickness:max(1px, .075em);flex-direction:column;gap:8px;margin:0;padding:0;font-size:24px;font-weight:500;line-height:1.5;list-style:none;display:flex}.projects__link{display:inline-block}@media (width<=640px){.home-main{gap:64px}.profile{gap:32px}.profile__introduction{font-size:24px}}.home-main .profile__photo,.home-main .profile__introduction h1,.home-main .projects__heading,.home-main .projects__list>li{animation:.6s cubic-bezier(.22,1,.36,1) both home-enter}.home-main .profile__introduction h1{animation-delay:.1s}.home-main .projects__heading{animation-delay:.5s}.home-main .projects__list>li:first-child{animation-delay:.65s}.home-main .projects__list>li:nth-child(2){animation-delay:.8s}.home-main .projects__list>li:focus-within{animation:none}@keyframes home-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.home-main .profile__photo,.home-main .profile__introduction h1,.home-main .projects__heading,.home-main .projects__list>li{animation:none}}
