/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * genre: atmospheric-editorial · tone: tailored brand narratives
 * palette-anchor: Iconic warm neutral · macrostructure: Brand Chapters / Material Sequence
 */
.brand-case-page{--brand-ink:var(--color-ink,#171615);--brand-paper:var(--color-paper,#f1ede6);--brand-soft:var(--color-paper-2,#e4ded5);--brand-rule:var(--color-rule,rgba(20,18,16,.16));overflow-x:clip}
.brand-case-page .project-hero{position:relative;min-height:88svh;padding:0;overflow:hidden;background:var(--brand-ink);color:var(--brand-paper)}
.brand-case-page .project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88);transform:scale(1.01)}
.brand-case-page .project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,13,12,.8),rgba(14,13,12,.08) 72%),linear-gradient(0deg,rgba(14,13,12,.72),transparent 62%)}
.brand-case-page .project-hero .breadcrumbs{position:absolute;z-index:4;top:7.2rem;left:clamp(1.25rem,5vw,6rem)}
.brand-case-page .project-hero-content{position:absolute;z-index:3;left:clamp(1.25rem,5vw,6rem);right:1.25rem;bottom:clamp(5rem,9vw,9rem);max-width:1100px}
.brand-case-page .project-hero-content h1{max-width:13ch;margin:.7rem 0 0;font-size:clamp(4rem,8.5vw,9rem);line-height:.87;letter-spacing:-.055em;font-style:normal;overflow-wrap:anywhere;min-width:0}.brand-case-page .project-hero-content h1 em{font-style:normal;color:var(--color-accent)}
.brand-case-page .project-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;background:var(--brand-ink);color:var(--brand-paper)}
.brand-case-page .project-meta div{min-height:10rem;padding:2rem clamp(1rem,2.5vw,2.6rem);border-right:1px solid rgba(255,255,255,.12)}.brand-case-page .project-meta div:last-child{border-right:0}
.brand-case-page .project-meta dt{text-transform:uppercase;letter-spacing:.15em;font-size:.58rem;color:rgba(255,255,255,.58)}.brand-case-page .project-meta dd{margin:1rem 0 0;font-family:var(--serif);font-size:clamp(1.05rem,1.45vw,1.5rem);line-height:1.28}
.brand-case-page .case-story{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;background:var(--brand-paper)}
.brand-case-page .case-story-card{min-height:39rem;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(3rem,5vw,5.5rem) clamp(1.5rem,4vw,4rem);background:transparent;border-right:1px solid var(--brand-rule)}.brand-case-page .case-story-card:last-child{border-right:0}
.brand-case-page .case-story-card h2{margin:1.3rem 0;font-size:clamp(1.9rem,3vw,3.7rem);font-style:normal;overflow-wrap:anywhere;min-width:0}.brand-case-page .case-story-card .copy{line-height:1.72;color:var(--color-ink-soft)}
.brand-case-page .brand-rollout-map{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(3rem,7vw,8rem);align-items:center;padding:clamp(6rem,10vw,11rem) clamp(1.25rem,6vw,7rem);background:var(--brand-soft)}
.brand-case-page .brand-map-copy .display,.brand-case-page .brand-map-copy .display em{font-style:normal}.brand-case-page .brand-map-copy strong{color:var(--color-accent)}
.brand-case-page .brand-map-canvas{max-height:72svh}.brand-case-page .brand-location-list{margin-top:2rem;background:var(--brand-paper)}
.brand-case-page .brand-stores{padding:clamp(6rem,10vw,11rem) clamp(1.25rem,5vw,6rem);background:var(--brand-ink);color:var(--brand-paper)}
.brand-case-page .brand-stores>.case-section-head{max-width:900px;margin-bottom:5rem}.brand-case-page .brand-stores .display,.brand-case-page .brand-stores .display em{font-style:normal}
.brand-case-page .brand-store{display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,1.58fr);gap:clamp(2rem,5vw,6rem);padding:clamp(5rem,8vw,9rem) 0;border-color:rgba(255,255,255,.16)}
.brand-case-page .brand-store>header{position:sticky;top:7rem;align-self:start;margin:0;color:var(--brand-paper)}.brand-case-page .brand-store>header>span{color:var(--color-accent)}.brand-case-page .brand-store h3{font-size:clamp(3.2rem,6vw,7rem);font-style:normal}.brand-case-page .brand-store header p{color:rgba(255,255,255,.55)}
.brand-case-page .brand-store-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,1.5vw,1.5rem)}.brand-case-page .brand-store-gallery figure:first-child:nth-last-child(3){grid-column:1/-1}.brand-case-page .brand-store-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.brand-case-page .brand-store-gallery figure:first-child:nth-last-child(3) img,.brand-case-page .brand-store-gallery figure:first-child:last-child img{aspect-ratio:16/9}.brand-case-page .brand-store-gallery figcaption{color:rgba(255,255,255,.52)}
.brand-case-page .case-comparison{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr);gap:clamp(3rem,7vw,8rem);align-items:center;padding:clamp(6rem,10vw,11rem) clamp(1.25rem,6vw,7rem);background:var(--brand-soft)}
.brand-case-page .case-comparison .case-section-head{margin:0}.brand-case-page .case-comparison .display,.brand-case-page .case-comparison .display em{font-style:normal}.brand-case-page .case-comparison .ba-slider{height:min(72svh,760px);margin:0;border-radius:0}.brand-case-page .case-comparison .ba-caption{grid-column:2;margin:0;color:var(--color-ink-soft)}
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5 */
.brand-motivi .motivi-opening{display:grid;grid-template-columns:minmax(130px,.26fr) minmax(300px,.72fr) minmax(0,1.02fr);min-height:92svh;background:var(--brand-paper);border-bottom:1px solid var(--brand-rule)}
.brand-motivi .motivi-opening-index{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(3rem,6vw,6rem) 1rem;border-right:1px solid var(--brand-rule);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-soft)}.brand-motivi .motivi-opening-index i{display:block;width:1px;flex:1;margin:2rem 0;background:var(--brand-rule)}
.brand-motivi .motivi-opening-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,9rem) clamp(2rem,5vw,6rem)}.brand-motivi .motivi-opening-copy h2{max-width:11ch;margin:1.5rem 0 2.5rem;font-family:var(--serif);font-size:clamp(2.8rem,5vw,6.4rem);line-height:.96;letter-spacing:-.045em;font-style:normal;overflow-wrap:anywhere}.brand-motivi .motivi-opening-copy .copy{max-width:39rem;line-height:1.8;color:var(--color-ink-soft)}
.brand-motivi .motivi-opening-image{position:relative;min-width:0;margin:0;overflow:hidden}.brand-motivi .motivi-opening-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.brand-motivi .motivi-opening-image:hover img{transform:scale(1.025)}.brand-motivi .motivi-opening-image figcaption{position:absolute;right:1.5rem;bottom:1.5rem;padding:.7rem 1rem;background:var(--brand-paper);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.brand-motivi .case-story-card:nth-child(2){background:var(--brand-soft)}.brand-motivi .case-story-card .eyebrow{color:var(--color-accent)}
.brand-motivi .case-comparison{background:var(--brand-paper)}
.brand-motivi .case-gallery{padding:clamp(6rem,10vw,11rem) clamp(1.25rem,4vw,4.5rem);background:var(--brand-ink);color:var(--brand-paper)}.brand-motivi .case-gallery>.case-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,8vw,9rem);max-width:none;margin-bottom:clamp(4rem,7vw,7rem)}.brand-motivi .case-gallery>.case-section-head .eyebrow{grid-column:1/-1}.brand-motivi .case-gallery>.case-section-head .display,.brand-motivi .case-gallery>.case-section-head .display em{font-style:normal}.brand-motivi .case-gallery>.case-section-head .copy{align-self:end;max-width:34rem;color:rgba(255,255,255,.62);line-height:1.8}
.brand-motivi .premium-gallery-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(.8rem,1.5vw,1.5rem)}.brand-motivi .premium-gallery-grid figure{position:relative;overflow:hidden}.brand-motivi .premium-gallery-grid img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.brand-motivi .premium-gallery-grid figure:hover img{transform:scale(1.02)}.brand-motivi .premium-gallery-grid .premium-wide:first-child{grid-column:1/-1}.brand-motivi .premium-gallery-grid .premium-wide:nth-child(2){grid-column:1}.brand-motivi .premium-gallery-grid .premium-wide:nth-child(2) img{aspect-ratio:4/3}.brand-motivi .premium-gallery-grid .premium-portrait{grid-column:2}.brand-motivi .premium-gallery-grid .premium-portrait:nth-of-type(4){grid-column:1}.brand-motivi .premium-gallery-grid .premium-detail{grid-column:1/-1;background:rgba(255,255,255,.06)}.brand-motivi .premium-gallery-grid figcaption{color:rgba(255,255,255,.62)}
.brand-case-page .project-nav{background:var(--brand-ink);color:var(--brand-paper)}.brand-case-page .project-nav a{border-color:rgba(255,255,255,.15)}.brand-case-page .cta-section .display,.brand-case-page .cta-section .display em{font-style:normal}
.brand-fiorella .project-hero>img{object-position:center 38%}.brand-oltre .project-hero>img{object-position:center}.brand-motivi .project-hero>img{object-position:center}
@media(max-width:980px){.brand-case-page .project-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-case-page .project-meta div{border-bottom:1px solid rgba(255,255,255,.12)}.brand-case-page .case-story{grid-template-columns:minmax(0,1fr)}.brand-case-page .case-story-card{min-height:28rem;border-right:0;border-bottom:1px solid var(--brand-rule)}.brand-case-page .brand-rollout-map{grid-template-columns:minmax(0,1fr)}.brand-case-page .brand-store{grid-template-columns:minmax(0,1fr)}.brand-case-page .brand-store>header{position:static}.brand-case-page .case-comparison{grid-template-columns:minmax(0,1fr)}.brand-case-page .case-comparison .ba-caption{grid-column:1}.brand-motivi .motivi-opening{grid-template-columns:80px minmax(0,1fr)}.brand-motivi .motivi-opening-copy{min-height:70svh}.brand-motivi .motivi-opening-image{grid-column:1/-1;min-height:70svh}.brand-motivi .case-gallery>.case-section-head{grid-template-columns:minmax(0,1fr)}.brand-motivi .case-gallery>.case-section-head .eyebrow{grid-column:auto}}
@media(max-width:620px){.brand-case-page .project-hero .breadcrumbs{display:none}.brand-case-page .project-hero-content{bottom:5.5rem}.brand-case-page .project-hero-content h1{font-size:clamp(3.6rem,17vw,5.7rem)}.brand-case-page .project-meta{grid-template-columns:minmax(0,1fr)}.brand-case-page .project-meta div{min-height:0;padding:1.4rem 1.2rem}.brand-case-page .case-story-card{min-height:25rem;padding:4rem 1.2rem}.brand-case-page .brand-rollout-map,.brand-case-page .brand-stores,.brand-case-page .case-comparison,.brand-motivi .case-gallery{padding:5rem 1.2rem}.brand-case-page .brand-location-list{grid-template-columns:minmax(0,1fr)}.brand-case-page .brand-store-gallery{grid-template-columns:minmax(0,1fr)}.brand-case-page .brand-store-gallery figure,.brand-case-page .brand-store-gallery figure:first-child:nth-last-child(3){grid-column:auto}.brand-case-page .brand-store-gallery img,.brand-case-page .brand-store-gallery figure:first-child:nth-last-child(3) img,.brand-case-page .brand-store-gallery figure:first-child:last-child img{aspect-ratio:4/3}.brand-case-page .case-comparison .ba-slider{height:76vw;min-height:310px}.brand-motivi .motivi-opening{grid-template-columns:minmax(0,1fr)}.brand-motivi .motivi-opening-index{display:none}.brand-motivi .motivi-opening-copy{min-height:auto;padding:5rem 1.2rem}.brand-motivi .motivi-opening-copy h2{font-size:clamp(2.7rem,13vw,4.5rem)}.brand-motivi .motivi-opening-image{min-height:72svh}.brand-motivi .premium-gallery-grid{grid-template-columns:minmax(0,1fr)}.brand-motivi .premium-gallery-grid figure,.brand-motivi .premium-gallery-grid .premium-wide:first-child,.brand-motivi .premium-gallery-grid .premium-wide:nth-child(2),.brand-motivi .premium-gallery-grid .premium-portrait,.brand-motivi .premium-gallery-grid .premium-portrait:nth-of-type(4),.brand-motivi .premium-gallery-grid .premium-detail{grid-column:auto}.brand-motivi .premium-gallery-grid .premium-detail{display:block}}
@media(prefers-reduced-motion:reduce){.brand-motivi .motivi-opening-image img,.brand-motivi .premium-gallery-grid img{transition:none}.brand-motivi .motivi-opening-image:hover img,.brand-motivi .premium-gallery-grid figure:hover img{transform:none}}
@media(max-width:620px){.brand-case-page .project-hero{min-height:80svh}}
.brand-case-page .button{white-space:nowrap}