:focus-visible{outline:2px solid #b1965b;outline-offset:6px}.motion-control{position:fixed;bottom:18px;right:18px;z-index:90;display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #b59a6550;border-radius:25px;background:#fffdf8e8;backdrop-filter:blur(8px);color:#6d745f;font-size:9px;letter-spacing:1px;box-shadow:0 5px 20px #183f4410}.motion-control:hover{background:#eadbbd;color:#203940}.motion-control span{font-size:13px}nav:not(.journey-nav):not(.collection-nav) a,footer a{position:relative;transition:color .35s}nav:not(.journey-nav):not(.collection-nav) a:after,footer a:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}nav a:hover,footer a:hover{color:#ac8a4e}nav:not(.journey-nav):not(.collection-nav) a:hover:after,footer a:hover:after{transform:scaleX(1)}.card,.portrait-grid article,.steps>div{transition:transform .65s,box-shadow .65s}.card:hover,.portrait-grid article:hover{transform:translateY(-12px);box-shadow:0 25px 55px #28464a14}.card img,.portrait-grid img{transition:transform 1.1s,filter .7s}.card:hover img,.portrait-grid article:hover img{transform:scale(1.035);filter:saturate(1.12)}.island{animation:island-sail 15s ease-in-out infinite}.ship{animation:ship-sail 12s ease-in-out infinite}.wander .scene{transition:filter 1.2s;translate:var(--scene-x,0) var(--scene-y,0)}.wander:hover .scene{filter:saturate(1.12)}.character-art{transition:filter .8s,scale .9s}.character-art:hover{scale:1.018;filter:drop-shadow(0 15px 25px #b99e5725)}.celestial-art{transition:scale .8s}.celestial-chapter:hover .celestial-art{scale:1.035}.detail-toggle,.collection-nav a,.tabs a{transition:color .4s,background .4s,box-shadow .4s}.detail-toggle:hover{box-shadow:0 8px 25px #a9905525}.alive-art{transition:translate .7s ease-out}.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.ambient i{position:absolute;width:3px;height:3px;border-radius:50%;background:#b59451;box-shadow:0 0 9px #c9b37b80;opacity:0;animation:ember-rise var(--life) ease-in-out var(--wait) infinite}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#ad8d50;z-index:100;pointer-events:none}.js .alive-reveal{opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1s}.js .alive-reveal.visible{opacity:1;transform:none}@keyframes island-sail{0%,100%{translate:0 0}50%{translate:0 -15px}}@keyframes ship-sail{0%,100%{translate:0 0;rotate:-1deg}50%{translate:12px -18px;rotate:1deg}}@keyframes ember-rise{0%{opacity:0;translate:0 30px}25%,70%{opacity:.55}100%{opacity:0;translate:18px -65px}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .alive-reveal,html[data-motion=off] .collection-reveal,html[data-motion=off] .reveal{opacity:1!important;transform:none!important}html[data-motion=off] .ambient{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .alive-reveal,.js .reveal,.js .collection-reveal{opacity:1;transform:none}.ambient{display:none}}@media(max-width:600px){.motion-control{bottom:12px;right:12px;padding:9px 12px;font-size:8px}}
body{overflow-x:clip}