/* Weekly Artwork Draw — bespoke Himma editorial product page.
   Preview-only: payment and ticket acceptance are intentionally disabled. */

html{scroll-behavior:smooth}
body.weekly-draw-page{
  --wd-bg:#f3efe7;--wd-ink:#14272b;--wd-muted:#63716f;
  --wd-card:#fffaf0;--wd-tint:#e7ebe3;--wd-line:rgba(23,47,47,.15);
  --wd-gold:#957344;--wd-mint:#517d70;--wd-deep:#112024;
  margin:0;background:var(--wd-bg)!important;color:var(--wd-ink)!important;
  font-family:var(--ui);
}
html[data-theme="dark"] body.weekly-draw-page{
  --wd-bg:#080e13;--wd-ink:#efeae0;--wd-muted:#aba9a3;
  --wd-card:#101a1d;--wd-tint:#0e2427;--wd-line:rgba(215,229,223,.16);
  --wd-gold:#c6ac79;--wd-mint:#9cc8b3;--wd-deep:#070b10;
}
.weekly-draw-page *{box-sizing:border-box}
.weekly-draw-page img{max-width:100%}
.weekly-draw-page a{color:inherit}
.weekly-draw-page .skip-link{position:absolute;z-index:200;top:-120px;left:1rem;background:var(--wd-card);padding:1rem;color:var(--wd-ink)}
.weekly-draw-page .skip-link:focus{top:.5rem}
.weekly-draw-page :is(a,button,summary):focus-visible{outline:2px solid var(--wd-mint);outline-offset:4px}
.wd-site-header{position:sticky;z-index:45;top:0;background:color-mix(in srgb,var(--wd-bg) 92%,transparent);border-bottom:1px solid var(--wd-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.wd-header-inner{max-width:1380px;margin-inline:auto;min-height:76px;padding-inline:clamp(1.25rem,4.2vw,4.25rem);display:flex;align-items:center;gap:clamp(1rem,4vw,3rem)}
.wd-brand{display:flex;align-items:center;gap:.7rem;flex:none;color:var(--wd-ink);text-decoration:none!important;font:600 .9rem/1.1 var(--ui)!important;letter-spacing:.2em}
.wd-brand-seal{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--wd-line);border-radius:50%;font:500 1.2rem/1 "Amiri",serif;letter-spacing:0;color:var(--wd-gold)}
.wd-brand>span:last-child{display:grid;gap:.15rem}
.wd-brand small{font:500 .47rem/1.2 var(--ui);letter-spacing:.25em;opacity:.75}
.wd-nav{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,2vw,2.1rem);margin-inline:auto}
.wd-nav a{font:500 .77rem/1.5 var(--ui);text-decoration:none!important;color:var(--wd-muted);white-space:nowrap;transition:color .2s}
.wd-nav a:hover,.wd-nav .wd-nav-active{color:var(--wd-ink)}
.wd-nav .wd-nav-active{box-shadow:0 1px 0 var(--wd-mint)}
.wd-shop-link{font:600 .7rem/1 var(--ui);text-decoration:none!important;letter-spacing:.04em;white-space:nowrap;padding:.85rem 1rem;border:1px solid var(--wd-line);border-radius:999px}
.wd-shop-link span{margin-left:.45rem;color:var(--wd-mint)}
.wd-page{max-width:1250px;margin-inline:auto;padding:0 clamp(1.25rem,5vw,4.5rem)}
.wd-page section{scroll-margin-top:105px}
.wd-eyebrow{margin:0;font:600 .67rem/1.4 var(--ui);color:var(--wd-mint);letter-spacing:.17em;text-transform:uppercase}
.wd-signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--wd-mint);margin-right:.6rem;vertical-align:1px}
.wd-intro{padding:clamp(4rem,9vw,8.5rem) 0 clamp(1.5rem,3vw,3rem)}
.wd-intro-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(245px,.68fr);gap:clamp(2rem,7vw,8rem);align-items:end;padding-top:clamp(1.35rem,3vw,2.8rem)}
.wd-intro h1{margin:0;font:400 clamp(4.5rem,10.7vw,10.75rem)/.83 "EB Garamond",serif!important;letter-spacing:-.065em;max-width:9ch;color:var(--wd-ink)}
.wd-intro h1 em,.wd-section-top h2 em{font-weight:400;color:var(--wd-gold)}
.wd-intro-aside{padding-bottom:.5rem;display:grid;gap:1.6rem}
.wd-intro-aside p{margin:0;max-width:38ch;font:400 clamp(.94rem,1.2vw,1.06rem)/1.72 var(--ui);color:var(--wd-muted)}
.wd-intro-aside a{font:600 .82rem/1.4 var(--ui);padding-bottom:.5rem;border-bottom:1px solid var(--wd-line);justify-self:start;text-decoration:none!important}
.wd-intro-aside a span{margin-left:2rem;color:var(--wd-mint)}
.wd-hairline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(3rem,6vw,5.5rem);padding-top:1.1rem;border-top:1px solid var(--wd-line);font:600 .59rem/1.3 var(--ui);letter-spacing:.13em;color:var(--wd-muted)}
.wd-hairline span:last-child{color:var(--wd-mint)}

.wd-prize{padding:clamp(2rem,5vw,4rem) 0 clamp(3rem,8vw,7rem)}
.wd-prize-heading{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.65rem}
.wd-prize-heading h2{margin:.55rem 0 0;font:400 clamp(2.7rem,5.4vw,5.2rem)/.94 "EB Garamond",serif!important;letter-spacing:-.035em;color:var(--wd-ink)}
.wd-badge{max-width:245px;text-align:right;font:600 .63rem/1.55 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--wd-muted)}
.wd-prize-figure{margin:0;position:relative;overflow:hidden;border-radius:25px;background:var(--wd-card);border:1px solid var(--wd-line)}
.wd-prize-figure img{display:block;width:100%;height:clamp(385px,60vw,700px);object-fit:cover;object-position:center 52%}
.wd-prize-figure figcaption{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;gap:1.4rem;padding:1.35rem clamp(1.3rem,3vw,2.3rem);font:600 .65rem/1.5 var(--ui);letter-spacing:.09em;color:#fff;background:linear-gradient(transparent,rgba(7,11,12,.69))}
.wd-prize-figure figcaption span:last-child{max-width:37ch;text-align:right;font-size:.55rem;opacity:.86}
.wd-prize-figure figcaption small{font-size:.56rem;opacity:.82}
.wd-work-foot{display:flex;align-items:start;justify-content:space-between;gap:2rem;margin-top:1.3rem}
.wd-work-foot p{margin:0;max-width:69ch;font:.82rem/1.65 var(--ui);color:var(--wd-muted)}
.wd-work-foot a{flex:none;font:600 .76rem/1.4 var(--ui);text-decoration:none!important;padding-bottom:.35rem;border-bottom:1px solid var(--wd-line)}
.wd-work-foot a span{margin-left:.5rem;color:var(--wd-mint)}

.wd-entry,.wd-how,.wd-previous,.wd-clarity{padding:clamp(3.3rem,7vw,6rem) 0;border-top:1px solid var(--wd-line)}
.wd-section-top{display:grid;gap:.85rem;margin-bottom:clamp(1.3rem,3vw,2.5rem)}
.wd-section-top h2{margin:0;font:400 clamp(3rem,5.8vw,5.5rem)/.97 "EB Garamond",serif!important;color:var(--wd-ink);letter-spacing:-.04em}
.wd-entry-explainer{margin:-.25rem 0 2rem;max-width:70ch;font:.89rem/1.65 var(--ui);color:var(--wd-muted)}
.wd-entry-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.7fr);gap:clamp(.8rem,2vw,1.5rem);align-items:stretch}
.wd-entry-main,.wd-odds{background:var(--wd-card);border:1px solid var(--wd-line);border-radius:23px}
.wd-entry-main{padding:clamp(1.25rem,2.8vw,2.4rem)}
.wd-entry-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.6rem;border-bottom:1px solid var(--wd-line)}
.wd-entry-toolbar>div:first-child{display:grid;gap:.4rem}
.wd-entry-toolbar strong{font:600 .99rem/1.3 var(--ui)}
.wd-entry-toolbar small{max-width:41ch;font:.74rem/1.52 var(--ui);color:var(--wd-muted)}
.wd-quantity-slider{position:relative;width:min(390px,42vw);padding-top:2.1rem}
.wd-quantity-value{position:absolute;top:0;left:0;transform:translateX(-50%);min-width:2.55rem;padding:.38rem .55rem;border:1px solid color-mix(in srgb,var(--wd-gold) 60%,var(--wd-line) 40%);border-radius:10px;background:var(--wd-card);box-shadow:0 8px 24px -18px rgba(0,0,0,.55);font:600 .78rem/1 var(--ui);font-variant-numeric:tabular-nums;text-align:center;color:var(--wd-ink);pointer-events:none}
.wd-quantity-value::after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);border-right:1px solid color-mix(in srgb,var(--wd-gold) 60%,var(--wd-line) 40%);border-bottom:1px solid color-mix(in srgb,var(--wd-gold) 60%,var(--wd-line) 40%);background:var(--wd-card)}
.wd-quantity-slider input[type="range"]{--range-progress:0%;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer}
.wd-quantity-slider input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--wd-mint) 0 var(--range-progress),var(--wd-line) var(--range-progress) 100%)}
.wd-quantity-slider input[type="range"]::-moz-range-track{height:4px;border-radius:999px;background:var(--wd-line)}
.wd-quantity-slider input[type="range"]::-moz-range-progress{height:4px;border-radius:999px;background:var(--wd-mint)}
.wd-quantity-slider input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border:2px solid var(--wd-gold);border-radius:50%;background:var(--wd-card);box-shadow:0 4px 14px -7px rgba(0,0,0,.55)}
.wd-quantity-slider input[type="range"]::-moz-range-thumb{width:21px;height:21px;border:2px solid var(--wd-gold);border-radius:50%;background:var(--wd-card);box-shadow:0 4px 14px -7px rgba(0,0,0,.55)}
.wd-quantity-slider input[type="range"]:focus-visible{outline:none}
.wd-quantity-slider input[type="range"]:focus-visible::-webkit-slider-thumb{outline:3px solid color-mix(in srgb,var(--wd-mint) 35%,transparent);outline-offset:3px}
.wd-quantity-slider input[type="range"]:focus-visible::-moz-range-thumb{outline:3px solid color-mix(in srgb,var(--wd-mint) 35%,transparent);outline-offset:3px}
.wd-quantity-scale{display:flex;justify-content:space-between;margin-top:-.15rem;font:600 .65rem/1 var(--ui);font-variant-numeric:tabular-nums;color:var(--wd-muted)}
.wd-entry-total{display:grid;gap:.4rem;padding:1.6rem 0}
.wd-entry-total>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.wd-entry-total span{font:.85rem/1.45 var(--ui);color:var(--wd-muted)}
.wd-entry-total strong{font:500 clamp(2rem,3vw,3rem)/1 "EB Garamond",serif;color:var(--wd-ink)}
.wd-entry-total small{font:.72rem/1.55 var(--ui);color:var(--wd-muted)}
.wd-methods{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.wd-method{display:flex;flex-direction:column;min-height:274px;padding:clamp(1rem,2vw,1.45rem);border:1px solid var(--wd-line);border-radius:17px;background:var(--wd-tint)}
.wd-method-label{font:600 .57rem/1.2 var(--ui);letter-spacing:.14em;color:var(--wd-mint)}
.wd-method h3{margin:.8rem 0 .5rem;font:400 clamp(1.9rem,2.9vw,2.7rem)/1 "EB Garamond",serif}
.wd-method p{margin:0 0 1rem;font:.75rem/1.55 var(--ui);color:var(--wd-muted)}
.wd-method button{width:100%;min-height:43px;margin-top:auto;padding:.7rem;border:1px solid var(--wd-line);border-radius:999px;background:transparent;color:var(--wd-muted);font:600 .71rem/1.2 var(--ui);cursor:not-allowed}
.wd-odds{padding:clamp(1.25rem,2.6vw,2.1rem);display:flex;flex-direction:column;gap:.8rem}
.wd-odds h3{margin:.1rem 0 0;font:400 clamp(2rem,3.1vw,3rem)/1.04 "EB Garamond",serif;max-width:15ch}
.wd-odds-number{margin:.4rem 0 0;font:400 clamp(4.4rem,7.1vw,7rem)/.85 "EB Garamond",serif;color:var(--wd-gold)}
.wd-odds-desc{margin:0;font:.76rem/1.55 var(--ui);color:var(--wd-muted)}
.wd-odds-facts{display:grid;gap:.72rem;margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--wd-line)}
.wd-odds-facts>div{display:flex;align-items:start;justify-content:space-between;gap:.8rem}
.wd-odds-facts dt,.wd-odds-facts dd{margin:0;font:.73rem/1.45 var(--ui)}
.wd-odds-facts dt{color:var(--wd-muted)}
.wd-odds-facts dd{text-align:right;font-weight:600}
.wd-odds-warning{margin:auto 0 0;padding-top:1.2rem;font:.69rem/1.58 var(--ui);color:var(--wd-muted)}

