.case-study[data-case="mirrar"] strong{font-weight:500}
.case-study[data-case="mirrar"] .case-cover img{aspect-ratio:auto}
/* Occupy only the existing left gutter; the centered case column stays intact. */
.case-study[data-case="mirrar"] .wannabe-sidebar{position:absolute;top:0;bottom:0;left:var(--frame-edge);width:min(260px,calc(50vw - var(--frame-edge) - 332px));padding-top:140px}
.case-study[data-case="mirrar"] .wannabe-section-nav{position:sticky;top:140px;max-height:calc(100dvh - 160px);overflow-y:auto;font-size:12px;line-height:20px}
.case-study[data-case="mirrar"] .wannabe-section-nav ul{display:flex;flex-direction:column;gap:8px;padding:0;list-style:none}
.case-study[data-case="mirrar"] .wannabe-section-nav a{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;color:var(--case-muted-text);font-weight:500;text-decoration:none}
.case-study[data-case="mirrar"] .wannabe-section-nav a::before{content:'→';visibility:hidden}
.case-study[data-case="mirrar"] .wannabe-section-nav a[aria-current="location"]{color:var(--text)}
.case-study[data-case="mirrar"] .wannabe-section-nav a[aria-current="location"]::before{visibility:visible}
.case-study[data-case="mirrar"] :is(#overview,#context,#approach,#creative-direction,#design,#outcome){scroll-margin-top:120px}
@media(hover:hover) and (pointer:fine){
 .case-study[data-case="mirrar"] .wannabe-section-nav a:hover{color:var(--text)}
}
@media(max-width:1223px){
 .case-study[data-case="mirrar"] .wannabe-sidebar{display:none}
 .case-study[data-case="mirrar"] :is(#overview,#context,#approach,#creative-direction,#design,#outcome){scroll-margin-top:80px}
}
.case-study[data-case="mirrar"] .goat-reveal{opacity:0;transform:translateY(40px)}
.case-study[data-case="mirrar"] .goat-reveal.is-revealed{opacity:1;transform:translateY(0);transition:opacity 800ms cubic-bezier(.22,1,.36,1),transform 800ms cubic-bezier(.22,1,.36,1);transition-delay:var(--goat-reveal-delay,0ms)}
@media(prefers-reduced-motion:reduce){.case-study[data-case="mirrar"] .goat-reveal,.case-study[data-case="mirrar"] .goat-reveal.is-revealed{opacity:1;transform:none;transition:none}}

/* Original compositions follow the same content column as the other case media. */
.case-study[data-case="mirrar"] :is(#medusarr-visual-direction,#medusarr-interface-storytelling){width:100%;max-width:100%;align-self:stretch}

/* Match the original 40 px corners at 630 × 920; transparent pixels show the page, not a gray backing. */
.case-study[data-case="mirrar"] :is(#medusarr-visual-direction,#medusarr-interface-storytelling) img{border-radius:6.34920635% / 4.34782609%;background:transparent}

/* Trim the export’s thin outer raster fringe without changing its content or layout. */
.case-study[data-case="mirrar"] #medusarr-interface-storytelling img{clip-path:inset(1px round 6.34920635% / 4.34782609%)}

/* Reuse Method's frontal MacBook geometry; the only moving layer is Mirrar. */
.mirrar-mac-scene{position:relative;aspect-ratio:1200/780;overflow:hidden;border-radius:var(--case-radius);background:#ccc}
.mirrar-mac-scene .method-mac{position:absolute;left:15.833333%;top:17.948718%;width:68.333333%;aspect-ratio:1216/734.5}
.mirrar-mac-scene .method-shell{position:absolute;left:8.88%;top:0;width:82.278%;height:93.26%;background:transparent;border-radius:0}
.mirrar-mac-scene .method-mac-base{position:absolute;left:0;top:93.26%;width:100%;height:6.74%;overflow:hidden}
.mirrar-mac-scene .method-body{position:absolute;left:0;top:-20.2%;width:100%;height:120.2%;background:transparent;border-radius:0}
.mirrar-mac-scene .method-viewport{position:absolute;left:10.24%;top:2.45%;width:79.52%;height:85.5%;padding:0;border:0;border-radius:0;overflow:hidden;appearance:none;background:#020411}
.mirrar-mac-scene .method-viewport:focus-visible{outline-offset:-2px}
.mirrar-mac-scene .method-viewport:disabled{opacity:1;cursor:default}
.mirrar-mac-scene .method-desktop{display:block;width:100%;height:auto;max-width:none;border-radius:0;background:transparent}
.mirrar-mac-scene.is-ready .method-desktop{animation:method-cover-scroll var(--method-scroll-duration,120s) linear infinite;animation-play-state:paused}
.mirrar-mac-scene.is-running .method-desktop{animation-play-state:running}
.mirrar-mac-scene :is(.method-notch,.method-camera){position:absolute;height:auto;background:transparent;border-radius:0;pointer-events:none}
.mirrar-mac-scene .method-notch{left:44.78%;top:2.45%;width:10.444079%}
.mirrar-mac-scene .method-camera{left:49.68%;top:2.75%;width:.64298%}
@media(prefers-reduced-motion:reduce){.mirrar-mac-scene .method-desktop{animation:none!important;transform:none}}

/* Mirrar reuses B2B composition and the shared full-page Lightbox. */
.case-study[data-case="mirrar"] .b2b-showcase-preview{display:block;width:100%;aspect-ratio:817/511;padding:0;border:0;border-radius:var(--case-radius);overflow:hidden;background:#ccc;cursor:zoom-in;text-align:initial;appearance:none}
.case-study[data-case="mirrar"] .b2b-composition{display:grid;grid-template-columns:minmax(0,1216fr) minmax(0,243fr);column-gap:8.7555%;align-items:start;padding:13.1391% 17.6257% 15.36% 9.923%;background:#ccc;border-radius:var(--case-radius);color:#000}
.case-study[data-case="mirrar"] :is(.b2b-desktop,.b2b-mobile){position:relative;min-width:0}
.case-study[data-case="mirrar"] .b2b-paper{position:relative;z-index:1;margin-inline:auto}
.case-study[data-case="mirrar"] .b2b-paper>img{display:block;width:100%;height:auto;max-width:none;margin:0;border-radius:0;background:transparent;object-fit:initial;transform:none;animation:none}
.case-study[data-case="mirrar"] .b2b-laptop-hardware{position:absolute;inset:0 0 auto;aspect-ratio:1216/734.5;pointer-events:none}
.case-study[data-case="mirrar"] .b2b-laptop-hardware>.b2b-laptop-shell{position:absolute;left:8.88%;top:0;width:82.278%;height:auto;border-radius:0;background:transparent}
.case-study[data-case="mirrar"] .b2b-laptop-base{position:absolute;left:0;top:93.26%;width:100%;height:6.74%;overflow:hidden}
.case-study[data-case="mirrar"] .b2b-laptop-base>img{position:absolute;top:-20.2%;left:0;width:100%;height:120.2%;max-width:none;border-radius:0;background:transparent}
.case-study[data-case="mirrar"] .b2b-desktop-page{width:79.523%;padding-top:1.48%}
.case-study[data-case="mirrar"] .b2b-mobile-page{width:100%;padding:0;border-radius:0;overflow:hidden}
.case-study[data-case="mirrar"] .b2b-laptop-notch{position:absolute;z-index:2;left:44.78%;top:0;transform:translateY(90%);width:10.44%;height:auto;background:transparent;border-radius:0;pointer-events:none}
/* The same scene expands in the shared viewer; only its one stage scrolls. */
.case-study[data-case="mirrar"] .portfolio-lightbox.is-composition .plb-stage{inset:56px 12px 12px;overflow-x:hidden;overflow-y:auto;touch-action:pan-y pinch-zoom;user-select:auto;scrollbar-color:#929fb2 #151719;scrollbar-width:thin}
.case-study[data-case="mirrar"] .portfolio-lightbox.is-composition .plb-content{position:relative;left:auto;top:auto;width:100%!important;height:auto!important;max-width:1250px;margin:0 auto;transform:none!important;transition:none!important;cursor:default}
@media(max-width:600px){
 .case-study[data-case="mirrar"] .portfolio-lightbox.is-composition .plb-stage{left:6px;right:6px}
 .case-study[data-case="mirrar"] .portfolio-lightbox.is-composition .b2b-composition{grid-template-columns:minmax(0,1fr);gap:40px;padding:28px 18px}
 .case-study[data-case="mirrar"] .portfolio-lightbox.is-composition .b2b-mobile{width:min(100%,300px);justify-self:center}
}

/* Caption shares the existing composition viewer. */
.case-study[data-case="mirrar"] .b2b-showcase-caption{margin:20px 0 0;text-align:center}
.case-study[data-case="mirrar"] .b2b-showcase-expand{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 4px;border:0;background:transparent;color:var(--muted,#8796ad);font:inherit;font-size:14px;line-height:1.5;cursor:pointer;text-underline-offset:4px}
.case-study[data-case="mirrar"] .b2b-showcase-expand svg{flex:none}
@media(hover:hover){.case-study[data-case="mirrar"] .b2b-showcase-expand:hover{color:var(--text,currentColor);text-decoration:underline}}
.case-study[data-case="mirrar"] .b2b-showcase-expand:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}

/* Preview is the exact layered Figma export; the viewer contains only original pages. */
.case-study[data-case="mirrar"] .b2b-showcase-preview{aspect-ratio:2207/8285}
.case-study[data-case="mirrar"] .b2b-layered-preview{display:block;width:100%;height:auto;max-width:none;margin:0;border-radius:0;background:#ccc}
.case-study[data-case="mirrar"] .b2b-full-pages{grid-template-columns:minmax(0,1fr) minmax(0,.26fr);column-gap:8%;padding:5% 7%}
.case-study[data-case="mirrar"] .b2b-full-pages .b2b-desktop-page{width:100%;padding:0}
.case-study[data-case="mirrar"] .mirrar-showcase{gap:0}
.case-study[data-case="mirrar"] .b2b-showcase-preview{aspect-ratio:2207/4298}


/* Full original layouts: share the existing image Lightbox; no preview cropping. */
.case-study[data-case="mirrar"] .mirrar-layout-gallery{display:grid;grid-template-columns:minmax(0,2880fr) minmax(0,860fr);gap:20px;align-items:start;width:100%;min-width:0}
.case-study[data-case="mirrar"] .mirrar-layout-gallery :is(figure,a){display:block;min-width:0;width:100%;margin:0}
.case-study[data-case="mirrar"] .mirrar-layout-gallery img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:600px){.case-study[data-case="mirrar"] .mirrar-layout-gallery{grid-template-columns:minmax(0,1fr);gap:24px}.case-study[data-case="mirrar"] .mirrar-layout-mobile{max-width:300px;justify-self:center}}