@import url('/lab/framer-replica/fonts/noto-sans-sc.css?v=latin-weight-fix-20261003');
@import url('/lab/framer-replica/design-system.css?v=20261003');
.icon-flower-guide{position:fixed;left:0;top:0;width:180px;height:180px;z-index:1000;pointer-events:none;will-change:transform;opacity:0;transition:opacity .5s ease}
.icon-flower-guide.is-ready{opacity:1}
.icon-flower-guide.is-transitioning{opacity:0;visibility:hidden;transition:none}
.icon-page-transition{position:fixed;inset:-2px;transform:translateZ(0);backface-visibility:hidden;z-index:2147483000;overflow:hidden;display:grid;place-items:center;perspective:800px;pointer-events:auto;touch-action:none;isolation:isolate}
.icon-page-transition[hidden]{display:none}
.icon-page-transition-mask{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;will-change:clip-path,opacity}
.icon-flower-reveal{position:absolute;inset:0;display:block;width:100%;height:100%;fill:#00020d;pointer-events:none}
.icon-page-transition-pet{position:relative;z-index:1;transform:scale(0);will-change:transform;pointer-events:none}
.icon-page-transition-avatar{position:relative;width:160px;height:160px;pointer-events:none}
.icon-page-transition-avatar>canvas{position:absolute;left:0;top:0}
.icon-page-transition-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.icon-page-transition-pet{will-change:auto}}
.icon-flower-avatar{position:absolute;inset:0;pointer-events:auto;z-index:1;cursor:pointer;transform-origin:50% 50%;will-change:transform}
.icon-flower-caption{position:absolute;left:0;top:0;z-index:2;pointer-events:none;user-select:none;will-change:transform}
/* Original frosted glass, with soft rim highlights and readable dark tint. */
.icon-flower-bubble{box-sizing:border-box;position:relative;isolation:isolate;margin:0;padding:12px 20px;min-height:48px;border:0;border-radius:28px;background:linear-gradient(150deg,#ffffff26,#ffffff08 45%,#d5e2ff18),rgba(16,20,27,.58);color:#f7f7f7;backdrop-filter:blur(18px) saturate(175%) contrast(1.06);-webkit-backdrop-filter:blur(18px) saturate(175%) contrast(1.06);box-shadow:inset 0 1px 1px #ffffff8c,inset 1px 0 1px #ffffff26,inset -1px 0 1px #c2d3ef30,inset 0 -1px 1px #ffffff3d,0 8px 26px #00000029,0 1px 3px #0000001f;text-shadow:0 1px 3px #0006;font-family:"GT Flexa Extended Regular","GT Flexa Extended Regular Placeholder",sans-serif;font-size:16px;font-weight:400;line-height:1.4;white-space:pre-line;text-align:center;width:max-content;-webkit-font-smoothing:antialiased;opacity:0;visibility:hidden;max-width:min(420px,calc(100vw - 24px))}
.icon-flower-bubble::before,.icon-flower-bubble::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}
.icon-flower-bubble::before{border:1px solid #ffffff26;background:linear-gradient(165deg,#ffffff12,transparent 45%,#cbdfff0a)}
.icon-flower-bubble::after{inset:1px;box-shadow:inset 0 1px 0 #ffffff33,inset 0 -1px 1px #c8e4ff24}
.icon-flower-bubble>span{display:block;position:relative;z-index:1}
.icon-flower-speech-accessible{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Reveal letters independently: ligatures can hide a neighbouring glyph while its opacity animates. */
.icon-flower-speech-visual{display:block;overflow-wrap:break-word;font-variant-ligatures:none}
.icon-flower-guide.is-conversation .icon-flower-bubble{background:linear-gradient(150deg,#ffffff29,#ffffff08 45%,#d5e2ff18),rgba(16,20,27,.65)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.icon-flower-bubble,.icon-flower-guide.is-conversation .icon-flower-bubble{background:#222831f5}}
@media(prefers-reduced-transparency:reduce){.icon-flower-bubble,.icon-flower-guide.is-conversation .icon-flower-bubble{background:#222831f5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.icon-flower-bubble,.icon-flower-guide.is-conversation .icon-flower-bubble{background:#10141f;outline:1px solid #fff9}}
.icon-flower-avatar [role=button]:focus-visible{outline:2px solid #eaff00;outline-offset:5px;border-radius:50%}
@media(max-width:767px){.icon-flower-guide{width:116px;height:116px}.icon-flower-bubble{padding:11px 20px;min-height:44px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.icon-flower-guide,.icon-flower-avatar,.icon-flower-caption{will-change:auto}.icon-flower-guide,.icon-flower-bubble{transition:none}}

/* Clear edges and a legible, gently tinted Liquid Glass surface. */
.framer-qhkpd[data-icon-glass]{isolation:isolate;background:linear-gradient(150deg,#ffffff20,#ffffff08 45%,#d5e2ff14),rgba(16,20,27,.36)!important;backdrop-filter:blur(16px) saturate(175%) contrast(1.06)!important;-webkit-backdrop-filter:blur(16px) saturate(175%) contrast(1.06)!important;box-shadow:inset 0 1px 1px #ffffff8c,inset 1px 0 1px #ffffff26,inset -1px 0 1px #c2d3ef30,inset 0 -1px 1px #ffffff3d,0 8px 26px #00000029,0 1px 3px #0000001f!important}
.framer-qhkpd[data-icon-glass]>.framer-wudapn-container{display:none!important}
.framer-qhkpd[data-icon-glass]:before,.framer-qhkpd[data-icon-glass]:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.framer-qhkpd[data-icon-glass]:before{z-index:0;background:linear-gradient(165deg,#ffffff19 0%,#ffffff03 35%,transparent 60%,#cbdfff12 100%);border:1px solid #ffffff26}
.framer-qhkpd[data-icon-glass]:after{z-index:3;inset:1px;box-shadow:inset 0 1px 0 #ffffff33,inset 0 -1px 1px #c8e4ff24;opacity:.85}
.framer-qhkpd[data-icon-glass]>.framer-1ga5vse,.framer-qhkpd[data-icon-glass]>.framer-1sfvbef{z-index:2}
/* The Canvas is replaced content, clipped by its inherited border radius.
   A fixed 999px clip becomes an ellipse when the mobile menu grows taller. */
.framer-qhkpd[data-icon-glass]>.icon-nav-weather{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden;clip-path:none;pointer-events:none;z-index:1}
.framer-qhkpd[data-icon-glass][data-weather-active="false"]>.icon-nav-weather{display:none}
.framer-qhkpd[data-icon-glass] .framer-1vz7mga-container,.framer-qhkpd[data-icon-glass] .framer-10kj84r-container{text-shadow:0 1px 7px #0006}
.framer-qhkpd[data-icon-glass] a:focus-visible{outline:2px solid #edff80;outline-offset:3px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.framer-qhkpd[data-icon-glass]{background:#222831eb!important}}
@media(prefers-reduced-transparency:reduce){.framer-qhkpd[data-icon-glass]{background:#222831f5!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-contrast:more){.framer-qhkpd[data-icon-glass]{background:#10141ff5!important;outline:1px solid #fff9}}


/* The mobile links mount during Framer's capsule expansion. Start concealed on
   the insertion frame, then reveal in order without overriding layout transforms. */
.framer-qhkpd[data-icon-glass].framer-v-13boryf > .framer-1sfvbef > :is(.framer-cu1jai-container,.framer-10dch6-container){
 animation:icon-mobile-nav-link-enter var(--ds-duration-control,250ms) cubic-bezier(.22,1,.36,1) backwards;
 animation-delay:100ms;
}
.framer-qhkpd[data-icon-glass].framer-v-13boryf > .framer-1sfvbef > .framer-10dch6-container{animation-delay:150ms}
@keyframes icon-mobile-nav-link-enter{
 from{opacity:0;translate:0 8px;clip-path:inset(0 0 100% 0)}
 to{opacity:1;translate:0 0;clip-path:inset(0)}
}
@media(prefers-reduced-motion:reduce){
 .framer-qhkpd[data-icon-glass].framer-v-13boryf > .framer-1sfvbef > :is(.framer-cu1jai-container,.framer-10dch6-container){animation:none}
}

#house-specials[data-icon-house]{z-index:2!important;display:block!important;height:auto!important;min-height:0!important;gap:0!important;overflow:visible!important;padding:0!important}
#house-specials[data-icon-house]>:not(.icon-house-gallery){display:none!important}
.icon-house-gallery{--house-portrait-ratio:454/641;--house-unit:clamp(12px,.9722222222vw,28px);--house-side-padding:clamp(40px,5vw,96px);position:relative;z-index:2;box-sizing:border-box;width:100%;max-width:2560px;margin:auto;padding:64px var(--house-side-padding) 0;color:#11150b;font-family:var(--ds-font-body)}
.icon-house-gallery *{box-sizing:border-box}
.icon-house-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.icon-house-eyebrow{margin:0 0 26px;font-size:11px;letter-spacing:.06em}
.icon-house-heading h2{margin:0;font-family:var(--ds-font-bold);font-size:clamp(48px,6.1vw,96px);font-weight:700;line-height:.96;letter-spacing:-.055em}
.icon-house-heading h2 em{display:block;font-family:var(--ds-font-script);font-size:1.22em;line-height:1.1;font-weight:400;letter-spacing:-.055em}
.icon-house-intro{margin:0 0 12px;font-size:clamp(12px,1.05vw,16px);line-height:1.55;max-width:340px}
.icon-house-flight-space{height:clamp(120px,30svh,280px);pointer-events:none}
.icon-house-flight-space-end{height:50svh}
.icon-house-rows{display:grid;gap:clamp(57.6px,6vw,115.2px)}
.icon-house-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(8px,1.3888888889vw,40px);align-items:start;margin:0}
.icon-house-card{position:relative;min-width:0;grid-column:2/span 4;will-change:transform}
.icon-house-card:last-child{grid-column:8/span 4}
.icon-house-card-link{display:block;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer;touch-action:manipulation}
.icon-house-card-link:focus-visible{outline:2px solid #11150b;outline-offset:8px}
.icon-house-card-frame{position:relative;width:100%;aspect-ratio:var(--house-portrait-ratio);border-radius:24px;overflow:hidden;background:#cfd951;transform-origin:center;isolation:isolate}
.icon-house-card-frame img{display:block;width:100%;height:124%;position:absolute;left:0;top:-12%;object-fit:cover;will-change:transform;pointer-events:none;user-select:none}
.icon-house-card-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:18px;line-height:1.3}
.icon-house-card-caption h3{font:inherit;font-size:clamp(12px,1.25vw,18px);margin:0}
.icon-house-card-caption>span{font-size:10px;opacity:.65}
.icon-house-row-0 .icon-house-card:last-child{align-self:end;margin-bottom:calc(var(--house-unit)*-7.5714285714)}
.icon-house-row-0 .icon-house-card:last-child .icon-house-card-frame{aspect-ratio:454/301}
.icon-house-card[data-house-project="floora-pcos"] .icon-house-card-frame{aspect-ratio:454/301}
/* SideChef shares LG’s portrait frame; scale only its Home-card identity. */
.icon-house-row .icon-house-card[data-house-project="sidechef-app"] .icon-house-card-frame{aspect-ratio:var(--house-portrait-ratio)}
.icon-house-card[data-house-project="sidechef-app"] .icon-project-cover-brand{width:52.8%!important}
.icon-house-row-1{margin-top:calc(var(--house-unit)*17.1428571428)}
.icon-house-row-1 .icon-house-card:last-child{grid-column:8/span 5;align-self:end;margin-bottom:calc(var(--house-unit)*-12.1428571429)}
.icon-house-row-1 .icon-house-card:last-child .icon-house-card-frame{aspect-ratio:573/380}
.icon-house-row-2{margin-top:calc(var(--house-unit)*21.8571428572)}
.icon-house-row-2 .icon-house-card:first-child{grid-column:3/span 4}
.icon-house-row-2 .icon-house-card:first-child .icon-house-card-frame{aspect-ratio:454/301}
.icon-house-row-3 .icon-house-card:first-child{grid-column:1/span 2}
.icon-house-note{grid-column:8/span 3;align-self:end;margin:0;font-size:clamp(14px,1.25vw,20px);line-height:1.5}
.icon-house-row-3 .icon-house-card:first-child .icon-house-card-frame{aspect-ratio:217/307}
.icon-house-row-4{margin-top:clamp(175.2px,24.4166666666vw,703.2px)}
.icon-house-row-4 .icon-house-card:first-child{grid-column:3/span 3;margin-top:calc(var(--house-unit)*26.7428571428)}
.icon-house-row-4 .icon-house-card:first-child .icon-house-card-frame{aspect-ratio:335/473}
.icon-house-row-4 .icon-house-card:last-child{grid-column:8/span 5}
.icon-house-row-4 .icon-house-card:last-child .icon-house-card-frame{aspect-ratio:573/380}
.icon-house-preview{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:70px 32px 35px;margin:0;background:rgba(0,2,13,.96);color:white;text-align:center;overflow:auto;font-family:var(--ds-font-body);overscroll-behavior:contain}
.icon-house-preview::backdrop{background:rgba(0,2,13,.8)}
.icon-house-preview img{display:block;margin:auto;max-width:100%;height:calc(100dvh - 160px);object-fit:contain}
.icon-house-preview p{margin:20px 0 0;font-size:12px}
.icon-house-preview-close{position:fixed;right:24px;top:24px;border:0;border-radius:24px;padding:12px 18px;background:#eaff00;color:#11150b;font:inherit;font-size:12px;cursor:pointer}
.icon-house-preview-close:focus-visible{outline:2px solid white;outline-offset:4px}
.icon-flower-guide.is-house-preview{visibility:hidden;opacity:0}
/* The moving canvas includes transparent overscan. Let gallery cards retain
   hover beneath it instead of repeatedly releasing and recalling the pet. */
.icon-flower-guide[data-gallery-phase] .icon-flower-avatar{pointer-events:none}
/* Resize these two layout boxes while preserving artwork ratios and entry motion. */
@media(min-width:701px){
 .icon-house-card[data-house-project="hypi-sleep-tracker"]{width:120%}
 .icon-house-card[data-house-project="archive-02"]{width:104%}
}
@media(min-width:1920px){.icon-house-gallery{--house-unit:1vw}}
@media(min-width:1026px) and (max-width:1280px){.icon-house-row-3 .icon-house-card:first-child{grid-column:1/span 3}}
@media(min-width:701px) and (max-width:1025px){
 .icon-house-row{grid-template-columns:repeat(9,minmax(0,1fr))}
 .icon-house-row .icon-house-card:first-child{grid-column:1/span 3}
 .icon-house-row .icon-house-card:last-child{grid-column:6/span 4}
 .icon-house-row-2 .icon-house-card:first-child{grid-column:1/span 4}
 .icon-house-row-3 .icon-house-card:first-child{grid-column:1/span 3}
 .icon-house-row-4 .icon-house-card:last-child{grid-column:5/span 5}
 .icon-house-note{grid-column:6/span 3}
}
@media(max-width:700px){
 .icon-house-gallery{--house-side-padding:32px;--house-mobile-gap:clamp(88px,26vw,112px);padding:28px var(--house-side-padding) 70px}
 .icon-house-heading{display:block}.icon-house-heading h2{font-size:52px}.icon-house-intro{margin:26px 0 0;max-width:260px;font-size:12px}.icon-house-eyebrow{font-size:9px;margin-bottom:22px}
 .icon-house-flight-space{height:64px}.icon-house-flight-space-end{height:0}
 .icon-house-rows{gap:0}
 .icon-house-row{display:flex;flex-direction:column;gap:var(--house-mobile-gap);margin:0 0 var(--house-mobile-gap)}
 /* Match desktop row-rule specificity so negative margins cannot survive the
    single-column layout. Portraits keep their ratio without filling the phone. */
 .icon-house-gallery .icon-house-row>.icon-house-card{width:min(100%,clamp(210px,64vw,268px));max-width:420px;margin:0;align-self:flex-start;will-change:auto}
 .icon-house-gallery .icon-house-row>.icon-house-card:last-child{align-self:flex-end}
 .icon-house-gallery .icon-house-row>.icon-house-card:is([data-house-project="floora-pcos"],[data-house-project="autopilot-cooking"],[data-house-project="ge-kitchen-hub"],[data-house-project="archive-03"]){width:100%}
 .icon-house-card-frame img{will-change:auto}
 .icon-house-card-caption{margin-top:13px;gap:6px 12px}.icon-house-card-caption h3{font-size:13px}.icon-house-card-caption>span{font-size:9px}
 .icon-house-note{font-size:16px;max-width:265px;padding:15px 0 30px}.icon-house-row-4{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){.icon-house-card,.icon-house-card-frame img{will-change:auto}}

/* Keep hit areas rectangular while only the artwork's soft edge deforms. */
.icon-house-card-frame{pointer-events:none}

/* One capsule treatment for both collections. Generated Seasonal content keeps
   the exported card subtree intact, including its image and hover animation. */
/* The old See Work cursor renders in a portal outside the Seasonal section. */
.framer-nT6nO{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* The wider year badge rotates and glows beyond its layout box. Keep the
   homepage and both responsive badge variants from clipping those edges. */
#main>.framer-AwJFC:has(.framer-1tmhs3q,.framer-ii84d5),
.framer-12go2s8-container,.framer-7QwdU,.framer-1tmhs3q,.framer-dtfspv,
#seasonal-menu,.framer-ii84d5,.framer-nz3hv6{overflow:visible!important}
/* The title's backdrop displacement overlay sits at z-index 1. Keep the pill
   and its halo above that bounded filter so its edges cannot slice the glow. */
#works .framer-1tmhs3q,#seasonal-menu .framer-ii84d5{z-index:2!important}
/* Clip horizontal artwork overflow before it reaches the document's scroll
   bounds. Clipping only html still leaves an oversized Lenis scroll range.
   The y axis stays visible, and clip does not create a new scroll container. */
#main{overflow-x:clip;overflow-y:visible}
/* Move the whole card gently; give only its media enough overscan to drift
   inside the existing rounded frame without exposing an empty edge. */
:is(#selectedworks,#seasonal-menu) [data-icon-seasonal-card]{translate:0 var(--icon-seasonal-card-y,0px);will-change:translate}
:is(#selectedworks,#seasonal-menu) [data-icon-seasonal-media]{translate:0 var(--icon-seasonal-media-y,0%);scale:1.12;will-change:translate}
:is(#selectedworks,#seasonal-menu) [data-icon-seasonal-media="subtle"]{scale:1.06}
:is(#selectedworks,#seasonal-menu) a.framer-W6l3Q{cursor:pointer!important}
.icon-house-card-hint,
:is(#selectedworks,#seasonal-menu) a.framer-W6l3Q::after{
 box-sizing:border-box;position:absolute;right:14px;bottom:14px;z-index:1;
 width:max-content;border-radius:30px;padding:10px 15px;
 background:#f7f7f7;color:#11150b;
 font-family:var(--ds-font-body);font-size:11px;font-weight:400;line-height:1.35;
 letter-spacing:normal;text-align:center;white-space:nowrap;
 opacity:0;transform:translateY(8px);
 transition:opacity .2s,transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none
}
:is(#selectedworks,#seasonal-menu) a.framer-W6l3Q::after{content:"View work ↗";z-index:10}
.icon-house-card-link:is(:hover,:focus-visible) .icon-house-card-hint,
:is(#selectedworks,#seasonal-menu) a.framer-W6l3Q:is(:hover,:focus-within)::after{opacity:1;transform:none}
@media(max-width:767px){
 .icon-house-card-hint,
 :is(#selectedworks,#seasonal-menu) a.framer-W6l3Q::after{opacity:1;transform:none;padding:8px 11px;font-size:9px;right:10px;bottom:10px}
}
@media(hover:none){
 .icon-house-card-hint,
 :is(#selectedworks,#seasonal-menu) a.framer-W6l3Q::after{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
 .icon-house-card-hint,
 :is(#selectedworks,#seasonal-menu) a.framer-W6l3Q::after{transition:none}
}

/* Editable identities above the six screen-replacement photographs. */
.icon-project-cover-shade{position:absolute;inset:0;background:rgba(0,0,0,.44);pointer-events:none}
.icon-project-cover-brand{position:absolute;left:50%;top:48%;width:62%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;color:#fff}
.icon-project-cover-brand.is-logo{width:38%}
.icon-project-cover-brand svg{display:block;width:100%;height:auto;overflow:visible;fill:currentColor;font-family:var(--ds-font-medium);font-weight:400;text-anchor:middle}
.icon-project-cover-brand text{fill:currentColor}
.icon-seasonal-caption,.icon-house-card-hint,.studio-related-image>span{z-index:2}

/* Anima: a near-black cover with a quiet, decorative frequency field. Keep
   the center clear so the original phone UI and logo never inherit waves. */
.icon-anima-cover-wave{position:absolute;inset:0;pointer-events:none;color:#969696;opacity:.54;overflow:hidden;mask-image:linear-gradient(90deg,#000, #000 23%,transparent 33%,transparent 72%,#000 82%,#000);-webkit-mask-image:linear-gradient(90deg,#000,#000 23%,transparent 33%,transparent 72%,#000 82%,#000)}
.icon-anima-cover-wave>svg{display:block;width:100%;height:100%;overflow:hidden}
.icon-anima-cover-wave path{animation:anima-cover-frequency 8s linear infinite}
.icon-anima-cover-wave path:nth-child(2){opacity:.44;animation-duration:11s;animation-direction:reverse}
.icon-anima-cover-wave path:nth-child(3){opacity:.22;animation-duration:15s}
@keyframes anima-cover-frequency{from{transform:translateX(0)}to{transform:translateX(250px)}}
@media(prefers-reduced-motion:reduce){.icon-anima-cover-wave path{animation:none}}

/* Original iSolo Lottie is composited behind the original phone/hand. The
   existing photo stays visible until a complete frame is available. */
.icon-isolo-cover-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0}
.icon-isolo-cover-motion[data-cover-ready]{opacity:1}
@media(prefers-reduced-motion:reduce){.icon-isolo-cover-motion{display:none}}

/* Let the scroll cue sit above the viewport blur (z-index: 10), while its
   absolute position and clipping remain tied to the scrolling banner. */
#banner{z-index:auto!important;will-change:auto!important}
#banner>.framer-sa39nm-container{position:absolute!important;z-index:11!important}
/* The hero's children now share the page stack; keep navigation above them. */
#main:has(#banner) .framer-gruqr5-container{z-index:20!important}
/* Keep the responsive slot measurable while replacing its artwork with the pet. */
#banner [data-framer-name="闪电"]{visibility:hidden!important;pointer-events:none!important}
/* A short cylindrical reel; the mask belongs to the outer composited layer
   so the inner track can retain perspective until it is clipped. */
.icon-banner-count-reel{display:inline-block;position:relative;height:1em;overflow:hidden;vertical-align:bottom;line-height:inherit;text-align:center;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
.icon-banner-count-track{display:block;position:relative;width:100%;height:100%;perspective:2.8em;transform-style:preserve-3d}
.icon-banner-count-track>span{display:block;position:absolute;inset:0;height:1em;line-height:inherit;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity}

/* Keep the role statement inside the mobile viewport instead of the old
   exported 416px title frame. Preserve the desktop type scale. */
@media(max-width:767.98px){
 #banner .framer-1v2aj14{width:100%!important;max-width:440px!important}
 #banner :is(.framer-fjgpib,.framer-b671dy,.framer-hi9m3){width:100%!important;min-width:0!important}
 #banner .framer-rvdfir h1{--framer-font-size:clamp(28px,9.5vw,41.6px)!important}
 #banner .framer-s4hsgd p{--framer-font-size:clamp(32px,11.7vw,48px)!important}
 #banner .framer-zc46vm{max-width:100%!important}
 #banner .framer-zc46vm h1{--framer-font-size:clamp(28px,10vw,40px)!important}
 /* The original fixed-width Scribbles scene puts 100 outside a phone. */
 #banner [data-framer-name="100"]{left:calc(50% + 26vw - 38px)!important;right:auto!important;top:18px!important}
}

/* The exported distortion component paints a transparent backdrop layer.
   After replacing its artwork with particles, that layer still warps the
   photograph underneath. Disable only these legacy Banner SVG overlays;
   the Canvas particles and the companion's glass dialogue stay independent. */
#banner div[style*="backdrop-filter:"][style*="framer-university-"]{display:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}

/* Colored particles inherit each original doodle's layout and motion. */
#banner .icon-banner-particle-source{background-image:none!important;overflow:visible!important}
#banner .icon-banner-particle-source svg,#banner .icon-banner-particle-glow{visibility:hidden!important}
/* Let the triangle fill its original 100 slot; the slot and anchor stay fixed. */
#banner .icon-banner-particle-source:has(>canvas[data-decoration="astra-ring"]){position:absolute!important;left:50%!important;top:50%!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;transform:translate(-50%,-50%)!important}
#banner .icon-banner-doodle-particles{position:absolute;inset:calc(-1 * var(--particle-bleed,36px));width:calc(100% + 2 * var(--particle-bleed,36px));height:calc(100% + 2 * var(--particle-bleed,36px));pointer-events:none;display:block;image-rendering:auto}

/* Source doodle frames clipped their original glow; expanded star halos need
   the same open boundary through both wrapper levels. Layout is unchanged. */
#banner .icon-banner-particle-host,#banner .icon-banner-particle-host [data-framer-name="Main"]{overflow:visible!important}

/* Trace the exact Biro ink while its original semantic text reserves space. */
#banner .icon-banner-handwriting{position:relative;color:transparent!important}
#banner .icon-banner-handwriting-ink{position:absolute;left:50%;top:calc((100% - 1em)/2);width:3.202em;height:1em;transform:translateX(-50%);overflow:visible;fill:var(--handwriting-ink);pointer-events:none}
@media(prefers-reduced-motion:reduce){#banner .icon-banner-handwriting{color:var(--handwriting-ink)!important}#banner .icon-banner-handwriting-ink{display:none}}

/* The original title line reserves its exact export geometry. Only the keyword
   uses a bounded absolute Canvas; changes of word cannot reflow the title. */
#banner .icon-banner-keyword-line{position:relative!important}
#banner .icon-banner-keyword-reserve{visibility:hidden;pointer-events:none}
#banner .icon-banner-keyword-copy{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:12px;white-space:nowrap;pointer-events:none}
#banner .icon-banner-keyword-prefix{flex:0 0 auto;color:inherit}
#banner .icon-banner-keyword{position:relative;display:inline-block;flex:none;min-width:1.4em;overflow:visible;vertical-align:top}
#banner .icon-banner-keyword.is-magic{color:transparent!important}
#banner .icon-banner-keyword-canvas{position:absolute;display:block;max-width:none;pointer-events:none;image-rendering:auto}
#banner .framer-zc46vm:has(.icon-banner-keyword){mix-blend-mode:normal!important}
#banner .icon-banner-keyword-prefix{mix-blend-mode:difference}
@media(max-width:767.98px){#banner .icon-banner-keyword-copy{gap:8px}}
@media(prefers-reduced-motion:reduce){#banner .icon-banner-keyword.is-magic{color:inherit!important}#banner .icon-banner-keyword-canvas{display:none}}

/* Product and Designer are one typographic role; only the changing keyword
   retains the yellow Biro treatment. */
#banner{--banner-role-size:72px}
#banner :is(.framer-rvdfir h1,.framer-s4hsgd p){font-family:var(--ds-font-bold)!important;font-size:var(--banner-role-size)!important;font-weight:700!important;font-style:normal!important;line-height:1!important;letter-spacing:normal!important;color:var(--ds-color-white)!important}
#banner .icon-banner-keyword{font-family:var(--ds-font-script);font-size:calc(88px * var(--keyword-fit,1));font-weight:400;font-style:normal;line-height:1;--keyword-ink:var(--ds-color-lime);color:var(--keyword-ink)}
@media(max-width:767.98px){
 #banner{--banner-role-size:clamp(26px,7.8vw,41.6px)}
 #banner .icon-banner-keyword{font-size:calc(clamp(35.2px,12.87vw,52.8px) * var(--keyword-fit,1))}
}

@media(max-width:767.98px){
 #banner :is(.framer-b671dy h1,.framer-zc46vm h1){font-size:var(--banner-role-size)!important;line-height:1!important;text-align:left!important}
 #banner .framer-zc46vm{width:100%!important;align-self:stretch!important}
 #banner .framer-zc46vm h1{width:100%!important;--framer-text-alignment:left!important}
}

/* The right cursor accent follows a safe area outside the whole headline;
   reserve its star halos as well as the visible contour. */
#banner [data-framer-name="100"].icon-banner-accent-positioned{left:var(--banner-accent-left)!important;top:var(--banner-accent-top)!important;right:auto!important;bottom:auto!important}
#banner [data-framer-name="100"][data-banner-accent-hidden="true"]{visibility:hidden!important}

/* Enhancement owns only Seasonal; the original tree remains for no-JS. */
#main [data-icon-seasonal]{display:block!important;position:relative!important;overflow:visible!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;gap:0!important}
#main [data-icon-seasonal] > :not(.icon-seasonal-story){display:none!important}
/* Keep the existing desktop fragment target at the section's start. */
#main [data-icon-seasonal] > #works{display:block!important;position:absolute!important;top:0!important;width:100%!important;height:0!important;visibility:hidden!important;pointer-events:none!important}
/* Give the shared particle field room to cross between chapters. Keep the
   spacing in document flow so background, weather and IP use the same bounds. */
#main>.framer-AwJFC:has([data-icon-seasonal]){overflow:visible!important;row-gap:clamp(300px,42svh,460px)!important}
@media(max-width:700px){#main>.framer-AwJFC:has([data-icon-seasonal]){row-gap:clamp(240px,32svh,320px)!important}}
.icon-seasonal-story{position:relative;width:100%;height:var(--seasonal-height,400svh);color:#fff;font-family:var(--ds-font-body)}
.icon-seasonal-stage{position:sticky;top:0;width:100%;height:100svh;isolation:isolate;overflow:visible}
.icon-seasonal-intro{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.icon-seasonal-heading{position:relative;isolation:isolate;max-width:90%;filter:blur(var(--seasonal-blur,0px));opacity:var(--seasonal-title-opacity,1);transform:scale(var(--seasonal-title-scale,1));will-change:filter,transform}
.icon-seasonal-heading h2{font-size:clamp(72px,10.5vw,160px);line-height:.94;letter-spacing:-.055em;font-weight:500;font-family:var(--ds-font-medium);margin:0}
.icon-seasonal-heading h2 em{font-family:var(--ds-font-script);font-size:.94em;font-weight:400;letter-spacing:-.04em;line-height:1.1;display:block}
.icon-seasonal-heading h2 span{display:block;font-size:.8em;line-height:1.04;letter-spacing:-.045em}
.icon-seasonal-heading p{font-size:clamp(10px,1.25vw,18px);line-height:1.5;letter-spacing:-.025em;margin:28px 0 0}
.icon-seasonal-year{position:absolute;right:-22px;top:8%;z-index:2;transform:translate(12%,-35%) rotate(14deg);padding:8px 22px;border-radius:999px;background:#eaff00;color:#000;font-family:var(--ds-font-medium);font-size:clamp(16px,1.7vw,26px);line-height:1.25;white-space:nowrap;box-shadow:0 0 38px 8px #eaff0052;overflow:visible}
.icon-seasonal-window{position:absolute;inset:0;z-index:2;overflow:clip;touch-action:pan-y;cursor:grab}
.icon-seasonal-window.is-dragging,.icon-seasonal-window.is-dragging *{cursor:grabbing!important;user-select:none}
.icon-seasonal-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.icon-seasonal-card{position:absolute;left:0;top:0;display:block;transform-origin:0 0;border-radius:clamp(15px,1.33333vw,26px);color:#fff;text-decoration:none;will-change:transform;z-index:3;cursor:pointer;touch-action:pan-y;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}
.icon-seasonal-face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:#141620;transition:filter .4s ease-out}
.icon-seasonal-card[data-gl-ready] .icon-seasonal-face{opacity:0}
.icon-seasonal-face>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.icon-seasonal-face::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.icon-seasonal-caption{position:absolute;bottom:10px;left:clamp(12px,1.3333vw,20px);right:clamp(12px,1.3333vw,20px);z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.icon-seasonal-caption h3{margin:0;font:inherit;font-size:clamp(12px,1.2vw,18px);line-height:1.2;letter-spacing:-.05em;font-weight:400}
.icon-seasonal-arrow{width:25px;height:25px;flex:none;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;overflow:hidden}
.icon-seasonal-arrow span{display:block;line-height:1;font-family:Arial,sans-serif;font-size:20px;transition:transform .4s ease-out;text-shadow:-25px 0 #fff}
.icon-seasonal-card:is(:hover,:focus-visible) .icon-seasonal-arrow span{transform:translateX(25px)}
.icon-seasonal-card:not([data-gl-ready]):is(:hover,:focus-visible) .icon-seasonal-face{filter:brightness(.95)}
.icon-seasonal-card:focus,.icon-seasonal-card:focus-visible{outline:none}
.icon-seasonal-card[data-coming-soon]{cursor:grab}
.icon-seasonal-placeholder-art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,var(--seasonal-placeholder-tint),#12141a 85%),#12141a;color:var(--seasonal-placeholder-accent);font-family:var(--ds-font-medium);font-size:min(26vh,25.76vw,330px)}
.icon-seasonal-status{flex:none;font-size:clamp(10px,.8vw,14px);line-height:1.4;color:#fff9}
@media(max-width:649px){.icon-seasonal-year{right:0;top:15%;padding:7px 14px}.icon-seasonal-heading{max-width:88%}.icon-seasonal-heading p{max-width:270px;margin:24px auto 0}}
@media(prefers-reduced-motion:reduce){
 .icon-seasonal-story{height:auto!important}
 .icon-seasonal-stage{position:relative;height:auto}
 .icon-seasonal-intro{position:relative;min-height:65svh;padding:70px 20px}
 .icon-seasonal-heading{filter:none;opacity:1;transform:none;will-change:auto}
 .icon-seasonal-window{position:relative;display:flex;gap:12px;overflow-x:auto;padding:20px 6vw 48px;touch-action:pan-x pan-y;scroll-snap-type:x proximity}
 .icon-seasonal-card{position:relative;transform:none!important;flex:none;width:82vw!important;max-width:760px;height:auto!important;aspect-ratio:1.747;scroll-snap-align:center;will-change:auto}
 .icon-seasonal-arrow span,.icon-seasonal-face{transition:none}
}

/* Text becomes a scroll-driven field behind the project ribbon. */
.icon-seasonal-title-particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.icon-seasonal-story[data-title-particles] .icon-seasonal-heading{filter:none;opacity:1;transform:none;will-change:auto}
.icon-seasonal-story[data-title-particles] .icon-seasonal-heading h2{opacity:var(--seasonal-ink-opacity,1)}
.icon-seasonal-story[data-title-particles] .icon-seasonal-heading :is(p,.icon-seasonal-year){opacity:var(--seasonal-meta-opacity,1)}
@media(prefers-reduced-motion:reduce){.icon-seasonal-title-particles{display:none}.icon-seasonal-story[data-title-particles] .icon-seasonal-heading :is(h2,p,.icon-seasonal-year){opacity:1}}

/* Keep the continuing particle field above the background, beneath House
   content (z-index:2). It never paints over cards or intercepts their inputs. */
.icon-seasonal-title-particles.is-journey{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none}
.icon-house-heading[data-particle-journey]{opacity:var(--journey-text-opacity,1);color:var(--journey-text-color,inherit)}
#aboutme[data-particle-journey]>[data-framer-name="Content"]{opacity:1!important;transform:none!important}
#aboutme[data-particle-journey] p{opacity:var(--journey-text-opacity,1)!important}
#aboutme[data-particle-journey] :is(p,p span){color:#f7f7f7!important}
/* The original About component requests the Bold family at weight 400.
   Match its actual Latin face (700), so the CJK-only variable fallback cannot
   leave the English copy in a system sans. Preserve the separate script line. */
#aboutme [style*="GT Flexa Extended Bold"]{font-weight:700!important}
/* AI is the final word of the first original split-text paragraph, including
   every responsive variant. Color its glyph spans without altering animation. */
#aboutme .framer-jkxj1r-container p>span:last-child,
#aboutme .framer-jkxj1r-container p>span:last-child *{color:#eaff00!important}
/* One centered About composition. Responsive SSR wrappers use display:contents,
   so select the actual photo frames beneath them as well as hydrated frames.
   The second portrait spans all four copy rows, sharing their exact center.
   Grid reserves the outer photos; the floor reveal still owns their filter. */
#main #aboutme{padding:0 var(--ds-layout-gutter) var(--ds-layout-section);overflow-x:clip}
#aboutme>[data-framer-name="Content"]{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.6fr) minmax(0,1fr);
 column-gap:var(--ds-space-12);row-gap:var(--ds-space-8);
 align-items:center;justify-content:center;
 width:100%;max-width:var(--ds-layout-content);margin-inline:auto;
 padding:var(--ds-space-24) 0;
}
#aboutme>[data-framer-name="Content"]>:is(.framer-jkxj1r-container,.framer-1clpkpz-container,.framer-hri7z8-container,.framer-1nxem7a-container){
 grid-column:2;align-self:center;min-width:0;max-width:none;
}
#aboutme .framer-jkxj1r-container{grid-row:1;align-self:start!important}
#aboutme .framer-1clpkpz-container{grid-row:2}
#aboutme .framer-hri7z8-container{grid-row:3}
#aboutme .framer-1nxem7a-container{grid-row:4;align-self:end!important}
#aboutme>[data-framer-name="Content"] p{
 text-align:center!important;translate:none;font-size:clamp(32px,4.1vw,64px)!important;
}
#aboutme .framer-1nxem7a-container p{font-size:clamp(40px,5.2vw,80px)!important}
#aboutme>[data-framer-name="Content"] [data-framer-name^="Parallex"]{
 position:relative!important;inset:auto!important;align-self:center;justify-self:center;
 width:100%!important;max-width:210px;margin:0;translate:none;
 border-radius:clamp(10px,2.3vw,32px);
 transform:rotate(var(--about-photo-rotation))!important;
}
#aboutme .framer-1tnlegp{grid-column:1;grid-row:1 / 3;--about-photo-rotation:-9deg}
#aboutme .framer-1gjqxsy{grid-column:1;grid-row:3 / 5;--about-photo-rotation:-6deg}
#aboutme .framer-7lj7wq{grid-column:3;grid-row:1 / 5;--about-photo-rotation:8deg}
/* Pin only the upper-left and right portraits to the viewport edges. The
   lower-left portrait retains its existing grid position and image size. */
@media(min-width:768px){
 #aboutme>[data-framer-name="Content"]{
  --about-edge-inset:max(var(--ds-layout-gutter),calc((100vw - var(--ds-layout-content)) / 2));
  --about-edge-photo-width:min(210px,calc((min(calc(100vw - var(--ds-layout-gutter) * 2),var(--ds-layout-content)) - var(--ds-space-12) * 2) / 5.6));
 }
 #aboutme>[data-framer-name="Content"] :is(.framer-1tnlegp,.framer-7lj7wq){width:var(--about-edge-photo-width)!important}
 #aboutme>[data-framer-name="Content"] .framer-1tnlegp{justify-self:start;margin-left:calc(-1 * var(--about-edge-inset) - var(--about-edge-photo-width) / 2)}
 #aboutme>[data-framer-name="Content"] .framer-7lj7wq{justify-self:end;margin-right:calc(-1 * var(--about-edge-inset) - var(--about-edge-photo-width) / 2)}
}
#aboutme .framer-myadgg{grid-column:2;grid-row:5}
#aboutme .framer-myadgg:not(:has(a,p,button)){display:none}
@media(max-width:767px){
 #main #aboutme{padding-inline:var(--ds-space-4);overflow-x:clip}
 #aboutme>[data-framer-name="Content"]{
  grid-template-columns:minmax(0,1fr) minmax(0,3.6fr) minmax(0,1fr);
  column-gap:var(--ds-space-3);row-gap:var(--ds-space-6);
  padding-block:var(--ds-space-24);
 }
 #aboutme>[data-framer-name="Content"] p{font-size:clamp(22px,7.2vw,40px)!important;letter-spacing:-.035em!important}
 #aboutme .framer-1nxem7a-container p{font-size:clamp(32px,9.6vw,52px)!important}
 /* Larger edge portraits: only their inward half frames the centered copy.
    Clip this decorative overflow locally, without widening the page. */
 #aboutme>[data-framer-name="Content"] [data-framer-name^="Parallex"]{
  --about-photo-width:clamp(144px,42vw,220px);
  width:var(--about-photo-width)!important;max-width:none;
  border-radius:var(--ds-radius-panel);
 }
 #aboutme>[data-framer-name="Content"] :is(.framer-1tnlegp,.framer-1gjqxsy){
  justify-self:start;margin-left:calc(var(--about-photo-width) * -.5 - var(--ds-space-4) * 2);
 }
 #aboutme>[data-framer-name="Content"] .framer-1tnlegp{margin-left:calc(var(--about-photo-width) * -.5 - var(--ds-space-4))}
 #aboutme>[data-framer-name="Content"] .framer-7lj7wq{
  justify-self:end;margin-right:calc(var(--about-photo-width) * -.5 - var(--ds-space-4));
 }
}
@media(prefers-reduced-motion:reduce){
 .icon-seasonal-title-particles.is-journey{display:none}
 .icon-house-heading[data-particle-journey],#aboutme[data-particle-journey] p{opacity:1!important}
}

/* Original laurel sits behind the type and shares its scroll dissolve. */
.icon-seasonal-wreath{position:absolute;left:50%;top:40%;width:clamp(200px,25vw,380px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;opacity:.26}
.icon-seasonal-wreath>img,.icon-seasonal-wreath-motion{position:absolute;inset:0;width:100%;height:100%}
.icon-seasonal-wreath-motion{visibility:hidden}
.icon-seasonal-wreath[data-ready]>img{visibility:hidden}
.icon-seasonal-wreath[data-ready] .icon-seasonal-wreath-motion{visibility:visible}
.icon-seasonal-story[data-title-particles] .icon-seasonal-wreath{opacity:calc(.26 * var(--seasonal-ink-opacity,1))}
@media(prefers-reduced-motion:reduce){.icon-seasonal-story .icon-seasonal-wreath{opacity:.26}}

#footer[data-icon-footer]{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:0!important;gap:0!important;transform:none!important;filter:none!important;opacity:1!important;overflow:clip!important;background:#00020d!important;isolation:isolate}
#footer[data-icon-footer]>:not(.icon-contact-footer):not(.icon-flower-guide){display:none!important}
.icon-contact-footer{--contact-title-size:calc(var(--framer-root-font-size,1rem)*4.5);--contact-script-size:calc(var(--framer-root-font-size,1rem)*5);--contact-body-size:16px;--contact-ui-size:14px;box-sizing:border-box;position:relative;z-index:1;width:100%;min-height:100svh;padding:100px clamp(24px,5vw,96px) 72px;background:#00020d;color:var(--icon-footer-ink,#f4f4f0);font-family:var(--ds-font-body);display:flex;flex-direction:column}
.icon-contact-footer *{box-sizing:border-box}
.icon-contact-footer a,.icon-contact-footer button{color:inherit;font:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.icon-contact-footer button{border:0;border-radius:0;background:none;padding:0;cursor:pointer}
.icon-contact-footer :is(a,button):focus-visible{outline:2px solid #eaff00;outline-offset:7px;border-radius:4px}



.icon-contact-stage{--look-x:0;--look-y:0;position:relative;width:100%;height:clamp(420px,58svh,660px);flex:1 0 auto;isolation:isolate;perspective:1200px}
.icon-contact-aura{position:absolute;inset:-20% -6% -8%;background:radial-gradient(ellipse at 49% 45%,#30385680 0,#171d3738 36%,transparent 66%);transform:translate(calc(var(--look-x)*20px),calc(var(--look-y)*12px));pointer-events:none;transition:transform 1s ease-out}
.icon-contact-mist{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(transparent,#000 14%,#000 80%,transparent);z-index:0}
.icon-contact-logo{position:absolute;left:47%;top:44%;width:clamp(290px,30vw,450px);height:auto;transform:translate(-50%,-50%) rotate(-4deg);transition:none;filter:drop-shadow(0 16px 35px #0005);user-select:none;pointer-events:none;z-index:1}


.icon-contact-pet-anchor{position:absolute;left:65%;top:55%;width:clamp(220px,21vw,310px);height:clamp(220px,21vw,310px);transform:translate(-50%,-50%);pointer-events:none}
.icon-contact-shadow{position:absolute;left:65%;top:81%;width:clamp(120px,15vw,220px);height:22px;transform:translateX(-50%);background:radial-gradient(ellipse,#cbd7ff14,transparent 68%);filter:blur(8px);pointer-events:none}
.icon-contact-invitation{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:36px 0 48px}
.icon-contact-heading{min-width:0;flex:1}

.icon-contact-invitation h2{margin:0 0 28px;font-family:var(--ds-font-bold);font-size:var(--contact-title-size);font-weight:700;line-height:1.07;letter-spacing:-.065em}
.icon-contact-invitation h2 em{font-family:var(--ds-font-script);color:var(--icon-footer-accent,#eaff00);font-style:normal;font-weight:400;letter-spacing:-.03em;font-size:var(--contact-script-size);line-height:1;display:inline-block}
.icon-contact-email{font-size:var(--contact-body-size)!important;line-height:1.8;border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent);transition:color .2s,border-color .2s}
.icon-contact-email:hover{color:var(--icon-footer-accent,#eaff00);border-color:currentColor}
.icon-contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:24px;width:clamp(240px,24vw,360px)}
.icon-contact-hello{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:22px 28px;border-radius:80px;background:#eaff00;color:#00020d!important;font-size:var(--contact-ui-size)!important;line-height:1.15;transition:background .22s,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.icon-contact-hello>span:last-child{font-size:1.3em;transition:transform .3s}
.icon-contact-hello:hover{background:#f0ff54;transform:translateY(-3px);box-shadow:0 8px 32px #eaff0017}
.icon-contact-hello:hover>span:last-child{transform:translate(3px,-3px)}
.icon-contact-secondary{display:flex;justify-content:space-between;gap:14px;font-size:var(--contact-ui-size);white-space:nowrap}
.icon-contact-secondary :is(a,button){transition:color .2s}
.icon-contact-secondary :is(a,button):hover{color:var(--icon-footer-accent,#eaff00)}
.icon-contact-secondary span{display:inline-block;margin-left:5px}


.icon-contact-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#footer[data-icon-footer]>.icon-flower-guide{z-index:3!important}
/* The distant flower crosses behind the logo while contact controls stay on top. */
#footer[data-icon-footer]>.icon-flower-guide[data-footer-flight=deep]{z-index:0!important}
#footer[data-icon-footer]>.icon-flower-guide[data-footer-flight=flying]{pointer-events:none}
@media(max-width:1100px){.icon-contact-invitation{flex-wrap:wrap;row-gap:40px}.icon-contact-heading{flex-basis:100%}.icon-contact-invitation h2{font-size:var(--contact-title-size)}}
@media(max-width:900px){.icon-contact-logo{left:44%;width:330px}.icon-contact-pet-anchor{left:67%;width:230px;height:230px}.icon-contact-shadow{left:67%}}
@media(max-width:600px){.icon-contact-footer{padding:90px 24px 64px}.icon-contact-stage{height:390px;min-height:390px}.icon-contact-logo{left:40%;top:40%;width:225px;transform:translate(-50%,-50%) rotate(-4deg)}.icon-contact-pet-anchor{left:72%;top:57%;width:150px;height:150px}.icon-contact-shadow{left:72%;top:77%;width:100px}.icon-contact-invitation{flex-direction:column;align-items:stretch;gap:32px;padding-top:40px;padding-bottom:34px}.icon-contact-heading{flex-basis:auto}.icon-contact-invitation h2{font-size:var(--contact-title-size);margin-bottom:24px}.icon-contact-email{font-size:var(--contact-body-size)!important}.icon-contact-actions{width:100%;gap:24px}.icon-contact-hello{padding:20px 26px;font-size:var(--contact-ui-size)!important}.icon-contact-secondary{font-size:var(--contact-ui-size)}}
@media(prefers-reduced-motion:reduce){.icon-contact-footer *{transition:none!important}.icon-contact-logo{transform:translate(-50%,-50%) rotate(-4deg)}.icon-contact-aura{transform:none}.icon-contact-hello:hover,.icon-contact-hello:hover>span:last-child{transform:none}}

/* Keep the hit area still; only the raised card moves. */
.icon-contact-channels{display:grid;grid-template-columns:minmax(240px,1fr) 184px;align-items:center;gap:28px;width:clamp(452px,39vw,560px);max-width:100%;flex-shrink:0}
.icon-contact-channels .icon-contact-actions{width:100%;min-width:0}
.icon-contact-qr{margin:0;width:184px;max-width:100%;text-align:center}
.icon-contact-qr img{display:block;width:184px;max-width:100%;height:auto;background:#fff;border-radius:2px;filter:none;transform:none}
.icon-contact-qr figcaption{margin-top:12px;font-size:var(--contact-ui-size);line-height:1.5}

@media(max-width:1100px){.icon-contact-invitation{flex-wrap:wrap;row-gap:32px}.icon-contact-channels{width:100%;grid-template-columns:minmax(240px,410px) 184px;justify-content:space-between}}
@media(max-width:600px){.icon-contact-channels{grid-template-columns:minmax(0,1fr);gap:30px}.icon-contact-qr{justify-self:center}}

.icon-contact-qr-hit{--qr-rx:0deg;--qr-ry:0deg;--qr-light-x:50%;--qr-light-y:50%;position:relative;perspective:750px;isolation:isolate}
.icon-contact-qr-card{position:relative;transform:rotateX(var(--qr-rx)) rotateY(var(--qr-ry));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .5s;filter:drop-shadow(0 8px 18px #0006);pointer-events:none}
.icon-contact-qr-face{position:relative;overflow:hidden;padding:12px;border-radius:16px;background:#fff;box-shadow:0 1px 0 #ffffffaa,inset 0 0 0 1px #fff;color:#11131d}
.icon-contact-qr-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;border:1px solid #ffffff99;box-shadow:inset 0 0 15px #ffffff20;opacity:.3;transition:opacity .3s}
.icon-contact-qr-sweep{position:absolute;inset:-40% auto -40% -80%;width:50%;pointer-events:none;background:linear-gradient(90deg,transparent,#fff3 35%,#fff8 50%,#fff3 65%,transparent);mix-blend-mode:screen;opacity:0;transform:translateX(0) rotate(22deg)}
@media(hover:hover) and (pointer:fine){.icon-contact-qr-hit[data-hover] .icon-contact-qr-card{transform:translateY(-7px) rotateX(var(--qr-rx)) rotateY(var(--qr-ry)) scale(1.035);filter:drop-shadow(0 14px 26px #0008);transition:transform .18s ease-out,filter .35s}.icon-contact-qr-hit[data-hover] .icon-contact-qr-card::after{opacity:1;background:radial-gradient(circle at var(--qr-light-x) var(--qr-light-y),#fff2,transparent 55%)}.icon-contact-qr-hit[data-hover] .icon-contact-qr-sweep{animation:icon-qr-sweep 1.05s cubic-bezier(.2,.6,.2,1) both}}
@keyframes icon-qr-sweep{0%{transform:translateX(0) rotate(22deg);opacity:0}18%{opacity:.65}80%{opacity:.65}100%{transform:translateX(440%) rotate(22deg);opacity:0}}
@media(hover:none),(pointer:coarse){.icon-contact-qr-card{transform:none;pointer-events:auto}.icon-contact-qr-sweep{display:none}}
@media(prefers-reduced-motion:reduce){.icon-contact-qr-hit .icon-contact-qr-card,.icon-contact-qr-hit[data-hover] .icon-contact-qr-card{transform:none!important;filter:none}.icon-contact-qr-sweep{display:none!important;animation:none!important}}


/* One continuous, scroll-scrubbed Crème logo: navigation → footer. */
.framer-qhkpd[data-icon-footer-nav]{opacity:var(--footer-nav-opacity,1)!important;transition:none!important}
.framer-qhkpd[data-icon-footer-nav][inert]{pointer-events:none!important}
.framer-qhkpd[data-icon-footer-nav-hidden]{visibility:hidden!important}
[data-icon-footer-logo-source]{visibility:hidden!important}
.icon-contact-logo[data-logo-destination="waiting"]{visibility:hidden;transition:none}
.icon-contact-stage[data-logo-flight]{--look-x:0!important;--look-y:0!important}
.icon-footer-logo-flight{position:fixed;left:0;top:0;z-index:30;pointer-events:none;perspective:1000px;perspective-origin:50% 50%;contain:layout style;will-change:transform}
.icon-footer-logo-flight[hidden]{display:none!important}
.icon-footer-logo-rotor{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}
.icon-footer-logo-rotor img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;pointer-events:none;user-select:none;backface-visibility:visible;transform:translateZ(calc(var(--logo-depth,0px)*var(--logo-layer)*-1))}
.icon-footer-logo-edge{filter:brightness(.64)}
.icon-footer-logo-face{filter:brightness(var(--logo-light,1)) drop-shadow(0 var(--logo-shadow-y,0px) var(--logo-shadow-blur,0px) #0005)}
@media(prefers-reduced-motion:reduce){.icon-footer-logo-flight{display:none!important}}

/* Footer joins the same scrolling background as the preceding sections. */
.icon-footer-color{position:absolute;inset:0;z-index:0;background:var(--icon-footer-sky,#00020d);opacity:0;pointer-events:none;transition:background 2s ease}
html[data-icon-footer-colors] #footer[data-icon-footer],html[data-icon-footer-colors] .icon-contact-footer{background:transparent!important}
html[data-icon-footer-colors] .icon-global-weather::before{display:none}

/* The original SVG remains the accessible/failure fallback and layout anchor. */
.icon-contact-logo[data-logo-material="ready"]{visibility:hidden!important}
.icon-contact-logo-volume{aspect-ratio:1;overflow:visible;filter:drop-shadow(0 18px 28px #090b1866)}
.icon-contact-logo-volume[hidden]{display:none!important}
.icon-footer-logo-material{position:absolute;left:-25%;top:-35%;width:150%;height:150%;max-width:none;pointer-events:none;user-select:none}
.icon-footer-logo-flight>.icon-footer-logo-material{filter:drop-shadow(0 8px 18px #090b1838)}

/* Keep Footer contact content clear; restore the original veil on reverse scroll. */
.framer-1wyk278-container{opacity:var(--icon-bottom-blur-opacity,1)!important;visibility:var(--icon-bottom-blur-visibility,visible)!important}

/* Selected split composition, with alternate layouts retained for review links. */
@media(min-width:901px){
  .icon-contact-footer[data-layout]{min-height:100svh;padding:clamp(70px,10svh,100px) 6vw 56px}
  .icon-contact-footer[data-layout] .icon-contact-stage{flex:0 0 auto}
  .icon-contact-footer[data-layout] .icon-contact-shadow{display:none}
  .icon-contact-footer[data-layout] .icon-contact-invitation{padding:0;gap:32px}
  .icon-contact-footer[data-layout] .icon-contact-heading{flex-basis:auto}
  .icon-contact-footer[data-layout] .icon-contact-invitation h2{font-size:var(--contact-title-size)}
  .icon-contact-footer[data-layout] .icon-contact-channels{width:100%;grid-template-columns:minmax(180px,1fr) 152px;gap:28px}
  .icon-contact-footer[data-layout] .icon-contact-qr{width:152px}
  .icon-contact-footer[data-layout] .icon-contact-qr-face{padding:9px}
  .icon-contact-footer[data-layout] .icon-contact-hello{padding:20px 24px}
  .icon-contact-footer[data-layout=split]{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}
  .icon-contact-footer[data-layout=split] .icon-contact-stage{grid-column:2;grid-row:1;min-width:0;height:580px;max-height:75svh}
  .icon-contact-footer[data-layout=split] .icon-contact-logo{left:45%;top:37%;width:clamp(280px,31vw,430px)}
  .icon-contact-footer[data-layout=split] .icon-contact-pet-anchor{left:67%;top:68%;width:clamp(180px,19vw,280px);height:clamp(180px,19vw,280px)}
  .icon-contact-footer[data-layout=split] .icon-contact-invitation{grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;gap:48px}
  .icon-contact-footer[data-layout=split] .icon-contact-heading{flex:none}
  .icon-contact-footer[data-layout=center]{text-align:center;gap:12px;padding-top:50px;padding-bottom:32px}
  .icon-contact-footer[data-layout=center] .icon-contact-stage{height:30svh;min-height:180px;max-height:300px}
  .icon-contact-footer[data-layout=center] .icon-contact-logo{left:44%;top:46%;width:clamp(210px,22vw,320px)}
  .icon-contact-footer[data-layout=center] .icon-contact-pet-anchor{left:61%;top:67%;width:clamp(145px,15vw,210px);height:clamp(145px,15vw,210px)}
  .icon-contact-footer[data-layout=center] .icon-contact-invitation{flex-direction:column;gap:24px}
  .icon-contact-footer[data-layout=center] .icon-contact-heading{flex:none}
  .icon-contact-footer[data-layout=center] .icon-contact-invitation h2{font-size:var(--contact-title-size);margin-bottom:18px}
  .icon-contact-footer[data-layout=center] h2 br{display:none}
  .icon-contact-footer[data-layout=center] .icon-contact-channels{width:min(520px,100%)}
  .icon-contact-footer[data-layout=poster]{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:0 7vw;overflow:hidden}
  .icon-contact-footer[data-layout=poster] .icon-contact-stage{grid-column:1;grid-row:1;height:62svh;min-height:400px}
  .icon-contact-footer[data-layout=poster] .icon-contact-logo{left:48%;top:44%;width:clamp(350px,40vw,650px)}
  .icon-contact-footer[data-layout=poster] .icon-contact-pet-anchor{left:80%;top:77%;width:clamp(155px,16vw,230px);height:clamp(155px,16vw,230px)}
  .icon-contact-footer[data-layout=poster] .icon-contact-invitation{grid-column:2;grid-row:1;flex-direction:column;align-items:stretch;gap:38px}
  .icon-contact-footer[data-layout=poster] .icon-contact-heading{flex:none}
  .icon-contact-footer[data-layout=poster] .icon-contact-invitation h2{font-size:var(--contact-title-size)}
}

/* Banner uses 72/80px on desktop, 64/64px on tablet and 41.6/48px
   on mobile. Contact controls use the Nav's 14px at every breakpoint. */
.icon-contact-footer .icon-contact-hello,.icon-contact-footer .icon-contact-secondary :is(a,button){line-height:1.2}
@media(min-width:768px) and (max-width:1023.98px){.icon-contact-footer{--contact-title-size:calc(var(--framer-root-font-size,1rem)*4);--contact-script-size:calc(var(--framer-root-font-size,1rem)*4)}}
@media(max-width:767.98px){.icon-contact-footer{--contact-title-size:calc(var(--framer-root-font-size,1rem)*2.6);--contact-script-size:calc(var(--framer-root-font-size,1rem)*3)}}

/* Match the real Bold face used by Banner headings and Nav labels. */
.icon-contact-footer .icon-contact-hello,.icon-contact-footer .icon-contact-secondary :is(a,button),.icon-contact-qr figcaption{font-family:var(--ds-font-bold);font-weight:700}

/* Small build credit stays at the foot of the scene, clear of contact actions. */
.icon-contact-credits{position:absolute;left:6vw;right:6vw;bottom:22px;z-index:5;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 24px;color:var(--icon-footer-muted,rgba(244,244,240,.64));font-family:var(--ds-font-body);font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.015em}
@media(max-width:600px){.icon-contact-credits{left:24px;right:24px;bottom:20px;font-size:9px;gap:6px 14px}}

/* Case studies share Home's contact scene, without the navigation-to-logo transition. */
#footer[data-icon-case-footer],html[data-icon-global-weather] #footer[data-icon-case-footer]{background:transparent!important;z-index:1}
.icon-contact-footer{padding-bottom:140px!important}
.icon-contact-footer[data-case-footer]{isolation:isolate}
.icon-contact-footer[data-case-footer] .icon-contact-stage{height:clamp(400px,64svh,580px);min-height:350px}
.icon-contact-footer[data-case-footer] .icon-contact-logo{left:43%;top:35%;width:clamp(260px,29vw,400px);transform:translate(-50%,-50%) rotate(-4deg);transition:none}
.icon-contact-footer[data-case-footer] .icon-contact-pet-anchor{left:65%;top:72%;width:clamp(210px,22vw,310px);height:clamp(210px,22vw,310px)}
.icon-contact-footer .icon-contact-credits{bottom:80px}
/* Wide footer: side credits sit on the Back to top label's horizontal line.
   Keep the separate row on narrow screens so all three labels remain clear. */
@media(min-width:900px){
 .icon-contact-footer .icon-contact-credits{bottom:15px}
}
.icon-case-weather-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;clip-path:inset(var(--case-end-top,100vh) 0 var(--case-end-bottom,0px) 0)}
.icon-contact-footer .icon-case-back-top{position:absolute;z-index:15;left:50%;bottom:0;transform:translateX(-50%);width:min(545px,100%);height:55px;transition:height .4s cubic-bezier(.16,1,.3,1);color:#f4f4f0;font:14px var(--ds-font-body);border:0;padding:0;background:none;cursor:pointer}
.icon-case-back-top svg{position:absolute;inset:0;width:100%;height:100%;fill:#09090d;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.icon-case-back-top span{position:absolute;inset:18px auto auto 50%;width:max-content;transform:translateX(-50%);text-align:center;transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.icon-contact-footer .icon-case-back-top:is(:hover,:focus-visible){height:65px}
.icon-contact-footer .icon-case-back-top:focus-visible{outline:none}
.icon-case-back-top:focus-visible span{outline:2px solid #eaff00;outline-offset:5px;border-radius:4px}
.icon-case-back-top:is(:hover,:focus-visible) span{transform:translateX(-50%)}
@media(max-width:900px){.icon-contact-footer[data-case-footer] .icon-contact-stage{order:-1;height:360px;min-height:360px;flex:0 0 auto}.icon-contact-footer[data-case-footer] .icon-contact-logo{left:40%;top:38%;width:230px}.icon-contact-footer[data-case-footer] .icon-contact-pet-anchor{left:72%;top:72%;width:180px;height:180px}.icon-contact-footer[data-case-footer] .icon-contact-invitation{padding-top:0}}
@media(prefers-reduced-motion:reduce){.icon-case-back-top,.icon-case-back-top *{transition:none!important}}

/* Case speech inherits the same responsive font size as Home. */

/* The two sections reveal one continuous, scroll-colored plane. */
.icon-case-weather-backdrop[hidden]{display:none}
.icon-case-weather-backdrop .icon-global-weather::before{display:none}
[data-icon-case-related]{position:relative!important;z-index:1;background:transparent!important;color:var(--icon-case-end-ink,#25232b)!important}
[data-icon-case-related] :is(h2,.studio-related-name,.studio-related-card>small,.framer-text){color:var(--icon-case-end-ink,#25232b)!important;transition:color .25s ease}


#main [data-icon-case-leadin]{position:relative!important;z-index:1;background:transparent!important}

/* Quiet text switch shares the footer's credit row. */
.icon-contact-credits>span{white-space:nowrap}
.icon-contact-footer .icon-contact-credits .icon-language-toggle{appearance:none;display:inline-flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;padding:5px 0;font:inherit;letter-spacing:inherit;cursor:pointer}
.icon-contact-footer .icon-language-toggle [data-selected]{font-family:var(--ds-font-bold);font-weight:700;color:var(--icon-footer-ink,#f7f7f7)}
.icon-contact-footer .icon-language-toggle:hover{color:#ddd}
.icon-contact-footer .icon-language-toggle:focus-visible{outline:1px solid #fff8;outline-offset:3px;border-radius:0}
@media(max-width:600px){.icon-contact-credits{gap:8px}.icon-contact-credits>span{font-size:8px;letter-spacing:0}.icon-contact-footer .icon-contact-credits .icon-language-toggle{font-size:9px;gap:4px}}

/* Pair readable contact ink with the live sky instead of dimming daylight. */
html[data-icon-footer-ink=dark] .icon-contact-footer{--icon-footer-ink:var(--ds-color-night);--icon-footer-muted:var(--ds-color-night);--icon-footer-accent:var(--ds-color-ink)}
html[data-icon-footer-ink=dark] .icon-contact-footer :is(a,button):focus-visible{outline-color:var(--ds-color-night)}
html[data-icon-footer-ink=dark] .icon-contact-footer .icon-language-toggle:hover{color:var(--ds-color-ink)}

/* A stable native hit area surrounds the soft body while it springs away. */
.icon-contact-footer .icon-contact-logo-volume{pointer-events:auto;touch-action:manipulation;cursor:pointer;transform:translate(-50%,-50%) rotate(-4deg);transition:none;outline-offset:8px}
.icon-contact-logo-volume:focus-visible{outline:2px solid var(--ds-color-lime,#eaff00);border-radius:24px}
.icon-contact-logo-volume .icon-footer-logo-material{will-change:transform}

/* The mascot canvas reserves transparent overscan for its rig. Its invisible
   margin must not intercept a tap intended for the nearby balloon. */
.icon-flower-guide[data-behavior="footer-host"][data-footer-entry="settled"] canvas[data-bot-avatar="flower"]{clip-path:ellipse(33% 34% at 50% 56%)}

/* The scene sits inside the existing fixed background, below page content. */
.icon-global-weather{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict;isolation:isolate}
.icon-global-weather::before{content:"";position:absolute;inset:0;background:#00020d;clip-path:inset(var(--weather-footer-top,100vh) 0 var(--weather-footer-bottom,0px) 0);pointer-events:none}
.icon-global-weather-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}
html[data-icon-global-weather] #footer[data-icon-footer],html[data-icon-global-weather] .icon-contact-footer{background:transparent!important}
html[data-icon-global-weather] .icon-contact-aura{display:none}
/* A small reflected tint on the glass and golden pet keeps the same lighting. */
html[data-icon-global-weather] .framer-qhkpd[data-icon-glass][data-weather-active="true"]::before{background:linear-gradient(155deg,rgba(var(--icon-weather-glow,153,170,237),.17),#ffffff03 42%,transparent 70%,rgba(var(--icon-weather-sky,35,42,100),.12));transition:background 2s ease}
html[data-icon-global-weather] .icon-flower-avatar::after{content:"";position:absolute;inset:10% 5%;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,rgba(var(--icon-weather-glow,153,170,237),.09),transparent 65%);filter:blur(14px)}
@media(prefers-contrast:more){.icon-global-weather-canvas{opacity:.3}}

/* Accumulation belongs to Footer's actual bottom, and scrolls with it. */
.icon-weather-ground{position:absolute;left:0;right:0;bottom:0;width:100%;height:128px;z-index:16;pointer-events:none;display:block;mask-image:linear-gradient(transparent,#000 18%);-webkit-mask-image:linear-gradient(transparent,#000 18%)}
html:not([data-icon-global-weather]) .icon-weather-ground,.icon-weather-ground[hidden]{display:none}
@media(prefers-contrast:more){.icon-weather-ground{opacity:.45}}

/* Weather rides each card's own scroll/transform layer. Seasonal shares its
   sticky viewport and repaints immediately after its WebGL surface does. */
.icon-house-card-link{position:relative}
.icon-card-weather{position:absolute;display:block;z-index:4;pointer-events:none;contain:strict}
.icon-card-weather[hidden]{display:none}

/* A real, feathered cloud boundary, with the same scroll position as Footer.
   Fixed canvases cannot enlarge document width or capture any card interaction. */
.icon-footer-cloud-back{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;contain:strict}
.icon-footer-cloud-front{position:fixed;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;contain:strict}
.icon-footer-cloud-back[hidden],.icon-footer-cloud-front[hidden]{display:none}
@media(prefers-contrast:more){.icon-footer-cloud-back,.icon-footer-cloud-front{opacity:.45}}

/* The original case owns its layout, font choices, colour blocks and artwork. */
html[data-icon-studio-pending] #main>.framer-KcyJH{visibility:hidden!important}
.studio-original-replaced{display:none!important}
/* Suppress obsolete exported controls and footer even across responsive hydration. */
html[data-icon-studio-case] .framer-KcyJH :is(#footer:not([data-icon-case-footer]),.framer-iuwo9j-container,.framer-2qsc9r-container,.framer-1hy5b2d-container,.framer-ql1qlv-container){display:none!important}
.icon-studio-original{--studio-bg:#00020d;--studio-ink:#f4f4f0;--studio-muted:#aaa9b5;--studio-accent:var(--case-highlight,#eaff00);--studio-purple:var(--case-end,#b8a0fb)}
.icon-studio-original .studio-copy-edited{height:auto!important;min-height:0!important}
.icon-studio-original :is(.studio-original-contents,.studio-original-facts,.studio-feature-nav,.studio-original-reflection,.studio-retained-end,.studio-close){font-family:var(--ds-font-body);box-sizing:border-box}
.icon-studio-original :is(.studio-original-contents,.studio-original-facts,.studio-feature-nav,.studio-original-reflection,.studio-retained-end) *{box-sizing:border-box}
.icon-studio-original :is(.studio-original-contents,.studio-feature-nav,.studio-retained-end) a{color:inherit;text-decoration:none;font:inherit}
.icon-studio-original :is(.studio-retained-end,.studio-close) button{font:inherit;cursor:pointer}
.icon-studio-original :is(.studio-original-contents,.studio-feature-nav,.studio-retained-end) :is(a,button):focus-visible,.studio-close:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.icon-studio-original [id^=studio-]{scroll-margin-top:115px}
.studio-original-facts{width:100%;margin:40px 0 0;padding:30px 0 0;border-top:1px solid #0002;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;color:#171719;text-align:left}
.studio-original-facts dt{font-size:11px;line-height:1.5;color:#777;margin-bottom:12px}.studio-original-facts dd{font-size:14px;line-height:1.6;margin:0}
.studio-original-contents{position:sticky;top:12px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:6px;width:min(800px,calc(100% - 32px));padding:7px;margin:0 auto -56px;transform:translateY(12px);border:1px solid #ffffff38;border-radius:30px;background:#12121cf0;backdrop-filter:blur(18px);color:#fff;box-shadow:0 5px 20px #0002;overflow:hidden}
.studio-original-contents a{padding:10px 15px;border-radius:var(--ds-radius-card);display:flex;align-items:center;gap:8px;font-size:11px!important;line-height:1.4;white-space:nowrap;transition:color .25s,background .25s}
.studio-original-contents a span{font-size:8px;opacity:.5}.studio-original-contents a[aria-current]{background:var(--ds-action-bg);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d))}.studio-original-contents a:not([aria-current]):hover{background:#ffffff20}
.studio-feature-nav{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 32px;color:#171719}
.studio-feature-nav a{padding:20px 16px;background:#ffffffbd;border:1px solid #fff8;border-radius:16px;font-size:12px!important;line-height:1.5;display:flex;flex-wrap:wrap;align-content:start;gap:15px;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .3s}
.studio-feature-nav a span{width:100%;font-size:10px;opacity:.5}.studio-feature-nav b{margin-left:auto;font-weight:400}.studio-feature-nav a:hover{background:var(--case-soft,#e9dcff);transform:translateY(-5px);box-shadow:0 12px 24px color-mix(in srgb,var(--case-accent,#754ff6) 9.41%,transparent)}
.studio-original-feature-label{width:100%;display:flex;justify-content:space-between;gap:15px;font-family:var(--ds-font-body);font-size:10px;line-height:1.5;letter-spacing:.05em;color:#fff;padding:18px 0 10px;border-top:1px solid #ffffff40}
.studio-original-feature-label>span:last-child{color:#ffffffb3;letter-spacing:0}
.studio-original-reflection{width:100%;max-width:1200px;color:#19191e;font-size:16px;line-height:1.65}
.studio-original-tag{display:inline-block;font-size:10px;letter-spacing:.075em;color:var(--case-accent,#7556cc);border:1px solid color-mix(in srgb,var(--case-accent,#7556cc) 33.33%,transparent);border-radius:var(--ds-radius-pill);padding:7px 12px;margin-bottom:28px}
.studio-original-reflection h2{font-family:var(--ds-font-medium);font-weight:500;font-size:var(--studio-section-title-size);line-height:1.15;letter-spacing:-.04em;margin:0 0 32px}
.studio-original-reflection h2 em{font-family:var(--ds-font-script);font-size:1.25em;font-style:normal;font-weight:400;color:var(--case-accent,#754ff6)}
.studio-reflection-intro{max-width:800px;margin:0;font-size:clamp(15px,1.2vw,19px);line-height:1.7;color:#62616b}
.studio-reflection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:60px}
.studio-reflection-grid article{padding:26px 24px;border:1px solid #0002;border-radius:var(--ds-radius-card);background:linear-gradient(140deg,var(--case-soft,#f4f1fb),#fff);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s}
.studio-reflection-grid article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--case-accent,#754ff6) 43.92%,transparent)}.studio-reflection-grid article>span{font-size:10px;color:var(--case-accent,#7556cc)}.studio-reflection-grid h3{font-family:var(--ds-font-medium);font-size:20px;line-height:1.3;font-weight:500;margin:26px 0 18px}.studio-reflection-grid p{font-size:13px;line-height:1.7;color:#62616b;margin:0}.studio-reflection-note{font-size:10px;color:#999;margin:28px 0 0}
[data-studio-comparison-host],[data-studio-guideline-host]{height:auto!important;aspect-ratio:auto!important;display:block!important}
.studio-guideline-image{display:block;width:100%;height:auto;border-radius:var(--ds-radius-card)}
.studio-comparison{width:100%;font-family:var(--ds-font-body);--studio-muted:#777}
.studio-compare-frame{position:relative;width:100%;aspect-ratio:16/10;background:var(--case-soft,#e9e3ef);border-radius:var(--ds-radius-card);overflow:hidden;isolation:isolate}
.studio-compare-frame svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.studio-compare-reference{clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.studio-compare-label{position:absolute;top:16px;background:#111b;color:#fff;padding:7px 12px;border-radius:var(--ds-radius-pill);font-size:10px;backdrop-filter:blur(12px);pointer-events:none}.studio-compare-label.is-reference{left:16px}.studio-compare-label.is-result{right:16px}
.studio-compare-divider{position:absolute;top:0;bottom:0;left:clamp(2px,var(--compare),calc(100% - 2px));width:2px;background:#fff;pointer-events:none}
.studio-compare-divider i{display:grid;place-items:center;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--ds-action-bg);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));font-style:normal;font-size:22px;box-shadow:0 2px 12px #0003}
.studio-compare-frame input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.studio-compare-frame:focus-within{outline:2px solid var(--case-accent,#754ff6);outline-offset:5px}
.studio-compare-hint{display:flex;justify-content:space-between;padding-top:14px;font-size:9px;color:var(--studio-muted);letter-spacing:.05em}
.studio-retained-end{width:100%;position:relative;order:99;flex:none;color:#f4f4f0}
.studio-retained-end :is(h2,p,figure){margin:0}.studio-retained-end img{display:block;max-width:100%;height:auto}
.studio-close{order:100}
html[data-icon-studio-case] .icon-flower-bubble{max-width:260px;min-height:40px;padding:10px 16px}
html[data-icon-studio-video] .icon-flower-guide:not(.is-case-guide):not([data-footer-entry=approach]):not([data-footer-entry=hidden]):not([data-footer-entry=emerge]):not([data-footer-entry=settled]){opacity:0!important;visibility:hidden;pointer-events:none}
@media(max-width:900px){.studio-original-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.studio-feature-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-reflection-grid{gap:14px}.studio-reflection-grid article{padding:22px 18px}}
@media(max-width:600px){.studio-original-contents{gap:0;padding:5px;top:8px}.studio-original-contents a{font-size:9px!important;padding:9px 7px}.studio-original-contents a span{display:none}.studio-original-facts dd{font-size:12px}.studio-feature-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-feature-nav a{font-size:11px!important;padding:16px 12px}.studio-feature-nav a:last-child{grid-column:1/-1}.studio-reflection-grid{grid-template-columns:1fr;margin-top:36px}.studio-original-feature-label{font-size:9px}.studio-compare-label{font-size:8px;padding:6px 8px}.studio-compare-divider i{width:34px;height:34px}}
@media(prefers-reduced-motion:no-preference){.icon-studio-original [data-studio-reveal]{opacity:.25;transform:translateY(18px);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}.icon-studio-original [data-studio-reveal].is-visible{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.studio-feature-nav a,.studio-reflection-grid article{transition:none!important;transform:none!important}.icon-studio-original [data-studio-reveal]{opacity:1;transform:none}}
.studio-footer{padding-block:80px 0;background:var(--studio-purple);color:var(--studio-bg)}
.studio-footer .studio-grid{align-items:flex-start}
.studio-footer-brand{width:35.3293413248%}.studio-footer-brand img{width:95px;height:95px;object-fit:contain;filter:brightness(0)}
.studio-footer-contact{width:47.0059880348%}.studio-footer-contact>span{font-size:12px;color:#00020d99;font-weight:400}.studio-footer-contact p{font-size:14px;line-height:1.57;margin-top:14px;margin-bottom:8px}.studio-footer-contact>a{font-family:var(--ds-font-bold);font-size:18px;line-height:1.4;text-decoration:underline;text-underline-offset:4px}
.studio-all-work{font-size:12px!important;text-decoration:underline!important;text-underline-offset:4px;margin-left:auto}

/* A soft tab grows out of the top edge, retracting while the reader scrolls. */
.studio-close{position:fixed;z-index:75;left:clamp(12px,2.44140625vw,48px);right:auto;top:0;width:87px;height:70px;color:var(--studio-bg)!important;display:block;outline-offset:-6px!important;transform:translateY(0);transition:transform .24s cubic-bezier(.2,.7,.2,1),opacity .18s;opacity:1}
.studio-close-shape{position:absolute;inset:-2px 0 auto;width:87px;height:32px;transform-origin:50% 0;transform:scaleY(1);transition:transform .3s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.studio-close-cross{position:absolute;left:31px;top:0;width:26px;height:26px;transform:translateY(0);transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s;pointer-events:none}
.studio-close[data-scroll-hidden]:not(:focus-visible){transform:translateY(calc(-100% - 4px));opacity:0;pointer-events:none}
.icon-studio-case .studio-close:is(:hover,:focus-visible) .studio-close-shape{transform:scaleY(1.11)}
.icon-studio-case .studio-close:is(:hover,:focus-visible) .studio-close-cross{transform:translateY(3px);opacity:1}

.studio-back-top-wrap{position:relative;width:100%;max-width:1670px;height:55px;margin:80px auto 0}
.studio-back-top{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:545px;max-width:100%;height:55px;border:0;padding:0;background:none;color:var(--studio-ink)!important;cursor:pointer}
.studio-back-top svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--studio-bg);transform-origin:50% 100%;transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.studio-back-top span{position:absolute;inset:18px 0 auto;font-size:14px;line-height:1.4;text-align:center;transition:transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.studio-back-top:is(:hover,:focus-visible) svg{transform:scaleY(1.18)}
.studio-back-top:is(:hover,:focus-visible) span{transform:translateY(-5px)}

.studio-container{width:100%;padding-inline:clamp(20px,4.5vw,88px)}
.studio-grid{width:100%;max-width:var(--ds-layout-content);margin:auto;display:flex;flex-wrap:wrap;position:relative}
.studio-close-shape path{fill:var(--case-highlight,#eaff00)}
.studio-back-top{--studio-ink:var(--case-paper,#f5f3ed);--studio-bg:#09090d}
.studio-footer{--studio-bg:#09090d;--studio-purple:var(--case-end,#b8a0fb)}
@media(max-width:767px){
 .studio-close{left:8px;right:auto;width:87px;height:60px}
 .studio-footer{padding-block:50px 0}.studio-footer-brand{width:100%;margin-bottom:35px}.studio-footer-brand img{width:70px;height:70px}.studio-footer-contact{width:100%;margin-bottom:34px}.studio-all-work{margin-left:0}
 .studio-back-top-wrap{margin-top:60px}.studio-back-top{left:50%;transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){.studio-close,.studio-close *,.studio-back-top *{transition:none!important}}

/* Evidence-led story additions share the original case's type and palette. */
.icon-studio-original :is(.studio-workspace-story,.studio-decision-note,.studio-story-more){font-family:var(--ds-font-body);box-sizing:border-box;width:100%;min-width:0}
.icon-studio-original :is(.studio-workspace-story,.studio-decision-note,.studio-story-more) *{box-sizing:border-box}
.icon-studio-original :is(.studio-workspace-story,.studio-decision-note,.studio-story-more) :is(h2,h3,h4,p,figure){margin:0}
.icon-studio-original .studio-feature-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}
.icon-studio-original .studio-feature-nav a{font-size:14px!important;min-height:114px}
.studio-workspace-story{max-width:1240px;color:#19191e}
.studio-story-heading{max-width:820px;margin-bottom:50px}
.studio-story-heading h2{font-family:var(--ds-font-medium);font-weight:500;font-size:clamp(32px,3.7vw,56px);line-height:1.16;letter-spacing:-.04em;margin-bottom:28px!important}
.studio-story-heading h2 em{font-family:var(--ds-font-script);color:var(--case-accent,#754ff6);font-style:normal;font-size:1.16em}
.studio-story-heading>p{font-size:clamp(15px,1.25vw,18px);line-height:1.75;color:var(--case-muted,#66616f);max-width:730px}
.studio-study-tabs{display:flex;gap:8px;padding:7px;border:1px solid var(--case-panel,#ded7ea);border-radius:var(--ds-radius-pill);width:fit-content;max-width:100%;margin-bottom:28px;background:var(--case-soft,#f6f3fa)}
.studio-study-tabs button{font:inherit;font-size:13px;line-height:1.4;background:transparent;border:0;border-radius:var(--ds-radius-pill);padding:14px 20px;color:var(--case-muted,#625d6c);cursor:pointer;transition:background .25s,color .25s;display:flex;align-items:center;gap:18px}
.studio-study-tabs button[aria-selected=true]{background:#19191e;color:var(--case-highlight,#eaff00)}.studio-study-tabs button:not([aria-selected=true]):hover{background:var(--case-soft,#e9e1f8);color:#19191e}
.studio-study-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);align-items:center;gap:34px}
.studio-study-panel[hidden]{display:none!important}
.studio-study-panel figure{min-width:0}
.studio-study-panel img{display:block;width:100%;height:auto;aspect-ratio:1440/1192;object-fit:contain;background:var(--case-soft,#f6f3fa);border:1px solid var(--case-soft,#e6dfee);border-radius:18px;padding:10px}
.studio-study-panel figcaption,.studio-story-caption{display:block;font-size:11px;line-height:1.7;color:var(--case-muted,#7b7288);margin-top:15px!important}
.studio-study-copy{min-width:0}.studio-story-eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase;color:var(--case-accent,#7556cc);margin-bottom:16px}
.studio-study-copy h3{font-family:var(--ds-font-medium);font-weight:500;font-size:clamp(22px,2vw,30px);line-height:1.3;letter-spacing:-.03em;margin-bottom:20px!important}
.studio-study-copy p{font-size:14px;line-height:1.8;color:var(--case-muted,#68616f)}.studio-study-balance{margin-top:24px!important;padding-top:20px;border-top:1px solid var(--case-panel,#ded7e9)}
.studio-study-balance>span{display:block;color:var(--case-ink,#22182e);margin-bottom:8px;font-size:11px}
.studio-workspace-story>.studio-story-caption{border-top:1px solid var(--case-soft,#e6dfee);padding-top:22px;margin-top:28px!important}
.studio-decision-note{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px 30px;color:#fff;padding:24px 0 8px;border-top:1px solid #ffffff50}
.studio-decision-note .studio-story-eyebrow{color:#fffd;margin:0;grid-row:1/3;padding-top:4px}
.studio-decision-note h4{font-family:var(--ds-font-medium);font-weight:500;font-size:20px;line-height:1.4}
.studio-decision-note p{font-size:14px;line-height:1.8;color:#fffe;max-width:800px}
.studio-story-more{border:1px solid #fff8;border-radius:20px;background:#ffffffeb;color:var(--case-ink,#282331);overflow:hidden}
.studio-story-more>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:15px;line-height:1.6;padding:24px 28px}
.studio-story-more>summary::-webkit-details-marker{display:none}.studio-story-more>summary i{font-size:24px;font-style:normal;transition:transform .3s}.studio-story-more[open]>summary i{transform:rotate(45deg)}
.studio-more-body{padding:0 28px 28px}.studio-more-body>p{font-size:14px;line-height:1.8;color:var(--case-muted,#6b6274);max-width:820px;margin-bottom:26px!important}
.studio-more-body video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--case-soft,#f1eef5);border-radius:14px}
.studio-story-explorations .studio-more-body{display:grid;gap:30px}.studio-story-explorations article+article{padding-top:34px;border-top:1px solid var(--case-line,#cec3de)}
.studio-story-explorations h3{font-family:var(--ds-font-medium);font-size:25px;line-height:1.4;font-weight:500;margin-bottom:16px!important}
.studio-story-explorations article>p{font-size:14px;line-height:1.8;max-width:730px;color:var(--case-muted,#6b6274);margin-bottom:26px!important}
.icon-studio-original :is(.studio-study-tabs button,.studio-study-panel,.studio-story-more summary):focus-visible{outline:2px solid var(--case-accent,#754ff6);outline-offset:5px}
@media(max-width:1000px){.studio-study-panel{grid-template-columns:1fr;gap:26px}.studio-study-copy{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}.studio-study-copy .studio-story-eyebrow,.studio-study-copy h3{grid-column:1/-1;margin-bottom:0!important}.studio-study-copy .studio-study-balance{margin:0!important;padding:0 0 0 24px;border-top:0;border-left:1px solid var(--case-panel,#ded7e9)}}
@media(max-width:600px){.studio-story-heading{margin-bottom:32px}.studio-study-tabs{width:100%;gap:3px;padding:5px}.studio-study-tabs button{flex:1;padding:12px 10px;font-size:11px;gap:6px;justify-content:center}.studio-study-tabs button span{display:none}.studio-study-panel img{padding:4px;border-radius:12px}.studio-study-copy{display:block}.studio-study-copy h3{font-size:24px;margin:12px 0 18px!important}.studio-study-copy .studio-study-balance{padding:20px 0 0;border:0;border-top:1px solid var(--case-panel,#ded7e9);margin-top:20px!important}.studio-decision-note{grid-template-columns:1fr;gap:12px}.studio-decision-note .studio-story-eyebrow{grid-row:auto}.studio-decision-note h4{font-size:19px}.studio-story-more>summary{font-size:13px;padding:20px}.studio-more-body{padding:0 20px 24px}.studio-story-explorations h3{font-size:22px}.icon-studio-original .studio-feature-nav{grid-template-columns:1fr}.icon-studio-original .studio-feature-nav a{min-height:0;font-size:13px!important;padding:16px;flex-wrap:nowrap;align-items:center}.icon-studio-original .studio-feature-nav a span{width:auto;margin-right:6px}.icon-studio-original .studio-feature-nav a:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.studio-study-tabs button,.studio-story-more>summary i{transition:none}}

/* A quieter editorial rhythm, using Crème's own neutral and violet palette. */
.icon-studio-original :is(.framer-7ecb8n,.framer-4rjwcb,.framer-jvscqv,.framer-f0czm6){background:var(--case-paper,#faf9f7)!important}
.icon-studio-original :is(.framer-g9pvpm,.framer-1qpsdr7){background:var(--case-wash,#f0ebf7)!important}
.icon-studio-original :is(.framer-tmwpqa,.framer-htzwaz,.framer-1v3timm,.framer-mcg1wb-container){display:none!important}
.icon-studio-original .framer-bcxrl8-container{opacity:.2!important}
.icon-studio-original :is(.framer-g9pvpm,.framer-1qpsdr7) :is(h3,h4,h5,h6,p,li){--framer-text-color:var(--case-ink,#29252e)!important;color:var(--case-ink,#29252e)!important}
.icon-studio-original :is(.framer-g9pvpm,.framer-1qpsdr7) [data-framer-component-type=SVG]{display:none!important}
.icon-studio-original :is(.framer-7ecb8n,.framer-g9pvpm,.framer-4rjwcb,.framer-1qpsdr7) h3{--framer-font-family:var(--ds-font-body)!important;font-family:var(--ds-font-body)!important;font-weight:400!important;letter-spacing:-.04em!important}
.icon-studio-original .framer-u9mm7y>a{background:var(--case-ink,#29252e)!important;box-shadow:none!important;border-radius:8px!important}
.icon-studio-original .framer-wotkuz{height:auto!important;min-height:0!important;gap:52px!important}
.studio-original-contents{background:color-mix(in srgb,var(--case-paper,#faf9f7) 96.08%,transparent);border-color:var(--case-panel,#d7d0df);border-radius:8px;box-shadow:none;backdrop-filter:none;color:var(--case-ink,#29252e)}
.studio-original-contents a{border-radius:4px}.studio-original-contents a[aria-current]{background:var(--case-soft,#e7dff3);color:var(--case-ink,#382949)}.studio-original-contents a:not([aria-current]):hover{background:var(--case-soft,#efebf3)}
.studio-workflow-strip{font-family:var(--ds-font-body);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;width:100%;color:var(--case-ink,#29252e);box-sizing:border-box}
.studio-workflow-strip article{border-top:1px solid var(--case-line,#d2c9db);padding-top:22px;min-width:0}
.studio-workflow-strip article>span{font-size:12px;line-height:1.5;color:var(--case-muted,#77618c)}.studio-workflow-strip h4{font-family:var(--ds-font-medium);font-size:21px;line-height:1.4;font-weight:500;margin:24px 0 14px}.studio-workflow-strip p{font-size:14px;line-height:1.8;margin:0;color:var(--case-muted,#6e6677)}
.studio-original-tag{border:0;padding:0;border-radius:0;letter-spacing:.07em;color:var(--case-muted,#756186);margin-bottom:24px}
.studio-study-tabs{background:transparent;border:0;border-bottom:1px solid var(--case-panel,#d9d0e1);border-radius:0;padding:0;gap:26px;width:100%}
.studio-study-tabs button{border-radius:0;padding:14px 0;position:relative;transition:color .2s}
.studio-study-tabs button span{display:none}.studio-study-tabs button[aria-selected=true]{background:transparent;color:var(--case-ink,#29252e)}.studio-study-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--case-muted,#806394)}
.studio-study-tabs button:not([aria-selected=true]):hover{background:transparent;color:var(--case-ink,#33263f)}
.studio-study-panel img{border-radius:8px;background:var(--case-soft,#ede8f2);border:0;padding:12px}
.icon-studio-original .studio-feature-nav{gap:32px}.icon-studio-original .studio-feature-nav a{background:transparent;border:0;border-top:1px solid var(--case-line,#bcb0cd);border-radius:0;padding:22px 0;box-shadow:none!important;transform:none!important;color:var(--case-ink,#383040);min-height:110px}
.icon-studio-original .studio-feature-nav a:hover{background:transparent;color:var(--case-muted,#785696)}.studio-feature-nav a b{transition:transform .3s}.studio-feature-nav a:hover b{transform:translate(3px,-3px)}
.studio-original-feature-label{color:var(--case-muted,#4f405e);border-color:var(--case-line,#c3b8d1);font-size:11px}.studio-original-feature-label>span:last-child{color:var(--case-muted,#786b84)}
.studio-decision-note{color:var(--case-ink,#29252e);border-color:var(--case-line,#c7bdd2)}.studio-decision-note .studio-story-eyebrow{color:var(--case-muted,#746380)}.studio-decision-note p{color:var(--case-muted,#6b6075)!important}
.studio-story-more{border-radius:0;border:0;border-top:1px solid var(--case-line,#c4b9d1);border-bottom:1px solid var(--case-line,#c4b9d1);background:transparent}
.studio-story-more>summary{padding:24px 0}.studio-more-body{padding:0 0 30px}.studio-more-body video{border-radius:12px}.studio-study-panel:focus-visible{outline-offset:8px}
.studio-reflection-grid{gap:34px;margin-top:50px}.studio-reflection-grid article{padding:24px 0 0;border:0;border-top:1px solid var(--case-line,#d2c9db);border-radius:0;background:none;transform:none!important}.studio-reflection-grid article:hover{border-color:var(--case-muted,#88709e)}
.studio-reflection-grid h3{font-size:21px;margin-top:24px}.studio-reflection-grid p{font-size:14px;line-height:1.8}
.studio-close-shape path{fill:var(--case-panel,#ded1ed)}
@media(max-width:900px){.studio-workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px}}
@media(max-width:600px){.studio-study-tabs{gap:24px}.studio-study-tabs button{flex:none;font-size:12px;padding:12px 0}.studio-workflow-strip{gap:28px 20px}.studio-workflow-strip h4{font-size:18px;margin-top:18px}.studio-workflow-strip p{font-size:13px}.icon-studio-original .studio-feature-nav{gap:0}.icon-studio-original .studio-feature-nav a{padding:18px 0;min-height:0}.studio-decision-note{padding-top:22px}.studio-story-more>summary{padding:20px 0}.studio-reflection-grid{gap:28px}}

.icon-studio-original #researchcard{display:none!important}

/* Editorial story layout. Keep the original cover, site type and page chrome. */
.icon-studio-original{--case-hero-height:min(860px,86svh);--case-hero-min-height:600px;--case-hero-mobile-height:clamp(430px,72svh,620px);--studio-story-gutter:var(--ds-layout-gutter);--studio-story-gap:var(--ds-layout-gap);--studio-story-space:var(--ds-layout-section);--studio-title-size:var(--ds-text-title);--studio-section-title-size:var(--ds-text-section)}
.icon-studio-original :is(.framer-7ecb8n,.framer-g9pvpm,.framer-4rjwcb,.framer-jvscqv,.framer-1qpsdr7,.framer-f0czm6){box-sizing:border-box;padding:var(--studio-story-space) var(--studio-story-gutter)!important;height:auto!important;min-height:0!important}
.icon-studio-original :is(.framer-u9mm7y,.framer-wotkuz,.framer-11ywbkt,.framer-1g1zile,.studio-workspace-story,.studio-original-reflection){width:100%!important;max-width:var(--ds-layout-content)!important;min-width:0!important;flex:none!important}
.icon-studio-original .framer-u9mm7y{gap:0!important}
.icon-studio-original .framer-zfzfpq{gap:50px!important;width:100%!important}
.icon-studio-original .framer-qs33w{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--studio-story-gap)!important;align-items:start!important;width:100%!important}
.icon-studio-original :is(.framer-1kn4ys2,.framer-3044pa){width:100%!important;min-width:0!important}
.icon-studio-original .framer-10cnc0r h5{font-size:clamp(16px,1.55vw,23px)!important;line-height:1.65!important}
.icon-studio-original .studio-original-facts{margin-top:56px}
.icon-studio-original .framer-wotkuz{position:relative!important;top:auto!important;gap:56px!important}
.icon-studio-original .framer-1yqenag{width:100%!important;max-width:1000px!important}
.icon-studio-original .framer-1pencdm h3{font-size:var(--studio-section-title-size)!important;line-height:1.15!important}
.icon-studio-original .framer-11madxa{gap:24px!important}
.icon-studio-original .framer-e8sw43 p{font-size:clamp(16px,1.3vw,20px)!important;line-height:1.7!important;max-width:650px}
.icon-studio-original .framer-jvscqv{padding-top:30px!important}
/* The editorial brief replaces the export's sticky, asymmetrically padded content. */
.icon-studio-original .framer-11ywbkt{display:block!important;position:relative!important;inset:auto!important;height:auto!important;padding:0!important;transform:none!important;align-self:center!important;box-sizing:border-box}
.studio-editorial-brief{font-family:var(--ds-font-body);width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px var(--studio-story-gap);color:var(--case-ink,#29252e);box-sizing:border-box}
.studio-editorial-brief>*{min-width:0}
.studio-editorial-brief>.studio-story-eyebrow{grid-column:1/-1;margin:0}
.studio-editorial-brief h2{font:400 var(--studio-section-title-size)/1.15 var(--ds-font-body);letter-spacing:-.055em;margin:0}
.studio-editorial-brief h2 em{font-family:var(--ds-font-script);font-style:normal;font-size:1.22em;color:var(--case-accent,#754ff6)}
.icon-studio-original .studio-brief-copy h3{font-size:clamp(22px,2.1vw,32px)!important;line-height:1.3!important;margin:0 0 24px}
.studio-brief-copy p{font-size:clamp(15px,1.3vw,20px);line-height:1.8;margin:0 0 20px;color:var(--case-muted,#655c6f)!important}
.studio-story-heading{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:28px var(--studio-story-gap);margin-bottom:60px;align-items:end}
.studio-story-heading>.studio-original-tag{grid-column:1/-1;margin:0}
.studio-story-heading h2{margin:0!important;font-size:var(--studio-section-title-size);line-height:1.15}
.studio-story-heading>p{font-size:clamp(15px,1.25vw,19px)}
.studio-study-panel{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:end}
.studio-study-panel img{border-radius:4px;padding:clamp(12px,2.5vw,38px);background:var(--case-soft,#e7e0ee)}
.studio-study-copy h3{font-size:clamp(22px,2vw,32px)}
.studio-study-copy p{font-size:clamp(14px,1.1vw,17px);line-height:1.75}
.icon-studio-original .framer-1g1zile{gap:72px!important}
/* Keep the product heading separate from the old 20px icon slot. */
.studio-product-index{display:grid;gap:24px;width:100%;min-width:0;box-sizing:border-box}
.icon-studio-original .studio-product-eyebrow{display:block;width:100%;min-width:0;margin:0!important;padding:0;font:11px/1.6 var(--ds-font-body);letter-spacing:.04em;white-space:normal;color:var(--case-muted,#655c6f)!important}
.icon-studio-original .studio-feature-nav{margin:0}
.icon-studio-original [data-studio-composition]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px var(--studio-story-gap)!important;align-items:start!important;margin:0 0 64px!important}
.icon-studio-original [data-studio-composition]>.studio-original-feature-label{grid-column:1/-1;padding:20px 0 14px;margin:0}
.icon-studio-original [data-studio-editorial-heading]{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap)!important;width:100%!important;margin:0 0 8px!important;align-items:start!important}
.icon-studio-original [data-studio-editorial-heading]>div{width:100%!important;min-width:0!important}
.icon-studio-original [data-studio-editorial-heading] h3{font-size:clamp(28px,3.35vw,52px)!important;line-height:1.17!important;letter-spacing:-.04em!important}
.icon-studio-original [data-studio-editorial-heading] h5{font-size:clamp(15px,1.2vw,19px)!important;line-height:1.75!important;letter-spacing:0!important;color:var(--case-muted,#655c6f)!important}
.icon-studio-original [data-studio-editorial-media]{grid-column:1/-1;display:block;width:100%;min-width:0;align-self:end}
.icon-studio-original [data-studio-editorial-media]>div{width:100%!important;height:auto!important;opacity:1!important;transform:none!important}
.icon-studio-original [data-studio-editorial-media] :is(.framer-LLTWm,.framer-kvejh8-container){width:100%!important;height:auto!important;aspect-ratio:auto!important;border-radius:8px!important;overflow:hidden}
.icon-studio-original [data-studio-editorial-media] video{height:auto!important;aspect-ratio:16/9;object-fit:contain!important;border-radius:8px!important;background:var(--case-panel,#e5ddea)}
.icon-studio-original [data-studio-composition]>.studio-decision-note{grid-column:2/-1;display:block;border:0;padding:10px 0 0}
.icon-studio-original [data-studio-composition]>.studio-decision-note h4{font-size:clamp(20px,1.7vw,26px);line-height:1.35;margin-bottom:18px}
.icon-studio-original [data-studio-composition]>.studio-decision-note p{font-size:clamp(14px,1.15vw,18px);line-height:1.75}
.icon-studio-original [data-studio-composition]>.studio-decision-note .studio-story-eyebrow{margin-bottom:18px}
.icon-studio-original [data-studio-composition]>.studio-story-more{grid-column:2/-1;margin-top:12px}
.icon-studio-original [data-studio-composition=history]>[data-studio-editorial-heading]{grid-column:1;grid-row:2;display:flex!important;flex-direction:column;gap:24px!important}
.icon-studio-original [data-studio-composition=history]>[data-studio-editorial-heading] h3{font-size:clamp(27px,2.7vw,42px)!important}
.icon-studio-original [data-studio-composition=history]>[data-studio-editorial-media]{grid-column:2/-1;grid-row:2}
.icon-studio-original [data-studio-composition=modes]>[data-studio-editorial-heading]{grid-column:2/-1;display:block!important}
.icon-studio-original [data-studio-composition=modes]>[data-studio-editorial-heading]>div+div{margin-top:26px;max-width:620px}
.icon-studio-original [data-studio-composition=modes]>[data-studio-editorial-media]{grid-column:1/3;grid-row:3}
.icon-studio-original [data-studio-composition=modes]>.studio-decision-note{grid-column:3;grid-row:3;align-self:end;padding:0}
.studio-detail-pair{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:24px var(--studio-story-gap);align-items:end;margin:55px 0 0;font-family:var(--ds-font-body);min-width:0}
.studio-detail-pair figure{margin:0;min-width:0}
.studio-detail-window{position:relative;overflow:hidden;background:var(--case-panel,#ddd3e9);border-radius:4px}
.studio-detail-settings .studio-detail-window{aspect-ratio:3/4}.studio-detail-composer .studio-detail-window{aspect-ratio:1.85}
.studio-detail-window img{display:block;position:absolute;height:auto;max-width:none;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.studio-detail-settings img{width:330%;top:7%;left:-229%}.studio-detail-composer img{width:132%;bottom:17%;left:3%}
.studio-detail-pair figcaption{font-size:clamp(14px,1.1vw,17px);line-height:1.5;color:var(--case-ink,#29252e);padding-top:24px}
.studio-detail-pair figcaption span{display:block;font-size:10px;letter-spacing:.035em;color:var(--case-muted,#79668b);margin-bottom:10px}
.studio-detail-source{grid-column:1/-1;color:var(--case-muted,#79668b)!important;font-size:11px!important;line-height:1.6!important;margin:0!important}
.icon-studio-original [data-studio-composition=modes]>.studio-story-more{grid-column:1/-1}
.icon-studio-original .studio-story-explorations{margin-top:-40px}
.icon-studio-original .studio-original-reflection{display:grid;grid-template-columns:1fr 1fr;gap:32px var(--studio-story-gap)}
.studio-original-reflection>.studio-original-tag,.studio-original-reflection>.studio-reflection-grid{grid-column:1/-1;margin:0}
.studio-original-reflection>h2{margin:0}.studio-original-reflection>.studio-reflection-intro{align-self:end;font-size:clamp(15px,1.2vw,19px)}
.studio-original-reflection>.studio-reflection-grid{margin-top:40px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.studio-detail-pair figure:hover img{transform:translateY(-5px)}}
@media(max-width:1050px){
 .studio-study-panel{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:32px}
 .studio-study-copy{display:block}.studio-study-copy .studio-study-balance{border-left:0;border-top:1px solid var(--case-panel,#d9d0e1);padding:20px 0 0;margin-top:20px!important}
 .icon-studio-original [data-studio-composition=history]>[data-studio-editorial-media]{align-self:center}
 .icon-studio-original [data-studio-composition=modes]>.studio-decision-note{grid-column:2/-1;grid-row:auto}
 .icon-studio-original [data-studio-composition=modes]>[data-studio-editorial-media]{grid-column:1/-1}
}
@media(max-width:767px){
 .icon-studio-original{--studio-story-gutter:var(--ds-layout-gutter);--studio-story-gap:var(--ds-layout-gap);--studio-story-space:var(--ds-layout-section);--studio-title-size:var(--ds-text-title);--studio-section-title-size:var(--ds-text-section)}
 .icon-studio-original .framer-qs33w,.studio-editorial-brief,.studio-story-heading,.studio-study-panel,.icon-studio-original .studio-original-reflection{grid-template-columns:1fr}
 .studio-editorial-brief{gap:28px}
 .studio-story-heading{gap:24px;margin-bottom:32px}
 .icon-studio-original .framer-1g1zile{gap:48px!important}
 .studio-product-index{gap:20px}
 .icon-studio-original [data-studio-composition]{grid-template-columns:1fr;gap:26px!important;margin-bottom:36px!important}
 .icon-studio-original [data-studio-composition]>:is([data-studio-editorial-heading],[data-studio-editorial-media],.studio-decision-note,.studio-story-more){grid-column:1/-1!important;grid-row:auto!important}
 .icon-studio-original [data-studio-editorial-heading]{display:flex!important;flex-direction:column;gap:20px!important;margin:0!important}
 .icon-studio-original [data-studio-editorial-heading] h3{font-size:32px!important}
 .icon-studio-original [data-studio-editorial-heading] h5{font-size:16px!important}
 .icon-studio-original [data-studio-composition=modes]>[data-studio-editorial-heading]>div+div{margin-top:20px}
 .icon-studio-original [data-studio-composition]>.studio-decision-note{padding-top:8px}
 .studio-detail-pair{grid-template-columns:1fr;gap:30px;margin-top:15px}
 .studio-detail-settings{max-width:65%}.studio-detail-composer{width:100%}.studio-detail-pair figcaption{padding-top:16px}
 .icon-studio-original .studio-story-explorations{margin-top:-12px}
 .studio-original-reflection>.studio-reflection-grid{margin-top:10px}.studio-original-feature-label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.studio-detail-window img{transition:none}}
/* Exported rich-text wrappers used half-width flex items inside each heading. */
.icon-studio-original [data-studio-editorial-heading] div{width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;align-self:auto!important;margin-inline:0!important}

/* Bottom chapter dock shares the homepage navigation's Liquid Glass surface. */
.icon-studio-original .studio-original-contents{position:fixed;top:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;right:auto;z-index:60;transform:translateX(-50%);width:min(800px,calc(100% - 32px));max-width:none;margin:0;padding:7px;gap:4px;isolation:isolate;border:0;border-radius:999px;background:linear-gradient(150deg,#ffffff20,#ffffff08 45%,#d5e2ff14),rgba(16,20,27,.56);backdrop-filter:blur(18px) saturate(175%) contrast(1.06);-webkit-backdrop-filter:blur(18px) saturate(175%) contrast(1.06);color:#f7f7f7;box-shadow:inset 0 1px 1px #ffffff8c,inset 1px 0 1px #ffffff26,inset -1px 0 1px #c2d3ef30,inset 0 -1px 1px #ffffff3d,0 8px 26px #00000029,0 1px 3px #0000001f}
.icon-studio-original .studio-original-contents:before,.icon-studio-original .studio-original-contents:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.icon-studio-original .studio-original-contents:before{z-index:0;background:linear-gradient(165deg,#ffffff19,transparent 60%,#cbdfff12);border:1px solid #ffffff26}
.icon-studio-original .studio-original-contents:after{z-index:3;inset:1px;box-shadow:inset 0 1px 0 #ffffff33,inset 0 -1px 1px #c8e4ff24;opacity:.85}
.icon-studio-original .studio-original-contents a{position:relative;z-index:2;flex:1;justify-content:center;min-width:0;min-height:42px;padding:11px 14px;border-radius:999px;color:inherit;font-size:12px!important;text-shadow:0 1px 3px #0005;transition:background .25s,color .25s,box-shadow .25s}
.icon-studio-original .studio-original-contents a span{font-size:9px;opacity:.65}
.icon-studio-original .studio-original-contents a[aria-current]{background:var(--ds-action-bg);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));text-shadow:none;box-shadow:inset 0 1px 0 #ffffff70,0 2px 8px #0002}
.icon-studio-original .studio-original-contents a:not([aria-current]):hover{background:#ffffff20;color:#fff}
.icon-studio-original .studio-original-contents a:focus-visible{outline:2px solid var(--case-highlight,#eaff00);outline-offset:-3px}
.icon-studio-original .studio-original-contents a[aria-current]:focus-visible{outline-color:var(--case-on-highlight,#171b0d)}
.icon-studio-original [id^=studio-]{scroll-margin-top:48px}
.icon-studio-original .studio-footer{padding-bottom:0}
@media(max-width:767px){.icon-studio-original .studio-original-contents{width:calc(100% - 24px);padding:5px;gap:0;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.icon-studio-original .studio-original-contents a{padding:10px 6px;min-height:42px;font-size:10px!important}.icon-studio-original .studio-original-contents a span{display:none}.icon-studio-original [id^=studio-]{scroll-margin-top:28px}}
@media(max-width:360px){.icon-studio-original .studio-original-contents a{font-size:9px!important;padding-inline:3px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.icon-studio-original .studio-original-contents{background:#222831f5}}
@media(prefers-reduced-transparency:reduce){.icon-studio-original .studio-original-contents{background:#222831f5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.icon-studio-original .studio-original-contents{background:#10141ff5;outline:1px solid #fff9}}
@media(prefers-reduced-motion:reduce){.icon-studio-original .studio-original-contents a{transition:none}}

/* One type family and one outer grid throughout the case. */
.icon-studio-original{--studio-font-body:var(--ds-font-body);--studio-font-medium:var(--ds-font-medium);font-synthesis:none}
.icon-studio-original :is(h1,h2,h3,h4,h5,h6,p,a,summary,dt,dd,figcaption,li,button,small){--framer-font-family:var(--studio-font-body)!important;font-family:var(--studio-font-body)!important;--framer-font-weight:400!important;font-weight:400!important}
.icon-studio-original .framer-text :is(span,a){font-family:inherit!important;font-weight:inherit!important}
.icon-studio-original :is(strong,b){font-family:var(--studio-font-medium)!important;font-weight:400!important}
.icon-studio-original :is(.studio-editorial-brief,.studio-story-heading,.studio-original-reflection) h2 em{font-family:var(--ds-font-script)!important;font-weight:400!important;font-style:normal}
.icon-studio-original .framer-1yqenag{max-width:none!important;align-self:stretch!important}
.icon-studio-original .framer-11madxa{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--studio-story-gap)!important}
.icon-studio-original .framer-11madxa>div{width:100%!important;min-width:0!important;flex:none!important}
.icon-studio-original .studio-container{padding-inline:var(--studio-story-gutter)}
.icon-studio-original .studio-grid{max-width:var(--ds-layout-content)}

/* Hello Monday's cover / metadata / narrow title + wide introduction hierarchy. */
/* Share the viewport-based cover height; image dimensions must not grow the section on wide screens. */
.icon-studio-original #banner:not(.aegis-hero):not(.recipe-hero):not(.connected-hero){box-sizing:border-box;position:relative!important;display:block!important;width:100%!important;height:var(--case-hero-height)!important;min-height:var(--case-hero-min-height)!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;opacity:1!important;transform:none!important;overflow:hidden!important;background:#d9d9d9}
.studio-case-hero-image{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 30%}
@media(max-width:767px){.icon-studio-original #banner:not(.aegis-hero):not(.recipe-hero):not(.connected-hero){height:var(--case-hero-mobile-height)!important;min-height:430px!important}}
.icon-studio-original #studio-overview{padding-top:36px!important;padding-bottom:var(--studio-story-space)!important}
.studio-case-overview{width:100%;color:var(--case-ink,#29252e);font-family:var(--studio-font-body)}
.studio-overview-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:var(--studio-story-gap);align-items:start;margin-bottom:clamp(64px,7.5vw,108px)}
.icon-studio-original .studio-live-link{font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;color:inherit;width:fit-content}
.studio-live-link span{display:inline-block;margin-left:6px;transition:transform .3s}
.studio-live-link:hover span{transform:translate(3px,-3px)}
.studio-overview-meta dl{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:24px;margin:0}
.studio-overview-meta dt{font-size:11px;line-height:1.5;color:var(--case-muted,#817987);margin-bottom:10px}
.studio-overview-meta dd{font-size:13px;line-height:1.6;margin:0}
.studio-overview-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:var(--studio-story-gap);align-items:start}
.studio-overview-intro h1{font-size:var(--studio-title-size);line-height:1.08;letter-spacing:-.045em;margin:0}
.studio-overview-intro p{font-size:clamp(16px,1.55vw,23px);line-height:1.6;margin:0 0 24px}
.studio-overview-intro p:not(.studio-overview-lead){color:var(--case-muted,#675f70)}
.studio-overview-stage{display:block;font-size:11px;line-height:1.7;color:var(--case-muted,#817987);margin-top:32px}

/* The highlight is a single moving surface, not five fading backgrounds. */
.icon-studio-original .studio-original-contents{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,16px);transition:opacity .28s ease,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s .45s}
.icon-studio-original .studio-original-contents.is-dock-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}
.icon-studio-original .studio-contents-indicator{position:absolute;left:0;top:0;z-index:1;border-radius:999px;background:var(--ds-action-bg);box-shadow:inset 0 1px 0 #ffffff70,0 2px 8px #0002;pointer-events:none;opacity:0}
.icon-studio-original .is-indicator-ready .studio-contents-indicator{opacity:1;transition:transform .52s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1),height .3s ease,opacity .15s}
.icon-studio-original .studio-original-contents.has-moving-indicator a[aria-current]{background:transparent;box-shadow:none}
.icon-studio-original .studio-original-contents.has-moving-indicator a{transition:color .2s,text-shadow .2s,background .2s}
@media(max-width:767px){
 .icon-studio-original .framer-11madxa{grid-template-columns:1fr}
 .icon-studio-original #studio-overview{padding-top:28px!important}
 .studio-overview-meta{grid-template-columns:1fr;gap:28px;margin-bottom:50px}
 .studio-overview-meta dl{grid-template-columns:1fr 1.2fr;gap:24px 16px}.studio-overview-meta dl>div:last-child{grid-column:1/-1}
 .studio-overview-intro{grid-template-columns:1fr;gap:28px}.studio-overview-intro h1{max-width:100%}.studio-overview-intro p{font-size:17px;line-height:1.65}.studio-overview-stage{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.icon-studio-original .studio-original-contents,.icon-studio-original .studio-contents-indicator,.studio-live-link span{transition:none!important}}

/* Keep capped content columns centered on wide screens as well. */
.icon-studio-original :is(.framer-u9mm7y,.framer-wotkuz,.framer-11ywbkt,.framer-1g1zile,.studio-workspace-story,.studio-original-reflection){margin-inline:auto!important}

/* The case guide floats above existing content without creating layout rows. */
.icon-flower-guide.is-case-guide{transition:opacity .25s ease}
html[data-icon-studio-case] .is-case-guide .icon-flower-bubble{box-sizing:border-box;width:var(--case-bubble-width,270px);max-width:var(--case-bubble-width,270px);font-family:var(--ds-font-body);line-height:1.6;text-align:left;padding:13px 18px;white-space:normal;cursor:pointer}
.is-case-guide .icon-flower-bubble:focus-visible{outline:2px solid var(--case-highlight,#eaff00);outline-offset:4px}
.is-case-guide .icon-flower-caption{pointer-events:none}
/* Case narration stays readable while scrolling; the controller hides it outside its safe reading lane. */
@media(max-width:767px){
 html[data-icon-studio-case] .is-case-guide .icon-flower-bubble{line-height:1.6;padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){.icon-flower-guide.is-case-guide{transition:none}}

/* Shared contact scene retains Home typography, outside the editorial type scale. */
.icon-studio-original .icon-contact-footer :is(h2,.icon-contact-hello,.icon-contact-secondary a,.icon-contact-secondary button,figcaption){font-family:var(--ds-font-bold)!important;font-weight:700!important}
.icon-studio-original .icon-contact-footer .icon-contact-invitation h2{margin:0 0 28px}
.icon-studio-original .icon-contact-footer .icon-contact-email{font-size:16px!important;font-family:var(--ds-font-body)!important;line-height:1.8}
.icon-studio-original .icon-contact-footer .icon-contact-secondary{font-size:14px}

html[data-icon-recipe-pending] #main>.framer-vzOWa{visibility:hidden!important}
.icon-recipe-host{display:block!important;width:100%!important;min-height:0!important;overflow:visible!important;background:var(--case-paper,#f8f7f4)!important}
.icon-recipe-case{display:block;width:100%;max-width:none;color:var(--case-ink,#29252e);background:var(--case-paper,#f8f7f4);font-family:var(--studio-font-body);--recipe-paper:var(--case-paper,#f8f7f4);--recipe-lilac:var(--case-wash,#eee9f5)}
.icon-recipe-case *{box-sizing:border-box}.icon-recipe-case :is(h1,h2,h3,p,figure,dl,dd){margin:0}.icon-recipe-case a{color:inherit;text-decoration:none}.icon-recipe-case button{font:inherit;cursor:pointer}.icon-recipe-case [hidden]{display:none!important}
.icon-recipe-case [id^=recipe-]{scroll-margin-top:40px}.recipe-section{padding:var(--studio-story-space) var(--studio-story-gutter)}.recipe-container{max-width:var(--ds-layout-content);width:100%;margin-inline:auto;min-width:0}.recipe-paper{background:var(--recipe-paper)}.recipe-lilac{background:var(--recipe-lilac)}
.icon-recipe-case #banner.recipe-hero{height:var(--case-hero-height)!important;min-height:var(--case-hero-min-height)!important;aspect-ratio:auto!important;position:relative;display:block;width:100%;padding:0;overflow:hidden;background:var(--case-ink,#16111d);color:var(--case-panel,#d9caee);isolation:isolate}
/* Give each phrase and the product its own lane; the artwork cannot cover text. */
.recipe-hero>img{position:absolute;z-index:1;width:35%;height:100%;max-width:none;left:49%;bottom:-3%;transform:translateX(-50%);object-fit:contain;object-position:center bottom}
.recipe-hero-type{position:absolute;inset:0;display:grid;grid-template-columns:28% 39% 33%;align-items:center;padding:0 5.25%;font-size:clamp(48px,6.5vw,135px);letter-spacing:-.075em;line-height:1;white-space:nowrap}
.recipe-hero-type span:first-child{grid-column:1;transform:translateY(-180px)}
.recipe-hero-type span:last-child{grid-column:3;justify-self:end;transform:translateY(75px)}
.recipe-hero-caption{position:absolute;left:var(--studio-story-gutter);bottom:28px;z-index:2;font-size:11px;letter-spacing:.12em;color:#f4f4f0}
.recipe-eyebrow{font-size:11px;letter-spacing:.055em;color:var(--case-accent,#7951c9);margin-bottom:32px!important;line-height:1.6}.recipe-container>.recipe-eyebrow,.recipe-heading>.recipe-eyebrow{grid-column:1/-1;margin-bottom:0!important}
.icon-recipe-case h2{font-size:var(--studio-section-title-size);line-height:1.15;letter-spacing:-.05em;font-weight:400}.icon-recipe-case h2 em{font-family:var(--ds-font-script)!important;font-style:normal;color:var(--case-accent,#754ff6);font-size:1.22em;font-weight:400}
.icon-recipe-case h3{font-size:clamp(22px,2vw,30px);line-height:1.35;letter-spacing:-.025em}.recipe-challenge-copy p,.recipe-decision-copy>p,.recipe-heading>p,.recipe-state-controls p,.recipe-impact-next p{font-size:clamp(16px,1.3vw,20px);line-height:1.75;color:var(--case-muted,#655c6f);margin-top:24px}
.recipe-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center}.recipe-two-col>*{min-width:0}.recipe-decision-copy h2{margin-bottom:28px}.recipe-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px var(--studio-story-gap);align-items:end;margin-bottom:64px}.recipe-heading>p{margin:0}
.recipe-media-board,.recipe-state-stage{position:relative;display:grid;justify-items:center;padding:34px 20px 24px;background:var(--case-panel,#e3dbee);border-radius:4px}.recipe-media-board img,.recipe-state-stage img{display:block;width:clamp(220px,23vw,335px);max-width:100%;height:auto;border-radius:var(--ds-radius-card);box-shadow:0 18px 44px color-mix(in srgb,var(--case-ink,#34233c) 8.63%,transparent);transition:transform .55s cubic-bezier(.22,1,.36,1)}.recipe-media-board:hover>img{transform:translateY(-4px)}
.icon-recipe-case figcaption{font-size:11px;line-height:1.6;color:var(--case-muted,#746879);padding-top:20px;text-align:center}.recipe-note{margin-top:40px;border-top:1px solid var(--case-line,#cfc4d9);padding-top:24px}.recipe-note>span{font-size:11px;color:var(--case-accent,#7951c9);letter-spacing:.03em}.recipe-note p{font-size:14px;line-height:1.8;color:var(--case-muted,#655c6f);margin-top:12px}
.recipe-state-stage{background:var(--case-panel,#ded3ec);align-self:stretch;align-content:center}.recipe-state-stage figure{width:100%;display:grid;justify-items:center}.recipe-state-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--case-line,#c7bbd3);margin-bottom:38px;gap:10px}.recipe-state-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--case-muted,#776b83);text-align:left;padding:12px 0 18px;font-size:12px;transition:color .2s,border-color .2s}.recipe-state-tabs button span{display:block;font-size:10px;margin-bottom:12px;opacity:.6}.recipe-state-tabs button[aria-selected=true]{color:var(--case-accent,#754ff6);border-color:var(--case-accent,#754ff6)}.recipe-state-controls [role=tabpanel]{min-height:240px}.recipe-replay{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 22px;background:var(--case-highlight,#eaff00);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));border:0;border-radius:var(--ds-radius-pill);font-size:13px;margin-top:30px;transition:transform .25s}.recipe-replay:hover{transform:translateY(-2px)}.recipe-state-controls>small,.recipe-decision-copy>small{display:block;color:var(--case-muted,#85798e);font-size:11px;line-height:1.75;margin-top:22px}
.recipe-result-art img{width:100%;height:auto;display:block;border-radius:4px}.recipe-result-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap);margin-top:42px}.recipe-result-notes h3{font-size:21px}.recipe-result-notes p{font-size:15px;line-height:1.75;color:var(--case-muted,#655c6f);margin-top:18px}
.recipe-feedback-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.recipe-feedback-actions button{border:1px solid var(--case-line,#c7bbd3);background:transparent;border-radius:var(--ds-radius-pill);padding:12px 15px;font-size:11px;color:var(--case-muted,#554661);transition:background .2s,color .2s}.recipe-feedback-actions button[aria-pressed=true]{background:var(--case-ink,#29252e);border-color:var(--case-ink,#29252e);color:white}.recipe-feedback-demo figure{display:grid;justify-items:center}
.recipe-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap);border-top:1px solid var(--case-line,#c7bbd3);padding-top:45px}.recipe-metric strong{display:block;font-size:clamp(78px,11vw,158px);line-height:1;color:var(--case-accent,#754ff6);letter-spacing:-.065em}.recipe-metric>p{font-size:18px;line-height:1.5;margin-top:20px}.recipe-metric small{display:block;font-size:12px;line-height:1.75;color:var(--case-muted,#776b83);margin-top:20px}.recipe-metric a{display:inline-block;font-size:12px;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.recipe-impact-next ul{padding:0;list-style:none;margin:24px 0 0}.recipe-impact-next li{padding:14px 0;border-top:1px solid var(--case-line,#c7bbd3);font-size:14px;line-height:1.7}.recipe-impact-next .recipe-fine{font-size:11px;color:var(--case-muted,#85798e)}.recipe-evidence{border-top:1px solid var(--case-line,#c7bbd3);margin-top:60px;padding-top:24px}.recipe-evidence summary{display:flex;justify-content:space-between;cursor:pointer;font-size:14px}.recipe-evidence p{max-width:920px;font-size:14px;line-height:1.8;color:var(--case-muted,#655c6f);margin-top:24px}.recipe-evidence a{display:inline-block;font-size:12px;text-decoration:underline;margin-top:20px}.recipe-evidence[open] summary span{transform:rotate(45deg)}
.icon-recipe-case :is(button,[role=tabpanel],summary):focus-visible{outline:2px solid var(--case-accent,#754ff6);outline-offset:5px}.icon-recipe-case .studio-retained-end{color:#f4f4f0}
@media(min-width:1600px){.recipe-media-board img,.recipe-state-stage img{width:350px}}
@media(max-width:900px){.recipe-state-tabs{grid-template-columns:repeat(2,1fr);gap:0 18px}.recipe-state-tabs button{padding-bottom:12px}.recipe-state-tabs button span{display:inline;margin-right:10px}.recipe-state-controls [role=tabpanel]{min-height:260px}}
@media(max-width:767px){.icon-recipe-case #banner.recipe-hero{min-height:430px!important;height:var(--case-hero-mobile-height)!important;max-height:620px!important}.recipe-hero-caption{font-size:9px;bottom:18px}.recipe-section{padding-block:64px}.recipe-two-col,.recipe-heading,.recipe-impact-grid{grid-template-columns:1fr;gap:32px}.recipe-heading{margin-bottom:32px}.recipe-challenge-copy h3{margin-top:0}.recipe-media-board,.recipe-state-stage{padding:24px 16px 20px}.recipe-media-board img,.recipe-state-stage img{width:min(270px,100%)}.recipe-state-tabs{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:24px}.recipe-state-tabs button{font-size:10px;letter-spacing:-.02em}.recipe-state-tabs button span{display:block;margin-bottom:7px}.recipe-state-controls [role=tabpanel]{min-height:190px}.recipe-replay{margin-top:12px}.recipe-result-notes{grid-template-columns:1fr;gap:28px}.recipe-error-media{order:2}.recipe-result-art{margin-inline:-12px}.recipe-note{margin-top:24px}.recipe-metric strong{font-size:104px}.recipe-evidence{margin-top:36px}.recipe-decision-copy>p,.recipe-challenge-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.recipe-media-board img,.recipe-replay,.recipe-state-tabs button,.recipe-feedback-actions button{transition:none;transform:none!important}}

html[data-icon-recipe-case] .is-case-guide .icon-flower-bubble{box-sizing:border-box;width:var(--case-bubble-width,270px);max-width:var(--case-bubble-width,270px);font-family:var(--ds-font-body);line-height:1.6;text-align:left;padding:13px 18px;white-space:normal;cursor:pointer}
@media(max-width:767px){html[data-icon-recipe-case] .is-case-guide .icon-flower-bubble{padding:12px 16px}}

/* Native, scaled product preview. Portfolio typography stays inherited. */
.recipe-state-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.recipe-state-controls #recipe-state-copy{min-height:240px}
.recipe-demo-phone{position:relative;width:clamp(220px,23vw,335px);max-width:100%;aspect-ratio:375/812;overflow:hidden;border-radius:var(--ds-radius-card);background:white;box-shadow:0 18px 44px color-mix(in srgb,var(--case-ink,#34233c) 8.63%,transparent);--recipe-phone-scale:.893333}
.recipe-demo-canvas{position:absolute;left:0;top:0;width:375px;height:812px;transform:scale(var(--recipe-phone-scale));transform-origin:0 0;color:#01404e;font-size:14px;line-height:1.4}
.recipe-demo-screen{position:absolute;inset:0;overflow:hidden;background:#fff}
.recipe-demo-phone img{display:block;width:auto;height:auto;max-width:none;border-radius:0;box-shadow:none;transition:none}
.recipe-demo-phone button,.recipe-demo-phone input,.recipe-demo-phone select,.recipe-demo-phone textarea{font:inherit;color:inherit}
.recipe-demo-phone button{border:0;background:none;padding:0}
.recipe-demo-phone button:focus-visible,.recipe-demo-phone :is(input,select,textarea):focus-visible{outline:2px solid var(--case-accent,#754ff6);outline-offset:2px}
.recipe-demo-phone .recipe-demo-dish{width:375px;height:812px;object-fit:cover}
.recipe-demo-status{position:absolute;inset:0 0 auto;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 32px;font-size:15px;font-weight:700}
.recipe-demo-status>div{display:flex;align-items:center;gap:5px}
.recipe-demo-battery{position:relative;display:block}.recipe-demo-battery i{position:absolute;inset:2px auto auto 2px;width:18px;height:7.667px;border-radius:1.6px;background:currentColor}
.recipe-demo-identify .recipe-demo-status{color:#fffaf9}.recipe-demo-phone .recipe-demo-back{position:absolute;left:16px;top:52px}
.recipe-demo-scan{position:absolute;left:0;top:51px;width:100%;height:57px;background:linear-gradient(transparent,#e3ffc780);border-bottom:2px solid #e3ffc7;animation:recipe-photo-scan 2.1s ease-out infinite alternate;animation-play-state:paused;pointer-events:none}
.recipe-state-demo[data-motion=true] .recipe-demo-scan{animation-play-state:running}
.recipe-demo-identifying{position:absolute;top:651px;left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:var(--ds-radius-card);background:#0009;color:white;white-space:nowrap;font-size:12px;letter-spacing:-.3px}
.recipe-demo-pan{position:absolute;left:80px;top:298px;width:216px;height:216px;overflow:hidden}
.recipe-demo-phone .recipe-demo-pan img{position:absolute;left:-36px;top:0;width:288px;height:216px;object-fit:cover}
.recipe-pan-motion{opacity:0}.recipe-pan-motion[data-loaded=true]{opacity:1}
.recipe-demo-generating{position:absolute;top:510px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;height:38px;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:-.35px}
.recipe-demo-label-window{height:28px;overflow:hidden}.recipe-demo-label-window span{display:block;height:28px;line-height:28px}.recipe-demo-label-window>div{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.recipe-demo-brand{position:absolute;left:50%;top:764px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;color:#777d86;font-size:14px;font-weight:700}
.recipe-demo-review{background:#fffaf9}.recipe-demo-review-scroll{position:absolute;inset:88px 0 0;overflow:auto;padding:16px 16px 142px;scrollbar-width:thin;scrollbar-color:#01404e30 transparent}
.recipe-demo-form-title{display:flex;align-items:center;gap:6px;font-size:23px;font-weight:700;letter-spacing:-1.1px;margin-bottom:40px;white-space:nowrap}
.recipe-demo-form{display:flex;flex-direction:column;gap:32px}.recipe-demo-field{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:700;line-height:1.6}
.recipe-demo-phone input,.recipe-demo-phone textarea{min-width:0;border:0;background:#f0f0f0;border-radius:22px;padding:12px 16px;font-size:12px;font-weight:400;line-height:20px;width:100%}
.recipe-demo-cover{position:relative;margin-top:8px;height:150px;border-radius:16px;overflow:hidden}.recipe-demo-phone .recipe-demo-cover>img{width:343px;height:150px;object-fit:cover}.recipe-demo-phone .recipe-demo-cover>button{position:absolute;right:8px;top:8px}
.recipe-demo-serving{display:flex;align-items:center;align-self:start;position:relative;border-radius:22px;padding:12px 8px;background:#f0f0f0;gap:4px}.recipe-demo-phone select{appearance:none;border:0;background:none;width:22px;font-size:14px;color:#777d86;cursor:pointer}.recipe-demo-serving>img:last-child{transform:rotate(90deg);pointer-events:none}
.recipe-demo-ingredient{display:grid;grid-template-columns:68px minmax(0,1fr) 20px;align-items:start;gap:8px;padding:12px 16px;border-radius:22px;background:#f0f0f0;margin-bottom:8px}.recipe-demo-ingredient input{padding:0;border-radius:0}.recipe-demo-ingredient button{padding:2px!important}.recipe-demo-phone .recipe-demo-add{display:flex;align-items:center;gap:4px;font-size:14px;text-align:left}
.recipe-demo-step{display:flex;flex-direction:column;gap:4px;font-weight:400}.recipe-demo-step>span{font-size:12px;color:#777d86}.recipe-demo-phone textarea{resize:vertical;line-height:1.5;border-radius:16px;padding:16px;min-height:66px}
.recipe-demo-review-header{position:absolute;top:0;left:0;width:375px;height:88px}.recipe-demo-phone .recipe-demo-review-header>button{position:absolute;left:16px;top:54px}
.recipe-demo-review-bottom{position:absolute;bottom:0;left:0;height:126px;width:100%;background:linear-gradient(transparent,#fff 50%);backdrop-filter:blur(10px);pointer-events:none}
.recipe-demo-phone .recipe-demo-review-bottom>button{position:absolute;top:24px;left:16px;width:343px;height:44px;border-radius:22px;background:#01404e;color:#fffaf9;font-size:14px;pointer-events:auto}
.recipe-demo-review-bottom>span{position:absolute;bottom:8px;left:120px;width:135px;height:5px;border-radius:100px;background:#01404e}
@keyframes recipe-photo-scan{from{transform:translateY(0)}to{transform:translateY(704px)}}
@media(min-width:1600px){.recipe-demo-phone{width:350px;--recipe-phone-scale:.933333}}
@media(max-width:900px){.recipe-state-controls #recipe-state-copy{min-height:260px}}
@media(max-width:767px){.recipe-demo-phone{width:min(270px,100%);--recipe-phone-scale:.72}.recipe-state-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-state-controls #recipe-state-copy{min-height:190px}}
@media(prefers-reduced-motion:reduce){.recipe-demo-scan{animation:none;transform:translateY(300px)}.recipe-demo-label-window>div{transition:none}}

/* Keep review controls stable as the walkthrough arrives at its editable result. */
.recipe-demo-phone :is(input,textarea,select){transition:box-shadow .25s,background .25s}
.recipe-demo-phone :is(input,textarea,select):focus{background:var(--case-soft,#ede5f7);box-shadow:0 0 0 2px color-mix(in srgb,var(--case-accent,#754ff6) 20.0%,transparent)}
@media(prefers-reduced-motion:reduce){.recipe-demo-phone :is(input,textarea,select){transition:none}}

/* Four sequential, time-synchronized segments. Finished steps stay filled. */
.recipe-state-demo .recipe-state-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-bottom:0}
.recipe-state-demo .recipe-state-tabs button{position:relative;border-bottom:0;padding-bottom:23px;min-width:0}
.recipe-progress-track{position:absolute;bottom:0;left:0;width:100%;height:3px;overflow:hidden;background:var(--case-line,#c7bbd3)}
.recipe-progress-track>[data-recipe-progress]{display:block;width:100%;height:100%;background:var(--case-accent,#754ff6);transform:scaleX(0);transform-origin:left;will-change:transform}
.recipe-state-demo .recipe-state-tabs [data-progress-state=complete]{color:var(--case-muted,#695388)}
@media(max-width:767px){.recipe-state-demo .recipe-state-tabs{gap:10px}.recipe-state-demo .recipe-state-tabs button{font-size:10px;padding-bottom:16px}.recipe-progress-track{height:3px}}

/* The result is the case's main product story: one photo, three useful outputs. */
.recipe-cook-demo{padding:clamp(18px,2.8vw,40px);border:1px solid var(--case-panel,#d7cce2);border-radius:20px;background:var(--case-wash,#eee9f5);min-width:0}
.recipe-cook-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.recipe-cook-input{position:relative;min-width:0;border-radius:14px;overflow:hidden;background:#33211f;isolation:isolate}
.recipe-cook-input>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;display:block}
.recipe-cook-input::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,color-mix(in srgb,var(--case-ink,#1d1129) 87.45%,transparent));z-index:1;pointer-events:none}
.icon-recipe-case .recipe-cook-input figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px;text-align:left;color:white;z-index:2}
.recipe-cook-input figcaption>span{font-size:10px;letter-spacing:.06em}.icon-recipe-case .recipe-cook-input h3{font-size:clamp(26px,2.4vw,38px);font-weight:400;line-height:1.18;margin-top:18px}.recipe-cook-input figcaption p{font-size:14px;margin-top:14px;color:#f4e9df}
.recipe-cook-photo-tag{position:absolute;left:20px;top:20px;padding:10px 14px;background:color-mix(in srgb,var(--case-paper,#f8f7f4) 90.98%,transparent);backdrop-filter:blur(8px);border-radius:var(--ds-radius-pill);font-size:11px;color:var(--case-ink,#29252e);z-index:2}
.recipe-cook-output{min-width:0;background:var(--case-paper,#f8f7f4);border:1px solid var(--case-panel,#d7cce2);border-radius:14px;padding:clamp(20px,2.5vw,34px)}
.recipe-cook-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-bottom:1px solid var(--case-line,#d5c7e1);margin-bottom:28px}
.recipe-cook-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;text-align:left;padding:0 0 15px;font-size:11px;color:var(--case-muted,#7a6e83);line-height:1.6;min-height:54px}
.recipe-cook-tabs button>span{display:block;font-size:10px;opacity:.6;margin-bottom:8px}.recipe-cook-tabs [aria-selected=true]{color:var(--case-accent,#754ff6);border-bottom-color:var(--case-accent,#754ff6)}
.recipe-cook-panel{min-height:460px}.recipe-cook-panel-heading>span{font-size:10px;letter-spacing:.05em;color:var(--case-accent,#7951c9)}.icon-recipe-case .recipe-cook-panel-heading h3{font-size:clamp(23px,1.8vw,29px);font-weight:400;margin-top:13px;line-height:1.35}.recipe-cook-panel-heading>p{font-size:13px;line-height:1.8;color:var(--case-muted,#776b83);margin-top:12px}
.recipe-matched-list{list-style:none;padding:0;margin:22px 0 0}.recipe-matched-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--case-panel,#ddd4e7);font-size:13px;line-height:1.5;min-height:52px}.recipe-ingredient-dot{display:grid;place-items:center;width:23px;height:23px;flex:none;color:var(--case-muted,#674795);background:var(--case-panel,#e5d9f3);border-radius:50%;font-size:11px}.recipe-matched-list small{margin-left:auto;color:var(--case-muted,#84778f);font-size:10px}
.recipe-cook-visual{position:relative;overflow:hidden;aspect-ratio:1;border-radius:9px;isolation:isolate;background:#d7c5b7;min-width:0}
.recipe-cook-visual>img{position:absolute;top:0;left:0;display:block;max-width:none;width:300%;height:100%;transform:translateX(calc(var(--cook-image)*-33.333333%));object-fit:fill}
.recipe-step-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.recipe-step-thumbs button{border:1px solid transparent;border-radius:12px;padding:5px;background:transparent;color:var(--case-muted,#756580);transition:border-color .25s,transform .25s}
.recipe-step-thumbs button>span{display:block;font-size:11px;padding:10px 0 4px}.recipe-step-thumbs [aria-pressed=true]{border-color:var(--case-muted,#9b77d0);background:var(--case-soft,#e9dff5);color:var(--case-muted,#553879)}.recipe-step-thumbs button:hover{transform:translateY(-3px)}
.recipe-cook-step-detail{padding:24px 0 0;min-height:145px}.recipe-cook-step-detail h4,.recipe-cook-command-step h4{font-size:18px;line-height:1.5;font-weight:400;margin:0}.recipe-cook-step-detail p{font-size:14px;color:var(--case-muted,#655c6f);line-height:1.8;margin-top:12px}
.recipe-cook-command-step{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;margin-top:26px}.recipe-cook-command-step>div>span{font-size:10px;color:var(--case-accent,#7951c9);display:block;margin-bottom:8px}.recipe-cook-command-step p{font-size:14px;color:var(--case-muted,#655c6f);margin-top:10px}
.recipe-cook-device{display:flex;flex-direction:column;gap:10px;margin-top:24px;font-size:11px;color:var(--case-muted,#776b83)}.recipe-cook-device select{width:100%;min-width:0;font:inherit;font-size:12px;background:#fffdfa;color:var(--case-muted,#44364f);border:1px solid var(--case-line,#d1c3de);border-radius:9px;padding:13px 12px;min-height:46px;cursor:pointer}
.recipe-cook-device select:focus-visible{outline:2px solid var(--case-accent,#754ff6);outline-offset:3px}
.recipe-command-action{margin-top:18px;min-height:50px}.recipe-command-action button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 19px;min-height:48px;border:0;border-radius:var(--ds-radius-pill);background:var(--case-highlight,#eaff00);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));font-size:13px}.recipe-command-action button:disabled{opacity:1;background:var(--case-panel,#dfd2f0);color:var(--case-muted,#5b3a87);cursor:default}.recipe-command-action>p{padding:12px 0;font-size:13px;line-height:1.8;color:var(--case-muted,#655c6f)}
.recipe-command-status{font-size:10px;line-height:1.7;color:var(--case-muted,#85798e);margin-top:12px!important;min-height:34px}
.recipe-cook-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px}.recipe-cook-bottom>div{max-width:700px;min-width:0}.recipe-cook-bottom h4{font-size:20px;line-height:1.4;font-weight:400;margin:0}.recipe-cook-bottom p{font-size:14px;line-height:1.75;color:var(--case-muted,#655c6f);margin-top:12px;min-height:50px}.recipe-cook-bottom button{flex:none}
.recipe-cook-source{font-size:10px;line-height:1.8;color:var(--case-muted,#85798e);margin-top:24px!important}
.recipe-metric [data-recipe-count]{display:inline-block;font-variant-numeric:tabular-nums;min-width:1.48em;text-align:right}
@media(max-width:1000px){.recipe-cook-stage{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:20px}.recipe-cook-output{padding:22px}.recipe-cook-tabs{gap:10px}.recipe-cook-tabs button{font-size:10px}.recipe-cook-input figcaption{padding:22px!important}}
@media(max-width:767px){.recipe-cook-stage{grid-template-columns:1fr}.recipe-cook-input{height:250px}.recipe-cook-input>img{object-position:50% 40%}.recipe-cook-input::after{inset:0;background:linear-gradient(110deg,color-mix(in srgb,var(--case-ink,#1d1129) 72.94%,transparent),transparent)}.recipe-cook-input figcaption{padding:22px!important}.recipe-cook-input figcaption>span{display:none}.recipe-cook-input h3{max-width:200px}.recipe-cook-photo-tag{left:auto;right:16px;top:16px}.recipe-cook-panel{min-height:455px}.recipe-cook-output{padding:20px}.recipe-cook-tabs button{font-size:10px;letter-spacing:-.02em}.recipe-step-thumbs{gap:6px}.recipe-cook-command-step{grid-template-columns:88px 1fr;gap:16px}.recipe-cook-bottom{align-items:start;gap:15px}.recipe-cook-bottom h4{font-size:18px}.recipe-cook-bottom p{font-size:13px;min-height:90px}.recipe-matched-list li{font-size:12px}.recipe-matched-list small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.recipe-step-thumbs button{transition:none}.recipe-step-thumbs button:hover{transform:none}}

/* Keep the wider product journey visible before the cooking walkthrough. */
.recipe-system-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px);list-style:none;padding:28px 0 32px;margin:0 0 44px;border-block:1px solid var(--case-panel,#d7cce2)}
.recipe-system-flow li{position:relative;min-width:0;padding-right:22px}
.icon-recipe-case .recipe-system-flow h3{font-size:20px;font-weight:400;line-height:1.4;color:var(--case-accent,#754ff6)}
.recipe-system-flow p{font-size:13px;line-height:1.75;color:var(--case-muted,#655c6f);margin-top:12px}
.recipe-system-flow li:not(:last-child)::after{content:"→";position:absolute;right:0;top:0;font-size:20px;color:var(--case-muted,#a08abd)}
@media(max-width:900px){.recipe-system-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px}.recipe-system-flow li:nth-child(2)::after{content:"↓"}}
@media(max-width:520px){.recipe-system-flow{grid-template-columns:1fr;gap:20px;margin-bottom:30px;padding-block:24px}.recipe-system-flow li{padding-right:26px}.recipe-system-flow li:not(:last-child)::after{content:"↓"}.icon-recipe-case .recipe-system-flow h3{font-size:18px}.recipe-system-flow p{margin-top:6px}}

/* On narrower screens the title sits entirely above the artwork. */
@media(max-width:1000px){
 .recipe-hero-type{inset:70px 0 auto;display:flex;justify-content:space-between;gap:16px;font-size:clamp(34px,8.5vw,78px);padding-inline:5.25%;line-height:1.05}
 .recipe-hero-type span:first-child,.recipe-hero-type span:last-child{transform:none}
 .recipe-hero>img{width:100%;height:70%;left:50%;bottom:0;object-position:center bottom}
}
@media(max-width:600px){
 .recipe-hero-type{inset:66px 0 auto;font-size:8.25vw;gap:12px}
 .recipe-hero>img{height:70%;bottom:0}
 .recipe-hero-caption{z-index:2;font-size:8px;bottom:16px}
}

.recipe-system-flow>li[data-recipe-scope="new"]{border-top:3px solid var(--case-accent);padding-top:var(--ds-space-5)}
.recipe-system-flow>li[data-recipe-scope="platform"]{border-top:1px solid var(--case-line);padding-top:var(--ds-space-5)}
.recipe-system-flow .case-contract-label{display:block;margin-bottom:var(--ds-space-3)}

/* Aegis uses the shared case type scale, gutters, chapter dock and end matter. */
html[data-portfolio-static="aegis"]{margin:0;background:var(--case-paper,#f8f7f4);scrollbar-gutter:stable;overflow-x:clip}
html[data-portfolio-static="aegis"] body{margin:0;min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-portfolio-static="aegis"] #main{width:100%;position:relative}
.icon-aegis-case{width:100%;color:var(--case-ink,#29252e);background:var(--case-paper,#f8f7f4);font-family:var(--studio-font-body);--aegis-paper:var(--case-paper,#f8f7f4);--aegis-lilac:var(--case-wash,#eee9f5);--aegis-line:var(--case-line,#d2c8dc)}
.icon-aegis-case *{box-sizing:border-box}.icon-aegis-case :is(h1,h2,h3,p,figure,dl,dd){margin:0}.icon-aegis-case [hidden]{display:none!important}
.icon-aegis-case :is(button,input){font:inherit}.icon-aegis-case button{cursor:pointer}.icon-aegis-case a{color:inherit;text-decoration:none}.icon-aegis-case :is(button,a,input,summary):focus-visible{outline:2px solid var(--case-accent,#754ff6);outline-offset:5px}
.aegis-section{padding:var(--studio-story-space) var(--studio-story-gutter)}.aegis-container{width:100%;max-width:var(--ds-layout-content);min-width:0;margin-inline:auto}.aegis-paper{background:var(--aegis-paper)}.aegis-lilac{background:var(--aegis-lilac)}
.icon-aegis-case [id^="aegis-"]{scroll-margin-top:40px}
.icon-aegis-case #banner.aegis-hero{position:relative;display:grid;grid-template-columns:.74fr 1.26fr;align-items:center;gap:4vw;height:var(--case-hero-height);min-height:var(--case-hero-min-height);padding:100px var(--studio-story-gutter) 110px;overflow:hidden;isolation:isolate;background:var(--case-ink,#211440);color:var(--case-soft,#f5f2fa)}
.aegis-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(128deg,var(--case-ink,#110d20) 0%,var(--case-ink,#352257) 68%,var(--case-end,#b8a0fb) 155%)}
.aegis-hero-heading{position:relative;z-index:2}.aegis-brand{display:block;width:128px;height:32px;margin-bottom:48px;object-fit:contain;filter:none}
.aegis-hero-heading>p{font-size:clamp(64px,6.8vw,112px);line-height:1;letter-spacing:-.07em}.aegis-hero-heading em{font-family:var(--ds-font-script);font-style:normal;font-size:1.1em;color:var(--case-highlight,#eaff00);display:block;margin-top:12px;letter-spacing:-.06em}
.aegis-hero-heading>span{display:block;margin-top:52px;font-size:10px;letter-spacing:.07em;color:var(--case-panel,#d4c9e7);line-height:1.7}
.aegis-hero-product{width:113%;transform:perspective(1400px) rotateY(-9deg) rotateZ(3deg);transform-origin:0 50%;border:1px solid #fff5;border-radius:12px;padding:8px;background:#ffffff16;box-shadow:-24px 38px 80px color-mix(in srgb,var(--case-ink,#060014) 37.65%,transparent);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.aegis-hero-product img{display:block;width:100%;height:auto;border-radius:5px}.aegis-hero-product:hover{transform:perspective(1400px) rotateY(-4deg) rotateZ(1deg)}
.aegis-hero-down{position:absolute;bottom:32px;left:var(--studio-story-gutter);font-size:12px;display:flex;align-items:center;gap:40px}.aegis-hero-down span{font-size:20px;transition:transform .3s}.aegis-hero-down:hover span{transform:translateY(5px)}
#aegis-overview{padding-top:40px}.aegis-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px var(--studio-story-gap);align-items:end;margin-bottom:60px}.aegis-heading>*{min-width:0}
.aegis-eyebrow{font-size:11px;letter-spacing:.05em;color:var(--case-accent,#7951c9);line-height:1.6;margin-bottom:28px!important}.aegis-heading>.aegis-eyebrow{grid-column:1/-1;margin-bottom:0!important}
.aegis-section h2{font-size:var(--studio-section-title-size);line-height:1.15;letter-spacing:-.05em;font-weight:400}.aegis-section h2 em{font-family:var(--ds-font-script)!important;font-size:1.22em;color:var(--case-accent,#754ff6);font-style:normal}
.aegis-heading>p:not(.aegis-eyebrow),.aegis-operations-copy>p:not(.aegis-eyebrow){font-size:clamp(16px,1.3vw,20px);line-height:1.75;color:var(--case-muted,#655c6f)}.aegis-section h3{font-size:clamp(20px,1.75vw,26px);letter-spacing:-.03em;line-height:1.4}
#aegis-challenge .connected-fine+.aegis-path{margin-top:var(--ds-space-8,32px)}
.aegis-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:30px}.aegis-path li{border-top:1px solid var(--aegis-line);padding-top:24px;position:relative}.aegis-path li:not(:last-child)::after{content:"↗";position:absolute;right:0;top:22px;color:var(--case-accent,#754ff6)}.aegis-path span,.aegis-mini-label{font-size:10px;letter-spacing:.04em;line-height:1.6;color:var(--case-accent,#7951c9)}.aegis-path h3{margin-top:30px;font-size:20px}.aegis-path p{margin-top:14px;font-size:12px;line-height:1.7;color:var(--case-muted,#776b83)}
.aegis-artifact{min-width:0}.aegis-expand{display:block;width:100%;border:0;padding:0;background:none;position:relative;text-align:left;border-radius:8px;isolation:isolate}.aegis-expand>img{display:block;width:100%;height:auto;border:1px solid var(--case-panel,#d8d1e4);border-radius:8px;box-shadow:0 16px 50px color-mix(in srgb,var(--case-ink,#271138) 3.92%,transparent);transition:box-shadow .45s}
.aegis-expand:hover>img{box-shadow:0 22px 55px color-mix(in srgb,var(--case-ink,#271138) 13.33%,transparent)}.aegis-expand-label{position:absolute;bottom:18px;right:18px;padding:12px 17px;border-radius:var(--ds-radius-pill);color:var(--case-ink,#29252e);background:color-mix(in srgb,var(--case-paper,#f8f7f4) 92.94%,transparent);backdrop-filter:blur(12px);box-shadow:0 2px 16px #0002;font-size:11px;display:flex;gap:24px;align-items:center;transition:background .25s,color .25s,transform .3s}.aegis-expand-label b{font-weight:400}.aegis-expand:is(:hover,:focus-visible) .aegis-expand-label{background:var(--ds-action-bg);color:var(--ds-action-text);transform:translateY(-3px)}
.aegis-artifact figcaption{font-size:11px;line-height:1.7;color:var(--case-muted,#7d7286);margin-top:18px;text-align:left}.aegis-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap);margin-top:46px}.aegis-notes p{font-size:15px;line-height:1.8;color:var(--case-muted,#655c6f);max-width:580px;margin-top:16px}
.aegis-scope-demo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:48px;align-items:center}.aegis-scope-card{background:#fff;border:1px solid var(--case-panel,#ded7e8);border-radius:16px;padding:30px;box-shadow:0 16px 52px color-mix(in srgb,var(--case-ink,#231032) 6.27%,transparent)}
.aegis-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--case-panel,#e3e0e9);font-size:16px}.aegis-demo-top small{background:#f6f7fa;color:#6a7387;border-radius:var(--ds-radius-pill);padding:6px 10px;font-size:10px}
.aegis-scope-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px 0}.aegis-scope-fields fieldset{border:0;margin:0;padding:0;min-width:0}.aegis-scope-fields legend{font-size:13px;margin-bottom:18px}.aegis-scope-fields legend small{color:var(--case-muted,#8b8099);font-size:10px}.aegis-scope-fields label{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;padding:8px 0}.aegis-scope-fields input{accent-color:var(--case-accent,#754ff6);width:18px;height:18px;margin:0;flex:none}.aegis-scope-fields p{font-size:11px;line-height:1.8;color:var(--case-muted,#766980);margin-top:16px}
.aegis-scope-route{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;border-top:1px solid var(--case-panel,#e3e0e9);font-size:11px}.aegis-scope-route span,.aegis-scope-route strong{padding:10px 12px;border-radius:8px;background:var(--case-soft,#f3effa);font-weight:400}.aegis-scope-route strong{background:var(--ds-action-bg);color:var(--ds-action-text)}.aegis-scope-route i{font-style:normal;color:var(--case-muted,#96899e)}.aegis-scope-demo[data-valid=false] .aegis-scope-route{opacity:.45}
.aegis-scope-insight h3{margin-top:20px}.aegis-scope-insight p{font-size:14px;line-height:1.9;color:var(--case-muted,#655c6f);margin-top:20px;min-height:128px}.aegis-scope-insight>small{display:block;font-size:10px;line-height:1.7;color:var(--case-muted,#85798e);margin-top:24px}.aegis-text-button{background:none;border:0;padding:0 0 5px;border-bottom:1px solid var(--case-line,#aa93c4);font-size:11px!important;color:var(--case-accent,#754ff6);margin-top:22px}
.aegis-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid var(--aegis-line);width:fit-content;max-width:100%;border-radius:var(--ds-radius-pill);margin-bottom:28px}.aegis-tabs button{background:none;color:var(--case-muted,#655c6f);border:0;border-radius:var(--ds-radius-pill);padding:13px 22px;font-size:13px;transition:background .25s,color .25s}.aegis-tabs button[aria-selected=true]{background:var(--case-highlight,#533afd);color:var(--case-on-highlight,#ffffff)}.aegis-tabs button:not([aria-selected=true]):hover{background:var(--case-panel,#e4daef)}
.aegis-decision-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.65fr);gap:40px;align-items:center}.aegis-decision-demo{border-top:1px solid var(--aegis-line);padding-top:24px}.aegis-decision-demo h3{margin:18px 0 28px}.aegis-decision-demo fieldset{border:0;padding:0;margin:0 0 24px}.aegis-decision-demo label{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--case-panel,#ded6e4);padding:18px 0;cursor:pointer;font-size:13px}.aegis-decision-demo input{accent-color:var(--case-accent,#754ff6);width:18px;height:18px;flex:none}.aegis-decision-demo label small{display:block;font-size:10px;color:var(--case-muted,#8c8097);margin-top:6px;line-height:1.6}
.aegis-primary{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:15px 20px;background:var(--case-highlight,#eaff00);border:0;border-radius:var(--ds-radius-pill);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));font-size:12px!important;transition:transform .25s}.aegis-primary:hover{transform:translateY(-2px)}.aegis-demo-status{margin-top:20px!important;font-size:10px;line-height:1.8;color:var(--case-muted,#85798e)}
.aegis-operations-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--studio-story-gap);align-items:center}.aegis-operations-copy>p:not(.aegis-eyebrow){margin-top:28px}.aegis-operating-levels{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:34px;font-size:12px}.aegis-operating-levels span{padding:10px 15px;border:1px solid var(--aegis-line);border-radius:var(--ds-radius-pill)}.aegis-operating-levels i{font-style:normal;color:var(--case-muted,#94819f)}.aegis-usage-art .aegis-expand{max-height:760px;overflow:hidden;mask-image:linear-gradient(#000 85%,transparent)}.aegis-usage-art .aegis-expand-label{position:sticky;display:flex;width:fit-content;margin:-84px 18px 54px auto;bottom:54px}.aegis-usage-art figcaption{margin-top:4px}
.aegis-reflection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.aegis-reflection-grid article{border-top:1px solid var(--aegis-line);padding-top:24px}.aegis-reflection-grid span{font-size:10px;letter-spacing:.03em;color:var(--case-accent,#7951c9)}.aegis-reflection-grid h3{margin-top:26px;font-size:22px}.aegis-reflection-grid p{font-size:14px;line-height:1.85;color:var(--case-muted,#655c6f);margin-top:18px}
.aegis-evidence{margin-top:60px;border-top:1px solid var(--aegis-line);padding-top:24px}.aegis-evidence summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px}.aegis-evidence p{font-size:13px;line-height:1.9;color:var(--case-muted,#7d7187);max-width:960px;margin-top:24px}.aegis-evidence a{display:inline-block;margin-top:20px;font-size:12px;text-decoration:underline}.aegis-evidence[open] summary span{transform:rotate(45deg)}
.aegis-lightbox,.aegis-confirm{border:1px solid #ffffff40;padding:0;background:var(--case-paper,#f8f7f4);color:var(--case-ink,#29252e);box-shadow:0 30px 90px #0004}.aegis-lightbox{width:min(1600px,94vw);max-width:none;height:92svh;max-height:none;border-radius:16px;overflow:hidden}.aegis-lightbox::backdrop,.aegis-confirm::backdrop{background:color-mix(in srgb,var(--case-ink,#090611) 74.12%,transparent);backdrop-filter:blur(10px)}.aegis-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;font-size:12px;border-bottom:1px solid var(--case-panel,#ddd6e4)}.aegis-lightbox-bar button{border:0;border-radius:var(--ds-radius-pill);padding:10px 15px;background:var(--case-highlight,#eaff00);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));font-size:12px}.aegis-lightbox-scroll{height:calc(100% - 64px);overflow:auto;overscroll-behavior:contain}.aegis-lightbox-scroll>img{display:block;width:100%;height:auto}.aegis-confirm{width:min(480px,calc(100vw - 32px));border-radius:20px;padding:32px}.aegis-confirm h3{font-size:25px;line-height:1.4;margin:20px 0}.aegis-confirm p{font-size:14px;line-height:1.8;color:var(--case-muted,#786b83)}.aegis-confirm form>div{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.aegis-confirm button:not(.aegis-primary){padding:12px 18px;border:1px solid var(--case-line,#d4cadd);border-radius:var(--ds-radius-pill);background:transparent;color:var(--case-muted,#655c6f);font-size:12px}
.aegis-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-icon-aegis-case] .is-case-guide .icon-flower-bubble{width:var(--case-bubble-width,270px);max-width:var(--case-bubble-width,270px);line-height:1.6;text-align:left;padding:13px 18px;white-space:normal;cursor:pointer}
@media(min-width:1800px){.aegis-hero-heading{max-width:640px;justify-self:end}.aegis-hero-product{max-width:1140px}.aegis-hero-heading>p{font-size:112px}}
@media(max-width:1100px){.aegis-scope-demo{grid-template-columns:1fr;gap:28px}.aegis-scope-insight{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.aegis-scope-insight>.aegis-mini-label{grid-column:1/-1}.aegis-scope-insight h3,.aegis-scope-insight p{margin:0;min-height:0}.aegis-scope-insight .aegis-text-button{justify-self:start}.aegis-decision-layout{grid-template-columns:1fr}.aegis-decision-demo{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.aegis-decision-demo>.aegis-mini-label{grid-column:1/-1}.aegis-decision-demo h3{margin:0}.aegis-decision-demo fieldset{grid-column:2;grid-row:2/4}.aegis-decision-demo .aegis-primary{align-self:start;justify-self:start}.aegis-decision-demo .aegis-demo-status{grid-column:1/-1}.aegis-operations-grid{gap:32px}}
@media(max-width:767px){
 .icon-aegis-case #banner.aegis-hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:690px;padding:72px 24px 94px;gap:42px}.aegis-brand{width:96px;height:24px;margin-bottom:28px}.aegis-hero-heading>p{font-size:clamp(54px,13vw,90px);line-height:.95}.aegis-hero-heading>span{margin-top:26px;font-size:9px}.aegis-hero-product{width:106%;margin-left:0;transform:perspective(1000px) rotateY(-5deg) rotateZ(2deg)}.aegis-hero-down{bottom:25px;font-size:11px}
 .aegis-section{padding-block:64px}.aegis-heading{grid-template-columns:1fr;gap:26px;margin-bottom:32px}.aegis-heading>p:not(.aegis-eyebrow){font-size:16px}.aegis-path{grid-template-columns:1fr 1fr;gap:30px 24px}.aegis-path h3{font-size:17px;margin-top:22px}.aegis-path p{font-size:11px}.aegis-path span{font-size:9px}.aegis-path li:nth-child(2)::after{display:none}.aegis-notes{grid-template-columns:1fr;gap:28px;margin-top:30px}.aegis-notes p{font-size:14px}.aegis-expand-label{font-size:9px;padding:9px 12px;bottom:10px;right:10px;gap:16px}.aegis-artifact figcaption{font-size:10px;margin-top:14px}.aegis-scope-card{padding:22px 18px}.aegis-demo-top{font-size:14px;align-items:start}.aegis-demo-top small{font-size:8px}.aegis-scope-fields{grid-template-columns:1fr;gap:28px;padding-block:24px}.aegis-scope-fields fieldset+fieldset{border-top:1px solid var(--case-panel,#e3e0e9);padding-top:22px}.aegis-scope-fields legend{font-size:12px}.aegis-scope-fields label{font-size:12px}.aegis-scope-route{justify-content:start;font-size:9px;gap:6px}.aegis-scope-route span,.aegis-scope-route strong{padding:8px}.aegis-scope-insight{display:block}.aegis-scope-insight h3{margin-top:16px}.aegis-scope-insight p{margin-top:14px}.aegis-tabs{margin-bottom:20px}.aegis-tabs button{font-size:11px;padding:11px 16px}.aegis-decision-demo{display:block}.aegis-decision-demo h3{margin:18px 0}.aegis-decision-demo fieldset{margin-bottom:24px}.aegis-operations-grid{grid-template-columns:1fr;gap:32px}.aegis-operations-copy>p:not(.aegis-eyebrow){font-size:16px;margin-top:22px}.aegis-usage-art .aegis-expand{max-height:none;mask-image:none}.aegis-usage-art .aegis-expand-label{position:absolute;margin:0;bottom:12px}.aegis-usage-art figcaption{margin-top:14px}.aegis-reflection-grid{grid-template-columns:1fr;gap:30px}.aegis-reflection-grid h3{margin-top:18px}.aegis-evidence{margin-top:36px}.aegis-lightbox-bar{padding:0 14px;font-size:10px}.aegis-lightbox-scroll>img{width:max(100%,1000px);max-width:none}.aegis-confirm{padding:26px}.aegis-confirm h3{font-size:23px}html[data-icon-aegis-case] .is-case-guide .icon-flower-bubble{padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){.icon-aegis-case :is(.aegis-hero-product,.aegis-expand>img,.aegis-expand-label,.aegis-tabs button,.aegis-primary,.aegis-hero-down span){transition:none!important;transform:none!important}}

/* Motion stays on the artifact edges and transitions; text never moves while read. */
.aegis-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--aegis-light-x,50%) var(--aegis-light-y,50%),color-mix(in srgb,var(--case-end,#b8a0fb) 14.12%,transparent),transparent 65%)}
.aegis-hero .aegis-hero-product,.aegis-hero .aegis-hero-product:hover{transform:perspective(1400px) translate3d(0,var(--aegis-lift,0px),0) rotateX(var(--aegis-rx,0deg)) rotateY(calc(-9deg + var(--aegis-ry,0deg))) rotateZ(3deg);transition:none;will-change:transform}
.aegis-path li{border-top:0;padding-top:0}.aegis-path li::after{display:none}.aegis-path li>a{display:block;position:relative;border-top:1px solid var(--aegis-line);padding-top:24px;transition:color .3s}
.aegis-path li>a::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--case-accent,#754ff6);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.aegis-path li>a::after{content:"↗";position:absolute;right:0;top:22px;color:var(--case-accent,#754ff6);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.aegis-path li>a.is-path-active::before{transform:scaleX(1)}.aegis-path li>a.is-path-active::after{transform:translate(3px,-3px)}.aegis-path li>a.is-path-active h3{color:var(--case-accent,#754ff6)}
.aegis-tabs{position:relative}.aegis-tabs button{position:relative;z-index:1}.aegis-tab-indicator{position:absolute;top:0;left:0;border-radius:var(--ds-radius-pill);background:var(--case-highlight,#533afd);pointer-events:none;opacity:0}.aegis-tabs.is-measured .aegis-tab-indicator{opacity:1;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s}.aegis-tabs.is-measured button[aria-selected=true]{background:transparent}.aegis-tabs.is-measured button:not([aria-selected=true]):hover{background:color-mix(in srgb,var(--case-panel,#e4daef) 50.2%,transparent)}
.aegis-scope-route i{position:relative;isolation:isolate}.aegis-scope-route i::after{content:"";position:absolute;top:50%;left:-6px;width:6px;height:6px;background:var(--case-accent,#754ff6);border-radius:50%;opacity:0;box-shadow:0 0 8px color-mix(in srgb,var(--case-accent,#754ff6) 46.67%,transparent)}
.is-data-moving .aegis-scope-route i::after{animation:aegis-data-pulse .7s ease-in-out both}.is-data-moving .aegis-scope-route i:last-of-type::after{animation-delay:.12s}.is-data-moving .aegis-scope-route strong{animation:aegis-output-receive .7s .12s ease-out}
.aegis-demo-status.is-confirmed{display:flex;align-items:start;gap:10px;color:var(--case-muted,#534170)}.aegis-demo-status.is-confirmed::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--case-highlight,#eaff00);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));font-size:13px;animation:aegis-confirm-pop .4s cubic-bezier(.22,1,.36,1)}
@keyframes aegis-data-pulse{0%{opacity:0;transform:translate(-4px,-50%) scale(.6)}30%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(20px,-50%) scale(.6)}}
@keyframes aegis-output-receive{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--case-accent,#754ff6) 0.0%,transparent)}40%{box-shadow:0 0 0 5px color-mix(in srgb,var(--case-accent,#754ff6) 9.41%,transparent)}}
@keyframes aegis-confirm-pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:767px){.aegis-hero .aegis-hero-product,.aegis-hero .aegis-hero-product:hover{transform:perspective(1000px) translateY(var(--aegis-lift,0px)) rotateY(-5deg) rotateZ(2deg)}}
@media(prefers-reduced-motion:reduce){.aegis-hero .aegis-hero-product,.aegis-hero .aegis-hero-product:hover{transform:none!important;will-change:auto}.aegis-path li>a::before,.aegis-path li>a::after,.aegis-tab-indicator{transition:none!important}.aegis-scope-route i::after,.aegis-scope-route strong,.aegis-demo-status::before{animation:none!important}}

/* Source photo banner: the interface is already mapped to the monitor. */
.icon-aegis-case #banner.aegis-hero-photo{display:flex;align-items:center;gap:0;background:#e5e5e5;color:#fff}
.aegis-hero-photo::before{display:none}
.aegis-hero-photo::after{z-index:1;background:linear-gradient(90deg,#0a0912bb,#0a091270 27%,transparent 49%)}
.aegis-hero-photo .aegis-hero-product,.aegis-hero-photo .aegis-hero-product:hover{position:absolute;inset:0;z-index:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;will-change:auto}
.aegis-hero-photo .aegis-hero-product img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.aegis-hero-photo .aegis-hero-heading{width:42%;max-width:550px;justify-self:auto}
.aegis-hero-photo .aegis-hero-heading>p{font-size:clamp(58px,6.2vw,98px)}
.aegis-hero-photo .aegis-hero-heading em{color:var(--case-hero-ink,#b7a5ff)}
.aegis-hero-photo .aegis-hero-heading>span{color:#eee8f5}
.aegis-hero-photo .aegis-hero-down{z-index:2}
@media(max-width:767px){
 .icon-aegis-case #banner.aegis-hero-photo{height:auto;min-height:620px;padding:72px 24px 0;display:flex;flex-direction:column;align-items:stretch;gap:38px;background:#130d25}
 .aegis-hero-photo::after{display:none}
 .aegis-hero-photo .aegis-hero-heading{width:100%;max-width:none}
 .aegis-hero-photo .aegis-hero-heading>p{font-size:clamp(48px,11vw,76px);line-height:1}
 .aegis-hero-photo .aegis-hero-product{position:relative;inset:auto;width:calc(100% + 48px);height:auto;aspect-ratio:3/2;margin:auto -24px 0;flex:none}
 .aegis-hero-photo .aegis-hero-product img{position:absolute;inset:0;object-fit:contain}
 .aegis-hero-photo .aegis-hero-down{bottom:20px;text-shadow:0 1px 5px #000c}
}

html[data-icon-connected-pending] #main>:is(.framer-0cnLS,.framer-QdnFv){visibility:hidden!important}
.icon-connected-host{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;padding:0!important;gap:0!important;overflow:visible!important;background:var(--case-paper,#f8f7f4)!important}
.icon-connected-case{display:block;width:100%;max-width:none;color:var(--case-ink,#29252e);background:var(--case-paper,#f8f7f4);font-family:var(--studio-font-body);--connected-accent:var(--case-accent,#754ff6);--connected-line:var(--case-line,#c9bed6)}
.icon-connected-case *{box-sizing:border-box}.icon-connected-case :is(h1,h2,h3,p,figure,dl,dd){margin:0}.icon-connected-case a{color:inherit;text-decoration:none}.icon-connected-case button{font:inherit;cursor:pointer}.icon-connected-case [hidden]{display:none!important}
.icon-connected-case [id^=substitution-],.icon-connected-case [id^=lg-]{scroll-margin-top:40px}
.connected-section{padding:var(--studio-story-space) var(--studio-story-gutter);background:var(--case-paper,#f8f7f4)}.connected-section[id$=-overview]{padding-top:36px}.connected-lilac{background:var(--case-wash,#eee9f5)}.connected-container{width:100%;max-width:var(--ds-layout-content);margin-inline:auto;min-width:0}
.icon-connected-case .connected-hero{position:relative;isolation:isolate;width:100%;height:var(--case-hero-height);min-height:var(--case-hero-min-height);overflow:hidden;background:#392619}
.connected-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.connected-hero-caption{position:absolute;z-index:2;left:var(--studio-story-gutter);bottom:26px;color:#fff;font-size:11px;letter-spacing:.08em;text-shadow:0 1px 6px #0008}
.connected-sub-hero:after{content:'';position:absolute;inset:75% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
.connected-lg-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 78%,#0005);z-index:0;pointer-events:none}
.connected-lg-title{position:absolute;z-index:1;inset:18% auto auto var(--studio-story-gutter);font-size:clamp(60px,7.5vw,118px);line-height:1.04;letter-spacing:-.055em;color:#f7f4ee}
.connected-lg-title em{font-family:var(--ds-font-script);font-weight:400;font-style:normal;color:var(--case-highlight,#eaff00)}
.icon-connected-case .connected-section h2{font-size:var(--studio-section-title-size);font-weight:400;line-height:1.15;letter-spacing:-.045em}.icon-connected-case .connected-section h2 em{font-family:var(--ds-font-script)!important;font-size:1.22em;line-height:1;font-style:normal;color:var(--connected-accent)}
.icon-connected-case .connected-section h3{font-size:clamp(21px,1.9vw,28px);line-height:1.4;letter-spacing:-.025em}
.connected-eyebrow{font-size:11px;line-height:1.65;letter-spacing:.05em;color:var(--case-accent,#7951c9);margin-bottom:30px!important}
.connected-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px var(--studio-story-gap);align-items:end;margin-bottom:60px}.connected-heading>.connected-eyebrow{grid-column:1/-1;margin-bottom:0!important}
.connected-heading>p:not(.connected-eyebrow),.connected-copy>p{font-size:clamp(16px,1.3vw,20px);line-height:1.75;color:var(--case-muted,#655c6f)}.connected-copy>p{margin-top:24px}.connected-copy h3:not(:first-child){margin-top:36px}
.connected-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:var(--studio-story-gap);align-items:center}.connected-editorial>*{min-width:0}
#lg-planning .connected-editorial{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
.connected-section img{display:block;max-width:100%;height:auto}.connected-section figure{min-width:0}.connected-section figcaption{font-size:11px;line-height:1.65;color:var(--case-muted,#746879);text-align:center;padding-top:18px}
.connected-funnel{padding:28px;background:#fff}.connected-funnel img,.connected-wireframe img{width:100%}
.connected-decision-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.connected-decision-rail article{border-top:1px solid var(--connected-line);padding-top:25px}.connected-decision-rail span{font-size:10px;color:var(--case-accent,#7951c9)}.connected-decision-rail h3{margin-top:28px!important}.connected-decision-rail p,.connected-notes p{font-size:15px;line-height:1.8;color:var(--case-muted,#655c6f);margin-top:20px}
.connected-gallery{min-width:0;width:100%}.connected-gallery-tabs{display:flex;gap:14px;border-bottom:1px solid var(--connected-line);margin-bottom:26px}.connected-gallery-tabs button{position:relative;min-width:0;flex:1;padding:16px 0;border:0;background:transparent;text-align:left;color:var(--case-muted,#776b83);font-size:12px;line-height:1.5}.connected-gallery-tabs button[aria-selected=true]{color:var(--case-accent,#754ff6)}.connected-gallery-tabs i{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--case-accent,#754ff6);transform:scaleX(0);transform-origin:left}
.connected-gallery-stage{background:var(--case-panel,#ddd3eb);padding:30px;overflow:hidden;min-width:0}.connected-gallery-stage figure{display:grid;justify-items:center;width:100%}.connected-gallery-stage img{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--case-paper,#f8f7f4)}.connected-gallery-stage figcaption{min-height:52px;max-width:620px}
.connected-gallery.is-phone .connected-gallery-stage{padding:40px 24px 22px}.connected-gallery.is-phone img{width:clamp(225px,23vw,335px);max-width:100%;aspect-ratio:696/1440;object-fit:contain;background:none;border-radius:22px;box-shadow:0 16px 38px color-mix(in srgb,var(--case-ink,#34233c) 9.8%,transparent)}
.connected-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}.connected-gallery-footer>span{font-size:11px;line-height:1.6;color:var(--case-muted,#776b83)}.connected-gallery-footer button{border:0;border-radius:var(--ds-radius-pill);padding:11px 24px;min-width:95px;background:var(--case-highlight,#eaff00);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));font-size:12px;transition:transform .25s}.connected-gallery-footer button:hover{transform:translateY(-2px)}
.connected-film video{display:block;width:100%;aspect-ratio:16/9;background:var(--case-ink,#151219);object-fit:contain;border-radius:4px}.connected-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap);margin-top:40px}.connected-note{margin-top:36px;padding-top:25px;border-top:1px solid var(--connected-line);color:var(--case-muted,#655c6f);font-size:14px;line-height:1.8}.connected-note span{font-size:11px;color:var(--case-accent,#7951c9)}.connected-note p{margin-top:12px}
.connected-evidence{margin-top:48px;padding-top:24px;border-top:1px solid var(--connected-line)}.connected-evidence summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:14px;line-height:1.7}.connected-evidence[open] summary span{transform:rotate(45deg)}.connected-evidence>p{font-size:14px;line-height:1.8;color:var(--case-muted,#655c6f);margin-top:24px;max-width:960px}.connected-evidence>figure{margin-top:32px}.connected-evidence img{max-width:100%;margin-inline:auto}.connected-evidence a,.connected-text-link{display:inline-block;text-decoration:underline!important;text-underline-offset:5px;font-size:13px;margin-top:18px}
.connected-outcome{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap);border-top:1px solid var(--connected-line);padding-top:45px}.connected-rate{display:flex;align-items:baseline;flex-wrap:wrap;gap:18px;font-size:clamp(48px,5.8vw,88px);line-height:1.2;letter-spacing:-.06em;color:var(--case-muted,#9c92a9)}.connected-rate strong{color:var(--case-accent,#754ff6)}.connected-rate small{font-size:.36em;letter-spacing:0}.connected-rate b{font-size:.45em}.connected-outcome>div>p:not(.connected-eyebrow){margin-top:22px}
.icon-connected-case .connected-fine{font-size:11px;line-height:1.85;color:var(--case-muted,#81718c);margin-top:24px;max-width:840px}
.connected-phone-pair{display:flex;align-items:center;justify-content:center;gap:clamp(24px,6vw,100px);padding:52px 30px 34px;background:var(--case-panel,#e3dbee)}.connected-phone-pair figure{width:clamp(225px,24vw,340px);max-width:40%}.connected-phone-pair img{width:100%;border-radius:22px;box-shadow:0 18px 40px color-mix(in srgb,var(--case-ink,#34233c) 8.63%,transparent)}.connected-phone-pair>span{font-size:32px;color:var(--case-accent,#7951c9)}
.connected-recording-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:70px}.connected-retention{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.connected-retention article{border-top:1px solid var(--connected-line);padding-top:22px;min-width:0}.connected-retention article>span{font-size:13px;color:var(--case-muted,#655c6f)}.connected-retention strong{display:block;font-size:clamp(44px,5vw,74px);line-height:1.2;letter-spacing:-.055em;color:var(--case-accent,#754ff6);margin:24px 0 35px}.connected-retention strong small{font-size:.38em}.connected-bar{position:relative;padding-top:14px;margin-top:26px;font-size:11px;color:var(--case-muted,#776b83)}.connected-bar i{position:absolute;top:0;left:0;width:var(--bar);height:5px;background:var(--case-line,#c9bed6);transform-origin:left;transform:scaleX(.03);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.connected-bar.is-after i{background:var(--case-accent,#754ff6);transition-delay:.15s}.connected-retention.is-visible .connected-bar i{transform:scaleX(1)}
.connected-section.connected-reflection{background:transparent;color:inherit}.connected-reflection .connected-copy p{color:inherit;opacity:.85}.icon-connected-case :is(button,summary,[role=tabpanel]):focus-visible{outline:2px solid var(--case-accent,#754ff6);outline-offset:5px}
html[data-icon-connected-case] .is-case-guide .icon-flower-bubble{box-sizing:border-box;width:var(--case-bubble-width,270px);max-width:var(--case-bubble-width,270px);font-family:var(--ds-font-body);line-height:1.6;text-align:left;padding:13px 18px;white-space:normal;cursor:pointer}
@media(max-width:1000px){.connected-editorial,#lg-planning .connected-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.connected-gallery.is-phone .connected-gallery-stage{padding-inline:16px}.connected-gallery-tabs{gap:8px}.connected-gallery-tabs button{font-size:11px}.connected-decision-rail{gap:24px}}
@media(max-width:767px){.connected-section{padding-block:64px}.connected-section[id$=-overview]{padding-top:28px}.icon-connected-case .connected-hero{height:var(--case-hero-mobile-height);min-height:430px}.connected-sub-hero>img{object-position:50% 50%;object-fit:cover}.connected-lg-title{inset:22% 24px auto;font-size:clamp(48px,11vw,80px)}.connected-lg-hero .connected-lg-photo{object-position:65% 50%}.connected-hero-caption{font-size:9px;bottom:18px}.connected-heading,.connected-editorial,#lg-planning .connected-editorial,.connected-outcome,.connected-retention,.connected-notes,.connected-recording-pair{grid-template-columns:1fr;gap:32px}.connected-heading{margin-bottom:34px}.connected-decision-rail{grid-template-columns:1fr;gap:32px}.connected-decision-rail h3{margin-top:14px!important}.connected-gallery-stage{padding:12px 12px 16px}.connected-gallery.is-phone .connected-gallery-stage{padding:24px 16px 16px}.connected-gallery.is-phone img{width:260px}.connected-gallery-tabs{gap:10px;margin-bottom:20px}.connected-gallery-tabs button{font-size:10px;padding-block:12px}.connected-gallery-stage figcaption{min-height:54px;font-size:10px}.connected-gallery-footer{gap:12px}.connected-gallery-footer>span{font-size:10px}.connected-gallery-footer button{min-width:80px;padding:10px 18px}.connected-phone-pair{padding:24px 14px;gap:12px}.connected-phone-pair figure{max-width:44%}.connected-phone-pair img{border-radius:12px}.connected-phone-pair>span{font-size:18px}.connected-phone-pair figcaption{font-size:10px}.connected-funnel{padding:16px}.connected-recording-pair{margin-top:42px}.connected-retention strong{font-size:64px;margin:18px 0 26px}.connected-rate{font-size:58px}.connected-evidence{margin-top:36px}.connected-evidence summary{font-size:12px}html[data-icon-connected-case] .is-case-guide .icon-flower-bubble{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.connected-gallery-footer button{transition:none;transform:none!important}.connected-bar i{transition:none;transform:scaleX(1)}}

/* Long project names retain the shared type scale without overflowing the intro. */
.icon-connected-case .studio-overview-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:767px){.icon-connected-case .studio-overview-intro{grid-template-columns:1fr}}

/* Source mobile art: one readable viewport, with the original header kept in place. */
.case-phone-artifact{width:min(100%,360px);margin-inline:auto;border:1px solid var(--case-line);border-radius:var(--ds-radius-card);overflow:hidden;background:#f5f5f5;box-shadow:0 20px 48px #00000014;isolation:isolate}
.case-phone-header{position:relative;aspect-ratio:375 / var(--phone-header);overflow:hidden;z-index:1}
.case-phone-header img,.case-phone-content>img,.case-phone-footer img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.case-phone-scroll{aspect-ratio:375 / var(--phone-body);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bbb transparent;touch-action:pan-y}
.case-phone-scroll:focus-visible{outline:var(--ds-focus-width) solid var(--case-accent);outline-offset:-3px}
.case-phone-content{position:relative;margin-top:calc(-1 * var(--phone-header-offset))}
.case-phone-video{position:absolute;display:block;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover;background:#171717;border-radius:8px}
/* Source CTA stays outside the scroller, at the bottom of the 812px phone viewport. */
.case-phone-footer{position:relative;z-index:1;aspect-ratio:375 / var(--phone-footer);overflow:hidden;background:#f5f5f5}
.case-phone-view-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-space-3);margin-top:var(--ds-space-6)}
.case-phone-view-controls [aria-pressed=true]{--ds-button-bg:var(--ds-action-bg);--ds-button-text:var(--ds-action-text);--ds-button-border:var(--ds-action-bg)}
@media(max-width:767px){.case-phone-artifact{width:min(100%,340px)}}

/* Long source designs open deliberately; the case page never captures their scroll. */
.case-design-viewer{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;width:min(1280px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:none;max-height:none;border:1px solid var(--case-line);border-radius:var(--ds-radius-panel);background:var(--case-paper);color:var(--case-ink);overflow:hidden;font-family:var(--ds-font-body)}
.case-design-viewer[open]{display:flex;flex-direction:column}
.case-design-viewer::backdrop{background:rgba(0,0,0,.72)}
.case-design-viewer-bar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--case-line);background:var(--case-paper)}
.case-design-viewer .case-design-viewer-bar h2{font:500 18px/1.4 var(--ds-font-body);margin:0}
.case-design-viewer-bar p{font-size:12px;line-height:1.6;color:var(--case-muted);margin:4px 0 0}
.case-design-viewer-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.case-design-viewer-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--case-wash);scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}
.case-design-viewer-scroll:focus-visible{outline:2px solid var(--case-accent);outline-offset:-2px}
.case-design-viewer-scroll>img{display:block;width:100%;height:auto;max-width:none;max-height:none;margin-inline:auto;aspect-ratio:auto;object-fit:initial}
.case-design-viewer[data-mobile="true"] .case-design-viewer-scroll>img{width:min(100%,375px)}
.case-design-viewer[data-zoom="actual"] .case-design-viewer-scroll>img{width:var(--design-source-width)}
@media(max-width:767px){.case-design-viewer{width:100%;height:100dvh;border:0;border-radius:0}.case-design-viewer-bar{padding:12px 16px;flex-wrap:wrap;gap:12px}.case-design-viewer .case-design-viewer-bar h2{font-size:15px}.case-design-viewer-bar p{display:none}.case-design-viewer-actions{gap:8px}.case-design-viewer-actions .ds-button{padding-inline:14px}}

/* AutoPilot shares the portfolio's case typography, gutters and end matter. */
html[data-portfolio-static="autopilot"]{margin:0;background:var(--case-paper,#f8f7f4);scrollbar-gutter:stable;overflow-x:clip}
html[data-portfolio-static="autopilot"] body{margin:0;min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-portfolio-static="autopilot"] #main{position:relative;width:100%}
.icon-autopilot-case [id^="autopilot-"]{scroll-margin-top:40px}
/* AutoPilot presentation; product screens keep the client-shared mobile artwork. */
.autopilot-status-gallery,.autopilot-review-gallery,.autopilot-readiness-gallery{margin-top:var(--ds-space-10)}
.icon-autopilot-case .connected-gallery.is-phone .connected-gallery-stage{background:var(--case-wash);padding:var(--ds-space-10) var(--ds-space-6) var(--ds-space-8)}
.icon-autopilot-case .connected-gallery.is-phone [data-gallery-panel] figcaption{margin-top:var(--ds-space-6)}
.autopilot-camera-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center;margin-top:var(--ds-space-10)}
.autopilot-camera-demo{margin:0;min-width:0}
.autopilot-camera-demo .case-phone-artifact{width:min(100%,390px)}
.autopilot-camera-demo figcaption{max-width:440px;margin:var(--ds-space-6) auto 0;text-align:center;font-size:12px;line-height:1.8;color:var(--case-muted)}
.autopilot-source-open{margin-top:var(--ds-space-4)}
.autopilot-mini{font-size:11px;line-height:1.6;letter-spacing:.04em;color:var(--case-accent)}
.autopilot-status-dot{display:inline-block;width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--case-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--case-accent) 10%,transparent)}
.autopilot-stop-demo{padding:var(--ds-space-10);background:var(--case-paper);border-radius:var(--ds-radius-panel)}
.autopilot-stop-state{display:flex;align-items:center;gap:var(--ds-space-5);margin-top:var(--ds-space-8)}
.autopilot-stop-state strong{font-size:23px;line-height:1.5;font-weight:400}
.autopilot-stop-demo>p{font-size:15px;line-height:1.8;color:var(--case-muted);margin-top:var(--ds-space-6)}
.autopilot-stop-button{width:100%;margin-top:var(--ds-space-8)}
.autopilot-stop-demo .autopilot-stop-feedback{font-size:12px;min-height:42px}
.autopilot-reset{border:0;border-bottom:1px solid var(--case-line);background:none;padding:var(--ds-space-3) 0;color:var(--case-accent);font-size:12px;min-height:44px}
.autopilot-stop-demo[data-stopped] .autopilot-status-dot{background:var(--case-muted)}
.autopilot-source-dialog,.autopilot-confirm{padding:0;border:1px solid var(--case-line);background:var(--case-paper);color:var(--case-ink);box-shadow:0 30px 90px #0004}
.autopilot-source-dialog::backdrop,.autopilot-confirm::backdrop{background:color-mix(in srgb,var(--case-dark) 80%,transparent);backdrop-filter:blur(8px)}
.autopilot-source-dialog{width:min(1000px,94vw);max-width:none;height:92svh;max-height:none;border-radius:var(--ds-radius-panel);overflow:hidden}
.autopilot-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-5);min-height:74px;padding:var(--ds-space-4) var(--ds-space-6);border-bottom:1px solid var(--case-line)}
.autopilot-dialog-bar h2{font-size:16px;font-weight:400;line-height:1.5}
.autopilot-dialog-bar>div{display:flex;gap:var(--ds-space-2);flex-shrink:0}
.autopilot-dialog-bar button,.autopilot-confirm button{padding:var(--ds-space-3) var(--ds-space-4);min-height:44px;border:1px solid var(--case-line);border-radius:var(--ds-radius-pill);background:transparent;color:var(--case-ink);font-size:12px}
.autopilot-dialog-bar button:last-child,.autopilot-confirm button:last-child{background:var(--case-highlight);color:var(--case-on-highlight);border-color:var(--case-highlight)}
.autopilot-source-scroll{overflow:auto;height:calc(100% - 77px);overscroll-behavior:contain;padding:var(--ds-space-6)}
.autopilot-source-scroll img{display:block;width:min(100%,420px);height:auto;max-width:none;margin:auto}
.autopilot-source-dialog[data-zoom=actual] .autopilot-source-scroll img{width:750px}
.autopilot-confirm{width:min(480px,calc(100vw - 32px));border-radius:var(--ds-radius-dialog);padding:var(--ds-space-8)}
.autopilot-confirm h2{font-size:30px;font-weight:400;line-height:1.3;margin-top:var(--ds-space-6)!important}
.autopilot-confirm p{font-size:14px;line-height:1.8;color:var(--case-muted);margin-top:var(--ds-space-6)}
.autopilot-confirm form{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-8)}
@media(max-width:767px){.autopilot-camera-layout{grid-template-columns:1fr;gap:var(--ds-space-8)}.autopilot-camera-demo .case-phone-artifact{width:min(100%,340px)}.icon-autopilot-case .connected-gallery.is-phone .connected-gallery-stage{padding:var(--ds-space-6) var(--ds-space-3)}.autopilot-status-gallery,.autopilot-review-gallery,.autopilot-readiness-gallery{margin-top:var(--ds-space-6)}.autopilot-stop-demo{padding:var(--ds-space-8) var(--ds-space-6)}.autopilot-stop-state strong{font-size:20px}.autopilot-dialog-bar{padding:var(--ds-space-3);gap:var(--ds-space-2)}.autopilot-dialog-bar h2{font-size:12px}.autopilot-dialog-bar button{font-size:11px;padding:var(--ds-space-2)}.autopilot-confirm{padding:var(--ds-space-8) var(--ds-space-6)}.autopilot-confirm form{flex-wrap:wrap}}

/* Product explanations share the portfolio's type, palette and playback controls. */
.icon-studio-case .case-product-motion{grid-column:1/-1;grid-row:auto;width:100%;min-width:0;margin:24px 0 0;padding:clamp(20px,3vw,44px);border:1px solid var(--case-panel,#d7cde2);border-radius:20px;background:var(--case-soft,#f5f1f9);color:var(--case-ink,#29252e);font-family:var(--studio-font-body);box-sizing:border-box}
.case-product-motion *{box-sizing:border-box}.case-product-motion [hidden]{display:none!important}
.case-product-motion :is(button,p,span,strong,h4){font-family:inherit!important}.case-product-motion :is(p,h4,figure){margin:0}.case-product-motion button{cursor:pointer;font:inherit}.case-product-motion button:focus-visible{outline:2px solid var(--case-accent,#754ff6);outline-offset:5px}
.case-motion-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;font-size:12px;line-height:1.5;color:var(--case-muted,#665873)}.case-motion-kicker{font-size:11px;letter-spacing:.05em;line-height:1.7;color:var(--case-muted,#69577b)}
.case-motion-stage{position:relative;isolation:isolate;overflow:hidden;padding:10px 4px 22px}.case-motion-panes{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);align-items:stretch;gap:16px}
.case-motion-pane{position:relative;min-width:0;background:#fffdfa;border:1px solid var(--case-panel,#ded5e6);border-radius:16px;padding:clamp(20px,2.5vw,36px);display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 24px color-mix(in srgb,var(--case-ink,#32164d) 3.14%,transparent)}
.case-motion-pane>strong{font-size:clamp(19px,1.8vw,26px);line-height:1.4;font-weight:400;letter-spacing:-.03em}.case-motion-connector{display:grid;place-items:center;color:var(--case-accent,#754ff6);font-size:32px}
.case-motion-photo{border-radius:9px;overflow:hidden;aspect-ratio:2.25;background:var(--case-soft,#e9e3ef)}.case-motion-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.case-motion-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:74px;align-content:start}.case-motion-chips span,.case-motion-ghost[data-chip]{display:inline-flex;align-items:center;padding:10px 12px;border:1px solid var(--case-line,#d4c3e7);border-radius:8px;background:var(--case-soft,#eae0f6);color:var(--case-muted,#5b4279);font-size:12px;line-height:1.4}
.case-motion-prompt{padding:18px;border:1px solid var(--case-panel,#ded5e6);border-radius:10px;min-height:90px;font-size:14px;line-height:1.7;color:var(--case-muted,#665873);background:var(--case-soft,#f8f5fc)}
.case-product-motion[data-step="0"] [data-to-chips] span{opacity:.2;border-style:dashed;background:transparent}
.case-motion-chips span{transition:background .4s,border-color .4s,opacity .5s}.case-product-motion[data-step="1"] [data-to-chips] span{transition-delay:.55s}
.case-motion-pane .case-motion-action{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--case-highlight,#eaff00);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));border:0;border-radius:var(--ds-radius-pill);padding:14px 20px;min-height:48px;line-height:1.4;font-size:14px;margin-top:auto;transition:transform .3s,box-shadow .3s}
.case-motion-action:hover{transform:translateY(-2px);box-shadow:0 6px 18px #69591c16}.case-motion-receipt{margin-top:auto!important;font-size:12px;line-height:1.7;color:var(--case-muted,#665873);min-height:42px;display:flex;align-items:end}
.case-motion-explanation{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding-top:16px;min-height:108px}.case-product-motion .case-motion-explanation h4{font-size:clamp(20px,1.7vw,26px)!important;line-height:1.35!important;font-weight:400!important;letter-spacing:-.03em!important;color:var(--case-ink,#29252e)}.case-motion-explanation p{font-size:15px;line-height:1.75;color:var(--case-muted,#665873)}
.case-motion-transport{display:flex;align-items:center;gap:28px;margin-top:24px}.case-motion-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:1}.case-motion-steps button{position:relative;text-align:left;border:0;background:transparent;color:var(--case-muted,#73667f);padding:10px 0;min-height:46px;font-size:12px;line-height:1.5}.case-motion-steps i{position:absolute;left:0;right:0;top:0;height:2px;background:var(--case-line,#d5c9e1);transition:background .35s}.case-motion-steps [aria-current=step]{color:var(--case-muted,#533398)}.case-motion-steps [aria-current=step] i{background:var(--case-accent,#754ff6)}
.case-motion-play{min-width:92px;min-height:46px;border-radius:var(--ds-radius-pill);padding:12px 18px;border:1px solid var(--case-line,#b8a7cc);background:transparent;color:var(--case-muted,#44314f);font-size:12px!important}
.case-product-motion figcaption{margin-top:18px;font-size:11px;line-height:1.8;color:var(--case-muted,#796a84)}.case-motion-ghost{position:absolute!important;z-index:5;margin:0!important;pointer-events:none;transform-origin:top left;box-shadow:0 10px 26px color-mix(in srgb,var(--case-muted,#482066) 13.73%,transparent);overflow:hidden}
.case-answer-block{padding:13px 15px;border:1px solid var(--case-panel,#e0d7e9);border-radius:9px;transition:background .4s,border-color .4s}.case-answer-block>span:first-child{font-size:13px;line-height:1.5}.case-motion-line{height:6px;width:100%;background:var(--case-panel,#d6d0dc);border-radius:4px;display:block;margin-top:12px}.case-motion-line.is-short{width:64%;margin-top:8px}.case-motion-sources{display:flex;align-items:center;justify-content:space-between;padding:4px 2px;font-size:12px;color:var(--case-muted,#694b8c)}
.case-product-motion[data-step="1"] [data-answer-block="1"],.case-product-motion[data-step="1"] .case-motion-sources{background:var(--case-soft,#eee4fc);border-color:var(--case-line,#b19ace)}
.case-product-motion[data-step="2"] .case-motion-action{box-shadow:0 0 0 5px color-mix(in srgb,var(--case-highlight,#eaff00) 16.47%,transparent)}
.case-report-slot{display:grid;place-items:center;flex:1;min-height:240px;border:1px dashed var(--case-line,#cbbbdc);border-radius:12px;padding:22px;color:var(--case-muted,#7b6a88);text-align:center;font-size:16px;line-height:1.8}
.case-report-added{width:100%;text-align:left}.case-report-added strong{display:block;color:var(--case-ink,#352642);font-size:19px;font-weight:400;margin:16px 0 8px}.case-report-added p{font-size:12px}.case-report-check{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--case-highlight,#eaff00);color:var(--case-on-highlight,var(--case-on-highlight,#171b0d));font-size:22px}.is-added .case-report-slot{border-style:solid;border-color:var(--case-line,#b8a1d7);background:var(--case-soft,#f4edfc)}
.icon-aegis-case .case-product-motion{margin:0 0 52px}.case-answer{gap:14px}.case-answer>strong{margin-bottom:6px}.case-composer{justify-content:flex-start}
@media(max-width:850px){.case-motion-panes{gap:10px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.case-motion-pane{padding:20px}.case-motion-chips{min-height:112px}.case-motion-connector{font-size:24px}.case-motion-explanation{gap:22px}.case-motion-header{font-size:11px}}
@media(max-width:600px){.icon-studio-case .case-product-motion{padding:18px;border-radius:15px}.case-motion-panes{grid-template-columns:1fr;gap:14px}.case-motion-connector{display:none}.case-motion-pane{padding:20px;gap:16px}.case-motion-photo{aspect-ratio:2.9}.case-motion-chips{min-height:0;gap:6px}.case-motion-chips span{font-size:11px;padding:8px 10px}.case-motion-prompt{min-height:60px;padding:12px}.case-motion-receipt{min-height:0}.case-motion-explanation{grid-template-columns:1fr;gap:12px;min-height:144px}.case-motion-transport{gap:16px;margin-top:20px}.case-motion-steps{gap:12px}.case-motion-steps button{font-size:10px}.case-motion-play{min-width:76px;font-size:11px!important;padding:10px 12px}.case-report-slot{min-height:150px;padding:18px}.case-motion-header{align-items:start}.case-motion-header>span:last-child{white-space:nowrap}.case-answer-block{padding:10px 14px}.case-motion-stage{padding-top:0}.case-product-motion[data-case-motion="aegis"] .case-motion-pane{gap:12px}}
@media(prefers-reduced-motion:reduce){.case-product-motion *{transition:none!important;animation:none!important}.case-motion-action:hover{transform:none}}

/* One Related component for all four cases, isolated from each case's body h2 rules. */
.studio-related{
 --case-related-gutter:clamp(24px,5.25vw,100px);
 --case-related-top:clamp(140px,18vh,220px);
 --case-related-bottom:clamp(320px,32vh,420px);
 --case-related-heading:30px;
 --case-related-name:24px;
 --case-related-title-gap:48px;
 box-sizing:border-box!important;display:block!important;position:relative!important;
 width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
 padding:var(--case-related-top) var(--case-related-gutter) var(--case-related-bottom)!important;
 margin:0!important;background:transparent!important;
 font-family:var(--ds-font-body);
}
.studio-related>[data-case-related-original]{display:none!important}
.studio-related>.studio-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%;row-gap:0;width:100%;max-width:var(--ds-layout-content);margin:0 auto;padding:0;min-width:0}
.studio-related #studio-related-title{grid-column:1/-1;box-sizing:border-box;width:100%;margin:0 0 var(--case-related-title-gap)!important;padding:0;font-family:var(--ds-font-body)!important;font-size:var(--case-related-heading)!important;font-weight:400!important;line-height:1.2!important;letter-spacing:-.025em;text-align:left}
.studio-related .studio-related-card{display:block;width:100%!important;min-width:0;margin:0!important;padding:0;color:inherit;text-decoration:none}
.studio-related .studio-related-name{display:block;font-family:var(--ds-font-bold)!important;font-size:var(--case-related-name)!important;font-weight:400!important;line-height:1.2;letter-spacing:0;margin:0 0 12px}
.studio-related .studio-related-card>small{display:block;font-family:var(--ds-font-body)!important;font-size:12px!important;line-height:1.6;font-weight:400!important;letter-spacing:.5px;color:inherit}
.studio-related-image{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#141722;border-radius:var(--ds-radius-card);pointer-events:none;margin:0 0 23px}
.studio-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.studio-related-card:hover img{transform:scale(1.045)}
.studio-related-image>span{position:absolute;right:14px;bottom:14px;padding:10px 15px;border-radius:30px;background:#f7f7f7;color:#11150b;font:400 11px/1.35 var(--ds-font-body);white-space:nowrap;transform:translateY(8px);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s}
.studio-related-card:is(:hover,:focus-visible) .studio-related-image>span{transform:none;opacity:1}
.studio-related-card:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media(max-width:767px){
 .studio-related{--case-related-gutter:24px;--case-related-top:96px;--case-related-bottom:260px;--case-related-heading:27px;--case-related-name:22px;--case-related-title-gap:35px}
 .studio-related>.studio-grid{grid-template-columns:minmax(0,1fr)}
 .studio-related .studio-related-card+.studio-related-card{margin-top:42px!important}
 .studio-related-image{margin-bottom:18px}
 .studio-related-image>span{opacity:1;transform:none;font-size:10px}
}
@media(hover:none){.studio-related-image>span{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.studio-related *{transition:none!important}.studio-related-card:hover img{transform:none}}

/* Shared editorial surfaces. The source UI and the Home weather/footer remain independent. */






html[data-case-theme]{background:var(--case-dark);overscroll-behavior-y:none}
html[data-case-theme] body{background:var(--case-paper);overscroll-behavior-y:none}
html[data-case-theme] ::selection{background:var(--ds-action-bg);color:var(--ds-action-text)}
html[data-case-theme] .icon-studio-original{--studio-accent:var(--case-highlight);--studio-purple:var(--case-accent);--connected-accent:var(--case-accent);--connected-line:var(--case-line);--recipe-paper:var(--case-paper);--recipe-lilac:var(--case-wash)}
html[data-case-theme] .studio-original-contents a[aria-current]{color:var(--case-on-highlight)!important;text-shadow:none}
html[data-case-theme] .studio-original-contents{background:linear-gradient(150deg,#ffffff20,#ffffff08 45%),color-mix(in srgb,var(--case-dark) 62%,transparent)}
html[data-case-theme] .studio-close-shape path{fill:var(--case-panel)}
html[data-case-theme] .studio-close{color:var(--case-ink)}
html[data-case-theme] :is(.aegis-hero,.autopilot-hero){background:linear-gradient(125deg,var(--case-dark),color-mix(in srgb,var(--case-dark) 68%,var(--case-highlight)))}
html[data-case-theme] .recipe-hero{background:var(--case-dark)}
html[data-case-theme] :is(.recipe-hero-title,.aegis-hero h1 em,.autopilot-hero h1 em){color:var(--case-hero-ink)}
html[data-case-theme] .connected-lg-title em{color:var(--case-hero-ink)}
html[data-case-theme] :is(.recipe-replay,.connected-gallery-play,.aegis-demo-play,.autopilot-play,.case-motion-play,.case-motion-replay){color:var(--case-on-highlight)}
html[data-case-theme] .icon-studio-original :focus-visible{outline-color:var(--case-accent)}
/* A short, full-width motion interlude immediately follows the project introduction. */
.case-motion-showcase{box-sizing:border-box;width:100%;padding:0 var(--studio-story-gutter,5vw) var(--studio-story-space,100px);background:var(--case-paper);color:var(--case-ink)}
.case-motion-inner{width:100%;max-width:1440px;margin-inline:auto}
.case-motion-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:22px}
.case-motion-heading h2{margin:0;font-size:clamp(23px,2vw,32px)!important;line-height:1.2}
.case-motion-heading span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--case-muted)}
.case-motion-showcase figure{margin:0}
.case-motion-showcase video{display:block;width:100%;max-height:78svh;aspect-ratio:16/9;object-fit:contain;background:var(--case-dark)}
.case-motion-showcase figcaption{font-size:11px!important;line-height:1.6;color:var(--case-muted);padding-top:16px;max-width:78ch}
@media(max-width:767px){.case-motion-heading{align-items:start;flex-direction:column;gap:10px}.case-motion-showcase video{max-height:65svh}}

/* Case contact actions use the case accent; Home keeps its existing lime identity. */
html[data-case-theme] .icon-contact-hello{background:var(--ds-action-bg);color:var(--ds-action-text)!important}
html[data-case-theme] .icon-contact-hello:hover{background:var(--ds-action-hover-bg);box-shadow:0 8px 32px color-mix(in srgb,var(--case-highlight) 10%,transparent)}
html[data-case-theme] .icon-contact-invitation h2 em,html[data-case-theme] .icon-contact-secondary :is(a,button):hover,html[data-case-theme] .icon-contact-email:hover{color:var(--icon-footer-accent,var(--case-hero-ink));border-color:var(--icon-footer-accent,var(--case-hero-ink))}

/* Hero films occupy the existing banner, with an eager first-frame fallback. */
.case-hero-film{position:absolute;inset:0;overflow:hidden;background:var(--case-dark,#171020)}
.case-hero-film>.case-hero-poster,.case-hero-film>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.case-hero-film>video{opacity:0;transition:opacity .2s ease}
.case-hero-film[data-playing]>video{opacity:1}
.recipe-hero-motion .case-hero-film{z-index:0}
.recipe-hero-motion .case-hero-film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0009,transparent 34%,transparent 76%,#0007)}
.recipe-hero-motion .recipe-hero-type{z-index:2;inset:64px 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(48px,6.5vw,108px);color:#fff;line-height:1.1;pointer-events:none;text-shadow:0 2px 24px #0003}
.recipe-hero-motion .recipe-hero-type span:first-child,.recipe-hero-motion .recipe-hero-type span:last-child{transform:none}
@media(max-width:767px){.case-hero-film>video,.case-hero-film>.case-hero-poster{object-fit:contain}.recipe-hero-motion .recipe-hero-type{inset:64px 0 auto;font-size:clamp(32px,8.5vw,56px);gap:16px}.recipe-hero-motion .recipe-hero-caption{bottom:60px}}
@media(prefers-reduced-motion:reduce){.case-hero-film>video{transition:none}}

/* Repair only the two baked title areas; the rest remains the original film. */
.recipe-film-title-repair{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.recipe-hero-motion .recipe-hero-type{inset:0;padding:0;align-items:center;font-size:clamp(48px,6.5vw,108px)}
.recipe-hero-motion .recipe-hero-type span{flex:none;width:45%;text-align:center}
.recipe-hero-motion .recipe-hero-type span:last-child{width:40%}
@media(max-width:767px){.recipe-hero-motion .recipe-hero-type{font-size:8vw}}

/* Keep banner frames and inner media stable. The shared outer composition
   owns bounded scroll parallax, preserving poster/video/mask alignment. */
html[data-case-theme] .icon-studio-original #banner,
html[data-case-theme] .icon-studio-original #banner :is(.case-hero-film,.case-hero-poster,video,.recipe-film-title-repair,.isolo-banner-composition,.isolo-banner-poster,.isolo-banner-foreground,.isolo-banner-shapes,.aegis-hero-product,.aegis-hero-product>img):not(.case-banner-parallax){
 transform:none!important;translate:none!important;scale:none!important;rotate:none!important;will-change:auto!important
}

/* Vertical overscan covers the full travel without scaling text or moving X. */
html[data-case-theme] .icon-studio-original #banner{overflow:hidden!important}
html[data-case-theme] .icon-studio-original #banner .case-banner-parallax{
 position:absolute!important;top:calc(var(--case-banner-top) - var(--case-banner-pad))!important;bottom:auto!important;height:calc(var(--case-banner-height) + 2 * var(--case-banner-pad))!important;
 transform:translate3d(0,var(--case-banner-shift,0px),0)!important;translate:none!important;scale:none!important;rotate:none!important;will-change:transform!important;transition:none!important
}
@media(prefers-reduced-motion:reduce){html[data-case-theme] .icon-studio-original #banner .case-banner-parallax{transform:none!important;will-change:auto!important}}

/* Recruiting review: concise orientation and readable evidence captions. */
html[data-case-theme] .case-review-brief{grid-column:1/-1;margin-top:44px;padding:24px 0 0;border-top:1px solid var(--case-line);color:var(--case-ink);text-align:left}
html[data-case-theme] .case-review-brief-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
html[data-case-theme] .case-review-brief-heading>p{margin:0;font-size:12px;letter-spacing:.07em;color:var(--case-muted)}
html[data-case-theme] .case-review-brief-heading>a{display:inline-flex;gap:14px;align-items:center;min-height:44px;font-size:14px;line-height:1.5;color:var(--case-accent);text-decoration:underline;text-underline-offset:5px}
html[data-case-theme] .case-review-brief-heading>a:focus-visible{outline:2px solid var(--case-accent);outline-offset:5px}
html[data-case-theme] .case-review-brief>dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0}
html[data-case-theme] .case-review-brief>dl>div{min-width:0}
html[data-case-theme] .case-review-brief dt{margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.5;color:var(--case-ink)}
html[data-case-theme] .case-review-brief dd{margin:0;font-size:15px;line-height:1.7;color:var(--case-muted);max-width:46ch}
html[data-case-theme] .icon-studio-case :is(figcaption,.connected-fine,.recipe-fine,.studio-story-caption,.studio-detail-source,.studio-overview-stage,.recipe-metric small,.isolo-metric-source,.anima-data-scope){font-size:14px;line-height:1.65}
html[data-case-theme] .case-metric-delta{font-size:14px;line-height:1.65;color:var(--case-muted);margin:0 0 22px}
@media(max-width:767px){html[data-case-theme] .case-review-brief{margin-top:32px;padding-top:20px}html[data-case-theme] .case-review-brief-heading{align-items:flex-start;flex-direction:column;gap:2px;margin-bottom:20px}html[data-case-theme] .case-review-brief>dl{grid-template-columns:1fr;gap:20px}html[data-case-theme] .case-review-brief dt{margin-bottom:5px}html[data-case-theme] .case-review-brief dd{max-width:none}}

html[data-case-theme] .studio-overview-meta{margin-bottom:clamp(40px,4vw,64px)}
html[data-case-theme] .studio-overview-meta dt{font-size:13px}
html[data-case-theme] .studio-overview-meta dd{font-size:14px}
html[data-case-theme] .case-review-brief-heading>a:hover{text-decoration-thickness:2px}
html[data-case-theme] :is(.recipe-metric strong,.connected-retention strong,.isolo-metrics strong,.anima-metrics strong){font-variant-numeric:tabular-nums}

/* Desktop case banners fill the entire viewport, independent of the original
   product mockup width caps. Keep the parallax overscan's vertical geometry. */
@media(min-width:768px){
 html[data-case-theme] .icon-studio-original #banner>:is(.case-hero-film,.isolo-banner-composition,.aegis-hero-product,.studio-case-hero-image,.isolo-hero-cover){left:0;right:0;width:100%;max-width:none}
 html[data-case-theme] .icon-studio-original #banner :is(.aegis-hero-product>img,.case-hero-poster,.case-hero-film>video,.studio-case-hero-image,.isolo-hero-cover,.isolo-banner-poster,.isolo-banner-foreground){width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 50%}
}

/* Review refinements: compact secondary evidence and explicit state contracts. */
.case-supporting-detail>summary{min-height:var(--ds-size-control);cursor:pointer;font-size:var(--ds-text-reading);color:var(--case-ink);padding-block:var(--ds-space-4)}
.case-supporting-detail[open]>summary{margin-bottom:var(--ds-space-10)}
.case-public-context{border-top:1px solid var(--case-line);padding-top:var(--ds-space-6);margin-top:var(--ds-space-10)}
.case-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-8);margin-block:var(--ds-space-10)}
.case-evidence-pair>div{border-top:2px solid var(--case-accent);padding-top:var(--ds-space-5)}
.case-evidence-pair span,.case-contract-label{font-size:var(--ds-text-label);letter-spacing:.04em;color:var(--case-accent)}
.case-evidence-pair h3{margin-block:var(--ds-space-3);font-size:24px}
.case-evidence-pair p{font-size:var(--ds-text-body);line-height:var(--ds-leading-body);color:var(--case-muted)}
.case-contract{margin-block:var(--ds-space-10);border-top:1px solid var(--case-line)}
.case-contract>div{display:grid;grid-template-columns:minmax(120px,.65fr) repeat(2,minmax(0,1fr));gap:var(--ds-space-6);padding-block:var(--ds-space-5);border-bottom:1px solid var(--case-line)}
.case-contract dt{font-size:var(--ds-text-body);color:var(--case-ink)}
.case-contract dd{margin:0;font-size:var(--ds-text-caption);line-height:var(--ds-leading-body);color:var(--case-muted)}
.case-contract dd span{display:block;margin-bottom:var(--ds-space-2);font-size:var(--ds-text-label);color:var(--case-accent)}
.case-task-path{display:flex;flex-wrap:wrap;gap:var(--ds-space-4);list-style:none;margin:var(--ds-space-8) 0;padding:0;counter-reset:task}
.case-task-path>li{flex:1 1 160px;counter-increment:task;border-top:1px solid var(--case-line);padding-top:var(--ds-space-4);font-size:var(--ds-text-caption);line-height:var(--ds-leading-caption);color:var(--case-ink)}
.case-task-path>li::before{content:'0' counter(task);display:block;color:var(--case-accent);margin-bottom:var(--ds-space-3)}
@media(max-width:767px){.case-evidence-pair{grid-template-columns:1fr}.case-contract>div{grid-template-columns:1fr;gap:var(--ds-space-3)}}

.case-guide-toggle{position:fixed;right:var(--ds-space-5);top:var(--ds-space-5);z-index:1001;min-height:var(--ds-size-control);background:var(--case-paper)!important;color:var(--case-ink)!important;border:1px solid var(--case-line)!important;font:var(--ds-text-label)/1.5 var(--ds-font-body);box-shadow:0 2px 12px #0001}
.case-guide-toggle[hidden]{display:none!important}
.is-case-inspecting .icon-flower-bubble::before,.is-case-inspecting .icon-flower-bubble::after{animation-play-state:paused!important}
@media(max-width:767px){.case-guide-toggle{top:var(--ds-space-3);right:var(--ds-space-3)}}

.connected-copy .case-evidence-pair{grid-template-columns:1fr}


.icon-isolo-case{--isolo-green:#7b32dc}.icon-isolo-case [id^=isolo-]{scroll-margin-top:48px}.icon-isolo-case .connected-hero.isolo-hero{background:#0b0711}.isolo-hero-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;height:100%;max-width:1640px;padding:72px var(--studio-story-gutter) 36px;margin:auto;align-items:center;z-index:1}.isolo-hero-copy{position:relative;z-index:2}.isolo-wordmark{display:flex;align-items:center;gap:12px;font-size:28px;letter-spacing:-.05em;margin-bottom:48px}.isolo-wordmark img{width:34px;height:auto}.isolo-hero-copy h1{font-size:clamp(50px,6.4vw,100px);font-weight:400;line-height:1.05;letter-spacing:-.055em}.isolo-hero-copy h1 em{font-family:var(--ds-font-script);font-style:normal;color:var(--isolo-green);font-size:1.13em;line-height:1.1}.isolo-hero-copy>p{font-size:clamp(14px,1.3vw,20px);line-height:1.8;color:var(--case-muted);margin-top:28px}.isolo-hero-copy>a{display:inline-flex;align-items:center;gap:40px;margin-top:38px;font-size:12px;border-bottom:1px solid #ffffff55;padding:12px 0}.isolo-hero-art{height:100%;position:relative;display:grid;place-items:center;min-width:0}.isolo-hero-screen{position:relative;width:auto;max-width:86%;height:clamp(420px,66svh,680px);object-fit:contain;border:6px solid #24202c;border-radius:40px;transform:rotate(6deg);box-shadow:0 50px 110px #0009;z-index:1}.isolo-hero-glow{position:absolute;width:80%;height:130%;right:-15%;top:-15%;background:radial-gradient(ellipse,#7130bc60,transparent 65%)}.isolo-shape{position:absolute;width:100%;max-width:580px;aspect-ratio:1;inset:auto;opacity:.85}.isolo-shape:empty:before{content:'';position:absolute;inset:10%;border:38px solid #8029c9;border-radius:50%}.isolo-hero-note{position:absolute;z-index:2;bottom:6%;right:0;font-size:10px;letter-spacing:.1em;color:var(--isolo-green);transform:rotate(-5deg);background:#17101fe0;padding:12px 18px;border:1px solid #9cff342a;border-radius:var(--ds-radius-pill)}.isolo-project-label{font-size:13px;color:var(--case-accent)}.icon-isolo-case .isolo-overview-name{font-size:var(--studio-title-size);letter-spacing:-.06em}.isolo-screen-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,70px);padding:clamp(25px,4vw,64px);background:linear-gradient(140deg,#faf7fe,#ebe2f5);border:1px solid #e0d4ed;border-radius:28px}.isolo-phone{margin:auto!important;width:100%;max-width:330px}.isolo-phone>img{width:100%;border:5px solid #2c2634;border-radius:30px}.isolo-screen-triptych .isolo-phone:nth-child(2){margin-top:52px!important}.isolo-screen-triptych figcaption{max-width:28ch;margin-inline:auto}.isolo-focus-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap);align-items:center}.isolo-focus-tabs{display:flex;flex-direction:column;border-top:1px solid var(--case-line)}.isolo-focus-tabs button{display:flex;align-items:center;text-align:left;gap:22px;border:0;border-bottom:1px solid var(--case-line);background:transparent;color:var(--case-muted);padding:24px 0;font-size:clamp(14px,1.4vw,19px)}.isolo-focus-tabs button>span{font-size:10px;opacity:.7}.isolo-focus-tabs button>b{margin-left:auto;font-weight:400}.isolo-focus-tabs button[aria-selected=true]{color:var(--isolo-green)}.isolo-focus-panel{margin-top:36px;min-height:180px}.isolo-focus-panel p{color:var(--case-muted);font-size:16px;line-height:1.85;margin-top:18px}.isolo-focus-art{position:relative;width:min(100%,340px);margin:auto!important}.isolo-focus-art>img{width:100%;border-radius:25px}.isolo-focus-outline{position:absolute;left:1%;width:98%;top:14.5%;height:17.5%;border:2px solid var(--isolo-green);border-radius:8px;box-shadow:0 0 24px #7b32dc20;transition:top .4s,height .4s}.isolo-focus-art[data-focus-region=loop] .isolo-focus-outline{top:14.5%;height:3%}.isolo-focus-art[data-focus-region=mixer] .isolo-focus-outline{top:34%;height:44%}.isolo-control-layout,.isolo-export-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--studio-story-gap);align-items:center}.isolo-mixer-demo{padding:clamp(20px,3vw,42px);background:#fff;border:1px solid #e0d4ed;border-radius:var(--ds-radius-card)}.isolo-demo-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px}.isolo-demo-heading>span{font-size:10px;letter-spacing:.05em;color:var(--case-muted)}.isolo-demo-heading button,.isolo-offer-film figcaption button{background:transparent;border:0;color:var(--case-accent);font-size:11px;padding:8px}.isolo-stem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin-top:10px;background:color-mix(in srgb,var(--stem-color) 5%,#fff);border:1px solid color-mix(in srgb,var(--stem-color) 17%,#fff);border-radius:14px;padding:18px;transition:background .2s}.isolo-stem-label{display:flex;align-items:baseline;gap:14px;min-width:0}.isolo-stem-label strong{font-size:16px;font-weight:400;color:var(--stem-color)}.isolo-stem-label>span{font-size:9px;color:#716779}.isolo-stem-line{height:28px;display:flex;gap:3px;align-items:center}.isolo-stem-line i{height:var(--level);flex:1;background:var(--stem-color);opacity:.75;border-radius:2px}.isolo-stem-buttons{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:1/3}.isolo-stem-buttons button{width:40px;height:32px;border-radius:8px;border:1px solid #dcd2e5;background:#fff;color:#62566d;font-size:13px}.isolo-stem-buttons button[aria-pressed=true]{background:var(--stem-color);color:#fff;font-weight:700}.isolo-stem[data-audible=false] .isolo-stem-label,.isolo-stem[data-audible=false] .isolo-stem-line{opacity:.28}.isolo-stem[data-muted=true] .isolo-stem-label>span{color:#62566d}.isolo-mix-status{font-size:13px;line-height:1.7;color:var(--isolo-green);min-height:45px;margin-top:24px!important}.isolo-inline-notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.isolo-inline-notes span{font-size:11px;border:1px solid var(--case-line);padding:10px 14px;border-radius:var(--ds-radius-pill)}.isolo-onboarding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.isolo-motion-media{position:relative;aspect-ratio:1178/1572;overflow:hidden;border:1px solid #ffffff16;border-radius:var(--ds-radius-card);background:#000}.isolo-motion-media>img,.isolo-motion-media>video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.isolo-motion-media>video{opacity:0;transition:opacity .25s}.isolo-motion-media[data-playing]>video{opacity:1}.isolo-onboarding-grid figcaption{display:grid;gap:8px;text-align:left;padding-top:20px}.isolo-onboarding-grid figcaption strong{font-size:15px;color:var(--case-ink);font-weight:400}.isolo-onboarding-grid figcaption span{font-size:10px}.isolo-brand-motion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center;margin-top:70px;border-top:1px solid var(--case-line);padding-top:48px}.isolo-brand-motion>.connected-copy{grid-column:2/-1;padding-left:clamp(0px,2vw,32px)}.isolo-logo-motion{position:relative;width:100%;aspect-ratio:1178/1572;margin:0;border:1px solid #ffffff16}.isolo-lottie-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;font-size:27px}.isolo-lottie-fallback img{width:90px}.isolo-logo-motion[data-ready]>.isolo-lottie-fallback{visibility:hidden}.isolo-logo-motion>svg{position:relative;display:block;width:100%;height:100%}.isolo-offer-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center}.isolo-offer-sequence{aspect-ratio:786/932;position:relative;overflow:hidden;border-radius:28px;background:#9d32ff}.isolo-offer-sequence>img,.isolo-offer-sequence>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.isolo-offer-sequence>video{opacity:0}.isolo-offer-sequence[data-offer-playing=intro]>[data-offer-intro],.isolo-offer-sequence[data-offer-playing=loop]>[data-offer-loop]{opacity:1}.isolo-offer-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px}.isolo-offer-layout .isolo-phone{max-width:310px}.icon-isolo-case .connected-reflection{background:var(--case-paper)}
@media(max-width:1000px){.isolo-hero-inner{grid-template-columns:1.05fr 1fr;gap:20px}.isolo-hero-copy h1{font-size:clamp(45px,7vw,74px)}.isolo-hero-screen{max-width:100%;height:min(65svh,610px)}.isolo-wordmark{margin-bottom:30px}.isolo-screen-triptych{padding:26px;gap:22px}.isolo-phone>img{border-radius:22px}.isolo-control-layout{grid-template-columns:1.2fr 1fr;gap:30px}.isolo-stem-label{align-items:start;flex-direction:column;gap:5px}}
@media(max-width:767px){.isolo-hero-inner{grid-template-columns:1fr 1fr;padding:65px 24px 28px;gap:14px}.isolo-hero-copy h1{font-size:clamp(36px,8vw,58px)}.isolo-wordmark{font-size:23px;gap:8px;margin-bottom:26px}.isolo-wordmark img{width:25px}.isolo-hero-copy>p{font-size:11px;line-height:1.75;margin-top:20px}.isolo-hero-copy>a{font-size:10px;gap:14px;margin-top:24px}.isolo-hero-screen{height:auto;width:100%;max-width:210px;border-width:3px;border-radius:var(--ds-radius-card);transform:rotate(5deg)}.isolo-hero-note{font-size:7px;bottom:8%;padding:7px 9px;right:-8px}.isolo-shape{width:160%;max-width:none}.isolo-screen-triptych{gap:14px;padding:26px 18px;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:auto}.isolo-screen-triptych .isolo-phone{min-width:190px}.isolo-screen-triptych{grid-auto-columns:190px;grid-template-columns:repeat(3,190px)}.isolo-screen-triptych .isolo-phone:nth-child(2){margin-top:30px!important}.isolo-focus-layout,.isolo-control-layout,.isolo-export-layout,.isolo-brand-motion,.isolo-offer-layout{grid-template-columns:1fr;gap:36px}.isolo-focus-panel{min-height:0;margin-top:24px}.isolo-focus-art{width:280px}.isolo-focus-tabs button{font-size:14px;padding:20px 0}.isolo-stem-label{flex-direction:row;align-items:baseline}.isolo-onboarding-grid{grid-template-columns:1fr;gap:38px;max-width:390px;margin:auto}.isolo-motion-media{aspect-ratio:1;}.isolo-motion-media>video,.isolo-motion-media>img{object-fit:contain}.isolo-brand-motion{max-width:390px;margin:45px auto 0;padding-top:32px}.isolo-brand-motion>.connected-copy{grid-column:auto;padding-left:0}.isolo-logo-motion{aspect-ratio:1}.isolo-offer-layout{max-width:430px;margin:auto}.isolo-offer-film figcaption{font-size:10px}.isolo-offer-layout .isolo-phone{max-width:290px}.isolo-control-layout .connected-copy h3{font-size:23px}.isolo-inline-notes{gap:8px}.isolo-hero-note{display:none}}
@media(prefers-reduced-motion:reduce){.isolo-focus-outline,.isolo-stem,.isolo-motion-media>video{transition:none}}

/* Keep the source Shapes animation integrated into the dark hero. */
.isolo-shape{mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 74%)}
html[data-case-theme="isolo"] .studio-close{color:#372740!important}
html[data-case-theme="isolo"] .studio-close-shape path{fill:#e8ddf2}

html[data-case-theme="isolo"] body{margin:0}

/* Observed product metrics share the case's editorial grid. */
.isolo-metric-scope{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;margin:0 0 30px!important;color:var(--case-muted);font-size:12px}.isolo-metric-scope strong{color:var(--case-ink);font-size:16px;font-weight:400}.isolo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);border-top:1px solid var(--case-line);padding-top:40px}.isolo-metrics article>strong{display:block;color:var(--isolo-green);font-size:clamp(40px,5vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.15;font-variant-numeric:tabular-nums}.isolo-metrics article>strong .isolo-metric-suffix{font-size:.5em;margin-left:3px}.isolo-metrics h3{font-size:clamp(16px,1.5vw,22px);line-height:1.5;margin:22px 0 12px}.isolo-metrics article>p{font-size:11px;line-height:1.8;color:var(--case-muted);min-height:40px}.isolo-metric-bar{height:4px;border-radius:3px;background:#7b32dc14;margin-top:25px;overflow:hidden}.isolo-metric-bar i{display:block;height:100%;background:var(--isolo-green);border-radius:inherit}.isolo-metric-source{margin-top:38px;padding:20px 0;border-block:1px solid var(--case-line);font-size:11px;color:var(--case-muted);line-height:1.9}.isolo-metric-source summary{cursor:pointer;color:var(--case-accent);font-size:12px}.isolo-metric-source p{max-width:95ch;margin-top:15px}.isolo-impact-next{margin-top:55px}@media(max-width:767px){.isolo-metrics{grid-template-columns:1fr;padding-top:28px;gap:32px}.isolo-metrics article>strong{font-size:64px}.isolo-metrics article>p{min-height:0}.isolo-metrics h3{font-size:19px;margin-top:12px}.isolo-metric-scope{gap:10px}.isolo-metric-bar{margin-top:18px}.isolo-impact-next{margin-top:36px}}

/* Reuse the actual project cover in the hero, with readable editorial copy. */
.icon-isolo-case .isolo-hero{background:#382616}.isolo-hero>.isolo-hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.isolo-hero::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(19,12,21,.77),rgba(19,12,21,.24) 50%,rgba(19,12,21,.02) 82%);pointer-events:none}.isolo-hero-inner{display:flex;align-items:center}.isolo-hero-copy{width:50%;color:#fff}.isolo-hero-copy h1 em{color:#e6cfff}.isolo-hero-copy>p{color:#f4ebf2}.isolo-hero-copy>a{color:#fff}.isolo-wordmark img{filter:brightness(0) invert(1)}.isolo-focus-tabs button[aria-selected=true]{color:var(--case-accent)}.isolo-stem[data-muted=true] .isolo-stem-label>span{color:#62566d}.isolo-onboarding-grid figcaption{padding-inline:4px}.isolo-logo-motion{border-radius:var(--ds-radius-card);overflow:hidden;background:#0d0a12;color:#fff}@media(max-width:767px){.isolo-hero-inner{padding:64px 24px 36px;align-items:flex-start}.isolo-hero-copy{width:100%}.isolo-hero-copy h1{font-size:clamp(40px,10vw,64px);margin-block:18px}.isolo-wordmark{margin-bottom:20px}.isolo-hero-copy>p{font-size:12px;margin-top:20px}.isolo-hero-copy>a{margin-top:14px}.isolo-hero>.isolo-hero-cover{object-position:55% 70%}.isolo-hero::after{background:linear-gradient(180deg,rgba(19,12,21,.7),rgba(19,12,21,.42) 55%,rgba(19,12,21,.1))}}

.isolo-metric-value{display:inline-block}.isolo-metric-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.isolo-metric-bar i{transform-origin:left center}

/* Wide Lottie owns its full background and the lower 2/3 shape layout.
   The original mockup remains visible until motion and its foreground mask load. */
.icon-isolo-case .connected-hero.isolo-hero{background:#9d32ff}
.isolo-banner-composition{position:absolute;inset:0;overflow:hidden;background:#9d32ff}
.isolo-banner-poster,.isolo-banner-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.isolo-banner-poster{z-index:2;transition:opacity .25s}
.isolo-banner-foreground{z-index:1;opacity:0;mask-image:url('/lab/framer-replica/isolo-case/banner-foreground.webp');mask-size:cover;mask-position:50% 50%;mask-repeat:no-repeat}
.isolo-hero .isolo-banner-shapes{position:absolute;inset:0;width:100%;height:100%;opacity:0;mix-blend-mode:multiply;pointer-events:none}
.isolo-banner-composition:has(.isolo-banner-foreground[data-ready]):has(.isolo-banner-shapes[data-ready]) .isolo-banner-poster{opacity:0}
.isolo-banner-composition:has(.isolo-banner-shapes[data-ready]) .isolo-banner-foreground[data-ready]{opacity:1}
.isolo-banner-composition:has(.isolo-banner-foreground[data-ready]) .isolo-banner-shapes[data-ready]{opacity:.3}
.isolo-hero .isolo-hero-copy{width:42%}.isolo-hero .isolo-hero-copy h1{font-size:clamp(44px,5.5vw,86px)}
@media(max-width:767px){.isolo-hero .isolo-hero-inner{align-items:flex-start;padding-top:76px}.isolo-hero .isolo-hero-copy{width:70%}.isolo-hero .isolo-hero-copy h1{font-size:clamp(34px,8vw,48px)}.isolo-hero .isolo-wordmark{margin-bottom:20px}.isolo-hero .isolo-hero-copy>p{max-width:20ch}.isolo-banner-poster,.isolo-banner-foreground{object-position:28% 50%}.isolo-banner-foreground{mask-position:28% 50%}}
@media(prefers-reduced-motion:reduce){.isolo-banner-poster{transition:none}.isolo-banner-composition:has(.isolo-banner-foreground[data-ready]):has(.isolo-banner-shapes[data-ready]) .isolo-banner-poster{opacity:1}.isolo-banner-shapes,.isolo-banner-foreground{visibility:hidden}}

.isolo-rule-contract>div{grid-template-columns:1fr 1.2fr}.isolo-rule-contract{margin-block:var(--ds-space-6)}


html[data-case-theme="anima"] body{margin:0}.icon-anima-case [id^=anima-]{scroll-margin-top:48px}
.icon-anima-case .connected-hero.anima-hero{background:#000;color:#f5f5f5}/* Keep the source square film in its own right-hand column; this variant
   outranks the shared full-width banner adapter without changing parallax. */
html[data-case-theme="anima"] .icon-anima-case #banner>.anima-hero-orbit{inset:0 0 0 50%;width:50%;max-width:none;background:#000;opacity:.9}html[data-case-theme="anima"] .icon-anima-case #banner .anima-hero-orbit>:is(.case-hero-poster,video){object-fit:contain;object-position:center}.anima-hero:after{content:none}.anima-hero-copy{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:72px var(--ds-space-8) 90px var(--studio-story-gutter);width:50%;min-width:0;max-width:none;margin:0;box-sizing:border-box}.anima-wordmark{width:145px;height:auto;margin-bottom:48px}.anima-hero-copy h1{font-size:clamp(56px,7vw,112px);line-height:1.04;letter-spacing:-.055em;font-weight:400}.anima-hero-copy h1 em{font-family:var(--ds-font-script);font-style:normal;font-size:1.17em;color:#e5e5e5}.anima-hero-copy p{font-size:clamp(13px,1.2vw,18px);line-height:1.8;color:#c8c8c8;margin-top:28px}.anima-hero-copy>a{display:flex;align-items:center;gap:38px;margin-top:32px;font-size:12px;border-bottom:1px solid #ffffff55;padding-bottom:12px}.anima-hero-credit{position:absolute;z-index:1;bottom:26px;left:var(--studio-story-gutter);font-size:10px;letter-spacing:.08em;color:#cccccc}.anima-project-label{font-size:12px;color:var(--case-accent)}
.anima-system-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:60px;border-top:1px solid var(--case-line);gap:0 36px}.anima-system-map a{display:grid;grid-template-columns:1fr auto;gap:20px 12px;border-bottom:1px solid var(--case-line);padding:24px 0;transition:color .2s}.anima-system-map span{grid-column:1/-1;color:var(--case-muted);font-size:10px}.anima-system-map strong{font-size:clamp(15px,1.3vw,20px);font-weight:400}.anima-system-map b{font-weight:400;color:var(--case-accent)}.anima-system-map a:hover{color:var(--case-accent)}
.anima-discovery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}.anima-phone{width:100%;max-width:330px;margin-inline:auto!important}.anima-phone>img{width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:var(--ds-radius-card);box-shadow:0 18px 50px #00000018;background:#0a0a0a}.anima-small-label{font-size:10px;letter-spacing:.08em;color:var(--case-muted)}.anima-discovery-copy>.anima-small-label{display:block;margin-bottom:28px}.anima-scenario-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.anima-scenario-chips span{font-size:10px;padding:9px 12px;border:1px solid var(--case-line);border-radius:var(--ds-radius-pill)}
.anima-player-layout{display:grid;grid-template-columns:1fr .9fr 1.15fr;gap:clamp(26px,4vw,60px);align-items:center}.anima-frequency-stage{background:radial-gradient(ellipse at 30% 50%,#282828,#090909 70%);border-radius:var(--ds-radius-card);padding:36px 22px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:center;color:#fff}.anima-frequency{display:flex;align-items:center;justify-content:center;min-width:0}.anima-frequency .anima-lottie{width:40%;aspect-ratio:1/1.4;max-height:180px}.anima-frequency>span{align-self:end;padding-bottom:24px;font-size:20px}.anima-frequency-stage>p{font-size:14px;line-height:1.7;margin-top:30px}.anima-frequency-stage>.anima-small-label{font-size:8px;color:#aaaaaa;margin-top:24px}.anima-motion-fallback{display:grid;place-items:center;position:absolute;inset:0;color:#bbbbbb;font-size:56px}.anima-lottie{position:relative;aspect-ratio:1;width:100%;min-height:1px}.anima-lottie[data-ready]>.anima-motion-fallback{visibility:hidden}.anima-lottie>svg{position:relative;display:block;width:100%;height:100%}
.anima-journey-layout,.anima-exercise-layout,.anima-focus-layout,.anima-timer-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:var(--studio-story-gap)}.anima-journey-layout{align-items:start}.anima-journey-film{position:relative;overflow:hidden;border-radius:var(--ds-radius-card)}.anima-film{position:relative;aspect-ratio:1;background:#090909;overflow:hidden}.anima-film>img,.anima-film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.anima-film>video{opacity:0;transition:opacity .25s}.anima-film[data-playing]>video{opacity:1}.anima-journey-film>span{position:absolute;inset:0;display:grid;place-content:center;color:#fff;letter-spacing:.22em;font-size:clamp(18px,2.5vw,36px);pointer-events:none}.anima-journey-copy{padding-top:30px}.anima-mood-motion{position:relative;margin-top:65px;min-width:0}.anima-mood-motion figure{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;padding:28px 24px 30px;background:#121212;min-width:0}.anima-mood-motion .anima-lottie{max-width:460px;margin:auto;overflow:hidden}.anima-mood-motion .anima-lottie svg [stroke]:not([stroke="none"]){vector-effect:non-scaling-stroke;stroke-width:.75px}.anima-mood-motion figcaption{color:#e8e8e8;font-size:15px}.anima-mood-motion figcaption span{display:block;color:#aaaaaa;font-size:11px;margin-top:8px}
.icon-anima-case .connected-gallery-stage{border-radius:var(--ds-radius-card);background:var(--case-panel)}.icon-anima-case .connected-gallery.is-phone img{width:min(100%,300px);aspect-ratio:393/852;max-height:650px;object-fit:contain;box-shadow:none;background:#0b0b0b;border-radius:20px}.icon-anima-case .connected-gallery.is-phone .connected-gallery-stage{padding:26px 20px 16px}.icon-anima-case .connected-gallery-stage figcaption{max-width:34ch;min-height:54px}.icon-anima-case .connected-gallery-tabs button{font-size:11px}.icon-anima-case .connected-gallery-footer button{background:var(--case-highlight);color:var(--case-on-highlight)}
.anima-exercise-finish{display:flex;align-items:center;gap:22px;margin-top:38px;padding:12px 20px;border:1px solid var(--case-line);border-radius:20px;background:#eaeaea}.anima-exercise-finish>.anima-lottie{width:100px;flex:none}.anima-exercise-finish>span{font-size:13px;line-height:1.7}.anima-focus-steps{display:grid;gap:34px}.anima-focus-steps article{border-top:1px solid var(--case-line);padding-top:24px}.anima-focus-steps article>span{display:block;font-size:10px;letter-spacing:.05em;color:var(--case-accent);margin-bottom:15px}.anima-focus-steps p{font-size:16px;line-height:1.8;color:var(--case-muted);margin-top:18px}.anima-control-comparison{display:grid;gap:20px;margin-top:36px;border-top:1px solid var(--case-line);padding-top:24px}.anima-control-comparison>div{display:grid;gap:10px}.anima-control-comparison span{font-size:11px;color:var(--case-muted)}.anima-control-comparison strong{font-size:15px;font-weight:400;color:var(--case-accent)}
.anima-data-scope{font-size:11px;color:var(--case-muted);line-height:1.8;margin-bottom:28px!important}.anima-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--studio-story-gap);border-top:1px solid var(--case-line);padding-top:38px}.anima-metrics article>strong{display:block;font-size:clamp(32px,5vw,76px);font-weight:400;color:var(--case-accent);letter-spacing:-.055em;font-variant-numeric:tabular-nums;line-height:1.15}.anima-metrics small{font-size:.45em;margin-left:4px}.anima-metrics h3{font-size:clamp(19px,1.7vw,25px)!important;margin-top:26px!important}.anima-metrics p{font-size:11px;line-height:1.8;color:var(--case-muted);margin-top:12px}.anima-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.anima-player-layout{grid-template-columns:1fr 1fr}.anima-player-layout>.connected-copy{grid-column:1/-1;max-width:900px}.anima-discovery{grid-template-columns:1fr 1fr}.anima-discovery-copy{grid-column:1/-1}.anima-discovery>.anima-phone{max-width:280px}.anima-wordmark{margin-bottom:35px}.anima-hero-copy h1{font-size:6vw}}
@media(max-width:767px){.icon-anima-case .connected-hero.anima-hero{height:auto;min-height:0;padding-bottom:calc(100vw + var(--ds-space-12))}html[data-case-theme="anima"] .icon-anima-case #banner>.anima-hero-orbit{inset:auto 0 var(--ds-space-12);width:100%;height:100vw}.anima-hero-copy{width:100%;height:auto;padding:78px var(--ds-space-6) var(--ds-space-12);justify-content:flex-start}.anima-hero-copy h1{font-size:clamp(48px,11vw,76px)}.anima-wordmark{width:110px;margin-bottom:35px}.anima-hero-copy p{font-size:12px;margin-top:24px;max-width:24ch}.anima-hero-copy>a{font-size:10px;margin-top:24px}.anima-hero-credit{font-size:8px;bottom:20px;max-width:80%;line-height:1.5}.anima-system-map{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:40px}.anima-system-map a{padding:21px 0;gap:15px 8px}.anima-system-map strong{font-size:13px;line-height:1.6}.anima-system-map span{font-size:8px}.anima-discovery{gap:32px 16px}.anima-phone>img{border-radius:15px;max-height:550px}.anima-phone figcaption{font-size:9px;line-height:1.7}.anima-player-layout{gap:28px 16px}.anima-frequency-stage{padding:22px 16px;border-radius:18px}.anima-frequency-stage>p{font-size:11px;margin-top:22px}.anima-frequency-stage>.anima-small-label{font-size:7px;line-height:1.6}.anima-frequency>span{font-size:13px;padding-bottom:10px}.anima-journey-layout,.anima-exercise-layout,.anima-focus-layout,.anima-timer-layout{grid-template-columns:1fr;gap:40px}.anima-journey-film{max-width:480px;margin:auto}.anima-mood-motion{margin-top:42px}.anima-mood-motion figure{padding:22px 16px 26px}.anima-mood-motion .anima-lottie{max-width:320px}.anima-mood-motion figcaption{font-size:14px}.anima-mood-motion figcaption span{font-size:10px}.anima-exercise-finish{margin-top:25px;gap:12px;padding:10px}.anima-exercise-finish>.anima-lottie{width:75px}.anima-exercise-finish>span{font-size:11px}.anima-focus-layout>.connected-copy{grid-row:1}.anima-timer-layout>.connected-copy{grid-row:1}.anima-focus-steps{gap:24px}.anima-focus-steps p{font-size:15px}.icon-anima-case .connected-gallery.is-phone img{width:265px;max-height:575px}.icon-anima-case .connected-gallery-tabs{gap:12px}.icon-anima-case .connected-gallery-tabs button{font-size:9px}.anima-metrics{grid-template-columns:1fr;gap:36px;padding-top:28px}.anima-metrics article>strong{font-size:64px}.anima-metrics h3{font-size:19px!important;margin-top:16px!important}.anima-metrics p{font-size:10px}.anima-data-scope{font-size:10px}.anima-journey-copy{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.anima-film>video,.anima-system-map a{transition:none}}

/* Eight equally important chapters stay legible on narrow screens. */
@media(max-width:600px){.icon-anima-case .studio-original-contents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-radius:26px}.icon-anima-case .studio-original-contents a{font-size:10px!important;min-height:38px;padding:9px 6px}}

.icon-anima-case .anima-store-note{font-size:10px;line-height:1.8;margin-top:14px;color:var(--case-muted)}.anima-release-note{margin:-25px 0 40px;font-size:11px;line-height:1.8;color:var(--case-muted)}.anima-release-note a,.icon-anima-case .connected-fine a{text-decoration:underline;text-underline-offset:3px}

/* Crop source-canvas whitespace inside the existing stage, keeping slide height stable.
   Relax already fills its canvas; the other three need individual framing. */
.anima-mood-motion [data-anima-lottie="sleep"]>svg{scale:2.2;transform-origin:50% 58%}
.anima-mood-motion [data-anima-lottie="focus"]>svg{scale:1.45}
.anima-mood-motion [data-anima-lottie="relief"]>svg{scale:2.1}

/* One large Journey motion at a time. Native horizontal scrolling also supports touch. */
.anima-mood-track{display:flex;overflow-x:auto;overflow-y:hidden;border-radius:var(--ds-radius-card);background:#121212;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}
.anima-mood-track::-webkit-scrollbar{display:none}
.anima-mood-track:focus-visible{outline:2px solid var(--case-accent);outline-offset:5px}
.anima-mood-motion figcaption{text-align:center;margin-top:12px}
.anima-mood-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:20px}
.anima-mood-controls button{position:absolute;top:calc((100% - 66px)/2);transform:translateY(-50%);z-index:1001;display:grid;place-items:center;width:46px;height:46px;border:1px solid #fff5;border-radius:50%;background:#222d;color:#fff;transition:background .18s,color .18s,opacity .18s}
.anima-mood-controls [data-anima-slide-prev]{left:22px}.anima-mood-controls [data-anima-slide-next]{right:22px}
.anima-mood-controls button span{font-size:22px;line-height:1}
.anima-mood-controls button:not(:disabled):hover{background:#fff;color:#000;border-color:#fff}
.anima-mood-controls button:disabled{opacity:.25;cursor:default}
.anima-mood-count{font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:64px;text-align:center;color:var(--case-muted)}
@media(max-width:767px){.anima-mood-track{border-radius:20px}.anima-mood-controls{margin-top:16px;gap:18px}.anima-mood-controls button{width:44px;height:44px;top:calc((100% - 60px)/2)}.anima-mood-controls [data-anima-slide-prev]{left:10px}.anima-mood-controls [data-anima-slide-next]{right:10px}}
@media(prefers-reduced-motion:reduce){.anima-mood-track{scroll-behavior:auto}.anima-mood-controls button{transition:none}}

html[data-portfolio-static="sidechef"]{margin:0;background:var(--case-paper);overflow-x:clip}
html[data-portfolio-static="sidechef"] body{margin:0;min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-portfolio-static="sidechef"] #main{position:relative;width:100%}
.icon-sidechef-case [id^="sidechef-"]{scroll-margin-top:48px}
.icon-sidechef-case .sidechef-hero{background:var(--case-dark)}
.sidechef-hero>.studio-case-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.sidechef-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,22,28,.88),rgba(0,22,28,.32) 58%,rgba(0,22,28,.08));pointer-events:none}
.sidechef-hero-copy{position:absolute;z-index:2;left:var(--studio-story-gutter);right:var(--studio-story-gutter);top:50%;transform:translateY(-50%);color:white;max-width:1050px}
.sidechef-hero-copy>img{width:clamp(160px,16vw,240px);height:auto;margin-bottom:44px}
.sidechef-hero-copy>p{font:400 clamp(40px,5.2vw,80px)/1.16 var(--ds-font-body);letter-spacing:-.045em;margin:0 0 48px}
.sidechef-hero-copy em{font:400 1.2em/1 var(--ds-font-script);color:#ffe6d4}
.sidechef-hero-copy>span{font-size:11px;letter-spacing:.08em}
.sidechef-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:64px 0 0;gap:24px}
.sidechef-journey li{padding-top:24px;border-top:1px solid var(--case-line)}
.sidechef-journey span,.sidechef-decision>span,.sidechef-source-note>span,.sidechef-foundations>div>span{display:block;font-size:11px;letter-spacing:.05em;color:var(--case-accent);margin-bottom:18px}
.sidechef-journey strong{font-size:17px;font-weight:400;line-height:1.5}
.sidechef-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center}
.sidechef-split>*{min-width:0}
.icon-sidechef-case .connected-gallery-stage{background:var(--case-soft);padding:32px 18px}
.icon-sidechef-case .case-phone-artifact{width:min(100%,375px)}
.sidechef-decision+.sidechef-decision{margin-top:38px}
.sidechef-decision p{font-size:var(--ds-text-reading);line-height:1.75;color:var(--case-muted);margin-top:16px}
.sidechef-source-note{border-block:1px solid var(--case-line);padding:28px 0;margin:0 0 56px}
.sidechef-source-note blockquote{margin:0;font-size:clamp(24px,2.2vw,34px);line-height:1.45;max-width:920px}
.sidechef-source-note p{margin-top:16px;font-size:13px;color:var(--case-muted)}
.sidechef-widget-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center;margin-top:80px;padding-top:64px;border-top:1px solid var(--case-line)}
.sidechef-widget-row figure>img{width:min(100%,390px);margin-inline:auto}
.sidechef-foundations{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--studio-story-gap);margin-top:72px;padding-top:56px;border-top:1px solid var(--case-line);align-items:center}
.sidechef-swatches{display:flex;gap:12px;margin-bottom:24px}
.sidechef-swatches>div{flex:1;min-width:0;padding-top:80px;position:relative}
.sidechef-swatches>div:before{content:'';position:absolute;inset:0 0 auto;height:64px;background:var(--swatch);border-radius:8px}
.sidechef-swatches b,.sidechef-swatches small{display:block;font-size:12px;font-weight:400;margin-bottom:6px}
.sidechef-foundations figure>img{width:230px;margin-inline:auto}
@media(max-width:767px){.sidechef-hero-copy>p{font-size:clamp(34px,7.5vw,52px)}.sidechef-hero-copy>img{margin-bottom:32px}.sidechef-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.sidechef-split,.sidechef-widget-row,.sidechef-foundations{grid-template-columns:1fr;gap:40px}.sidechef-split-reverse>div:first-child{order:2}.sidechef-split-reverse>div:last-child{order:1}.sidechef-widget-row{margin-top:56px;padding-top:48px}.sidechef-foundations{margin-top:56px}.sidechef-source-note{margin-bottom:40px}}

html[data-portfolio-static="ge"]{margin:0;background:var(--case-paper);overflow-x:clip}
html[data-portfolio-static="ge"] body{margin:0;min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-portfolio-static="ge"] #main{position:relative;width:100%}
.icon-ge-case [id^="ge-"]{scroll-margin-top:48px}
.icon-ge-case .ge-hero{background:var(--case-dark)}
.ge-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,17,13,.84),rgba(28,17,13,.26) 65%,rgba(28,17,13,.12));pointer-events:none}
.ge-hero-copy{position:absolute;z-index:2;left:var(--studio-story-gutter);right:var(--studio-story-gutter);top:50%;transform:translateY(-50%);color:white;max-width:960px}
.ge-hero-copy>img{width:clamp(164px,18vw,260px);height:auto;margin-bottom:40px}
.ge-hero-copy h1{font:400 clamp(38px,5.5vw,84px)/1.1 var(--ds-font-body);letter-spacing:-.045em;margin:0 0 24px}
.ge-hero-copy>p{font:400 clamp(26px,3.2vw,48px)/1.35 var(--ds-font-body);letter-spacing:-.025em;margin:0 0 48px}
.ge-hero-copy em{font:400 1.3em/1 var(--ds-font-script);color:var(--case-hero-ink)}
.ge-hero-copy>span{font-size:11px;letter-spacing:.07em}
.icon-ge-case .studio-overview-intro>h2{font:400 var(--ds-text-section)/1.15 var(--ds-font-body);letter-spacing:-.04em;margin:0}
.ge-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:64px 0 0;gap:24px}
.ge-journey li{padding-top:24px;border-top:1px solid var(--case-line)}
.ge-journey span,.ge-decision>span,.ge-inline-insight>span,.ge-foundations>div>span{display:block;font-size:11px;letter-spacing:.05em;color:var(--case-accent);margin-bottom:18px}
.ge-journey strong{font-size:17px;font-weight:400;line-height:1.5}
.icon-ge-case .connected-gallery-stage{background:transparent;padding:0}
.icon-ge-case .connected-gallery-stage img{height:auto;max-height:none;width:100%;border-radius:var(--ds-radius-panel)}
.ge-artifact-link{display:block;position:relative}
.ge-artifact-link>span{position:absolute;bottom:16px;right:16px;border-radius:var(--ds-radius-pill);padding:10px 16px;background:var(--case-dark);color:white;font-size:11px;box-shadow:0 2px 14px #0002}
.ge-artifact-link:focus-visible{outline:var(--ds-focus-width) solid var(--case-accent);outline-offset:var(--ds-focus-offset)}
.icon-ge-case .connected-gallery-stage figcaption{padding-top:20px}
.ge-two-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-story-gap);margin-top:48px}
.ge-two-notes>.connected-fine{grid-column:1/-1;margin:0}
.ge-decision p,.ge-foundations p{font-size:var(--ds-text-reading);line-height:1.75;color:var(--case-muted);margin-top:16px}
.ge-artifact-note{font-size:13px;line-height:1.7;color:var(--case-muted);margin-top:24px}
.ge-inline-insight{border-top:1px solid var(--case-line);padding-top:32px;margin-top:48px;display:grid;grid-template-columns:1fr 2fr;gap:32px}
.ge-inline-insight p{font-size:var(--ds-text-reading);line-height:1.75;margin:0;color:var(--case-muted)}
.ge-system-proof{margin:0}.ge-system-proof img{width:100%;height:auto;border-radius:var(--ds-radius-panel)}
.ge-foundations{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--studio-story-gap);margin-top:64px;border-top:1px solid var(--case-line);padding-top:56px}
.ge-foundations figure img{width:100%;height:auto;border-radius:var(--ds-radius-panel)}
.ge-swatches{display:flex;gap:16px;margin-top:32px}.ge-swatches span{flex:1;position:relative;padding-top:66px;font-size:11px}.ge-swatches span:before{content:'';position:absolute;inset:0 0 auto;height:48px;background:var(--swatch);border:1px solid var(--case-line);border-radius:8px}
.ge-personal-recipes,.ge-sources{border-top:1px solid var(--case-line);padding-top:24px;margin-top:48px}
.ge-personal-recipes summary,.ge-sources summary{cursor:pointer;min-height:44px;line-height:1.65;padding-block:12px;font-size:15px}
.ge-personal-recipes>p,.ge-sources p{font-size:15px;line-height:1.8;color:var(--case-muted);max-width:1000px;margin:16px 0 32px}
.ge-personal-recipes .connected-gallery{margin-top:32px}
.ge-release-context{border-top:1px solid var(--case-line);margin-top:64px;padding-top:40px}
.ge-release-context>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-story-gap);margin-top:32px}
.ge-release-context time{font-size:12px;color:var(--case-accent)}.ge-release-context h4{font:400 22px/1.4 var(--ds-font-body);margin:16px 0}.ge-release-context p{font-size:15px;line-height:1.8;color:var(--case-muted);margin-bottom:20px}.ge-release-context a,.ge-sources a{font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){.ge-hero-copy h1{font-size:clamp(34px,8vw,54px)}.ge-hero-copy>img{margin-bottom:32px}.ge-hero-copy>p{font-size:30px}.ge-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.ge-two-notes,.ge-inline-insight,.ge-foundations,.ge-release-context>div{grid-template-columns:1fr;gap:32px}.ge-two-notes{margin-top:32px}.ge-artifact-link>span{position:static;display:block;background:transparent;color:var(--case-accent);box-shadow:none;padding:12px 0 0;text-align:right;min-height:32px}.ge-foundations{margin-top:48px;padding-top:40px}.icon-ge-case .connected-gallery-stage figcaption{padding-top:12px}.icon-ge-case .connected-gallery-tabs{overflow:auto;scrollbar-width:thin}.icon-ge-case .connected-gallery-tabs button{flex:0 0 auto;min-width:110px}}

html[data-portfolio-static="ms"]{margin:0;background:var(--case-paper);overflow-x:clip}
html[data-portfolio-static="ms"] body{margin:0;min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-portfolio-static="ms"] #main{position:relative;width:100%}
.icon-ms-case [id^="ms-"]{scroll-margin-top:48px}
.ms-hero{background:var(--case-dark)}
.ms-hero>.studio-case-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ms-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,12,10,.82),rgba(14,12,10,.15) 62%,rgba(14,12,10,.04));pointer-events:none}
.ms-hero-copy{position:absolute;z-index:2;left:var(--studio-story-gutter);right:var(--studio-story-gutter);top:50%;transform:translateY(-50%);color:white;max-width:920px}
.ms-hero-copy>img{width:clamp(112px,12vw,176px);height:auto;margin-bottom:36px}
.ms-hero-copy h1{font-size:14px;font-weight:400;letter-spacing:.06em;margin:0 0 20px}
.ms-hero-copy>p{font:400 clamp(38px,5vw,76px)/1.16 var(--ds-font-body);letter-spacing:-.045em;margin:0 0 48px}
.ms-hero-copy em{font:400 1.2em/1 var(--ds-font-script);color:var(--case-hero-ink)}
.ms-hero-copy>span{font-size:11px;letter-spacing:.06em}
.ms-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:64px 0 0}
.ms-journey li{border-top:1px solid var(--case-line);padding-top:24px}
.ms-journey span,.ms-decision>span{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:18px;color:var(--case-accent)}
.ms-journey strong{font-size:17px;font-weight:400;line-height:1.5}
.ms-two-notes,.ms-component-proof,.ms-responsive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-story-gap);align-items:start}
.ms-two-notes{margin-top:48px}
.ms-decision p,.ms-responsive>div>p{font-size:var(--ds-text-reading);line-height:1.75;color:var(--case-muted);margin-top:18px}
.ms-decision+.ms-decision{margin-top:32px}
.ms-two-notes>.ms-decision+.ms-decision{margin-top:0}
.icon-ms-case .connected-gallery-stage{background:transparent;padding:0}
.ms-artifact{width:100%;border:1px solid var(--case-line);border-radius:var(--ds-radius-panel,16px);overflow:hidden;background:#eae4de}
.ms-artifact-scroll{max-height:720px;height:clamp(360px,58vw,720px);overflow:clip}
.ms-artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--case-paper);border-bottom:1px solid var(--case-line)}
.ms-artifact-toolbar>span{font-size:12px;color:var(--case-muted)}
@media(max-width:767px){.ms-artifact-toolbar{padding:12px;gap:8px}.ms-artifact-toolbar>span{display:none}.ms-artifact-toolbar .ds-button{margin-left:auto}}
.icon-ms-case .ms-artifact-scroll>img{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:initial;background:#eae4de}
.ms-source-link{display:block;color:var(--case-ink);font-size:12px;text-decoration:underline;text-underline-offset:4px}
.ms-artifact>.ms-source-link{padding:16px 20px;background:var(--case-paper);border-top:1px solid var(--case-line)}
.ms-artifact-caption{font-size:13px;color:var(--case-muted);text-align:center;margin:20px 0 0}
.ms-component-proof{align-items:center}
.ms-card-pair{display:flex;gap:24px;align-items:start;padding:32px;background:var(--case-wash);border-radius:var(--ds-radius-panel,16px)}
.ms-card-pair figure{flex:1;min-width:0;margin:0}
.ms-card-pair img{width:100%;height:auto;display:block}
.ms-card-pair figcaption,.ms-system-board figcaption,.ms-responsive figcaption{font-size:12px;color:var(--case-muted);margin:18px 0 0;text-align:center;line-height:1.6}
.ms-system-board{margin:64px 0 0}.ms-system-board img,.ms-more-system img{display:block;width:100%;height:auto}
.ms-foundation-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.ms-foundation-notes .ms-decision+.ms-decision{margin-top:0}
.ms-foundation-notes h3{font-size:22px}.ms-foundation-notes p{font-size:15px}
.ms-more-system,.ms-sources{margin-top:40px;border-top:1px solid var(--case-line);padding-top:20px;font-size:14px}
.ms-more-system summary,.ms-sources summary{cursor:pointer;min-height:44px;line-height:1.6;padding:12px 0}
.ms-more-system img{margin-top:24px}
.ms-responsive{align-items:center}.ms-responsive .connected-heading{display:block;margin-bottom:24px}.ms-responsive .connected-heading h2{margin:24px 0}.ms-responsive .connected-heading>p{margin-top:28px}
.ms-artifact.is-mobile{width:min(100%,375px);margin-inline:auto}.ms-artifact.is-mobile .ms-artifact-scroll{height:650px;max-height:72svh}
.ms-press{border-top:1px solid var(--case-line);margin-top:64px;padding-top:40px}.ms-press>p,.ms-sources p{font-size:15px;line-height:1.8;color:var(--case-muted);max-width:1000px;margin-top:16px}
.ms-press>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-story-gap);margin-top:32px}.ms-press time{display:block;font-size:11px;letter-spacing:.04em;margin-bottom:20px}.ms-press h4{font-size:22px;font-weight:400;line-height:1.45}.ms-press article>p{font-size:15px;line-height:1.8;color:var(--case-muted);margin:18px 0}.ms-press a,.ms-sources a{text-decoration:underline;text-underline-offset:4px;font-size:14px}
@media(max-width:767px){.ms-hero-copy>p{font-size:clamp(34px,7.5vw,52px)}.ms-hero-copy>img{margin-bottom:28px}.ms-hero-shade{background:linear-gradient(90deg,rgba(14,12,10,.8),rgba(14,12,10,.3))}.ms-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-two-notes,.ms-component-proof,.ms-foundation-notes,.ms-responsive,.ms-press>div{grid-template-columns:1fr;gap:32px}.ms-card-pair{padding:20px;gap:16px}.ms-artifact:not(.is-mobile) .ms-artifact-scroll{height:430px}.ms-artifact:not(.is-mobile) .ms-artifact-scroll>img{width:900px}.ms-responsive{gap:48px}.ms-system-board{margin-top:48px}.ms-artifact.is-mobile .ms-artifact-scroll{max-height:660px}}

.connected-container.ms-responsive{display:block}
.ms-responsive>div:first-child{max-width:900px;margin-bottom:var(--ds-space-10)}
.ms-responsive-pair{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.7fr);gap:var(--ds-space-8);align-items:start}
.ms-responsive-pair>figure{margin:0;min-width:0}
.ms-responsive-pair .ms-artifact-scroll{height:520px!important;max-height:520px!important}
@media(max-width:767px){.ms-responsive-pair{grid-template-columns:1fr}.ms-responsive-pair .ms-artifact.is-mobile{margin-inline:auto}.ms-responsive-pair .ms-artifact:not(.is-mobile) .ms-artifact-scroll>img{width:100%}}

html[data-portfolio-static="floora"]{margin:0;background:var(--case-paper);overflow-x:clip}
html[data-portfolio-static="floora"] body{margin:0;min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-portfolio-static="floora"] #main{position:relative;width:100%}
.icon-floora-case [id^="floora-"]{scroll-margin-top:48px}
.icon-floora-case .floora-hero{background:#f8f1ff}
.icon-floora-case .floora-hero .case-hero-film{background:#f8f1ff}
/* Keep the source garden inside the visible banner, not the parallax overscan.
   Cap its drift so the source's ground margin continues to protect both feet. */
.floora-hero-scene{position:absolute;inset:calc(100px + var(--case-banner-pad,0px)) 0 var(--case-banner-pad,0px);overflow:hidden;transform:translateY(calc(min(var(--case-banner-shift,0px),2vw,24px) - var(--case-banner-shift,0px)))}
.floora-hero-fallback,.floora-hero-animation{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.floora-hero-animation{visibility:hidden}
.floora-hero-animation[data-ready]{visibility:visible}
.floora-hero-animation>svg{display:block;width:100%;height:100%}
.floora-hero-scene[data-ready]>.floora-hero-fallback{visibility:hidden}
.floora-hero-brand{position:absolute;z-index:2;top:6%;left:50%;transform:translateX(-50%);width:clamp(190px,19vw,280px)}
.floora-hero-brand img{display:block;width:100%;height:auto}
.floora-hero-brand h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.floora-hero-caption{position:absolute;z-index:2;bottom:24px;left:var(--studio-story-gutter);font-size:11px;letter-spacing:.07em;color:var(--case-ink)}
.floora-reading-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:64px 0 0;padding:0;list-style:none}
.floora-reading-path li{border-top:1px solid var(--case-line);padding-top:24px}
.floora-reading-path span,.floora-note>span{display:block;font-size:11px;letter-spacing:.07em;color:var(--case-accent);margin-bottom:16px}
.floora-reading-path strong{font-size:18px;font-weight:400;line-height:1.5}
.floora-routine-layout,.floora-food-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center}
.floora-note h3{font-size:clamp(20px,2vw,28px);line-height:1.35}
.floora-note p,.floora-feedback p{font-size:var(--ds-text-reading);line-height:1.75;color:var(--case-muted);margin:16px 0 0}
.floora-note+.floora-note{margin-top:40px}
.icon-floora-case .connected-gallery-stage{background:var(--case-soft);border-radius:var(--ds-radius-card)}
.floora-phone{width:min(100%,300px);margin:auto;display:flex;flex-direction:column;align-items:center;gap:24px}
.floora-phone-preview{width:100%;aspect-ratio:393/852;overflow:hidden;border:1px solid var(--case-line);border-radius:24px;background:#faf8f5;box-shadow:0 18px 42px color-mix(in srgb,var(--case-ink) 10%,transparent)}
.icon-floora-case .floora-phone-preview img{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:initial;border-radius:0;box-shadow:none}
.floora-phone .ds-button{font-size:11px}
.floora-motion-gallery .connected-gallery-stage{padding:0;overflow:hidden}
.floora-motion-gallery figure.connected-film{margin:0}
.floora-motion-gallery .connected-film video{display:block;width:100%;height:auto;aspect-ratio:1/1;max-height:none;object-fit:contain;background:#faf8f5;border-radius:0}
.floora-motion-gallery .connected-film figcaption{display:none}
.floora-motion-gallery [data-gallery-panel]>figcaption{padding:20px 24px}
.floora-motion-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.floora-motion-principles .floora-note+.floora-note{margin-top:0}
.floora-feedback{border-top:1px solid var(--case-line);margin-top:80px;padding-top:56px;padding-bottom:var(--ds-space-12);display:grid;grid-template-columns:1fr 1.4fr;gap:var(--studio-story-gap);align-items:center}
.floora-feedback h3{font-size:30px;line-height:1.35}
.floora-feedback-demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.floora-feedback-demos figure{margin:0;text-align:center}
.floora-lottie{position:relative;aspect-ratio:1;display:grid;place-items:center;color:var(--case-accent);font-size:56px}
.floora-lottie svg{position:absolute;inset:0;width:100%;height:100%}
.floora-lottie[data-ready] > span{visibility:hidden}
.floora-feedback-demos figcaption{font-size:11px;line-height:1.6;min-height:40px;margin:14px 0}
.floora-feedback-demos .ds-button{font-size:11px;padding-inline:20px}
.floora-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--studio-story-gap)}
.floora-system-grid figure{margin:0;min-width:0}
.floora-system-grid img{display:block;width:100%;height:auto;border-radius:16px}
.floora-system-grid figcaption{font-size:12px;color:var(--case-muted);margin-top:20px;text-align:center}
.floora-component-notes{margin-top:40px}
.floora-continuity{margin-top:100px}
.floora-continuity .connected-gallery-stage{padding-block:40px}
.icon-house-card-link[href*="floora-pcos"] .icon-project-cover-brand,.studio-related a[href*="floora-pcos"] .icon-project-cover-brand{top:18%;width:32%!important}
@media(max-width:1000px){.floora-routine-layout,.floora-food-layout{gap:36px}.floora-feedback{grid-template-columns:1fr}.floora-feedback-demos{max-width:650px;width:100%;margin:auto}}
@media(max-width:767px){.floora-routine-layout,.floora-food-layout,.floora-system-grid,.floora-motion-principles{grid-template-columns:1fr}.floora-reading-path{gap:18px}.floora-reading-path strong{font-size:14px}.floora-reading-path span{font-size:9px}.floora-hero-brand{top:8%;width:180px}.floora-hero-caption{font-size:9px;bottom:18px}.floora-phone{width:min(100%,290px)}.floora-note+.floora-note{margin-top:28px}.floora-motion-principles{gap:32px}.floora-feedback{margin-top:56px;padding-top:40px;padding-bottom:var(--ds-space-8);gap:32px}.floora-feedback-demos{gap:12px}.floora-feedback-demos .ds-button{padding-inline:12px}.floora-lottie{font-size:38px}.floora-continuity{margin-top:64px}}

/* Source feature films are square: pair the film with its editorial explanation. */
.floora-motion-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center}
.floora-motion-layout .floora-motion-principles{display:block;margin:0}
.floora-motion-layout .floora-note+.floora-note{margin-top:32px}
.floora-motion-gallery .connected-gallery-footer{display:none}
@media(max-width:767px){.floora-motion-layout{grid-template-columns:1fr;gap:36px}.floora-motion-gallery .connected-gallery-tabs button{font-size:11px}}

.floora-handoff{margin-top:80px;border-top:1px solid var(--case-line);padding-top:64px}
.floora-handoff-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0 0 32px}
.floora-handoff-flow li{border-top:1px solid var(--case-line);padding-top:24px}
.floora-handoff-flow span{display:block;font-size:11px;color:var(--case-accent);margin-bottom:16px}
.floora-handoff-flow strong{font-size:20px;line-height:1.4;font-weight:400}
.floora-handoff-flow p{font-size:15px;line-height:1.75;margin-top:16px;color:var(--case-muted)}
@media(max-width:767px){.floora-handoff-flow{grid-template-columns:1fr}.floora-handoff{margin-top:56px;padding-top:40px}}

html[data-portfolio-static="hypi"]{margin:0;background:var(--case-paper);overflow-x:clip}
html[data-portfolio-static="hypi"] body{margin:0;min-width:0;overflow-x:clip;-webkit-font-smoothing:antialiased}
html[data-portfolio-static="hypi"] #main{position:relative;width:100%}
.icon-hypi-case [id^=hypi-]{scroll-margin-top:var(--ds-space-10)}
.icon-hypi-case .hypi-hero{background:var(--case-dark);color:var(--case-hero-ink)}
html[data-case-theme="hypi-sleep-tracker"] .icon-studio-original #banner.hypi-hero>.case-hero-film{inset:0 0 0 auto;left:auto;right:0;width:58%}
html[data-case-theme="hypi-sleep-tracker"] .icon-studio-original #banner.hypi-hero .case-hero-film :is(img,video){object-fit:contain;object-position:right center;background:var(--case-dark)}
.hypi-hero .case-hero-film::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--case-dark) 20%,transparent 55%);pointer-events:none}
.hypi-hero-title{position:absolute;z-index:2;left:var(--studio-story-gutter);top:50%;transform:translateY(-50%);width:48%}
.hypi-hero-title>span{display:block;font-size:var(--ds-text-label);letter-spacing:.07em;margin-bottom:var(--ds-space-6)}
.hypi-hero-title h1{font-size:var(--ds-text-title);font-weight:var(--ds-weight-body);line-height:var(--ds-leading-title);letter-spacing:-.05em;color:var(--case-hero-ink)}
.hypi-hero-title>p{font-size:var(--ds-text-lead);line-height:var(--ds-leading-body);margin-top:var(--ds-space-6)}
.hypi-hero-caption{position:absolute;z-index:2;left:var(--studio-story-gutter);bottom:var(--ds-space-6);font-size:var(--ds-text-label);letter-spacing:.05em;color:var(--case-hero-ink)}
.hypi-status{display:inline-flex;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-text-control);line-height:var(--ds-leading-control);color:var(--case-accent)}
.hypi-status::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}
.hypi-reading-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-8);padding:0;margin:var(--ds-space-16) 0 0;list-style:none}
.hypi-reading-path li{border-top:1px solid var(--case-line);padding-top:var(--ds-space-6)}
.hypi-reading-path span,.hypi-note>span{display:block;font-size:var(--ds-text-label);letter-spacing:.05em;color:var(--case-accent);margin-bottom:var(--ds-space-4)}
.hypi-reading-path strong{font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-body);line-height:var(--ds-leading-subheading)}
.hypi-editorial,.hypi-active,.hypi-journal{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--studio-story-gap);align-items:center}
.hypi-editorial>*{min-width:0}
#hypi-track .connected-gallery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hypi-note p{font-size:var(--ds-text-reading);line-height:var(--ds-leading-body);color:var(--case-muted);margin-top:var(--ds-space-4)}
.hypi-note+.hypi-note{margin-top:var(--ds-space-10)}
.icon-hypi-case .connected-gallery-stage{background:var(--case-soft);border-radius:var(--ds-radius-card)}
.hypi-phone{width:min(100%,320px);margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-6)}
.hypi-phone-preview{width:100%;aspect-ratio:393/852;overflow:hidden;border:1px solid var(--case-line);border-radius:var(--ds-radius-card);background:var(--case-dark);box-shadow:0 18px 42px color-mix(in srgb,var(--case-ink) 12%,transparent)}
.icon-hypi-case .hypi-phone-preview img{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:initial;border-radius:0;box-shadow:none;background:var(--case-dark)}
.hypi-active{margin-top:var(--ds-space-24);border-top:1px solid var(--case-line);padding-top:var(--ds-space-16)}
.hypi-active>figure{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-4)}
.hypi-active>figure>figcaption{max-width:42ch}
.hypi-journal{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-top:var(--ds-space-24);border-top:1px solid var(--case-line);padding-top:var(--ds-space-16)}
.hypi-journal .connected-heading{display:block}
.hypi-journal .connected-heading h2{margin:var(--ds-space-6) 0}
.hypi-journal .connected-heading>p:not(.connected-eyebrow){margin-top:var(--ds-space-6)}
.hypi-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-story-gap);align-items:start}
.hypi-system-grid img{width:100%;height:auto;border-radius:var(--ds-radius-panel);background:var(--case-dark)}
.hypi-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-6);padding:0;margin:var(--ds-space-16) 0;list-style:none}
.hypi-palette li{border-top:1px solid var(--case-line);padding-top:var(--ds-space-6)}
.hypi-palette i{display:block;aspect-ratio:2/1;border-radius:var(--ds-radius-control);background:var(--hypi-swatch);border:1px solid var(--case-line);margin-bottom:var(--ds-space-4)}
.hypi-palette strong{display:block;font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-body)}
.hypi-palette span{display:block;font-size:var(--ds-text-caption);line-height:var(--ds-leading-caption);margin-top:var(--ds-space-2);color:var(--case-muted)}
.icon-house-card-link[href*="hypi-sleep-tracker"] .icon-project-cover-brand{color:#fff;text-shadow:0 2px 16px #0006}
@media(max-width:1024px){.hypi-hero-title{width:53%}.hypi-hero-title h1{font-size:clamp(44px,6.4vw,74px)}}
@media(max-width:767px){
 html[data-case-theme="hypi-sleep-tracker"] .icon-studio-original #banner.hypi-hero>.case-hero-film{inset:0;left:0;width:100%}
 html[data-case-theme="hypi-sleep-tracker"] .icon-studio-original #banner.hypi-hero .case-hero-film :is(img,video){object-fit:cover;object-position:center 26%}
 .hypi-hero .case-hero-film::after{background:linear-gradient(0deg,var(--case-dark) 0%,transparent 72%)}
 .hypi-hero-title{left:var(--ds-layout-gutter);top:auto;bottom:var(--ds-space-16);transform:none;width:calc(100% - 48px)}
 .hypi-hero-title h1{font-size:44px;line-height:1.08}
 .hypi-hero-title>span{font-size:11px;margin-bottom:var(--ds-space-4)}
 .hypi-hero-title>p{font-size:var(--ds-text-body);margin-top:var(--ds-space-4)}
 .hypi-hero-caption{font-size:9px;left:var(--ds-layout-gutter)}
 .hypi-editorial,.hypi-active,.hypi-journal,.hypi-system-grid{grid-template-columns:1fr}
 .hypi-reading-path{grid-template-columns:1fr;gap:var(--ds-space-6);margin-top:var(--ds-space-12)}
 #hypi-track .connected-gallery-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hypi-phone{width:min(100%,290px)}
 .hypi-active,.hypi-journal{margin-top:var(--ds-space-16);padding-top:var(--ds-space-12)}
 .hypi-palette{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:var(--ds-space-12)}
}

/* Product-rule explanations retain the shared case type scale and source color identity. */
.hypi-rule-block{margin-top:var(--ds-space-24);padding-top:var(--ds-space-16);border-top:1px solid var(--case-line)}
.hypi-rule-block>h3,.hypi-context-intro h3{max-inline-size:28ch;text-wrap:balance;margin-block:var(--ds-space-4)}
.hypi-rule-block>p,.hypi-context-intro>p{max-inline-size:76ch;font-size:var(--ds-text-reading);line-height:var(--ds-leading-body);color:var(--case-muted);margin-block:var(--ds-space-4) var(--ds-space-10)}
.hypi-context-demo{margin-top:var(--ds-space-10)}
.hypi-context-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-8);margin:0;padding-block:var(--ds-space-8);text-align:left}
.hypi-context-flow>div{min-width:0;border-top:1px solid var(--case-line);padding-top:var(--ds-space-6)}
.hypi-context-flow dt{font-size:var(--ds-text-label);color:var(--case-accent);letter-spacing:.04em}
.hypi-context-flow dd{margin:var(--ds-space-6) 0 0}
.hypi-context-flow h4,.hypi-report-routes h4{font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-subheading);text-wrap:balance}
.hypi-context-flow h4{min-height:3lh}
.hypi-context-flow p{font-size:var(--ds-text-caption);line-height:var(--ds-leading-body);color:var(--case-muted);margin-top:var(--ds-space-4)}
.hypi-content-model{margin-top:var(--ds-space-16)}
.hypi-report-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-story-gap);margin-block:var(--ds-space-12) var(--ds-space-16)}
.hypi-report-routes .case-task-path{display:block;margin-bottom:0}
.hypi-report-routes .case-task-path>li{padding-block:var(--ds-space-5);border-color:var(--case-line)}
.hypi-report-routes .case-task-path strong{display:block;font-size:var(--ds-text-body);font-weight:var(--ds-weight-medium)}
.hypi-report-routes .case-task-path span{display:block;margin-top:var(--ds-space-2);color:var(--case-muted)}
.icon-hypi-case .hypi-rule-block>p.connected-fine{font-size:var(--ds-text-caption);margin-top:var(--ds-space-8)}
@media(max-width:767px){
 .hypi-rule-block{margin-top:var(--ds-space-16);padding-top:var(--ds-space-12)}
 .hypi-context-flow,.hypi-report-routes{grid-template-columns:1fr;gap:var(--ds-space-8)}
 .hypi-context-flow{padding-block:var(--ds-space-4)}
 .hypi-context-flow h4{min-height:0}
 .hypi-context-flow dd{margin-top:var(--ds-space-4)}
 .hypi-context-flow p{margin-top:var(--ds-space-3)}
 .hypi-report-routes{margin-block:var(--ds-space-8) var(--ds-space-12)}
}

.hypi-context-intro{max-inline-size:62%}
@media(max-width:767px){.hypi-context-intro{max-inline-size:100%}}

:where(.ds-button,.connected-gallery-footer button,.recipe-replay,.aegis-primary,.aegis-demo-play,.autopilot-play,.case-motion-play,.case-motion-replay){--control-bg:var(--ds-action-bg);--control-text:var(--ds-action-text)}
/* Shared controls. Legacy selectors are deliberate adapters, not global button rules.
   Source product UI, the language prompt, dock and close tab retain their contracts. */
:is(.ds-button,.connected-gallery-footer button,.recipe-replay,.aegis-primary,.aegis-demo-play,.autopilot-play,.case-motion-play,.case-motion-replay){
 box-sizing:border-box;min-height:var(--ds-button-height);border:var(--ds-border-width) solid transparent;
 border-radius:var(--ds-button-radius);padding:var(--ds-button-padding);
 background:var(--control-bg);color:var(--control-text);font-family:var(--ds-font-body);
 font-size:var(--ds-text-label);line-height:1.5;cursor:pointer;
 transition:background var(--ds-duration-control),color var(--ds-duration-control),transform var(--ds-duration-feedback) var(--ds-ease-standard);
}
.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-3)}
.ds-button.ds-button--outline{--control-bg:transparent;--control-text:var(--ds-text-primary);border-color:var(--ds-line)}
.ds-button.ds-button--text{--control-bg:transparent;--control-text:var(--ds-focus);padding-inline:var(--ds-space-2)}
:is(.ds-button,.connected-gallery-footer button,.recipe-replay,.aegis-primary,.aegis-demo-play,.autopilot-play,.case-motion-play,.case-motion-replay):not(:disabled):not(.ds-button--outline):not(.ds-button--text):hover{background:var(--ds-action-hover-bg);filter:none}
.ds-button.ds-button--outline:not(:disabled):hover{background:var(--ds-surface-soft);filter:none}
.ds-button.ds-button--text:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px;filter:none}
:is(.ds-button,.connected-gallery-footer button,.recipe-replay,.aegis-primary,.aegis-demo-play,.autopilot-play,.case-motion-play,.case-motion-replay):not(:disabled):active{transform:translateY(1px)}
:is(.ds-button,.connected-gallery-footer button,.recipe-replay,.aegis-primary,.aegis-demo-play,.autopilot-play,.case-motion-play,.case-motion-replay):disabled{opacity:.45;cursor:not-allowed;transform:none}
:is(.ds-button,.ds-tab,.ds-segmented button,.aegis-tabs button,.studio-study-tabs button):focus-visible{outline:var(--ds-focus-width) solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}
:is(.ds-segmented,.aegis-tabs,.studio-study-tabs){
 display:flex;gap:var(--ds-space-2);padding:var(--ds-space-1);width:fit-content;max-width:100%;
 border:var(--ds-border-width) solid var(--ds-line);border-radius:var(--ds-tab-radius);background:transparent;
}
:is(.ds-segmented,.aegis-tabs,.studio-study-tabs) button{
 min-width:0;min-height:var(--ds-tab-height);padding:var(--ds-space-3) var(--ds-space-5);border:0;
 border-radius:var(--ds-tab-radius);background:transparent;color:var(--ds-text-muted);
 font:var(--ds-weight-body) var(--ds-text-label)/1.5 var(--ds-font-body);cursor:pointer;
 transition:color var(--ds-duration-control),background var(--ds-duration-control);
}
:is(.ds-segmented,.aegis-tabs,.studio-study-tabs) button[aria-selected=true]{background:var(--ds-action-bg);color:var(--ds-action-text)}
:is(.ds-segmented,.aegis-tabs,.studio-study-tabs) button:not([aria-selected=true]):hover{background:var(--ds-surface-soft);color:var(--ds-text-primary)}
.aegis-tabs.is-measured button[aria-selected=true]{background:transparent;color:var(--ds-action-text)}
.aegis-tabs .aegis-tab-indicator{background:var(--ds-action-bg);border-radius:var(--ds-tab-radius)}
/* Source-state galleries remain underlined tabs, not a second pill navigation. */
:is(.connected-gallery-tabs,.recipe-state-tabs) button{min-height:var(--ds-tab-height)}
@media(max-width:767px){:is(.ds-segmented,.aegis-tabs,.studio-study-tabs){flex-wrap:wrap}:is(.ds-segmented,.aegis-tabs,.studio-study-tabs) button{padding-inline:var(--ds-space-4)}}
@media(prefers-reduced-motion:reduce){:is(.ds-button,.ds-tab,.aegis-tabs button,.studio-study-tabs button){transition:none!important;transform:none!important}}

/* Case typography: one role scale for all thirteen authored stories.
   Deliberate legacy adapters stop exported sizes overriding the shared roles.
   Source screenshots, phone UI, product simulations, Home, Related and Footer
   keep their own presentation contracts. */
html[data-case-theme] .icon-studio-case{
 font-size:var(--ds-text-body);line-height:var(--ds-leading-body);
}
html[data-case-theme] .icon-studio-case :is(.studio-overview-intro h1,.studio-overview-name,.isolo-overview-name){
 font-size:var(--ds-text-title)!important;line-height:var(--ds-leading-title)!important;
}
html[data-case-theme] .icon-studio-case :is(.connected-heading h2,.connected-editorial>.connected-copy h2,.aegis-section h2,.recipe-section h2,.studio-story-heading h2,.studio-editorial-brief h2,.studio-original-reflection>h2),
html[data-case-theme] .icon-studio-original :is([data-studio-editorial-heading] h3,.framer-1pencdm h3){
 font-size:var(--ds-text-section)!important;line-height:var(--ds-leading-title)!important;
 letter-spacing:-.04em!important;text-wrap:balance;
}
html[data-case-theme] .icon-studio-case :is(.connected-heading h2,.connected-editorial>.connected-copy h2,.aegis-section h2,.recipe-section h2,.studio-story-heading h2,.studio-editorial-brief h2,.studio-original-reflection>h2) em{
 font-size:var(--ds-text-script-scale)!important;line-height:1!important;
}
html[data-case-theme] .icon-studio-case :is(.connected-copy h3,.connected-notes h3,.aegis-notes h3,.aegis-reflection-grid h3,.recipe-challenge-copy h3,.recipe-decision-copy>h3,.recipe-impact-next h3,.recipe-result-notes h3,.studio-study-copy h3,.studio-brief-copy h3,.studio-reflection-grid h3,.studio-story-explorations h3,.studio-decision-note h4,.floora-note h3,.floora-feedback h3,.ms-foundation-notes h3,.case-evidence-pair h3,.ge-release-context h4,.ms-press h4){
 font-family:var(--ds-font-medium)!important;font-weight:var(--ds-weight-medium)!important;
 font-size:var(--ds-text-subheading)!important;line-height:var(--ds-leading-subheading)!important;
 letter-spacing:-.02em;text-wrap:balance;
}
html[data-case-theme] .icon-studio-case :is(.connected-decision-rail h3,.aegis-path h3,.studio-workflow-strip h4,.sidechef-journey strong,.ge-journey strong,.ms-journey strong,.floora-reading-path strong,.floora-handoff-flow strong,.anima-system-map strong,.anima-metrics h3,.isolo-metrics h3){
 font-family:var(--ds-font-medium)!important;font-weight:var(--ds-weight-medium)!important;
 font-size:var(--ds-text-card-title)!important;line-height:var(--ds-leading-subheading)!important;
}
html[data-case-theme] .icon-studio-case .studio-overview-intro .studio-overview-lead,
html[data-case-theme] .icon-studio-original .framer-10cnc0r h5{
 font-size:var(--ds-text-lead)!important;line-height:var(--ds-leading-body)!important;
 max-width:var(--ds-measure-reading);letter-spacing:0;
}
html[data-case-theme] .icon-studio-case :is(.studio-overview-intro p:not(.studio-overview-lead):not(.anima-store-note),.connected-heading>p:not(.connected-eyebrow),.connected-copy>p,.connected-outcome>div>p:not(.connected-eyebrow),.aegis-heading>p:not(.aegis-eyebrow),.aegis-operations-copy>p:not(.aegis-eyebrow),.recipe-heading>p:not(.recipe-eyebrow),.recipe-challenge-copy>p,.recipe-decision-copy>p,.recipe-state-controls>#recipe-state-copy p,.recipe-impact-next>p,.studio-story-heading>p:not(.studio-story-eyebrow),.studio-brief-copy p,.studio-reflection-intro,.sidechef-decision p,.ge-decision p,.ge-inline-insight p,.ge-foundations p,.ms-decision p,.ms-responsive>div>p,.floora-note p,.floora-feedback p),
html[data-case-theme] .icon-studio-original :is([data-studio-editorial-heading] h5,.framer-e8sw43 p){
 font-size:var(--ds-text-reading)!important;line-height:var(--ds-leading-body)!important;
 max-width:var(--ds-measure-reading);letter-spacing:0!important;
}
html[data-case-theme] .icon-studio-case :is(.connected-decision-rail p,.connected-notes p,.connected-note p,.connected-evidence>p,.aegis-notes p,.aegis-path p,.aegis-scope-insight p,.aegis-reflection-grid p,.aegis-evidence p,.recipe-note p,.recipe-result-notes p,.recipe-evidence p,.recipe-impact-next li,.recipe-system-flow p,.studio-study-copy p,.studio-decision-note p,.studio-reflection-grid p,.studio-workflow-strip p,.studio-more-body>p,.studio-story-explorations article>p,.anima-focus-steps p,.isolo-focus-panel p,.ms-foundation-notes p,.ms-more-system>p,.ms-press p,.ms-sources p,.ge-personal-recipes>p,.ge-sources p,.ge-release-context p,.floora-handoff-flow p,.case-review-brief dd,.case-contract dd,.case-evidence-pair p,.case-task-path>li){
 font-size:var(--ds-text-body)!important;line-height:var(--ds-leading-body)!important;
 max-width:var(--ds-measure-reading);letter-spacing:0;
}
html[data-case-theme] .icon-studio-case :is(figcaption,.connected-fine,.recipe-fine,.studio-story-caption,.studio-detail-source,.studio-overview-stage,.studio-reflection-note,.recipe-metric small,.isolo-metric-source,.anima-data-scope,.anima-store-note,.anima-release-note,.connected-gallery-footer>span,.ge-artifact-note,.ms-artifact-caption,.sidechef-source-note p,.isolo-onboarding-grid figcaption span,.anima-mood-motion figcaption span):not(:where(.recipe-demo-phone *,.case-phone-artifact *,.recipe-cook-demo *,.case-product-motion *)){
 font-size:var(--ds-text-caption)!important;line-height:var(--ds-leading-caption)!important;
}
html[data-case-theme] .icon-studio-case :is(.studio-overview-meta dt,.studio-original-facts dt){
 font-size:var(--ds-text-label)!important;line-height:var(--ds-leading-caption)!important;
}
html[data-case-theme] .icon-studio-case :is(.studio-overview-meta dd,.studio-original-facts dd){
 font-size:var(--ds-text-caption)!important;line-height:var(--ds-leading-caption)!important;
}
html[data-case-theme] .icon-studio-case :is(.connected-eyebrow,.aegis-eyebrow,.recipe-eyebrow,.studio-story-eyebrow,.studio-product-eyebrow,.studio-original-feature-label,.studio-workflow-strip article>span,.studio-reflection-grid article>span,.connected-decision-rail span,.connected-note>span,.recipe-note>span,.aegis-path span,.aegis-reflection-grid article>span,.sidechef-journey span,.sidechef-decision>span,.sidechef-source-note>span,.sidechef-foundations>div>span,.ge-journey span,.ge-decision>span,.ge-inline-insight>span,.ge-foundations>div>span,.ms-journey span,.ms-decision>span,.floora-reading-path span,.floora-note>span,.floora-handoff-flow span,.anima-system-map span,.anima-focus-steps article>span,.isolo-focus-tabs button>span,.case-review-brief-heading>p,.case-evidence-pair span,.case-contract-label,.case-contract dd span){
 font-size:var(--ds-text-label)!important;line-height:var(--ds-leading-caption)!important;
 letter-spacing:.04em;
}
html[data-case-theme] .icon-studio-case .case-review-brief dt{
 font-family:var(--ds-font-medium)!important;font-weight:var(--ds-weight-medium)!important;
 font-size:var(--ds-text-body)!important;line-height:var(--ds-leading-control)!important;
}
html[data-case-theme] .icon-studio-case :is(.ds-button,.connected-gallery-footer button,.connected-gallery-tabs button,.aegis-tabs button,.studio-study-tabs button,.recipe-state-tabs button,.recipe-replay,.aegis-primary,.connected-text-link,.studio-live-link,.case-review-brief-heading>a,.connected-evidence a,.aegis-evidence a,.recipe-evidence a,.ge-sources a,.ge-release-context a,.ms-press a,.ms-sources a,.ms-source-link,.ge-artifact-link>span,.aegis-expand-label,.case-supporting-detail>summary,.connected-evidence summary,.aegis-evidence summary,.recipe-evidence summary,.studio-story-more>summary,.isolo-focus-tabs button,.isolo-demo-heading button,.isolo-offer-film figcaption button,.recipe-feedback-actions button,.ms-more-system summary,.ms-sources summary,.ge-personal-recipes summary,.ge-sources summary):not(:where(.recipe-demo-phone *,.case-phone-artifact *)){
 font-size:var(--ds-text-control)!important;line-height:var(--ds-leading-control)!important;
}
html[data-case-theme] .icon-studio-case :is(.connected-gallery-tabs,.recipe-state-tabs) button{
 white-space:normal;overflow-wrap:normal;text-wrap:balance;
}
html[data-case-theme] .icon-studio-case .recipe-state-tabs button>span{
 font-size:var(--ds-text-label)!important;
}
html[data-case-theme] .icon-studio-case .studio-original-contents a{
 font-size:var(--ds-text-label)!important;line-height:var(--ds-leading-control)!important;
}
/* A bounded two-row dock keeps labels legible instead of shrinking the font. */
@media(max-width:600px){
 html[data-case-theme] .icon-studio-case .studio-original-contents:has(a:nth-of-type(5)){
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border-radius:26px;
 }
 html[data-case-theme] .icon-studio-case .studio-original-contents:has(a:nth-of-type(7)){
  grid-template-columns:repeat(4,minmax(0,1fr));
 }
 html[data-case-theme] .icon-studio-case .studio-original-contents a{
  min-height:var(--ds-size-control);padding:10px 6px;white-space:normal;text-align:center;
 }
 html[data-case-theme] .icon-studio-case .studio-original-contents a span{display:none}
}

/* Narrative below a demonstration is reading copy, separate from its simulated UI. */
html[data-case-theme] .icon-studio-case .case-motion-explanation p{font-size:var(--ds-text-body)!important;line-height:var(--ds-leading-body)!important}
html[data-case-theme] .icon-studio-case :is(.case-product-motion>figcaption,.anima-metrics p,.isolo-metrics p){font-size:var(--ds-text-caption)!important;line-height:var(--ds-leading-caption)!important}

/* UI UX Pro Max review: editorial roles and responsive reading rhythm.
   Keep source artwork, simulations, hero framing, Related and Home independent. */
html[data-case-theme] .icon-studio-case :is(.aegis-scope-insight h3,.aegis-decision-demo h3,.recipe-state-controls h3,.isolo-focus-panel h3,.ge-decision h3,.ge-foundations h3,.ms-decision h3,.ms-press>h3,.case-motion-explanation h4){
 font-family:var(--ds-font-medium)!important;font-weight:var(--ds-weight-medium)!important;
 font-size:var(--ds-text-subheading)!important;line-height:var(--ds-leading-subheading)!important;
 letter-spacing:-.02em;text-wrap:balance;
}
html[data-case-theme] .icon-studio-case .recipe-system-flow h3{
 font-family:var(--ds-font-medium)!important;font-weight:var(--ds-weight-medium)!important;
 font-size:var(--ds-text-card-title)!important;line-height:var(--ds-leading-subheading)!important;
}
html[data-case-theme] .icon-studio-case :is(.aegis-scope-insight>small,.aegis-demo-status){font-size:var(--ds-text-caption)!important;line-height:var(--ds-leading-caption)!important}
html[data-case-theme] .icon-studio-case .aegis-mini-label{font-size:var(--ds-text-label)!important;line-height:var(--ds-leading-caption)!important}
html[data-case-theme] .icon-studio-case :is(.aegis-text-button,.isolo-offer-film figcaption button,.case-motion-play){font-size:var(--ds-text-control)!important;line-height:var(--ds-leading-control)!important;min-height:var(--ds-size-control)}
html[data-case-theme] .icon-studio-case :is(.connected-evidence,.aegis-evidence,.recipe-evidence,.isolo-metric-source)>summary{
 min-height:var(--ds-size-control);padding-block:var(--ds-space-3);font-size:var(--ds-text-control)!important;line-height:var(--ds-leading-control)!important;
}
html[data-case-theme] .icon-studio-case :is(.connected-heading,.aegis-heading,.recipe-heading,.studio-story-heading){
 row-gap:var(--ds-space-6);margin-bottom:var(--ds-layout-heading-gap);
}
html[data-case-theme] .icon-studio-case .studio-overview-meta{margin-bottom:var(--ds-layout-heading-gap)}
html[data-case-theme] .icon-studio-case :is(.ge-decision,.ms-decision) h3+p{margin-top:var(--ds-space-4)}
@media(min-width:768px) and (max-width:1024px){
 html[data-case-theme] .icon-studio-case :is(.connected-heading,.aegis-heading,.recipe-heading,.studio-story-heading,.studio-editorial-brief,.studio-overview-meta,.studio-overview-intro){grid-template-columns:minmax(0,1fr);gap:var(--ds-space-6)}
 html[data-case-theme] .icon-studio-case .studio-overview-meta dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-6)}
 html[data-case-theme] .icon-studio-case .case-review-brief>dl{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-6)}
 html[data-case-theme] .icon-studio-case :is(.sidechef-journey,.ge-journey,.ms-journey){grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-case-theme] .icon-studio-original [data-studio-composition]{grid-template-columns:minmax(0,1fr)!important}
 html[data-case-theme] .icon-studio-original [data-studio-composition]>:is([data-studio-editorial-heading],[data-studio-editorial-media],.studio-decision-note,.studio-story-more){grid-column:1/-1!important;grid-row:auto!important}
 html[data-case-theme] .icon-studio-original [data-studio-editorial-heading]{grid-template-columns:minmax(0,1fr)!important;gap:var(--ds-space-6)!important}
}
/* Phone evidence can sit in a narrow column even on a wide viewport. */
html[data-case-theme] .icon-studio-case .connected-gallery{container:case-gallery / inline-size}
@container case-gallery (max-width:480px){
 .connected-gallery-tabs:has(button:nth-of-type(4)):not(:has(button:nth-of-type(7))){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ds-space-4);row-gap:0}
 .connected-gallery-tabs:has(button:nth-of-type(4)):not(:has(button:nth-of-type(7))) button{min-width:0}
}


/* Case audit, 8 October: separate the introduction from its supporting copy.
   Only narrative roles are adapted; original artwork and hero type stay intact. */
html[data-case-theme]{scroll-padding-block:var(--ds-space-18) calc(var(--ds-space-24) + env(safe-area-inset-bottom,0px))}
html[data-case-theme] .icon-studio-case .studio-overview-intro p+p{margin-top:var(--ds-space-4)}
html[data-case-theme] .icon-studio-case :is(.aegis-scope-fields p,.isolo-mix-status,.isolo-metric-scope,.anima-frequency-stage>p,.recipe-cook-panel-heading>p,.recipe-cook-source,.recipe-cook-bottom p,.autopilot-stop-feedback){
 font-size:var(--ds-text-caption)!important;line-height:var(--ds-leading-caption)!important;
}
html[data-case-theme] .icon-studio-case :is(.anima-small-label,.anima-control-comparison span,.anima-scenario-chips span,.aegis-demo-top small,.aegis-scope-fields legend small,.aegis-scope-route){
 font-size:var(--ds-text-label)!important;line-height:var(--ds-leading-caption)!important;
}
html[data-case-theme] .icon-studio-case .aegis-scope-fields :is(legend,label){font-size:var(--ds-text-control)!important;line-height:var(--ds-leading-control)!important}
html[data-case-theme] .icon-studio-case .aegis-scope-fields label{min-height:var(--ds-size-control)}
/* Standalone evidence actions have a generous target; prose links stay inline. */
html[data-case-theme] .icon-studio-case :is(.connected-evidence,.aegis-evidence,.recipe-evidence)>a{
 display:inline-flex;align-items:center;min-height:var(--ds-size-control);padding-block:var(--ds-space-3);margin-inline-end:var(--ds-space-4);
}
html[data-case-theme] .icon-studio-case :is(.studio-live-link,.connected-text-link,.case-review-brief-heading>a,.connected-evidence>a,.aegis-evidence>a,.recipe-evidence>a):focus-visible{
 outline:var(--ds-focus-width) solid var(--case-accent);outline-offset:var(--ds-focus-offset);border-radius:var(--ds-radius-control);
}
@media(max-width:600px){
 html[data-case-theme]{scroll-padding-bottom:calc(var(--ds-space-24) + var(--ds-space-10) + env(safe-area-inset-bottom,0px))}
 /* Source titles retain a desktop line break; narrow reading columns wrap naturally.
    Markup keeps a real space at every optional break. */
 html[data-case-theme] .icon-studio-case :is(.connected-heading h2,.connected-editorial>.connected-copy h2,.studio-overview-intro h2:not(.studio-overview-name):not(.isolo-overview-name),.aegis-heading h2,.aegis-operations-copy h2,.recipe-section h2,.studio-story-heading h2,.studio-original-reflection>h2,.studio-editorial-brief h2) br{display:none}
 html[data-case-theme] .icon-ge-case .connected-gallery-tabs:has(button:nth-of-type(3)):not(:has(button:nth-of-type(4))){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-2);overflow:visible}
 html[data-case-theme] .icon-ge-case .connected-gallery-tabs button{min-width:0;white-space:normal}
}

/* Preserve the shared title role and the 24px gutter on the smallest phones. */
@media(max-width:359px){
 html[data-case-theme] .icon-studio-case :is(.studio-overview-intro h1,.studio-overview-name,.isolo-overview-name){font-size:min(var(--ds-text-title),12.5vw)!important}
}

/* Equal desktop reading columns avoid a three-line project name beside long prose. */
@media(min-width:1025px){
 html[data-case-theme] .icon-studio-case .studio-overview-intro{grid-template-columns:repeat(2,minmax(0,1fr))}
}