@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#080e0c;--cream:#f0ecda;--gold:#c7b685;--muted:#b4b6a9}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:7px}header{position:absolute;top:0;left:0;width:100%;padding:32px 4.5%;display:flex;justify-content:space-between;align-items:center;z-index:20}.brand{display:flex;gap:13px;align-items:center;font-size:14px;letter-spacing:3px;line-height:1.4}.sigil{font-size:46px;font-weight:400;color:var(--gold);line-height:1}nav{display:flex;gap:42px;font-size:14px}nav a{padding:10px 0;opacity:.68}nav a[aria-current]{opacity:1;border-bottom:1px solid #b6a679}nav span{margin-left:14px}h1,h2,.invitation-end>p{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.05em}h1{font-size:clamp(68px,7.8vw,126px);line-height:.92;margin:23px 0 28px}em{font-weight:400;color:var(--gold)}.journey{overflow:hidden}.journey main{height:100svh;min-height:680px;position:relative;overflow:hidden}.scene,.layer,.shade,#dust,.source{position:absolute;inset:0;pointer-events:none}.scene{overflow:hidden}.layer{will-change:transform,opacity;background-repeat:no-repeat}.forest,.woman{background-position:50% center;background-size:cover}.forest{background-image:url('/assets/forest-landscape.jpg');will-change:opacity}.woman{background-image:url('/assets/woman-layer.png')}.eye{background:url('/assets/eye.webp') center/cover;opacity:0;transform-origin:center}.roots{background:url('/assets/roots.webp') center/cover;opacity:0}.source{background:radial-gradient(ellipse at center,#fff8d5 0%,#e9ca80 5%,#8d8546 16%,#1f3c29 36%,#080e0c 68%);opacity:0}.shade{background:linear-gradient(90deg,#080e0ca6 0%,#080e0c66 31%,transparent 65%),linear-gradient(0deg,#080e0cf2,transparent 35%,transparent 80%,#080e0c88)}#dust{width:100%;height:100%;opacity:.8}.edition{position:absolute;top:148px;left:4.5%;font-size:12px;letter-spacing:2.5px;color:var(--muted)}.edition span{margin-left:44px;opacity:.5}.hero-copy{position:absolute;top:24%;left:9%;z-index:4;will-change:opacity,transform}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);line-height:1.6}.intro{color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 22px}.enter{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:32px;font-size:14px}.button-orbit{display:grid;place-items:center;width:46px;height:46px;border:1px solid #c7b68577;border-radius:50%;font-size:22px;transition:background .3s,transform .3s}.enter:hover .button-orbit{background:#c7b68525;transform:rotate(45deg)}.side-note{position:absolute;right:4%;top:43%;writing-mode:vertical-rl;letter-spacing:4px;font-size:12px;color:#ddd8b8a0}.journey-controls{position:absolute;bottom:60px;left:36%;right:12%;z-index:7}.control-top{display:flex;align-items:center;gap:24px;margin-bottom:12px;font-size:12px;letter-spacing:1px;color:var(--gold)}.control-top>span{margin-right:auto}.control-top button{border:0;background:none;padding:6px 0;font-size:12px;color:var(--muted)}.control-top button span{margin-left:6px}.chapters{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.chapters button{padding:8px 0;background:none;border:0;color:#b4b6a999;font-size:12px}.chapters .active{color:var(--cream)}input[type=range]{width:100%;accent-color:var(--gold);height:14px;margin:0;cursor:ew-resize}.scroll-hint{position:absolute;bottom:93px;left:4.5%;font-size:12px;letter-spacing:2px;color:var(--muted)}.scroll-hint span{display:block;margin-top:15px;font-size:24px}.skip{position:absolute;bottom:20px;right:4.5%;font-size:12px;color:var(--muted)}.chapter-copy{position:absolute;z-index:5;left:9%;bottom:25%;opacity:0;pointer-events:none;max-width:520px}.chapter-copy h2{font-size:clamp(60px,7vw,110px);line-height:.95;margin:15px 0 20px}.chapter-copy>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);max-width:340px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.invitation{overflow-x:hidden}.invitation-main{position:relative;padding:180px 9% 0;min-height:100vh;overflow:hidden}.invitation-art{position:absolute;z-index:-1;top:0;right:-15%;width:80%;height:1050px;background:linear-gradient(90deg,#080e0c,transparent 75%),linear-gradient(0deg,#080e0c,transparent 85%),url('/assets/roots.webp') center/cover;opacity:.5;animation:drift 35s ease-in-out infinite alternate}.invitation h1{font-size:clamp(68px,8vw,124px)}.invitation-body{max-width:440px;color:var(--muted);line-height:1.8}.invitation-body .lead{font-size:22px;color:var(--cream);line-height:1.6;margin:35px 0 24px}.folds{margin:70px 0 60px auto;max-width:600px}.folds details{border-top:1px solid #c7b68540}.folds details:last-child{border-bottom:1px solid #c7b68540}.folds summary{list-style:none;display:flex;align-items:center;gap:22px;padding:25px 0;cursor:pointer;font-size:24px;font-family:'Cormorant Garamond',Georgia,serif}.folds summary::-webkit-details-marker{display:none}.folds summary span{font:12px Manrope,Arial;color:var(--gold)}.folds summary b{margin-left:auto;color:var(--gold);font-weight:400;transition:transform .3s}.folds details[open] summary b{transform:rotate(45deg)}.folds details p{line-height:1.8;color:var(--muted);padding:0 38px 22px;margin:0}.invitation-end{border-top:1px solid #c7b68540;padding:48px 0 64px;display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}.invitation-end>p{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:0}.invitation-end #connection{max-width:580px;line-height:1.8;color:var(--muted)}#copy{background:none;border:1px solid #c7b68577;padding:12px 18px}#copy-status{display:block;font-size:14px;margin-top:10px}footer{padding:26px 0;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #c7b68540;font-size:12px;letter-spacing:1px;color:var(--muted)}@keyframes drift{to{transform:scale(1.1) rotate(3deg)}}@media(max-height:780px) and (min-width:761px){.hero-copy{top:22%}h1{font-size:80px}.intro{line-height:1.5}.edition{top:124px}.journey-controls{bottom:42px}.chapter-copy{bottom:24%}}@media(max-width:760px){header{padding:24px 6%}.brand{font-size:12px;letter-spacing:2px;gap:8px}.sigil{font-size:36px}nav{gap:20px;font-size:12px}nav span{display:none}.journey main{min-height:640px}.edition{top:110px;left:6%;font-size:10px}.edition span{display:none}.forest,.woman{background-position:85% center}.shade{background:linear-gradient(90deg,#080e0cb0,transparent),linear-gradient(0deg,#080e0c 3%,#080e0c33 55%,#080e0c55)}.hero-copy{top:24%;left:8%}h1{font-size:clamp(62px,15vw,88px)}.eyebrow{font-size:10px;letter-spacing:2px}.intro{font-size:14px;line-height:1.6}.enter{gap:24px}.journey-controls{left:8%;right:8%;bottom:62px}.chapters button{font-size:10px}.scroll-hint{display:none}.side-note{right:5%;font-size:10px;top:37%}.skip{right:8%;bottom:24px}.chapter-copy{left:8%;right:8%;bottom:29%}.chapter-copy h2{font-size:68px}.chapter-copy>p:last-child{font-size:14px;max-width:260px}.invitation-main{padding:150px 8% 0}.invitation h1{font-size:68px}.invitation-art{width:150%;right:-65%;height:950px;opacity:.38}.invitation-body .lead{font-size:20px}.folds{margin-top:50px}footer{flex-wrap:wrap;font-size:10px;line-height:1.6}.invitation-end{padding:40px 0}.invitation-end>p{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* V1.2.1: original transparent artwork framed without altering the PNG. */
.logo-frame{position:relative;display:block;width:clamp(220px,25vw,320px);aspect-ratio:859/267;overflow:hidden}
.logo-frame img{position:absolute;display:block;width:119.2084%;max-width:none;height:auto;left:-8.0326%;top:-78.6517%}
.journey.opening nav,.journey.opening .edition,.journey.opening .side-note,.journey.opening .scroll-hint,.journey.opening .skip{visibility:hidden;opacity:0;pointer-events:none}
.journey.opening .hero-copy{transform:translateY(100vh);pointer-events:none}
@media(max-width:760px){.logo-frame{width:170px}.invitation .logo-frame{width:170px}.invitation header{gap:16px}}

