:root{color-scheme:dark;--cream:#fff4d9;--gold:#f0c66e;--muted:#c1c3bc}*{box-sizing:border-box}body{margin:0;background:#101c2a;color:var(--cream);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-100px;padding:10px;background:#fff;color:#172a25;z-index:10}.skip:focus{top:0}.page-header{max-width:1280px;margin:auto;padding:22px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center}.wordmark{font:23px Georgia,serif}.wordmark sup{font:9px Arial;vertical-align:super;margin-left:3px}.page-header>a:last-child{font-size:16px;color:#d5d2c4}.experience{max-width:1280px;margin:auto}.stage-wrap{position:relative;overflow:hidden;border-radius:9px}.scene{position:relative;width:100%;aspect-ratio:3/2;background:url('coming-soon-assets/barn.webp') center/100% 100% no-repeat;overflow:hidden}.message{position:absolute;left:6%;top:10%;width:38%;max-width:470px;z-index:5;text-shadow:0 2px 14px #0c1823}.eyebrow{font-size:16px;letter-spacing:2px;font-weight:700;color:var(--gold);margin:0 0 20px}h1{font:400 clamp(30px,3.8vw,49px)/1.08 Georgia,serif;letter-spacing:-1px;margin:0 0 18px}.message>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:370px}.message .gentle-note{font:italic 16px Georgia,serif;color:#e1d7ba;margin-top:20px}.actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:25px}.home-button{background:var(--gold);color:#273525;text-shadow:none;border:1px solid #f5d58f;border-radius:4px;font-size:16px;font-weight:bold;padding:13px 17px;display:flex;gap:20px;align-items:center}.home-button:hover{background:#f7d98e}.guide-link{font-size:16px;text-decoration:underline;text-underline-offset:4px;color:#f4e9ce}.lantern-halo{position:absolute;left:63%;top:2%;width:23%;aspect-ratio:1;background:radial-gradient(ellipse,#ffb53745 0%,#ffb53715 37%,transparent 70%);mix-blend-mode:screen;animation:lantern-flicker 23s linear infinite;pointer-events:none}.lantern-flame{position:absolute;left:73%;top:17%;width:2.8%;height:3.7%;border-radius:50%;background:#ffd67680;box-shadow:0 0 18px 8px #ffb62d50;filter:blur(3px);mix-blend-mode:screen;animation:lantern-flicker 23s linear infinite;pointer-events:none}.fox{position:absolute;left:28%;bottom:9%;width:26%;aspect-ratio:1;animation:fox-breathe 7s ease-in-out infinite;transform-origin:55% 100%}.fox-part{position:absolute;aspect-ratio:1;background-image:url('coming-soon-assets/fox-parts.webp');background-repeat:no-repeat;background-size:200% 200%;image-rendering:auto}.fox-body{left:0;top:0;width:100%;height:104%;background-position:0 0;background-size:200% 192.3077%;z-index:3}.fox-tail{left:-36%;top:-9%;width:100%;height:104%;background-position:100% 0;background-size:200% 192.3077%;transform-origin:82% 92%;animation:tail-swish 5.6s ease-in-out infinite;z-index:1}.fox-ear{clip-path:inset(15% 0 0 0);z-index:2}.fox-ear-back{left:24%;top:0;width:35%;background-position:0 100%;transform-origin:60% 82%;animation:ear-back 16s ease-in-out infinite}.fox-ear-front{left:45%;top:-4%;width:31%;background-position:100% 100%;transform-origin:53% 83%;animation:ear-front 16s ease-in-out infinite}.fox-shadow{position:absolute;left:24%;bottom:-4%;width:66%;height:7%;background:#130d1680;border-radius:50%;filter:blur(5px);z-index:0}.scene-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:16px 3%;font:italic 16px Georgia,serif;color:#d2cbb8}.scene-controls button{border:1px solid #617064;border-radius:20px;background:#172a2c;color:#f3e8ce;padding:8px 13px;font:16px Arial;cursor:pointer;white-space:nowrap}footer{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:12px 5% 30px;color:#98a8a4;font-size:16px}footer a{text-decoration:underline}.scene[data-animate="false"] .animated{animation-play-state:paused!important}
@keyframes fox-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-.4%)}}
@keyframes tail-swish{0%,100%{transform:skewX(-5deg) rotate(-2deg)}50%{transform:skewX(5deg) rotate(2deg)}}
@keyframes ear-back{0%,38%,53%,100%{transform:rotate(0) scaleY(1)}42%,47%{transform:rotate(-23deg) scaleY(.83)}}
@keyframes ear-front{0%,39%,54%,100%{transform:rotate(0) scaleY(1)}43%,48%{transform:rotate(-16deg) scaleY(.87)}}
/* Brief, irregular dips in the actual lamp and its surrounding glow. */
.lantern-dimmer{position:absolute;left:69%;top:10%;width:11%;height:15%;background:radial-gradient(ellipse,#181614e6 10%,#18161480 42%,transparent 72%);mix-blend-mode:multiply;pointer-events:none;animation:lantern-dim 23s linear infinite}
@keyframes lantern-flicker{0%,34%,38%,73%,77%,100%{opacity:.85}35%{opacity:.22}35.7%{opacity:.95}36.4%{opacity:.38}37%{opacity:.8}74%{opacity:.3}74.7%{opacity:.9}75.4%{opacity:.48}76%{opacity:.85}}
@keyframes lantern-dim{0%,34%,38%,73%,77%,100%{opacity:0}35%{opacity:.65}35.7%{opacity:0}36.4%{opacity:.35}37%{opacity:0}74%{opacity:.5}74.7%{opacity:0}75.4%{opacity:.28}76%{opacity:0}}
@media(max-width:700px){.page-header{padding:18px 6%;align-items:flex-start}.wordmark{font-size:19px}.page-header>a:last-child{font-size:16px}.stage-wrap{border-radius:0;display:flex;flex-direction:column}.message{position:relative;left:auto;top:auto;width:auto;max-width:none;padding:24px 7% 30px;background:linear-gradient(#101c2a,#142235);text-shadow:none}.message .eyebrow{font-size:16px}h1{font-size:43px}.message>p:not(.eyebrow){max-width:100%;font-size:16px}.message .gentle-note{font-size:16px}.actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px}.home-button{font-size:16px;padding:11px 13px}.guide-link{font-size:16px}.scene{width:100%;aspect-ratio:3/2}.fox{width:30%;left:26%;bottom:9%}.scene-controls{align-items:flex-start;padding:16px 6%;font-size:16px}.scene-controls>span{max-width:195px}footer{flex-direction:column;gap:8px;padding:12px 6% 25px}}
@media(prefers-reduced-motion:reduce){.scene:not([data-animate="true"]) .animated{animation:none!important}}

/* Small die-cut signature, anchored to the artwork rather than the viewport. */
.corner-brand-sticker{position:absolute;z-index:6;right:18px;bottom:18px;width:clamp(84px,10vw,126px);height:auto;opacity:.85;pointer-events:none;user-select:none}
@media(max-width:700px){.corner-brand-sticker{right:12px;bottom:12px;width:86px}}
