@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap');:root{--bg:#081321;--panel:#101e2d;--gold:#d3b88e;--cream:#f2e9dc;--muted:#abb4bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(22px,6vw,90px);background:rgba(8,19,33,.94);border-bottom:1px solid #ffffff19;backdrop-filter:blur(14px)}.brand{font-family:Georgia,serif;letter-spacing:.19em;color:var(--gold);font-size:18px}.site-header nav{display:flex;gap:30px}.site-header nav a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ddd3c5}.site-header nav a:hover,.text-link:hover{color:white}.menu{display:none;background:none;border:1px solid #a89a80;color:var(--gold);padding:6px 14px}.hero{min-height:730px;display:grid;grid-template-columns:1fr 42%;align-items:center;gap:6vw;padding:70px clamp(22px,9vw,145px);background:radial-gradient(ellipse at 72% 45%,#233449 0%,#081321 60%)}.eyebrow{font-size:11px;letter-spacing:.23em;color:var(--gold);font-weight:600}.hero h1{font:500 clamp(62px,8vw,126px)/.91 'Cormorant Garamond',Georgia,serif;letter-spacing:.025em;color:var(--gold);margin:25px 0}.hero-line{max-width:420px;color:#d2d5d6;font:27px/1.35 'Cormorant Garamond',Georgia,serif}.hero-image{max-width:430px;box-shadow:0 20px 80px #0009}.hero-image img{display:block;width:100%}.text-link{display:inline-block;margin-top:25px;border-bottom:1px solid var(--gold);padding-bottom:7px;color:var(--gold);letter-spacing:.08em;font-size:12px;text-transform:uppercase}.section{padding:100px clamp(22px,12vw,180px)}.intro{max-width:1050px}.section h2{font:400 clamp(43px,5vw,76px)/1.06 'Cormorant Garamond',Georgia,serif;margin:15px 0 35px}.section h2 em{color:var(--gold);font-weight:400}.section p:not(.eyebrow){max-width:710px;color:#c9cbd0}.status,.note{font-size:13px;color:var(--muted)!important}.glimpses{background:var(--panel)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.teaser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:25px}.teaser{background:#081321;border:1px solid #ffffff1a}.teaser-img{height:440px;overflow:hidden}.teaser-img img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .7s}.teaser:hover img{transform:scale(1.04)}.teaser-body{padding:30px}.teaser h3{font:400 39px/1.1 'Cormorant Garamond',Georgia,serif;margin:12px 0}.view{padding:0;border:0;background:none;color:var(--gold);cursor:pointer;border-bottom:1px solid var(--gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.interlude{padding:130px 25px;text-align:center;background:#172338}.interlude p{font:italic clamp(32px,5vw,65px) 'Cormorant Garamond',Georgia,serif;margin:0 auto 20px;max-width:1000px}.interlude span{color:var(--gold);letter-spacing:.2em;font-size:11px}.author{max-width:1000px}.updates{background:#0d1b2b}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:35px clamp(22px,6vw,90px);font-size:12px;color:#aaa;border-top:1px solid #ffffff22}footer span:first-child{color:var(--gold);letter-spacing:.14em}dialog{max-width:min(94vw,500px);padding:0;border:1px solid #7d6c58;background:#081321;color:white}dialog::backdrop{background:#000c}.close{position:absolute;right:8px;top:3px;z-index:2;border:0;background:#081321d9;color:white;font-size:32px;cursor:pointer}.scene-frame{position:relative;height:min(76vh,700px);aspect-ratio:9/16;max-width:90vw;overflow:hidden}.scene-frame img{width:100%;height:100%;object-fit:cover;animation:zoom 15s ease-in-out infinite alternate}.scene-overlay{position:absolute;inset:0;background:linear-gradient(transparent 42%,#081321ce 100%);display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;padding:35px}.scene-overlay p{font:italic 37px 'Cormorant Garamond',Georgia,serif;text-shadow:0 2px 15px #000}.scene-overlay span{font:24px/1.15 Georgia,serif;color:var(--gold);letter-spacing:.08em}.scene-overlay small{font-size:13px}.dialog-note{text-align:center;font-size:12px;color:#aaa;padding:0 15px 10px}@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.09)}}@media(max-width:800px){.menu{display:block}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#081321;flex-direction:column;padding:25px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 25px;min-height:0}.hero-image{max-width:340px;margin:auto}.section{padding:75px 25px}.teaser-grid{grid-template-columns:1fr}.teaser-img{height:440px}.section-head{display:block}footer{flex-direction:column;align-items:flex-start}}

/* Cinematic video modal: 16:9 without the portrait image frame */
dialog.video-mode{width:min(94vw,1100px);max-width:1100px;max-height:94vh;}
dialog.video-mode .scene-frame{width:100%;height:auto;aspect-ratio:16/9;max-width:none;overflow:hidden;background:#000;}
dialog.video-mode #scene-video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#000;}
dialog.video-mode .dialog-note{margin:8px 0 10px;}
dialog.video-mode .close{top:8px;right:10px;border:1px solid #ffffff77;border-radius:4px;width:38px;height:38px;line-height:32px;}
@media(max-width:600px){dialog.video-mode{width:98vw;max-width:98vw;}dialog.video-mode .close{width:30px;height:30px;font-size:25px;line-height:25px;}}

/* V05: portrait-only cinematic player. Site sections remain unchanged. */
@media (max-width:700px) and (orientation:portrait){
 dialog.video-mode.portrait-video{width:fit-content;max-width:96vw;max-height:96dvh;border:0;background:#000;overflow:visible;}
 dialog.video-mode.portrait-video .scene-frame{width:auto;height:min(89dvh,calc(96vw * 16 / 9));max-height:89dvh;aspect-ratio:9/16;max-width:96vw;background:#000;}
 dialog.video-mode.portrait-video #scene-video{width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;background:#000;}
 dialog.video-mode.portrait-video .dialog-note{display:none;}
 dialog.video-mode.portrait-video .close{position:absolute;right:8px;top:8px;width:36px;height:36px;line-height:30px;border:1px solid #ffffff88;border-radius:50%;background:#081321e8;color:#fff;z-index:4;}
}

/* V06: explicit mobile portrait layout, independent of orientation media queries. */
dialog.video-mode.portrait-video {position:fixed;inset:0;margin:auto;padding:0;width:min(92vw,calc(84dvh * 9 / 16));max-width:92vw;max-height:90dvh;height:auto;aspect-ratio:9/16;border:0;box-shadow:none;background:#000;overflow:hidden;}
dialog.video-mode.portrait-video .scene-frame {position:relative;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:9/16;background:#000;overflow:hidden;}
dialog.video-mode.portrait-video #scene-video {display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:9/16;object-fit:contain;background:#000;}
dialog.video-mode.portrait-video .dialog-note {display:none;}
dialog.video-mode.portrait-video .close {position:absolute;right:8px;top:8px;z-index:10;width:36px;height:36px;line-height:30px;border:1px solid #ffffff80;border-radius:50%;background:#081321d9;color:#fff;font-size:27px;}
.mobile-video-play[hidden] {display:none!important;}
.mobile-video-play {display:none;}
dialog.video-mode.portrait-video .mobile-video-play:not([hidden]) {display:block;position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:8;border:1px solid #d3b88e99;background:#081321d9;color:#f2e9dc;border-radius:20px;padding:5px 18px;font-size:13px;letter-spacing:.04em;cursor:pointer;}

/* V07: remove only the desktop cinematic player outline. */
dialog.video-mode:not(.portrait-video){border:0;}
