.case-page{--case-ink:#252421;--case-muted:#706e69;--case-paper:#fff;--case-line:#e3e1dc;--case-x:clamp(28px, 7vw, 128px);--case-rail:clamp(130px, 12vw, 190px);background:var(--case-paper);color:var(--case-ink);font-family:var(--font-en-text);-webkit-font-smoothing:antialiased}.case-page *,.case-page :before,.case-page :after{box-sizing:border-box}.case-page :is(h1,h2,p,figure,dl,dd){margin:0}.case-page a{color:inherit;text-decoration:none}.case-page a:focus-visible,.case-page video:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px}.case-page :is(h1,h2){text-wrap:balance;font-weight:400}.case-page p{text-wrap:pretty}.case-page .case-skip{z-index:110;background:var(--case-ink);color:#fff;padding:12px 18px;position:fixed;top:16px;left:20px;transform:translateY(-160%)}.case-page .case-skip:focus{transform:none}.case-mast{z-index:50;height:118px;padding:32px var(--case-x) 20px;pointer-events:none;background:linear-gradient(#fff 72%,#fff0);justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:0 0 auto}.case-mast a{pointer-events:auto}.case-mast__brand{font-family:var(--font-en-display);letter-spacing:-.035em;padding-block:7px;font-size:22px;line-height:1.25}.case-mast__nav{flex-direction:column;align-items:flex-end;display:flex}.case-mast__nav a{justify-content:flex-end;align-items:baseline;gap:10px;min-height:24px;font-size:12px;line-height:1.4;display:flex}.case-mast__nav span{font-family:var(--font-zh-text);letter-spacing:.1em;font-size:10px}.case-mast__nav a:hover,.case-footer a:hover,.case-next a:hover{color:var(--color-accent)}.case-opening{min-height:40svh;padding:170px var(--case-x) 54px;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex}.case-eyebrow{font-family:var(--font-en-text);letter-spacing:.06em;color:var(--case-muted);font-size:11px;font-weight:400;line-height:1.5}.case-opening h1{letter-spacing:-.035em;max-width:22ch;margin-top:14px;font-size:clamp(30px,3vw,48px);line-height:1.12}.case-opening__discipline{font-size:13px;line-height:1.5;margin-top:17px!important}.case-cover{background:var(--case-stage);width:100%;padding:clamp(32px, 5vw, 80px) var(--case-x)}.case-cover img,.case-cover video{width:100%;height:auto;margin-inline:auto;display:block}.case-cover img{object-fit:contain;max-height:82svh}.case-cover video{object-fit:contain;background:#1b1b19;max-height:78svh}.case-cover--film{background:#eeefeb}.case-shell{grid-template-columns:var(--case-rail) minmax(0, 1fr);margin:0 var(--case-x);gap:0;padding-top:clamp(64px,7vw,100px);display:grid}.case-outline{align-self:start;padding-right:36px;position:sticky;top:150px}.case-outline nav{flex-direction:column;align-items:flex-start;display:flex}.case-outline a{min-height:36px;color:var(--case-muted);align-items:center;font-size:14px;line-height:1.3;transition:color .18s;display:flex;position:relative}.case-outline a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.case-outline a.is-active{color:var(--color-accent)}.case-outline a.is-active:after,.case-outline a:hover:after{transform:scaleX(1)}.case-story{min-width:0}.case-lead{max-width:51ch;font-size:clamp(21px,1.8vw,29px);line-height:1.5}.case-draft-note{color:var(--case-muted);font-size:16px;line-height:1.6;margin-top:16px!important}.case-overview__lower{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:50px;display:flex}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px;max-width:660px;display:grid}.case-page dt{color:var(--case-muted);margin-bottom:5px;font-size:11px;line-height:1.5}.case-page dd{font-size:15px;line-height:1.55}.case-text-link{border-bottom:1px solid var(--case-ink);white-space:nowrap;gap:44px;padding-block:12px;font-size:14px;display:flex}.case-chapter__text{display:block}.case-chapter__text>.case-eyebrow{margin-bottom:12px}.case-chapter h2{letter-spacing:-.025em;margin-bottom:24px;font-size:clamp(25px,2.15vw,35px);line-height:1.2}.case-chapter__text div>p{max-width:63ch;font-size:17px;line-height:1.75}.case-chapter--outcome{padding-top:24px}.case-end{padding:clamp(110px, 12vw, 190px) var(--case-x) 32px}.case-next{justify-content:space-between;align-items:baseline;gap:32px;margin-bottom:48px;display:flex}.case-next a{padding-block:12px;font-size:15px;line-height:1.5}.case-footer{border-top:1px solid var(--case-line);justify-content:space-between;align-items:center;gap:24px;padding-top:24px;font-size:12px;display:flex}.case-footer a{padding-block:12px}.case-footer p{color:var(--case-muted)}@media (min-width:1800px){.case-shell,.case-end{max-width:1680px;margin-inline:auto}}@media (max-width:1100px){.case-page{--case-rail:160px}.case-overview__lower{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.case-page{--case-x:24px}.case-page :is(section[id],article[id]){scroll-margin-top:156px}.case-mast{height:95px;padding:16px var(--case-x);background:#fff;align-items:center}.case-mast__brand{font-size:21px}.case-mast__nav{flex-direction:row;gap:15px}.case-mast__nav a{align-items:center;min-height:44px;font-size:12px}.case-mast__nav span{display:none}.case-opening{min-height:370px;padding-top:140px;padding-bottom:42px}.case-opening h1{max-width:18ch;font-size:36px}.case-opening__discipline{max-width:34ch;font-size:12px}.case-cover{padding:24px var(--case-x)}.case-cover img,.case-cover video{max-height:none}.case-shell{padding-top:0;display:block}.case-outline{z-index:30;margin-inline:calc(-1 * var(--case-x));padding:8px var(--case-x);background:#fff;top:95px}.case-outline nav{flex-direction:row;gap:28px}.case-outline a{min-height:44px;font-size:14px}.case-story{padding-top:50px}.case-lead{font-size:23px;line-height:1.5}.case-meta{column-gap:24px}.case-page dd{font-size:16px}.case-design{margin-top:88px}.case-chapter h2{margin-bottom:22px;font-size:29px}.case-chapter__text div>p{font-size:16px;line-height:1.7}.case-end{padding-top:90px}.case-next{flex-direction:column;gap:4px;margin-bottom:28px}.case-footer{flex-wrap:wrap;align-items:flex-start;gap:8px 20px;padding-top:24px}.case-footer p{padding-block:12px}}@media (prefers-reduced-motion:reduce){.case-page *,.case-page :before,.case-page :after{transition:none!important}}.case-page :is(button,input,summary,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.case-page button{font:inherit;color:inherit;cursor:pointer}.case-page button:disabled{opacity:.3;cursor:default}.case-details{margin-top:14px;font-size:14px}.case-details summary{cursor:pointer;width:fit-content;min-height:44px;color:var(--case-muted);padding-block:12px}.case-details[open] summary{color:var(--case-ink)}.case-details p{max-width:63ch;padding:4px 0 24px;font-size:16px;line-height:1.75}.case-media-block+.case-media-block{margin-top:52px}.case-media-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:18px;padding:0 0 14px;display:flex}.case-media-heading h3{margin:0;font-size:14px;font-weight:400;line-height:1.5}.case-media-heading>span{color:var(--case-muted);text-align:right;font-size:11px}.case-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;display:grid}.case-media-grid--single{grid-template-columns:minmax(0,1fr)}.case-media-card{min-width:0}.case-media-card--full,.case-media-card--wide{grid-column:1/-1}.case-media-frame{width:100%;aspect-ratio:var(--media-ratio);border:1px solid var(--case-line);background:#fafaf8;padding:0;display:block;position:relative;overflow:hidden}.case-media-frame :is(img,video){object-fit:contain;width:100%;height:100%;display:block}.case-media-frame video{pointer-events:none}.case-media-slot{text-align:center;color:#73756d;background:linear-gradient(135deg,#f2f3ef,#e9ebe5);border:0;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;min-height:160px;padding:24px;display:flex}.case-media-slot__mark{color:#95998c;margin-bottom:10px;font-size:25px;font-weight:300}.case-media-slot>span:not(.case-media-slot__mark){font-size:clamp(14px,1.3vw,19px)}.case-media-slot small{color:#73756d;font-size:11px}.case-media-card figcaption{padding-top:12px;font-size:12px;line-height:1.6}.case-media-card figcaption p,.case-media-caption{color:var(--case-muted);max-width:70ch}.case-media-card figcaption p{margin-top:4px}.case-media-caption{font-size:13px;line-height:1.65;margin-top:18px!important}.case-carousel__viewport{min-width:0}.case-media-controls{justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.case-media-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.case-media-count>span{color:var(--case-muted)}.case-media-arrows{align-items:center;gap:8px;margin-left:auto;display:flex}.case-media-arrows button{border:1px solid var(--case-line);background:#fff;width:44px;height:44px;font-size:20px}.case-media-arrows button:hover:not(:disabled){background:#f2f3ef}.case-media-tabs__list{gap:28px;margin:0 -4px 28px;padding:4px;display:flex;overflow-x:auto}.case-media-tabs__list button{min-height:44px;color:var(--case-ink);background:0 0;border:0;flex-shrink:0;padding:10px 0;font-size:14px;transition:color .18s;position:relative}.case-media-tabs__list button:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .18s;position:absolute;inset:auto 0 2px;transform:scaleX(0)}.case-media-tabs__list button[aria-selected=true]{color:var(--color-accent)}.case-media-tabs__list button[aria-selected=true]:after,.case-media-tabs__list button:hover:after{transform:scaleX(1)}.case-media-tabs__list button:hover:not([aria-selected=true]){color:var(--color-accent)}.case-comparison__stage{aspect-ratio:var(--media-ratio);background:0 0;position:relative;overflow:hidden}.case-comparison__layer{position:absolute;inset:0}.case-comparison__layer img{object-fit:contain;width:100%;height:100%}.case-comparison__layer--before{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);background:0 0}.case-comparison__divider{inset:0 auto 0 var(--compare-position);pointer-events:none;background:#fff;width:2px;position:absolute;box-shadow:0 0 4px #0005}.case-comparison__handle{top:50%;left:clamp(23px, var(--compare-position), calc(100% - 23px));width:44px;height:44px;color:var(--case-ink);border:1px solid var(--case-line);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0002}.case-comparison__handle:hover,.case-comparison__handle:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.case-comparison__handle span{pointer-events:none;font-size:22px}.case-comparison__stage img{-webkit-user-select:none;user-select:none;pointer-events:none}.case-comparison__header{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:16px;margin-bottom:12px;font-size:13px;display:grid}.case-comparison__header>span:last-child{text-align:right}.case-comparison__hint{color:var(--case-muted);text-align:center;font-size:11px}.case-comparison__labels{justify-content:space-between;gap:20px;margin-top:12px;font-size:12px;display:flex}.case-comparison__labels>div{flex:1;min-width:0}.case-comparison__labels p{color:var(--case-muted);max-width:50ch;line-height:1.6}@media (max-width:760px){.case-outline nav{scrollbar-width:none;gap:24px;overflow-x:auto}.case-outline a{flex-shrink:0}.case-media-heading{gap:12px}.case-media-heading>span{max-width:110px}.case-media-grid{grid-template-columns:minmax(0,1fr);gap:24px}.case-media-block+.case-media-block{margin-top:36px}.case-media-controls{gap:8px}.case-media-tabs__list{gap:24px}}.case-page :is(section[id],article[id]){scroll-margin-top:120px}.case-outline{top:120px}.case-opening{min-height:0;padding-top:132px;padding-bottom:32px}.case-cover{padding-block:24px}.case-cover :is(img,video){max-height:min(52svh,460px)}.case-shell{padding-top:56px}.case-lead{font-size:clamp(20px,1.6vw,25px);line-height:1.45}.case-overview__lower{margin-top:28px}.case-meta{gap:18px 32px}.case-design,.case-chapter+.case-chapter{margin-top:64px}.case-chapter h2{margin-bottom:12px;font-size:clamp(24px,2.1vw,32px)}.case-chapter__text div>p{font-size:16px;line-height:1.5}.case-details{margin-top:4px}.case-details summary{min-height:36px;padding-block:8px}.case-media-block{margin-top:16px}.case-media-frame,.case-comparison__stage{max-height:none}.case-media-slot{min-height:0;padding:16px}.case-carousel .case-media-frame{height:auto;aspect-ratio:var(--media-ratio)}.case-media-description{max-width:75ch;min-height:52px}.case-media-description>span,.case-media-description p{font-size:13px}.case-media-controls{padding-top:0}@media (max-width:760px){.case-page :is(section[id],article[id]){scroll-margin-top:136px}.case-mast{height:72px;padding-block:12px}.case-outline{padding-block:4px;top:72px}.case-opening{padding-top:110px;padding-bottom:24px}.case-opening h1{font-size:32px}.case-shell{padding-top:0}.case-story{padding-top:32px}.case-lead{font-size:20px}.case-meta{gap:14px 20px}.case-page dd{font-size:14px}.case-design,.case-chapter+.case-chapter{margin-top:48px}.case-chapter h2{font-size:25px}.case-chapter__text div>p{font-size:15px}.case-media-block{margin-top:16px}.case-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-media-grid--single{grid-template-columns:minmax(0,1fr)}.case-media-description{min-height:78px}.case-media-tabs__list button{min-height:40px;font-size:12px}}.case-page{--case-media-height:clamp(260px, 46svh, 460px)}.case-page[data-study=project-one]{--case-media-height:clamp(320px, 60svh, 640px);--case-content-max:1120px}.case-page[data-study=project-one] .case-story{min-width:0;max-width:var(--case-content-max)}.case-page[data-study=project-one] :is(.case-chapter__text,.case-media-block,.case-overview,.case-opening h1,.case-opening p){max-width:min(100%, var(--case-content-max))}.case-page[data-study=project-one] :is(.case-chapter h2,.case-lead,.case-media-card figcaption p,.case-media-caption,.case-comparison__labels p){max-width:min(100%, var(--case-content-max));overflow-wrap:break-word}.case-page[data-study=project-one] :is(.case-media-frame,.case-media-card,.case-comparison,.case-cover>video,.case-cover>img){max-width:min(100%, var(--case-content-max))}.case-media-card{width:min(100%, calc(var(--case-media-height) * var(--media-aspect,1.333)));justify-self:center}.case-page figure.case-media-card{margin-inline:auto}.case-media-frame{aspect-ratio:var(--media-ratio)}.case-carousel .case-media-card{width:100%}.case-carousel .case-media-frame{width:min(100%, calc(var(--case-media-height) * var(--media-aspect,1.333)));height:auto;aspect-ratio:var(--media-ratio);margin-inline:auto}.case-carousel .case-media-description{min-height:76px;width:min(100%, max(32rem, calc(var(--case-media-height) * var(--media-aspect,1.333))));max-width:none;margin-inline:auto}.case-media-transition{margin:-5px;padding:5px;overflow:clip}.case-comparison{width:min(100%, calc(var(--case-media-height) * var(--media-aspect,1.333)));margin-inline:auto}.case-comparison__stage{width:100%}.case-media-grid{align-items:start}.case-chapter{padding-top:20px}.case-chapter+.case-chapter{margin-top:clamp(64px,7vw,96px)}.case-chapter>.case-media-block{margin-top:28px}.case-media-block+.case-media-block{margin-top:56px;padding-top:24px}.case-outline a{font-size:13px}@media (max-width:760px){.case-page{--case-media-height:clamp(240px, 44svh, 380px)}.case-page[data-study=project-one]{--case-media-height:clamp(280px, 52svh, 480px)}.case-media-grid{grid-template-columns:minmax(0,1fr);gap:24px}.case-media-card{width:min(100%, calc(var(--case-media-height) * var(--media-aspect,1.333)))}.case-chapter+.case-chapter{margin-top:56px}.case-chapter{padding-top:22px}.case-outline a{font-size:13px}}.case-media-heading h3{color:var(--case-muted);font-size:12px}.case-media-heading{margin-bottom:10px;padding-bottom:0}.case-cover--film{padding-block:28px}.case-cover video{pointer-events:none;background:0 0;width:min(100%,124.444svh,1138px);max-width:100%;max-height:none}@media (max-width:540px){.case-media-tabs__list{margin-bottom:24px}.case-comparison__header{grid-template-columns:1fr 1fr;gap:10px 16px}.case-comparison__hint{text-align:left;grid-area:1/1/auto/-1}.case-comparison__labels{gap:16px}}.case-sequence__steps{grid-template-columns:repeat(var(--screen-count), minmax(0, 1fr));gap:20px;display:grid}.case-sequence__steps button{text-align:left;align-items:baseline;gap:10px;display:flex}.case-sequence__steps button>span{color:var(--case-muted);font-variant-numeric:tabular-nums;font-size:10px}.case-sequence__screens{grid-template-columns:repeat(var(--screen-count), minmax(0, 1fr));background:#f2f3ed;align-items:start;gap:clamp(16px,2vw,32px);padding:24px;display:grid}.case-sequence__screen{background:0 0;border:0;padding:0;transition:transform .2s;display:block;position:relative}.case-sequence__screen img{aspect-ratio:402/874;object-fit:contain;object-position:top;width:100%;height:auto;display:block;box-shadow:0 5px 16px #27382112}.case-sequence__screen:hover{transform:translateY(-5px)}.case-sequence__description{justify-content:space-between;align-items:flex-start;gap:24px;min-height:72px;margin-top:18px;display:flex}.case-sequence__description p{max-width:65ch;color:var(--case-muted);font-size:14px;line-height:1.6}.case-sequence__description button{white-space:nowrap;background:0 0;border:0;align-items:center;gap:16px;min-height:44px;padding:0;font-size:12px;display:flex}.case-sequence__description button:hover{color:var(--color-accent)}.case-cover--collection{padding-block:48px;overflow:hidden}.case-cover-collection{grid-template-columns:.85fr 2fr;align-items:center;gap:56px;max-width:1260px;margin:auto;display:grid}.case-cover-collection__intro{color:#fffdf3}.case-cover-collection__intro>span{font-size:13px;display:block}.case-cover-collection__intro>p{font-family:var(--font-en-display);letter-spacing:-.045em;margin:24px 0 28px;font-size:clamp(50px,6vw,90px);line-height:.99}.case-cover-collection__intro em{color:#d8e5bd;font-weight:400}.case-cover-collection__screens{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(12px,2vw,28px);padding-block:24px;display:grid}.case-cover-collection__screens img{object-fit:contain;width:100%;height:auto;max-height:470px;box-shadow:0 12px 28px #20331d40}.case-cover-collection__screens img:first-child{transform:translateY(22px)rotate(-5deg)}.case-cover-collection__screens img:nth-child(2){transform:translateY(-22px)}.case-cover-collection__screens img:nth-child(3){transform:translateY(22px)rotate(5deg)}.case-page[data-study=project-two] .case-cover{background:#506e4e}.case-page[data-study=project-two] .case-lead{max-width:49ch}@media (max-width:1000px){.case-cover-collection{grid-template-columns:.7fr 2fr;gap:32px}.case-sequence__screens{gap:14px;padding:18px}.case-sequence__steps{gap:12px}.case-sequence__steps button{gap:6px;font-size:12px}}@media (max-width:760px){.case-cover--collection{padding:32px 24px 42px}.case-cover-collection{grid-template-columns:1fr;gap:24px}.case-cover-collection__intro>p{margin:14px 0 16px;font-size:48px}.case-cover-collection__intro br{display:none}.case-cover-collection__intro>p{word-spacing:.06em}.case-cover-collection__screens{gap:14px;padding-block:16px;padding-inline:6px}.case-cover-collection__screens img:first-child,.case-cover-collection__screens img:nth-child(3){transform:translateY(10px)}.case-cover-collection__screens img:nth-child(2){transform:translateY(-10px)}.case-sequence__steps{gap:24px;display:flex}.case-sequence__steps button{min-height:44px;font-size:13px}.case-sequence__screens{grid-template-columns:minmax(0,1fr);padding:24px;display:grid}.case-sequence__screen{width:100%;max-width:235px;margin-inline:auto;display:none}.case-sequence__screen.is-selected{display:block}.case-sequence__screen.is-selected img{max-height:48svh}.case-sequence__description{flex-direction:column;gap:4px;min-height:124px}}.case-sequence__screen img{width:auto;max-width:100%;height:clamp(240px,40svh,390px);margin-inline:auto}.case-comparison__caption-label{display:none}@media (max-width:760px){.case-sequence__screen img{width:auto;height:min(48svh,450px)}}@keyframes case-screen-reveal{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.case-sequence__screen.is-selected img{animation:.22s ease-out case-screen-reveal}@media (max-width:760px){.case-sequence__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;display:grid;overflow:visible}.case-sequence__screen img{height:min(40svh,380px)}}@media (prefers-reduced-motion:reduce){.case-sequence__screen.is-selected img{animation:none}}
.case-page{--case-ink:#251e1b;--case-muted:#5c574c;--case-paper:#fcfcfa;--case-line:#deddd5;--case-surface:#f3f4f0;--case-x:clamp(24px, 6vw, 110px)}.case-page .case-mast{background:linear-gradient(var(--case-paper) 70%, transparent);height:100px}.case-page .case-mast__brand{text-transform:uppercase;letter-spacing:.04em;font-size:15px}.case-page .case-mast__nav{flex-direction:row;gap:28px}.case-page .case-mast__nav a{flex-direction:row;align-items:center;gap:8px;min-height:36px;font-size:13px}.case-page .case-mast__nav span{writing-mode:horizontal-tb;letter-spacing:.08em;font-size:11px;display:inline}.case-page .case-opening{padding-top:150px;padding-bottom:45px}.case-page .case-opening h1{letter-spacing:-.035em;max-width:19ch;font-size:clamp(36px,4vw,60px);line-height:1.1}.case-page .case-opening .case-eyebrow{color:var(--color-accent);letter-spacing:.06em;font-size:11px}.case-page .case-opening__discipline{color:var(--case-muted);font-size:13px}.case-page .case-cover--film{background:var(--case-surface)}.case-page .case-shell{padding-top:72px}.case-page .case-outline{border:0;padding-left:0;padding-right:24px}.case-page .case-outline a{font-size:13px}.case-page .case-outline a:after{display:none}.case-page .case-outline a.is-active:before{content:"";background:var(--color-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:calc(50% - 2.5px);left:-14px}.case-page .case-overview__lower{border:0;margin-top:32px;padding-top:0}.case-page .case-meta dt{color:var(--case-muted)}.case-page .case-chapter{border:0;padding-top:0}.case-page .case-chapter+.case-chapter{margin-top:clamp(72px,8vw,112px)}.case-page .case-chapter__text{display:block}.case-page .case-chapter__text>.case-eyebrow{color:var(--color-accent);letter-spacing:.09em;margin-bottom:12px;font-size:11px}.case-page .case-chapter h2{max-width:30ch;margin-bottom:18px;font-size:clamp(26px,2.5vw,36px);line-height:1.2}.case-page .case-chapter .case-writing p,.case-page .case-overview .case-writing p{max-width:64ch;color:var(--case-ink);font-size:17px;line-height:1.7}.case-page .case-details{margin-top:8px}.case-page .case-details summary{width:fit-content;min-height:44px;color:var(--color-accent);cursor:pointer;align-items:center;gap:16px;padding:10px 0;font-size:13px;list-style:none;display:flex}.case-page .case-details summary::-webkit-details-marker{display:none}.case-page .case-details__open{display:none}.case-page .case-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-page .case-details[open] .case-details__closed{display:none}.case-page .case-details[open] .case-details__open{display:inline}.case-page .case-details__plus{width:11px;height:11px;position:relative}.case-page .case-details__plus:before,.case-page .case-details__plus:after{content:"";background:currentColor;position:absolute}.case-page .case-details__plus:before{width:11px;height:1px;top:5px}.case-page .case-details__plus:after{width:1px;height:11px;transition:transform .2s;left:5px}.case-page .case-details[open] .case-details__plus:after{transform:rotate(90deg)}.case-page .case-details__body{margin:12px 0 8px}.case-page .case-writing .case-details__body p{padding:0}.case-page .case-details__body p+p,.case-page .case-writing__summary+.case-writing__summary{margin-top:18px}.case-page .case-chapter>.case-media-block{margin-top:28px}.case-page .case-footer,.case-page .case-text-link,.case-page .case-media-frame{border:0}.case-page .case-media-arrows button{border-color:var(--case-line);background:0 0;border-radius:50%}.case-page .case-media-count{color:var(--color-accent)}.case-page .case-showcase{grid-template-columns:minmax(190px,.28fr) minmax(0,.72fr);align-items:center;gap:clamp(24px,3vw,44px);display:grid}.case-page .case-showcase__tabs{flex-direction:column;gap:10px;display:flex}.case-page .case-showcase__tabs button{border:1px solid var(--case-line);text-align:left;background:0 0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;min-height:44px;padding:14px 16px;transition:background .18s,border-color .18s;display:flex}.case-page .case-showcase__label{color:var(--case-ink);font-size:16px;line-height:1.3}.case-page .case-showcase__note{color:var(--case-muted);font-size:13px;line-height:1.5}.case-page .case-showcase__tabs button:hover{border-color:var(--color-accent)}.case-page .case-showcase__tabs button[aria-selected=true]{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);background:color-mix(in srgb, var(--color-accent) 5%, var(--case-paper))}.case-page .case-showcase__tabs button[aria-selected=true] .case-showcase__label{color:var(--color-accent)}.case-page .case-showcase__panel,.case-page .case-showcase__stage{min-width:0}.case-page .case-showcase .case-media-card{width:min(100%,640px);max-width:100%}.case-page .case-showcase .case-media-frame{background:0 0;border:0;width:100%;max-height:none}.case-page .case-media-step{text-align:center;min-height:1.5em;color:var(--case-ink);margin:16px 0 0;font-size:14px;line-height:1.5;animation:.3s ease-out both case-media-step-in}@keyframes case-media-step-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.case-page .case-media-step{animation:none}}.case-page .case-showcase--portrait{grid-template-columns:minmax(190px,245px) minmax(0,1fr);max-width:780px}.case-page .case-showcase--portrait .case-media-card{width:min(100%,190px)}.case-page .case-device{--device-radius:26px;isolation:isolate;border-radius:var(--device-radius);background:linear-gradient(115deg,#303134,#141517 45%,#292a2c);border:2px solid #85868a;width:100%;height:auto;padding:12px 5px 8px;position:relative;box-shadow:0 0 0 1px #d5d5d7,inset 0 0 0 1px #08090a,0 5px 12px #251e1b16}.case-page .case-device__screen{width:100%;height:auto;aspect-ratio:var(--media-ratio,402 / 874);border-radius:calc(var(--device-radius) - 7px);background:#fff;position:relative;overflow:hidden;box-shadow:0 0 0 1px #090a0b}.case-page .case-device__screen :is(img,video){object-fit:contain;width:100%;height:100%}.case-page .case-device__camera{z-index:2;background:radial-gradient(circle at 40% 40%,#365366 0,#151d26 45%,#060709 65%);border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:calc(50% + 15px);box-shadow:0 0 0 1px #37393b}.case-page .case-device__speaker{z-index:1;background:#070809;border-radius:2px;width:20px;height:2px;position:absolute;top:5px;left:calc(50% - 13px);box-shadow:0 1px #414244}.case-page .case-device:before,.case-page .case-device__buttons:before,.case-page .case-device__buttons:after{content:"";background:linear-gradient(90deg,#7f8083,#d1d1d3,#535457);border-radius:2px;position:absolute}.case-page .case-device:before{width:2px;height:30px;top:77px;right:-4px}.case-page .case-device__buttons:before{width:2px;height:13px;top:47px;left:-4px}.case-page .case-device__buttons:after{width:2px;height:31px;top:72px;left:-4px}.case-page .case-device--tablet{--device-radius:25px;padding:9px}.case-page .case-device--tablet .case-device__screen{border-radius:14px}.case-page .case-device--tablet .case-device__camera{width:3px;height:3px;top:3px;left:calc(50% - 2px)}.case-page .case-device--tablet .case-device__speaker,.case-page .case-device--tablet:before,.case-page .case-device--tablet .case-device__buttons{display:none}.case-page .case-device--display{--device-radius:14px;padding:8px}.case-page .case-device--display :is(.case-device__camera,.case-device__speaker,.case-device__buttons),.case-page .case-device--display:before{display:none}.case-page .case-media-card--device .case-media-frame{aspect-ratio:auto;height:auto}.case-page .case-comparison .case-device{box-shadow:none}.case-page .case-comparison .case-device,.case-page .case-comparison .case-device__screen{height:100%}.case-page .case-media-card--device .case-media-frame{background:0 0;overflow:visible}.case-page[data-study]{--case-media-height:clamp(240px, 44svh, 380px)}.case-page[data-study] .case-media-card.case-media-card--device{width:min(100%, 680px, calc(380px * var(--media-aspect)))}.case-page[data-study] .case-showcase--portrait .case-media-card{width:min(100%,190px)}.case-page .case-cover-collection__screens{justify-self:center;max-width:640px}.case-page .case-cover-device{max-width:185px}.case-page .case-cover-collection__screens img{max-height:none;box-shadow:none;transform:none}.case-page .case-cover-device:first-child{transform:translateY(14px)rotate(-4deg)}.case-page .case-cover-device:nth-child(2){transform:translateY(-14px)}.case-page .case-cover-device:nth-child(3){transform:translateY(14px)rotate(4deg)}.case-page .case-carousel__viewport{grid-template-columns:minmax(0,1fr);display:grid}.case-page .case-carousel__slide,.case-page .case-carousel__sizer{grid-area:1/1;min-width:0}.case-page .case-carousel__sizer{visibility:hidden;pointer-events:none}.case-page .case-carousel__footer{justify-content:center;margin-top:18px;display:flex}.case-page .case-carousel .case-media-controls{background:0 0;border:0;align-items:center;gap:18px;padding:0;display:flex}.case-page .case-media-controls>button{border:1px solid var(--case-line);width:44px;height:44px;color:var(--case-ink);cursor:pointer;background:0 0;border-radius:3px;place-items:center;padding:0;transition:background .18s,border-color .18s,color .18s;display:grid}.case-page .case-media-controls>button:hover:not(:disabled){border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 5%, var(--case-paper));color:var(--color-accent)}.case-page .case-media-controls>button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.case-page .case-media-controls>button:disabled{opacity:.3;cursor:default}.case-page .case-media-controls .case-media-count{text-align:center;font-variant-numeric:tabular-nums;min-width:50px;font-size:12px}.case-page .case-media-count>span:not(.case-visually-hidden){margin-left:5px}.case-page .case-carousel .case-media-description{min-height:0}@media (max-width:760px){.case-page .case-mast{background:var(--case-paper);height:76px;padding-block:15px}.case-page .case-mast__brand{font-size:13px}.case-page .case-mast__nav a{min-height:44px}.case-page .case-opening{padding-top:126px;padding-bottom:36px}.case-page .case-opening h1{font-size:clamp(34px,7vw,46px)}.case-page .case-shell{padding-top:0}.case-page .case-outline{padding:6px var(--case-x);background:var(--case-paper);border:0;top:76px}.case-page .case-story{padding-top:40px}.case-page .case-chapter .case-writing p,.case-page .case-overview .case-writing p{font-size:16px}.case-page .case-chapter+.case-chapter{margin-top:72px}.case-page .case-showcase,.case-page .case-showcase--portrait{grid-template-columns:1fr;gap:24px}.case-page .case-showcase__tabs{gap:8px}.case-page .case-showcase__tabs button{padding:11px 14px}.case-page .case-showcase__label{font-size:15px}.case-page .case-showcase__tabs button:not([aria-selected=true]) .case-showcase__note{display:none}.case-page .case-outline a{padding-left:10px}.case-page .case-outline a.is-active:before{left:0}.case-page .case-mast__nav{gap:16px}.case-page .case-mast__nav a{gap:5px;font-size:12px}.case-page .case-mast__nav span{font-size:10px}.case-page .case-carousel__footer{margin-top:16px}.case-page .case-cover-device{transform:none!important}.case-page .case-device--tablet{--device-radius:18px;padding:7px}.case-page .case-device--tablet .case-device__screen{border-radius:9px}}@media (prefers-reduced-motion:reduce){.case-page .case-showcase__tabs button,.case-page .case-media-controls>button,.case-page .case-details__plus:after{transition:none}}.case-page .case-phones{--phone-gap:clamp(18px, 2.6vw, 40px);grid-template-columns:repeat(var(--phone-count,4), minmax(0, 1fr));gap:40px var(--phone-gap);max-width:calc(var(--phone-count,4) * 236px + (var(--phone-count,4) - 1) * var(--phone-gap));align-items:start;margin:0 auto;padding:0;list-style:none;display:grid}.case-page .case-phones__step{min-width:0}.case-page .case-phones__device .case-device{box-shadow:0 0 0 1px #d5d5d7,inset 0 0 0 1px #08090a,0 8px 18px #251e1b14}.case-page .case-phones__label{color:var(--case-ink);align-items:baseline;gap:9px;margin-top:18px;font-size:15px;line-height:1.35;display:flex}.case-page .case-phones__label span{letter-spacing:.08em;color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:10px}.case-page .case-phones__caption{color:var(--case-muted);margin-top:6px;font-size:13px;line-height:1.55}.case-page .case-personas{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.case-page .case-persona{border:1px solid var(--case-line);background:var(--case-paper);border-radius:6px;flex-direction:column;min-width:0;padding:24px 20px 22px;display:flex}.case-page .case-persona__photo{object-fit:cover;border-radius:50%;width:88px;height:88px}.case-page .case-persona__name{color:var(--case-ink);margin-top:16px;font-size:17px;line-height:1.3}.case-page .case-persona__meta{color:var(--case-muted);margin-top:3px;font-size:12px;line-height:1.5}.case-page .case-persona__quote{color:var(--case-ink);margin:14px 0 18px;font-size:14px;font-style:italic;line-height:1.55}.case-page .case-persona__row{border-top:1px solid var(--case-line);color:var(--case-muted);margin-top:14px;padding-top:12px;font-size:13px;line-height:1.55}.case-page .case-persona__row--need{margin-top:auto}.case-page .case-persona__row span{letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px;font-size:10px;display:block}.case-page .case-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0 2px 2px 0;list-style:none;display:grid}.case-page .case-point{background:#fffefa;border:1px solid #322c26;border-radius:3px;padding:18px 18px 20px;box-shadow:2px 2px #322c26}.case-page .case-point__label{color:var(--case-ink);font-size:16px;line-height:1.35}.case-page .case-point__text{color:var(--case-muted);margin-top:8px;font-size:14px;line-height:1.6}.case-page .case-findings{border-top:1px solid var(--case-line);margin:0;padding:0;list-style:none}.case-page .case-finding{border-bottom:1px solid var(--case-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:20px 0;display:grid}.case-page .case-finding__tag{letter-spacing:.09em;text-transform:uppercase;color:var(--case-muted);margin-bottom:6px;font-size:10px;display:block}.case-page .case-finding__change .case-finding__tag{color:var(--color-accent)}.case-page .case-finding p{max-width:46ch;color:var(--case-ink);margin:0;font-size:15px;line-height:1.6}.case-page .case-finding--next .case-finding__change p{color:var(--case-muted)}@media (max-width:1200px){.case-page .case-personas,.case-page .case-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.case-page .case-phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.case-page .case-phones__label{font-size:14px}.case-page .case-phones__caption{font-size:12px}.case-page .case-finding{grid-template-columns:minmax(0,1fr);gap:14px}}@media (max-width:600px){.case-page .case-personas{margin-inline:calc(-1 * var(--case-x));padding:0 var(--case-x) 6px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--case-x);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;gap:12px;overflow-x:auto}.case-page .case-personas::-webkit-scrollbar{display:none}.case-page .case-persona{scroll-snap-align:start}.case-page .case-points{grid-template-columns:minmax(0,1fr)}}
.case-page .case-chapter__text>.case-eyebrow{align-items:center;gap:20px;display:flex}.case-page .case-chapter__text>.case-eyebrow:after{content:"";background:var(--case-line);flex:1;height:1px}.case-page[data-study] .case-chapter h2.case-section-heading{max-width:30ch;display:block}.case-section-heading:after,.case-page .case-media-heading:after{content:none}.case-page .case-diagram{--diagram-accent:var(--color-accent);margin-top:34px}.case-diagram__toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.case-diagram__steps{flex-wrap:wrap;gap:20px;display:flex}.case-diagram__steps button{min-height:44px;color:var(--case-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:12px 0;font-size:14px;display:flex;position:relative;overflow:hidden}.case-diagram__steps button>span:first-child{font-variant-numeric:tabular-nums;opacity:.65;font-size:10px}.case-diagram__steps button[aria-pressed=true]{color:var(--color-accent)}.case-diagram__steps button[aria-pressed=true]:after{content:"";background:color-mix(in srgb, var(--color-accent) 25%, #faf9f6);height:1px;position:absolute;bottom:0;left:0;right:0}.case-diagram__step-progress{z-index:1;background:var(--color-accent);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.case-diagram__steps button[aria-pressed=true] .case-diagram__step-progress{animation:linear both diagram-progress}.case-diagram__play{border:1px solid var(--case-line);min-width:78px;min-height:40px;color:var(--case-ink);font:inherit;cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.case-diagram__play span{font-family:system-ui,sans-serif;font-size:15px}.case-diagram button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.case-diagram button:hover{color:var(--color-accent)}.case-diagram__canvas{background:#faf9f6;border-radius:4px;padding:14px 6px;position:relative}.case-diagram__visibility{pointer-events:none;height:min(100%,400px);position:absolute;top:0;left:0;right:0}.case-diagram__map{width:100%;height:auto;max-height:660px;font-family:Arial,sans-serif;display:block;overflow:visible}.case-diagram__group-label{letter-spacing:.6px;fill:#645c51;font-size:13px}.case-diagram__group-sub{fill:#827b71;font-size:12px}.case-diagram__panel{fill:#f1f0ec;stroke:#e2dfd7;transition:fill .4s ease-in-out,stroke .4s ease-in-out}.case-diagram__panel.is-tinted{fill:color-mix(in srgb, var(--color-accent) 6%, #f1f0ec);stroke:color-mix(in srgb, var(--color-accent) 28%, #f1f0ec)}.case-diagram__phases text{fill:#4a433b;font-size:13px}.case-diagram__phases path{fill:none;stroke:#6f685e;stroke-width:1px}.case-diagram__node-face{fill:#fffefa;stroke:#322c26;stroke-width:1px}.case-diagram__node-shadow{fill:#322c26}.case-diagram__node :is(.case-diagram__node-face,.case-diagram__node-shadow),.case-diagram__node text{transition:fill .4s ease-in-out,stroke .4s ease-in-out}.case-diagram__node.is-confirm .case-diagram__node-face{fill:#eef2ea;stroke:#4f6b49}.case-diagram__node.is-confirm .case-diagram__node-shadow{fill:#4f6b49}.case-diagram__node.is-caution .case-diagram__node-face{fill:#fbf1e4;stroke:#a8743a}.case-diagram__node.is-caution .case-diagram__node-shadow{fill:#a8743a}.case-diagram__node.is-emphasized .case-diagram__node-face{fill:color-mix(in srgb, var(--color-accent) 4%, #fffefa);stroke:var(--color-accent)}.case-diagram__node.is-emphasized .case-diagram__node-shadow,.case-diagram__node.is-emphasized .case-diagram__node-label{fill:var(--color-accent)}.case-diagram__node-label{fill:#322c26;font-size:13px;font-weight:500}.case-diagram__node-sub{fill:#7a7368;font-size:11px}.case-diagram__layout-label{letter-spacing:.4px;fill:#645c51;font-size:10px}.case-diagram__note{pointer-events:none;transition:opacity .4s ease-in-out}.case-diagram__note rect{fill:#ecebe7;filter:drop-shadow(0 2px 3px #322c2624)}.case-diagram__note text{fill:#4a433b;font-size:10px}.case-diagram__edges,.case-diagram__edge,.case-diagram__edge-label{transition:opacity .4s ease-in-out}.case-diagram__edge-label rect{fill:#faf9f6}.case-diagram__edge-label text{fill:var(--color-accent);font-size:10px}.case-diagram__mobile{display:none}@keyframes diagram-progress{to{transform:scaleX(1)}}@media (max-width:760px){.case-diagram__toolbar{align-items:flex-start;gap:12px}.case-diagram__steps{gap:4px 16px}.case-diagram__steps button{font-size:13px}}@media (max-width:600px){.case-diagram__map{display:none}.case-diagram__mobile{gap:12px;padding:6px;display:grid}.case-diagram__mobile section{background:#f1f0ec;border:1px solid #e5e2da;border-radius:4px;padding:16px 12px}.case-diagram__mobile h4{letter-spacing:.04em;margin:0 0 12px;font-family:Arial,sans-serif;font-size:11px;font-weight:400}.case-diagram__mobile section>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.case-diagram__mobile-node{color:#322c26;text-align:left;background:#fffefa;border:1px solid #d4cfc4;border-radius:3px;padding:12px 8px;font-family:Arial,sans-serif;font-size:12px;line-height:1.35;transition:border-color .4s ease-in-out,background .4s ease-in-out,opacity .4s ease-in-out}.case-diagram__mobile-node small{color:#7a7368;margin-top:6px;font-size:10px;display:block}.case-diagram__mobile-node.is-emphasized{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 4%, #fffefa)}.case-diagram__mobile-node.is-muted{opacity:.42}.case-diagram__canvas{padding:4px 6px}}@media (prefers-reduced-motion:reduce){.case-diagram__step-progress{display:none}.case-diagram__edges,.case-diagram__edge,.case-diagram__edge-label,.case-diagram__mobile-node,.case-diagram__note,.case-diagram__panel,.case-diagram__node :is(rect,text){transition:none}}