body.showcase-mode{background:#101010;color:#f3f3ef;--page:#101010;--ink:#f3f3ef;--body:#b6b6b0;--line:#343434}
.showcase-mode .site-header{max-width:none;min-height:82px;padding:18px 26px;border-bottom:1px solid #292929}.showcase-mode .brand{font-size:30px}.showcase-mode .brand span{font-size:13px}.showcase-mode .site-header .navigation{font-size:14px}.showcase-mode .header-new{font-size:14px}.showcase-mode .site-footer{display:none}.showcase-mode #main{max-width:none;padding:0 8px 8px;margin:0}.showcase-mode button:focus-visible,.showcase-mode a:focus-visible{outline-color:#abceff}.showcase-mode .storage-notice{margin:16px}
.case-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:8px;max-width:2200px;margin:auto}.case-rail{position:sticky;top:0;height:100dvh;max-height:1000px;padding:26px 18px 28px;display:flex;flex-direction:column;align-self:start}.case-back{font-size:14px;color:#c7c7c1}.case-project{margin-top:68px}.case-rail .project-bar{display:block;border:0;padding:0}.case-rail .project-bar label{display:block;font-size:11px;letter-spacing:.08em;color:#888}.case-rail .project-bar select{color:#fff;font-size:21px;max-width:100%;width:100%;padding:10px 0;background:transparent;border:0;white-space:normal}.case-rail .project-bar option{background:#161616}.case-rail .project-bar>span{display:none}.case-rail-label{font-size:11px;line-height:1.5;letter-spacing:.07em;color:#969692;margin-top:22px}.case-rail-description{font-size:16px;line-height:1.65;margin-top:26px;color:#d4d4cc}.case-index{display:grid;gap:3px;margin-top:48px}.case-index button{text-align:left;display:flex;gap:16px;padding:12px 0;font-size:14px;color:#aaa}.case-index button:hover{color:white}.case-index span{font-size:11px;color:#696969;align-self:center}.case-rail-bottom{margin-top:auto;display:grid;gap:16px;padding-top:32px;font-size:13px}.case-rail-bottom>span{font-size:10px;color:#737373;letter-spacing:.06em}.case-motion-toggle{color:#e3e3df;border:1px solid #4a4a4a;border-radius:30px;padding:10px 12px;text-align:left;font-size:13px}.case-rail-bottom>a{color:#aaa}
.case-content{min-width:0;padding-top:8px}.case-intro{background:#ededE8;color:#151515;padding:34px 36px 38px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-radius:8px 8px 0 0}.case-kicker{font-size:11px;letter-spacing:.08em}.case-intro h1{font-size:clamp(46px,5.3vw,88px);line-height:1;letter-spacing:-.065em;font-weight:400;margin-top:30px}.case-intro>p{font-size:clamp(19px,1.5vw,26px);letter-spacing:-.05em;line-height:1.4;padding-bottom:2px}.case-film{margin:0;min-width:0;background:#f3f3f1;color:#181818;overflow:hidden;border-radius:6px}.case-screen{position:relative;aspect-ratio:var(--film-ratio,1);overflow:hidden;background:#fff}.case-film video{width:100%;height:100%;object-fit:contain;display:block}.case-film figcaption{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;font-size:14px;line-height:1.4}.case-film figcaption>span:last-child{color:#72726c;text-align:right;font-size:13px}.case-play{position:absolute;right:16px;bottom:16px;background:#101010d9;color:white;width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:13px;z-index:1}.case-play:hover{background:#000}.case-hero{border-radius:0 0 8px 8px}.case-hero>.case-screen{aspect-ratio:16/9}.case-hero>img{width:100%;max-height:760px;object-fit:cover}.case-hero figcaption{background:#ededE8}.case-text-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.case-text-pair>section{padding:40px 32px 52px;background:#1c1c1c;border-radius:6px;min-height:245px}.case-text-pair h2{font-size:14px;font-weight:400;color:#8f8f88;letter-spacing:0;margin-bottom:22px}.case-text-pair p{font-size:clamp(18px,1.5vw,25px);line-height:1.5;letter-spacing:-.04em}.case-wide{margin-top:8px}.case-chapter{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:54px 28px 26px;scroll-margin-top:20px;outline:none}.case-chapter>span{font-size:13px;color:#94948c;padding-top:5px}.case-chapter p{font-size:clamp(20px,1.8vw,30px);line-height:1.4;letter-spacing:-.05em}.case-duet{display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-duet .case-screen{aspect-ratio:1}.case-identity-pair{grid-template-columns:1fr 1fr}.case-identity-pair .case-screen{aspect-ratio:1}.case-portrait video{height:100%;width:100%;background:#fff}.case-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-category-grid .case-screen{aspect-ratio:1}.case-category-lead{grid-column:1/-1}.case-category-lead .case-screen{aspect-ratio:16/9;background:#fff}.case-category-lead video{object-fit:contain}.case-map .case-screen{aspect-ratio:1.25}.case-colophon{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:62px 32px 72px;margin-top:8px;background:#202020;border-radius:6px}.case-colophon>div>span{font-size:11px;letter-spacing:.08em;color:#92928c}.case-colophon h2{font-size:34px;font-weight:400;line-height:1.35;margin-top:25px}.case-colophon p{font-size:16px;line-height:1.8;color:#bababa;margin-bottom:18px}.case-colophon>div>div{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:14px}.showcase-mode .project-dialog,.showcase-mode dialog{--ink:#1b1b18;--page:#efeee9;--body:#55554e;--line:#c6c5be;color:#1b1b18}
@media(min-width:1800px){.case-shell{grid-template-columns:280px minmax(0,1fr)}.case-rail{padding:36px 28px}.case-project{margin-top:88px}}
@media(max-width:1000px){.case-shell{grid-template-columns:180px minmax(0,1fr)}.case-rail{padding:24px 10px}.case-rail-description{font-size:14px}.case-index button{font-size:12px;gap:10px}.case-intro{padding:28px 24px;display:block}.case-intro>p{margin-top:22px}.case-intro h1{font-size:58px}.case-text-pair>section{padding:28px 22px;min-height:0}.case-text-pair p br{display:none}.case-chapter{padding:38px 20px 20px;grid-template-columns:1fr}.case-chapter p{font-size:23px}.case-film figcaption{display:block;padding:12px 15px}.case-film figcaption>span{display:block}.case-film figcaption>span:last-child{text-align:left;margin-top:5px}.case-colophon{padding:35px 24px;gap:30px}.case-colophon h2{font-size:26px}}
@media(max-width:700px){.showcase-mode .site-header{padding:16px 18px 0;min-height:100px}.showcase-mode .site-header .navigation{font-size:12px;gap:16px;overflow:auto}.showcase-mode .header-new{font-size:12px;top:14px;right:18px}.showcase-mode .brand{font-size:28px}.showcase-mode #main{padding:0 6px 6px}.case-shell{display:block}.case-rail{position:relative;height:auto;padding:18px 12px;display:grid;grid-template-columns:1fr auto;gap:16px;max-height:none}.case-back{grid-column:2;grid-row:1;font-size:13px}.case-project{margin:0;grid-column:1;grid-row:1}.case-rail .project-bar label{font-size:9px}.case-rail .project-bar select{font-size:18px;padding:2px 0}.case-rail-label,.case-rail-description{display:none}.case-index{grid-column:1/-1;display:flex;overflow:auto;gap:20px;margin:0}.case-index button{white-space:nowrap;font-size:12px;padding:3px 0}.case-index span{display:none}.case-rail-bottom{grid-column:1/-1;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center}.case-rail-bottom>span{display:none}.case-motion-toggle{font-size:12px;padding:6px 12px}.case-rail-bottom>a{font-size:12px}.case-content{padding:0}.case-intro{padding:26px 20px}.case-intro h1{font-size:50px;margin-top:20px}.case-intro>p{font-size:21px}.case-text-pair{grid-template-columns:1fr}.case-text-pair>section{padding:26px 20px}.case-text-pair h2{margin-bottom:14px}.case-text-pair p{font-size:19px}.case-chapter{padding:34px 16px 20px;gap:12px}.case-chapter p{font-size:23px}.case-duet,.case-category-grid{grid-template-columns:1fr}.case-category-lead{grid-column:auto}.case-category-lead .case-screen{aspect-ratio:1}.case-map .case-screen{aspect-ratio:1}.case-film figcaption{font-size:14px}.case-film figcaption>span:last-child{font-size:13px}.case-play{right:12px;bottom:12px;width:36px;height:36px}.case-colophon{grid-template-columns:1fr;padding:34px 20px;gap:24px}.case-colophon h2{font-size:29px;margin-top:20px}.case-colophon p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-film *{transition:none!important}}

.showcase-mode .navigation a{color:#aaa}.showcase-mode .navigation a[aria-current],.showcase-mode .navigation a:hover{color:#fff}.showcase-mode .navigation a[aria-current]:after{background:#fff}

.case-statement{padding:54px 32px}.case-statement p{font-size:clamp(24px,2.5vw,40px);line-height:1.4;letter-spacing:-.04em}.case-chapter{grid-template-columns:1fr;padding-top:48px;padding-bottom:20px}.case-colophon{padding-top:36px;padding-bottom:36px}.case-colophon p{font-size:13px}.case-hero{border-radius:0 0 8px 8px}@media(max-width:700px){.case-statement{padding:34px 20px}.case-statement p{font-size:25px}}

.case-anchor{height:8px;scroll-margin-top:8px;outline:none}

/* Full-width films alternate with asymmetric studies and comparative grids. */
.case-identity-pair{grid-template-columns:1fr 2fr;margin-top:0}.case-identity-pair .case-screen{aspect-ratio:auto;height:100%;min-height:340px}.case-identity-pair .case-portrait .case-screen{aspect-ratio:9/16}.case-identity-pair .case-portrait video{object-fit:contain}.case-bloom-gallery .case-screen{aspect-ratio:16/10;background:#fff}.case-bloom-pair{margin-top:8px;grid-template-columns:1fr 1fr}.case-bloom-pair .case-screen{aspect-ratio:1}.case-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.case-category-grid>.case-film{grid-column:span 2}.case-category-grid>.case-film:nth-child(n+4){grid-column:span 3}.case-product-mosaic{display:grid;grid-template-columns:2fr 1fr;gap:8px}.case-product-mosaic .case-map .case-screen{height:100%;aspect-ratio:auto;min-height:450px}.case-map video{object-fit:cover;object-position:center}.case-product-stack{display:grid;gap:8px}.case-product-stack .case-screen{aspect-ratio:1}.case-play{opacity:0;transition:opacity .2s}.case-film:hover .case-play,.case-film:focus-within .case-play{opacity:1}@media(hover:none){.case-play{opacity:1}}@media(max-width:700px){.case-identity-pair{grid-template-columns:1fr 1fr}.case-identity-pair .case-screen{min-height:0;aspect-ratio:9/16}.case-category-grid{grid-template-columns:1fr 1fr}.case-category-grid>.case-film{grid-column:auto}.case-category-grid>.case-film:nth-child(n+4){grid-column:auto}.case-category-grid>.case-film:last-child{grid-column:1/-1}.case-category-grid>.case-film:last-child .case-screen{aspect-ratio:16/10}.case-product-mosaic{grid-template-columns:1fr}.case-product-mosaic .case-map .case-screen{aspect-ratio:1;min-height:0}.case-product-stack{grid-template-columns:1fr 1fr}.case-bloom-gallery .case-screen{aspect-ratio:1}.case-bloom-pair{grid-template-columns:1fr}}

.case-top-anchor{height:0;outline:none}.case-hero{border-radius:6px}

.case-brand-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:76px 36px 84px}.case-brand-story p:first-child{font-size:clamp(25px,2.5vw,40px);line-height:1.4;letter-spacing:-.045em}.case-brand-story p:last-child{font-size:clamp(16px,1.35vw,21px);line-height:1.75;color:#b7b7b1}.case-bridge{padding:88px 36px 48px;scroll-margin-top:20px;outline:none}.case-bridge p{max-width:620px;margin-left:auto;font-size:clamp(20px,1.9vw,29px);line-height:1.6;letter-spacing:-.035em;color:#d5d5cf}.case-brand-story+.case-wide{margin-top:0}@media(max-width:700px){.case-brand-story{grid-template-columns:1fr;gap:24px;padding:44px 20px 52px}.case-brand-story p:first-child{font-size:27px}.case-brand-story p:last-child{font-size:16px}.case-bridge{padding:56px 20px 30px}.case-bridge p{font-size:21px}}

.case-symbol-stage{background:#fff;border-radius:6px;display:grid;place-items:center}.case-symbol{width:min(100%,720px)}.case-symbol .case-screen{aspect-ratio:1}

.case-symbol-pair .case-screen{aspect-ratio:1}.case-symbol-photo img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:700px){.case-symbol-pair{grid-template-columns:1fr}}

/* Enlarged upper-left home-screen corner, with the motion in its app icon. */
.case-phone-mockup .case-screen{background:radial-gradient(ellipse at 38% 42%,#ffebccbf 0%,#ffebcc00 66%),radial-gradient(ellipse at 74% 25%,#e3ebffdd 0%,#e3ebff00 62%),radial-gradient(ellipse at 40% 88%,#f0e3f0e6 0%,#f0e3f000 70%),linear-gradient(135deg,#fbf9f6,#f3eef5);isolation:isolate;container-type:inline-size}
.case-phone-device{position:absolute;left:12cqw;top:10cqw;width:116cqw;height:252cqw;padding:1cqw;border:.3cqw solid #565658;border-radius:24cqw;background:linear-gradient(120deg,#171719,#626269 8%,#1b1b1e 22%,#090909 75%,#74747b);box-shadow:-.6cqw 0 0 #3c3c40,.3cqw 0 .4cqw #0007,1cqw 2cqw 3cqw #0002;overflow:hidden}
.case-phone-display{height:100%;position:relative;border:.8cqw solid #080808;border-radius:22cqw;overflow:hidden;background:#050505;color:white}
.case-phone-clock{position:absolute;left:18cqw;top:8cqw;font-size:6cqw;font-weight:600;letter-spacing:-.04em;line-height:1}
.case-home-apps{position:absolute;left:10cqw;top:30cqw;display:grid;grid-template-columns:repeat(3,20cqw);column-gap:9cqw;row-gap:6cqw}
.case-home-app{width:20cqw;display:flex;flex-direction:column;align-items:center;gap:2cqw;min-width:0}.case-home-app>span{font-size:3.7cqw;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;color:#fff}
.case-phone-motion,.case-home-icon{width:20cqw;aspect-ratio:1;border-radius:24%;overflow:hidden;position:relative;flex:none}
.case-phone-motion{background:#fff;display:grid;place-items:center}.case-phone-motion video{width:100%;height:100%;object-fit:contain}
.case-home-icon{background:linear-gradient(#fff 65%,#e9e9e9);box-shadow:inset 0 0 .2cqw .15cqw #fff8}
.case-icon-calendar{display:flex;align-items:center;flex-direction:column;padding-top:2cqw;color:#111}.case-icon-calendar small{font-size:4.2cqw;color:#ff363c;line-height:1.1}.case-icon-calendar strong{font-size:12cqw;font-weight:300;line-height:1.05}
.case-photo-flower{position:absolute;inset:2cqw}.case-photo-flower i{position:absolute;left:6cqw;top:0;width:4cqw;height:8cqw;border-radius:70%;transform-origin:50% 8cqw;transform:rotate(calc(var(--petal)*45deg));background:hsla(calc(var(--petal)*45),90%,56%,.72)}
.case-icon-mail{background:linear-gradient(#57ceeb,#0067ff)}.case-icon-mail svg{width:100%;height:100%}
.case-icon-notes{padding:7cqw 2.4cqw 0;background:linear-gradient(#ffdc29 0 26%,#fff 26% 100%)}.case-icon-notes i{display:block;border-bottom:.35cqw solid #c3c3c3;height:3.8cqw}
.case-icon-reminders{padding:2.7cqw 2.2cqw}.case-icon-reminders i{display:block;height:4.9cqw;border-bottom:.3cqw solid #c6c6c6;margin-left:4cqw;position:relative}.case-icon-reminders i:before{content:'';position:absolute;left:-4cqw;top:1cqw;width:2.8cqw;height:2.8cqw;border-radius:50%;background:#2999ff}.case-icon-reminders i:nth-child(2):before{background:#ff494a}.case-icon-reminders i:nth-child(3):before{background:#ffad1c}

.case-sculpture .case-screen{display:grid;place-items:center;background:#f3f3f3;isolation:isolate;container-type:inline-size}.case-filter-defs{position:absolute;pointer-events:none}.case-sculpture-tile{position:relative;width:60%;aspect-ratio:1;border-radius:25%;background:linear-gradient(155deg,#fff 4%,#fdfdfd 45%,#ececec 100%);box-shadow:0 3cqw 4cqw -2.5cqw #0000001c,0 1.7cqw 1.6cqw -.4cqw #fff,inset 0 .2cqw .5cqw #fff,inset -.3cqw -.4cqw 1.5cqw #ffffffdd;transform:none}.case-sculpture-symbol{position:absolute;inset:-5%;display:grid;place-items:center}.case-sculpture-symbol video{width:100%;height:100%;object-fit:contain;filter:url(#taste-relief)}.case-color-study .case-screen{aspect-ratio:1;background:#fff}

/* Sauce symbol alongside two stacked identity films. */
.case-logo-mosaic{display:grid;grid-template-columns:calc(52.941176% - .470588px) minmax(0,1fr);gap:8px;align-items:stretch}
.case-sauce-symbol .case-screen{aspect-ratio:1}
.case-sauce-symbol video{object-fit:cover;object-position:center}
.case-logo-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;min-width:0;height:0;min-height:100%}
.case-logo-stack .case-screen{height:100%;aspect-ratio:auto}
@media(max-width:700px){.case-logo-mosaic{grid-template-columns:1fr}.case-logo-stack{grid-template-rows:auto auto;height:auto;min-height:0}.case-logo-stack .case-screen{height:auto;aspect-ratio:16/9}}

.case-logo-grid-zoom video{transform:scale(1.5);transform-origin:center}
.case-food-transition-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}

.case-app-preview{margin-top:88px;scroll-margin-top:120px;outline:none}.case-app-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.case-app-motion-row{margin-top:8px}
@media(max-width:1439.98px){.case-app-preview{scroll-margin-top:80px}}
@media(max-width:700px){.case-app-preview{margin-top:56px}}