body[data-page=case-study]{margin:0;background:#fafafa;color:#0b0a0a;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
body[data-page=case-study] *{box-sizing:border-box}
body[data-page=case-study]:has(.case-viewer[open]){overflow:hidden}
.case{--line:#d7d7d1;--gutter:clamp(24px,5vw,90px);--ink:#0b0a0a;--paper:#fafafa;--teal:#0f4c4c}
.case a{color:inherit;text-decoration:none}.case button{font:inherit;color:inherit;touch-action:manipulation}.case :focus-visible{outline:2px solid var(--project);outline-offset:5px}
.case img{display:block;max-width:100%;height:auto}.case p{font-size:18px;line-height:1.55;margin:0 0 22px}.case h1,.case h2,.case h3{font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:0}.case h1{font-size:clamp(56px,6.7vw,108px)}.case h2{font-size:clamp(38px,4.4vw,66px)}.case h3{font-size:32px}.case em{font-style:italic}.case h1 em,.case h2 em{display:inline-block;line-height:1.08}.case .wrap { width: var(--work-rail); margin-inline: auto; }
.case .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.07em;color:var(--project);text-transform:uppercase;margin-bottom:24px}.case .breadcrumb{padding-top:30px;margin-bottom:0;color:#777;font-size:12px}.case .breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.case .intro{padding-top:55px;padding-bottom:55px}.case .intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:7vw;align-items:end}.case .intro-lead{font-size:21px;line-height:1.5;max-width:540px;letter-spacing:-.018em}.case .intro h1{margin-bottom:30px}.case .services{font-size:12px;color:#676760;line-height:1.7;margin:0;max-width:450px}.case .intro-portrait{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6vw;align-items:center}.case .intro-portrait .intro-lead{margin-top:30px}.case .intro-portrait .portrait{max-width:620px;width:100%;margin-left:auto}.case .portrait .zoom{aspect-ratio:1/1}.case .portrait img{width:100%;height:100%;object-fit:contain}
.case .art{margin:0;min-width:0}.case .zoom{display:block;border:0;padding:0;background:var(--project-paper,#efefec);width:100%;position:relative;cursor:zoom-in;overflow:hidden}.case .zoom img{width:100%;transition:filter .25s}.case .zoom:hover img{filter:brightness(.98)}.case .zoom-icon{position:absolute;right:14px;bottom:14px;width:32px;height:32px;background:#fafafa;display:grid;place-items:center;font-size:22px;color:#111}.case .zoom:hover .zoom-icon{background:var(--project);color:#fff}.case figcaption{font-size:11px;color:#707069;line-height:1.55;margin-top:12px}.case .hero-wide{padding-bottom:40px}.case .hero-wide .zoom img{max-height:800px;object-fit:contain}
.case .chapter-nav{display:flex;gap:30px;align-items:center;overflow-x:auto;white-space:nowrap;position:sticky;top:0;z-index:20;min-height:58px;border-block:1px solid var(--line);background:#fafafaf5;padding-inline:var(--work-edge);font-size:12px}.case .chapter-nav>span{font-size:9px;color:#777;margin-right:auto;letter-spacing:.06em}.case .chapter-nav a{padding-block:15px}.case .chapter-nav a:hover{text-decoration:underline;text-underline-offset:5px}.case .chapter{padding-block:90px;scroll-margin-top:80px}.case .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;margin-bottom:45px;align-items:end}.case .section-summary{max-width:600px}.case .section-summary p{font-size:17px}.case .section-summary p:last-child{margin-bottom:0}.case .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-top:1px solid var(--line);margin:45px 0 0;padding-top:22px}.case .facts dt{font-size:10px;text-transform:uppercase;color:var(--project);margin-bottom:10px}.case .facts dd{font-size:14px;line-height:1.5;margin:0}.case .project-field{background:var(--project-paper)}
.case .two-up{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.case .product-pair{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:34px;align-items:center}.case .connection{max-width:480px}.case .connection .zoom{aspect-ratio:4/5}.case .connection img{width:100%;height:100%;object-fit:contain;background:#e9ded0}.case .note-row{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid var(--line);padding-top:23px;margin-top:36px}.case .note-row>span{font-size:10px;letter-spacing:.06em;color:var(--project)}.case .note-row p{font-size:15px;max-width:700px;margin:0}.case .scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px}.case .scope-item{border-top:1px solid var(--line);padding-top:25px}.case .scope-item h3{font-size:25px;margin-bottom:16px}.case .scope-item p{font-size:15px;margin:0}.case .document-feature{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6vw;align-items:center;margin-top:70px}.case .document-feature h3{font-size:36px;margin-bottom:25px}.case .document-feature p{font-size:16px}
.case .brand-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px}.case .brand-strip>div{min-height:140px;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.case .brand-strip span{font-size:19px}.case .brand-strip small{font-size:11px}.case .packaging-pair .zoom{background:#fff;border:1px solid var(--line)}.case .packaging-pair img{aspect-ratio:1.3/1;object-fit:contain}.case .mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.case .mood-grid>div{border-top:10px solid var(--mood);padding-top:20px}.case .mood-grid span{font-size:24px;letter-spacing:-.03em}.case .mood-grid p{font-size:14px;line-height:1.5;margin:15px 0 0}.case .additional{margin-top:44px}.case .outcome h2{margin-bottom:30px}.case .outcome>p:not(.eyebrow){max-width:830px}.case .small-note{font-size:12px!important;color:#777}
.case-related{padding-block:75px;border-top:1px solid var(--line)}.case .case-next{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px}.case-next a{display:flex;justify-content:space-between;gap:24px;border-top:1px solid;padding-block:22px;font-size:28px;letter-spacing:-.04em}
.case-viewer{position:fixed;inset:0;width:96vw;height:94dvh;max-width:1800px;max-height:96dvh;margin:auto;padding:0;border:0;background:#fafafa;color:#111}.case-viewer::backdrop{background:#111c}.case-viewer[open]{display:flex;flex-direction:column}.case-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #d7d7d1}.case-viewer-caption{margin:0;font-size:13px}.case-viewer button{font:inherit;cursor:pointer;color:inherit}.case-viewer-close{background:transparent;border:1px solid #d7d7d1;padding:10px 15px;white-space:nowrap}.case-viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;flex:1;min-height:0;overflow:auto;padding:20px}.case-viewer-stage img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;justify-self:center}.case-viewer-prev,.case-viewer-next{border:1px solid #aaa;background:transparent;width:40px;height:44px}.case-viewer-count{font-size:12px;text-align:center;margin:0;padding:10px}.case-viewer :focus-visible{outline:2px solid #0f4c4c;outline-offset:3px}
@media(max-width:1000px){.case .intro-grid{gap:40px}.case .intro-lead{font-size:18px}.case .facts{grid-template-columns:1fr 1fr}.case .section-heading{gap:5vw}.case .scope-grid{gap:24px}}
@media(max-width:720px){.case .breadcrumb{padding-top:24px;font-size:11px}.case .intro{padding-top:38px;padding-bottom:36px}.case .intro-grid,.case .intro-portrait{grid-template-columns:1fr;gap:32px}.case .intro h1{font-size:clamp(44px,11.9vw,72px);margin-bottom:25px}.case .intro .eyebrow{font-size:9px;margin-bottom:20px}.case .intro-lead{font-size:18px;line-height:1.5;margin-bottom:20px}.case .intro-portrait .intro-lead{margin-top:0}.case .services{font-size:11px}.case .intro-portrait .portrait{max-width:100%}.case .portrait .zoom{aspect-ratio:4/3}.case .portrait img{object-fit:contain}.case .hero-wide{padding-bottom:28px}.case .hero-wide .zoom{aspect-ratio:4/3}.case .hero-wide img{width:100%;height:100%;object-fit:contain;background:var(--project-paper)}.case .chapter-nav{gap:25px;min-height:52px;font-size:11px}.case .chapter-nav>span{display:none}.case .chapter{padding-block:52px;scroll-margin-top:75px}.case .section-heading{grid-template-columns:1fr;gap:27px;margin-bottom:30px}.case h2{font-size:40px}.case .section-summary p{font-size:16px}.case .eyebrow{font-size:9px;margin-bottom:20px}.case .facts{margin-top:30px;gap:26px 20px;padding-top:22px}.case .facts dt{font-size:9px}.case .facts dd{font-size:12px}.case .two-up,.case .product-pair{grid-template-columns:1fr;gap:28px}.case .product-pair .connection{max-width:100%}.case .connection .zoom{aspect-ratio:4/3}.case .connection img{object-fit:contain}.case figcaption{font-size:10px;margin-top:10px}.case .zoom-icon{width:27px;height:27px;font-size:19px;bottom:10px;right:10px}.case .note-row{grid-template-columns:1fr;gap:14px;margin-top:28px}.case .note-row>span{font-size:9px}.case .note-row p{font-size:14px}.case .scope-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.case .scope-item{padding-top:20px}.case .scope-item h3{font-size:27px;margin-bottom:13px}.case .scope-item p{font-size:15px}.case .document-feature{grid-template-columns:1fr;gap:28px;margin-top:44px}.case .document-feature h3{font-size:33px}.case .brand-strip>div{padding:16px 12px;min-height:115px}.case .brand-strip span{font-size:14px}.case .brand-strip small{font-size:9px}.case .mood-grid{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:30px}.case .mood-grid p{font-size:13px;margin-top:12px}.case .additional{margin-top:28px}.case .outcome>p:not(.eyebrow){font-size:17px}.case .case-next{grid-template-columns:1fr;gap:10px}.case-viewer-toolbar{padding:14px;gap:15px}.case-viewer-caption{font-size:11px}.case-viewer-close{font-size:12px;padding:8px 10px}.case-viewer-stage{padding:8px;grid-template-columns:25px minmax(0,1fr) 25px;gap:4px}.case-viewer-prev,.case-viewer-next{width:25px;border:0}}
@media(prefers-reduced-motion:reduce){.case .zoom img{transition:none}.case{scroll-behavior:auto}}

/* Native identity artwork and source-aware image framing. */
.case .beau-identity-lead{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.case .beau-identity-lead .zoom{height:clamp(260px,28vw,440px);display:grid;place-items:center;background:#f7f3ea}
.case .beau-identity-lead .logo-symbol .zoom{background:#e5dfd3}
.case .beau-identity-lead .logo-primary img{width:77%;height:auto;max-height:100%;object-fit:contain}
.case .beau-identity-lead .logo-symbol img{width:auto;height:44%;object-fit:contain}
.case .product-logic{display:block}
.case .product-logic .zoom{background:transparent}
.case .two-up .zoom img{max-width:min(100%,var(--asset-width,100%));margin-inline:auto}
@media(max-width:720px){.case .beau-identity-lead{grid-template-columns:1fr;gap:24px}.case .beau-identity-lead .zoom{height:220px;aspect-ratio:auto}.case .beau-identity-lead .logo-symbol .zoom{height:220px}.case .beau-identity-lead .logo-primary img{width:82%;height:auto}.case .beau-identity-lead .logo-symbol img{width:auto;height:48%}}