@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/6865e74822869db5-s.1t_e7nl3ovll-.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/0494568ab28b6008-s.421v1u00lnp2a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/66b33cc02d8f8b9d-s.p.3slq8sz4zhb1g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a5a3076f5a3c2968-s.09mqwf_zjnrdf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/23f1a98b08006014-s.0s5mkn35-hrc5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/54fc36028e2bb174-s.p.20jfceqj9zyw9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_95f2e262-module__79NRBG__className{font-family:Fraunces,Fraunces Fallback}.fraunces_95f2e262-module__79NRBG__variable{--font-smf:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_de52c80e-module__g5pyfa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_de52c80e-module__g5pyfa__variable{--font-smg:"Space Grotesk", "Space Grotesk Fallback"}
.design-portfolio{--design-space:clamp(24px, 6vw, 100px);font-family:var(--font-sans);color:var(--text-primary)}.design-portfolio h1,.design-portfolio h2{font-family:var(--font-serif);letter-spacing:-.04em;white-space:pre-line;font-weight:400;line-height:.98}.design-portfolio h1{font-size:clamp(52px,7.8vw,112px)}.design-portfolio h2{font-size:clamp(38px,4.5vw,68px)}.design-portfolio p{line-height:1.7}.design-kicker{margin-bottom:28px;font-size:14px}.design-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;font-size:14px;display:flex}.design-actions a{text-underline-offset:5px;text-decoration:underline}.design-download{border:1px solid;border-radius:50px;align-items:center;gap:22px;padding:14px 21px;font-size:14px;display:inline-flex;text-decoration:none!important}.design-actions a:hover{opacity:.75}.design-outro{padding:100px var(--design-space);max-width:1500px;margin:auto}.design-outro>p{max-width:680px;margin-top:25px}.case-intro{padding:140px var(--design-space) 65px}.case-intro>a{text-underline-offset:5px;font-size:14px;text-decoration:underline}.case-intro .design-kicker{margin-top:48px}.case-intro h1{max-width:1000px}.case-question{max-width:600px;margin:28px 0;font-size:21px}.case-role{font-size:14px}.case-decisions{max-width:1600px;padding:0 var(--design-space);margin:auto}.design-decision{border-bottom:1px solid var(--border);grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;padding:90px 0;display:grid}.design-step{color:var(--text-muted);margin-bottom:25px;font-size:13px}.design-body{max-width:520px;margin-top:28px;font-size:18px}.design-notes{gap:24px;max-width:470px;margin-top:38px;display:grid}.design-notes h3{margin-bottom:6px;font-size:14px;font-weight:500}.design-notes p{color:var(--text-secondary);font-size:14px}.decision-media{justify-content:center;align-items:center;gap:22px;display:flex}.decision-media figure{flex:1;min-width:0;max-width:280px}.decision-media img{object-fit:contain;border-radius:20px;width:100%;height:auto;max-height:620px}.decision-media figcaption{color:var(--text-muted);margin-top:15px;font-size:12px;line-height:1.5}.wide .decision-media{flex-wrap:wrap}.wide .decision-media figure:first-child{flex-basis:100%;max-width:100%}.wide .decision-media figure:first-child img{border-radius:8px;max-height:360px}.wide .decision-media figure:nth-child(2){max-width:180px}.era-diagram{color:#352747;background:#e0d6f5;border-radius:12px;width:100%;padding:40px}.era-chips{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.era-chips span{text-align:center;border:1px solid #877798;border-radius:12px;padding:16px 8px;font-size:12px}.era-connector{text-align:center;margin:20px;font-size:35px}.era-pill{border:1px solid #877798;border-radius:40px;justify-content:space-between;padding:8px 18px;display:flex}.era-diagram strong{text-align:center;margin-top:32px;font-weight:500;display:block}.era-track{background:#877798;height:4px;margin:30px 0 40px;position:relative}.era-track i{background:#352747;border-radius:50%;width:22px;height:22px;display:block;position:absolute;top:-9px;left:65%}.era-diagram small{font-size:11px;line-height:1.5;display:block}.next-project{font-family:var(--font-serif);margin-top:16px;font-size:clamp(32px,4vw,56px);line-height:1.15;display:block}.design-portfolio a:focus-visible{outline-offset:6px;outline:3px solid}@media (max-width:850px){.design-decision{gap:30px}}@media (max-width:650px){.design-decision{grid-template-columns:1fr;gap:35px;padding:55px 0}.design-notes{margin-top:25px}.decision-media{gap:15px}.decision-media img{max-height:500px}.design-outro{padding-top:65px;padding-bottom:65px}.case-intro{padding-top:120px}.era-diagram{padding:25px}.era-chips span{padding:12px 4px;font-size:11px}}.dg{--gut:clamp(20px, 5vw, 72px);overflow-x:clip}.dg-kicker,.dg-card-name,.dg-tile-label{letter-spacing:.04em;font:400 12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.dg-kicker{color:var(--text-secondary)}.dg-num{margin-right:10px}.dg-hero{box-sizing:border-box;max-width:1480px;min-height:min(100svh,1000px);padding:120px var(--gut) 80px;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:clamp(32px,5vw,88px);margin:0 auto;display:grid}.design-portfolio .dg-hero h1{letter-spacing:-.045em;margin-top:clamp(18px,3vh,32px);font-size:clamp(50px,6.5vw,104px);line-height:.94}.dg-lede{max-width:33rem;color:var(--text-secondary);margin-top:clamp(24px,4vh,40px);font-size:clamp(16px,1.3vw,19px)}.dg-hero .design-actions{margin-top:clamp(28px,4vh,40px)}.dg-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1vw,14px);display:grid}.dg-tile{aspect-ratio:1;background:var(--c);color:var(--k);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:clamp(14px,1.6vw,22px);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #0000000a,0 22px 40px -30px #00000073}.dg-tile .vg{flex:1;min-height:0}.dg-tile-label{align-items:baseline;padding:0 clamp(10px,1.2vw,16px) clamp(8px,1vw,13px);font-size:clamp(10.5px,.85vw,12px);display:flex}.dg-tile-label .dg-num{margin-right:8px}.dg-tile-label:after{content:"↓" / "";transition:transform .4s var(--ease);margin-left:auto}.design-portfolio .dg-tile:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}@media (hover:hover){.dg-tile:hover{transform:translateY(-4px);box-shadow:0 1px #0000000a,0 30px 50px -30px #0000008c}.dg-tile:hover .dg-tile-label:after{transform:translateY(3px)}}.dg-card{background:var(--c);color:var(--k)}.dg-card-in{max-width:1480px;padding:clamp(72px, 9vw, 140px) var(--gut);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,110px);margin:0 auto;display:grid}.dg-card:nth-child(2n) .dg-card-art{order:-1}.dg-card-name{align-items:baseline;display:flex}.design-portfolio .dg-card h2{max-width:12ch;margin:22px 0 24px;font-size:clamp(44px,5.2vw,84px);line-height:.98}.dg-card-desc{max-width:31rem;color:color-mix(in srgb, var(--k) 84%, var(--c));font-size:clamp(16px,1.2vw,18px)}.dg-decisions{counter-reset:dg;border-top:1px solid color-mix(in srgb, var(--k) 22%, transparent);max-width:32rem;margin:clamp(28px,4vh,40px) 0 clamp(32px,4vh,44px);padding:0;list-style:none}.dg-decisions li{counter-increment:dg;border-bottom:1px solid color-mix(in srgb, var(--k) 22%, transparent);font:400 clamp(19px, 1.6vw, 24px)/1.25 var(--font-serif);letter-spacing:-.01em;grid-template-columns:46px minmax(0,1fr);align-items:baseline;padding:13px 0;display:grid}.dg-decisions li:before{content:counter(dg, decimal-leading-zero);letter-spacing:.04em;font:400 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.dg-explore{transition:background .3s var(--ease), color .3s var(--ease);border:1px solid;border-radius:50px;align-items:center;gap:12px;padding:13px 22px;font-size:14px;text-decoration:none;display:inline-flex}.dg-explore span{transition:transform .3s var(--ease)}@media (hover:hover){.dg-explore:hover{background:var(--k);color:var(--c)}.dg-explore:hover span{transform:translate(4px)}}.dg-card-art{aspect-ratio:1;background:color-mix(in srgb, var(--k) 6%, var(--c));width:100%;max-width:620px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--k) 9%, transparent);border-radius:clamp(20px,2.4vw,34px);justify-self:center;overflow:hidden}.dg-minor{max-width:1480px;padding:clamp(72px, 9vw, 140px) var(--gut) 0;margin:0 auto}.dg-minor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:20px;display:grid}.dg-mini{background:var(--c);color:var(--k);border-radius:clamp(18px,2vw,28px);grid-template-rows:auto 1fr;padding:clamp(26px,3vw,44px) clamp(24px,3vw,44px) 0;display:grid;overflow:hidden}.design-portfolio .dg-mini h2{max-width:14ch;margin:14px 0 24px;font-size:clamp(30px,2.8vw,46px)}.dg-mini-shots{justify-content:center;align-self:end;align-items:flex-start;gap:clamp(10px,1.4vw,20px);height:clamp(220px,22vw,320px);margin-top:28px;display:flex;overflow:hidden}.dg-mini-shots img{width:40%;max-width:210px;height:auto;transition:transform .6s var(--ease);border-radius:18px 18px 0 0;transform:translateY(26px);box-shadow:0 18px 35px #00000024}.dg-mini-shots img:nth-child(2){transform:translateY(70px)}@media (hover:hover){.dg-mini:hover .dg-mini-shots img{transform:translateY(8px)}.dg-mini:hover .dg-mini-shots img:nth-child(2){transform:translateY(46px)}}.dg .dg-outro{max-width:1480px;padding-inline:var(--gut)}.design-portfolio .dg-outro h2{max-width:14ch;font-size:clamp(44px,5.6vw,88px)}@media (max-width:900px){.dg-hero{grid-template-columns:minmax(0,1fr);gap:40px;min-height:0;padding-top:112px}.dg-card-in{grid-template-columns:minmax(0,1fr);gap:36px}.dg-card .dg-card-art{order:-1;max-width:460px}}@media (max-width:650px){.dg-minor-grid{grid-template-columns:minmax(0,1fr)}.dg-tile{border-radius:14px}.dg-decisions li{grid-template-columns:36px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.dg-tile,.dg-tile-label:after,.dg-explore,.dg-explore span,.dg-mini-shots img{transition:none}}