.wd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wd-line);border:1px solid var(--wd-line);border-radius:22px;overflow:hidden}
.wd-steps article{padding:clamp(1.25rem,3vw,2.4rem);background:var(--wd-card);min-height:225px}
.wd-steps article>span{font:600 .67rem/1 var(--ui);color:var(--wd-mint)}
.wd-steps h3{margin:2.8rem 0 .55rem;font:400 clamp(1.75rem,2.6vw,2.25rem)/1.1 "EB Garamond",serif}
.wd-steps p{margin:0;font:.78rem/1.65 var(--ui);color:var(--wd-muted)}

.wd-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(1rem,2.5vw,2.6rem);align-items:center;padding:clamp(1.4rem,3.2vw,2.7rem);border:1px solid var(--wd-line);border-radius:22px;background:var(--wd-card)}
.wd-empty-seal{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--wd-line);border-radius:50%;font:400 3.7rem/1 "Amiri",serif;color:var(--wd-gold)}
.wd-empty-state h3{margin:0 0 .4rem;font:400 clamp(1.7rem,2.8vw,2.3rem)/1.07 "EB Garamond",serif}
.wd-empty-state p{margin:0;max-width:57ch;font:.77rem/1.6 var(--ui);color:var(--wd-muted)}
.wd-empty-state a{font:600 .74rem/1.5 var(--ui);text-decoration:none!important;border-bottom:1px solid var(--wd-line);padding-bottom:.3rem;white-space:nowrap}
.wd-clarity-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
.wd-clarity-grid details{padding:1.15rem 0;border-top:1px solid var(--wd-line);min-width:0}
.wd-clarity-grid summary{cursor:pointer;list-style:none;font:600 .86rem/1.4 var(--ui);padding-right:1.65rem;position:relative}
.wd-clarity-grid summary::-webkit-details-marker{display:none}
.wd-clarity-grid summary:after{content:"+";position:absolute;right:0;top:0;color:var(--wd-mint);font-size:1rem}
.wd-clarity-grid details[open] summary:after{content:"−"}
.wd-clarity-grid details p{margin:.75rem 0 0;font:.76rem/1.66 var(--ui);color:var(--wd-muted)}
.wd-notice{margin-top:clamp(1.8rem,4vw,3.5rem);padding:1.15rem 1.35rem;border-left:2px solid var(--wd-mint);background:var(--wd-tint);font:.76rem/1.63 var(--ui);color:var(--wd-muted)}
.wd-notice strong{color:var(--wd-ink)}
.wd-return{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 0 clamp(3rem,6vw,5rem);border-top:1px solid var(--wd-line)}
.wd-return a{font:600 .8rem/1.4 var(--ui);text-decoration:none!important}
.wd-return span{font:1.1rem/1.4 "Amiri",serif;color:var(--wd-gold)}
.wd-footer{border-top:1px solid var(--wd-line);padding:1.8rem clamp(1.25rem,5vw,4.5rem) 2.5rem;background:var(--wd-bg);color:var(--wd-muted)}
.wd-footer>div{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wd-footer span,.wd-footer a{font:.69rem/1.5 var(--ui)}
.wd-footer nav{display:flex;flex-wrap:wrap;gap:1.1rem}
.wd-footer a{text-decoration:none!important}

@media(max-width:920px){
  .wd-intro-layout{grid-template-columns:1fr;gap:1.8rem}
  .wd-intro h1{font-size:clamp(5rem,13vw,9rem)}
  .wd-intro-aside{gap:1rem}
  .wd-intro-aside p{max-width:65ch}
  .wd-entry-grid{grid-template-columns:1fr}
  .wd-odds{min-height:0}
  .wd-odds h3{max-width:none}
  .wd-odds-warning{margin:0}
  .wd-work-foot{flex-wrap:wrap}
}
@media(max-width:670px){
  .wd-header-inner{min-height:65px;flex-wrap:wrap;gap:.5rem;padding-block:.6rem}
  .wd-brand{letter-spacing:.1em}
  .wd-brand-seal{width:37px;height:37px}
  .wd-nav{order:3;width:100%;margin:0;justify-content:flex-start;gap:1.2rem;padding:.45rem 0 .15rem;overflow-x:auto}
  .wd-nav a{font-size:.7rem}
  .wd-shop-link{margin-left:auto;padding:.6rem .75rem;font-size:.64rem}
  .wd-intro{padding-top:4rem}
  .wd-intro h1{font-size:clamp(4.1rem,14vw,6.5rem)}
  .wd-hairline{font-size:.51rem}
  .wd-prize-heading{display:block}
  .wd-badge{display:block;text-align:left;margin-top:.85rem}
  .wd-prize-figure{border-radius:18px}
  .wd-prize-figure img{height:460px;object-position:50% 50%}
  .wd-prize-figure figcaption{font-size:.56rem;align-items:start}
  .wd-prize-figure figcaption span:last-child{max-width:17ch}
  .wd-work-foot{display:grid;gap:1rem}
  .wd-entry-toolbar{align-items:start}
  .wd-entry-toolbar small{max-width:24ch}
  .wd-methods{grid-template-columns:1fr}
  .wd-method{min-height:220px}
  .wd-steps{grid-template-columns:1fr}
  .wd-steps article{min-height:180px}
  .wd-steps h3{margin-top:1.8rem}
  .wd-empty-state{grid-template-columns:1fr;justify-items:start}
  .wd-empty-seal{width:74px;height:74px;font-size:2.9rem}
  .wd-empty-state a{white-space:normal}
  .wd-clarity-grid{grid-template-columns:1fr}
  .wd-return{align-items:flex-start;flex-direction:column}
  .wd-footer>div{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* BOTB-inspired interaction pattern, restyled for Himma:
   CTA -> modal -> route tabs -> quantity slider/steps -> quick select -> total. */
.wd-entry-purchase-card{display:grid;gap:1.25rem}
.wd-entry-offer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.wd-entry-offer h3{margin:.45rem 0 .35rem;font:400 clamp(2.3rem,4vw,4rem)/.96 "EB Garamond",serif}
.wd-entry-offer h3 span{color:var(--wd-gold)}
.wd-entry-offer p:last-child{margin:0;max-width:58ch;font:.78rem/1.55 var(--ui);color:var(--wd-muted)}
.wd-enter-now,.wd-add-entry{
  border:1px solid var(--wd-gold);border-radius:14px;background:var(--wd-gold);color:var(--wd-deep);
  min-height:54px;padding:.9rem 1.25rem;font:700 .74rem/1 var(--ui);letter-spacing:.09em;text-transform:uppercase;
  cursor:pointer;transition:transform .18s ease,filter .18s ease,opacity .18s ease
}
.wd-enter-now span,.wd-add-entry span{margin-left:.65rem}
.wd-enter-now:hover,.wd-add-entry:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.04)}
.wd-capacity{padding:1rem 0;border-top:1px solid var(--wd-line);border-bottom:1px solid var(--wd-line)}
.wd-capacity-track{height:7px;border-radius:999px;background:var(--wd-line);overflow:hidden}
.wd-capacity-track span{display:block;height:100%;border-radius:inherit;background:var(--wd-gold)}
.wd-capacity-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.65rem}
.wd-capacity-meta strong,.wd-capacity-meta span{font:.68rem/1.4 var(--ui)}
.wd-capacity-meta span{color:var(--wd-muted);text-align:right}
.wd-route-summary{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.wd-route-summary article{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;border:1px solid var(--wd-line);border-radius:16px;background:var(--wd-tint)}
.wd-route-summary article>span{color:var(--wd-mint);font:700 .62rem/1 var(--ui)}
.wd-route-summary strong{font:600 .85rem/1.35 var(--ui)}
.wd-route-summary p{margin:.25rem 0 0;font:.7rem/1.5 var(--ui);color:var(--wd-muted)}

.wd-entry-layer{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:1rem;visibility:hidden;pointer-events:none}
.wd-entry-layer.is-open{visibility:visible;pointer-events:auto}
.wd-entry-backdrop{position:absolute;inset:0;border:0;background:rgba(5,10,12,.68);opacity:0;transition:opacity .22s ease;backdrop-filter:blur(5px)}
.wd-entry-layer.is-open .wd-entry-backdrop{opacity:1}
.wd-entry-modal{
  position:relative;z-index:1;width:min(760px,calc(100vw - 2rem));max-height:min(860px,calc(100vh - 2rem));overflow:auto;
  padding:clamp(1rem,2.5vw,1.7rem);border:1px solid var(--wd-line);border-radius:26px;
  background:var(--wd-card);color:var(--wd-ink);box-shadow:0 35px 100px -28px rgba(0,0,0,.56);
  transform:translateY(18px) scale(.985);opacity:0;transition:transform .28s ease,opacity .22s ease
}
.wd-entry-layer.is-open .wd-entry-modal{transform:none;opacity:1}
.wd-entry-close{position:absolute;right:1rem;top:1rem;width:2.7rem;height:2.7rem;border:1px solid var(--wd-line);border-radius:50%;background:transparent;color:var(--wd-ink);font:400 1.6rem/1 var(--ui);cursor:pointer}
.wd-entry-tabs{display:grid;grid-template-columns:1fr 1fr;margin:3.4rem 0 1.2rem;border:1px solid var(--wd-line);border-radius:14px;overflow:hidden}
.wd-entry-tabs button{min-height:50px;border:0;background:var(--wd-tint);color:var(--wd-muted);font:650 .78rem/1 var(--ui);cursor:pointer}
.wd-entry-tabs button[aria-selected="true"]{background:var(--wd-card);color:var(--wd-ink);box-shadow:inset 0 -2px 0 var(--wd-gold)}
.wd-entry-prize{display:grid;grid-template-columns:88px minmax(0,1fr);gap:1rem;align-items:center;padding:.8rem 0 1.15rem;border-bottom:1px solid var(--wd-line)}
.wd-entry-prize img{width:88px;height:88px;object-fit:cover;border-radius:14px;border:1px solid var(--wd-line)}
.wd-entry-prize h3{margin:.25rem 0 .25rem;font:400 clamp(1.7rem,4vw,2.5rem)/1 "EB Garamond",serif}
.wd-entry-prize strong{font:700 .86rem/1.3 var(--ui);color:var(--wd-gold)}
.wd-entry-panel{padding-top:1.25rem}
.wd-ticket-control>label,.wd-quick-select>span{display:block;margin-bottom:.65rem;font:650 .78rem/1.2 var(--ui)}
.wd-ticket-row{display:grid;grid-template-columns:90px minmax(170px,1fr) 50px 50px;gap:.7rem;align-items:center}
.wd-ticket-row input[type="number"]{width:100%;height:50px;border:1px solid var(--wd-line);border-radius:11px;background:var(--wd-bg);color:var(--wd-ink);text-align:center;font:700 1.1rem/1 var(--ui)}
.wd-ticket-row input[type="number"]::-webkit-inner-spin-button{appearance:none}
.wd-ticket-step{height:50px;border:1px solid var(--wd-line);border-radius:11px;background:var(--wd-bg);color:var(--wd-ink);font:600 1.45rem/1 var(--ui);cursor:pointer}
.wd-ticket-step:hover,.wd-quick-select button:hover{border-color:var(--wd-gold)}
.wd-ticket-row .wd-quantity-slider{width:100%;min-width:0;padding-top:0}
.wd-quick-select{margin-top:1.35rem}
.wd-quick-select>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}
.wd-quick-select button{min-height:72px;padding:.7rem;border:1px solid var(--wd-line);border-radius:13px;background:var(--wd-tint);color:var(--wd-ink);font:600 .72rem/1.25 var(--ui);cursor:pointer}
.wd-quick-select button small{display:block;margin-top:.3rem;color:var(--wd-mint);font-size:.55rem;letter-spacing:.09em}
.wd-modal-total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--wd-line)}
.wd-modal-total span{font:650 .82rem/1 var(--ui)}
.wd-modal-total strong{font:500 2.1rem/1 "EB Garamond",serif}
.wd-add-entry{width:100%;margin-top:1rem}
.wd-add-entry:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.5)}
.wd-entry-gate-note{margin:.7rem auto 0;max-width:60ch;text-align:center;font:.68rem/1.5 var(--ui);color:var(--wd-muted)}
.wd-free-route{padding:.6rem 0}
.wd-free-route h3{margin:.5rem 0;font:400 clamp(2.1rem,4vw,3rem)/1 "EB Garamond",serif}
.wd-free-route>p:not(.wd-eyebrow){margin:0;max-width:62ch;font:.78rem/1.6 var(--ui);color:var(--wd-muted)}
.wd-free-route dl{display:grid;gap:.7rem;margin:1.3rem 0 0;padding-top:1rem;border-top:1px solid var(--wd-line)}
.wd-free-route dl>div{display:flex;justify-content:space-between;gap:1rem}
.wd-free-route dt,.wd-free-route dd{margin:0;font:.73rem/1.45 var(--ui)}
.wd-free-route dt{color:var(--wd-muted)}.wd-free-route dd{font-weight:650;text-align:right}
body.wd-modal-open{overflow:hidden}

