.case-rollin{--forest:#1b3317;--flame:#ff4810;--cream:#faefda;--coffee:#291505;--dough:#f2e2c7;--jam:#fc7f63;color:var(--forest);background:var(--cream)}
.case-rollin .site-header{position:fixed}.case-rollin .site-nav a[aria-current=page]{color:var(--flame)}
.case-hero{padding:165px 0 90px;position:relative;overflow:hidden;background:var(--cream)}
.case-hero::after{content:"";width:520px;height:520px;position:absolute;right:-180px;top:70px;border:70px solid var(--dough);border-radius:50%;opacity:.68}
.case-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(50px,7vw,110px)}
.case-back{width:max-content;margin-bottom:55px;display:flex;align-items:center;gap:10px;color:var(--forest);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.case-back::before{content:"";width:30px;height:2px;background:var(--flame)}
.case-logo{width:min(76%,520px);height:auto;display:block}.case-kicker{margin:38px 0 16px;color:var(--flame);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.case-hero h1{max-width:760px;font-size:clamp(3.6rem,6.4vw,7.6rem);line-height:.91;letter-spacing:-.06em}.case-hero-copy>p:last-of-type{max-width:690px;margin:28px 0 0;color:#4f5d4c;font-size:19px}
.case-tags{margin-top:35px;display:flex;flex-wrap:wrap;gap:9px}.case-tags span{padding:10px 14px;border:1px solid rgba(27,51,23,.17);border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.case-visual{padding:14px;border-radius:30px;background:var(--forest);box-shadow:0 30px 75px rgba(41,21,5,.2);transform:rotate(1.5deg)}.case-visual img{width:100%;display:block;border-radius:20px}
.brand-bar{display:grid;grid-template-columns:repeat(4,1fr)}.brand-bar div{min-height:170px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.brand-bar b{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.brand-bar span{font-size:13px}.brand-bar div:nth-child(1){color:var(--cream);background:var(--forest)}.brand-bar div:nth-child(2){color:var(--cream);background:var(--flame)}.brand-bar div:nth-child(3){color:var(--coffee);background:var(--cream)}.brand-bar div:nth-child(4){color:var(--cream);background:var(--coffee)}
.case-overview{padding:115px 0;color:var(--cream);background:var(--forest)}.case-overview-grid{display:grid;grid-template-columns:.4fr 1fr;gap:clamp(50px,8vw,130px)}.case-label{margin:0;color:var(--jam);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.case-overview h2{max-width:1050px;font-size:clamp(2.8rem,5vw,6rem);line-height:1;letter-spacing:-.05em}.case-overview h2 span{color:var(--jam)}.case-overview-copy>p{max-width:820px;margin:30px 0 0;color:#d8dfd5;font-size:18px}.case-facts{margin-top:55px;padding-top:30px;border-top:1px solid rgba(250,239,218,.18);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-facts strong,.case-facts span{display:block}.case-facts strong{font-size:24px}.case-facts span{margin-top:8px;color:#aebcab;font-size:12px}
.case-section{padding:110px 0}.case-section-head{margin-bottom:55px;display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:70px}.case-section h2,.applications h2{font-size:clamp(3.2rem,5.7vw,6.7rem);line-height:.94;letter-spacing:-.055em}.case-section h2 span,.applications h2 span{color:var(--flame)}.case-section-head p{max-width:520px;margin:0;color:#687064;font-size:17px}
.case-deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-deliverable{min-height:250px;padding:25px;border:1px solid rgba(27,51,23,.12);border-radius:22px;display:flex;flex-direction:column;background:rgba(255,255,255,.48)}.case-deliverable b{color:var(--flame);font-size:11px}.case-deliverable h3{margin:auto 0 10px;font-size:25px;line-height:1.05}.case-deliverable p{margin:0;color:#697166;font-size:15px}
.identity-section{padding:110px 0;background:var(--dough)}.identity-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.identity-copy h2{font-size:clamp(3rem,5vw,6rem);line-height:.94;letter-spacing:-.05em}.identity-copy h2 span{color:var(--flame)}.identity-copy>p{max-width:560px;color:#657061;font-size:17px}.identity-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.identity-card{min-height:190px;padding:23px;border-radius:20px;background:rgba(255,255,255,.55)}.identity-card small{color:var(--flame);font-weight:800;text-transform:uppercase;letter-spacing:.09em}.identity-card h3{margin:34px 0 9px;font-size:25px}.identity-card p{margin:0;color:#647060;font-size:15px}.tone-line{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.tone-line span{padding:7px 10px;border-radius:999px;color:var(--cream);background:var(--forest);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.applications{padding:110px 0;background:var(--cream)}.applications-frame{padding:14px;border-radius:30px;background:var(--forest);box-shadow:0 25px 60px rgba(41,21,5,.16)}.applications-frame img{width:100%;display:block;border-radius:19px}.applications-caption{margin-top:26px;display:flex;justify-content:space-between;gap:30px;color:#687064;font-size:14px}.applications-caption strong{color:var(--forest)}
.commerce-section{padding:110px 0;color:var(--cream);background:var(--coffee)}.commerce-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.commerce-section h2{font-size:clamp(3.2rem,5.4vw,6.2rem);line-height:.94;letter-spacing:-.055em}.commerce-section h2 span{color:var(--jam)}.commerce-section p{max-width:590px;color:#d7cbc2;font-size:18px}.commerce-list{display:grid;gap:10px}.commerce-list article{padding:22px;border:1px solid rgba(250,239,218,.15);border-radius:18px;display:grid;grid-template-columns:50px 1fr;gap:16px;background:rgba(250,239,218,.045)}.commerce-list b{color:var(--jam);font-size:12px}.commerce-list h3{margin:0 0 7px;font-size:22px}.commerce-list p{margin:0;color:#c7b9ae;font-size:15px}
.case-cta{padding:28px 0 80px;background:var(--cream)}.case-cta-panel{min-height:430px;padding:clamp(45px,7vw,90px);border-radius:38px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px;position:relative;overflow:hidden;color:var(--cream);background:var(--flame)}.case-cta-panel::after{content:"";width:390px;height:390px;position:absolute;right:-90px;top:-160px;border:55px solid rgba(250,239,218,.14);border-radius:50%}.case-cta h2{max-width:880px;font-size:clamp(3.7rem,7vw,8rem);line-height:.88;letter-spacing:-.06em}.case-cta p{max-width:560px;margin:24px 0 0;font-size:18px}.case-cta .pill{position:relative;z-index:1;white-space:nowrap}
@media(max-width:980px){.case-hero-grid,.case-overview-grid,.identity-grid,.commerce-grid{grid-template-columns:1fr}.case-visual{max-width:820px}.case-section-head{grid-template-columns:1fr;gap:28px}.case-deliverables{grid-template-columns:1fr 1fr}.case-cta-panel{grid-template-columns:1fr}.case-overview-grid,.identity-grid,.commerce-grid{gap:45px}}
@media(max-width:680px){.case-hero{padding:125px 0 70px}.case-back{margin-bottom:35px}.case-logo{width:min(86%,420px)}.case-hero h1{font-size:clamp(3.2rem,15vw,5.2rem)}.case-hero-copy>p:last-of-type{font-size:16px}.case-visual{padding:8px;border-radius:20px}.case-visual img{border-radius:14px}.brand-bar{grid-template-columns:1fr 1fr}.brand-bar div{min-height:125px}.case-overview,.case-section,.identity-section,.applications,.commerce-section{padding:80px 0}.case-facts,.case-deliverables,.identity-cards{grid-template-columns:1fr}.applications-caption{flex-direction:column}.case-cta{padding-bottom:30px}.case-cta-panel{min-height:500px;padding:50px 24px;border-radius:28px}.case-cta h2{font-size:clamp(3.4rem,15vw,5.7rem)}}