@view-transition { navigation:none; }

/* Homepage only: dimensional card, cinematic stars and editorial spacing. */
body[data-page="index"] { background:#08090c; }
body[data-page="index"] .site-header { position:fixed; inset:0 0 auto; background:transparent; backdrop-filter:none; }
.cosmos-hero { position:relative; --stage-height:clamp(850px,calc(100svh - var(--header-height)),1200px); height:calc(var(--header-height) + var(--stage-height)); isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 52% 62%,#24252c 0,#12131a 30%,#08090c 68%); }
.starfield-poster { position:absolute; inset:0; width:100%; height:100%; z-index:-2; pointer-events:none; }
.cosmos-hero[data-stars-ready] .starfield-poster { visibility:hidden; }
.starfield { position:absolute; inset:0; width:100%; height:100%; z-index:-2; }
.cosmos-halo { position:absolute; width:80%; height:28%; left:12%; top:48%; border-radius:50%; background:radial-gradient(ellipse,#b99a6425,transparent 68%); filter:blur(35px); transform:rotate(-23deg); z-index:-1; }
.cosmos-heading { position:absolute; top:calc(var(--header-height) + var(--stage-height) * .05); left:0; width:100%; text-align:center; z-index:2; pointer-events:none; }
.cosmos-heading .eyebrow { font-size:.6rem; letter-spacing:.28em; color:#c9b58c; }
.cosmos-heading h1 { margin:1.6rem 0 0; font-size:clamp(4rem,6.5vw,7rem); line-height:1.02; font-weight:300; letter-spacing:-.055em; }
.cosmos-heading em,.luxury-heading em,.closing em { font-family:Georgia,"Times New Roman",serif; font-weight:400; color:#d6c29a; }
.card-universe { position:absolute; inset:calc(var(--header-height) + var(--stage-height) * .32) 0 calc(var(--stage-height) * .17); display:grid; place-items:center; perspective:1400px; pointer-events:none; }
.card-float { width:clamp(300px,39vw,560px); aspect-ratio:85.6/53.98; transform-style:preserve-3d; animation:weightless 9s ease-in-out infinite; }
.sculpture-card { position:relative; width:100%; height:100%; transform-style:preserve-3d; transform:rotateX(24deg) rotateY(-19deg) rotateZ(-14deg); transition:transform .7s ease-out; }
.sculpture-face,.sculpture-back { position:absolute; inset:0; border-radius:3.715% / 5.89%; backface-visibility:hidden; }
.sculpture-face { transform:translateZ(var(--card-half-depth)); padding:7%; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; background:repeating-linear-gradient(0deg,#ffffff06 0px,#ffffff06 1px,transparent 1px,transparent 3px),linear-gradient(115deg,#323639 0%,#747773 20%,#d3d0c5 42%,#989991 57%,#484e50 82%,#8c918b 100%); border:1px solid #d4d6ca99; box-shadow:inset 0 1px 1px #fff9,0 30px 75px #0009; }
.sculpture-back { background:#565b5b; transform:translateZ(calc(-1 * var(--card-half-depth))) rotateY(180deg); box-shadow:0 0 0 1px #b4b5ac; }
.sculpture-face img { width:21%; opacity:.95; filter:drop-shadow(0 1px 1px #0004); }
.sculpture-engraving { display:grid; gap:.7rem; color:#202726; font: .6rem ui-monospace,monospace; letter-spacing:.2em; text-shadow:0 1px #fff4; }
.sculpture-engraving span:last-child { font-size:.42rem; letter-spacing:.12em; }
.sculpture-glint { position:absolute; inset:-80%; background:linear-gradient(110deg,transparent 42%,#fff4 50%,transparent 58%); animation:metal-light 12s ease-in-out infinite; pointer-events:none; }
.cosmos-aside { position:absolute; top:calc(var(--header-height) + var(--stage-height) * .53); left:6%; font-size:.75rem; line-height:1.8; color:#a6a5a5; letter-spacing:.02em; }
.cosmos-intro { position:absolute; right:6%; bottom:12%; max-width:19rem; }
.cosmos-intro p { font-size:1rem; line-height:1.65; color:#c3c0b9; margin:0 0 1rem; }
.cosmos-scroll { position:absolute; bottom:3.5%; left:6%; font: .55rem ui-monospace,monospace; letter-spacing:.17em; color:#b2afa8; display:flex; align-items:center; gap:2rem; padding:1rem 0; }
.cosmos-scroll span { font-size:1rem; color:#d6c29a; }
body[data-page="index"] .home-paths { background:#0b0c0f; }
.luxury-heading { text-align:center; margin:0 auto 6rem; }
.luxury-heading h2 { margin:1.7rem auto 2rem; font-size:clamp(3rem,5.5vw,6rem); line-height:1.05; letter-spacing:-.045em; font-weight:300; }
.luxury-heading>p:last-child { color:#a6a5a0; line-height:1.8; font-size:1rem; }
body[data-page="index"] .destination { border:0; border-top:1px solid #47443d; background:transparent; padding:2rem .5rem; min-height:17rem; }
body[data-page="index"] .destination h2 { font-weight:300; font-size:2.5rem; }
body[data-page="index"] .destination:hover { border-color:#d6c29a; }
body[data-page="index"] .closing h2 { font-weight:300; letter-spacing:-.055em; line-height:1; }
@keyframes weightless { 0%,100%{transform:translateY(0) rotateZ(-1deg)} 50%{transform:translateY(-20px) rotateZ(2deg)} }
@keyframes metal-light { 0%,100%{transform:translateX(-20%);opacity:.3} 50%{transform:translateX(25%);opacity:.8} }
@media(max-width:800px) {
 .cosmos-hero { --stage-height:830px; }
 .cosmos-heading { top:calc(var(--header-height) + var(--stage-height) * .06); }
 .cosmos-heading h1 { font-size:clamp(3.5rem,10vw,5.3rem); }
 .card-universe { inset:calc(var(--header-height) + var(--stage-height) * .33) 0 calc(var(--stage-height) * .29); }
 .card-float { width:65%; max-width:440px; }
 .cosmos-aside { top:auto; bottom:calc(var(--stage-height) * .23); left:7%; font-size:.65rem; }
 .cosmos-intro { bottom:8%; right:7%; max-width:16rem; }
 .cosmos-intro p { font-size:.85rem; }
 .cosmos-scroll { bottom:2%; left:7%; font-size:.48rem; }
 .luxury-heading { margin-bottom:3.5rem; }
}
@media(max-width:480px) {
 .cosmos-hero { --stage-height:760px; }
 .cosmos-heading .eyebrow { font-size:.5rem; }
 .cosmos-heading h1 { margin-top:1.4rem; }
 .card-universe { inset:calc(var(--header-height) + var(--stage-height) * .29) 0 calc(var(--stage-height) * .31); }
 .card-float { width:76%; }
 .cosmos-aside { bottom:calc(var(--stage-height) * .28); }
 .cosmos-intro { bottom:9%; }
 .sculpture-engraving { font-size:.42rem;gap:.5rem; }
 .sculpture-engraving span:last-child { font-size:.3rem; }
 .luxury-heading h2 { font-size:3rem; }
}
@media(prefers-reduced-motion:reduce) {
 .card-float,.sculpture-glint { animation:none; }
 .sculpture-card { transition:none; }
}

.sculpture-rim { position:absolute; inset:0; border-radius:3.715% / 5.89%; background:linear-gradient(115deg,#444a4d,#bbc0bc 42%,#50575a 82%,#a0a6a2); backface-visibility:visible; }


/* Fit the composition to the visible opening screen, including the header. */
.cosmos-hero { --stage-height:calc(100svh - var(--header-height)); height:100svh; min-height:640px; }
.cosmos-heading { top:calc(var(--header-height) + 1.5vh); }
.cosmos-heading h1 { font-size:clamp(3.4rem,min(6.5vw,10vh),7rem); margin-top:1rem; }
.card-universe { inset:43% 0 17%; }
.card-float { width:min(39vw,54vh,560px); min-width:260px; }
.cosmos-aside { top:58%; }
.cosmos-intro { bottom:7%; max-width:17rem; z-index:3; }
.cosmos-intro p { font-size:.9rem; margin-bottom:.5rem; }
.cosmos-scroll { bottom:2%; }
@media(max-width:800px) {
 .cosmos-hero { min-height:700px; }
 .cosmos-heading { top:calc(var(--header-height) + 1.5vh); }
 .cosmos-heading h1 { font-size:clamp(3rem,min(10vw,7.8vh),5rem); }
 .card-universe { inset:38% 0 29%; }
 .card-float { width:min(70vw,40vh); min-width:0; }
 .cosmos-aside { top:auto; bottom:26%; }
 .cosmos-intro { bottom:7%; right:7%; }
 .cosmos-scroll { bottom:1%; }
}