@media(max-width:670px){
  .wd-entry-offer{align-items:stretch;flex-direction:column}
  .wd-enter-now{width:100%}
  .wd-capacity-meta{flex-direction:column}.wd-capacity-meta span{text-align:left}
  .wd-route-summary{grid-template-columns:1fr}
  .wd-entry-modal{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);border-radius:20px;padding:1rem}
  .wd-entry-tabs{margin-top:3.2rem}
  .wd-ticket-row{grid-template-columns:72px 1fr 46px 46px;gap:.45rem}
  .wd-quick-select>div{grid-template-columns:1fr 1fr}
}
@media(max-width:470px){
  .wd-ticket-row{grid-template-columns:70px 1fr 44px 44px}
  .wd-entry-prize{grid-template-columns:70px 1fr}.wd-entry-prize img{width:70px;height:70px}
}

.wd-header-actions{display:flex;align-items:center;gap:.7rem;flex:none}
.wd-theme-toggle{width:2.9rem;height:2.9rem}
@media(max-width:670px){
  .wd-header-actions{margin-left:auto}
  .wd-theme-toggle{width:2.55rem;height:2.55rem}
}


/* ===== Spectral field + equal dark-mode treatment ===== */
body.weekly-draw-page{
  --wd-sp-a:rgba(123,208,218,.42);
  --wd-sp-b:rgba(177,129,207,.34);
  --wd-sp-c:rgba(236,158,194,.30);
  --wd-sp-d:rgba(220,183,112,.24);
  --wd-shadow:0 24px 70px -44px rgba(16,41,46,.28);
}
html[data-theme="dark"] body.weekly-draw-page{
  --wd-sp-a:rgba(78,214,231,.64);
  --wd-sp-b:rgba(138,106,229,.54);
  --wd-sp-c:rgba(224,89,177,.50);
  --wd-sp-d:rgba(224,178,92,.40);
  --wd-shadow:0 28px 90px -42px rgba(0,0,0,.78);
  background:
    radial-gradient(circle at 12% 12%,rgba(63,112,126,.12),transparent 31rem),
    radial-gradient(circle at 88% 34%,rgba(101,74,126,.10),transparent 28rem),
    var(--wd-bg)!important;
}
html[data-theme="dark"] .wd-site-header{
  background:color-mix(in srgb,#071015 90%,transparent);
  border-bottom-color:rgba(132,170,179,.16);
  box-shadow:0 12px 30px -26px rgba(0,0,0,.9);
}
html[data-theme="dark"] .wd-brand-seal,
html[data-theme="dark"] .wd-shop-link,
html[data-theme="dark"] .wd-theme-toggle{
  border-color:rgba(168,195,201,.18);
  background:rgba(255,255,255,.018);
}
html[data-theme="dark"] .wd-shop-link:hover,
html[data-theme="dark"] .wd-theme-toggle:hover{
  border-color:rgba(156,200,190,.45);
  background:rgba(115,182,178,.07);
}
html[data-theme="dark"] .wd-intro h1 em,
html[data-theme="dark"] .wd-section-top h2 em{
  color:#d8ba82;
  text-shadow:0 0 28px rgba(206,167,97,.10);
}
html[data-theme="dark"] .wd-prize-figure{
  background:#0b1519;
  border-color:rgba(185,211,208,.15);
  box-shadow:0 30px 95px -56px rgba(0,0,0,.92);
}
html[data-theme="dark"] .wd-prize-figure img{
  filter:saturate(.9) brightness(.84) contrast(1.04);
}
html[data-theme="dark"] .wd-entry-main,
html[data-theme="dark"] .wd-odds,
html[data-theme="dark"] .wd-steps article,
html[data-theme="dark"] .wd-empty-state,
html[data-theme="dark"] .wd-clarity details,
html[data-theme="dark"] .wd-notice{
  background:linear-gradient(180deg,rgba(17,29,33,.94),rgba(10,20,24,.96));
  border-color:rgba(166,199,198,.15);
  box-shadow:var(--wd-shadow);
}
html[data-theme="dark"] .wd-route-summary article,
html[data-theme="dark"] .wd-quick-select button,
html[data-theme="dark"] .wd-ticket-step,
html[data-theme="dark"] .wd-ticket-row input[type="number"]{
  background:#0b171c;
  border-color:rgba(163,197,197,.16);
}
html[data-theme="dark"] .wd-route-summary article:hover,
html[data-theme="dark"] .wd-quick-select button:hover,
html[data-theme="dark"] .wd-ticket-step:hover{
  border-color:rgba(155,211,199,.42);
  background:#102127;
}
html[data-theme="dark"] .wd-entry-modal{
  background:
    radial-gradient(circle at 92% 8%,rgba(128,86,174,.10),transparent 18rem),
    radial-gradient(circle at 12% 92%,rgba(58,151,167,.09),transparent 20rem),
    #0b151a;
  border-color:rgba(169,200,201,.18);
  box-shadow:0 38px 110px -28px rgba(0,0,0,.88);
}
html[data-theme="dark"] .wd-entry-backdrop{
  background:rgba(2,7,10,.78);
}
html[data-theme="dark"] .wd-enter-now,
html[data-theme="dark"] .wd-add-entry{
  color:#081014;
  background:linear-gradient(110deg,#d6b779 0%,#c9a96c 48%,#d9c38d 100%);
  border-color:#d4b676;
  box-shadow:0 12px 30px -18px rgba(208,171,105,.52);
}
html[data-theme="dark"] .wd-enter-now:hover,
html[data-theme="dark"] .wd-add-entry:not(:disabled):hover{
  filter:brightness(1.07);
  box-shadow:0 14px 34px -16px rgba(208,171,105,.62);
}
html[data-theme="dark"] .wd-add-entry:disabled{
  color:#847b69;
  background:#1b201f;
  border-color:rgba(184,172,144,.13);
  box-shadow:none;
}
html[data-theme="dark"] .wd-capacity-track,
html[data-theme="dark"] .wd-quantity-slider input[type="range"]::-webkit-slider-runnable-track,
html[data-theme="dark"] .wd-quantity-slider input[type="range"]::-moz-range-track{
  background:#223239;
}
html[data-theme="dark"] .wd-quantity-slider input[type="range"]::-webkit-slider-thumb,
html[data-theme="dark"] .wd-quantity-slider input[type="range"]::-moz-range-thumb{
  background:#0d171b;
  border-color:#d2b67c;
  box-shadow:0 0 0 5px rgba(114,197,195,.07),0 5px 18px rgba(0,0,0,.48);
}
html[data-theme="dark"] .wd-odds-number{
  color:#d4b779;
  text-shadow:0 0 32px rgba(212,183,121,.11);
}

/* Spectral field: light embedded in the blue page, not a separate dark banner. */
.wd-entry{position:relative;isolation:isolate}
.wd-spectral-aisle{
  position:relative;
  height:clamp(128px,16vw,190px);
  margin:clamp(1.5rem,3.5vw,2.8rem) 0 clamp(2rem,4.5vw,3.6rem);
  overflow:hidden;
  border:0;
  background:transparent;
  box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
}
.wd-spectral-aisle::before,
.wd-spectral-aisle::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.wd-spectral-aisle::before{
  inset:4% -12% -2% 20%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 18% 54%,var(--wd-sp-a),transparent 31%),
    radial-gradient(ellipse at 46% 42%,var(--wd-sp-b),transparent 34%),
    radial-gradient(ellipse at 72% 57%,var(--wd-sp-c),transparent 35%),
    radial-gradient(ellipse at 90% 42%,var(--wd-sp-d),transparent 30%);
  filter:blur(24px);
  opacity:.72;
  transform:scaleX(1.14) rotate(-1.5deg);
  animation:wd-spectral-drift 14s ease-in-out infinite alternate;
}
.wd-spectral-aisle::after{
  left:22%;
  right:-6%;
  top:47%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,var(--wd-sp-a) 20%,var(--wd-sp-b) 46%,var(--wd-sp-c) 70%,var(--wd-sp-d) 88%,transparent 100%);
  filter:blur(.35px);
  opacity:.42;
  box-shadow:0 0 24px 3px rgba(142,204,216,.12);
}
.wd-spectral-line{
  position:absolute;
  left:18%;
  width:92%;
  height:1px;
  border-radius:999px;
  opacity:.42;
  transform-origin:center;
  mix-blend-mode:screen;
}
.wd-spectral-line-a{
  top:35%;
  background:linear-gradient(90deg,transparent 0 10%,rgba(105,210,221,.14),rgba(151,116,218,.44),rgba(234,113,181,.22),transparent 90%);
  transform:rotate(-1.2deg);
}
.wd-spectral-line-b{
  top:53%;
  background:linear-gradient(90deg,transparent 0 12%,rgba(216,168,99,.18),rgba(101,197,210,.48),rgba(181,107,207,.26),transparent 92%);
  transform:rotate(.7deg);
}
.wd-spectral-line-c{
  top:68%;
  background:linear-gradient(90deg,transparent 0 8%,rgba(211,99,173,.22),rgba(103,209,214,.34),rgba(220,175,101,.16),transparent 93%);
  transform:rotate(-.35deg);
}
.wd-spectral-orb{
  position:absolute;
  width:clamp(92px,11vw,150px);
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(34px);
  opacity:.26;
}
.wd-spectral-orb-a{left:42%;top:12%;background:rgba(89,202,216,.42)}
.wd-spectral-orb-b{right:8%;bottom:-28%;background:rgba(213,91,176,.30)}

