.case{padding-top:60px}.case section{padding:60px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.case .case-hero{padding-top:0}.case h1{font-size:clamp(5rem,14vw,11rem);max-width:none;margin:20px 0;line-height:1}.case h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1;overflow-wrap:anywhere}.case .lead{font-family:Fraunces,serif;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.2;color:var(--ink);margin:22px 0}.case p{color:var(--muted)}.section-label{font-family:Fraunces,serif;font-size:2rem;color:#a53629;margin-bottom:12px}.case img{width:100%;height:auto;border-radius:5px}.case-hero>img{margin-top:32px;aspect-ratio:16/9;object-fit:cover}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:36px}.case figure{margin:0;min-width:0}.case figcaption,.palette span,.beats{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-top:12px;color:var(--muted)}.visual{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px}.character img{height:100%;object-fit:contain;object-position:top;background:#f4f1ea}.three,.four,.palette{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.palette{grid-template-columns:repeat(5,minmax(0,1fr))}.case h3{font-family:'DM Sans',sans-serif;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:18px;margin:36px 0 20px}.three img{aspect-ratio:2/3;object-fit:contain;background:#f4f1ea}.wardrobe img{aspect-ratio:1;object-fit:contain}.four img{aspect-ratio:4/3;object-fit:cover}.swatch{height:90px;border-radius:4px}.palette small{display:block;color:var(--muted);margin-top:4px}.text-grid>div{border-right:1px solid var(--line);padding-right:16px}.text-grid h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.text-grid p{font-size:.9rem}.film-pending{border:1px solid var(--line);border-radius:10px;overflow:hidden}.film-pending p{padding:0 20px}.rhythm{display:flex;align-items:center;gap:2px;height:90px;overflow:hidden}.rhythm i{flex:1;min-width:1px}.product img{max-height:520px;object-fit:contain}.case-back{margin-bottom:30px}.color-head>img{aspect-ratio:4/3;object-fit:cover}@media(max-width:820px){.split,.visual{grid-template-columns:1fr;gap:28px}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.character img{max-height:700px}.palette{grid-template-columns:repeat(3,minmax(0,1fr))}.case section{padding:40px 0}.case h1{font-size:clamp(4rem,17vw,8rem)}}@media(max-width:480px){.duo{grid-template-columns:1fr}.three,.four{gap:10px}.palette{grid-template-columns:repeat(2,minmax(0,1fr))}.text-grid>div{padding-right:8px}.case h2{font-size:2.7rem}.case figcaption{font-size:.6rem}}

/* Number and title form a single editorial heading. */
.case .section-heading{display:flex;align-items:flex-start;gap:18px;margin:0 0 24px}
.case .section-number{flex:0 0 auto;align-self:flex-start;padding:7px 15px 7px 0;border-right:1px solid rgba(165,54,41,.3);color:#a53629;font-family:"DM Sans",sans-serif;font-size:.85rem;font-weight:600;line-height:1.15;letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-top:8px}
.case .section-heading h2{margin:0;min-width:0;font-size:clamp(2.4rem,4.3vw,4.2rem);line-height:1.06;letter-spacing:-.045em;overflow-wrap:normal;hyphens:auto}
@media(max-width:560px){.case .section-heading{gap:12px;margin-bottom:20px}.case .section-number{font-size:.72rem;padding:5px 10px 5px 0;margin-top:5px}.case .section-heading h2{font-size:clamp(2rem,8vw,2.8rem)}}

/* Approved editorial composition: one continuous line unites heading and copy. */
.case .editorial-intro{border-left:2px solid #a53629;padding:4px 0 4px clamp(18px,3vw,36px);margin-bottom:32px;max-width:1000px}
.case .editorial-intro .section-heading{align-items:baseline;gap:14px;margin:0 0 24px;flex-wrap:wrap}
.case .editorial-intro .section-number{font-family:Fraunces,serif;font-size:clamp(2.4rem,4vw,4rem);line-height:1.05;font-weight:700;letter-spacing:-.045em;border:0;padding:0;margin:0;align-self:auto;color:#a53629}
.case .section-slash{font-family:Fraunces,serif;font-weight:400;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1;color:var(--muted)}
.case .editorial-intro .section-heading h2{font-family:Fraunces,serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:700;line-height:1.05;flex:1 1 180px;overflow-wrap:normal;hyphens:none}
.case .editorial-intro .lead{font-weight:500;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.2;margin:0 0 24px}
.case .editorial-intro p:not(.lead){max-width:850px;font-size:1.03rem;line-height:1.7;margin:0}
.case .editorial-intro p:last-child{margin-bottom:0}
.case .visual{grid-template-columns:.8fr 1.2fr;align-items:start}
.case .color-head{grid-template-columns:.8fr 1.2fr;align-items:start}
@media(max-width:820px){.case .visual,.case .color-head{grid-template-columns:1fr}.case .visual .character{order:2}}
@media(max-width:560px){.case .editorial-intro{padding-left:18px;margin-bottom:26px}.case .editorial-intro .section-heading{gap:10px;margin-bottom:20px}.case .editorial-intro .section-number,.case .editorial-intro .section-heading h2{font-size:clamp(1.8rem,7vw,2.5rem)}.case .section-slash{font-size:1.8rem}.case .editorial-intro .lead{font-size:1.65rem}.case .editorial-intro p:not(.lead){font-size:.95rem}}

/* Match the approved image at full editorial width in every chapter. */
.case .editorial-intro{width:100%;max-width:1000px;padding:0 0 6px 28px;margin-bottom:40px;border-left:2px solid #b53a26;grid-column:1/-1}
.case .editorial-intro .section-heading{gap:16px;flex-wrap:nowrap;align-items:baseline;margin-bottom:22px}
.case .editorial-intro .section-number,.case .editorial-intro .section-heading h2{font-size:clamp(2.7rem,6.5vw,5.6rem);font-weight:700;line-height:1.05;letter-spacing:-.045em}
.case .editorial-intro .section-number{color:#b53a26}
.case .editorial-intro .section-heading h2{color:#211d18;flex:1 1 auto}
.case .editorial-intro .section-slash{font-size:clamp(2.4rem,5.5vw,4.7rem);font-weight:400}
.case .editorial-intro .lead{max-width:850px;font-size:clamp(1.8rem,4vw,3.3rem);font-weight:400;line-height:1.08;margin:0 0 22px;letter-spacing:-.025em}
.case .editorial-intro p:not(.lead){font-size:1.15rem;line-height:1.65;max-width:940px}
.case #conceito .lead{max-width:820px}
.case #visual{display:block}.case #visual .character{float:left;width:40%;margin:0 36px 24px 0}.case #visual::after{content:"";display:block;clear:both}
.case .product{display:block}.case .product>img{margin-top:32px}
@media(max-width:820px){.case #visual .character{float:none;width:100%;margin:0 0 28px}.case .editorial-intro .section-heading h2{overflow-wrap:anywhere}}
@media(max-width:560px){.case .editorial-intro{padding-left:18px}.case .editorial-intro .section-heading{gap:9px}.case .editorial-intro .section-number,.case .editorial-intro .section-heading h2{font-size:clamp(2rem,8.5vw,3rem)}.case .editorial-intro .section-slash{font-size:2rem}.case .editorial-intro p:not(.lead){font-size:1rem}}

.case .film-player{width:100%;aspect-ratio:16/9;background:#211d18;border-radius:10px;overflow:hidden}.case .film-player iframe{display:block;width:100%;height:100%;border:0}

.case-hero>.film-player{margin-top:32px;scroll-margin-top:100px}.case .film-still img{width:100%;height:auto;border-radius:10px}

.case .film-cover{margin-top:32px;scroll-margin-top:100px}.case .film-cover img{width:100%;height:auto;border-radius:10px}.film-watch-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 24px;margin-top:20px;border-radius:999px;background:#a53629;color:#fff;font-size:.9rem;font-weight:700}.film-watch-button:hover{background:#872a20}.film-watch-button:focus-visible{outline:3px solid #42665b;outline-offset:5px}

/* Soft framing for the four character studies. */
.case #visual .character img,.case #visual .three:not(.wardrobe) img{border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.12)}

.case #visual h3{border-top:0}
.case #visual .wardrobe img{border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.12)}

/* Lift the wardrobe row and its captions within the character portrait height. */
.case #visual .three + h3{margin-top:0;padding-top:0}
@media(max-width:820px){.case #visual .three + h3{margin-top:28px}}

/* Restore breathing room while preserving the wardrobe baseline. */
.case #visual .three + h3{margin-top:28px;padding-top:0}
.case #visual .wardrobe img{aspect-ratio:1;height:auto;max-height:none}
@media(min-width:821px){.case #visual .wardrobe img{height:calc((min(1180px, 100vw - 48px) * .6 - 68px) / 3 - 28px);object-fit:contain}}

.case .product{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:48px;align-items:center}
.case .product>img{margin:0;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
@media(max-width:820px){.case .product{grid-template-columns:1fr;gap:28px}.case .product>img{width:min(100%,360px);justify-self:center}}

.case .product .editorial-intro .product-tagline{margin-top:18px;font-weight:700;color:#a53629}