.journey .logo-frame{transform-origin:top left;will-change:transform}.journey.opening .logo-frame{transform:scale(1.7)}

/* V1.2.3: readable supporting text and the logo's sRGB magenta. */
:root{--brand-pink:#e40687}
em{color:var(--brand-pink)}
.eyebrow{font-size:clamp(16px,1.4vw,21px);color:#fff;letter-spacing:2px}
.intro,.chapter-copy>p:last-child{font-size:clamp(19px,1.7vw,25px);color:#fff;line-height:1.55}
.invitation-body,.folds details p,.invitation-end #connection{font-size:20px;color:#fff}
.invitation-body .lead{font-size:25px;color:#fff}
.journey .scroll-hint{display:block}
.journey.opening .scroll-hint{visibility:visible;opacity:1;pointer-events:none}
@media(max-width:760px){.eyebrow{font-size:16px}.intro,.chapter-copy>p:last-child{font-size:19px}.invitation-body,.folds details p,.invitation-end #connection{font-size:19px}.scroll-hint{left:8%;bottom:24px;font-size:11px}.scroll-hint span{margin-top:6px}.hero-copy{top:24%}}

/* V1.2.5: brighter foreground fairy dust and the existing magenta accent. */
#dust{opacity:1}.brand-accent{color:var(--brand-pink)}

/* V1.2.6: original fine dust, now above the shade; balanced chapter copy. */
#dust{opacity:.8}
#chapter-description{white-space:pre-line;text-wrap:balance}

.return-top{border:0;background:transparent;padding:0;text-align:left;font-family:inherit;z-index:8}.scroll-hint[hidden]{display:none!important}