.sa4T5a_content{--column-gap:64px;color:#f3eff0}.sa4T5a_eyebrow{letter-spacing:.08em;color:#ff8756;margin:0 0 18px;font:13px monospace}.sa4T5a_intro{color:#bcb4b8;margin:0;font-size:21px;line-height:1.6}.sa4T5a_intro em,.sa4T5a_details em{color:#ff9669;font-weight:600}.sa4T5a_comparison{gap:var(--column-gap);background:radial-gradient(at 75% 65%,#381b2244,#0000 65%),#191316;border:1px solid #382a30;border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 48px;display:grid}.sa4T5a_side{width:100%;min-width:0;max-width:300px;margin:0 auto}.sa4T5a_side h2{letter-spacing:-.04em;color:#c5bdc2;margin:0 0 26px;font-size:32px;font-weight:500;line-height:1.2}.sa4T5a_side h2[data-after=true]{color:#ff8756}.sa4T5a_phone{width:100%}.sa4T5a_crop{width:100%;height:auto;display:block;overflow:hidden}.sa4T5a_phone .sa4T5a_crop{background:#181818;height:100%}.sa4T5a_tags{flex-wrap:wrap;gap:8px;margin:24px 0 0;display:flex}.sa4T5a_tags span{color:#bdb3b9;border:1px solid #44363b;border-radius:9px;padding:8px 10px;font-size:12px}.sa4T5a_tags span[data-after=true]{color:#ffac87;background:#a4441910;border-color:#6b3c2b}.sa4T5a_details{padding-top:72px}.sa4T5a_details>h2,.sa4T5a_performanceTitle h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:500;line-height:1.25}.sa4T5a_explainer,.sa4T5a_metricsDiagram{gap:var(--column-gap);grid-template-columns:minmax(0,406px) minmax(0,1fr);align-items:start;margin-top:40px;display:grid}.sa4T5a_navigationStudy,.sa4T5a_metricsScreen{justify-self:start;width:100%;min-width:0;max-width:406px}.sa4T5a_navigationStudy small{letter-spacing:.08em;color:#ff9669;margin-bottom:16px;font:11px/1.5 monospace;display:block}.sa4T5a_beforeNav{opacity:.8}.sa4T5a_beforeNav small{color:#c0b6bc}.sa4T5a_beforeNav .sa4T5a_crop{box-sizing:border-box;background:#181617;border-radius:6px;padding:12px 16px}.sa4T5a_afterNav{position:relative}.sa4T5a_afterNav .sa4T5a_crop{border-radius:6px}.sa4T5a_transition{border-left:1px dashed #a46249;width:1px;height:56px;margin:16px auto}.sa4T5a_focusRing{pointer-events:none;border:1px dashed #ff8756;border-radius:50%;width:19%;height:calc(100% - 33px);position:absolute;bottom:0;left:7%}.sa4T5a_rationale,.sa4T5a_metricsNotes{min-width:0}.sa4T5a_rationale article+article{margin-top:40px}.sa4T5a_role{letter-spacing:.09em;color:#ff8756;font:11px/1.5 monospace;display:block}.sa4T5a_details h3{letter-spacing:-.03em;margin:12px 0;font-size:24px;font-weight:500;line-height:1.3}.sa4T5a_rationale p,.sa4T5a_metricsNotes p{color:#bcb4b8;max-width:360px;margin:0;font-size:16px;line-height:1.75}.sa4T5a_performance{border-top:1px solid #35272d;margin-top:72px;padding-top:48px}.sa4T5a_performanceTitle>p:last-child{color:#bcb4b8;margin:18px 0 0;font-size:18px;line-height:1.6}.sa4T5a_metricsScreen{background:#181818;border:1px solid #342b30;border-radius:18px;padding:16px}.sa4T5a_metricsNotes{padding-top:54px}.sa4T5a_metricsNotes article{position:relative}.sa4T5a_metricsNotes article+article{margin-top:72px}.sa4T5a_metricsNotes article:before{content:"";width:calc(var(--column-gap) - 16px);border-top:1px dashed #95614c;position:absolute;top:38px;right:calc(100% + 16px)}@media (max-width:700px){.sa4T5a_comparison{border-radius:20px;gap:22px;padding:24px 16px}.sa4T5a_side h2{margin-bottom:20px;font-size:26px}.sa4T5a_tags{gap:6px;margin-top:18px}.sa4T5a_tags span{padding:6px;font-size:10px}.sa4T5a_intro{font-size:18px}.sa4T5a_details{padding-top:48px}.sa4T5a_details>h2,.sa4T5a_performanceTitle h2{font-size:28px}.sa4T5a_explainer,.sa4T5a_metricsDiagram{grid-template-columns:1fr;gap:32px;margin-top:32px}.sa4T5a_navigationStudy,.sa4T5a_metricsScreen{max-width:406px}.sa4T5a_details h3{font-size:22px}.sa4T5a_rationale article+article{margin-top:28px}.sa4T5a_performance{margin-top:48px;padding-top:40px}.sa4T5a_metricsNotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:0;display:grid}.sa4T5a_metricsNotes article+article{margin-top:0}.sa4T5a_metricsNotes article:before{display:none}.sa4T5a_metricsNotes h3{font-size:19px}.sa4T5a_metricsNotes p{font-size:14px}}.sa4T5a_content>.sa4T5a_intro{margin:0 0 40px}@media (max-width:700px){.sa4T5a_content{--column-gap:24px}}.sa4T5a_content{padding-top:24px}.sa4T5a_details,.sa4T5a_performance{scroll-margin-top:110px}.sa4T5a_explainer,.sa4T5a_metricsDiagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;width:100%;max-width:876px;margin:40px auto 0}.sa4T5a_navigationStudy,.sa4T5a_metricsScreen{max-width:none}.sa4T5a_rationale{align-self:center}@media (max-width:700px){.sa4T5a_explainer,.sa4T5a_metricsDiagram{grid-template-columns:1fr;gap:32px;max-width:406px;margin-top:32px}.sa4T5a_rationale{align-self:start}}.sa4T5a_intro em,.sa4T5a_details em{color:#0000;background-image:linear-gradient(110deg,#ff8318,#ff493c 48%,#ff205c);-webkit-background-clip:text;background-clip:text}
.tO0Xha_gallery{color:#f5f1f3;background:radial-gradient(at 50% 45%,#492129 0%,#1c1217 44%,#120e10 80%);border:1px solid #ffffff12;border-radius:24px;margin-top:32px;overflow:hidden}.tO0Xha_heading{text-align:center;max-width:700px;margin:auto;padding:44px 28px 0}.tO0Xha_eyebrow{color:#ff8754;font-family:var(--font-geist-mono),monospace;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.tO0Xha_heading h3{letter-spacing:-.04em;margin:16px 0;font-size:clamp(26px,3.5vw,42px);font-weight:500;line-height:1.15}.tO0Xha_heading>p:last-child{color:#bdb5ba;font-size:14px;line-height:1.7}.tO0Xha_composition{isolation:isolate;place-items:center;min-height:750px;padding:36px 0 24px;display:grid;position:relative}.tO0Xha_originals{z-index:-1;opacity:.52;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:max(112%,1000px);display:grid;position:absolute;top:110px;bottom:90px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.tO0Xha_original{background:#181818;border:1px solid #ffffff1f;border-radius:16px;min-width:0;min-height:0;margin:0;overflow:hidden}.tO0Xha_originalScreen{width:100%;height:100%;overflow:hidden}.tO0Xha_originalScreen>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.tO0Xha_originalScreen>svg{object-fit:cover}.tO0Xha_hero{filter:drop-shadow(0 20px 28px #000c);width:300px;max-width:34%;margin:0}@media (max-width:767px){.tO0Xha_heading{padding:28px 20px 0}.tO0Xha_heading>p:last-child{font-size:13px}.tO0Xha_composition{min-height:560px;padding:26px 0 14px}.tO0Xha_hero{width:230px;max-width:58%}.tO0Xha_originals{opacity:.45;gap:12px;width:660px;top:80px;bottom:75px}.tO0Xha_original{border-radius:10px}.tO0Xha_caption{padding:16px 20px 28px}}
.mLhr5G_page{color:#f5f1f3}.mLhr5G_eyebrow{color:#ff8754;margin-bottom:16px;font-size:13px;font-weight:500}.mLhr5G_title{letter-spacing:-.035em;max-width:850px;font-size:clamp(25px,2.6vw,32px);font-weight:500;line-height:1.15}.mLhr5G_lead{color:#c9c1c6;max-width:780px;margin-top:24px;font-size:18px;line-height:1.75}.mLhr5G_body{color:#bdb5ba;max-width:760px;margin-top:20px;font-size:16px;line-height:1.8}.mLhr5G_introRow{border-top:1px solid #ffffff24;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:56px;padding:44px 0 48px;scroll-margin-top:144px;display:grid}.mLhr5G_overview{margin-top:52px}.mLhr5G_introHeading{letter-spacing:-.025em;align-items:center;gap:13px;font-size:23px;font-weight:600;line-height:1.3;display:flex}.mLhr5G_introHeading svg{color:#ff8754;flex:none}.mLhr5G_meta{color:#aaa1a7;margin-top:25px;font-size:14px;line-height:1.8}.mLhr5G_introCopy{letter-spacing:-.012em;color:#bdb5ba;font-size:16px;line-height:1.75}.mLhr5G_introCopy p+p{margin-top:22px}.mLhr5G_introCopy strong{color:#f5f1f3;font-weight:500}.mLhr5G_team{color:#bdb5ba;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:28px;font-size:12px;display:grid}.mLhr5G_teamMember{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;display:flex}.mLhr5G_teamMember:last-child{grid-column:1/-1}.mLhr5G_teamMember dd{align-items:center;gap:10px;display:flex}.mLhr5G_people,.mLhr5G_myIcon{color:#aaa;gap:4px;display:flex}.mLhr5G_myIcon{color:#ff8754}@media (max-width:899px){.mLhr5G_introRow{grid-template-columns:1fr;gap:28px;padding-block:36px}.mLhr5G_overview{margin-top:36px}.mLhr5G_introHeading{font-size:22px}.mLhr5G_team{max-width:440px;margin-top:20px}.mLhr5G_lead{font-size:16px}}.mLhr5G_phase{scroll-margin-top:120px}.mLhr5G_phaseHeader{text-align:left;color:#fff;background:linear-gradient(115deg,#201719 25%,#412025 100%);border-radius:24px;margin:48px 0 24px;padding:52px 44px;position:relative;overflow:hidden}.mLhr5G_phaseNumber{color:#ff932f;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:500}.mLhr5G_phaseHeader h2{letter-spacing:-.04em;text-wrap:balance;max-width:800px;font-size:clamp(28px,3.2vw,40px);font-weight:600;line-height:1.12}.mLhr5G_phaseDescription{color:#ddcdd0;max-width:710px;margin:24px 0 0;font-size:17px;line-height:1.75}.mLhr5G_chapter{padding:52px 0 64px;scroll-margin-top:140px}.mLhr5G_phaseOutcome{max-width:730px;padding:40px 0 0}.mLhr5G_phaseOutcome>p:last-child{letter-spacing:-.025em;font-size:25px;font-weight:500;line-height:1.4}@media (max-width:767px){.mLhr5G_phaseHeader{border-radius:18px;margin-top:24px;padding:32px 24px}.mLhr5G_phaseDescription{font-size:17px}.mLhr5G_chapter{padding:40px 0 52px}.mLhr5G_phaseOutcome>p:last-child{font-size:22px}}.mLhr5G_page{--drama-accent:#ff8754}.mLhr5G_page nav[aria-label="Case study progress"] button[aria-current]{border-left-color:var(--drama-accent);color:var(--drama-accent)}.mLhr5G_page a:focus-visible,.mLhr5G_page button:focus-visible{outline:2px solid var(--drama-accent);outline-offset:4px}.mLhr5G_eyebrow{color:var(--drama-accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:11px}.mLhr5G_phaseOutcome{background:#1e181c;border-radius:18px;max-width:none;margin-top:28px;padding:28px}.mLhr5G_page #review{border:none;padding-top:40px}.mLhr5G_page #research-to-design{background:#1e181c;border:none;border-radius:18px;margin-top:32px;padding:28px}.mLhr5G_page{--drama-accent:#ff8754;--drama-gradient:linear-gradient(110deg,#ff8318,#ff493c 48%,#ff205c)}.mLhr5G_phaseHeader{background:radial-gradient(at 90% 80%,#ff205c24,#0000 65%),radial-gradient(at 10% 10%,#ff831822,#0000 60%),#1b1117;border:1px solid #ffffff12}.mLhr5G_phaseNumber,.mLhr5G_eyebrow{color:#ff985e}.mLhr5G_accent{color:#ff8754}.mLhr5G_phaseOutcome{background:0 0;border-top:1px solid #ffffff24;border-radius:0;padding:32px 0}.mLhr5G_eyebrow,.mLhr5G_phaseNumber{background:var(--drama-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content}.mLhr5G_findings{border-top:1px solid #ffffff24;margin-top:88px;padding:36px 0 12px;scroll-margin-top:104px}.mLhr5G_findingsHeading h3{font-family:var(--font-geist-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:#c5b9c0;font-size:12px}.mLhr5G_findingsHeading>p{color:#bdb5ba;margin-top:12px;font-size:16px;line-height:1.6}.mLhr5G_findingsGrid{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;display:grid;position:relative}.mLhr5G_findingsGrid:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 45%,#d2434320,#0000 72%);position:absolute;inset:-30px -24px -15px}.mLhr5G_findingPair{grid-template-rows:1fr 40px auto;min-width:0;display:grid}.mLhr5G_findingCard{background:linear-gradient(145deg,#352229c7,#231b20e6);border:1px solid #ffffff1c;border-radius:20px;padding:24px}.mLhr5G_findingNumber{font-family:var(--font-geist-mono),monospace;letter-spacing:.06em;color:#c7a6b2;font-size:11px}.mLhr5G_findingCard h4{letter-spacing:-.02em;color:#f5f1f3;margin-top:22px;font-size:20px;font-weight:500;line-height:1.35}.mLhr5G_findingExplanation{color:#bdb5ba;margin-top:14px;font-size:14px;line-height:1.75}.mLhr5G_findingConnector{border-left:1px dashed #ff875470;justify-self:center;height:40px;display:block;position:relative}.mLhr5G_findingConnector:after{content:"";border-bottom:1px solid #ff8754;border-right:1px solid #ff8754;width:5px;height:5px;position:absolute;bottom:0;left:-3px;transform:rotate(45deg)}.mLhr5G_findingDirection{text-align:center;min-height:104px;padding:20px 10px 12px}.mLhr5G_findingDirection>p{font-family:var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:#aa9ca4;margin-bottom:10px;font-size:10px}.mLhr5G_findingDirection em{font-size:19px;line-height:1.45;display:block}@media (max-width:767px){.mLhr5G_findings{margin-top:56px;padding-top:28px}.mLhr5G_findingsGrid{grid-template-columns:1fr;gap:28px}.mLhr5G_findingCard{padding:24px}.mLhr5G_findingCard h4{margin-top:16px}.mLhr5G_findingDirection{min-height:0;padding-bottom:8px}}.mLhr5G_moreWork{text-align:center;border-top:1px solid #ffffff24;padding:80px 0 64px}.mLhr5G_moreWorkTitle{letter-spacing:-.03em;margin:0 0 32px;font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.2}.mLhr5G_moreProjects{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}@media (max-width:767px){.mLhr5G_moreWork{padding:52px 0 40px}.mLhr5G_moreWorkTitle{margin-bottom:28px}.mLhr5G_moreProjects{grid-template-columns:1fr;gap:28px}}
.ArjMhG_review{padding:40px 0 48px;scroll-margin-top:144px}.ArjMhG_eyebrow{color:#ff8754;font-family:var(--font-geist-mono),monospace;letter-spacing:.09em;text-transform:uppercase;margin-bottom:16px;font-size:11px}.ArjMhG_review h3{letter-spacing:-.035em;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.15}.ArjMhG_process{color:#f5f1f3;grid-template-columns:1fr 1.25fr;align-items:center;gap:40px;margin-top:32px;padding:16px 0;display:grid}.ArjMhG_summary .ArjMhG_eyebrow{color:#ff8754}.ArjMhG_summary h4{letter-spacing:-.035em;font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.25}.ArjMhG_summary>p:last-child{color:#bdb5ba;margin-top:20px;font-size:14px;line-height:1.7}.ArjMhG_steps{gap:12px;padding:0;list-style:none;display:grid}.ArjMhG_steps li{color:#c9c1c6;background:#1e181c;border:1px solid #49343f;border-radius:28px;align-items:baseline;gap:18px;padding:20px 24px;display:flex}.ArjMhG_steps span{font-family:var(--font-geist-mono),monospace;color:#ff8754;font-size:11px}.ArjMhG_steps p{font-size:14px;line-height:1.6}.ArjMhG_steps strong{color:#f5f1f3;font-weight:500}@media (max-width:767px){.ArjMhG_process{grid-template-columns:1fr;gap:28px;padding:0}.ArjMhG_steps li{border-radius:20px;gap:12px;padding:18px}}
