/* WiccanLore Hero v0.2 — desktop and mobile artwork come from separate supplied PSDs.
   Scoped selectors protect Divi and WooCommerce. No animation frameworks. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #05070b; color:#f7ebd7; font-family: Arial, Helvetica, sans-serif; }
.wl-sr { 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; }
.wl-skip { position:absolute; top:-80px; left:16px; z-index:60; background:#fff; color:#111; padding:10px; }
.wl-skip:focus { top:12px; }
.wl-hero { position:relative; width:100%; isolation:isolate; background:#04080e; z-index:1; }
.wl-stage { position:relative; width:100%; overflow:hidden; pointer-events:none; }
.wl-stage-desktop { aspect-ratio:1672 / 497; display:block; background-image:url("assets/wiccanlore-8c2f80b8c19a67.webp");background-position:center;background-size:100% 100%; }
.wl-stage-mobile { aspect-ratio:334 / 150; display:none; background-image:url("assets/wiccanlore-b47cc083ee7abf.webp");background-position:center;background-size:cover; }
.wl-asset { display:block; position:absolute; left:var(--left); top:var(--top); width:var(--width); height:var(--height); max-width:none!important; margin:0!important; padding:0!important; object-fit:fill; pointer-events:none; user-select:none; }
.wl-stage .wl-sky{z-index:1; transform-origin:50% 44%;will-change:transform;backface-visibility:hidden;}
.wl-stage .wl-shade{z-index:2;}
.wl-stage .wl-person{z-index:3; transform-origin:53% 95%;will-change:transform;backface-visibility:hidden;}
.wl-stage .wl-vines{z-index:4;will-change:transform;}
.wl-stage .wl-arch{z-index:5;}
.wl-stage .wl-candles{z-index:6; animation:wl-glow 3.7s ease-in-out infinite alternate;}
.wl-stage .wl-heading-art{z-index:7;}
.wl-bird { position:absolute;left:var(--left);top:var(--top);width:var(--width);height:var(--height);z-index:8; }
.wl-bird-pose{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;opacity:0;}
.wl-bird-pose.is-active{opacity:1;}
.wl-stage .wl-divider{z-index:9;}
@keyframes wl-glow {from{filter:brightness(.97)} to{filter:brightness(1.09)}}
.wl-nav {position:absolute;left:0;top:0;width:100%;height:16.0966%;z-index:12;display:block;border-bottom:1px solid #906c42;background:rgba(0,0,0,.63);}
.wl-nav a{color:#fff;text-decoration:none;}
.wl-nav a:focus-visible,.wl-nav button:focus-visible,.wl-menu-drawer a:focus-visible { outline:2px solid #e3bc86;outline-offset:3px; }
.wl-mark{position:absolute;left:10.884%;top:22.5%;width:3.11%;height:50%;display:grid;place-items:center;}
.wl-mark img{display:block;width:100%;height:100%;object-fit:contain;}
.wl-menu{position:absolute;left:15.131%;top:28%;display:flex;align-items:center;gap:clamp(5px,0.52vw,12px);font-size:clamp(10px,1.15vw,20px);white-space:nowrap;line-height:1.3;}
.wl-menu span{opacity:.72;}
.wl-menu a:hover{text-decoration:underline;text-decoration-color:#dcb476;text-underline-offset:5px;}
.wl-search{position:absolute;left:38.696%;top:25%;height:41%;width:11.064%;min-width:84px;display:flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.82);border-radius:99px;padding:0 7px;}
.wl-search button{border:0;background:none;color:white;cursor:pointer;width:24px;height:100%;display:grid;place-items:center;padding:0;}
.wl-search button svg{width:16px;height:16px;stroke:white;stroke-width:2;fill:none;}
.wl-search input{width:100%;min-width:0;background:none;border:0;color:white;outline:none;font-size:clamp(10px,.9vw,14px);padding:0;}
.wl-search input::placeholder{color:transparent;}
.wl-search:focus-within input::placeholder{color:#b8b8b8;}
.wl-cart{position:absolute;left:87.2%;top:26%;height:50%;width:2.2%;min-width:18px;display:grid;place-items:center;}
.wl-cart img{width:100%;height:100%;object-fit:contain;}
.wl-hamburger{display:none;position:absolute;right:11%;top:16%;width:32px;height:32px;padding:7px;gap:4px;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.43);border:1px solid rgba(255,255,255,.28);border-radius:5px;cursor:pointer;}
.wl-hamburger span{display:block;width:15px;height:1.5px;background:#f0e2c9;}
.wl-menu-drawer{position:absolute;z-index:20;right:5%;top:14%;width:min(270px,90%);padding:20px 18px 22px;background:rgba(8,11,14,.97);border:1px solid #b59669;box-shadow:0 12px 35px rgba(0,0,0,.5);color:#f4e9d6;font-size:14px;}
.wl-menu-drawer[hidden]{display:none!important;}
.wl-menu-drawer nav{display:flex;flex-direction:column;gap:15px;}
.wl-menu-drawer a{color:#f4e9d6;text-decoration:none;}
.wl-menu-drawer a:hover{text-decoration:underline;}
.wl-menu-drawer form{margin-top:18px;border-top:1px solid #695138;padding-top:14px;}
.wl-menu-drawer form label{font-size:12px;color:#d2b188;}
.wl-menu-drawer form>div{display:flex;gap:5px;margin-top:7px;}
.wl-menu-drawer form input{min-width:0;width:100%;background:#1a1d1e;border:1px solid #8f7b60;color:#fff;padding:7px;}
.wl-menu-drawer form button{background:#d1ac7d;border:0;padding:7px;cursor:pointer;color:#211910;}
.wl-next-reference{line-height:0;overflow:hidden;background:#05080c;}
.wl-next-reference picture,.wl-next-reference img{display:block;width:100%;height:auto;}
.wl-demo-note {max-width:760px;margin:auto;padding:54px 24px 100px;color:#d7c3a4;line-height:1.7;}
.wl-demo-note h2{font:normal 28px Georgia,serif;color:#f2d5a7;}
.wl-demo-note a{color:#f2d5a7;}
@media (max-width:960px) and (min-width:681px){
 .wl-menu,.wl-search{display:none;}
 .wl-hamburger{display:flex;right:16%;top:19%;}
 .wl-cart{left:auto;right:10.5%;width:3%;}
 .wl-menu-drawer{top:15%;}
}
@media (max-width:680px){
 .wl-stage-desktop{display:none;}.wl-stage-mobile{display:block;}
 .wl-nav{height:0;background:none;border:0;}
 .wl-mark,.wl-menu,.wl-search{display:none;}
 .wl-cart{right:1%;left:auto;top:4px;width:23px;height:23px;min-width:0;opacity:.9;filter:drop-shadow(0 1px 3px #000);}
 .wl-hamburger{display:flex;left:1.2%;right:auto;top:3px;width:23px;height:23px;padding:3px;gap:3px;border-color:rgba(255,255,255,.15);background:rgba(0,0,0,.25);}
 .wl-hamburger span{width:12px;height:1px;}
 .wl-menu-drawer{top:31px;right:6px;width:min(270px,calc(100% - 12px));}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .wl-stage *{animation:none!important;transition:none!important;}}
/* Keep the scroll preview long enough to exercise the raven on small laptop screens. */
.wl-demo-note { min-height:100vh; }

