/* The Garage / Sunrise: poster-inspired display type, gold and orange light. */
@font-face{font-family:GarageDisplay;src:url('garage-display.otf') format('opentype');font-weight:700;font-display:swap}
:root{--brand-yellow:#ffd12a;--brand-orange:#f79424;--brand-ink:#24272b;--brand-paper:#fffdf6;--gold:#ffc52b;--paper:#fffdf6}
body[data-brand]{background:var(--brand-paper);color:var(--brand-ink)}
[data-brand] .display{font-family:GarageDisplay,'Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:-.015em;line-height:1.04}
[data-brand] .eyebrow{color:#80520b!important;font-weight:650}
[data-brand] .eyebrow:before{background:#ffb91f;width:2rem;height:3px}
[data-brand] header.sticky{background:#fffdf5f5;border-bottom:3px solid #ffc52b;box-shadow:0 6px 24px #ba7d0c0c}
[data-brand] header.sticky img{mix-blend-mode:multiply}
[data-brand] nav a{transition:color .2s,background .2s}
[data-brand] nav a[aria-current=page]{border-color:#f8ac18;background:#fff0bb}
[data-brand] main>section:first-child{background:radial-gradient(ellipse at 100% 0,#ffbc3866,transparent 55%),linear-gradient(115deg,#fffefa 30%,#fff3c7);border-bottom:1px solid #ffe1a0}
[data-brand] main>section:nth-child(2n){background:#fff}
[data-brand] main>section:last-child{background:linear-gradient(110deg,#fff0af,#ffd04a 65%,#ffbb57)}
[data-brand] main>section:last-child a.bg-garage-gold{background:#25282b;color:#fff3be}
[data-brand] .bg-garage-gold{background:#ffc52b}
[data-brand] a.bg-garage-gold{border-radius:4px 16px 4px 16px;box-shadow:0 5px 0 #d89c1840;transition:transform .2s,box-shadow .2s}
[data-brand] a.bg-garage-gold:hover{transform:translateY(-2px);box-shadow:0 8px 0 #d89c1825}
[data-brand] .text-amber-700{color:#916000}
[data-brand] .border-garage-gold{border-color:#ffc52b}
[data-brand] article.border-t-2{border-top-width:4px;border-radius:0 18px 0 0;background:linear-gradient(150deg,#fff,#fffaf0);box-shadow:0 8px 28px #9867190b}
[data-brand] footer{background:#fff6d9;border-top:3px solid #ffc52b}
[data-brand] .programme-rollover{border:0;border-radius:4px;box-shadow:10px 12px 0 #ffd044,0 18px 40px #c88c1922}
[data-brand] .programme-overlay{background:#fff7dfef}
[data-brand] .poster-shadow{box-shadow:10px 12px 0 #ffd044,0 18px 40px #c88c1922}
.brand-wrap{max-width:1152px;margin:auto;padding:0 24px}.brand-posters,.brand-feature{padding:56px 0!important}.brand-posters h2,.brand-feature h2{font-size:clamp(2.4rem,4vw,4rem);margin:12px 0 28px}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.poster-grid figure{margin:0}.poster-grid img{width:100%;height:auto;display:block;box-shadow:7px 8px 0 #ffcd3d}.poster-grid a{display:block;transition:transform .25s}.poster-grid a:hover{transform:translateY(-5px)}.poster-grid figcaption{font-family:GarageDisplay,Arial,sans-serif;font-size:26px;margin:20px 0}.brand-text-link{display:inline-block;font-weight:650;border-bottom:2px solid #d79200;padding:8px 0;margin-top:20px}.feature-grid{display:grid;grid-template-columns:minmax(220px,350px) 1fr;align-items:center;gap:70px}.feature-grid img{width:100%;display:block;box-shadow:9px 10px 0 #ffd044}.feature-grid blockquote{font-family:Georgia,serif;font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.2;letter-spacing:-.035em;margin:0}.feature-grid blockquote em{color:#a66a00;font-style:normal}.quote-credit{margin-top:24px;font-size:14px}.feature-grid p{line-height:1.7}
/* Brighter cover: same portrait and orbit, a fresh sunrise composition. */
body[data-brand]:has(.scene){background:radial-gradient(ellipse at 5% 35%,#ffd53f88,transparent 42%),radial-gradient(ellipse at 100% 65%,#ff9f3e45,transparent 45%),#fffdf6}
[data-brand] .scene{margin-top:16px}
[data-brand] .copy h1{font-family:GarageDisplay,'Arial Narrow',Arial,sans-serif;font-size:clamp(46px,5.4vw,68px);letter-spacing:-.025em;line-height:1.03}
[data-brand] .copy h1 strong{font-weight:700;color:#22272b;font-style:italic}
[data-brand] .copy h1 strong:after{height:7px;background:#ffba17;transform:rotate(-4deg)}
[data-brand] .copy .eyebrow{font-size:13px;letter-spacing:.04em}
[data-brand] .copy .intro{color:#4a4539}
[data-brand] .frame{opacity:.58;filter:saturate(.8) contrast(.82);animation-name:bright-portrait}
[data-brand] .community{opacity:.21;filter:sepia(.2)}
[data-brand] .arc path{stroke:#db9900;stroke-width:1.8}
[data-brand] .link{font-family:GarageDisplay,Arial,sans-serif;font-size:23px;font-weight:700}
[data-brand] .link small{font-family:'Segoe UI',Arial,sans-serif;font-size:13px;color:#60533e}
[data-brand] .link i{background:#fff8da;border-color:#ca8300;box-shadow:0 0 0 6px #fff8da}
[data-brand] .button{background:linear-gradient(115deg,#ffe279,#ffc629 60%,#ffae31);border-color:#d39b14;box-shadow:0 9px 28px #cf8b2530}
[data-brand] .enter p{color:#61513a}
[data-brand] footer:not(.py-14){background:transparent;border-top:1px solid #e2b94f;padding:18px 0}
@keyframes bright-portrait{from{opacity:0;transform:scale(.97)}to{opacity:.58;transform:none}}
@media(max-width:1000px){[data-brand] .copy h1{font-size:48px}[data-brand] .link{font-size:21px}[data-brand] .scene{margin-top:0}[data-brand] .copy{margin-top:20px}.feature-grid{gap:32px}}
@media(max-width:640px){.poster-grid{grid-template-columns:1fr;gap:24px;max-width:360px;margin:auto}.feature-grid{grid-template-columns:1fr}.feature-grid img{max-width:320px;margin:auto}.brand-feature,.brand-posters{padding:36px 0!important}[data-brand] .copy h1{font-size:43px}[data-brand] .link{font-size:19px}[data-brand] .link small{font-size:12px}}
@media(prefers-reduced-motion:reduce){[data-brand] *,[data-brand] *:before,[data-brand] *:after{animation:none!important;transition:none!important}}