html[data-theme="dark"] .wd-spectral-aisle{background:transparent;box-shadow:none}
html[data-theme="dark"] .wd-spectral-aisle::before{opacity:.80;filter:blur(28px)}
html[data-theme="dark"] .wd-spectral-aisle::after{
  opacity:.48;
  box-shadow:0 0 30px 4px rgba(109,211,222,.12),0 0 38px 8px rgba(189,86,191,.05);
}
html[data-theme="dark"] .wd-spectral-line{opacity:.50}
html[data-theme="dark"] .wd-spectral-orb{opacity:.34}

/* Carry the spectral logic into interaction surfaces without turning the whole page neon. */
.wd-entry-main{position:relative;overflow:hidden}
.wd-entry-main::before{
  content:"";
  position:absolute;
  width:260px;height:260px;
  right:-120px;top:-135px;
  border-radius:50%;
  background:radial-gradient(circle,var(--wd-sp-a),var(--wd-sp-b) 40%,transparent 68%);
  filter:blur(18px);
  opacity:.16;
  pointer-events:none;
}
html[data-theme="dark"] .wd-entry-main::before{opacity:.28}
.wd-enter-now{position:relative;overflow:hidden}
.wd-enter-now::before{
  content:"";
  position:absolute;inset:-30%;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 45%,rgba(115,206,213,.22) 52%,rgba(218,104,187,.13) 58%,transparent 76%);
  transform:translateX(-70%);
  transition:transform .55s ease;
}
.wd-enter-now:hover::before{transform:translateX(55%)}

@keyframes wd-spectral-drift{
  from{transform:scaleX(1.10) translateX(-1%) rotate(-1.5deg)}
  to{transform:scaleX(1.18) translateX(2%) rotate(1deg)}
}
@media(prefers-reduced-motion:reduce){
  .wd-spectral-aisle::before{animation:none}
  .wd-enter-now::before{transition:none}
}
@media(max-width:670px){
  .wd-spectral-aisle{height:118px;margin-block:1.35rem 2rem}
  .wd-spectral-line{left:10%;width:104%}
}

/* Match homepage header dimensions while retaining Weekly Draw's seal design. */
.wd-site-header .wd-brand{
  gap:var(--brand-gap);
  font-size:var(--brand-name-size)!important;
}
.wd-site-header .wd-brand-seal{
  box-sizing:border-box;
  width:var(--brand-mark-height);
  height:var(--brand-mark-height);
  flex-shrink:0;
}
.wd-site-header .wd-brand small{font-size:var(--brand-subtitle-size)}


/* ===== Weekly Draw colour system — mirror the blue shop preview =====
   Colour-only override: layout, copy, typography and component geometry stay unchanged. */
body.weekly-draw-page{
  --wd-bg:#0B3C8C;
  --wd-ink:#FFFFFF;
  --wd-muted:rgba(236,247,255,.72);
  --wd-card:rgba(255,255,255,.10);
  --wd-tint:rgba(255,255,255,.075);
  --wd-line:rgba(255,255,255,.20);
  --wd-gold:#F1D79A;
  --wd-mint:#2FD1C8;
  --wd-deep:#06235E;
  --wd-sp-a:rgba(79,184,242,.48);
  --wd-sp-b:rgba(47,209,200,.34);
  --wd-sp-c:rgba(155,233,245,.34);
  --wd-sp-d:rgba(241,215,154,.25);
  background:
    radial-gradient(circle at 50% 26%,rgba(79,184,242,.26),transparent 30%),
    radial-gradient(circle at 72% 58%,rgba(47,209,200,.14),transparent 30%),
    linear-gradient(180deg,#0B3C8C 0%,#1460C8 46%,#06235E 100%)!important;
  background-attachment:fixed!important;
}
html[data-theme="dark"] body.weekly-draw-page{
  --wd-bg:#040B1F;
  --wd-ink:#FFFFFF;
  --wd-muted:rgba(217,246,255,.70);
  --wd-card:rgba(232,247,255,.075);
  --wd-tint:rgba(92,207,230,.07);
  --wd-line:rgba(217,246,255,.16);
  --wd-gold:#C9A75E;
  --wd-mint:#14A9A6;
  --wd-deep:#02050F;
  --wd-sp-a:rgba(42,123,214,.48);
  --wd-sp-b:rgba(20,169,166,.34);
  --wd-sp-c:rgba(92,207,230,.30);
  --wd-sp-d:rgba(201,167,94,.22);
  background:
    radial-gradient(circle at 50% 24%,rgba(42,123,214,.24),transparent 30%),
    radial-gradient(circle at 72% 58%,rgba(20,169,166,.12),transparent 30%),
    linear-gradient(180deg,#040B1F 0%,#0A2560 46%,#02050F 100%)!important;
}
.weekly-draw-page .wd-site-header{
  background:color-mix(in srgb,var(--wd-deep) 72%,transparent);
}
.weekly-draw-page .wd-page,
.weekly-draw-page .wd-footer{
  background:transparent;
}
.weekly-draw-page .wd-prize-figure,
.weekly-draw-page .wd-entry-main,
.weekly-draw-page .wd-odds,
.weekly-draw-page .wd-steps article,
.weekly-draw-page .wd-empty-state,
.weekly-draw-page .wd-entry-modal{
  background:color-mix(in srgb,var(--wd-card) 88%,transparent);
  border-color:var(--wd-line);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.weekly-draw-page .wd-method,
.weekly-draw-page .wd-route-summary article,
.weekly-draw-page .wd-entry-tabs button,
.weekly-draw-page .wd-quick-select button,
.weekly-draw-page .wd-notice{
  background:var(--wd-tint);
}
.weekly-draw-page .wd-entry-tabs button[aria-selected="true"]{
  background:var(--wd-card);
}
.weekly-draw-page .wd-ticket-row input[type="number"],
.weekly-draw-page .wd-ticket-step{
  background:rgba(255,255,255,.08);
}
.weekly-draw-page .wd-enter-now,
.weekly-draw-page .wd-add-entry{
  background:#FFFFFF;
  border-color:#FFFFFF;
  color:#0E1B33;
}
html[data-theme="dark"] .weekly-draw-page .wd-enter-now,
html[data-theme="dark"] .weekly-draw-page .wd-add-entry{
  background:#E8F7FF;
  border-color:#E8F7FF;
  color:#06204F;
}
.weekly-draw-page .wd-brand-seal,
.weekly-draw-page .wd-intro h1 em,
.weekly-draw-page .wd-section-top h2 em,
.weekly-draw-page .wd-odds-number,
.weekly-draw-page .wd-return span{
  color:var(--wd-gold);
}


/* ===== Ultra-subtle hidden field + geometry weave =====
   Background texture only: sensed, not seen. */

body.weekly-draw-page{
  position:relative;
  isolation:isolate;
}

body.weekly-draw-page::before,
body.weekly-draw-page::after{
  content:"";
  position:fixed;
  inset:-8%;
  pointer-events:none;
  z-index:0;
}

/* very soft energetic veil */
body.weekly-draw-page::before{
  background:
    radial-gradient(ellipse 42% 26% at 50% 22%,
      rgba(196,146,255,.07) 0%,
      rgba(95,205,255,.05) 24%,
      rgba(0,0,0,0) 66%
    ),
    radial-gradient(ellipse 54% 34% at 50% 44%,
      rgba(99,232,255,.055) 0%,
      rgba(88,161,255,.035) 28%,
      rgba(191,112,255,.03) 44%,
      rgba(0,0,0,0) 72%
    ),
    radial-gradient(ellipse 36% 24% at 50% 42%,
      rgba(255,255,255,.03) 0%,
      rgba(127,245,255,.025) 18%,
      rgba(0,0,0,0) 58%
    ),
    radial-gradient(ellipse 48% 20% at 24% 40%,
      rgba(73,229,232,.03) 0%,
      rgba(0,0,0,0) 72%
    ),
    radial-gradient(ellipse 48% 20% at 76% 40%,
      rgba(201,119,255,.028) 0%,
      rgba(0,0,0,0) 72%
    );
  opacity:.42;
  mix-blend-mode:screen;
  filter:blur(26px) saturate(106%);
  transform:scale(1.03);
}

/* barely-there geometry weave */
body.weekly-draw-page::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23BEEFFF' stroke-opacity='.20' stroke-width='1'%3E%3Cpath d='M180 20 220 60 180 100 140 60Z'/%3E%3Cpath d='M180 100 220 140 180 180 140 140Z'/%3E%3Cpath d='M180 180 220 220 180 260 140 220Z'/%3E%3Cpath d='M180 260 220 300 180 340 140 300Z'/%3E%3Cpath d='M20 180 60 140 100 180 60 220Z'/%3E%3Cpath d='M100 180 140 140 180 180 140 220Z'/%3E%3Cpath d='M180 180 220 140 260 180 220 220Z'/%3E%3Cpath d='M260 180 300 140 340 180 300 220Z'/%3E%3Cpath d='M60 60h240v240H60z'/%3E%3Cpath d='M100 100h160v160H100z'/%3E%3Cpath d='M60 60l240 240M300 60 60 300'/%3E%3Ccircle cx='180' cy='180' r='72'/%3E%3Ccircle cx='180' cy='180' r='116'/%3E%3C/g%3E%3C/svg%3E");
  background-size:320px 320px;
  background-position:center top;
  background-repeat:repeat;
  opacity:.022;
  mix-blend-mode:soft-light;
  filter:blur(.6px);
  -webkit-mask-image:
    radial-gradient(circle at 50% 28%, rgba(0,0,0,.9), rgba(0,0,0,.4) 34%, transparent 78%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.65) 18%, rgba(0,0,0,.7) 78%, transparent 100%);
  -webkit-mask-composite:source-over;
  mask-image:
    radial-gradient(circle at 50% 28%, rgba(0,0,0,.9), rgba(0,0,0,.4) 34%, transparent 78%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.65) 18%, rgba(0,0,0,.7) 78%, transparent 100%);
  mask-composite:intersect;
}

