/* Dark Brew local case study only. No shared/home styles modified. */
.db-case{--db-ink:#222221;--db-cream:#f6f0e2;--db-kraft:#b39e7e;--db-wine:#302325;--db-forest:#22302e;background:var(--db-cream);color:var(--db-ink)}
.db-case figure{margin:0}.db-case img{display:block;width:100%;height:auto}.db-wrap{width:calc(100% - var(--gutter)*2);max-width:1320px;margin-inline:auto}.db-wide{width:calc(100% - var(--gutter));max-width:1536px;margin-inline:auto!important}.db-section{padding-block:clamp(72px,8vw,124px)}.db-label{font:500 11px/1.6 var(--sans);letter-spacing:.16em;text-transform:uppercase;display:block}.db-back{display:inline-block;margin-bottom:44px}.db-heading{padding-top:48px;padding-bottom:48px}.db-title{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.db-title h1{font:400 clamp(64px,8.5vw,128px)/.92 var(--serif);letter-spacing:-.045em}.db-title p{font-size:14px;line-height:1.8}.db-title p span{color:#686154}.db-hero>img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 52%}.db-case figcaption{font:400 12px/1.65 var(--sans);padding-top:14px;color:inherit;opacity:.78}.db-hero figcaption{padding-top:18px}.db-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%}.db-intro h2{margin-top:22px}.db-scope{font-size:12px;line-height:1.9;margin-top:30px;color:#686154}.db-prose p{max-width:55ch;font-size:16px;line-height:1.8}.db-prose .db-lead{font:400 clamp(26px,2.5vw,36px)/1.35 var(--serif);margin-bottom:26px}.db-section-head{margin-bottom:50px;max-width:780px}.db-section-head .db-label{margin-bottom:20px}.db-section-head h2{font-size:clamp(40px,4.5vw,66px)}.db-section-head p{font-size:15px;max-width:57ch;margin-top:24px;line-height:1.8}.db-identity{background:#eee6d8}.db-logo-board{display:grid;grid-template-columns:1fr 1fr;gap:20px}.db-stacked{background:var(--db-wine);color:var(--db-cream);min-height:560px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:54px}.db-stacked img{width:200px}.db-stacked figcaption{margin-top:36px}.db-logo-secondary{display:grid;grid-template-rows:1.2fr 1fr;gap:20px}.db-horizontal{background:var(--db-forest);color:var(--db-cream);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.db-horizontal img{width:310px;max-width:90%}.db-marks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.db-marks figure{background:var(--db-cream);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 10px}.db-marks img{width:60px;height:92px;object-fit:contain}.db-marks figure:nth-child(2) img{width:42px}.db-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:44px}.db-palette i{display:block;height:46px;border:1px solid #2222211c}.db-palette span{font-size:12px;display:block;padding-top:13px}.db-palette small{display:block;font-size:10px;opacity:.66;margin-top:3px}.db-type{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-top:60px;padding-top:46px;border-top:1px solid #b39e7e70;align-items:center}.db-type>div>img{width:370px;max-height:100px;object-fit:contain;object-position:left}.db-type p{font-size:13px;line-height:1.8;margin-top:20px}.db-type h3{font-size:34px}.db-details{display:grid;grid-template-columns:2fr .75fr;gap:28px;align-items:stretch}.db-botanicals{padding:45px 0}.db-botanicals>div{display:flex;align-items:center;gap:14px;min-height:230px}.db-botanicals img{width:calc((100% - 28px)/3);height:auto}.db-monogram{background:var(--db-kraft);padding:50px 25px;display:flex;flex-direction:column;justify-content:center;align-items:center}.db-monogram img{width:130px}.db-monogram figcaption{margin-top:25px}.db-print-details{margin-top:48px;padding-top:48px;border-top:1px solid #b39e7e70;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:7%;align-items:start}.db-print-details>figure>img{height:200px;object-fit:contain}.db-print-details>figure figcaption{text-align:center;margin-top:12px}.db-print-details .db-rule-study{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.db-rule-study>img:first-child{grid-column:1/-1;height:48px}.db-rule-study>img:nth-child(2){height:98px}.db-rule-study>div{display:flex;gap:12px}.db-rule-study>div img{width:calc(50% - 6px);max-height:60px}.db-rule-study figcaption{grid-column:1/-1}.db-packaging{background:var(--db-ink);color:var(--db-cream)}.db-packaging .db-section-head{max-width:1320px}.db-wide>img{width:100%}.db-cup-row{display:grid;grid-template-columns:.6fr 1.4fr;gap:6%;align-items:center;margin-top:88px}.db-cup-row h3{font-size:clamp(32px,3vw,48px);margin:24px 0}.db-cup-row p{max-width:30ch;font-size:14px;line-height:1.8;opacity:.82}.db-experience .db-section-head{max-width:620px}.db-environment{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:start}.db-environment>figure:nth-child(2){margin-top:200px}.db-environment>figure:first-child img{aspect-ratio:1/1.1;object-fit:cover;object-position:35% 50%}.db-environment>figure:nth-child(2) img{aspect-ratio:1/1.05;object-fit:cover;object-position:44% 50%}.db-campaign{background:#e7dccb}.db-campaign-pair{display:grid;grid-template-columns:1.35fr .75fr;gap:10%;align-items:center;max-width:1080px;margin-inline:auto}.db-campaign-pair figure:nth-child(2){max-width:360px;justify-self:end}.db-closing{padding-top:100px}.db-closing .db-section-head{max-width:1320px}.db-closing>figure>img{width:100%;max-height:860px;object-fit:cover}.db-closing figcaption{padding-top:20px}.db-end{display:flex;justify-content:space-between;gap:50px;padding-block:70px}.db-end p{max-width:520px;font:400 24px/1.4 var(--serif)}.db-end .text-link{margin:0;align-self:center;white-space:nowrap}.page-dark-brew .footer{margin-top:0;padding-top:70px}
@media(max-width:800px){.db-title{display:block}.db-title p{margin-top:26px}.db-hero>img{aspect-ratio:1.25;object-position:52% 50%}.db-intro{gap:6%}.db-stacked{min-height:440px;padding:30px}.db-stacked img{width:150px}.db-details{grid-template-columns:1.7fr 1fr}.db-cup-row{grid-template-columns:1fr}.db-cup-row>div{max-width:550px}.db-cup-row p{max-width:48ch;margin-bottom:35px}.db-environment>figure:nth-child(2){margin-top:120px}.db-campaign-pair{gap:7%}.db-print-details{gap:4%}.db-type{gap:7%}}
@media(max-width:600px){.db-heading{padding-top:30px;padding-bottom:32px}.db-back{margin-bottom:32px}.db-title h1{font-size:70px}.db-title p{font-size:13px}.db-intro{grid-template-columns:1fr;gap:32px}.db-scope{margin-top:24px}.db-section-head{margin-bottom:34px}.db-logo-board{grid-template-columns:1fr;gap:14px}.db-stacked{min-height:410px}.db-stacked img{width:165px}.db-stacked figcaption{margin-top:20px}.db-logo-secondary{gap:14px;grid-template-rows:auto auto}.db-horizontal{min-height:260px;padding:24px}.db-horizontal img{width:250px}.db-marks{gap:14px}.db-marks figure{padding:26px 8px}.db-palette{gap:8px;margin-top:30px}.db-palette span{font-size:10px}.db-palette small{font-size:9px}.db-palette i{height:32px}.db-type{grid-template-columns:1fr;gap:30px;margin-top:35px;padding-top:34px}.db-type>div>img{width:100%;max-height:78px}.db-details{grid-template-columns:1fr;gap:22px}.db-botanicals{padding:0}.db-botanicals>div{min-height:150px;gap:0}.db-botanicals img{width:33.333%}.db-monogram{flex-direction:row;gap:30px;padding:28px}.db-monogram img{width:96px}.db-monogram figcaption{margin:0}.db-print-details{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:32px;padding-top:32px}.db-print-details>figure>img{height:145px}.db-rule-study{grid-column:1/-1;max-width:340px;width:100%;margin-inline:auto!important}.db-cup-row{margin-top:52px}.db-environment{grid-template-columns:1fr;gap:35px}.db-environment>figure:nth-child(2){margin-top:0}.db-environment>figure:first-child img{aspect-ratio:1/1}.db-environment>figure:nth-child(2) img{aspect-ratio:1/1}.db-campaign-pair{grid-template-columns:1fr;gap:35px}.db-campaign-pair figure:nth-child(2){width:78%;justify-self:center}.db-closing{padding-top:68px}.db-closing>figure>img{aspect-ratio:1/1;object-fit:cover;object-position:48% 50%}.db-end{display:block;padding-block:50px}.db-end p{font-size:23px}.db-end .text-link{margin-top:28px}.db-case figcaption{font-size:11px}.db-wide{width:100%}.db-wide figcaption{padding-inline:var(--gutter)}}

/* Preserve signage and collateral focal points at every width. */
.db-environment>figure:first-child img{object-position:left center}.db-environment>figure:nth-child(2) img{aspect-ratio:3/2;object-fit:contain}@media(max-width:600px){.db-closing>figure>img{aspect-ratio:3/2;object-fit:contain}}

/* Focused refinement: original hero image with restrained identity overlay. */
.db-hero-image{position:relative;isolation:isolate}.db-hero-image>img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 52%}.db-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,17,15,.30),transparent 58%);pointer-events:none}.db-hero-signature{position:absolute;z-index:1;left:var(--gutter);top:50%;transform:translateY(-50%);width:clamp(185px,19vw,270px);filter:drop-shadow(0 2px 16px #0009)}.db-hero-signature img{width:100%;height:auto}@media(max-width:800px){.db-hero-image>img{aspect-ratio:1.25;object-position:52% 50%}.db-hero-signature{width:180px;top:52%}}@media(max-width:600px){.db-hero-signature{width:160px}.db-hero-image:after{background:linear-gradient(90deg,rgba(20,17,15,.48),transparent 85%)}}

/* Refined pattern family and two illustrative short-form applications. */
.db-patterns{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:start}.db-pattern-primary>img{aspect-ratio:1;object-fit:cover}.db-pattern-small{display:grid;gap:38px}.db-pattern-small>figure:first-child>img{aspect-ratio:1.75;object-fit:cover}.db-pattern-edge{padding-top:24px;border-top:1px solid #b39e7e80}.db-pattern-edge>img{width:100%;height:auto}.db-social-pair{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:850px;margin:60px auto 0}.db-social-pair>figure:nth-child(2){margin-top:80px}.db-phone{background:#171615;padding:9px;border-radius:42px;box-shadow:0 24px 50px #30232524;border:1px solid #5c554e}.db-phone-screen{position:relative;aspect-ratio:9/19.5;overflow:hidden;border-radius:33px;background:#302325;color:#fff;isolation:isolate}.db-phone-screen .db-social-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center}.db-social-pair>figure:nth-child(2) .db-social-photo{object-position:40% center}.db-social-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 36%,#15100cb3 75%,#15100cdb)}.db-phone-screen .db-social-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.db-ui-status{position:absolute;inset:18px 22px auto;display:flex;justify-content:space-between;font:600 10px/1 var(--sans)}.db-ui-tabs{position:absolute;top:9%;width:100%;display:flex;justify-content:center;gap:18px;font:500 12px/1.7 var(--sans)}.db-ui-tabs span{opacity:.72}.db-ui-tabs strong{border-bottom:2px solid #fff}.db-ui-actions{position:absolute;right:6%;top:53%;display:grid;gap:20px;justify-items:center}.db-ui-actions>span{font:38px/24px Arial}.db-ui-actions svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linejoin:round}.db-ui-caption{position:absolute;bottom:10%;left:7%;right:20%;font:400 10px/1.6 var(--sans);display:grid;gap:5px}.db-ui-caption strong{font-size:11px}.db-ui-nav{position:absolute;bottom:0;left:0;right:0;height:7%;background:#141414;display:flex;align-items:center;justify-content:space-around;font:22px/1 Arial;padding:0 10px}.db-ui-add{border:1px solid #eee;border-radius:5px;padding:0 8px}.db-social-note{max-width:650px;margin:44px auto 0;font-size:12px;line-height:1.8;color:#655c50}.db-social-pair figcaption{margin-top:10px}.db-print-details>figure:nth-child(2)>img{height:170px;padding:12px}
@media(max-width:800px){.db-social-pair{gap:36px;max-width:660px}.db-phone{padding:7px;border-radius:34px}.db-phone-screen{border-radius:27px}.db-ui-actions{gap:16px}.db-ui-caption{font-size:9px}.db-ui-caption strong{font-size:10px}}
@media(max-width:600px){.db-patterns{grid-template-columns:1fr;gap:28px}.db-pattern-small{gap:28px}.db-social-pair{grid-template-columns:1fr;gap:42px;max-width:310px;margin-top:36px}.db-social-pair>figure:nth-child(2){margin-top:0}.db-phone{border-radius:37px;padding:8px}.db-phone-screen{border-radius:29px}.db-ui-tabs{font-size:11px}.db-ui-actions{gap:20px}.db-ui-caption{font-size:10px}.db-ui-caption strong{font-size:11px}.db-social-note{margin-top:30px}}

.db-ui-nav svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linejoin:round}

.db-social-pair>figure:nth-child(2) .db-social-photo{top:30%;bottom:auto;height:auto;object-fit:contain;object-position:center}

/* Final social polish: immersive product crop, minimal original identity. */
.db-social-pair>figure:nth-child(2) .db-social-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:85% center}
.db-social-shade{background:linear-gradient(180deg,#0004,transparent 35%,transparent 63%,#15100caa 90%)}
.db-ui-caption{bottom:10%;right:24%;gap:7px}.db-ui-caption strong{font-weight:600}

/* Detail pass: a smaller signature anchored to the image margin. */
.db-hero-signature{left:var(--gutter);top:auto;bottom:10%;width:clamp(170px,15.3vw,220px);transform:none;filter:none}
.db-hero-image:after{background:linear-gradient(45deg,rgba(20,17,15,.34),transparent 50%)}
.db-window-detail{max-width:920px;margin:64px 0 0 auto!important}.db-window-detail img{aspect-ratio:3/2;object-fit:contain}
@media(max-width:600px){.db-hero-signature{width:132px;top:auto;bottom:11%}.db-window-detail{margin-top:35px!important}.db-hero-image:after{background:linear-gradient(45deg,rgba(20,17,15,.46),transparent 70%)}}