:root{font-family:Palatino,'Palatino Linotype','Book Antiqua',Georgia,serif;font-synthesis:none;font-weight:400;color-scheme:dark;--display:Scipio,Cinzel,'Times New Roman',serif;--background:#500719;--red-opacity:1;--diameter:80vh;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;width:100%;background:var(--background);color:#eee2ca}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{overscroll-behavior-y:none;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:6px}::selection{background:#e5c995;color:#24130e}[hidden]{display:none!important}
#scroll-track{height:5800svh;position:relative}#scene{position:fixed;inset:0;width:100%;height:100dvh;isolation:isolate;overflow:hidden;background:#000}#scene:before,#scene:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none}#scene:before{opacity:var(--red-opacity);background:radial-gradient(ellipse at 48% 34%,#76091f 0%,#570619 48%,#30030e 100%)}#scene:after{opacity:calc(var(--red-opacity)*.13);background:url('assets/patina.svg') repeat;background-size:180px 180px;mix-blend-mode:soft-light}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#space{z-index:1}#world{z-index:2}#wolf{position:absolute;z-index:3;left:0;top:0;width:min(70vw,83svh,960px);height:auto;transform-origin:center;filter:drop-shadow(0 20px 30px #0004);pointer-events:none;will-change:transform,opacity}#wolf-actor{position:relative;width:100%;transform-origin:50% 84%;transition:transform .18s ease}#wolf-still{position:relative;z-index:1;display:block;width:100%;height:auto}#wolf-sprite{position:absolute;z-index:1;left:-1%;bottom:-28%;width:102%;height:153%;background-image:url('assets/wolf-motion.webp');background-size:400% 200%;background-repeat:no-repeat}

#roman-line{position:absolute;z-index:4;left:50%;top:74%;transform:translateX(-50%);width:max-content;max-width:90vw;margin:0;text-align:center;font-family:var(--display);font-size:clamp(25px,3.25vw,48px);font-weight:400;letter-spacing:.015em;line-height:1.25;pointer-events:none;text-shadow:0 2px 22px #14050090}#roman-line span{display:block}
#theme{position:absolute;z-index:4;left:50%;top:57%;transform:translate(-50%,-50%);width:min(760px,85vw);text-align:center;pointer-events:none}#theme h2{font-family:var(--display);font-weight:400;font-size:clamp(29px,3.4vw,49px);line-height:1.3;letter-spacing:.012em;margin:0 0 30px}#theme p{font-size:clamp(18px,1.65vw,24px);line-height:1.5;margin:15px auto 0;max-width:610px;color:#e3d0b5}
#map-label{position:absolute;z-index:5;border:0;background:transparent;padding:12px 10px;font-family:var(--display);font-size:clamp(17px,1.5vw,23px);letter-spacing:.015em;line-height:1.2;transform:translate(-50%,0);text-shadow:0 1px 14px #000,0 2px 4px #000;white-space:nowrap;transition:color .15s}#map-label:after{content:'';position:absolute;left:10px;right:10px;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}#map-label:not(:disabled):hover:after,#map-label:focus-visible:after,#map-label[aria-expanded=true]:after{transform:scaleX(1)}#map-label:disabled{cursor:default;opacity:1}
#map-story{position:absolute;z-index:6;width:376px;max-height:72vh;overflow:auto;overscroll-behavior:contain;padding:30px;background:#1e080fec;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #e7c69b38;box-shadow:0 15px 60px #0005;scrollbar-width:thin;scrollbar-color:#c0a27a55 transparent}#story-title{font-family:var(--display);font-size:23px;font-weight:400;letter-spacing:.02em;line-height:1.3;margin:0;padding-right:28px}#story-period{font-size:13px;color:#c9b393;line-height:1.45;margin:10px 0 0}#story-period:empty{display:none}#story-copy{font-size:16px;line-height:1.5;margin:19px 0 0;color:#eee4d5}#story-copy p{margin:0 0 15px}#story-copy p:last-child{margin-bottom:0}#close-story{position:absolute;right:6px;top:5px;width:44px;height:44px;background:transparent;border:0;font-family:Georgia,serif;font-size:24px;line-height:1;color:#c4ad8e}#close-story:hover{color:white}
#thanks{position:absolute;inset:0;z-index:4;pointer-events:none;color:white}#thanks>p{position:absolute;left:50%;top:15%;transform:translateX(-50%);margin:0;width:90%;font-family:var(--display);font-size:clamp(24px,3vw,44px);letter-spacing:.02em;line-height:1.4;text-align:center}#thanks nav{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);display:flex;gap:clamp(24px,4vw,68px);align-items:center;font-size:17px;pointer-events:auto}#thanks a{padding:10px 0;border-bottom:1px solid transparent}#thanks a:hover{border-color:white}#dedication{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:92%;margin:0;text-align:center;color:white;font-family:var(--display);font-size:clamp(25px,3.2vw,46px);font-weight:400;line-height:1.3;letter-spacing:.015em;pointer-events:none}
@media(max-width:600px){#roman-line{font-size:clamp(19px,5.5vw,32px);line-height:1.35}#theme{top:57%;width:86vw}#theme h2{font-size:clamp(25px,6.9vw,34px);margin-bottom:25px}#theme p{font-size:18px;line-height:1.5;margin-top:18px}#map-label{font-size:17px;padding:13px 9px}#map-story{padding:25px 22px}#story-title{font-size:21px}#story-period{font-size:12px;margin-top:8px}#story-copy{font-size:15px;line-height:1.5;margin-top:15px}#thanks>p{font-size:clamp(22px,6vw,31px);top:18%;width:92%}#thanks nav{bottom:14%;font-size:15px;gap:25px}#dedication{font-size:clamp(22px,6vw,32px);top:50%;width:85%}}
@media(max-height:650px) and (max-width:600px){#theme{top:57%}#theme h2{font-size:23px;margin-bottom:14px}#theme p{font-size:16px;line-height:1.4;margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}#wolf{will-change:auto}}

#wolf-boat{position:absolute;z-index:0;left:-100%;top:-100%;width:300%;pointer-events:none}#wolf-boat svg{display:block;width:100%;height:auto}#wolf-boat .boat-wake{stroke-dasharray:24 10;stroke-dashoffset:var(--wake-offset,0)}

#wolf-sprite.smiling{background-image:url('assets/wolf-smile.webp')}

#wolf-boat .galley-oar{transform:rotate(var(--oar-angle,0deg))}#wolf-boat .galley-rower{transform:rotate(var(--row-lean,0deg))}