/* Golden Ring v3 skin: layered after style.css/pages.css/updates.css. */
@font-face{font-family:Heebo;src:url('/assets/heebo-800.ttf');font-weight:900}
:root{--gold2:#f7dc9c;--gold3:#b8862f;--ink:#060b15;--glass:rgba(12,20,36,.52);--glass2:rgba(14,24,42,.72);--goldline:rgba(223,183,104,.28)}
html{background:var(--ink);overflow-x:clip}
body{background:transparent;overflow-x:clip}
main,footer{position:relative;z-index:1}
.header{z-index:30}

/* the world behind everything */
.gr-world{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.gr-aura{position:fixed;inset:-10vmax;z-index:-1;pointer-events:none;
 background:
  radial-gradient(40vmax 34vmax at 26% 30%,rgba(223,170,80,calc(.16*var(--gold,1))),transparent 70%),
  radial-gradient(46vmax 36vmax at 78% 70%,rgba(128,78,230,calc(.2*var(--violet,0))),transparent 70%),
  radial-gradient(44vmax 30vmax at 50% 60%,rgba(40,170,180,calc(.14*var(--teal,0))),transparent 70%),
  radial-gradient(120vmax 80vmax at 50% 0%,#0d1830 0%,#070d19 55%,#04070e 100%)}
.gr-glow{position:fixed;left:0;top:0;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:2;
 background:radial-gradient(circle,rgba(247,210,140,.09),transparent 62%);mix-blend-mode:screen;will-change:transform}
.gr-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;transform-origin:right;transform:scaleX(0);pointer-events:none;
 background:linear-gradient(270deg,#8a6320,var(--gold2),#fff6dc);box-shadow:0 0 14px rgba(247,220,156,.7)}
.gr-hud{position:fixed;left:26px;bottom:24px;z-index:25;display:flex;align-items:center;gap:12px;pointer-events:none;
 font:500 11px/1 Roboto,Heebo,sans-serif;letter-spacing:.32em;color:rgba(246,244,238,.7)}
.gr-hud b{font:300 26px/1 Roboto,sans-serif;letter-spacing:0;color:var(--gold2)}
.gr-hud span{border-top:1px solid var(--goldline);padding-top:6px}
.gr-hud.gr-flip{animation:grHud .9s cubic-bezier(.2,.8,.2,1)}
@keyframes grHud{from{opacity:0;transform:translateY(12px);filter:blur(6px)}}

/* header: glass that tightens as you scroll */
.header{background:linear-gradient(180deg,rgba(6,11,21,.82),rgba(6,11,21,.55));backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom-color:rgba(223,183,104,.14);transition:height .35s ease,background .35s ease}
.gr-scrolled .header{height:74px;background:rgba(6,11,21,.86)}
.brand-emblem{filter:drop-shadow(0 0 10px rgba(223,183,104,.45))}
.header nav a{position:relative;transition:color .25s}
.header nav a:after{content:'';position:absolute;right:0;left:0;bottom:-8px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.header nav a:hover:after{transform:scaleX(1)}

/* gold that moves */
.gold,.button.gold{background:linear-gradient(110deg,#c8963f 0%,#f3d38f 28%,#fff1c8 42%,#e6bc6c 58%,#b98530 100%);background-size:240% 100%;color:#130d02;
 box-shadow:0 10px 40px -12px rgba(230,180,90,.75),inset 0 1px 0 rgba(255,255,255,.55);animation:grSheen 5.5s ease-in-out infinite}
.button.gold{transform:translate(var(--tx,0),var(--ty,0));transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.button.gold:hover{box-shadow:0 16px 60px -10px rgba(240,195,110,.95),inset 0 1px 0 rgba(255,255,255,.7)}
@keyframes grSheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
h2 span{background:linear-gradient(100deg,#b88a3c,#f7dc9c 30%,#fff3d6 45%,#dfb768 60%,#9f7630);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:grSheen 7s ease-in-out infinite}
.eyebrow{letter-spacing:.14em}
.eyebrow:before{content:'';display:inline-block;width:26px;height:1px;background:currentColor;vertical-align:middle;margin-left:12px;opacity:.7}

/* hero */
.hero{min-height:calc(100vh - 92px);min-height:calc(100svh - 92px)}
.hero h1{font-weight:900;letter-spacing:-.035em;text-shadow:0 8px 60px rgba(0,0,0,.5)}
.hero h1 span{background:linear-gradient(100deg,#b88a3c,#f7dc9c 30%,#fff5dc 45%,#dfb768 60%,#9f7630);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:grSheen 6s ease-in-out infinite}
.hero h1 span .gr-w{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
.gr-w{display:inline-block;animation:grWord 1.25s cubic-bezier(.16,.9,.2,1) both;animation-delay:calc(.35s + var(--i)*.09s)}
@keyframes grWord{from{opacity:0;transform:translateY(.55em) rotateX(-70deg) scale(.96);filter:blur(12px)}}
.hero .eyebrow,.hero-description,.hero .actions,.hero-signature{animation:grUp 1.2s cubic-bezier(.16,.9,.2,1) both}
.hero .eyebrow{animation-delay:.15s}.hero-description{animation-delay:1.05s}.hero .actions{animation-delay:1.25s}.hero-signature{animation-delay:1.45s}
@keyframes grUp{from{opacity:0;transform:translateY(26px);filter:blur(8px)}}
.orbit{display:none}
.hero-art:before{background:radial-gradient(ellipse at 50% 42%,rgba(240,190,100,.22),transparent 60%)}
.hero-art img{animation:grFloat 7s ease-in-out infinite,grLogoIn 2.2s cubic-bezier(.16,.9,.2,1) both;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(223,170,80,.25))}
@keyframes grFloat{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-14px) rotate(.6deg)}}
@keyframes grLogoIn{from{opacity:0;transform:scale(.82);filter:blur(18px) brightness(2)}}
.hero-art>p{letter-spacing:.5em;color:var(--gold2);opacity:.8}
.gr-playing .hero-art img{animation-duration:2.2s}

/* marquee */
.gr-marquee{position:relative;z-index:1;overflow:hidden;border-block:1px solid rgba(223,183,104,.18);background:rgba(6,11,21,.45);backdrop-filter:blur(6px);padding:18px 0;
 -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.gr-marquee>div{display:flex;width:max-content;gap:34px;align-items:center;animation:grMarq 46s linear infinite;font:800 clamp(22px,2.6vw,38px)/1 Heebo,Roboto,sans-serif;letter-spacing:.04em;white-space:nowrap}
.gr-marquee span:nth-child(4n+1){color:transparent;-webkit-text-stroke:1px rgba(247,220,156,.75)}
.gr-marquee span{color:rgba(246,244,238,.9)}
.gr-marquee i{font-style:normal;color:var(--gold);font-size:.6em}
@keyframes grMarq{to{transform:translateX(-50%)}}
.gr-playing .gr-marquee>div{animation-duration:18s}

/* sections float on the world instead of hiding it */
.event-ribbon{background:rgba(14,24,42,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s}
.event-ribbon:hover{background:rgba(24,36,58,.7)}
.house{background:linear-gradient(180deg,rgba(6,11,21,0),rgba(10,18,34,.35) 20%,rgba(10,18,34,.35) 80%,rgba(6,11,21,0));color:var(--white)}
.house .eyebrow{color:var(--gold)}
.house h2 span{color:transparent}
.service-list article{position:relative;border:1px solid rgba(223,183,104,.16);border-radius:18px;padding:24px 26px;margin-bottom:14px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.service-list article:last-child{border-bottom:1px solid rgba(223,183,104,.16)}
.service-list p{color:#c3ccd4}
.service-mark{color:var(--gold2);text-shadow:0 0 18px rgba(247,220,156,.6)}
.house-note{color:#a9b4be;border-top-color:rgba(223,183,104,.16)}
.festival{background:linear-gradient(135deg,rgba(40,22,60,.28),rgba(14,24,42,.12))}
.community-strip{background:rgba(18,40,46,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.contact{background:linear-gradient(180deg,rgba(14,24,42,.2),rgba(14,24,42,.5))}
.contact form{background:var(--glass2);border:1px solid rgba(223,183,104,.18);border-radius:22px;padding:30px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.contact input,.contact textarea{background:rgba(255,255,255,.04)}
.contact input,.contact select,.contact textarea{border-color:rgba(223,183,104,.25);color:var(--white);font-size:16px}
.contact select{-webkit-appearance:none;appearance:none;background:#0d1626 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23dfb768' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat left 16px center;padding-left:44px}
.contact select option{background:#0d1626}
.record-player{background:var(--glass2);border:1px solid rgba(223,183,104,.18);border-radius:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.record-console img{border-radius:50%;box-shadow:0 0 0 6px #0b0b0b,0 0 0 7px rgba(223,183,104,.4),0 20px 50px rgba(0,0,0,.6);transition:transform .6s}
.gr-playing .record-console img{animation:grSpin 3.2s linear infinite}
@keyframes grSpin{to{transform:rotate(-360deg)}}
.track[aria-pressed="true"]{color:var(--gold2)}
.faq details{transition:background .3s}
.faq details[open]{background:rgba(14,24,42,.4)}
footer{background:linear-gradient(180deg,transparent,rgba(4,7,14,.9) 40%)}

/* photos */
.gallery-grid figure{border-radius:16px;overflow:hidden}
.gallery-grid img{transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .6s}
.gallery-grid figure:hover img{transform:scale(1.07);filter:saturate(1.2) contrast(1.05)}
.portrait-wrap{border-radius:22px;overflow:hidden}
.portrait-wrap img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.portrait-wrap:hover img{transform:scale(1.04)}
.live-interlude img{transform:scale(1.28);transform-origin:50% 45%;will-change:transform}
.live-interlude>div>p:last-child{text-shadow:0 10px 50px rgba(0,0,0,.6)}
.festival-poster img{border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 60px -10px rgba(223,150,80,.4)}
.watch-grid video{border-radius:16px}

/* entry motion (only when the script is running) */
.gr-motion .gr-rv{opacity:0;transform:perspective(900px) translateY(48px) rotateX(16deg);filter:blur(6px);
 transition:opacity 1s cubic-bezier(.16,.9,.2,1) var(--d,0ms),transform 1.2s cubic-bezier(.16,.9,.2,1) var(--d,0ms),filter 1s ease var(--d,0ms)}
.gr-motion .gr-rv.gr-from-l{transform:perspective(1100px) translateX(-60px) rotateY(24deg) scale(.92)}
.gr-motion .gr-rv.gr-from-r{transform:perspective(1100px) translateX(60px) rotateY(-24deg) scale(.92)}
.gr-motion .gr-rv.gr-in{opacity:1;transform:none;filter:none}

@media (max-width:760px){
 .gr-motion .gr-rv.gr-from-l,.gr-motion .gr-rv.gr-from-r{transform:perspective(900px) translateY(50px) rotateX(18deg) scale(.94)}
 .gr-marquee{padding:13px 0}
 .service-list article{padding:18px 18px;border-radius:14px}
 .contact form{padding:20px;border-radius:16px}
 .hero{min-height:auto}
 .gr-glow{display:none}
}
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{animation:none!important;transition:none!important}
 .live-interlude img{transform:none}
}
.section-intro>p:last-child{color:#b7c1c9}
/* headings stay crisp when the world drifts behind them */
main h2,main h1{text-shadow:0 2px 18px rgba(6,11,21,.9),0 0 3px rgba(6,11,21,.6)}
main h2 span,.hero h1 span{text-shadow:none;filter:drop-shadow(0 2px 10px rgba(6,11,21,.85))}
body{font-variant-emoji:text}

/* v3.1: cards driven by the scroll, crystal liquid glass, a gloss band that crosses with the scroll */
.gr-card{position:relative;will-change:transform,opacity;transform-origin:50% 65%;backface-visibility:hidden;transition:opacity .25s linear}
.gr-glass{position:relative;isolation:isolate;
 background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 36%,rgba(255,255,255,.015) 64%,rgba(247,220,156,.07)),rgba(10,18,33,.42)!important;
 -webkit-backdrop-filter:blur(22px) saturate(1.8) brightness(1.06);backdrop-filter:blur(22px) saturate(1.8) brightness(1.06);
 border-color:transparent!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(255,255,255,.07),inset 0 0 30px rgba(255,255,255,.035),0 34px 70px -36px rgba(0,0,0,.9),0 0 40px -22px rgba(247,200,120,.35)}
.gr-glass:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:1;
 background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(247,220,156,.28) 20%,rgba(255,255,255,.05) 46%,rgba(223,183,104,.22) 72%,rgba(255,255,255,.5));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.gr-photo{position:relative;overflow:hidden;border-radius:18px;isolation:isolate;
 box-shadow:0 36px 80px -34px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}
.gr-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;mix-blend-mode:screen;
 background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.05) 40%,rgba(255,255,255,.18) 46.5%,rgba(255,246,220,.3) 49%,rgba(255,255,255,.1) 52.5%,transparent 60%) no-repeat,
  radial-gradient(420px circle at var(--mx,50%) var(--my,-30%),rgba(247,220,156,.16),transparent 52%) no-repeat;
 background-size:260% 100%,100% 100%;background-position:var(--sheen,120%) 0,0 0}
.gr-photo .gr-shine{background-size:260% 100%,100% 100%}
.gallery-grid figure>button{display:block;width:100%;padding:0;border:0;background:none}
.gallery-grid figure{overflow:visible;border-radius:0}
.gallery-grid figcaption{margin-top:14px}
.service-list article{margin-bottom:16px}

/* loose links: glass buttons, grouped */
.gr-chips{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
a.gr-chip.gr-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 20px;padding-inline-end:9px;
 border-radius:999px;color:var(--white);font-size:14px;font-weight:700;border-bottom:0;text-decoration:none;
 transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
a.gr-chip.gr-chip:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 40px -18px rgba(247,200,120,.6)}
a.gr-chip span[aria-hidden]{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font-size:13px;color:#130d02;
 background:linear-gradient(135deg,#fff1c8,#e6bc6c 45%,#b98530);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px -4px rgba(230,180,90,.8)}
.section-heading>a.gr-chip,.doron-copy>a.gr-chip{margin-top:6px}
@media (max-width:760px){a.gr-chip.gr-chip{font-size:13px;min-height:46px}.gr-chips{gap:10px}}
.programmes article.gr-glass,.watch-grid>.gr-glass,.press-links>a.gr-glass,.service-links>a.gr-glass,.directory>.gr-glass{padding:26px 28px;border-radius:22px;border-top:0}
.watch-grid>.gr-glass{padding:18px 18px 20px}
.record-player.gr-glass,.contact form.gr-glass,.service-list article.gr-glass{border-radius:22px}
.community-strip.gr-glass{border-radius:26px;margin-inline:max(3vw,12px)}
@media (max-width:760px){.programmes article.gr-glass,.press-links>a.gr-glass,.service-links>a.gr-glass,.directory>.gr-glass{padding:20px}.watch-grid>.gr-glass{padding:12px 12px 16px}}
/* breathing room between glass cards (owner, 29 Sept) */
.service-links{row-gap:16px;column-gap:20px}
.service-links>a.gr-glass{display:flex;align-items:center;justify-content:space-between;gap:16px}
@media (max-width:760px){.service-links{row-gap:12px}.programmes{gap:16px}.press-links{gap:12px}}
@media (max-width:760px){.related>div{gap:12px}}
.directory{display:grid;gap:16px}.directory>a.gr-glass{border-bottom:0}