:root{color-scheme:dark;--ink:#f3eee4;--muted:#a7b4ba;--gold:#e3c4a2;--blue:#9fced9;--energy:0;--dock:108px;font-family:Arial,Helvetica,sans-serif;background:#080d15;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;overflow-x:hidden;padding-bottom:var(--dock);background:radial-gradient(ellipse at 68% 20%,#12202b60,transparent 48%)}
a{color:inherit;text-underline-offset:5px}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{cursor:pointer}a:hover{color:var(--blue)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-90px;left:20px;z-index:20;padding:14px;background:#f3eee4;color:#080d15}.skip:focus{top:12px}
#river{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}body{isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(145deg,#080d15 20%,#101d28 75%,#080d15);pointer-events:none}
.masthead{max-width:1480px;padding:24px 5vw 12px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.masthead a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.brand{gap:11px;font-size:11px;letter-spacing:.22em}.brand-mark{font-size:29px;color:var(--gold)}.back{gap:20px;font-size:12px;color:var(--muted)}
.arrival{position:relative;max-width:1320px;min-height:460px;height:calc(100svh - 190px);max-height:920px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;margin:0 auto;padding:10px 6vw 36px;gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:10px;line-height:1.7}.small-star{margin-right:14px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.97;margin:28px 0}h1{font-size:clamp(62px,6.2vw,94px);margin:18px 0}h1 em,h2 em{font-weight:400;color:var(--gold)}.invitation{font-size:15px;line-height:1.8;color:#bdc7cb;margin-top:20px}.shore-link{display:inline-flex;align-items:center;gap:32px;min-height:44px;text-decoration:none;font-size:11px;letter-spacing:.06em;margin-top:16px;border-bottom:1px solid #8dabb14d}.shore-link span{font-size:19px}
.earth-work{height:calc(100svh - 236px);min-height:350px;max-height:760px;min-width:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center}.earth-figure{width:auto;height:calc(100% - 32px);max-height:760px;aspect-ratio:724/1086;position:relative;margin:0;max-width:100%}.earth-figure>img{width:100%;height:100%;object-fit:contain;display:block;mask-image:linear-gradient(to right,transparent,#000 6%,#000 95%,transparent)}.earth-figure figcaption{position:absolute;bottom:-2px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c8cccf;background:linear-gradient(transparent,#080d15);padding:20px 0 4px}.branch-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.heart-glow{opacity:calc(.12 + var(--energy)*.65)}.currents{stroke-dasharray:40 180;opacity:calc(.1 + var(--energy)*.6)}.earth-rim{opacity:calc(.12 + var(--energy)*.65)}.heart-touch{position:absolute;left:59%;top:32.7%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #fbb29e65;border-radius:50%;background:transparent;box-shadow:0 0 26px #dc4a4530}.heart-touch:hover{border-color:#ffd8be;box-shadow:0 0 35px #eb6b5960}.heart-touch:active{transform:translate(-50%,-50%) scale(.92)}.touch-hint{font-size:10px;color:var(--muted);letter-spacing:.06em;margin:18px 0 0}.chapter-mark{position:absolute;right:18px;bottom:58px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.24em;color:#768791}
.shore{max-width:1180px;margin:100px auto 0;padding:80px 6vw 90px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;position:relative;scroll-margin-top:22px}.shore:before{content:"";position:absolute;left:18%;top:0;width:50%;height:1px;background:linear-gradient(90deg,transparent,#b9b5a34d,transparent);transform:rotate(-12deg)}h2{font-size:clamp(38px,4.5vw,67px);line-height:1.07}.shore-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9}.fine-orbit{width:150px;height:55px;border:1px solid #9fced925;border-radius:50%;transform:rotate(-28deg);margin:60px 0 0 4px;display:grid;place-items:center;color:var(--gold)}.fine-orbit span{transform:rotate(28deg);font-size:19px}.phoem-work{min-width:0}.phoem-work figure{margin:0}.phoem-image{display:block;box-shadow:0 25px 100px #0006;border:1px solid #e3c4a225}.phoem-image img{width:100%;height:auto;display:block}.phoem-image:focus-visible{outline-offset:8px}.phoem-work figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;line-height:1.6;color:var(--muted);padding-top:15px}.phoem-work figcaption a{display:inline-flex;align-items:center;gap:10px;min-height:44px;flex-shrink:0}.reading{font-size:12px;color:var(--muted);margin-top:5px}.reading summary{cursor:pointer;min-height:44px;align-content:center}.reading p{line-height:1.9;color:var(--ink);padding:10px 0;margin:0}
.afterglow{text-align:center;padding:75px 24px 100px;max-width:780px;margin:auto}.afterglow h2{font-size:clamp(44px,6vw,80px);margin:28px 0 35px}.afterglow>p{line-height:1.8;font-size:13px;color:var(--muted)}.afterglow .eyebrow{color:var(--gold);font-size:9px}.afterglow .credit-note{font-size:10px;color:#91a0a8;margin-top:25px}.next-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 38px;margin-top:35px;font-size:12px}.next-links a{display:inline-flex;align-items:center;gap:16px;min-height:44px}.room-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 5vw 35px;border-top:1px solid #c3dbe515;color:#8d9da6;font-size:10px}.room-footer a{min-height:44px;display:inline-flex;align-items:center}
.sound-dock{position:fixed;bottom:0;left:0;right:0;z-index:10;min-height:var(--dock);padding:18px 5vw 11px;background:#09121af0;backdrop-filter:blur(18px);border-top:1px solid #aec9d52e;display:grid;grid-template-columns:210px 1fr;align-items:center;gap:0 30px}.track-info{display:flex;gap:14px;align-items:center}.track-flower{font-size:38px;color:var(--gold);line-height:1}.track-info strong{display:block;font:400 17px Georgia,serif;letter-spacing:.01em}.track-info div>span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.custom-player{display:none;grid-template-columns:116px 1fr auto auto;align-items:center;gap:22px}.enhanced .custom-player{display:grid}.enhanced audio{display:none}.play{min-height:46px;border-radius:30px;padding:9px 15px;border:1px solid #d2d3bc80;background:#e1ceb7;color:#10202b;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px}.play:hover{background:#f4dfc4}.play>span:first-child{font-size:11px}.quiet{border:0;background:transparent;color:#bdcbd2;font-size:10px;min-height:44px;padding:6px 3px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#6f8a9850}.quiet:hover{color:#fff}.timeline{min-width:0}.timeline input{display:block;width:100%;height:24px;accent-color:var(--gold);cursor:pointer;margin:0}.timeline input:disabled{cursor:default}.time{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:9px;color:#a0b0b8;margin-top:1px}.player-status{grid-column:1/-1;text-align:center;margin:7px 0 0;font-size:9px;color:#9cabb3;letter-spacing:.06em;min-height:12px}.no-script{padding:20px 5vw;line-height:1.7}
@media(min-width:1600px){.arrival{padding-left:70px;padding-right:70px}}
@media(max-width:800px){.earth-work{height:auto;min-height:0}.arrival{height:auto;min-height:600px;grid-template-columns:.9fr 1.1fr;padding:25px 5vw 40px}h1{font-size:clamp(54px,9.5vw,78px)}.earth-figure{height:auto;width:100%;max-height:none}.shore{gap:40px;padding-left:5vw;padding-right:5vw}.sound-dock{grid-template-columns:160px 1fr;gap:0 18px;padding-left:4vw;padding-right:4vw}.custom-player{grid-template-columns:90px 1fr auto;gap:12px}#motion{grid-column:3;grid-row:1}#mute{grid-column:3;grid-row:2;min-height:44px;margin-top:0;align-self:end}.timeline{grid-column:2;grid-row:1/3}.custom-player .play{grid-row:1/3}.track-info strong{font-size:15px}.track-flower{font-size:28px}.track-info{gap:10px}.track-info div>span{font-size:9px}.player-status{text-align:left;margin-left:0}}
@media(max-width:540px){:root{--dock:184px}.masthead{padding:14px 20px 0;gap:10px}.brand{font-size:8px;letter-spacing:.16em;gap:8px}.brand-mark{font-size:25px}.back{font-size:10px;gap:8px}.arrival{display:flex;flex-direction:column;align-items:stretch;padding:30px 24px 20px;gap:24px;max-height:none}.welcome{position:relative}.eyebrow{font-size:8px;letter-spacing:.18em}h1{font-size:clamp(55px,15vw,80px);line-height:.96;margin:18px 0}h1 br:nth-child(2){display:none}h1 em{display:block}.invitation{font-size:12px;line-height:1.7;margin:18px 0 0}.shore-link{position:absolute;right:0;bottom:0;font-size:9px;gap:12px;margin:0;max-width:115px}.earth-work{align-self:stretch;max-width:390px;width:100%;margin:auto}.earth-figure{width:100%;height:auto}.earth-figure figcaption{font-size:8px;letter-spacing:.09em}.touch-hint{font-size:9px;margin-top:12px}.chapter-mark{display:none}.shore{margin:55px auto 0;display:block;padding:50px 24px 30px}.shore-intro{padding-bottom:32px}h2{font-size:43px;line-height:1.08;margin:20px 0}.shore-intro>p:not(.eyebrow){font-size:12px}.fine-orbit{display:none}.phoem-work figcaption{display:block;font-size:10px}.phoem-work figcaption>a{margin-top:6px}.reading{font-size:11px}.afterglow{padding:65px 24px 60px}.afterglow h2{font-size:45px}.next-links{gap:10px 30px}.room-footer{padding:15px 24px 25px;align-items:start;line-height:1.6}.room-footer span{max-width:140px;text-align:right;padding-top:12px}.sound-dock{padding:12px 20px 10px;display:block}.track-info{margin-bottom:8px}.track-info strong{font-size:15px}.track-info div>span{display:inline;margin-left:8px;font-size:9px}.track-info>div{display:flex;align-items:baseline;flex-wrap:wrap}.track-flower{font-size:23px}.custom-player,.enhanced .custom-player{grid-template-columns:84px 1fr 74px;gap:0 12px}.custom-player{display:none}.custom-player .play{grid-row:1;padding:8px 12px;min-height:45px}.custom-player .timeline{grid-row:1;grid-column:2/4}#motion{grid-row:2;grid-column:3;min-height:44px;text-align:right;font-size:9px}#mute{grid-row:2;grid-column:2;margin:0;min-height:44px;text-align:right;font-size:9px}.player-status{font-size:8px;margin-top:9px;text-align:center}.sound-dock audio{max-width:100%;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:540px){.arrival{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:18px 20px 22px;min-height:0}.welcome .eyebrow{font-size:7px;letter-spacing:.1em;max-width:130px}.small-star{margin-right:5px}h1{font-size:clamp(30px,9.4vw,45px);line-height:1.02;margin:14px 0}.invitation{font-size:10px;line-height:1.6;margin-top:16px}.invitation br{display:none}.shore-link{position:static;max-width:none;gap:10px;margin-top:12px;font-size:8px;min-height:44px}.earth-work{min-width:0}.earth-figure figcaption{font-size:6px;letter-spacing:.04em;padding-top:9px;bottom:-5px}.touch-hint{font-size:8px;line-height:1.6;text-align:center;max-width:125px;margin-top:14px}.phoem-work figcaption>span{display:block}.phoem-work figcaption>a{display:flex;width:fit-content}}