/* v0.3: iPad menu must be visible (instead of the previous 681–960px hamburger).
   Keep one navigation DOM, with desktop semantics and compact tablet spacing. */
@media (min-width:681px) and (max-width:1100px) {
 .wl-nav{display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);padding:0 clamp(12px,3.5vw,34px);height:16.0966%;}
 .wl-mark{position:static;flex:none;width:clamp(22px,3vw,35px);height:70%;}
 .wl-menu{display:flex;position:static;flex:none;margin:0;gap:clamp(4px,.75vw,9px);font-size:clamp(11px,1.25vw,14px);}
 .wl-search{display:flex;position:static;flex:none;width:clamp(85px,13vw,142px);height:52%;min-width:0;margin-left:clamp(4px,1vw,12px);padding-inline:5px;}
 .wl-search input{font-size:11px;}
 .wl-cart{position:static;flex:none;margin-left:auto;width:clamp(19px,2.4vw,26px);height:55%;min-width:0;}
 .wl-hamburger{display:none;}
 .wl-menu-drawer{display:none!important;}
}
/* Section 2: Magic to Wear. 4 connected arches on wide desktop; independent arches only below desktop grid threshold. */
.wl-wear{background:#030407;position:relative;z-index:2;isolation:isolate;overflow:hidden;}
.wl-wear-wide{display:block;position:relative;width:100%;aspect-ratio:1672 / 690;overflow:hidden;background:#030407;}
.wl-wear-water{position:absolute;inset:0 0 auto 0;height:64.35%;background-image:url('assets/wiccanlore-7848e215bd562c.webp');background-size:100% 100%;background-repeat:no-repeat;opacity:1;}
.wl-wear-spot{position:absolute;left:var(--wx);top:var(--wy);width:var(--ww);height:var(--wh);z-index:2;}
.wl-wear-visual{position:absolute;inset:0;width:100%;height:100%;display:block;background:transparent;border:0;padding:0;margin:0;cursor:pointer;overflow:hidden;}
.wl-wear-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;transition:opacity .23s ease,filter .23s ease;}
.wl-wear-visual img.wl-wear-main{opacity:1;}
.wl-wear-visual img.wl-wear-alt{opacity:0;}
.wl-wear-visual:hover img.wl-wear-main,.wl-wear-visual:focus-visible img.wl-wear-main,.wl-wear-visual.is-preview img.wl-wear-main{opacity:0;}
.wl-wear-visual:hover img.wl-wear-alt,.wl-wear-visual:focus-visible img.wl-wear-alt,.wl-wear-visual.is-preview img.wl-wear-alt{opacity:1;}
.wl-wear-visual:focus-visible{outline:3px solid #e8c69b;outline-offset:-3px;}
.wl-wear-wide-frame{position:absolute;z-index:3;left:0;top:4.927536%;width:99.760766%;height:103.188406%;pointer-events:none;}
.wl-wear-wide-sign{position:absolute;z-index:4;left:32.236842%;top:-.434783%;width:35.167464%;height:25.507246%;pointer-events:none;}
.wl-wear-desktop-link{position:absolute;left:1%;bottom:-18.2%;width:98%;height:14%;z-index:5;display:block;cursor:pointer;}
.wl-wear-desktop-link:focus-visible{outline:3px solid #ffdaab;outline-offset:0;}
.wl-wear-desktop-link:hover{filter:brightness(1.07);}
.wl-wear-narrow{display:none;}
/* The iPad/laptop state: the source PSD mobile frame is a complete arch, so it supports clean 2x2 panels. */
@media (max-width:1100px) {
 .wl-wear-wide{display:none;}
 .wl-wear-narrow{position:relative;display:block;padding:0 max(8px,1.5%);}
 .wl-wear-narrow-sign{position:relative;z-index:4;display:block;width:min(390px,78%);height:auto;margin:0 auto -3.4%;pointer-events:none;}
 .wl-wear-narrow-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.3vw,26px);max-width:1020px;margin:0 auto;padding:0 0 clamp(10px,2.8vw,28px);}
 .wl-wear-mobile-card{position:relative;aspect-ratio:334 / 373;min-width:0;}
 .wl-wear-mobile-card .wl-wear-visual{top:5.36193%;left:14.67066%;width:74.25150%;height:83.10992%;right:auto;bottom:auto;}
 .wl-wear-mobile-frame{position:absolute;top:0;left:4.79042%;height:100%;width:90.71856%;display:block;pointer-events:none;}
 .wl-wear-mobile-caption{position:absolute;z-index:3;top:85.8%;left:14.5%;width:62%;height:11.6%;color:#213846;text-align:left;pointer-events:none;display:flex;flex-direction:column;justify-content:center;}
 .wl-wear-mobile-caption h3{font-family:Georgia,serif;font-weight:600;line-height:1.12;font-size:clamp(10px,1.55vw,18px);letter-spacing:.03em;margin:0 0 .1em;color:#1f3440;}
 .wl-wear-mobile-caption p{font-family:Georgia,serif;font-weight:400;font-size:clamp(8px,1.14vw,13px);line-height:1.15;margin:0;color:#263f48;}
 .wl-wear-mobile-link{position:absolute;z-index:4;right:11%;top:84.5%;width:12%;height:13%;display:block;border-radius:100%;}
 .wl-wear-mobile-link:focus-visible,.wl-wear-mobile-link:hover{outline:2px solid #755026;outline-offset:1px;}
}
@media (max-width:680px) {
 .wl-wear-narrow{padding:0;background:#000;}
 .wl-wear-narrow-sign{position:absolute;top:0;left:2.994012%;width:92.514970%;margin:0;height:auto;z-index:5;}
 .wl-wear-narrow-grid{display:flex;flex-direction:column;gap:clamp(9px,3vw,16px);padding-top:16.766467%;padding-bottom:clamp(10px,4vw,24px);}
 .wl-wear-mobile-card{width:100%;aspect-ratio:334 / 373;flex:none;}
 .wl-wear-mobile-caption h3{font-size:clamp(10px,3.3vw,17px);}
 .wl-wear-mobile-caption p{font-size:clamp(7px,2.52vw,13px);}
}
/* Scroll transitions affect sign and internal pictures, never the frame geometry. */
@media(prefers-reduced-motion:no-preference){
 .wl-wear-wide-sign,.wl-wear-narrow-sign{transition:opacity .75s ease,transform .8s cubic-bezier(.15,.7,.2,1);}
 .wl-wear:not(.is-seen) .wl-wear-wide-sign{opacity:.82;transform:translateY(18px);}
 .wl-wear:not(.is-seen) .wl-wear-narrow-sign{opacity:.82;transform:translateY(14px);}
 .wl-wear-mobile-card{transition:opacity .45s ease, transform .6s cubic-bezier(.15,.7,.2,1);}
 .wl-wear-mobile-card:not(.is-seen){opacity:.68;transform:translateY(18px);}
}
/* Very light image reveal on wide layouts: product planes ease into their stationary arches.
   The frame and sign never shear, rotate or independently scale. */
@media (min-width:1101px) and (prefers-reduced-motion:no-preference){
 .wl-wear-wide .wl-wear-visual img{transition:opacity .23s ease,filter .7s ease,transform .7s cubic-bezier(.18,.67,.3,1);}
 .wl-wear:not(.is-seen) .wl-wear-wide .wl-wear-visual img{filter:brightness(.88);transform:translateY(8px);}
 .wl-wear-wide .wl-wear-spot:nth-of-type(3) img{transition-delay:.07s;}
 .wl-wear-wide .wl-wear-spot:nth-of-type(4) img{transition-delay:.13s;}
 .wl-wear-wide .wl-wear-spot:nth-of-type(5) img{transition-delay:.19s;}
}

/* v0.4: real HTML sign headings; visual artwork has its center lettering removed. */
.wl-sign{display:block; pointer-events:none;}
.wl-sign img{display:block;width:100%;height:100%;object-fit:fill;}
.wl-sign h2{position:absolute;left:0;right:0;top:49%;margin:0;transform:translateY(-50%);text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:-.025em;color:#162127;text-shadow:0 1px #fff8ed;line-height:1;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(15px,2.3vw,40px);font-weight:600;}
.wl-wear-wide-sign h2{font-size:clamp(19px,2.4vw,39px);}
.wl-wear-narrow-sign h2{font-size:clamp(20px,3.45vw,38px);}
@media(max-width:680px){.wl-wear-narrow-sign h2{font-size:clamp(16px,6vw,28px);}}
.wl-place{position:relative;z-index:3;background:#030407;isolation:isolate;}
.wl-place-wide{position:relative;display:block;width:100%;aspect-ratio:1672 / 762;background:#030407;overflow:visible;}
.wl-place-spot{position:absolute;z-index:2;left:var(--px);top:18.2415%;width:23.50478%;height:64.4357%;}
.wl-place-visual{position:absolute;display:block;inset:0;width:100%;height:100%;cursor:pointer;margin:0;padding:0;border:0;background:none;overflow:hidden;}
.wl-place-visual img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .25s ease,filter .5s ease,transform .5s ease;}
.wl-place-visual img.wl-place-main{opacity:1;}
.wl-place-visual:hover img.wl-place-main,.wl-place-visual:focus-visible img.wl-place-main,.wl-place-visual.is-preview img.wl-place-main{opacity:0;}
.wl-place-visual:hover img.wl-place-alt,.wl-place-visual:focus-visible img.wl-place-alt,.wl-place-visual.is-preview img.wl-place-alt{opacity:1;}
.wl-place-visual:focus-visible{outline:3px solid #efcb8d;outline-offset:-4px;}
.wl-place-wide-frame{position:absolute;pointer-events:none;z-index:3;left:0;top:6.56168%;width:99.76077%;height:93.43832%;object-fit:fill;}
.wl-place-wide-sign{position:absolute;z-index:5;left:27.27273%;width:45.21531%;height:29.39633%;top:-5.38058%;}
.wl-place-wide-sign h2{font-size:clamp(22px,2.42vw,45px);top:49%;}
.wl-place-desktop-link{position:absolute;z-index:6;left:3%;bottom:-15%;width:94%;height:13%;}
.wl-place-desktop-link:focus-visible{outline:2px solid #e4c08e;}
.wl-place-narrow{display:none;}
@media(max-width:1100px){
 .wl-place-wide{display:none;}
 .wl-place-narrow{display:block;position:relative;padding:clamp(38px,7vw,80px) max(8px,1.5%) clamp(12px,3vw,28px);}
 .wl-place-narrow-sign{position:absolute;z-index:6;top:0;left:50%;transform:translateX(-50%);width:min(450px,57%);height:auto;aspect-ratio:756/224;}
 .wl-place-narrow-sign h2{font-size:clamp(16px,2.5vw,30px);}
 .wl-place-narrow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1020px;gap:clamp(12px,2.3vw,26px);margin:0 auto;}
 .wl-place-mobile-card{position:relative;aspect-ratio:334/373;min-width:0;}
 .wl-place-mobile-card .wl-place-visual{top:5.36193%;left:14.67066%;width:74.25150%;height:83.10992%;right:auto;bottom:auto;}
 .wl-place-mobile-frame{position:absolute;left:4.79042%;top:0;height:100%;width:90.71856%;pointer-events:none;}
 .wl-place-caption{position:absolute;top:85.8%;left:14.5%;width:62%;height:11.6%;z-index:3;display:flex;flex-direction:column;justify-content:center;pointer-events:none;}
 .wl-place-caption h3{font-family:Georgia,serif;color:#203847;font-size:clamp(10px,1.55vw,18px);line-height:1.1;letter-spacing:.035em;margin:0 0 .1em;font-weight:600;}
 .wl-place-caption p{font-family:Georgia,serif;color:#263f48;font-size:clamp(8px,1.14vw,13px);line-height:1.16;margin:0;}
 .wl-place-mobile-link{position:absolute;z-index:5;right:11%;top:84.5%;width:12%;height:13%;border-radius:100%;}
 .wl-place-mobile-link:focus-visible,.wl-place-mobile-link:hover{outline:2px solid #755026;outline-offset:1px;}
}
@media(max-width:680px){
 .wl-place-narrow{padding:16.766467% 0 clamp(12px,4vw,22px);}
 .wl-place-narrow-sign{left:50%;width:94%;}
 .wl-place-narrow-sign h2{font-size:clamp(15px,4.9vw,24px);}
 .wl-place-narrow-grid{display:flex;flex-direction:column;gap:clamp(9px,3vw,16px);}
 .wl-place-mobile-card{width:100%;aspect-ratio:334 / 373;flex:none;}
 .wl-place-caption h3{font-size:clamp(10px,3.3vw,17px);}
 .wl-place-caption p{font-size:clamp(7px,2.52vw,13px);}
}
@media(prefers-reduced-motion:no-preference){
 .wl-place-wide-sign,.wl-place-narrow-sign{transition:opacity .7s ease,transform .7s cubic-bezier(.15,.7,.2,1);}
 .wl-place:not(.is-seen) .wl-place-wide-sign{opacity:.78;transform:translateY(14px);}
 .wl-place:not(.is-seen) .wl-place-narrow-sign{opacity:.78;transform:translate(-50%,14px);}
 .wl-place-mobile-card{transition:opacity .5s ease,transform .65s cubic-bezier(.15,.7,.2,1);}
 .wl-place-mobile-card:not(.is-seen){opacity:.7;transform:translateY(18px);}
 .wl-place:not(.is-seen) .wl-place-wide .wl-place-visual img{filter:brightness(.89);transform:translateY(9px);}
}

@media(min-width:681px) and (max-width:1100px){
 .wl-wear-narrow,.wl-place-narrow{background:radial-gradient(ellipse at 50% 6%,#15100d 0%,#050506 50%,#030407 100%);}
 .wl-wear-mobile-caption h3,.wl-place-caption h3{font-size:clamp(13px,1.72vw,19px);}
 .wl-wear-mobile-caption p,.wl-place-caption p{font-size:clamp(10px,1.23vw,13px);}
}

/* Remove temporary PSD labels without disturbing the frame; rendered category names are crawlable HTML. */
.wl-wear-caption-wide,.wl-place-caption-wide{position:absolute;z-index:5;left:var(--label-x);width:18.1%;height:8%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;}
.wl-wear-caption-wide{top:86.4%;}.wl-place-caption-wide{top:79.8%;}
.wl-wear-caption-wide h3,.wl-place-caption-wide h3{font:600 clamp(9px,1.02vw,18px)/1.15 Georgia,serif;letter-spacing:.025em;color:#193849;margin:0 0 .12em;}
.wl-wear-caption-wide p,.wl-place-caption-wide p{font:normal clamp(7px,.81vw,14px)/1.16 Georgia,serif;color:#193849;margin:0;}
@media(max-width:1100px){.wl-wear-caption-wide,.wl-place-caption-wide{display:none}}
/* Desktop captions conceal baked placeholders while retaining the original outer frame. */
.wl-wear-caption-wide::before,.wl-place-caption-wide::before{content:"";position:absolute;inset:0 -9px 0 -9px;background:linear-gradient(90deg,#fbedda 0%,#fbead9 40%,#f9e7d3 100%);border-radius:2px;}
.wl-wear-caption-wide h3,.wl-wear-caption-wide p,.wl-place-caption-wide h3,.wl-place-caption-wide p{position:relative;z-index:1;}
/* Extend the parchment patch only across the inscription area, not the outer arch. */
.wl-wear-caption-wide::before,.wl-place-caption-wide::before{left:-22px;right:-7px;}

/* Art & Prints — original flattened photographic art used unchanged; links are real HTML. */
.wl-art{position:relative;isolation:isolate;width:100%;background:#070604;z-index:4;overflow:hidden;}
.wl-art-stage{position:relative;width:100%;aspect-ratio:1672/629;overflow:hidden;}
.wl-art-picture,.wl-art-backdrop{display:block;position:absolute;inset:0;width:100%;height:100%;}
.wl-art-backdrop{object-fit:cover;object-position:center;user-select:none;pointer-events:none;transition:filter 900ms ease, transform 1200ms cubic-bezier(.15,.7,.22,1);}
.wl-art:not(.is-seen) .wl-art-backdrop{transform:scale(1.022) translateY(5px);filter:brightness(.89);}
.wl-art-hotspots{position:absolute;inset:0;pointer-events:none;z-index:2;}
.wl-art-piece{position:absolute;display:block;pointer-events:auto;overflow:visible;border-radius:3px;outline-offset:-3px;}
.wl-art-piece::before{content:"";inset:0;position:absolute;box-shadow:inset 0 0 0 0 rgba(225,185,125,0);background:transparent;transition:box-shadow 250ms ease, background 250ms ease, transform 250ms ease;}
.wl-art-piece:hover::before,.wl-art-piece:focus-visible::before{box-shadow:inset 0 0 0 2px rgba(229,192,130,.78),inset 0 0 25px rgba(242,178,83,.11);background:linear-gradient(0deg,rgba(239,182,94,.12),transparent 42%);}
.wl-art-piece:focus-visible{outline:2px solid #e9bb81;}
.wl-art-piece span{position:absolute;left:50%;bottom:8%;transform:translate(-50%,5px);background:rgba(7,5,5,.91);color:#f6e1b9;font:600 clamp(9px,.76vw,13px)/1.2 Georgia,serif;letter-spacing:.065em;white-space:nowrap;padding:6px 9px;border:1px solid rgba(221,181,118,.45);opacity:0;transition:opacity 200ms ease,transform 250ms ease;pointer-events:none;}
.wl-art-piece:hover span,.wl-art-piece:focus-visible span{opacity:1;transform:translate(-50%,0);}
.wl-art-gallery-cta{display:block;position:absolute;z-index:3;left:41.05%;top:34.1%;width:18.02%;height:7.4%;border:1px solid transparent;outline-offset:2px;}
.wl-art-gallery-cta:hover{background:rgba(236,191,132,.09);border-color:rgba(236,191,132,.45);}
.wl-art-gallery-cta:focus-visible{outline:3px solid #edca92;border-color:#edca92;}
.wl-art-mobile-hotspots{display:none;}
@media(min-width:681px) and (max-width:1100px){
 .wl-art-stage{aspect-ratio:auto;height:calc(291px + 11.2vw);}
 .wl-art-piece span{font-size:clamp(9px,1.3vw,12px);}
}
@media(max-width:680px){
 .wl-art-stage{aspect-ratio:auto;height:clamp(328px,98.2vw,390px);}
 .wl-art-desktop-hotspots{display:none;}.wl-art-mobile-hotspots{display:block;}
 .wl-art-gallery-cta{left:28%;top:33.5%;width:47%;height:8%;}
 .wl-art-piece span{font-size:clamp(9px,3vw,13px);}
}
@media(prefers-reduced-motion:reduce){.wl-art-backdrop,.wl-art-piece::before,.wl-art-piece span{transition:none!important;transform:none!important;}}

/* v0.5 transition cleanup: eliminate dead space after the final parchment frame. */
@media(min-width:1101px){.wl-art{margin-top:-4.80vw;}}
@media(min-width:681px) and (max-width:1100px){.wl-art{margin-top:-2.7vw;}}
@media(max-width:680px){.wl-art{margin-top:-3vw;}}
/* Make full-width captions comfortably readable and keep arrow circles uncovered. */
.wl-wear-caption-wide,.wl-place-caption-wide{white-space:normal;width:17.4%;}
.wl-wear-caption-wide h3,.wl-place-caption-wide h3{font-size:clamp(9px,1.04vw,16px);letter-spacing:.015em;}
.wl-wear-caption-wide p,.wl-place-caption-wide p{font-size:clamp(7px,.81vw,13px);}
.wl-wear-caption-wide::before,.wl-place-caption-wide::before{inset:-2px -10px -2px -19px;left:-19px;right:-5px;background:linear-gradient(90deg,#fbedda,#f8ead9);}

/* v0.6 — paired scroll-depth chapters. The entire artwork + hit regions
   share a transform, so art remains clickable even after scaling/moving. */
.wl-art-scene,.wl-articles-scene{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;}
.wl-art-scene .wl-art-backdrop{transition:none!important;transform:none!important;filter:none!important;}
.wl-art:not(.is-seen) .wl-art-backdrop{transform:none!important;filter:none!important;}
.wl-art-stage{background:#080706;}
.wl-art-scene{transform:scale(1.14);}
.wl-articles{position:relative;isolation:isolate;width:100%;overflow:hidden;background:#100c09;z-index:3;margin-top:-1px;}
.wl-articles-stage{position:relative;width:100%;aspect-ratio:1672 / 533;overflow:hidden;background:#1a0e0a;}
.wl-articles-scene{transform:scale(1.015);}
.wl-articles-picture,.wl-articles-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;}
.wl-articles-backdrop{object-fit:cover;object-position:center;pointer-events:none;user-select:none;}
.wl-articles-hitarea{position:absolute;inset:0;z-index:2;display:block;outline-offset:-5px;cursor:pointer;}
.wl-articles-hitarea:focus-visible{outline:3px solid #eac388;}
.wl-articles-hover-hint{position:absolute;left:50%;bottom:8%;transform:translate(-50%,8px);white-space:nowrap;opacity:0;color:#f6d3a3;font:500 clamp(10px,1vw,14px) / 1.1 'DM Sans',Arial,sans-serif;letter-spacing:.17em;border:1px solid rgba(225,174,112,.55);background:rgba(14,10,7,.87);padding:12px 17px;transition:opacity .3s ease,transform .3s ease;pointer-events:none;text-shadow:0 1px 2px #000;}
.wl-articles-hitarea:is(:hover,:focus-visible) .wl-articles-hover-hint{opacity:1;transform:translate(-50%,0);}
@media(min-width:681px) and (max-width:1100px){.wl-articles-stage{height:clamp(300px,34vw,440px);aspect-ratio:auto;}}
@media(max-width:680px){
  .wl-articles-stage{height:clamp(205px,61vw,265px);aspect-ratio:auto;}
  .wl-articles-backdrop{object-position:72% center;}
  .wl-articles-hover-hint{font-size:9px;bottom:6%;padding:8px 10px;letter-spacing:.12em;}
}
@media(prefers-reduced-motion:reduce){
  .wl-art-scene,.wl-articles-scene{transform:none!important;will-change:auto;}
  .wl-articles-hover-hint{transition:none;}
}

/* v0.7 footer — responsive HTML typography/links on black, original PSD stone/floral top. */
.wl-footer{position:relative;isolation:isolate;background:#000;color:#f2eadd;z-index:5;padding:clamp(58px,6.1vw,104px) clamp(19px,5.5vw,106px) 26px;overflow:hidden;font-family:'DM Sans',Arial,sans-serif;}
.wl-footer-ornament{position:absolute;left:0;top:0;width:100%;height:clamp(57px,5.75vw,96px);background:url('assets/wiccanlore-506bca75b92fb1.webp') center top/100% 100% no-repeat;pointer-events:none;opacity:1;}
.wl-footer-main{display:grid;grid-template-columns:minmax(90px,.55fr) minmax(195px,1.45fr) minmax(280px,1.65fr) minmax(180px,1.2fr);gap:clamp(18px,3vw,60px);align-items:center;max-width:1470px;margin:0 auto clamp(24px,2vw,40px);}
.wl-footer-brand{display:flex;flex-direction:column;align-items:center;justify-self:start;text-decoration:none;gap:1px;width:clamp(75px,6vw,110px);color:#fff;}
.wl-footer-brand img{width:clamp(52px,4.7vw,78px);height:auto;object-fit:contain;image-rendering:auto;}
.wl-footer-brand span{font-weight:650;letter-spacing:.07em;font-size:clamp(8px,.67vw,10px);}
.wl-footer h2{font:600 clamp(11px,.85vw,14px)/1.4 'DM Sans',Arial,sans-serif;color:#f4eee5;margin:0 0 5px;white-space:nowrap;}
.wl-footer-links{display:flex;flex-wrap:wrap;align-items:center;row-gap:5px;}
.wl-footer-links>*{color:#e5dcd0;text-decoration:none;display:inline-block;font:400 clamp(11px,.8vw,13px)/1.35 'DM Sans',Arial,sans-serif;padding:0;}
.wl-footer-links>*:not(:last-child):after{content:'|';display:inline-block;color:#9f8b72;margin:0 clamp(8px,.8vw,14px);pointer-events:none;}
.wl-footer-pending{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left;padding:0;}
.wl-footer a:hover,.wl-footer button:hover{color:#efbb7e;}
.wl-footer a:focus-visible,.wl-footer button:focus-visible{outline:2px solid #f1be7b;outline-offset:5px;}
.wl-footer-social{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(7px,1vw,14px);}
.wl-social{border:0;background:none;display:grid;place-items:center;cursor:pointer;padding:2px;color:#bd864f;transition:color .2s ease,transform .2s ease;}
.wl-social svg{display:block;width:clamp(20px,1.7vw,28px);height:clamp(20px,1.7vw,28px);}
.wl-social:hover,.wl-social:focus-visible{color:#edbf7e;transform:translateY(-2px);}
.wl-footer-bottom{position:relative;border-top:1px solid #674320;max-width:1470px;margin:auto;padding:18px 2px 0;display:flex;align-items:center;justify-content:center;gap:clamp(25px,5vw,130px);color:#988d7f;font-size:clamp(11px,.84vw,13px);}
.wl-footer-policies{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(20px,5vw,115px);}
.wl-footer-policies .wl-footer-pending{color:#9e9387;font-size:inherit;}
.wl-footer-feedback{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:min(500px,95vw);text-align:center;z-index:100;background:#23180d;border:1px solid #ae7d4c;border-radius:5px;padding:12px 18px;color:#f9e9d2;box-shadow:0 6px 30px #0009;font:13px/1.4 system-ui,sans-serif;}
@media (min-width:681px) and (max-width:1100px){
 .wl-footer{padding:75px clamp(24px,5vw,70px) 24px;}
 .wl-footer-main{grid-template-columns:minmax(70px,.6fr) minmax(190px,1.3fr) minmax(250px,1.5fr);gap:26px;}
 .wl-footer-social{grid-column:2/4;justify-content:flex-end;margin-top:-8px;}
 .wl-footer-ornament{height:65px;}
 .wl-footer-bottom{justify-content:space-between;gap:25px;}
 .wl-footer-policies{gap:clamp(15px,3vw,45px);}
}
@media(max-width:680px){
 .wl-footer{padding:clamp(24px,7vw,40px) clamp(20px,6.2vw,32px) 20px;text-align:left;}
 .wl-footer-ornament{display:none;}
 .wl-footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,6vw,32px);margin-bottom:22px;}
 .wl-footer-brand{align-self:center;width:140px;margin:0 auto 2px;}
 .wl-footer-brand img{width:75px;}
 .wl-footer-brand span{font-size:9px;}
 .wl-footer h2{font-size:12px;margin-bottom:5px;}
 .wl-footer-links>*{font-size:clamp(12px,3.3vw,14px);line-height:1.45;}
 .wl-footer-links>*:not(:last-child):after{margin:0 7px;}
 .wl-footer-social{align-self:center;justify-content:center;gap:clamp(8px,2.7vw,14px);width:100%;margin:6px auto 0;}
 .wl-social svg{width:clamp(25px,7vw,32px);height:clamp(25px,7vw,32px);}
 .wl-footer-bottom{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 2px 0;font-size:11px;}
 .wl-footer-policies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;}
 .wl-footer-policies .wl-footer-pending{font-size:11px;}
}
@media(max-width:360px){.wl-footer-bottom{flex-wrap:wrap;}.wl-footer-policies{width:100%;}}

/* v0.8: shared living scenery belongs only to the two product galleries. */
.wl-shop-world{position:relative;isolation:isolate;z-index:2;background:radial-gradient(ellipse 48% 37% at 6% 3%,rgba(35,48,40,.68),transparent 80%),radial-gradient(ellipse 55% 52% at 92% 39%,rgba(43,39,29,.60),transparent 83%),linear-gradient(115deg,#0c1110 0%,#090a0b 47%,#11100c 75%,#080a09 100%);}
.wl-world-vines{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.wl-vine-plane{position:absolute;top:0;left:0;width:100%;height:min(100vh,1100px);background-image:url('assets/wiccanlore-22af4919171c93.svg');background-size:100% 170%;background-repeat:no-repeat;background-position:center top;opacity:.87;filter:drop-shadow(0 3px 4px rgba(0,0,0,.36));}
.wl-world-vines::before{content:'';position:absolute;z-index:1;top:0;left:0;right:0;height:clamp(175px,31vw,475px);background:url('assets/wiccanlore-e23f8ad124a528.webp') center top/100% auto no-repeat;opacity:.68;mask-image:linear-gradient(#000 0%,#000 28%,transparent 96%);}
.wl-shop-world .wl-wear,.wl-shop-world .wl-place{background:transparent;z-index:1;isolation:auto;}
.wl-shop-world .wl-wear-wide,.wl-shop-world .wl-place-wide{background:transparent;}
.wl-shop-world .wl-wear-narrow,.wl-shop-world .wl-place-narrow{background:transparent;}
.wl-shop-world .wl-wear-water{opacity:0;}
@media(min-width:681px) and (max-width:1100px){
 .wl-shop-world .wl-wear-narrow,.wl-shop-world .wl-place-narrow{background:transparent;}
 .wl-vine-plane{background-size:130% 145%;opacity:.88;}
 /* Correct overly wide visual gutter: draw the two arches together while keeping equal edge gutters. */
 .wl-wear-narrow-grid,.wl-place-narrow-grid{width:86vw;max-width:none;column-gap:5vw;row-gap:clamp(20px,3.8vw,38px);}
 .wl-wear-mobile-card,.wl-place-mobile-card{translate:none;}
}
@media(max-width:680px){
 .wl-vine-plane{height:100svh;background-size:150% 150%;opacity:.44;}
 .wl-world-vines::before{background-size:200% auto;background-position:center top;opacity:.28;}
 .wl-shop-world{background:radial-gradient(ellipse at 12% 13%,#1b221c 0,transparent 54%),linear-gradient(#090b0a,#100e0c 65%,#060808);}
 .wl-wear-mobile-card,.wl-place-mobile-card{translate:none!important;}
 .wl-wear-narrow-grid,.wl-place-narrow-grid{width:100%!important;column-gap:0!important;row-gap:clamp(9px,3vw,16px)!important;}
}
/* Original photographic environment fills the complete arch, rather than shrinking with the merchandise. */
.wl-wear-wide,.wl-place-wide{width:100%;margin-inline:auto;}
/* Match source PSD footer's decorative trim, dimensions and editorial restraint. */
.wl-footer{background:#000!important;padding:clamp(92px,6.5vw,114px) clamp(26px,6.1vw,105px) 52px!important;}
.wl-footer-ornament{background:url('assets/wiccanlore-ea1501dfc5a119.webp') center top/100% 100% no-repeat!important;height:clamp(130px,12vw,199px)!important;}
.wl-footer-main{max-width:1464px;grid-template-columns: .55fr 1.42fr 1.38fr 1.2fr;gap:clamp(28px,3.4vw,58px);align-items:start;margin-bottom:clamp(30px,2.7vw,45px);}
.wl-footer-brand{justify-self:center;align-self:start;gap:0;width:110px;}
.wl-footer-brand img{width:88px;max-width:100%;height:67px;}
.wl-footer-brand span{font-size:10px;}
.wl-footer h2{font-size:clamp(13px,1vw,17px);font-weight:400;line-height:1.15;margin:0 0 5px;}
.wl-footer-links>*{font-size:clamp(13px,1vw,17px);line-height:1.1;}
.wl-footer-links>*:not(:last-child):after{margin:0 clamp(10px,1.1vw,18px);}
.wl-footer-social{align-self:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(11px,1vw,20px);margin-top:18px;}
.wl-social svg{width:clamp(24px,2.2vw,34px);height:clamp(24px,2.2vw,34px);}
.wl-footer-bottom{font-size:clamp(12px,.97vw,16px);margin-top:8px;justify-content:space-around;padding:16px 0 0;}
.wl-footer-policies{flex:1;max-width:770px;display:flex;justify-content:space-around;gap:clamp(10px,1vw,28px);}
@media(min-width:681px) and (max-width:1100px){
 .wl-footer{padding:86px 28px 38px!important;}
 .wl-footer-ornament{height:135px!important;}
 .wl-footer-main{grid-template-columns: .52fr 1.1fr 1.4fr;gap:20px;margin-bottom:20px;}
 .wl-footer-brand{width:82px}.wl-footer-brand img{width:65px;height:51px;}
 .wl-footer-social{grid-column:2/4;justify-content:flex-start;margin-top:0;}
 .wl-footer-links>*{font-size:13px;}
 .wl-footer-bottom{font-size:12px;gap:16px;}
}
@media(max-width:680px){
 .wl-footer{padding:42px clamp(19px,6vw,30px) 42px!important;}
 .wl-footer-ornament{display:none!important;}
 .wl-footer-main{display:flex;flex-direction:column;gap:clamp(25px,7.2vw,33px);align-items:stretch;margin-bottom:16px;}
 .wl-footer-brand{align-self:center;width:125px;margin-bottom:0}.wl-footer-brand img{width:85px;height:70px;}
 .wl-footer-brand span{font-size:10px;}
 .wl-footer h2{font-size:clamp(14px,3.95vw,17px);line-height:1.15;margin-bottom:8px;}
 .wl-footer-links>*{font-size:clamp(13px,3.7vw,17px);line-height:1.3;}
 .wl-footer-social{grid-column:auto;align-self:center;justify-content:space-between;width:100%;margin:4px 0 0;gap:3px;}
 .wl-social{padding:0;}.wl-social svg{width:clamp(23px,7vw,29px);height:clamp(23px,7vw,29px);}
 .wl-footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;align-items:start;justify-content:stretch;font-size:clamp(11px,3.3vw,14px);padding:19px 0 0;}
 .wl-footer-policies{display:contents;}
 .wl-footer-bottom>span{grid-column:1;grid-row:1;}
 .wl-footer-policies .wl-footer-pending:nth-child(1){grid-column:2;grid-row:1;}
 .wl-footer-policies .wl-footer-pending:nth-child(2){grid-column:1;grid-row:2;}
 .wl-footer-policies .wl-footer-pending:nth-child(3){grid-column:2;grid-row:2;}
 .wl-footer-policies .wl-footer-pending{font-size:inherit;}
}

/* v0.9 — long hanging vines carry the atmosphere through the complete tablet/mobile shop world. */
@media(min-width:681px) and (max-width:1100px){
 .wl-vine-plane{top:-9px;height:calc(100% + 9px);background-image:url('assets/wiccanlore-dab903546931b3.svg');background-size:100% 100%;background-position:center top;background-repeat:no-repeat;opacity:.97;filter:drop-shadow(0 3px 5px #0007)}
 .wl-world-vines::before{height:clamp(165px,27vw,300px);background-size:125% auto;background-position:center top;opacity:.75}
}
@media(max-width:680px){
 .wl-vine-plane{top:-7px;height:calc(100% + 7px);width:100%;left:0;background-image:url('assets/wiccanlore-4a5c44d9152569.svg');background-size:100% 100%;background-position:center top;background-repeat:no-repeat;opacity:.89;filter:drop-shadow(0 3px 4px #0008)}
 .wl-world-vines::before{height:clamp(190px,60vw,270px);background-size:165% auto;background-position:center top;opacity:.63;mask-image:linear-gradient(#000 0%,#000 37%,transparent 100%)}
}
/* v0.9 — remove the ornate footer strip. Quiet, typographic finish with a bronze hairline. */
.wl-footer{background:radial-gradient(ellipse 70% 120% at 88% 0%,rgba(38,35,28,.4),transparent 69%),linear-gradient(180deg,#141411 0%,#090b0b 100%)!important;color:#e8e0d2!important;padding:clamp(66px,6.2vw,104px) clamp(24px,5.6vw,100px) 28px!important;border-top:1px solid rgba(192,146,90,.6);}
.wl-footer-ornament{display:none!important}
.wl-footer::before{content:'';pointer-events:none;position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(195,145,83,.35) 38%,rgba(217,173,104,.58) 55%,transparent)}
.wl-footer-main{display:grid;grid-template-columns:minmax(185px,1.4fr) minmax(110px,.8fr) minmax(210px,1.3fr) minmax(180px,1.05fr);gap:clamp(20px,3.2vw,66px);max-width:1410px;margin:0 auto clamp(44px,5vw,75px);align-items:start;}
.wl-footer-identity{min-width:0;max-width:290px;}
.wl-footer-brand{color:#f5eade;display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;width:auto;text-decoration:none;justify-self:start;}
.wl-footer-brand img{width:42px!important;height:36px!important;object-fit:contain;}
.wl-footer-brand span{font:400 clamp(22px,2.3vw,34px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.18em;color:#f3e8d6;white-space:nowrap;}
.wl-footer-identity p{color:#a6a194;font:italic 400 clamp(16px,1.6vw,22px)/1.25 'Cormorant Garamond',Georgia,serif;margin:19px 0 0;max-width:220px;}
.wl-footer h2{font:600 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.21em;color:#b89a71;margin:0 0 21px;}
.wl-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.wl-footer-links>*{font:400 clamp(12px,1.02vw,14px)/1.4 'DM Sans',Arial,sans-serif;color:#d5cfc2;white-space:normal;text-align:left;}
.wl-footer-links>*:not(:last-child):after{display:none!important;content:none!important;}
.wl-footer-social{display:block;margin:0!important;align-self:start;justify-content:start;}
.wl-footer-social h2{width:100%;margin:0 0 19px;}
.wl-footer-social-icons{display:flex;flex-wrap:wrap;gap:15px 17px;align-items:center;}
.wl-social{width:24px;height:24px;display:inline-grid;place-items:center;padding:0;}
.wl-social svg{width:21px!important;height:21px!important;color:#b79b77;}
.wl-footer a:hover,.wl-footer button:hover{color:#e5c18d;}
.wl-footer-bottom{max-width:1410px;margin:auto;border-top:1px solid rgba(186,147,98,.26);padding:22px 0 0;display:flex;justify-content:space-between;gap:20px;font:400 11px/1.4 'DM Sans',Arial,sans-serif;color:#918d83;}
.wl-footer-policies{flex:none;max-width:none;display:flex;justify-content:flex-end;gap:clamp(14px,2.2vw,38px);}
.wl-footer-policies .wl-footer-pending{font:inherit;color:#918d83;}
@media(min-width:681px) and (max-width:1100px){
 .wl-footer{padding:65px clamp(25px,4vw,55px) 27px!important;}
 .wl-footer-main{grid-template-columns:minmax(160px,1fr) minmax(120px,.65fr) minmax(200px,1.1fr);gap:clamp(14px,3vw,35px);margin-bottom:40px;}
 .wl-footer-brand{width:auto;}
 .wl-footer-brand img{width:37px!important;height:32px!important;}
 .wl-footer-brand span{font-size:clamp(22px,2.8vw,28px);}
 .wl-footer-social{grid-column:1/4;display:flex;align-items:center;gap:22px;}
 .wl-footer-social h2{width:auto;margin:0;}
 .wl-footer-links>*{font-size:12px;}
 .wl-footer-bottom{font-size:10px;}
}
@media(max-width:680px){
 .wl-footer{padding:50px clamp(22px,7vw,40px) 27px!important;text-align:left;}
 .wl-footer-main{display:grid;grid-template-columns:1fr 1.15fr;gap:38px 25px;margin:0 auto 38px;}
 .wl-footer-identity{grid-column:1/-1;max-width:none;text-align:center;}
 .wl-footer-brand{align-items:center;width:auto;display:inline-flex;margin:0 auto;}
 .wl-footer-brand img{width:42px!important;height:36px!important;}
 .wl-footer-brand span{font-size:clamp(24px,6.9vw,30px);}
 .wl-footer-identity p{max-width:none;margin:13px 0 0;font-size:19px;}
 .wl-footer-nav,.wl-footer-care{min-width:0;}
 .wl-footer h2{font-size:10px;margin-bottom:16px;letter-spacing:.13em;white-space:normal;}
 .wl-footer-links{gap:11px;}
 .wl-footer-links>*{font-size:12px;line-height:1.4;}
 .wl-footer-social{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;margin:0!important;}
 .wl-footer-social h2{margin:0;}
 .wl-footer-social-icons{justify-content:center;gap:16px 20px;}
 .wl-footer-bottom{display:flex;flex-direction:column;align-items:center;gap:15px;padding:22px 0 0;font-size:10px;text-align:center;}
 .wl-footer-policies{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;}
 .wl-footer-policies .wl-footer-pending:nth-child(n){grid-column:auto;grid-row:auto;font-size:10px;}
}
@media(max-width:360px){.wl-footer-main{gap:31px 16px}.wl-footer-links>*{font-size:11px}.wl-footer-social-icons{gap:13px}}


/* v0.10 — leaner footer, with link sizes kept readable. */
.wl-footer{padding-top:clamp(31px,3.5vw,52px)!important;padding-bottom:19px!important;}
.wl-footer-main{margin-bottom:clamp(19px,2.2vw,30px)!important;gap:clamp(17px,2.6vw,40px)!important;}
.wl-footer-brand{gap:6px;}
.wl-footer-identity p{margin-top:9px;}
.wl-footer h2{margin-bottom:12px;}
.wl-footer-links{gap:9px;}
.wl-footer-social h2{margin-bottom:12px;}
.wl-footer-social-icons{column-gap:15px;row-gap:9px;}
.wl-footer-bottom{padding-top:14px;}
@media (min-width:681px) and (max-width:1100px){
 .wl-footer{padding-top:37px!important;padding-bottom:18px!important;}
 .wl-footer-main{margin-bottom:21px!important;row-gap:17px!important;}
 .wl-footer-social{gap:18px;}
 .wl-footer-social h2{margin:0;}
}
@media (max-width:680px){
 .wl-footer{padding:25px clamp(22px,7vw,40px) 18px!important;}
 .wl-footer-main{gap:20px 24px!important;margin-bottom:21px!important;}
 .wl-footer-brand{gap:5px;}
 .wl-footer-identity p{margin-top:8px;font-size:17px;}
 .wl-footer h2{margin-bottom:10px;}
 .wl-footer-links{gap:9px;}
 .wl-footer-social{gap:9px!important;}
 .wl-footer-social h2{margin-bottom:0;}
 .wl-footer-bottom{gap:11px;padding-top:13px;}
 /* The gallery headline already shares the center axis of the phone scene.
    Pin its scene to that axis across 320–680px. */
 .wl-art-scene{left:0;right:0;}
 /* The journal lettering is baked into the mobile source and was 6–7% left of center.
    Shift the scene so the visible title is centered, without changing the parallax rate. */
 .wl-articles-scene{left:0;right:0;}
 .wl-articles-backdrop{object-position:56% center;}
}
/* Products drift in independently. Frames, signs, and captions do not move. */
@media (prefers-reduced-motion:no-preference){
 html.wl-entrance-enabled .wl-wear-spot,
 html.wl-entrance-enabled .wl-place-spot,
 html.wl-entrance-enabled .wl-wear-mobile-card,
 html.wl-entrance-enabled .wl-place-mobile-card{
   transition:opacity .62s ease,transform .78s cubic-bezier(.19,.76,.23,1),filter .72s ease!important;
   transition-delay:var(--wl-enter-delay,0ms)!important;
 }
 html.wl-entrance-enabled .wl-wear-spot:not(.is-product-visible),
 html.wl-entrance-enabled .wl-place-spot:not(.is-product-visible),
 html.wl-entrance-enabled .wl-wear-mobile-card:not(.is-product-visible),
 html.wl-entrance-enabled .wl-place-mobile-card:not(.is-product-visible){
   opacity:.28!important;transform:translate3d(0,23px,0) scale(.96)!important;filter:brightness(.82);
 }
 html.wl-entrance-enabled .wl-wear-spot.is-product-visible,
 html.wl-entrance-enabled .wl-place-spot.is-product-visible,
 html.wl-entrance-enabled .wl-wear-mobile-card.is-product-visible,
 html.wl-entrance-enabled .wl-place-mobile-card.is-product-visible{
   opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;filter:brightness(1);
 }
}
@media (prefers-reduced-motion:reduce){
 .wl-wear-spot,.wl-place-spot,.wl-wear-mobile-card,.wl-place-mobile-card{
   transition:none!important;opacity:1!important;transform:none!important;filter:none!important;
 }
}


/* Keep prototype contained to the custom full-page WordPress template. */