:root{--voice-black:#171016;--voice-violet:var(--color-voice-violet,#5f43a6);--voice-purple:var(--color-voice-purple,#7a5cff);--voice-wash:#f1efff;--case-accent:#d9d0ff;--case-accent-soft:#f1efff;--case-accent-ink:#5b3f98;--case-accent-muted:#6f628d;--violet:#6552a8;--voice-context-width:48rem}.case-hero{min-height:100svh;padding-top:calc(var(--bar-height) + clamp(1.5rem, 4vh, 3rem));background:var(--paper);color:var(--ink);grid-template-rows:auto auto auto;align-content:center;align-items:start;row-gap:0;padding-bottom:clamp(2rem,4vh,3.5rem)}.case-hero:before{display:none}.case-hero__copy{text-align:center;grid-area:1/1/auto/-1;width:min(100%,64rem);margin-inline:auto;padding-bottom:0}.case-hero__logo{margin-inline:auto;filter:none;opacity:1;width:clamp(5rem,7vw,6.5rem);margin-bottom:clamp(1.25rem,2vw,1.75rem)}.case-hero h1{white-space:nowrap;max-width:none;font-size:clamp(1.8rem,2.15vw,2.25rem);line-height:1.02}.case-hero__lede{max-width:24ch;color:var(--case-readable-muted,#57534b);margin:1rem auto 0;font-size:clamp(1rem,1.25vw,1.15rem)}.case-hero__meta{color:var(--ink);grid-area:2/1/auto/-1;justify-self:center;margin-top:1.25rem}.case-hero .case-tags{justify-content:center}.case-hero .case-tags li{color:var(--case-readable-muted,#57534b);background:0 0;border-color:#cfc9bf}.case-hero__visual.voice-demo{background:var(--paper);grid-area:3/1/auto/-1;justify-self:center;width:min(100%,64rem);margin-top:clamp(2.5rem,5vw,4rem)}.voice-demo__media{aspect-ratio:16/9}.voice-demo video{object-fit:contain;background:var(--paper);width:100%;height:100%;display:block}.case-section--overview{padding-bottom:var(--section-space)!important}.case-section--overview .section-heading{margin-bottom:0}.case-section--overview .overview-note{margin-top:clamp(1.75rem,3vw,2.5rem)}.context-visual{width:min(100%, var(--voice-context-width));margin-top:clamp(4rem,7vw,6rem)}.context-visual picture,.context-visual img{width:100%;display:block}.context-visual img{height:auto}.context-visual picture{border-radius:var(--media-radius);background:#e8ded6;overflow:hidden}.context-visual figcaption,.flow-overview figcaption{grid-template-columns:8rem minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding-top:1.2rem;display:grid}.context-visual figcaption span,.flow-overview figcaption span,.motion-intro>div>span,.timeout-study>header>span,.motion-study figcaption span,.timeout-comparison__heading>span{color:var(--case-readable-muted,#8b867d);font:400 .7rem/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}.context-visual figcaption p,.flow-overview figcaption p{max-width:67ch;color:var(--case-readable-muted,#57534b);font-size:1rem;line-height:1.5}.case-section--challenge{background:var(--paper)}.case-section--challenge .section-heading{margin-bottom:0}.challenge-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4.5rem);margin-top:clamp(2rem,4vw,3rem);display:grid}.challenge-principles article,.reflection-list article{min-width:0}.challenge-principles article{padding-top:.25rem}.challenge-principles__number{color:var(--voice-violet);font:600 clamp(2.5rem, 4vw, 4rem)/1 var(--font);letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;margin-bottom:1.35rem;display:block}.challenge-principles h3{color:var(--voice-violet);letter-spacing:-.015em;font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.3}.challenge-principles p{max-width:36ch;color:var(--case-readable-muted,#57534b);margin-top:.9rem;font-size:1rem;line-height:1.5}.flow-overview{margin-top:clamp(5rem,9vw,8rem)}.flow-overview picture{border-radius:var(--media-radius);background:#3e3e3e;padding:clamp(1rem,2.2vw,2rem);display:block;overflow:hidden}.flow-overview img{width:100%;height:auto;display:block}.case-section--scope,.case-section--problems,.case-section--design-challenge{background:var(--paper)}.case-section--scope .section-heading{grid-template-columns:8rem minmax(0,1fr);align-items:baseline;gap:clamp(1.5rem,4vw,4rem);display:grid}.case-section--scope .section-heading p{max-width:37ch;color:var(--case-readable-muted,#57534b);margin-top:0;font-size:clamp(1.55rem,2.2vw,1.95rem);line-height:1.35}.scope-stats{border-top:1px solid #cfc9bf;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4.5rem);display:grid}.scope-stat{min-width:0;padding-top:clamp(1.5rem,3vw,2.25rem)}.scope-stat strong{color:var(--case-heading-accent,var(--case-accent-ink));font:500 clamp(3.6rem, 6vw, 5.25rem)/.95 var(--font);letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;display:block}.scope-stat p{max-width:27ch;color:var(--case-readable-ink,#27251f);letter-spacing:-.015em;margin-top:1.25rem;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:600;line-height:1.35}.scope-stat p span{color:var(--case-readable-muted,#777168);margin-top:.45rem;font-size:.82em;font-weight:400;line-height:1.45;display:block}.js .scope-stat{opacity:0;transform:translateY(1.1rem)}.js .scope-stats.is-visible .scope-stat{opacity:1;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:none}.js .scope-stats.is-visible .scope-stat:nth-child(2){transition-delay:70ms}.js .scope-stats.is-visible .scope-stat:nth-child(3){transition-delay:.14s}.scope-evidence{width:min(100%, calc((100svh - var(--bar-height) - 8rem) * 1.393));margin-top:clamp(4rem,7vw,6.5rem)}.scope-evidence figcaption{justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1.15rem;display:flex}.scope-evidence figcaption span{color:var(--voice-violet);font:400 .7rem/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}.scope-evidence figcaption strong{color:var(--case-readable-ink,#27251f);font-size:.95rem;font-weight:600}.scope-evidence picture{border-radius:var(--media-radius);background:#3e3e3e;display:block;overflow:hidden}.scope-evidence img{width:100%;height:auto;max-height:calc(100svh - var(--bar-height) - 8rem);object-fit:contain;display:block}.case-section--problems{padding-top:0}.problem-list{border-top:1px solid #cfc9bf}.problem-list article{border-bottom:1px solid #ded9cf;grid-template-columns:5rem minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(1.5rem,3vw,2.5rem);display:grid}.problem-list span,.iteration-story__beat>span{color:var(--case-readable-muted,#8b867d);font:400 .7rem/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}.problem-list p{max-width:46ch;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:500;line-height:1.25}.case-section.case-section--design-challenge{padding-top:var(--section-space)}.case-section--design-challenge .section-heading p{max-width:31ch}.iteration-story{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,4vw,4.5rem);display:grid}.iteration-story__beat{border-top:1px solid #cfc9bf;min-width:0;padding-top:1.2rem}.iteration-story__beat--review{padding-inline:1.25rem;border-top:2px solid var(--voice-purple);background:#f5f1ff;border-radius:0 0 12px 12px;padding-bottom:1.5rem}.iteration-story__beat--review>span{color:var(--voice-purple)}.iteration-story__beat--review p{color:var(--case-readable-ink,#3f3950)}.iteration-story__beat p{max-width:40ch;color:var(--case-readable-muted,#57534b);margin-top:1rem;font-size:1rem;line-height:1.6}.scenario-summary{border-top:1px solid #cfc9bf;border-bottom:1px solid #ded9cf;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,7rem);padding-block:clamp(1.5rem,3vw,2.5rem);display:grid}.scenario-summary p{max-width:48ch;color:var(--case-readable-muted,#57534b);font-size:1rem;line-height:1.6}.scenario-demo{width:min(100%,60rem);margin-top:clamp(4.5rem,8vw,7rem)}.final-flow{margin-top:clamp(4.5rem,8vw,7rem)}.scenario-demo figcaption,.final-flow figcaption{padding-bottom:1.15rem}.scenario-demo figcaption strong,.final-flow figcaption strong{color:var(--case-readable-ink,#27251f);font-size:.95rem;font-weight:600}.scenario-demo video{aspect-ratio:16/9;object-fit:contain;border-radius:var(--media-radius);background:#100b10;width:100%;display:block}.final-flow picture{border-radius:var(--media-radius);background:#3e3e3e;padding:clamp(1rem,2.2vw,2rem);display:block;overflow:hidden}.final-flow img{width:100%;height:auto;display:block}.case-section--timeout .timeout-study{margin-top:0}.case-section--architecture{background:var(--paper);color:var(--ink);overflow:hidden}.case-section--architecture .section-heading--light h2{color:var(--case-readable-muted,#8b867d)}.case-section--architecture .section-heading--light p{color:var(--ink)}.flow-reel{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;gap:1rem;display:grid;overflow-x:auto}.flow-reel::-webkit-scrollbar{display:none}.flow-card{border-radius:var(--media-radius);scroll-snap-align:start;background:#444;border:1px solid #ded9cf;flex-direction:column;min-width:0;display:flex;overflow:hidden}.flow-card picture{aspect-ratio:16/9;background:#444;justify-content:center;align-items:center;min-height:0;padding:clamp(1.25rem,3vw,2.5rem);display:flex}.flow-card img{object-fit:contain;object-position:center;width:100%;height:auto;max-height:100%;display:block}.flow-card figcaption{background:var(--paper);border-top:1px solid #ded9cf;grid-template-columns:3rem 1fr;gap:1rem;padding:1rem 1.25rem 1.15rem;display:grid}.flow-card figcaption span{color:var(--case-readable-muted,#8b867d);font:400 .78rem/1.5 "Poppins", var(--font);font-variant-numeric:tabular-nums}.flow-card figcaption strong{font-size:.9rem;font-weight:500}.flow-pagination{justify-content:center;align-items:center;gap:.15rem;margin-top:1.15rem;display:flex}.flow-pagination button{cursor:pointer;width:2.75rem;height:2.75rem;transition:width .28s var(--ease);background:0 0;border:0;place-items:center;display:grid}.flow-pagination button:before{content:"";width:.65rem;height:.65rem;transition:width .28s var(--ease), background-color .28s ease;background:#d8d3ca;border-radius:99px}.flow-pagination button:hover:before{background:#aaa49a}.flow-pagination button.is-active{width:5rem}.flow-pagination button.is-active:before{background:var(--violet);width:4rem}.case-section--sound{color:#f7f3e9;background:#3c3c3c}.case-section--sound .section-heading--light h2{color:#b6b0a7}.case-section--sound .section-heading--light p{color:#fff}.case-section--sound .section-heading{grid-template-columns:minmax(9rem,.55fr) minmax(0,1.45fr);align-items:start;gap:clamp(2rem,5vw,6rem);display:grid}.case-section--sound .section-heading p{max-width:22ch;margin-top:0}.sound-system{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,2.5vw,2.75rem);display:grid}.sound-guidance h3,.sound-states h3{color:#fff;letter-spacing:-.025em;font-size:clamp(1.15rem,1.4vw,1.4rem);font-weight:500;line-height:1.15}.sound-guidance ol{counter-reset:sound-rule;margin-top:1rem;list-style:none}.sound-guidance li{counter-increment:sound-rule;border-top:1px solid #ffffff24;grid-template-columns:1.25rem minmax(0,1fr);gap:.5rem;padding:.72rem 0;display:grid}.sound-guidance li:before{content:counter(sound-rule);color:#b9a8ff;font:400 .7rem/1.5 var(--mono);padding-top:.1rem}.sound-guidance strong{color:#fff;font-size:.88rem;font-weight:650}.sound-guidance p{color:#c9c5be;margin-top:.18rem;font-size:.78rem;line-height:1.35}.sound-states{border-radius:var(--media-radius);background:#343434;border:1px solid #ffffff24;overflow:hidden}.sound-states header{padding:1.1rem 1.1rem 1.25rem}.sound-states header>span{color:#b6b0a7;font:400 .67rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem;display:block}.sound-states h3{font-size:1rem;line-height:1.35}.sound-states ul{list-style:none}.sound-state{border-top:1px solid #ffffff24;grid-template-columns:2.35rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:4.35rem;padding:.75rem 1.1rem;display:grid}.sound-state__icon{width:2.2rem;height:2.2rem;box-shadow:0 0 1.4rem color-mix(in srgb, currentColor 48%, transparent);background:#7550ff;border-radius:50%;place-items:center;display:grid}.sound-state__icon svg{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;width:1.2rem;height:1.2rem}.sound-state p{color:#f2efea;letter-spacing:.01em;text-transform:uppercase;font-size:.7rem;font-weight:600;line-height:1.35}.sound-state--activated{color:#7550ff}.sound-state--transfer{color:#d13eb3}.sound-state--success{color:#18ad2b}.sound-state--timeout{color:#4e2cff}.sound-state--error{color:#ef302c}.sound-state--transfer .sound-state__icon{background:#d13eb3}.sound-state--success .sound-state__icon{background:#18ad2b}.sound-state--timeout .sound-state__icon{background:#4e2cff}.sound-state--error .sound-state__icon{background:#ef302c}.case-section--motion{background:var(--paper)}.motion-intro{grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.motion-intro>div:first-child{border-radius:var(--media-radius);background:var(--voice-wash);padding:clamp(1.5rem,3vw,2.25rem)}.motion-intro>div>p{max-width:42ch;color:var(--case-readable-muted,#57534b);margin-top:.85rem;font-size:1rem;line-height:1.55}.motion-principles{counter-reset:motion-principle;gap:.85rem;display:grid}.motion-principles article{counter-increment:motion-principle;background:#f7f5ff;border-radius:12px;grid-template-columns:2.4rem minmax(0,1fr);gap:.25rem 1rem;padding:1.25rem 1.35rem 1.35rem;display:grid}.motion-principles article:before{content:counter(motion-principle);color:var(--voice-purple);font:400 1.8rem/1 var(--mono);grid-area:1/1/span 2}.motion-principles h3{color:var(--voice-violet);grid-column:2;font-size:1rem;line-height:1.35}.motion-principles p{color:var(--case-readable-muted,#57534b);grid-column:2;margin-top:.3rem;font-size:.95rem;line-height:1.5}.sketch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(4rem,7vw,6rem);display:grid}.sketch-grid figure{border-radius:var(--media-radius);background:#ece8df;overflow:hidden}.sketch-grid picture,.sketch-grid img{width:100%;height:100%;display:block}.sketch-grid img{object-fit:cover}.timeout-study{margin-top:clamp(6rem,10vw,9rem)}.timeout-study>header{border-radius:var(--media-radius);background:var(--voice-wash);grid-template-columns:8rem minmax(0,1fr);gap:.75rem clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,3vw,2.25rem);display:grid}.timeout-study>header>span{grid-row:1/span 2}.timeout-study h3{max-width:25ch;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.75rem,2.8vw,2.4rem);font-weight:500;line-height:1.25}.timeout-study>header p{max-width:58ch;color:var(--case-readable-muted,#57534b);margin-top:.5rem}.timeout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);margin-top:clamp(3rem,5vw,4.5rem);display:grid}.timeout-option{border-top:1px solid #cfc9bf;grid-template-rows:auto auto 1fr;gap:1.25rem;min-width:0;padding-top:1.15rem;display:grid}.timeout-option--selected{border-top-color:var(--voice-purple)}.timeout-option>header{min-height:8.4rem}.timeout-option>header span,.timeout-option__sketch figcaption{color:var(--case-readable-muted,#8b867d);font:400 .66rem/1.45 var(--mono);letter-spacing:.06em;text-transform:uppercase}.timeout-option--selected>header span{color:var(--voice-violet)}.timeout-option h4{color:var(--ink);letter-spacing:-.02em;margin-top:.55rem;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:600;line-height:1.25}.timeout-option>header p{color:var(--case-readable-muted,#57534b);margin-top:.45rem;font-size:.88rem;line-height:1.45}.timeout-option__sketch{aspect-ratio:4/3;border-radius:var(--media-radius);background:#ece8df;min-width:0;position:relative;overflow:hidden}.timeout-option__sketch picture,.timeout-option__sketch img{width:100%;height:100%;display:block}.timeout-option__sketch img{object-fit:cover}.timeout-option__sketch figcaption{background:#ffffffe6;border-radius:5px;padding:.4rem .5rem;position:absolute;bottom:.65rem;right:.7rem}.timeout-option__sketch--upper img{object-position:center 20%}.timeout-option__sketch--lower img{object-position:center 80%}.timeout-comparisons{margin-top:clamp(3rem,5vw,4.5rem)}.timeout-comparison{border-top:1px solid #ded9cf;padding-block:clamp(2.25rem,4vw,3.5rem)}.timeout-comparison:last-child{border-bottom:1px solid #ded9cf}.timeout-comparison__heading{grid-template-columns:7rem minmax(0,1fr) minmax(16rem,28rem);align-items:baseline;gap:.6rem clamp(1.5rem,3vw,3rem);margin-bottom:clamp(1.5rem,3vw,2.25rem);display:grid}.timeout-comparison__heading h4{color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:600;line-height:1.25}.timeout-comparison__heading p{color:var(--case-readable-muted,#57534b);font-size:.95rem;line-height:1.5}.timeout-comparison__map{grid-template-columns:minmax(0,1.15fr) clamp(2.5rem,5vw,4.5rem) minmax(0,1fr);align-items:center;display:grid}.timeout-comparison__sketch{border-radius:var(--media-radius);background:#ece8df;align-self:stretch;min-width:0;position:relative;overflow:hidden}.timeout-comparison__sketch picture,.timeout-comparison__sketch img{width:100%;height:100%;display:block}.timeout-comparison__sketch img{object-fit:contain}.timeout-comparison__sketch figcaption{color:var(--case-readable-muted,#4f4a42);font:400 .64rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#ffffffe0;border-radius:6px;padding:.45rem .6rem;position:absolute;bottom:.75rem;right:.85rem}.timeout-comparison__connector svg,.timeout-comparison__connectors svg{display:none}.timeout-comparison__connector,.timeout-comparison__connectors{color:var(--voice-purple)}.timeout-comparison__connector:before,.timeout-comparison__connectors:before,.timeout-comparison__connectors:after{content:"";transform-origin:100% 100%;border-bottom:1.5px solid;border-right:1.5px solid;width:calc(100% - .45rem);height:.55rem;display:block;transform:skew(45deg)}.timeout-comparison__connectors{flex-direction:column;justify-content:space-around;align-self:stretch;display:flex}.timeout-comparison__studies{gap:clamp(1rem,2vw,1.5rem);display:grid}.motion-study{border-radius:var(--media-radius);background:var(--paper);border:1px solid #ded9cf;flex-direction:column;display:flex;overflow:hidden}.motion-study video{aspect-ratio:16/9;object-fit:contain;background:#100b10;width:100%;display:block}.motion-study figcaption{background:var(--paper);flex:1;width:100%;min-height:5.25rem;padding:1rem 1.1rem 1.15rem}.motion-study figcaption p{color:var(--case-readable-ink,#27251f);margin-top:.35rem;font-size:.9rem}.motion-study--selected{border-color:var(--voice-purple);box-shadow:0 1rem 3rem -2rem #5b3f9880}.motion-study--selected figcaption span{color:var(--voice-violet)}.timeout-comparison__sketch--split img{object-fit:contain}.timeout-comparison__sketch--split:after{content:"";background:#5b3f987a;height:1px;position:absolute;top:50%;left:0;right:0}.timeout-comparison__region{z-index:1;color:var(--case-readable-muted,#4f4a42);font:400 .64rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#ffffffe6;border-radius:6px;align-items:center;gap:.55rem;padding:.5rem .65rem;display:flex;position:absolute;left:.85rem}.timeout-comparison__region b{color:var(--voice-violet);font-weight:700}.timeout-comparison__region--top{top:.85rem}.timeout-comparison__region--bottom{top:calc(50% + .85rem)}.case-section--reflection{padding-top:var(--section-space)!important}.reflection-list h3{color:var(--voice-violet)}.case-section--reflection .section-heading{margin-bottom:clamp(2rem,4vw,3rem)}.reflection-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0 clamp(2.5rem,6vw,6rem)}.reflection-list article{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;gap:0;padding-block:clamp(2rem,4vw,3.25rem)}.reflection-list article:before{display:none}.reflection-list h3{border-left:.25rem solid var(--case-accent);grid-area:1/1;align-self:start;max-width:24ch;margin:0;padding-left:1rem;font-size:clamp(1.25rem,1.8vw,1.55rem)}.reflection-list p{grid-area:2/1;max-width:56ch;margin-top:1rem;line-height:1.6}.related-work{padding:clamp(4rem, 7vw, 6rem) var(--gutter) clamp(3rem, 5vw, 4rem);color:var(--ink);background:var(--paper)}.related-work__header,.related-work__grid,.related-work__all{width:min(100%, var(--content));margin-inline:auto}.related-work__header h2{color:var(--case-readable-muted,#8b867d);font:400 .7rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}.related-work__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(2rem,4vw,3rem);display:grid}.related-card{min-width:0;color:var(--ink);background:0 0;gap:1rem;text-decoration:none;display:grid;position:relative}.related-card picture{aspect-ratio:2400/1355;border-radius:var(--media-radius);background:#eeeae4;display:block;overflow:hidden}.related-card img{object-fit:contain;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s;display:block;transform:scale(1.001)}.related-card__meta{justify-content:space-between;align-items:baseline;gap:1rem;padding-inline:.15rem;display:flex}.related-card__meta h3{max-width:22ch;color:var(--ink);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:500;line-height:1.2}.related-card__action{color:var(--case-readable-muted,#6f6a61);flex:none;align-items:center;gap:.45rem;padding-bottom:.3rem;font-size:.78rem;line-height:1;display:inline-flex;position:relative}.related-card__action:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .32s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.22)}.related-card__action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:.95rem;height:.95rem;transition:transform .32s cubic-bezier(.16,1,.3,1)}.related-card:hover img,.related-card:focus-visible img{transform:scale(1.018)}.related-card:hover .related-card__action:after,.related-card:focus-visible .related-card__action:after{transform-origin:0;transform:scaleX(1)}.related-card:hover .related-card__action svg,.related-card:focus-visible .related-card__action svg{transform:translate(.2rem)}.related-card:focus-visible{outline:2px solid var(--violet);outline-offset:.45rem;border-radius:var(--media-radius)}.related-work__all{color:var(--case-readable-muted,#57534b);text-align:right;text-underline-offset:.35em;margin:2rem auto 0;font-size:.9rem;text-decoration:underline;text-decoration-thickness:1px;display:block}@media (width<=860px){.case-hero{min-height:100svh;padding-top:calc(var(--bar-height) + 1.25rem);grid-template-rows:auto auto auto;align-content:center;gap:0}.case-hero__visual.voice-demo{grid-area:3/1/auto/-1;width:100%;margin:clamp(2rem,7vw,3rem) 0 0}.case-hero__copy{grid-area:1/1/auto/-1;padding-bottom:0}.case-hero__logo{width:clamp(4.5rem,14vw,6rem);margin-bottom:1rem}.case-hero h1{white-space:nowrap;max-width:none;font-size:clamp(1.65rem,6.7vw,2.25rem)}.case-hero__lede{max-width:32ch;margin-top:.75rem}.case-hero__meta{grid-area:2/1/auto/-1}.scope-stats,.challenge-principles{gap:1.5rem}.sound-system{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-states{grid-column:1/-1}.sound-states ul{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sound-state:nth-child(2){border-top:1px solid #ffffff24}.timeout-options{grid-template-columns:1fr}.timeout-option>header{min-height:0}}@media (width<=720px){.context-visual figcaption,.flow-overview figcaption,.timeout-study>header{grid-template-columns:1fr;gap:.65rem}.case-section--sound .section-heading{grid-template-columns:1fr;gap:1rem}.case-section--sound .section-heading p{margin-top:.35rem}.timeout-study>header>span{grid-row:auto}.challenge-principles,.scope-stats,.iteration-story,.scenario-summary,.reflection-list,.related-work__grid{grid-template-columns:1fr}.case-section--scope .section-heading{grid-template-columns:1fr;gap:.9rem}.case-section--scope .section-heading p{font-size:clamp(1.4rem,6vw,1.8rem)}.scope-stats{row-gap:2.75rem}.scope-stat strong{font-size:clamp(3.6rem,18vw,5.25rem)}.problem-list article{grid-template-columns:3rem minmax(0,1fr);gap:1rem}.motion-intro{grid-template-columns:1fr;gap:3rem}.sound-system,.sound-states ul{grid-template-columns:1fr}.sound-states{grid-column:auto}.sketch-grid{grid-template-columns:1fr}.timeout-option__sketch{aspect-ratio:auto}.timeout-option__sketch picture,.timeout-option__sketch img{height:auto}.timeout-option__sketch img{object-fit:contain}.flow-card picture{min-height:0}.related-card{gap:.8rem}.related-card__action{font-size:.72rem}}@media (width<=430px){.voice-demo__media{aspect-ratio:1}.voice-demo video{object-fit:cover}.challenge-principles{grid-template-columns:1fr}.problem-list article{grid-template-columns:1fr;gap:.65rem}.scope-evidence figcaption{flex-direction:column;align-items:flex-start}.flow-card picture{min-height:0;padding:.75rem}.motion-principles article{grid-template-columns:1fr;gap:.45rem}}@media (prefers-reduced-motion:reduce){.related-card img,.related-card__action:after,.related-card__action svg{transition-duration:.12s}.related-card:hover img,.related-card:focus-visible img{transform:none}}