:root{--paper:#fff;--paper-deep:#fff;--ink:#171612;--ink-soft:#6d685e;--pink:#ed36e7;--violet:#675c91;--yellow:#f9cb00;--blue:#bcd5fa;--lilac:#ddd7ff;--case-accent:#edbfe9;--case-accent-soft:#f8e8f6;--case-accent-ink:#7b1b79;--case-accent-muted:#8b4b85;--bar-height:3.5rem;--gutter:clamp(1.2rem, 4vw, 4.5rem);--section-space:clamp(7rem, 13vw, 12rem);--media-radius:16px;--content:73rem;--rail:clamp(5rem, 19vw, 18rem);--font:"Satoshi", "Helvetica Neue", sans-serif;--mono:"Space Mono", "SFMono-Regular", monospace;--serif:"DM Serif Display", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-height) + 1rem);overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}img,svg,video{max-width:100%}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:2px solid var(--violet);outline-offset:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper-deep)}::-webkit-scrollbar-thumb{background:var(--violet);border:3px solid var(--paper-deep);border-radius:20px}.skip-link{z-index:999;background:var(--ink);color:#fff;padding:.75rem 1rem;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.project-bar{z-index:150;height:var(--bar-height);padding:.35rem var(--gutter);color:#171612;-webkit-backdrop-filter:blur(16px)saturate(180%);background-color:#ffffff8c;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid;position:fixed;top:0;left:0;right:0}html[data-theme=dark] .project-bar{color:#f7f3e9;background-color:#0a0a0a80}.project-bar__brand{min-height:2.35rem;font-family:var(--font);letter-spacing:.01em;align-items:center;gap:.5rem;padding:.25rem .55rem .25rem .35rem;font-size:1.02rem;font-weight:600;display:flex}.project-bar__brand img{object-fit:contain;width:1.85rem;height:1.85rem;image-rendering:pixelated;filter:none}.project-bar__brand sup{vertical-align:super;font-size:.6em}.project-bar__context{color:inherit;font-family:var(--font);letter-spacing:0;text-align:center;text-transform:none;white-space:nowrap;padding:.45rem 0;font-size:clamp(.92rem,.86vw,1.02rem);font-weight:500;line-height:normal}.project-bar__context span{font:inherit}.project-bar__links{justify-content:flex-end;align-items:center;gap:clamp(1.1rem,2vw,2rem);display:flex}.project-bar__links>*{color:inherit;font-family:var(--font);white-space:nowrap;padding:.45rem 0;font-size:clamp(.92rem,.86vw,1.02rem);font-weight:500;line-height:normal;transition:color .25s,opacity .25s}.project-bar__links a:hover,.project-bar__links span:hover{opacity:.58}.project-bar__links span{cursor:not-allowed}.case-rail{inset:var(--bar-height) auto 0 0;z-index:100;width:var(--rail);background:#fff;flex-direction:column;padding:clamp(1.2rem,2.2vw,2rem) clamp(.8rem,1.9vw,1.8rem);display:flex;position:fixed}.case-rail__back{width:clamp(2.875rem,4vw,3.75rem);height:clamp(2.875rem,4vw,3.75rem);color:var(--case-accent-ink);background:var(--case-accent);transition:color .25s ease, background-color .25s ease, transform .25s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 12px 26px -18px #7b1b797a}.case-rail__back:hover{color:#fff;background:var(--case-accent-ink);transform:translate(-3px)}.case-rail__back svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke;width:62%;height:62%}.case-rail__identity{margin-top:clamp(3rem,9vh,6rem)}.case-rail__identity span{font:400 .67rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--case-accent-muted);margin-bottom:.55rem;display:block}.case-rail__identity strong{color:var(--case-accent-ink);letter-spacing:-.02em;font-size:1.2rem;line-height:1.12}.case-rail nav{flex-direction:column;margin-top:2.8rem;display:flex;position:relative}.case-rail nav:before{content:"";background:color-mix(in srgb, var(--case-accent) 78%, var(--case-accent-ink));width:1px;position:absolute;top:10px;bottom:10px;left:4px}.case-rail nav a{min-height:2.35rem;color:var(--ink-soft);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.7rem;transition:color .28s;display:flex;position:relative}.case-rail nav a>span{transition:transform .28s var(--ease)}.case-rail nav a:hover{color:var(--case-accent-ink)}.case-rail nav a:hover>span{transform:translate(3px)}.case-rail nav i{z-index:1;background:var(--case-accent);width:9px;height:9px;transition:background .28s ease, scale .28s var(--ease);border:2px solid #fff;border-radius:50%;position:relative}.case-rail nav a.is-active{color:var(--case-accent-ink);font-weight:700}.case-rail nav a.is-active i{background:var(--case-accent-ink);scale:1.28}main{margin-left:var(--rail)}.case-hero{min-height:0;padding:clamp(6.5rem, 9vh, 7.5rem) var(--gutter) clamp(4rem, 6vw, 5.5rem);color:#f8f5f8;background:radial-gradient(82% 96% at 78% -8%,#685674ad 0%,#382c3f66 42%,#0a090c00 72%),radial-gradient(55% 76% at 98% 22%,#94197d61 0%,#5c144f2e 42%,#07070900 76%),linear-gradient(145deg,#050506 0%,#09090b 48%,#160d17 100%);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,1.2vw,1.095rem);display:grid;position:relative;overflow:hidden}.case-hero:before{content:"";filter:blur(6rem);opacity:.78;pointer-events:none;background:#da23be3d;border-radius:50%;width:32rem;height:32rem;position:absolute;bottom:-20rem;right:-14rem}.case-hero__copy{z-index:2;grid-column:1/span 9;position:relative}.case-hero__logo{filter:brightness(0)invert();opacity:.94;width:clamp(7.5rem,10vw,9rem);height:auto;margin-bottom:clamp(1.75rem,3vw,2.5rem);display:block}.case-hero h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.65rem,3.4vw,3rem);font-weight:650;line-height:1.16}.case-hero__lede{color:#c9c2ca;letter-spacing:-.02em;text-wrap:balance;max-width:36rem;margin-top:clamp(1rem,1.8vw,1.5rem);font-size:clamp(1.15rem,1.65vw,1.5rem);font-weight:400;line-height:1.35}.case-hero__visual{z-index:1;border-radius:var(--media-radius);background:#ecebea;grid-column:1/-1;margin-top:clamp(4rem,5vw,4.5rem);position:relative;overflow:hidden;box-shadow:0 2rem 5rem -3.2rem #000000b8}.case-hero__visual img{width:100%;height:auto;display:block}.case-hero__meta{z-index:2;color:#f2edf2;grid-column:1/span 9;margin-top:clamp(1.75rem,2.5vw,2.5rem);position:relative}.case-tags{flex-wrap:wrap;gap:.55rem;list-style:none;display:flex}.case-tags li{color:#f0eaf0;background:#ffffff0a;border:1px solid #e2c2e147;border-radius:99px;padding:.48rem .78rem;font-size:.72rem;font-weight:600;line-height:1}.case-section{padding:var(--section-space) var(--gutter)}.case-section>*{max-width:var(--content);margin-left:auto;margin-right:auto}.section-heading{margin-bottom:clamp(4.5rem,8vw,7rem)}.section-heading h2{color:#8b867d;font:400 .8rem/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}.section-heading p{max-width:25ch;color:var(--ink);font-family:var(--font);letter-spacing:-.01rem;text-wrap:balance;margin-top:1.1rem;font-size:clamp(2.15rem,3vw,2.4rem);font-weight:400;line-height:1.3}.case-section.case-section--overview{background:#fff;padding-bottom:0}.overview-note>span,.overview-meta dt,.timeline__label{color:#8b867d;font:400 .8rem/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}.overview-note{border-left:1px solid #aaa59b;grid-template-columns:8rem minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(4.5rem,8vw,7rem);padding-left:1rem;display:grid}.overview-note>span{padding-top:.05rem;font-size:.7rem}.overview-note p{max-width:67ch}.overview-note strong{color:#a52aa3;font-weight:650}.overview-meta{border-top:1px solid #d4d0c7;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(5rem,9vw,8rem);padding-top:1.35rem;display:grid}.overview-meta div{min-width:0}.overview-meta dt{margin-bottom:.85rem}.overview-meta dd{color:#27251f;letter-spacing:-.01rem;font-size:.9rem;font-weight:400;line-height:1.6}.timeline{border-top:1px solid #aaa59b;margin-top:clamp(5rem,9vw,8rem)}.timeline__label{padding:1.35rem 0 2rem}.timeline__frame{border-radius:var(--media-radius);overflow:hidden}.timeline__frame img{border-radius:inherit;width:100%;max-width:100%;height:auto;display:block}.case-section--problem{padding-bottom:var(--section-space);font-family:var(--font);background:#fff}.problem-journey{margin-bottom:clamp(5rem,9vw,8rem)}.problem-journey__frame{isolation:isolate;border-radius:var(--media-radius);box-shadow:0 2rem 4.5rem -3.5rem color-mix(in srgb, var(--ink) 28%, transparent);background:#f5f5f5;padding:clamp(1rem,2.2vw,2rem);position:relative;overflow:hidden}.problem-journey__frame img{width:100%;max-width:100%;height:auto;display:block}.problem-journey figcaption{grid-template-columns:8rem minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding-top:1.2rem;display:grid}.problem-journey figcaption span{color:#8b867d;font:400 .7rem/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}.problem-journey figcaption p{color:#57534b;max-width:67ch;font:400 1rem/1.5 var(--font);letter-spacing:-.01rem}.problem-story{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(2.5rem,5vw,5.5rem);display:grid}.problem-story__copy{min-width:0;container-type:inline-size}.problem-story__copy>p{max-width:67ch}.problem-tensions{border-top:1px solid #cbc6bc;margin-top:clamp(3rem,5vw,4.5rem)}.problem-tensions article{border-bottom:1px solid #d8d3ca;grid-template-columns:minmax(11rem,.72fr) minmax(0,1fr);gap:1.5rem;padding:1.5rem 0;display:grid}.problem-tensions h3{color:#9e269c;font-family:var(--font);letter-spacing:-.01rem;font-size:1rem;font-weight:600;line-height:1.35}.problem-story__visual{top:calc(var(--bar-height) + 2rem);border-radius:var(--media-radius);background:#d9c4b4;width:100%;min-width:0;position:sticky;overflow:hidden}.problem-story__visual img{width:100%;max-width:100%;height:auto;display:block}.problem-story__visual figcaption{color:#4e433b;font-family:var(--font);background:#ede2d9;padding:1rem 1.1rem 1.15rem;font-size:.8rem;font-weight:400;line-height:1.45}@container (width<=34rem){.problem-tensions article{grid-template-columns:1fr;gap:.55rem}}.entry-diagram__sources{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.entry-diagram__sources span{background:var(--ink);color:#fff;text-align:center;border-radius:.75rem;padding:1rem;font-size:.82rem}.entry-diagram svg{width:100%;height:9rem}.entry-diagram path{fill:none;stroke:#b82eb6;stroke-width:2px}.entry-diagram__result{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:1rem;display:flex}.entry-diagram__result b{font-size:clamp(4rem,8vw,7rem);line-height:1}.entry-diagram__result span{letter-spacing:.08em;font-size:clamp(1.2rem,2.2vw,2rem)}.entry-diagram__result i{color:#b82eb6;margin:0 2rem;font-size:2.5rem;font-style:normal}.solution-summary{text-align:center;max-width:53rem;margin-top:4rem;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700}.case-section--system{color:#f7f3e9;background:#171713}.section-heading--light h2{color:#918c82}.section-heading--light p{color:#c4beb1}.phases{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.phases article{color:var(--ink);background:#f8f5ed;border-radius:1rem;overflow:hidden}.phases header{color:#fff;text-align:center;background:#363631;padding:.7rem;font-style:italic}.phases article div{text-align:center;background:linear-gradient(#f4f4f0,#fbf0fa);flex-direction:column;justify-content:center;align-items:center;min-height:12rem;padding:1.5rem;display:flex}.phases strong{font-size:1.15rem}.phases span{color:#b82eb6;margin-top:auto;padding-top:2rem;font-size:.75rem}.system-strip{border:1px solid #44443d;border-radius:1rem;justify-content:center;align-items:center;gap:1.2rem;min-height:8rem;margin-top:5rem;padding:2rem;display:flex}.system-strip span{color:#d7d2c8}.system-strip button{color:#fff;background:#e425dc;border:0;border-radius:99px;padding:.7rem 1rem}.system-strip i{background:#56564f;width:1px;height:3rem}.case-section.case-section--impact{background:#fff;padding-top:0}.case-section--impact .section-heading{margin-bottom:clamp(2.5rem,4vw,3.75rem)}.case-section--impact .impact-metrics{margin-top:0}.case-section.case-section--design-challenge{background:#fff;padding-top:0}.case-section--design-challenge .section-heading{margin-bottom:clamp(2rem,4vw,3.5rem)}.challenge-moment{isolation:isolate;border-radius:var(--media-radius);color:#f7f3e9;background:#171717;grid-template-areas:"visual";place-items:center;min-height:0;padding:clamp(1rem,2.2vw,2rem);display:grid;position:relative;overflow:hidden}.challenge-moment:before{content:"";aspect-ratio:1440/420;z-index:-2;filter:grayscale()contrast(.88);opacity:.27;background:-webkit-image-set(url(/media/projects/smarthq/challenge-problem-moment.avif) 1x type("image/avif"),url(/media/projects/smarthq/challenge-problem-moment.webp) 1x type("image/webp")) 50% 38%/cover no-repeat;background:image-set("/media/projects/smarthq/challenge-problem-moment.avif" 1x type("image/avif"),"/media/projects/smarthq/challenge-problem-moment.webp" 1x type("image/webp")) 50% 38%/cover no-repeat;grid-area:visual;width:100%}.challenge-moment:after{content:"";z-index:-1;background:linear-gradient(90deg,#171717e0,#1717177a 50%,#171717c7);position:absolute;inset:0}.challenge-moment p{z-index:1;text-align:center;letter-spacing:-.025em;text-wrap:balance;grid-area:visual;max-width:29ch;font-size:clamp(.8rem,3.2vw,2.65rem);font-weight:400;line-height:1.28}.challenge-moment strong,.design-opportunity strong{color:#b82eb6;font-weight:650}.mvp-constraint{margin-top:clamp(3.5rem,7vw,6rem);padding:clamp(2rem,4vw,3.5rem) 0}.mvp-constraint__intro{display:block}.challenge-label{color:#8b867d;font:400 .7rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;display:block}.mvp-constraint__intro h3{letter-spacing:-.02em;text-wrap:balance;max-width:23ch;margin-top:.9rem;font-size:clamp(1.65rem,2.5vw,2.25rem);font-weight:500;line-height:1.25}.navigation-comparison{grid-template-columns:minmax(0,1fr) 7rem minmax(0,1fr);align-items:center;gap:clamp(1rem,2vw,2rem);margin-top:clamp(2rem,4vw,3.5rem);display:grid}.navigation-comparison figure{text-align:center;min-width:0}.navigation-comparison__image{border-radius:var(--media-radius);background:#2d2d2d;overflow:hidden}.navigation-comparison img{width:100%;height:auto;display:block}.navigation-comparison figcaption{color:#27251f;margin-top:.8rem;font-size:.9rem;font-weight:600}.navigation-comparison__decision{color:#b82eb6;text-align:center;place-items:center;gap:.45rem;display:grid}.navigation-comparison__decision svg{fill:none;width:100%;overflow:visible}.navigation-comparison__arrow-line,.navigation-comparison__arrow-head{stroke:#8b867d;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.navigation-comparison__arrow-line{stroke-dasharray:7 4}.navigation-comparison__x{stroke:currentColor;stroke-width:5px;stroke-linecap:square}.navigation-comparison__decision span{color:#8b867d;font:400 .58rem/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}.constraint-conversation{gap:1.5rem;max-width:59rem;margin:clamp(3rem,6vw,5rem) auto 0;display:grid}.constraint-conversation__turn{align-items:flex-end;gap:.85rem;display:flex}.constraint-conversation__avatar{background-repeat:no-repeat;border-radius:50%;flex:none;width:3.7rem;height:3.7rem;box-shadow:0 8px 20px -14px #171612a6}.constraint-conversation__avatar--pm{background-image:url(/media/projects/smarthq/avatar-pm-source.webp);background-position:0 0;background-size:15.7rem}.constraint-conversation__avatar--me{background-image:url(/media/projects/smarthq/avatar-me-source.webp);background-position:0 0;background-size:6.7rem}.constraint-conversation__turn p{color:#4e4a43;background:#fff;border-radius:.45rem 1rem 1rem;max-width:34rem;padding:1rem 1.2rem 1.1rem;font-size:.95rem;line-height:1.5;box-shadow:0 10px 28px -18px #17161273}.constraint-conversation__turn p span{color:#8b867d;font:400 .6rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;display:block}.constraint-conversation__turn--me{justify-content:flex-end}.constraint-conversation__turn--me p{color:#f7f3e9;background:#252523;border-radius:1rem .45rem 1rem 1rem;box-shadow:0 12px 30px -18px #171612b3}.constraint-conversation__turn--me p span{color:#c4beb3}.design-opportunity{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4.5rem);margin-top:clamp(4rem,8vw,7rem);padding:clamp(2rem,4vw,3.5rem) 0;display:grid}.design-opportunity__copy p{max-width:29ch;color:var(--ink);letter-spacing:-.02em;text-wrap:balance;margin-top:.9rem;font-size:clamp(1.55rem,2.2vw,2rem);font-weight:500;line-height:1.25}.design-opportunity__frame{isolation:isolate;border-radius:var(--media-radius);width:100%;box-shadow:0 2rem 4.5rem -3.5rem color-mix(in srgb, var(--ink) 26%, transparent);background:#f5f5f5;padding:clamp(1rem,2.2vw,2rem);position:relative;overflow:hidden}.design-opportunity__diagram{width:100%;max-width:100%;height:auto;display:block}.design-opportunity__node{fill:none;stroke:#2d2b2c;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.design-opportunity__node--accent{stroke:#cf2cc5}.design-opportunity__appliance,.design-opportunity__product{image-rendering:auto}.design-opportunity__flow{fill:none;stroke:#aaa6a8;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.design-opportunity__label{fill:#2d2b2c;text-anchor:middle;font:600 25px Satoshi,Helvetica Neue,Arial,sans-serif}.design-opportunity__label--accent{fill:#cf2cc5}.case-section.case-section--solutions{background:#fff;padding-top:0}.overview-note p,.problem-story__copy>p,.problem-tensions p{color:#57534b;font-family:var(--font);letter-spacing:-.01rem;font-size:1rem;font-weight:400;line-height:1.5}.solution-map__viewport{border-radius:var(--media-radius);margin-top:clamp(4rem,8vw,7rem);overflow:hidden}.solution-map__image{width:100%;max-width:100%;height:auto;display:block}.solution-detail{background:0 0;border-radius:0;margin-top:clamp(5rem,10vw,9rem);overflow:hidden}.solution-detail img{width:100%;max-width:100%;height:auto;display:block}.solution-detail--third{isolation:isolate;position:relative}.solution-detail--third .solution-detail__canvas{z-index:0;position:relative}.prototype-phone{z-index:1;background:linear-gradient(105deg,#767676 0%,#151515 4%,#020202 48%,#242424 96%,#838383 100%);border:1px solid #6c6c6c;border-radius:12.5%/5.8%;width:19.35%;padding:.42%;position:absolute;top:23.7%;left:69.15%;box-shadow:0 2.4rem 4rem -2.2rem #000000b8,0 .35rem .7rem #00000038}.prototype-phone__screen{background:#050505;border-radius:11.2%/5.15%;position:relative;overflow:hidden}.prototype-phone__screen>img{width:100%;height:auto}.prototype-phone__island{aspect-ratio:3.15;background:#020202;border-radius:99px;width:31%;position:absolute;top:1.7%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff06}.prototype-phone__button{background:#333;border-radius:2px;width:1.1%;position:absolute;box-shadow:inset 0 0 0 1px #595959}.prototype-phone__button--action{height:10%;top:21%;right:-1.2%}.prototype-phone__button--volume{height:16%;top:16%;left:-1.2%}.solution-overview{margin-top:clamp(7rem,12vw,11rem)}.solution-overview__heading{margin-bottom:clamp(2rem,4vw,3rem)}.solution-overview__heading h3{max-width:14ch;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.5rem,4.75vw,4.25rem);font-weight:400;line-height:1.18}.solution-overview__visual picture{display:block}.solution-overview__visual img{clip-path:inset(0 round clamp(1rem,2vw,1.5rem));border-radius:clamp(1rem,2vw,1.5rem);width:100%;height:auto;display:block}.solution-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(2rem,3.2vw,2.75rem);min-width:60rem;list-style:none;display:grid}.solution-map__stage{text-align:center;min-width:0;min-height:25rem;box-shadow:0 1.3rem 3rem -2.6rem color-mix(in srgb, var(--ink) 30%, transparent);scroll-snap-align:start;background:#fff;border-radius:1rem;flex-direction:column;align-items:center;padding:1.5rem 1.25rem 1.7rem;display:flex;position:relative}.solution-map__stage:not(:last-child):after{content:"";z-index:2;background:color-mix(in srgb, var(--ink-soft) 25%, transparent);width:clamp(2rem,3.2vw,2.75rem);height:1px;position:absolute;top:45%;left:100%}.solution-map__stage:not(:last-child):before{content:"";z-index:3;background:#b82eb6;border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:calc(45% - .35rem);left:calc(100% + clamp(.65rem,1.25vw,1.05rem))}.solution-map__intent{color:#9e269c;min-height:2.2rem;font:700 .67rem/1.2 var(--mono);letter-spacing:.045em;text-transform:uppercase;background:#f8eaf8;border-radius:.45rem;align-self:stretch;place-items:center;padding:.65rem .75rem;display:grid}.solution-map__icon{width:5.5rem;height:5.5rem;color:var(--ink);place-items:center;margin-top:1.6rem;display:grid}.solution-map__icon svg{fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;width:5.25rem;height:5.25rem}.solution-map__icon .solution-map__icon-accent{stroke:#b82eb6}.solution-map__icon .solution-map__icon-accent-fill{fill:#b82eb6;stroke:none}.solution-map__step{color:#b82eb6;letter-spacing:.035em;text-transform:uppercase;margin-top:1.65rem;font-size:.9rem;font-weight:700}.solution-map__step span{font-variant-numeric:tabular-nums}.solution-map__step span:after{content:" ·"}.solution-map h3{letter-spacing:-.02em;text-wrap:balance;margin-top:1rem;font-size:clamp(1.15rem,1.55vw,1.35rem);font-weight:650;line-height:1.2}.solution-map__description{max-width:23ch;color:var(--ink-soft);margin-top:auto;padding-top:1.25rem;font-size:.9rem;line-height:1.45}.impact-metrics{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.5rem,4vw,4.5rem);margin-top:clamp(2.5rem,4vw,3.75rem);display:grid}.impact-metric{align-content:start;min-width:0;display:grid}.impact-metric__label{color:var(--ink);letter-spacing:-.015em;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:600;line-height:1.3}.impact-metric__value{color:#9e269c;letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;align-items:baseline;min-height:1em;margin-top:.7rem;font-size:clamp(3.4rem,5.25vw,5.2rem);font-weight:600;line-height:1;display:flex}.impact-metric__prefix{color:inherit}.impact-metric__unit{color:#8b867d;letter-spacing:-.01rem;margin-left:.15em;font-size:.55em;font-weight:600;line-height:1}.impact-metric__fraction{letter-spacing:-.01rem;font-size:1em}.impact-metric__copy{color:#777168;letter-spacing:-.01rem;max-width:32ch;margin-top:1rem;font-size:clamp(.9rem,1.15vw,1rem);font-weight:400;line-height:1.45}.js .impact-metric{opacity:0;transform:translateY(1.1rem)}.js .impact-metrics.is-visible .impact-metric{opacity:1;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:none}.js .impact-metrics.is-visible .impact-metric:nth-child(2){transition-delay:70ms}.js .impact-metrics.is-visible .impact-metric:nth-child(3){transition-delay:.14s}.case-section.case-section--reflection{background:#fff;padding-top:0}.case-section--reflection .section-heading{margin-bottom:clamp(2.5rem,4vw,3.75rem)}.reflection-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(1.5rem,4vw,4.5rem);display:grid}.reflection-list article{border-top:1px solid #d4d0c7;min-width:0;padding-top:1.35rem}.reflection-list h3{color:#9e269c;letter-spacing:-.015em;text-wrap:balance;max-width:20ch;font-size:clamp(1.05rem,1.35vw,1.2rem);font-weight:600;line-height:1.3}.reflection-list p{color:#57534b;letter-spacing:-.01rem;max-width:38ch;margin-top:1rem;font-size:1rem;font-weight:400;line-height:1.5}.case-section--takeaways{background:#fff}.takeaways{text-align:center;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,5rem);display:grid}.takeaways article{flex-direction:column;align-items:center;display:flex}.takeaways__mark{color:#9e269c;width:4.8rem;height:4.8rem}.takeaways__mark svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.takeaways h3{text-transform:uppercase;margin-top:1.7rem;font-size:1.3rem}.takeaways p{color:#504c44;margin-top:1rem}.case-footer{min-height:27rem;padding:5rem var(--gutter);background:var(--yellow);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.case-footer p{font:italic 400 clamp(2rem, 5vw, 4.5rem)/1 var(--serif)}.case-footer a{background:var(--ink);color:#fff;border-radius:99px;margin-top:2rem;padding:.85rem 1.25rem;font-weight:600}.case-footer img{width:8rem;image-rendering:pixelated;position:absolute;bottom:-1.2rem;right:5%}.js [data-reveal]{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transform:translateY(2.2rem)}.js [data-reveal].is-visible{opacity:1;transform:none}@media (width<=1020px){.case-hero{padding-top:6.5rem}.case-hero__copy,.case-hero__meta{grid-column:1/span 10}.solution-map{grid-template-columns:none;grid-auto-columns:minmax(15rem,32vw);grid-auto-flow:column;width:max-content;min-width:0}}@media (width<=860px){:root{--rail:5.5rem}.case-rail{align-items:center;padding-inline:.75rem}.case-rail__identity{display:none}.case-rail nav{align-items:center;width:100%;margin-top:2rem}.case-rail nav:before{left:50%;transform:translate(-50%)}.case-rail nav a{justify-content:center;gap:0;width:100%}.case-rail nav a span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-rail nav i{width:11px;height:11px}}@media (width<=720px){:root{--section-space:6rem}.project-bar__context{display:none}.project-bar{grid-template-columns:1fr auto;padding:.35rem .5rem}.project-bar__brand span{display:none}.project-bar__brand{min-height:2rem;padding:.1rem .2rem}.project-bar__brand img{width:1.7rem;height:1.7rem}.project-bar__links{gap:.8rem}.project-bar__links>*{padding:.42rem 0;font-size:.78rem}.case-hero{padding-top:6rem}.case-hero h1{font-size:clamp(2.4rem,10vw,3rem)}.case-hero__lede{max-width:28rem}.case-hero__visual{margin-top:3.25rem}.case-section{padding-top:var(--section-space);padding-bottom:var(--section-space)}.section-heading{margin-bottom:3.5rem}.overview-note{grid-template-columns:1fr;gap:1rem}.overview-meta{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3rem}.problem-journey figcaption{grid-template-columns:1fr;gap:.65rem}.problem-story{grid-template-columns:1fr}.problem-story__visual{order:-1;position:static}.challenge-moment{padding:1rem}.mvp-constraint{margin-top:3.5rem;padding:2rem 0}.navigation-comparison{grid-template-columns:minmax(0,1fr) 3.5rem minmax(0,1fr);gap:.75rem}.navigation-comparison__decision svg{width:100%}.navigation-comparison__decision span{display:none}.constraint-conversation__avatar{width:3.1rem;height:3.1rem}.constraint-conversation__avatar--pm{background-size:13.1rem}.constraint-conversation__avatar--me{background-size:5.6rem}.design-opportunity{margin-top:4rem;padding:2rem 0}.design-opportunity__copy p{max-width:29ch;font-size:clamp(1.45rem,6vw,1.8rem)}.entry-diagram__sources{grid-template-columns:repeat(2,1fr)}.entry-diagram svg{display:none}.entry-diagram__result{margin-top:3rem}.entry-diagram__result i{margin:0 .25rem}.phases{grid-template-columns:1fr}.phases article div{min-height:10rem}.system-strip{flex-wrap:wrap}.impact-metrics,.reflection-list{grid-template-columns:1fr;row-gap:2.75rem}.solution-map{grid-template-columns:none;grid-auto-columns:minmax(16rem,72vw);grid-auto-flow:column;gap:2rem;width:max-content;min-width:0}.solution-map__stage{min-height:24rem}.solution-map__stage:not(:last-child):after{width:2rem}.solution-map__stage:not(:last-child):before{left:calc(100% + .65rem)}.solution-detail{margin-top:5rem}.takeaways{grid-template-columns:1fr}.takeaways article{max-width:26rem;margin:auto}.case-footer img{opacity:.75;width:6rem}}@media (width<=430px){:root{--rail:0rem;--gutter:1.25rem}main{margin-left:0}.case-rail{display:none}.project-bar{padding-left:.5rem;padding-right:.5rem}.case-hero{padding-top:5.75rem}.case-hero__copy,.case-hero__meta{grid-column:1/-1}.case-hero__logo{width:7rem;margin-bottom:1.5rem}.case-hero h1{font-size:clamp(2.25rem,10vw,2.75rem)}.case-hero__lede{font-size:1.15rem}.case-hero__meta p{min-width:0}.case-tags{max-width:18rem}.section-heading p{font-size:clamp(2rem,9vw,2.4rem)}.overview-meta{grid-template-columns:1fr 1fr;column-gap:1.25rem}.problem-tensions article{grid-template-columns:1fr;gap:.55rem}.navigation-comparison{grid-template-columns:1fr;gap:1.4rem}.navigation-comparison__decision{gap:.25rem}.navigation-comparison__decision svg{width:3.75rem;transform:rotate(90deg)}.navigation-comparison__decision span{display:block}.constraint-conversation{gap:1.25rem}.constraint-conversation__turn{gap:.6rem}.constraint-conversation__avatar{width:2.7rem;height:2.7rem}.constraint-conversation__avatar--pm{background-size:11.5rem}.constraint-conversation__avatar--me{background-size:4.9rem}.constraint-conversation__turn p{padding:.9rem 1rem 1rem;font-size:.9rem}.design-opportunity__frame{margin-top:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal],.js .impact-metric{opacity:1;transform:none}}