.decision-cover{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,55px);background:var(--bg);border-block:1px solid var(--line)}.decision-cover strong{font-weight:400;letter-spacing:-.035em;line-height:1.12;font-size:clamp(25px,3.4vw,46px);max-width:20ch}.cover-path{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.decision-room{padding-block:35px 65px}.decision-intro{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:35px;margin-bottom:45px}.decision-intro h2{font-size:30px;font-weight:400}.decision-intro p{max-width:46ch;font-size:14px;color:var(--muted)}.decision-layout{display:grid;grid-template-columns:minmax(170px,23%) minmax(0,1fr);gap:6%}.decision-layout [role=tablist]{display:flex;flex-direction:column;align-self:start}.decision-layout [role=tab]{text-align:left;background:none;color:var(--muted);border:0;border-top:1px solid var(--line);padding:22px 0;cursor:pointer;font:inherit;font-size:15px}.decision-layout [role=tab]:hover{color:var(--ink)}.decision-layout [role=tab][aria-selected=true]{color:var(--ink);border-top-color:var(--violet)}.decision-panels{min-width:0;min-height:535px}.decision-panels [role=tabpanel]>h2{font-weight:400;max-width:20ch;font-size:clamp(32px,3.8vw,54px);line-height:1.15;letter-spacing:-.035em;margin-bottom:45px;text-wrap:balance}.decision-path{list-style:none;padding:0;margin:0 0 40px;display:flex;gap:0;align-items:stretch;border-block:1px solid var(--line)}.decision-path li{flex:1;min-width:0;padding:28px 20px 28px 0;position:relative;font-size:clamp(16px,1.5vw,21px);line-height:1.5}.decision-path li+li{padding-left:25px}.decision-path li+li:before{content:"";position:absolute;left:0;top:40px;width:6px;height:6px;border-top:1px solid var(--blue);border-right:1px solid var(--violet);transform:rotate(45deg)}.decision-explanation{max-width:70ch}.decision-explanation>p{font-size:17px;line-height:1.8}.decision-explanation .decision-note{font-size:13px;color:var(--muted);margin-top:24px}.decision-room:not([data-enhanced]) [hidden]{display:block;margin-top:60px}.decision-room:not([data-enhanced]) [role=tablist]{display:none}.decision-room:not([data-enhanced]) .decision-layout{display:block}.portfolio-media{padding-block:10px 60px}.film{margin:0}.film video{display:block;width:100%;height:auto;background:var(--bg);max-height:760px;object-fit:contain;accent-color:var(--violet)}.film figcaption{font-size:12px;color:var(--muted);margin-top:14px}.portrait-film .film{max-width:400px}.beauty-lead{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:80px}.beauty-lead img{width:100%;height:auto;display:block}.beauty-films{display:grid;grid-template-columns:1.6fr 1fr;gap:7%;align-items:start;padding-top:40px;border-top:1px solid var(--line)}.beauty-films h2,.beauty-gallery h2{font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.2;margin-bottom:20px;letter-spacing:-.03em}.beauty-films p,.beauty-gallery>p{font-size:14px;color:var(--muted);margin-bottom:25px}.beauty-gallery{padding-top:80px}.beauty-rail{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;scrollbar-color:var(--line) var(--bg);padding-block:10px 22px}.beauty-rail figure{margin:0;flex:0 0 min(340px,85%);scroll-snap-align:start}.beauty-rail figure:last-child{scroll-snap-align:end}.beauty-rail img{width:100%;height:425px;object-fit:contain;display:block;background:var(--bg)}.beauty-rail figcaption{font-size:13px;color:var(--muted);margin-top:12px}.beauty-controls{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-block:25px 10px}.beauty-controls button{font:inherit;font-size:13px;padding:12px 18px;border:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer}.beauty-controls button:hover{border-color:var(--violet)}.beauty-controls button:disabled{opacity:.4;cursor:default}.beauty-controls [role=status]{font-size:13px;font-variant-numeric:tabular-nums}.project-close [data-next-project] svg{width:20px;height:20px}.catalog[data-view=elenco] .decision-cover strong{font-size:24px}.catalog[data-view=elenco] .cover-path{display:none}
@media(max-width:760px){.decision-room{padding-block:20px 35px}.decision-intro{display:block;padding-top:25px;margin-bottom:26px}.decision-intro h2{font-size:26px;margin-bottom:18px}.decision-intro p{font-size:13px}.decision-layout{display:block}.decision-layout [role=tablist]{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-bottom:35px}.decision-layout [role=tab]{font-size:13px;padding:18px 0}.decision-panels{min-height:0}.decision-panels [role=tabpanel]>h2{font-size:34px;margin-bottom:28px}.decision-path{display:block;margin-bottom:28px}.decision-path li,.decision-path li+li{padding:19px 0 19px 22px;font-size:18px}.decision-path li+li{border-top:1px solid var(--line)}.decision-path li+li:before{top:30px;left:0}.decision-explanation>p{font-size:15px;line-height:1.75}.decision-explanation .decision-note{font-size:12px}.beauty-lead{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:45px}.beauty-films{display:block;padding-top:30px}.beauty-films>div+div{margin-top:50px}.beauty-films h2,.beauty-gallery h2{font-size:29px}.beauty-gallery{padding-top:50px}.beauty-rail img{height:370px}.beauty-controls{gap:10px;justify-content:flex-start}.beauty-controls button{padding:11px 13px}.portfolio-media{padding-bottom:35px}.decision-cover{padding:24px}.decision-cover strong{font-size:30px}.cover-path{font-size:11px;padding-top:12px}.portrait-film .film{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.decision-room[data-enhanced] [role=tabpanel]:not([hidden]){animation:decision-in .22s cubic-bezier(.16,1,.3,1) both}@keyframes decision-in{from{opacity:.8;transform:translateY(6px)}to{opacity:1;transform:none}}}
.beauty-card-grid{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.work-preview .beauty-card-grid img{width:100%;height:100%;object-fit:cover}
.film video[width="1920"]{aspect-ratio:16/9}.film video[width="1080"]{aspect-ratio:9/16}
/* Client cases: a visual workspace, with the full account available on demand. */
.decision-layout [role=tab][aria-selected=true]{color:var(--focus)}
.case-visual-page .project-heading{padding-block:24px 30px;align-items:center}.case-visual-page .project-heading h1{font-size:clamp(34px,4vw,56px);line-height:1.1}.case-visual-page .project-heading .project-summary{font-size:16px;max-width:49ch}.case-visual-page .breadcrumbs{padding-top:25px}.case-visual-page .decision-room{padding-top:0;padding-bottom:35px}.case-visual-page .decision-intro{padding-top:24px;margin-bottom:28px}.case-visual-page .decision-intro h2{font-size:23px}.case-visual-page .decision-intro p{font-size:13px}.case-visual-page .decision-panels{min-height:0}.case-visual-page .decision-panels [role=tabpanel]>h2{font-size:clamp(24px,2.4vw,34px);max-width:35ch;margin-bottom:20px}.case-visual-page .decision-layout{grid-template-columns:185px minmax(0,1fr);gap:5%}.case-visual-page .decision-layout [role=tablist]{position:sticky;top:150px}.case-scene{margin:0;border:1px solid var(--line);background:var(--bg)}.case-scene svg{display:block;width:100%;height:auto;max-height:560px;font-family:Manrope,sans-serif;fill:var(--ink)}.case-scene .scene-mobile{display:none}.case-scene figcaption{padding:11px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.scene-line{fill:none;stroke:var(--muted);stroke-width:1}.scene-outline{fill:none;stroke:var(--muted);stroke-width:1}.scene-unit>rect{fill:var(--surface);stroke:var(--muted);stroke-width:1}.scene-unit.accent>rect{stroke:var(--violet)}.scene-copy{stroke:var(--muted)}.scene-unit .scene-block{fill:var(--line);stroke:none}.scene-muted{fill:var(--muted)}.scene-accent{fill:var(--blue)}.scene-trace{stroke:var(--blue);stroke-width:1.5}.scene-dot{fill:var(--violet)}.scene-bar-paid{fill:var(--line)}.scene-bar-organic{fill:var(--blue)}.scene-caption{font-size:15px;line-height:1.7;max-width:70ch;margin:23px 0 14px}.scene-detail{max-width:70ch}.scene-detail>summary,.case-contribution>summary{font-size:13px;cursor:pointer;text-underline-offset:.25em;text-decoration:underline;padding:12px 0}.scene-detail .decision-explanation{padding-top:12px}.scene-detail .decision-explanation>p{font-size:14px}.scene-detail .decision-explanation .decision-note{font-size:12px}.case-contribution{padding-block:10px 24px}.case-contribution .project-meta{padding:22px 0}.case-visual-page .project-close{padding-block:55px}.case-visual-page .project-close h2{font-size:36px}
@media(max-width:760px){.case-visual-page .project-heading{padding-block:20px 24px}.case-visual-page .project-heading h1{font-size:38px}.case-visual-page .project-heading .project-summary{font-size:14px;margin-top:18px}.case-visual-page .decision-intro{display:none}.case-visual-page .decision-layout{display:block}.case-visual-page .decision-layout [role=tablist]{top:var(--header);z-index:2;background:var(--bg);padding-block:8px;margin-bottom:25px;gap:0 20px}.case-visual-page .decision-layout [role=tab]{padding-block:14px}.case-visual-page .decision-panels [role=tabpanel]>h2{font-size:25px;line-height:1.25;margin-bottom:20px}.case-scene .scene-desktop{display:none}.case-scene .scene-mobile{display:block;max-height:none}.case-scene figcaption{font-size:11px;padding:10px}.scene-caption{font-size:14px;margin-top:20px}.case-contribution .project-meta{padding-inline:0}.case-visual-page .project-close{padding-block:40px}.case-visual-page .project-close h2{font-size:32px}}
@media(prefers-reduced-motion:no-preference){.case-visual-page .scene-trace{stroke-dasharray:1000;stroke-dashoffset:0;animation:scene-connect .65s cubic-bezier(.16,1,.3,1) both}@keyframes scene-connect{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}}
.case-cover-scene{height:100%}.case-cover-scene .case-scene{height:100%;border:0}.case-cover-scene svg{height:100%;max-height:none}.case-cover-scene .scene-desktop{display:block}.case-cover-scene .scene-mobile,.case-cover-scene figcaption{display:none}
.case-scene .scene-letter{fill:var(--muted);font-weight:350;letter-spacing:-.04em}.case-scene .accent .scene-letter{fill:var(--blue)}
.case-scene svg{stroke:none;stroke-width:0}
/* Strategic case introductions remain outside the exploratory panels. */
.case-visual-page .project-heading{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:8%;align-items:start;padding-bottom:30px}.case-visual-page .project-heading h1{font-size:clamp(38px,3.6vw,54px);max-width:23ch;text-wrap:balance}.case-visual-page .project-heading .project-summary{font-size:16px;line-height:1.7;max-width:49ch;padding-top:6px}.case-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;list-style:none;padding-block:22px 32px;border-top:1px solid var(--line);margin-bottom:18px}.case-overview li{position:relative}.case-overview li+li:before{content:"";position:absolute;left:-9%;top:27px;width:6px;height:6px;border-top:1px solid var(--blue);border-right:1px solid var(--violet);transform:rotate(45deg)}.case-overview span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.case-overview strong{font-size:18px;font-weight:400;line-height:1.45;display:block;max-width:26ch}.case-visual-page .decision-intro{display:none}.case-visual-page .decision-layout [role=tab]{font-size:14px;line-height:1.5;padding-block:18px}.case-visual-page .decision-room{padding-top:14px}.case-visual-page .decision-layout [role=tablist]{top:130px}
@media(max-width:760px){.case-visual-page .project-heading{display:block;padding-block:20px 25px}.case-visual-page .project-heading h1{font-size:38px;max-width:22ch}.case-visual-page .project-heading .project-summary{font-size:14px;margin-top:20px;padding:0}.case-overview{display:block;padding-block:20px 10px;margin-bottom:8px}.case-overview li{padding-bottom:20px}.case-overview li+li:before{display:none}.case-overview span{font-size:11px;margin-bottom:4px}.case-overview strong{font-size:17px;max-width:none}.case-visual-page .decision-layout [role=tablist]{top:var(--header)}.case-visual-page .decision-layout [role=tab]{font-size:13px;padding-block:13px}}

/* Keep strategic diagrams complete at selection; the panel retains its brief transition. */
.case-visual-page .scene-trace{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.case-overview{padding-top:22px;padding-bottom:32px}.case-scene figcaption{font-size:12px}
@media(max-width:760px){.case-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;padding-top:20px;padding-bottom:20px}.case-overview li{padding-bottom:0}.case-overview span{font-size:12px;line-height:1.4;min-height:36px;margin-bottom:7px}.case-overview strong{font-size:15px;line-height:1.45}.case-overview li+li:before{display:block;left:-12%;top:53px}.case-scene figcaption{font-size:12px}}

@media(max-width:380px){.case-overview{grid-template-columns:1fr;gap:15px}.case-overview li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start}.case-overview span{min-height:0;margin:0}.case-overview strong{font-size:15px;max-width:none}.case-overview li+li:before{display:none}}
.case-client{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:var(--muted);line-height:1.3}.case-client .client-logo{display:block;width:auto;height:44px;object-fit:contain;flex:none}.case-client .client-logo-moda{height:auto;width:190px}.case-client small{display:block;font-size:12px;color:var(--muted)}
.case-scene .sc-box{fill:var(--surface);stroke:var(--line);stroke-width:1.25}.case-scene .sc-box.key{stroke:var(--focus);stroke-width:1.75}.case-scene .sc-box.ghost{fill:none;stroke-dasharray:6 5}.case-scene .sc-group{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}.case-scene .sc-edge{fill:none;stroke:var(--focus);stroke-width:1.5}.case-scene .sc-link{fill:none;stroke:var(--line);stroke-width:1}.case-scene .sc-head{fill:var(--focus);stroke:none}.case-scene .sc-fmt{fill:var(--action);stroke:var(--line);stroke-width:1}.case-scene .sc-copy{fill:none;stroke:var(--muted);stroke-width:2}.case-scene .sc-tag{fill:var(--focus)}.case-scene text{stroke:none}
@media(max-width:760px){.case-cover-scene .scene-desktop{display:none}.case-cover-scene .scene-mobile{display:block;height:100%;max-height:none}}
@media(max-width:760px){.catalog .work-preview:has(.case-cover-scene){aspect-ratio:auto!important;height:auto}.work-preview .case-cover-scene,.work-preview .case-cover-scene .case-scene{height:auto}.case-cover-scene .scene-mobile{height:auto}}
