/* Focused enhancements to the original Claude V8 Relay design. */
.heroL .heritage{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;color:var(--tan);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.heritage span{display:flex;align-items:center;gap:9px}.heritage span::before{content:'';width:4px;height:4px;background:var(--o);border-radius:50%}
.heroL .playbtn.signature-link{text-decoration:none;display:inline-flex;pointer-events:auto}.signature-link em{color:var(--tan)}
.signature-section{position:relative;padding:88px 0 64px;background:radial-gradient(ellipse at 80% 35%,#60483224,transparent 60%),var(--base);border-top:1px solid var(--border);overflow:hidden}
.signature-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin-bottom:35px}.signature-head h2{margin-top:20px}.signature-head .lede{max-width:450px;margin:0 0 5px;justify-self:end}
.signature-stage{position:relative;border:1px solid var(--borderL);border-radius:4px;overflow:hidden;background:#171513;isolation:isolate;box-shadow:0 28px 85px -48px #000}
.signature-stage video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#171513}
.signature-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#0e0d0c70,transparent 65%);transition:opacity .35s;pointer-events:none}
.signature-play{pointer-events:auto;display:flex;align-items:center;gap:18px;padding:16px 24px;border:1px solid #e8dcc283;background:#14110ee8;color:#fff9ed;border-radius:4px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 35px #0004}
.signature-play:hover{background:#31271f;border-color:var(--tan)}.signature-play:focus-visible{outline:3px solid var(--o);outline-offset:6px}.signature-play svg{width:25px;height:25px;stroke:var(--tan);fill:none;stroke-width:1.5;flex-shrink:0}
.signature-stage.is-playing .signature-overlay,.signature-stage.has-started .signature-overlay{opacity:0;visibility:hidden;pointer-events:none}
.signature-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.signature-caption{max-width:660px;font-size:12px;line-height:1.8;color:var(--ink2)}.signature-caption strong{font-weight:500;color:var(--tan)}.signature-footer .btn{flex-shrink:0}.signature-note{font:9px var(--mono);line-height:1.7;color:var(--ink3);letter-spacing:.04em;margin-top:12px}.signature-error{padding:16px;color:var(--tan);font-size:13px}.signature-error[hidden]{display:none}.signature-error a{text-decoration:underline}
.signature-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);margin-top:32px}.signature-chapter{padding:21px 20px 0 0;display:flex;gap:16px;align-items:flex-start}.signature-chapter>span{font:10px var(--mono);color:var(--o);padding-top:3px}.signature-chapter strong{font-size:13px;font-weight:500;color:var(--ink)}.signature-chapter p{font-size:12px;color:var(--ink2);line-height:1.7;margin:7px 0 0;max-width:260px}
.stats .stat .num.heritage-word{font-size:clamp(23px,2.3vw,38px)}
html{scroll-padding-top:90px}.skip-site{position:fixed;inset-block-start:-100px;inset-inline-start:20px;z-index:9999;padding:12px 18px;background:var(--o);color:#fff}.skip-site:focus{inset-block-start:15px}
@media(max-width:900px){.signature-section{padding:60px 0 45px}.signature-head{grid-template-columns:1fr;gap:20px}.signature-head .lede{justify-self:start;max-width:620px}.signature-footer{align-items:flex-start}.signature-chapter{gap:10px}}
@media(max-width:600px){.signature-head h2{font-size:34px}.signature-head .lede{font-size:14px}.signature-footer{flex-direction:column;gap:18px}.signature-play{font-size:9px;padding:12px 15px;gap:10px}.signature-play svg{width:20px}.signature-chapters{grid-template-columns:1fr}.signature-chapter{padding-top:18px}.signature-chapter p{max-width:none}.signature-note{font-size:8px}.heroL .heritage{font-size:9px;gap:12px 16px}.signature-stage video{min-height:0}}
[dir=rtl] .signature-head .lede{justify-self:start}[dir=rtl] .signature-chapter{padding:21px 0 0 20px}[dir=rtl] .signature-play,[dir=rtl] .heritage{letter-spacing:0}
@media(prefers-reduced-motion:reduce){.signature-overlay{transition:none}}

/* Paper lid geometry matched to the supplied product photo. */
#lids .lidpart svg ellipse{filter:none}#lids .lidpart{z-index:3}#lids .lidc{background:linear-gradient(150deg,#24211c,#151412);border-color:#3a352e;box-shadow:none}#lids .lidc::before,#lids .lidc::after{display:none}.gpc-lidtop{width:var(--d);height:var(--d);margin:0 auto 22px;filter:drop-shadow(0 10px 9px #0005)}.gpc-lidtop img{display:block;width:100%;height:100%}#lids .lidc span{color:var(--ink2)}.lid-use{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:30px;font:12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tan)}.lid-use i{font-style:normal;color:var(--o)}[dir=rtl] .lid-use i{transform:rotate(180deg)}@media(max-width:600px){.lid-use{gap:14px;font-size:10px}}

/* Ice cream range: warm paper, rolled rims and a consistent product stage. */
#icecream .icec{gap:20px}
#icecream .icc{overflow:hidden;background:linear-gradient(155deg,#24211c 0%,#171613 48%,#11110f 100%);border-color:#39352d;padding:0 24px 24px;transition:border-color .25s,background .25s}
#icecream .icc:hover{border-color:#8c7154;background:linear-gradient(155deg,#30291f,#171613 65%)}
#icecream .icc .fig{height:240px;margin:0 -24px 4px;align-items:center;background:radial-gradient(ellipse at 50% 55%,#ae8a5420,transparent 65%);border-bottom:1px solid #ffffff09}
#icecream .ice-product{display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
#icecream .icc:hover .ice-product{transform:translateY(-5px)}
#icecream .icc>b{font-size:30px;color:#eee7db}
#icecream .icc>.tl{color:#c2af95;font-size:9px;letter-spacing:.12em}
#icecream .icc dl{margin-top:6px}
@media(max-width:560px){#icecream .icc .fig{height:260px}#icecream .icc{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){#icecream .ice-product,#icecream .icc{transition:none}#icecream .icc:hover .ice-product{transform:none}}
/* Reference-led cup illustrations retain the existing size selector controls. */
#sizes .scale{gap:clamp(6px,1vw,16px);padding-top:22px}
#sizes .sz{min-width:0;gap:12px;border-radius:8px;padding:12px 0 18px;transition:background .25s}
#sizes .size-product{display:block;width:100%;height:auto;aspect-ratio:300/280;object-fit:contain;transform:scale(1.6);transform-origin:50% 92%;margin-top:56px;transition:transform .3s,filter .3s;filter:brightness(.92)}
#sizes .sz:hover,#sizes .sz.on{background:linear-gradient(0deg,#f15a2410,transparent 85%)}
#sizes .sz:hover .size-product,#sizes .sz.on .size-product{transform:scale(1.6) translateY(-5px);filter:brightness(1.05)}
#sizes .sz:focus-visible{outline:2px solid var(--o);outline-offset:4px}
#sizes .sz .app{font-size:9px;letter-spacing:.08em}
@media(max-width:760px){#sizes .sz{min-width:110px}#sizes .scale{padding-top:30px}#sizes .size-product{margin-top:65px}}
@media(prefers-reduced-motion:reduce){#sizes .size-product,#sizes .sz{transition:none}}

/* Distinguish GCC export directions from domestic delivery routes. */
#uaemap .export-label{fill:#79e6ae;font-size:11px;font-weight:600;paint-order:stroke;stroke:#10100e;stroke-width:4px;stroke-linejoin:round}
#uae .export-lane b,#uae .export-lane span{color:#79e6ae}
.export-key{display:flex;align-items:center;gap:10px;margin-top:16px;color:#79e6ae;font:10px var(--mono);line-height:1.6}
.export-key i{width:28px;border-top:2px dashed #50ce94;flex-shrink:0}
/* Fade only the ecosystem logo print, leaving paper and rim shading intact. */
#ecosystem .eco .cup .body{background-image:var(--cupg);background-position:var(--cuppos);background-size:100% 100%;background-repeat:no-repeat;background-blend-mode:var(--cupblend)}
#ecosystem .eco .cup .body::before{content:"";position:absolute;inset:0;background-image:url(GPC-logo.png);background-repeat:repeat;background-position:50% 0;background-size:52% auto;mix-blend-mode:multiply;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 18%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.35) 65%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0%,#000 18%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.35) 65%,transparent 92%)}

@media(max-width:820px){
 .hero .wrap{min-height:0;padding-top:110px;padding-bottom:470px}
 .hero .herogrid{display:block}
 .hero .heroL{position:relative;z-index:2}
 .hero #relay{top:auto;bottom:20px;height:440px}
 .hero .readout,.hero .hint,.hero .scrollcue{display:none}
 .hero .heroL .lede{color:#bdb6ac}
}