@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{color-scheme:dark;--paper:#e9e7e1;--muted:#aaa9a5;--ink:#090b0c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.7 'DM Sans',Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{color:inherit}a{text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #ddd;outline-offset:6px}button:disabled{cursor:default}h1,h2,p{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(38px,4.6vw,76px)}em{font-weight:400;color:#a9aaa5}p+p{margin-top:18px}.eyebrow,.section-mark{font-size:10px;letter-spacing:.21em;line-height:1.8}.eyebrow{margin-bottom:28px;color:#b8b9b5}header{height:112px;display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:5;inset:0 0 auto;padding:0 5vw}.wordmark{font-size:24px;letter-spacing:.15em;line-height:1.2;font-weight:700}.wordmark span{display:block;font-size:8px;letter-spacing:.33em;font-weight:400;margin-top:10px}.header-right{display:flex;gap:55px;align-items:center}.edition{font-size:9px;letter-spacing:.19em;color:#9b9d9b}.menu-button{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.2em;min-height:48px}.menu-symbol{font-size:36px;font-weight:400;line-height:1;transition:transform .6s}.menu-button:hover .menu-symbol{transform:rotate(90deg)}.hero{min-height:800px;height:100svh;max-height:1200px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 40%,#20272b 0%,#0a1013 45%,#07090b 80%)}#sea{position:absolute;inset:0;width:100%;height:100%;opacity:.56}.horizon{position:absolute;top:57%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#8b93904d,transparent);box-shadow:0 0 80px 45px #7b858014}.coordinates{position:absolute;left:5vw;top:155px;font-size:8px;letter-spacing:.19em;color:#b1b6b6;line-height:2}.coordinates span{font-size:7px;color:#737c7e}.hero-type{position:absolute;left:13vw;top:31%;z-index:2;pointer-events:none}.hero h1{font-size:clamp(100px,12.2vw,200px);line-height:.94;letter-spacing:-.065em}.hero h1 em{color:#e0e0da}.hero-type .eyebrow{font-size:8px;letter-spacing:.25em;margin-bottom:30px}.ring-orbit{position:absolute;width:43vw;height:43vw;max-width:680px;max-height:680px;left:40%;top:18%;animation:float 15s ease-in-out infinite;filter:grayscale(1);opacity:.96}.ring-image{width:100%;height:100%;background:url('assets/ring-story.jpg') 60% 32% / 233% auto no-repeat;mask-image:radial-gradient(ellipse 33% 34% at 50% 50%,black 88%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 33% 34% at 50% 50%,black 88%,transparent 100%)}.hero-caption{position:absolute;left:69%;top:66%;z-index:3}.index{font-size:8px;letter-spacing:.23em;color:#aeb0ab}.hero-caption p{font:24px/1.4 'Playfair Display',Georgia,serif;margin:15px 0 19px}.text-link{display:inline-flex;gap:35px;align-items:center;padding:12px 0;border-bottom:1px solid #777;font-size:11px;letter-spacing:.03em}.text-link span{font-size:22px;line-height:1}.text-link:hover{border-color:white}.edge{position:absolute;top:51%;font-size:8px;letter-spacing:.22em;display:flex;gap:18px;align-items:center;color:#939b9a;z-index:3;padding:16px}.edge-left{left:2vw;writing-mode:vertical-rl;transform:rotate(180deg)}.edge-right{right:2vw;writing-mode:vertical-rl}.hero-bottom{position:absolute;bottom:32px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.17em;color:#909998;z-index:3}.hero-bottom a span{margin-left:15px;font-size:20px}.hero-bottom button{font-size:8px;letter-spacing:.1em;padding:14px 0}.mist{position:absolute;width:140%;height:25%;left:-30%;top:50%;background:radial-gradient(ellipse,#b0b6b31c,transparent 65%);filter:blur(24px);animation:mist 27s ease-in-out infinite alternate;pointer-events:none;z-index:1}.mist-two{top:18%;left:10%;opacity:.6;animation-duration:37s;animation-direction:alternate-reverse}.intro{padding:140px 9vw;display:grid;grid-template-columns:1fr 3fr;position:relative;gap:45px;border-bottom:1px solid #ffffff15}.intro h2{font-size:clamp(32px,3.6vw,58px);margin-bottom:35px}.intro p{max-width:500px;color:#a4a6a3;font-size:15px}.section-mark{color:#878c88;padding-top:12px}.thin-cross{position:absolute;right:8%;bottom:55px;font-size:55px;font-weight:400;color:#4c514f}.transformation{display:grid;grid-template-columns:1fr 1fr;min-height:800px}.transformation-photo{background:#c9c9c4;position:relative;overflow:hidden}.transformation-photo img{width:100%;height:100%;max-height:850px;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply}.transformation-photo>span{position:absolute;bottom:30px;left:40px;color:#252725;font-size:9px;letter-spacing:.18em}.transformation-copy{padding:100px 7vw}.transformation-copy h2{font-size:clamp(34px,3.8vw,62px);margin-bottom:35px}.transformation-copy p:not(.eyebrow){color:#a7aaa5;margin-bottom:18px;max-width:410px}.edition-note{border-top:1px solid #ffffff22;margin-top:60px;padding-top:25px;display:flex;gap:25px;align-items:center}.edition-note strong{font:45px Georgia,serif;font-weight:400}.edition-note span{font-size:8px;letter-spacing:.16em;line-height:1.9;color:#999e99}.artist{position:relative;min-height:800px;display:grid;grid-template-columns:55% 45%;overflow:hidden;background:#101211}.portrait-wrap{overflow:hidden}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.78);mask-image:linear-gradient(90deg,black 65%,transparent)}.artist-copy{padding:110px 8vw 120px 2vw;z-index:2}.artist-copy>p:not(.eyebrow){max-width:350px;color:#a8ada7;margin-top:28px}.artist-copy>p:nth-of-type(2){font:25px Georgia,serif;color:var(--paper);margin-top:15px}.artist-copy button{margin-top:30px}.artist-name{position:absolute;bottom:-95px;right:-15px;font-size:270px;letter-spacing:-.05em;font-weight:700;color:#ffffff05;line-height:1}.hidden-world{padding:120px 9vw 65px;background:#080a0a;overflow:hidden}.hidden-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hidden-heading>p{color:#9b9f9a;max-width:320px;font-size:13px;padding-bottom:8px}.story-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;margin-top:65px;scrollbar-width:thin;scrollbar-color:#444 transparent;padding-bottom:20px;cursor:grab}.secret{flex:1 0 29%;min-width:250px;position:relative;text-align:left;min-height:380px;border:1px solid #ffffff12;background:radial-gradient(ellipse at 50% 40%,#25292855,transparent 70%);overflow:hidden;scroll-snap-align:center;padding:30px;transition:border-color .5s}.secret:hover{border-color:#ffffff55}.secret-art{position:absolute;left:30%;top:10%;height:180px;width:40%;filter:blur(18px);opacity:.25;animation:float 18s ease-in-out infinite;background:#9b9f97}.shape-one{border-radius:50% 20% 40% 10%;transform:rotate(25deg)}.shape-two{border-radius:50%;width:130px;height:130px;box-shadow:inset 0 0 0 40px #060909;background:#b3b8ad;filter:blur(20px)}.shape-three{height:100px;top:20%;transform:rotate(-20deg)}.secret-num{font:12px Georgia,serif;color:#777}.secret-label{position:absolute;bottom:75px;left:30px;font:27px/1.25 'Playfair Display',Georgia,serif}.secret-note{position:absolute;bottom:30px;left:30px;font-size:7px;letter-spacing:.17em;color:#92998e}.swipe-hint{text-align:right;font-size:8px;letter-spacing:.16em;color:#727b73;margin-top:14px}.swipe-hint span{margin-left:25px;font-size:22px}.collaboration{padding:120px 9vw;display:grid;grid-template-columns:.65fr 1.7fr 1.5fr;gap:50px;align-items:start;background:#101211}.collaboration h2{font-size:clamp(35px,3.4vw,56px);margin-bottom:32px}.collaboration p{font-size:14px;color:#9ba49b;max-width:380px}.collaboration img{width:100%;margin-top:80px;filter:grayscale(1)}.signature{display:block;font:italic 25px Georgia,serif;margin-top:35px}.collaboration small{display:block;font-size:7px;letter-spacing:.15em;margin-top:12px;color:#8a928a}.invite{text-align:center;padding:140px 24px 130px;background:radial-gradient(ellipse at bottom,#28312b66,transparent 65%)}.invite h2{font-size:clamp(47px,6vw,95px);margin-bottom:30px}.invite>p:not(.eyebrow){font-size:14px;color:#adb1a9}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;padding:18px 25px;background:var(--paper);color:#151815;font-size:12px;margin-top:35px;min-height:56px}.primary:hover{background:white}.primary span{font-size:20px;line-height:1}.invite small{display:block;font-size:7px;letter-spacing:.16em;margin-top:25px;color:#8a948a}footer{border-top:1px solid #ffffff15;padding:45px 5vw;display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-logo{font-size:19px;letter-spacing:.15em;font-weight:700}footer p{font-size:8px;letter-spacing:.15em;color:#9ba299}footer>div{display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer button,footer span{font-size:8px;color:#8f988e}footer button{padding:12px 0}dialog{border:1px solid #555;background:#101412;color:var(--paper);max-width:800px;width:calc(100% - 40px);max-height:90svh;padding:65px;overscroll-behavior:contain}dialog::backdrop{background:#000b;backdrop-filter:blur(15px)}dialog .close{position:absolute;right:20px;top:12px;width:44px;height:44px;padding:0;border:0;background:transparent;font-size:23px;line-height:1;font-weight:300;color:#aaa9a5;display:grid;place-items:center;transition:color .15s ease}.close:hover,.close:focus-visible{color:#e9e7e1}dialog h2{font-size:50px;margin-bottom:30px}dialog p{color:#b0b6ad;margin:20px 0;font-size:14px}dialog img{width:100%;max-height:380px;object-fit:cover;filter:grayscale(1);margin:25px 0}#menu{max-width:none;width:100%;height:100svh;max-height:none;margin:0;border:0;padding:12vh 15vw;background:#0b100ff7}#menu nav{display:flex;flex-direction:column}#menu nav a{font:clamp(27px,5vw,70px)/1.4 'Playfair Display',Georgia,serif;padding:12px 0;border-bottom:1px solid #ffffff18}#menu nav a span{font:9px Arial;margin-right:25px;color:#7f8b80}.menu-foot{font-size:8px!important;letter-spacing:.15em;margin-top:45px!important}#signup{max-width:660px}#signup h2{font-size:47px}form label{display:block;font-size:11px;margin:22px 0 8px;color:#bdc4bb}form label>span{color:#939c91}form input:not([type=checkbox]){display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #778172;background:transparent;border-radius:0;color:white}form input::placeholder{color:#747d71}form .check{display:flex;align-items:flex-start;gap:12px;font-size:10px;line-height:1.6}.check input{accent-color:#ddd;width:17px;height:17px;flex-shrink:0;margin:3px 0}form .primary{width:100%;margin-top:18px}.preview-note{border-left:2px solid #707b6a;padding-left:15px;font-size:11px!important}.skip{position:fixed;top:-100px;left:10px;z-index:99;background:white;color:black;padding:10px}.skip:focus{top:10px}.paused *{animation-play-state:paused!important}@keyframes float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -18px;rotate:2deg}}@keyframes mist{from{transform:translateX(-12%) scale(1)}to{transform:translateX(16%) scale(1.1)}}
@media(min-width:1700px){.ring-orbit{left:43%;top:20%}}
@media(max-width:900px){header{height:95px}.edition{display:none}.hero{min-height:760px}.hero-type{left:10%;top:28%}.hero h1{font-size:16vw}.ring-orbit{width:65vw;height:65vw;left:35%;top:25%}.hero-caption{left:55%;top:66%}.hero-bottom>span{display:none}.intro{padding:90px 7vw;grid-template-columns:1fr}.transformation-copy{padding:65px 6vw}.transformation{min-height:650px}.artist{min-height:650px;grid-template-columns:50% 50%}.artist-copy{padding:70px 6vw 80px 0}.collaboration{grid-template-columns:1fr 1fr;gap:30px}.collaboration>.section-mark{grid-column:1/-1}.collaboration img{margin-top:10px}footer{flex-wrap:wrap}.hidden-world{padding:85px 7vw 50px}.secret{flex-basis:40%}}
@media(max-width:600px){header{padding:0 24px}.wordmark{font-size:19px}.wordmark span{font-size:6px}.menu-button{font-size:7px;gap:7px}.hero{height:100svh;min-height:740px;max-height:1000px}.coordinates{top:125px;left:25px;font-size:7px}.coordinates span{font-size:6px}.hero-type{left:9%;top:25%;z-index:2}.hero h1{font-size:26vw}.hero-type .eyebrow{font-size:6px;max-width:210px;margin-bottom:25px}.ring-orbit{width:96vw;height:96vw;left:21%;top:31%;opacity:.82}.hero-caption{top:auto;bottom:100px;left:42%;right:25px}.hero-caption p{font-size:20px;margin:10px 0}.hero-caption .text-link{font-size:9px;gap:20px}.index{font-size:7px}.edge{font-size:6px;padding:6px;top:57%;gap:10px}.edge-left{left:5px}.edge-right{right:5px}.hero-bottom{left:24px;right:24px;bottom:22px;font-size:6px}.hero-bottom button{font-size:6px}.intro{padding:80px 28px;gap:24px}.intro h2{font-size:33px}.intro p{font-size:14px}.thin-cross{display:none}.transformation{display:flex;flex-direction:column}.transformation-photo{height:470px}.transformation-photo img{object-position:center 55%}.transformation-copy{padding:65px 28px}.transformation-copy h2{font-size:40px}.transformation-copy p:not(.eyebrow){font-size:14px}.artist{display:block}.portrait-wrap{height:460px}.portrait-wrap img{mask-image:linear-gradient(black 65%,transparent);object-position:50% 30%}.artist-copy{padding:0 28px 80px;margin-top:-30px;position:relative}.artist h2{font-size:54px}.artist-name{font-size:180px;bottom:-55px}.hidden-world{padding:75px 28px 40px}.hidden-heading{display:block}.hidden-heading h2{font-size:51px}.hidden-heading>p{margin-top:30px}.story-track{margin-top:40px;margin-right:-28px;padding-right:28px}.secret{flex-basis:85%;min-height:370px}.collaboration{padding:75px 28px;display:flex;flex-direction:column}.collaboration h2{font-size:47px}.collaboration img{margin-top:20px}.invite{padding:90px 25px}.invite h2{font-size:49px}.invite>p:not(.eyebrow){font-size:12px}.invite .eyebrow{font-size:8px}footer{padding:35px 28px;display:block}footer p{margin-top:20px}footer>div{margin-top:20px;gap:20px}footer>div span{width:100%}dialog{padding:65px 26px 35px;width:calc(100% - 24px)}dialog h2,#signup h2{font-size:38px}#menu{padding:110px 30px}#menu nav a{font-size:35px;padding:20px 0}.menu-foot{max-width:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Experiment 002: visible but deliberate movement; manual choice overrides initial preference. */
#sea{opacity:.85}.ring-orbit{animation:float 10s ease-in-out infinite}.mist{height:38%;top:41%;background:radial-gradient(ellipse at 35% 55%,#cbd2cf42,transparent 61%),radial-gradient(ellipse at 65% 40%,#b9c8c62b,transparent 58%);filter:blur(20px);animation:mist 18s ease-in-out infinite alternate}.mist-two{top:10%;opacity:.65;animation-duration:24s}.hero-bottom button{min-height:44px;font-size:10px}body{--gold:#c5a569}.gold-chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;padding:110px 8vw;align-items:center;background:#0b0c0b}.gold-copy h2{margin-bottom:30px}.gold-copy h2 em{color:var(--gold)}.gold-copy>p:not(.eyebrow){color:#a7aaa5;max-width:440px}.gold-chapter figure{margin:0}.gold-chapter img{width:100%;display:block}.gold-chapter figcaption{font-size:9px;letter-spacing:.15em;margin-top:18px;color:#aaa}.portrait-wrap img{object-position:45% 30%}.secret:hover .secret-art,.secret:focus-visible .secret-art{filter:blur(9px);opacity:.4}.secret-art{transition:filter 1.2s,opacity 1.2s}
@keyframes float{0%,100%{translate:0 10px;rotate:-3deg}50%{translate:12px -25px;rotate:3deg}}@keyframes mist{from{transform:translateX(-18%) scale(.9)}to{transform:translateX(27%) scale(1.15)}}
@media(max-width:600px){.gold-chapter{grid-template-columns:1fr;padding:70px 28px;gap:40px}.gold-copy h2{font-size:40px}.gold-chapter figcaption{font-size:8px}.hero-bottom button{font-size:8px}}

/* Photo-derived coast replaces schematic water; existing type and composition retained. */
.coast-scene{position:absolute;inset:-1%;background:url('assets/coast-panorama.png') center 57% / cover no-repeat;filter:brightness(.48);animation:coast-breathe 24s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#05090978,transparent 70%),linear-gradient(0deg,#07090bdd,transparent 36%,#07090b55);z-index:1}.horizon{display:none}.coordinates{z-index:2}.mist{opacity:.45}.mist-two{opacity:.25}.arrow-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0}.primary{background:#ffffff0b;color:var(--paper);border:1px solid #ffffff45;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff12;transition:background .3s,border-color .3s}.primary:hover{background:#ffffff16;border-color:#ffffff90}form input:not([type=checkbox]){padding:14px 16px;background:#ffffff06;border:1px solid #ffffff25;border-radius:12px}dialog{border-radius:20px}#menu{border-radius:0}@keyframes coast-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(max-width:600px){.coast-scene{background-position:50% 58%;filter:brightness(.5)}.primary{border-radius:16px}}

@media(max-width:600px){.coast-scene{background-image:url('assets/coast-storm.png')}}
.gold-chapter figure img{object-fit:contain;background:#000;}

/* Blend the original black photo ground into its surrounding chapter. */
.gold-chapter{isolation:isolate}.gold-chapter figure img{mix-blend-mode:lighten}

/* Mobile close-control fix: remove prominent focus frame on touch devices. */
@media (hover:none) and (pointer:coarse){dialog .close:focus,dialog .close:focus-visible{outline:none;box-shadow:none}}