.wd-site-header,
.wd-page,
.wd-footer{
  position:relative;
  z-index:1;
}

html[data-theme="dark"] body.weekly-draw-page::before{
  opacity:.34;
  filter:blur(28px) saturate(102%);
}

html[data-theme="dark"] body.weekly-draw-page::after{
  opacity:.016;
}


/* SPECTRAL STRINGS OF LIGHT · intensified · 2026-10-07 */
/* Push the spectral aisle from a soft haze toward visible filaments of light:
   brighter cores, coloured halos and slow independent shimmer. */
.wd-spectral-aisle{
  height:clamp(150px,18vw,220px);
  overflow:visible;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
}
.wd-spectral-aisle::before{
  inset:-4% -15% -8% 12%;
  filter:blur(28px);
  opacity:.94;
  background:
    radial-gradient(ellipse at 16% 54%,rgba(83,219,255,.34),transparent 28%),
    radial-gradient(ellipse at 39% 42%,rgba(58,239,220,.28),transparent 30%),
    radial-gradient(ellipse at 66% 56%,rgba(181,155,255,.28),transparent 31%),
    radial-gradient(ellipse at 90% 43%,rgba(255,215,132,.24),transparent 28%);
}
.wd-spectral-aisle::after{
  left:8%;
  right:-4%;
  top:49%;
  height:2px;
  opacity:.92;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(108,221,255,.2) 8%,
    rgba(135,235,255,.96) 24%,
    rgba(86,246,226,.98) 46%,
    rgba(186,153,255,.92) 67%,
    rgba(255,219,147,.88) 83%,
    transparent 100%);
  filter:blur(.15px);
  box-shadow:
    0 0 5px rgba(163,239,255,.85),
    0 0 14px 2px rgba(80,213,255,.58),
    0 0 30px 5px rgba(76,193,255,.24);
  animation:wd-string-breathe 5.8s ease-in-out infinite alternate;
}
.wd-spectral-line{
  left:8%;
  width:104%;
  height:2px;
  opacity:.95;
  filter:drop-shadow(0 0 4px rgba(183,243,255,.82))
         drop-shadow(0 0 11px rgba(102,211,255,.44));
}
.wd-spectral-line::after{
  content:"";
  position:absolute;
  inset:50% 0 auto;
  height:1px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.1) 9%,
    rgba(244,253,255,.96) 26%,
    rgba(235,255,252,.98) 51%,
    rgba(255,248,229,.9) 74%,
    transparent 100%);
  opacity:.9;
}
.wd-spectral-line-a{
  top:29%;
  background:linear-gradient(90deg,
    transparent 0 5%,
    rgba(99,215,255,.15) 10%,
    rgba(122,220,255,.92) 30%,
    rgba(156,122,255,.88) 58%,
    rgba(246,138,211,.72) 78%,
    transparent 96%);
  transform:rotate(-1.7deg);
  animation:wd-string-a 8s ease-in-out infinite alternate;
}
.wd-spectral-line-b{
  top:51%;
  background:linear-gradient(90deg,
    transparent 0 4%,
    rgba(255,215,146,.18) 11%,
    rgba(95,235,224,.96) 34%,
    rgba(118,223,255,.98) 57%,
    rgba(194,128,255,.80) 78%,
    transparent 97%);
  transform:rotate(.9deg);
  animation:wd-string-b 7s ease-in-out infinite alternate;
}
.wd-spectral-line-c{
  top:72%;
  background:linear-gradient(90deg,
    transparent 0 5%,
    rgba(242,122,201,.22) 12%,
    rgba(96,223,255,.90) 38%,
    rgba(117,246,227,.88) 62%,
    rgba(255,217,142,.72) 83%,
    transparent 98%);
  transform:rotate(-.55deg);
  animation:wd-string-c 9s ease-in-out infinite alternate;
}
.wd-spectral-orb{
  width:clamp(125px,15vw,210px);
  filter:blur(42px);
  opacity:.48;
}
.wd-spectral-orb-a{
  left:33%;
  top:-3%;
  background:rgba(87,223,255,.56);
}
.wd-spectral-orb-b{
  right:6%;
  bottom:-38%;
  background:rgba(205,116,255,.42);
}

html[data-theme="dark"] .wd-spectral-aisle::before{opacity:1;filter:blur(32px)}
html[data-theme="dark"] .wd-spectral-aisle::after{
  opacity:1;
  box-shadow:
    0 0 6px rgba(187,246,255,.96),
    0 0 18px 3px rgba(73,204,255,.64),
    0 0 36px 7px rgba(91,168,255,.28),
    0 0 46px 8px rgba(192,112,255,.14);
}
html[data-theme="dark"] .wd-spectral-line{opacity:1}
html[data-theme="dark"] .wd-spectral-orb{opacity:.58}

@keyframes wd-string-breathe{
  from{opacity:.72;transform:translateX(-1%) scaleX(.98)}
  to{opacity:1;transform:translateX(1.2%) scaleX(1.02)}
}
@keyframes wd-string-a{
  from{transform:rotate(-1.7deg) translateX(-1.5%)}
  to{transform:rotate(-.6deg) translateX(1.5%)}
}
@keyframes wd-string-b{
  from{transform:rotate(.9deg) translateX(1%)}
  to{transform:rotate(-.2deg) translateX(-1.2%)}
}
@keyframes wd-string-c{
  from{transform:rotate(-.55deg) translateX(-1%)}
  to{transform:rotate(.45deg) translateX(1.4%)}
}
@media(prefers-reduced-motion:reduce){
  .wd-spectral-aisle::after,
  .wd-spectral-line-a,
  .wd-spectral-line-b,
  .wd-spectral-line-c{animation:none!important}
}
@media(max-width:670px){
  .wd-spectral-aisle{height:140px}
  .wd-spectral-line{left:2%;width:112%}
}

/* No sideways overflow on this page, so phones can't zoom out past the
   page width and get stuck misaligned. Decorative light lines that bleed
   past the edge are clipped at the screen instead of widening the page.
   (clip, not hidden, so nothing becomes a scroll container.) */
html{overflow-x:hidden}
@supports (overflow:clip){html{overflow-x:clip}}
body.weekly-draw-page{max-width:100%;overflow-x:clip}


