/* 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/art-8c2f80b8c19a.webp");background-position:center;background-size:100% 100%; }
.wl-stage-mobile { aspect-ratio:334 / 150; display:none; background-image:url("../assets/art-b47cc083ee7a.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/art-7848e215bd56.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;}
}



/* WICCANLORE LIVING CONCEPT - layered over a byte-for-byte saved baseline */
:root{--enchanted-x:50%;--enchanted-y:40%;--enchanted-intensity:1;--enchanted-wind:0px;--enchanted-progress:0;--enchanted-gold:#e4bf80}
body.is-enchanted{isolation:isolate}
.enchanted-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;z-index:200;pointer-events:none;background:linear-gradient(90deg,#81643a,#f9d293,#cba2b3);transform-origin:0 50%;transform:scaleX(var(--enchanted-progress));box-shadow:0 0 12px #e9bc78aa}
.enchanted-hud{position:fixed;right:17px;bottom:17px;z-index:201;background:rgba(11,15,20,.82);backdrop-filter:blur(14px);border:1px solid #c7a16e77;padding:10px 12px;border-radius:20px;color:#f3dfbc;display:flex;align-items:center;gap:10px;font:10px/1.2 system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 10px 26px #000a;max-width:calc(100vw - 20px)}
.enchanted-hud button{border:1px solid #d8b97c6a;border-radius:20px;padding:7px 12px;background:#161512;color:#e4c69b;cursor:pointer;font:inherit;letter-spacing:inherit}
.enchanted-hud button:hover{background:#5a412c;color:#fff}.enchanted-hud input{width:65px;accent-color:#d6a35f}.enchanted-hud .alive-indicator{width:6px;height:6px;border-radius:100%;background:#e5c488;box-shadow:0 0 9px #f4d390;animation:wlPulse 2s ease-in-out infinite}
.enchanted-layer{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden;isolation:isolate;mix-blend-mode:screen}
.enchanted-light{position:absolute;inset:-3%;opacity:calc(.58 * var(--enchanted-intensity));background:radial-gradient(circle 230px at var(--enchanted-x) var(--enchanted-y),#ffdda331,transparent 80%),radial-gradient(ellipse at 75% 28%,#af64a114,transparent 48%);transition:opacity .6s;mix-blend-mode:screen;pointer-events:none}
.enchanted-filigree{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:calc(.85 * var(--enchanted-intensity));filter:drop-shadow(0 0 5px #d6af7155);pointer-events:none}
.enchanted-filigree .glow-paths path{stroke-dasharray:1100;stroke-dashoffset:1100;animation:wlDraw 4.6s cubic-bezier(.2,.65,.2,1) .3s both}
.enchanted-filigree .glow-paths path:nth-child(2n){animation-delay:.65s}
.enchanted-filigree .enchanted-leaves{opacity:.30;transform-origin:center;animation:wlLeaf 5.6s ease-in-out infinite alternate}
.enchanted-spark{position:absolute;left:var(--sx);top:var(--sy);width:var(--size);height:var(--size);border-radius:50%;opacity:0;box-shadow:0 0 7px 1px #f9de9d,0 0 20px 3px #b98663a6;background:#f9e4ad;animation:wlMote var(--duration) linear var(--delay) infinite;transform:translate3d(0,0,0);pointer-events:none}
.enchanted-spark:nth-child(3n){background:#d5d9ff;box-shadow:0 0 9px #9dbaed,0 0 16px #8584c78a}
.enchanted-orb{position:absolute;top:12%;left:60%;width:30%;aspect-ratio:1;border-radius:50%;opacity:.14;filter:blur(38px);background:#d8a374;animation:wlBreathe 8s ease-in-out infinite;pointer-events:none}
.enchanted-section-active .enchanted-filigree .glow-paths path{animation-play-state:running}
.enchanted-reveal{opacity:0;filter:blur(9px);transform:translate3d(0,30px,0);transition:opacity 1.3s ease,filter 1.3s ease,transform 1.3s cubic-bezier(.2,.72,.1,1)}
.enchanted-reveal.enchanted-visible{opacity:1;filter:none;transform:none}
.enchanted-ripple{position:fixed;z-index:175;pointer-events:none;width:11px;height:11px;transform:translate(-50%,-50%);border:1px solid #f5d69e;border-radius:50%;animation:wlRipple .8s ease-out both;box-shadow:0 0 14px #f5d69e66}
body.enchanted-paused .enchanted-layer *,body.enchanted-paused .enchanted-hud .alive-indicator,body.enchanted-paused .enchanted-animated{animation-play-state:paused!important}
body.enchanted-paused .enchanted-spark{opacity:0!important}
@keyframes wlDraw{to{stroke-dashoffset:0}}
@keyframes wlLeaf{from{filter:brightness(.8)}to{filter:brightness(1.35)}}
@keyframes wlMote{0%{transform:translate3d(0,12px,0) scale(.4);opacity:0}12%{opacity:.75}75%{opacity:.45}100%{transform:translate3d(var(--drift),-150px,0) scale(1.35);opacity:0}}
@keyframes wlBreathe{0%,100%{opacity:.13;transform:scale(.88)}50%{opacity:.34;transform:scale(1.2)}}
@keyframes wlPulse{50%{opacity:.25;transform:scale(.65)}}
@keyframes wlRipple{to{width:110px;height:110px;opacity:0}}
@keyframes wlLevitate{0%,100%{transform:translateY(-2px)}50%{transform:translateY(10px)}}
@keyframes wlHalo{0%,100%{filter:drop-shadow(0 0 9px #dea35425)}50%{filter:drop-shadow(0 0 26px #f9df9277)}}
@keyframes wlGleam{0%{background-position:-100% -100%}100%{background-position:200% 200%}}
body.is-enchanted .wl-hero{isolation:isolate}
body.is-enchanted .wl-hero>.enchanted-layer{z-index:4}
body.is-enchanted .wl-stage .wl-person{transform:translate3d(calc(var(--enchanted-wind) * -.24),0,0)}
body.is-enchanted .wl-stage .wl-sky{filter:brightness(1.13) saturate(1.12)}
body.is-enchanted .wl-bird-pose.is-active{filter:drop-shadow(0 0 12px #e4a75b75)}
body.is-enchanted .wl-heading-art{animation:wlHalo 6s ease-in-out infinite}
body.is-enchanted .wl-wear-wide:after,body.is-enchanted .wl-place-wide:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(108deg,transparent 10%,#efc88a13 40%,transparent 58%);background-size:220% 220%;animation:wlGleam 14s linear infinite}
body.is-enchanted .wl-wear-visual:focus-visible,body.is-enchanted .wl-place-visual:focus-visible{outline:2px solid #eed093;outline-offset:-6px}
body.is-enchanted .wl-nav{z-index:35}
body.is-enchanted .wl-hero .enchanted-filigree{opacity:.76}
body.is-enchanted .wl-wear-spot, body.is-enchanted .wl-place-spot{transition:filter .7s, transform .6s cubic-bezier(.2,.8,.2,1)}
body.is-enchanted .wl-wear-spot:hover,body.is-enchanted .wl-place-spot:hover{filter:brightness(1.14) drop-shadow(0 0 17px #dcb87b77);transform:translateY(-9px)}
body.is-enchanted .wl-wear .enchanted-layer,body.is-enchanted .wl-place .enchanted-layer,body.is-enchanted .wl-art .enchanted-layer,body.is-enchanted .wl-articles .enchanted-layer{z-index:4}
body.is-enchanted .wl-art-stage img,body.is-enchanted .wl-articles-stage img{transition:filter 1.2s}
body.is-enchanted .wl-art:hover img,body.is-enchanted .wl-articles:hover img{filter:contrast(1.08) saturate(1.15)}
body.is-enchanted .product-hero{isolation:isolate}
body.is-enchanted .product-hero>.enchanted-layer{z-index:5;mix-blend-mode:screen}
body.is-enchanted .product-hero>.enchanted-layer .enchanted-filigree{opacity:.55}
body.is-enchanted .product-wrap{z-index:8}
body.is-enchanted .main-stage:not(:has(.zooming)){animation:wlLevitate 6s ease-in-out infinite;filter:drop-shadow(0 10px 22px #e9ae421e)}
body.is-enchanted .perched-raven{filter:drop-shadow(0 0 12px #bc945988)}
body.is-enchanted #add-to-bag{position:relative;overflow:hidden;background-image:linear-gradient(110deg,transparent 0%,#fff7d055 43%,transparent 52%);background-size:230% 230%;animation:wlGleam 6s linear infinite}
body.is-enchanted .related-card{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s;transform-origin:center bottom}
body.is-enchanted .related-card:hover{transform:translateY(-12px);filter:drop-shadow(0 10px 28px #c5a4733b)}
body.is-enchanted .editorial{position:relative;overflow:hidden}
body.is-enchanted .editorial:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 300px at 72% 58%,#b88c4b22,transparent);animation:wlBreathe 8s ease-in-out infinite}
@media(max-width:760px){.enchanted-hud{right:8px;bottom:8px;padding:7px;font-size:9px;gap:6px}.enchanted-hud input{width:42px}.enchanted-spark:nth-child(2n){display:none}.enchanted-filigree{opacity:.36!important}body.is-enchanted .main-stage{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.enchanted-layer *, .enchanted-hud *, .enchanted-reveal,body.is-enchanted .main-stage,body.is-enchanted #add-to-bag{animation:none!important;transition:none!important}.enchanted-spark{display:none}.enchanted-reveal{opacity:1;filter:none;transform:none}}



/* v6. Shared PSD raven atlas, used on HOME and PRODUCT. One URL, six frames. */
.wl-bird .wl-bird-pose.wl-shared-raven {
  display:block;position:absolute;left:0;bottom:0;top:auto;
  height:105%;aspect-ratio:130 / 165;width:auto;
  max-width:none;opacity:1;
  background:var(--wl-home-raven-sprite, url("../assets/raven-six-poses.webp")) 0% 0% / 600% 100% no-repeat;
  filter:drop-shadow(0 0 7px rgba(192,145,89,.27));
  will-change:background-position;pointer-events:none;
}
@media(max-width:680px){.wl-bird .wl-bird-pose.wl-shared-raven{height:103%;}}



.wl-footer{position:relative;z-index:2;background:#080a0a;color:#d7c6ab;border-top:1px solid rgba(190,153,88,.38);padding:clamp(38px,6vw,90px) clamp(22px,5vw,92px) 20px;font-family:Georgia,serif}
.wl-footer-main{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:clamp(22px,4vw,70px);max-width:1440px;margin:0 auto 60px}
.wl-footer-brand{font-family:Georgia,serif;color:#f2e0c3!important;text-decoration:none!important;letter-spacing:.21em;font-size:clamp(22px,2.3vw,34px);font-weight:400}
.wl-mark{color:#d7ab70;font-size:27px;padding-right:8px}
.wl-footer-identity p{font-size:15px;font-style:italic;color:#9c927e;line-height:1.6;margin:14px 0}
.wl-footer nav,.wl-footer-statement{display:flex;flex-direction:column;gap:12px}
.wl-footer h2{font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.23em;color:#bc966b;margin:9px 0 12px}
.wl-footer nav a,.wl-back-top{color:#cbbca8!important;text-decoration:none!important;font:400 13px/1.7 system-ui,sans-serif;transition:color .2s ease}
.wl-footer nav a:hover,.wl-back-top:hover{color:#fff2da!important}
.wl-footer-statement p{color:#c8bdaa;font-size:15px;line-height:1.65;margin:0 0 10px}
.wl-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid rgba(190,153,88,.22);font:11px system-ui,sans-serif;letter-spacing:.08em;color:#8f8574;max-width:1440px;margin:0 auto}
@media(max-width:980px){.wl-footer-main{grid-template-columns:1fr 1fr;row-gap:35px}}
@media(max-width:540px){.wl-footer-main{grid-template-columns:1fr;gap:26px;margin-bottom:37px}.wl-footer{padding:44px 25px 20px}.wl-footer-bottom{flex-direction:column;align-items:flex-start}}

/* WordPress-safe runtime integration. */
body.wl-v8-full-home { margin:0; background:#05070b; }
body.wl-v8-full-home #wl-full-home-shell { position:relative; width:100%; overflow:hidden; }
body.wl-v8-full-home #wl-hero .wl-bird-pose.wl-shared-raven { background-image:var(--wl-home-raven-sprite)!important; }
body.wl-v8-full-home .wl-footer { display:block!important; visibility:visible!important; }
body.wl-v8-full-home #wpadminbar { z-index:999999; }
/* The new site header already exists in the illustrated hero. */