/* Exhibition hero: replaceable portrait artwork within a physically layered architectural scene. */
.weekly-draw-page .wd-gallery-scene{
  --stone:#d8cbb7;--stone-light:#f0e8d9;--stone-shadow:#938673;
  isolation:isolate;position:relative;overflow:hidden;min-height:0;height:clamp(610px,70vw,860px);
  margin:0;border:0;border-radius:20px;
  background:radial-gradient(ellipse at 50% 70%,#244471 0%,#102f65 47%,#041b42 100%);
  perspective:1400px;
}
.wd-gallery-scene::after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(90deg,rgba(0,12,37,.22),transparent 19% 81%,rgba(0,12,37,.22))}
.wd-gallery-floor{position:absolute;inset:79% 0 0;z-index:0;background:linear-gradient(180deg,#183667 0%,#0a2450 60%,#102f5e 100%);box-shadow:inset 0 1px rgba(226,204,169,.15)}
.wd-gallery-floor::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(221,196,160,.27),transparent 57%);opacity:.48}
.wd-gallery-wall{
 position:absolute;top:0;bottom:19.5%;left:50%;width:min(53%,540px);transform:translateX(-50%);z-index:1;
 background:
 radial-gradient(ellipse at 50% 21%,rgba(255,234,199,.46),transparent 49%),
 repeating-linear-gradient(111deg,transparent 0 97px,rgba(92,83,76,.065) 98px,transparent 101px),
 linear-gradient(105deg,#b9ac98 0%,#d5c6b2 21%,#c6b5a0 57%,#b5a692 100%);
 box-shadow:inset 17px 0 27px -22px rgba(40,28,20,.47),inset -17px 0 27px -22px rgba(40,28,20,.47),-15px 0 44px -32px #f0bd70,15px 0 44px -32px #f0bd70;
}
.wd-gallery-wall::after{content:"";position:absolute;inset:0;opacity:.36;background:repeating-linear-gradient(168deg,transparent 0 71px,rgba(92,73,60,.085) 72px,transparent 74px),radial-gradient(ellipse at 53% 29%,transparent 34%,rgba(55,43,34,.17) 100%);mix-blend-mode:multiply}
.wd-gallery-light{position:absolute;z-index:4;top:0;left:50%;width:min(60%,600px);height:52%;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(255,235,201,.47),rgba(255,220,165,.14) 44%,transparent 76%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}
.wd-gallery-light span{position:absolute;top:0;left:50%;width:28px;height:15px;transform:translateX(-50%);background:linear-gradient(90deg,#322b23,#aa8755 55%,#302820);border-radius:0 0 6px 6px;box-shadow:0 5px 9px rgba(250,211,155,.35)}
.wd-gallery-display{position:absolute;z-index:5;inset:12% 0 13%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.wd-gallery-frame{position:relative;z-index:2;width:clamp(190px,29%,340px);aspect-ratio:3/4;display:grid;padding:5px;background:linear-gradient(120deg,#61441d,#e4b969 28%,#76501c 57%,#dfb45c 87%,#5d3c1a);border:1px solid #765325;box-shadow:0 15px 28px rgba(32,20,15,.5),0 0 0 2px rgba(31,20,14,.55),inset 0 0 0 1px rgba(255,234,176,.5)}
.wd-gallery-frame::before{content:"";position:absolute;inset:5px;border:4px solid #110f0d;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px rgba(227,184,108,.6)}
.weekly-draw-page .wd-gallery-frame .wd-gallery-art{display:block;width:100%;height:100%;max-height:none;aspect-ratio:3/4;object-fit:cover;object-position:50% 24%;border:0;border-radius:0}
.wd-gallery-plinth{position:relative;z-index:1;width:clamp(270px,49%,610px);height:clamp(135px,20%,202px);flex:none;margin-top:-1px;background:linear-gradient(103deg,#b4a58e 0%,#e3dacb 17%,#ece3d5 45%,#c3b49d 83%,#a99a86 100%);box-shadow:0 24px 30px -15px rgba(2,10,23,.54),inset 0 -12px 18px -16px #544a3c}
.wd-gallery-plinth::before{content:"";position:absolute;inset:0;opacity:.34;background:repeating-linear-gradient(126deg,transparent 0 77px,rgba(95,86,72,.19) 78px,transparent 79px),radial-gradient(ellipse at 22% 19%,rgba(255,255,255,.64),transparent 43%);pointer-events:none}
.wd-plinth-top{position:absolute;left:-1.5%;right:-1.5%;top:-8px;height:13px;transform:perspective(250px) rotateX(18deg);background:linear-gradient(180deg,#f4eadd,#c1b29c);box-shadow:0 3px 7px rgba(75,54,36,.33)}
.wd-plinth-arch{position:absolute;bottom:0;height:78%;width:34%;border:1px solid rgba(116,95,72,.33);background:linear-gradient(115deg,rgba(106,91,72,.22),rgba(253,245,229,.08) 56%,rgba(100,82,62,.2));clip-path:polygon(50% 0%,65% 18%,92% 47%,100% 65%,100% 100%,0 100%,0 65%,8% 47%,35% 18%)}
.wd-plinth-arch-left{left:4%}.wd-plinth-arch-centre{left:33%;height:91%;filter:drop-shadow(1px 2px 2px rgba(60,49,39,.3))}.wd-plinth-arch-right{right:4%}
.wd-plinth-facet{position:absolute;z-index:2;top:3%;width:29%;height:63%;background:linear-gradient(125deg,rgba(245,238,226,.36),rgba(82,71,59,.24));clip-path:polygon(0 0,100% 0,50% 100%);opacity:.85}
.wd-plinth-facet-left{left:0}.wd-plinth-facet-right{right:0;transform:scaleX(-1)}
.wd-plinth-baseline{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(97,78,59,.35)}
.weekly-draw-page .wd-gallery-scene figcaption{position:absolute;inset:auto 0 0;z-index:10;padding:1.1rem 1.5rem;background:linear-gradient(transparent,rgba(4,19,45,.53));color:#e8eef9}
@media(max-width:670px){
 .weekly-draw-page .wd-gallery-scene{height:clamp(500px,140vw,720px);border-radius:15px}
 .wd-gallery-wall{width:80%;bottom:20%}
 .wd-gallery-display{inset:15% 0 17%}
 .wd-gallery-frame{width:48%;min-width:0}
 .wd-gallery-plinth{width:73%;min-width:0;height:23%}
 .weekly-draw-page .wd-gallery-scene figcaption{font-size:.49rem;padding:1rem}
}

/* Curated hero composite with independently rendered, accessible foreground typography.
   Preserve CSS gallery fallback until the optimized artwork has been added to assets. */
.weekly-draw-page .wd-gallery-composite-scene{isolation:isolate;position:relative;overflow:hidden;border-radius:20px;aspect-ratio:4/3;height:auto;min-height:0;background:#072454}
.weekly-draw-page .wd-gallery-composite-scene>.wd-gallery-master{
 position:absolute;z-index:9;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;
}
.weekly-draw-page .wd-gallery-composite-scene.wd-master-ready :is(.wd-gallery-floor,.wd-gallery-wall,.wd-gallery-light,.wd-gallery-display){visibility:hidden}
.weekly-draw-page .wd-gallery-composite-scene .wd-gallery-foreground{
 position:absolute;inset:0;z-index:12;padding:clamp(1rem,2.7vw,2.6rem);
 display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;
 background:linear-gradient(180deg,rgba(3,18,44,.67),rgba(3,18,44,0) 21%,rgba(3,18,44,0) 76%,rgba(3,18,44,.55));
 color:#fff;pointer-events:none
}
.wd-gallery-foreground-copy{display:grid;gap:.35rem;max-width:60%}
.wd-gallery-foreground-kicker{color:#63e2df;font:600 clamp(.48rem,.8vw,.68rem)/1.4 var(--ui);letter-spacing:.17em}
.weekly-draw-page .wd-gallery-foreground-copy strong{font:400 clamp(1.55rem,4.3vw,4.4rem)/.98 "EB Garamond",serif;letter-spacing:-.034em;text-shadow:0 2px 15px rgba(0,14,44,.45)}
.wd-gallery-foreground-copy small{position:absolute;bottom:clamp(1rem,2.7vw,2.4rem);left:clamp(1rem,2.7vw,2.6rem);font:600 clamp(.49rem,.7vw,.65rem)/1.4 var(--ui);letter-spacing:.11em}
.wd-gallery-foreground-status{font:600 clamp(.48rem,.76vw,.64rem)/1.45 var(--ui);letter-spacing:.1em;text-align:right;white-space:nowrap}
@media(max-width:670px){
 .weekly-draw-page .wd-gallery-composite-scene{aspect-ratio:3/4;border-radius:15px}
 .weekly-draw-page .wd-gallery-composite-scene>.wd-gallery-master{object-fit:cover}
 .wd-gallery-foreground-copy{max-width:72%}
 .weekly-draw-page .wd-gallery-foreground-copy strong{font-size:clamp(1.3rem,5.8vw,2.45rem)}
 .wd-gallery-foreground-status{max-width:25%;white-space:normal}
}

/* Keep the document heading accessible while the visible copy lives in the foreground layer. */
.weekly-draw-page .wd-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Adaptive exhibition stage foundation: preset display ratios and restrained pointer depth.
   Current baked gallery render remains the image of record until separated stage assets exist. */
.wd-gallery-composite-scene{--stage-x:0px;--stage-y:0px;--stage-tilt-x:0deg;--stage-tilt-y:0deg}
.wd-gallery-depth{position:absolute;inset:0;z-index:0;pointer-events:none}
.weekly-draw-page .wd-gallery-composite-scene>.wd-gallery-master{
 transform:translate3d(var(--stage-x),var(--stage-y),0) scale(1.018);
 transition:transform .28s ease-out;will-change:transform
}
.wd-gallery-composite-scene .wd-gallery-display{transform:translate3d(calc(var(--stage-x)*.65),calc(var(--stage-y)*.65),0);transition:transform .28s ease-out}
.wd-gallery-composite-scene[data-art-ratio="square"] .wd-gallery-frame{aspect-ratio:1/1;width:clamp(190px,35%,390px)}
.wd-gallery-composite-scene[data-art-ratio="landscape"] .wd-gallery-frame{aspect-ratio:4/3;width:clamp(240px,45%,460px)}
.wd-gallery-composite-scene[data-art-ratio="square"] .wd-gallery-frame .wd-gallery-art,
.wd-gallery-composite-scene[data-art-ratio="landscape"] .wd-gallery-frame .wd-gallery-art{aspect-ratio:inherit;object-fit:contain}
@media(prefers-reduced-motion:reduce){
 .weekly-draw-page .wd-gallery-composite-scene>.wd-gallery-master{transform:none;transition:none;will-change:auto}
 .wd-gallery-composite-scene .wd-gallery-display{transform:none;transition:none}
}

/* Refracted water-light caustics: SVG-displaced irregular light, blue side fields only. */
.wd-gallery-caustics{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden;opacity:.31;mix-blend-mode:screen;
 -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 17%,transparent 29%,transparent 71%,#000 83%,#000 100%);
 mask-image:linear-gradient(90deg,#000 0%,#000 17%,transparent 29%,transparent 71%,#000 83%,#000 100%)}
.wd-gallery-caustics::before,.wd-gallery-caustics::after{content:"";position:absolute;inset:-18%;
 background:
 repeating-radial-gradient(ellipse 30% 20% at 22% 31%,transparent 0 23px,rgba(173,236,252,.41) 25px,rgba(197,246,255,.15) 27px,transparent 32px,transparent 54px),
 repeating-radial-gradient(ellipse 35% 26% at 76% 70%,transparent 0 31px,rgba(160,225,249,.38) 33px,rgba(220,249,255,.18) 35px,transparent 39px,transparent 65px);
 filter:url(#wd-water-caustics);transform:scale(1.15);animation:wd-water-drift 19s ease-in-out infinite alternate}
.wd-gallery-caustics::after{opacity:.53;filter:url(#wd-water-caustics) blur(5px);animation-duration:27s;animation-direction:alternate-reverse}
@keyframes wd-water-drift{0%{transform:translate3d(-2%,-1%,0) scale(1.12) rotate(0deg)}50%{transform:translate3d(1.5%,2%,0) scale(1.18) rotate(3deg)}100%{transform:translate3d(3%,-2%,0) scale(1.14) rotate(-2deg)}}
.wd-stage-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.wd-gallery-caustics::before,.wd-gallery-caustics::after{animation:none;filter:blur(6px)}}

/* Weekly raffle v3: independently composited gallery layers. 1448:1086 source grid. */
.weekly-draw-page .wd-gallery-layered{
 --stage-x:0px;--stage-y:0px;
 position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1448 / 1086;height:auto;min-height:0;
 border-radius:20px;background:#092957;
}
.weekly-draw-page .wd-gallery-layered .wd-live-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.weekly-draw-page .wd-gallery-layered .wd-live-layer>img{width:100%;height:100%;max-width:none;display:block;object-fit:fill}
.wd-gallery-layered .wd-live-background{z-index:0}
.wd-gallery-layered .wd-live-architecture{z-index:3;transform:translate3d(calc(var(--stage-x)*.12),calc(var(--stage-y)*.08),0) scale(1.009)}
.wd-gallery-layered .wd-live-pedestal{z-index:4;transform:translate3d(calc(var(--stage-x)*.30),calc(22% + var(--stage-y)*.22),0) scale(.43);transform-origin:center center}
.wd-gallery-layered .wd-live-artwork{z-index:5;transform:translate3d(calc(var(--stage-x)*.50),calc(-13% + var(--stage-y)*.36),0) scale(.60);transform-origin:center center}
.wd-gallery-layered .wd-gallery-foreground{z-index:10}
.wd-gallery-layered .wd-live-caustics{z-index:2;mix-blend-mode:screen;opacity:.43;
 -webkit-mask-image:linear-gradient(to bottom,#000 0 65.5%,transparent 65.5% 100%),linear-gradient(to right,#000 0 17%,transparent 30% 70%,#000 83% 100%);
 mask-image:linear-gradient(to bottom,#000 0 65.5%,transparent 65.5% 100%),linear-gradient(to right,#000 0 17%,transparent 30% 70%,#000 83% 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;
}
.wd-gallery-layered .wd-live-caustics::before,.wd-gallery-layered .wd-live-caustics::after{
 content:"";position:absolute;inset:-15%;
 background:repeating-radial-gradient(ellipse 31% 24% at 20% 32%,transparent 0 22px,rgba(176,229,247,.38) 24px,rgba(201,242,253,.09) 27px,transparent 33px,transparent 58px),
 repeating-radial-gradient(ellipse 34% 25% at 80% 40%,transparent 0 26px,rgba(172,221,241,.30) 28px,rgba(218,244,255,.10) 31px,transparent 37px,transparent 63px);
 filter:blur(2px) url(#wd-water-caustics);
 animation:wd-water-drift 21s ease-in-out infinite alternate;
}
.wd-gallery-layered .wd-live-caustics::after{opacity:.56;animation-duration:29s;animation-direction:alternate-reverse;filter:blur(5px) url(#wd-water-caustics)}
.wd-gallery-layered[data-art-ratio="square"] .wd-live-artwork{transform:translate3d(calc(var(--stage-x)*.5),calc(-12% + var(--stage-y)*.36),0) scale(.50)}
.wd-gallery-layered[data-art-ratio="landscape"] .wd-live-artwork{transform:translate3d(calc(var(--stage-x)*.5),calc(-10% + var(--stage-y)*.36),0) scale(.43)}
@media(prefers-reduced-motion:reduce){
 .wd-gallery-layered .wd-live-architecture,.wd-gallery-layered .wd-live-pedestal,.wd-gallery-layered .wd-live-artwork{transition:none}
 .wd-gallery-layered .wd-live-caustics::before,.wd-gallery-layered .wd-live-caustics::after{animation:none}
}

/* SVG filter is offscreen; subtle easing restores the stage on cursor exit. */
.weekly-draw-page .wd-gallery-layered .wd-stage-filters{position:absolute;width:0;height:0;overflow:hidden}
.weekly-draw-page .wd-gallery-layered :is(.wd-live-architecture,.wd-live-pedestal,.wd-live-artwork){transition:transform .28s ease-out}

/* Weekly artwork swappable slot. Composite mode retains the original exhibition. */
.weekly-draw-page .wd-gallery-layered .wd-artwork-mount{display:none}
.weekly-draw-page .wd-gallery-layered[data-art-mode="replaceable"] .wd-artwork-composite{display:none}
.weekly-draw-page .wd-gallery-layered[data-art-mode="replaceable"] .wd-artwork-mount{
 display:flex;position:absolute;inset:0;align-items:center;justify-content:center;
 padding:0;transform:translateY(-16%);pointer-events:none;
}
.weekly-draw-page .wd-gallery-layered .wd-artwork-frame{
 position:relative;display:flex;align-items:center;justify-content:center;
 width:30%;aspect-ratio:3/4;padding:clamp(4px,.65vw,10px);
 background:linear-gradient(130deg,#d8ae58 0%,#76511e 15%,#e6bc66 27%,#7b5429 78%,#d7a750 100%);
 border:2px solid #5d3917;
 box-shadow:inset 0 0 0 2px rgba(255,226,144,.63),inset 0 0 0 5px #513314,0 10px 25px rgba(21,15,9,.47);
}
.weekly-draw-page .wd-gallery-layered .wd-artwork-swap{width:100%;height:100%;object-fit:contain;background:#0b0b0c;display:block}
.weekly-draw-page .wd-gallery-layered[data-art-ratio="square"] .wd-artwork-frame{width:31%;aspect-ratio:1}
.weekly-draw-page .wd-gallery-layered[data-art-ratio="landscape"] .wd-artwork-frame{width:43%;aspect-ratio:4/3}
.weekly-draw-page .wd-gallery-layered[data-art-mode="replaceable"] .wd-live-artwork,
.weekly-draw-page .wd-gallery-layered[data-art-mode="replaceable"][data-art-ratio="square"] .wd-live-artwork,
.weekly-draw-page .wd-gallery-layered[data-art-mode="replaceable"][data-art-ratio="landscape"] .wd-live-artwork{
 transform:translate3d(calc(var(--stage-x)*.50),calc(var(--stage-y)*.36),0);
}
@media(max-width:670px){
 .weekly-draw-page .wd-gallery-layered .wd-artwork-frame{width:40%}
 .weekly-draw-page .wd-gallery-layered[data-art-ratio="square"] .wd-artwork-frame{width:41%}
 .weekly-draw-page .wd-gallery-layered[data-art-ratio="landscape"] .wd-artwork-frame{width:52%}
}

/* Mobile gallery editorial flow: keep the complete 1448:1086 stage visible,
   and put original caption copy below the exhibition rather than over the artwork. */
@media (max-width:670px){
  .weekly-draw-page .wd-gallery-layered{
    aspect-ratio:auto;
    height:auto;
    overflow:visible;
    border-radius:0;
    background:transparent;
    perspective:none;
  }
  .weekly-draw-page .wd-gallery-layered .wd-live-layer,
  .weekly-draw-page .wd-gallery-layered .wd-live-caustics{
    position:absolute;
    inset:0;
  }
  .weekly-draw-page .wd-gallery-layered::before{
    content:"";
    display:block;
    aspect-ratio:1448 / 1086;
    border-radius:15px;
    background:#092957;
  }
  .weekly-draw-page .wd-gallery-layered .wd-live-layer{
    bottom:auto;
    height:auto;
    aspect-ratio:1448 / 1086;
    border-radius:15px;
  }
  .weekly-draw-page .wd-gallery-layered .wd-gallery-foreground{
    position:relative;
    inset:auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.75rem;
    padding:1.25rem .25rem .1rem;
    background:none;
    color:var(--wd-ink);
    pointer-events:auto;
  }
  .weekly-draw-page .wd-gallery-layered .wd-gallery-foreground-copy{
    display:grid;
    gap:.3rem;
    max-width:100%;
  }
  .weekly-draw-page .wd-gallery-layered .wd-gallery-foreground-copy small{
    position:static;
  }
  .weekly-draw-page .wd-gallery-layered .wd-gallery-foreground-copy strong{
    text-shadow:none;
    font-size:clamp(1.85rem,8.2vw,2.7rem);
  }
  .weekly-draw-page .wd-gallery-layered .wd-gallery-foreground-status{
    max-width:none;
    text-align:left;
  }
  .weekly-draw-page .wd-work-foot{margin-top:1.15rem}
  /* A tiny accent on the section edge, never recolouring existing text. */
  .weekly-draw-page .wd-prize{
    position:relative;
  }
  .weekly-draw-page .wd-prize::after{
    content:"✧";
    position:absolute;
    right:.2rem;
    bottom:1.1rem;
    font:400 1.3rem/1 Georgia,serif;
    color:#db4ac1;
    opacity:.52;
    pointer-events:none;
  }
}

/* Quiet kinetic exhibition: fractional, independently layered camera drift.
   Motion is confined to the artwork stage; the editorial caption never moves. */
@media (prefers-reduced-motion:no-preference){
 .weekly-draw-page .wd-gallery-layered{
   --wd-breathe-x:0px;
   --wd-breathe-y:0px;
 }
 .weekly-draw-page .wd-gallery-layered .wd-live-background{
   animation:wd-gallery-room-breathe 24s ease-in-out infinite alternate;
 }
 .weekly-draw-page .wd-gallery-layered .wd-live-architecture{
   animation:wd-gallery-stone-breathe 29s ease-in-out infinite alternate;
 }
 .weekly-draw-page .wd-gallery-layered .wd-live-pedestal{
   animation:wd-gallery-plinth-breathe 26s ease-in-out infinite alternate;
 }
 .weekly-draw-page .wd-gallery-layered .wd-live-artwork{
   animation:wd-gallery-art-breathe 23s ease-in-out infinite alternate;
 }
 .weekly-draw-page .wd-gallery-layered[data-art-ratio="square"] .wd-live-artwork,
 .weekly-draw-page .wd-gallery-layered[data-art-ratio="landscape"] .wd-live-artwork,
 .weekly-draw-page .wd-gallery-layered[data-art-mode="replaceable"] .wd-live-artwork{
   animation:none;
 }
 @keyframes wd-gallery-room-breathe{
   from{transform:translate3d(-.25%,-.15%,0) scale(1.008)}
   to{transform:translate3d(.25%,.15%,0) scale(1.008)}
 }
 @keyframes wd-gallery-stone-breathe{
   from{transform:translate3d(calc(var(--stage-x)*.12 - 1px),calc(var(--stage-y)*.08 - 1px),0) scale(1.012)}
   to{transform:translate3d(calc(var(--stage-x)*.12 + 1px),calc(var(--stage-y)*.08 + 1px),0) scale(1.012)}
 }
 @keyframes wd-gallery-plinth-breathe{
   from{transform:translate3d(calc(var(--stage-x)*.30 - 2px),calc(22% + var(--stage-y)*.22 + 1px),0) scale(.43)}
   to{transform:translate3d(calc(var(--stage-x)*.30 + 2px),calc(22% + var(--stage-y)*.22 - 1px),0) scale(.43)}
 }
 @keyframes wd-gallery-art-breathe{
   from{transform:translate3d(calc(var(--stage-x)*.50 - 3px),calc(-13% + var(--stage-y)*.36 + 1px),0) scale(.60)}
   to{transform:translate3d(calc(var(--stage-x)*.50 + 3px),calc(-13% + var(--stage-y)*.36 - 2px),0) scale(.60)}
 }
}
@media (prefers-reduced-motion:reduce){
 .weekly-draw-page .wd-gallery-layered .wd-live-layer,
 .weekly-draw-page .wd-gallery-layered .wd-live-caustics::before,
 .weekly-draw-page .wd-gallery-layered .wd-live-caustics::after{
   animation:none!important;
   transition:none!important;
 }
}

/* The shared page-layer rule must not cancel the sticky navigation. */
body.weekly-draw-page .wd-site-header{
 position:sticky;
 position:-webkit-sticky;
 top:0;
 z-index:90;
 isolation:isolate;
}
/* Gold phrase remains a single editorial line, with a discreet word dissolve. */
.weekly-draw-page .wd-rotating-word{
 display:inline-block;
 opacity:1;
 transform:translateY(0);
 transition:opacity .42s ease,transform .42s ease;
}
.weekly-draw-page .wd-rotating-word.is-switching{
 opacity:0;
 transform:translateY(.13em);
}
@media(prefers-reduced-motion:reduce){
 .weekly-draw-page .wd-rotating-word{transition:none}
}

/* Keep the changing gold phrase on exactly one line, even on narrow iPhones. */
.weekly-draw-page .wd-intro h1>em{
 display:inline-block;
 white-space:nowrap;
 max-width:100%;
}
.weekly-draw-page .wd-rotating-word{
 display:inline-block;
 white-space:nowrap;
 transition:none;
 transform:none;
 opacity:1;
}
.weekly-draw-page .wd-rotating-word.is-switching{transform:none;opacity:1}
.weekly-draw-page .wd-rotating-letter{
 display:inline-block;
 white-space:pre;
 will-change:opacity,transform,filter;
 animation:wd-letter-reveal .5s cubic-bezier(.2,.75,.25,1) both;
 animation-delay:calc(var(--letter-index)*42ms);
}
@keyframes wd-letter-reveal{
 from{opacity:0;transform:translate3d(0,.2em,0) rotateX(-35deg);filter:blur(3px)}
 to{opacity:1;transform:translate3d(0,0,0) rotateX(0);filter:blur(0)}
}
@media(max-width:670px){
 .weekly-draw-page .wd-intro h1>em{
   font-size:.77em;
   letter-spacing:-.075em;
 }
}
@media(prefers-reduced-motion:reduce){
 .weekly-draw-page .wd-rotating-letter{animation:none;will-change:auto}
}

/* Fixed story-sized slot: preserve the original three-line editorial proportions. */
.weekly-draw-page .wd-intro h1>em{font-size:inherit!important;letter-spacing:inherit!important;white-space:nowrap;display:inline-block;max-width:none}
.weekly-draw-page .wd-rotating-word{position:relative;display:inline-block;width:var(--wd-word-width,2.35em);height:1em;vertical-align:baseline;white-space:nowrap;transform:none;opacity:1}
.weekly-draw-page .wd-rotating-inner{position:absolute;left:0;bottom:0;display:inline-block;white-space:nowrap;transform-origin:left bottom;transform:scaleX(var(--wd-word-scale,1))}

/* Rapid 200ms word changes: complete each letter reveal before the next switch. */
.weekly-draw-page .wd-rotating-letter{animation-duration:.13s;animation-delay:calc(var(--letter-index)*8ms)}

/* Kinetic wordmark: measured space after One, without an extra headline line. */
.weekly-draw-page .wd-intro h1>em{white-space:nowrap}
.weekly-draw-page .wd-rotating-word{
 margin-left:.095em;
}
.weekly-draw-page .wd-rotating-letter{
 animation-name:wd-letter-reveal;
 animation-duration:.18s;
 animation-delay:calc(var(--letter-index)*10ms);
 animation-timing-function:cubic-bezier(.22,.8,.24,1);
}
@media(prefers-reduced-motion:reduce){
 .weekly-draw-page .wd-rotating-letter{animation:none}
}

/* Unequal, restrained letter motion; the measured word slot never changes width. */
.weekly-draw-page .wd-rotating-letter{
 animation:wd-letter-rise .52s cubic-bezier(.18,.8,.26,1) both;
 animation-delay:calc(var(--letter-index)*35ms);
}
.weekly-draw-page .wd-rotating-letter[data-motion="soft"]{
 animation-name:wd-letter-soft;
 animation-duration:.64s;
 animation-delay:calc(var(--letter-index)*23ms);
}
.weekly-draw-page .wd-rotating-letter[data-motion="slide"]{
 animation-name:wd-letter-slide;
 animation-duration:.46s;
 animation-delay:calc(var(--letter-index)*42ms);
}
@keyframes wd-letter-rise{
 from{opacity:0;transform:translate3d(0,.14em,0);filter:blur(2px)}
 to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes wd-letter-soft{
 from{opacity:0;transform:translate3d(0,0,0);filter:blur(3px)}
 to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes wd-letter-slide{
 from{opacity:0;transform:translate3d(.09em,0,0);filter:blur(1px)}
 to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@media(prefers-reduced-motion:reduce){
 .weekly-draw-page .wd-rotating-letter{animation:none!important}
}

/* Final typography: original upright font, natural glyph widths, no compression. */
.weekly-draw-page .wd-rotating-inner{
 transform:none!important;
 letter-spacing:inherit;
 font:inherit;
}
.weekly-draw-page .wd-rotating-letter,
.weekly-draw-page .wd-rotating-letter[data-motion="soft"],
.weekly-draw-page .wd-rotating-letter[data-motion="slide"]{
 animation:wd-letter-natural .42s cubic-bezier(.22,.72,.3,1) both;
 animation-delay:calc(var(--letter-index)*24ms);
 font:inherit;
}
@keyframes wd-letter-natural{
 from{opacity:0;transform:translateY(.075em)}
 to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
 .weekly-draw-page .wd-rotating-letter{animation:none!important}
}

/* The featured artwork display is view-only: no hover, cursor, drag, selection
   or touch response. Its own ambient animation keeps running. */
.weekly-draw-page .wd-prize-figure{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.weekly-draw-page .wd-prize-figure img{-webkit-user-drag:none}

/* Realistic water light: when the WebGL caustics are running, they replace
   the CSS ring pattern. Same layer, same wall mask, screen-blended. */
.weekly-draw-page .wd-gallery-layered .wd-live-caustics.has-gl::before,
.weekly-draw-page .wd-gallery-layered .wd-live-caustics.has-gl::after{display:none}
.weekly-draw-page .wd-gallery-layered .wd-live-caustics.has-gl{opacity:.5;
 /* light reaches down the blue wall to the floor line (~69%), easing off at the base like real water light */
 -webkit-mask-image:linear-gradient(to bottom,#000 0 65%,rgba(0,0,0,.8) 68%,rgba(0,0,0,.55) 69.5%,transparent 71%),linear-gradient(to right,#000 0 17%,transparent 30% 70%,#000 83% 100%);
 mask-image:linear-gradient(to bottom,#000 0 65%,rgba(0,0,0,.8) 68%,rgba(0,0,0,.55) 69.5%,transparent 71%),linear-gradient(to right,#000 0 17%,transparent 30% 70%,#000 83% 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect}
html:not([data-theme="dark"]) .weekly-draw-page .wd-gallery-layered .wd-live-caustics.has-gl{opacity:.58}
.weekly-draw-page .wd-gallery-layered .wd-caustics-gl{position:absolute;inset:0;width:100%;height:100%;display:block;filter:blur(.8px)}

/* Featured-work caption: the artist line sits under the title in normal flow
   at every size, so it can never overlap the headline. */
.weekly-draw-page .wd-gallery-layered .wd-gallery-foreground-copy small{position:static;margin-top:.45rem}

/* Even line rhythm in the hero headline: the switching-word box must not be
   taller than the headline's own line height, or it pushes the gold line down
   and opens a bigger gap above it than below. */
.weekly-draw-page .wd-intro h1>em{vertical-align:baseline;line-height:inherit}
.weekly-draw-page .wd-rotating-word{height:.7em}
/* The word slot eases to each word's own width so the full stop follows it. */
.weekly-draw-page .wd-rotating-word{transition:width .45s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){.weekly-draw-page .wd-rotating-word{transition:none}}

/* Desktop hero: the intro copy sits a little narrower and starts level with
   "One draw.", below the gold line, so a long gold word and its full stop can
   never run into it. 1.76 = the top of the headline's third line (2 × .83 line
   height) plus a small gap, in units of the headline size. Phones unchanged. */
@media(min-width:921px){
 .weekly-draw-page .wd-intro h1{align-self:start}
 .weekly-draw-page .wd-intro-aside{align-self:start;margin-top:calc(1.76*clamp(4.5rem,10.7vw,10.75rem))}
 .weekly-draw-page .wd-intro-aside p{max-width:32ch}
}

/* Quiet Garamond (2026-10-15): the small print here was drawn for a sans with a taller
   x-height. font-size-adjust keeps EB Garamond as legible at the same sizes. */
.weekly-draw-page .wd-brand small,
.weekly-draw-page .wd-nav a,
.weekly-draw-page .wd-shop-link,
.weekly-draw-page .wd-intro-aside a,
.weekly-draw-page .wd-prize-figure figcaption,
.weekly-draw-page .wd-work-foot p,
.weekly-draw-page .wd-work-foot a,
.weekly-draw-page .wd-entry-explainer,
.weekly-draw-page .wd-entry-toolbar small,
.weekly-draw-page .wd-quantity-value,
.weekly-draw-page .wd-quantity-scale,
.weekly-draw-page .wd-entry-total span,
.weekly-draw-page .wd-entry-total small,
.weekly-draw-page .wd-method-label,
.weekly-draw-page .wd-method p,
.weekly-draw-page .wd-method button,
.weekly-draw-page .wd-odds-desc,
.weekly-draw-page .wd-odds-facts dt,.weekly-draw-page .wd-odds-facts dd,
.weekly-draw-page .wd-odds-warning,
.weekly-draw-page .wd-steps article>span,
.weekly-draw-page .wd-steps p,
.weekly-draw-page .wd-empty-state p,
.weekly-draw-page .wd-empty-state a,
.weekly-draw-page .wd-clarity-grid summary,
.weekly-draw-page .wd-clarity-grid details p,
.weekly-draw-page .wd-notice,
.weekly-draw-page .wd-return a,
.weekly-draw-page .wd-footer span,.weekly-draw-page .wd-footer a,
.weekly-draw-page .wd-entry-offer p:last-child,
.weekly-draw-page .wd-capacity-meta strong,.weekly-draw-page .wd-capacity-meta span,
.weekly-draw-page .wd-route-summary article>span,
.weekly-draw-page .wd-route-summary strong,
.weekly-draw-page .wd-route-summary p,
.weekly-draw-page .wd-entry-tabs button,
.weekly-draw-page .wd-entry-prize strong,
.weekly-draw-page .wd-ticket-control>label,.weekly-draw-page .wd-quick-select>span,
.weekly-draw-page .wd-quick-select button,
.weekly-draw-page .wd-modal-total span,
.weekly-draw-page .wd-entry-gate-note,
.weekly-draw-page .wd-free-route>p:not(.wd-eyebrow),
.weekly-draw-page .wd-free-route dt,.weekly-draw-page .wd-free-route dd{font-size-adjust:.46}

/* the hero eyebrow is wider in EB Garamond capitals; keep it on one line */
.weekly-draw-page .wd-intro .wd-eyebrow{max-width:none}