*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0d1c30;--gold:#C9A055;--goldl:#e6cfa3;--text:#f4efe6;--soft:rgba(244,239,230,.88)}
html{scroll-behavior:smooth}
body{font-family:'Raleway',sans-serif;font-size:1.05rem;background:var(--navy);color:var(--text);line-height:1.85;font-weight:500}
a{color:var(--goldl)}
:focus-visible{outline:2px solid var(--goldl);outline-offset:3px}
header{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:space-between;align-items:center;padding:.9rem 2rem;background:rgba(13,28,48,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,160,85,.2)}
.logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;letter-spacing:.12em;color:var(--text);text-decoration:none}
.logo i{color:var(--gold)}
nav{display:flex;flex-wrap:wrap;gap:.4rem .95rem}
nav a{font-size:.78rem;letter-spacing:.02em;white-space:nowrap;color:var(--soft);text-decoration:none}
nav a:hover,nav a[aria-current]{color:var(--gold)}
.btn{display:inline-block;font:500 .85rem 'Jost',sans-serif;letter-spacing:.12em;background:var(--gold);color:var(--navy);padding:.95rem 2.2rem;text-decoration:none;transition:background .3s}
.btn:hover{background:var(--goldl)}
main{display:block}
.pg{position:relative;min-height:90vh;scroll-margin-top:4.5rem}
.pg+.pg{border-top:1px solid rgba(201,160,85,.25)}
.bgwrap{position:absolute;inset:0;clip-path:inset(0)}
.bg{position:sticky;top:0;height:100vh;background:var(--img) var(--pos,center)/cover no-repeat;filter:brightness(var(--b,.7))}
.bgwrap::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,18,.72) 0%,rgba(6,10,18,.5) 45%,rgba(6,10,18,.1) 100%)}
.pg.right .content{margin-left:auto;margin-right:max(3rem,6vw)}.pg.side .bgwrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 72% 38%,#183057 0%,#0d1c30 68%)}
.pg.right .bgwrap::before{background:radial-gradient(ellipse at 28% 38%,#183057 0%,#0d1c30 68%)}
.softpic{position:sticky;top:0;height:100vh;width:42vw;margin:0 4vw 0 auto;background:var(--img) center 40%/cover no-repeat;filter:contrast(.92) saturate(.82) brightness(.95);-webkit-mask-image:radial-gradient(ellipse 68% 60% at 50% 48%,#000 42%,transparent 100%);mask-image:radial-gradient(ellipse 68% 60% at 50% 48%,#000 42%,transparent 100%)}
.pg.side:not(.right) .bgwrap::after{background:linear-gradient(90deg,rgba(6,10,18,.55) 0%,rgba(6,10,18,.4) 40%,rgba(6,10,18,0) 62%)}
.pg.side .bg{background:var(--img) calc(100% - 6vw) center/contain no-repeat}
.pg.right .bg{background-position:6vw center}
.pg.right .bgwrap::after{background:linear-gradient(270deg,rgba(6,10,18,.74) 0%,rgba(6,10,18,.6) 40%,rgba(6,10,18,0) 62%)}
.content{position:relative;z-index:1;max-width:31rem;margin-left:max(3rem,6vw);padding:7rem 0 6rem}
h1,h2.big{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.1;margin-bottom:1rem;text-shadow:0 2px 16px rgba(0,0,0,.55)}
h1 em{font-style:italic;color:var(--goldl)}
.tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;line-height:1.4;color:var(--goldl);margin-bottom:2.5rem;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.body h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:clamp(1.8rem,3vw,2.3rem);color:var(--goldl);margin:3rem 0 1rem;line-height:1.2}
.body h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.6rem;margin:2.2rem 0 .8rem}
.body p{margin-bottom:1.25rem;font-size:1.05rem;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.body ul{margin:0 0 1.3rem 1.2rem}
.body li{margin-bottom:.4rem;text-shadow:0 1px 10px rgba(0,0,0,.65)}
.cta{margin:2.5rem 0 0}
details.more{margin:1.2rem 0 0}details.more summary{cursor:pointer;list-style:none;font:italic 400 1.35rem 'Cormorant Garamond',serif;color:var(--goldl);display:inline-block;border-bottom:1px solid rgba(230,207,163,.5);padding-bottom:.1rem}
details.more summary::-webkit-details-marker{display:none}details.more summary::after{content:' +'}details.more[open] summary::after{content:' ‘2'}details.more .inner{margin-top:1.4rem}
.hl{margin:1.6rem 0 0;padding-left:1.1rem;border-left:2px solid var(--gold);font:italic 400 1.3rem/1.45 'Cormorant Garamond',serif;color:var(--goldl)}.hl span{display:block;margin-top:.3rem;font:500 .8rem 'Raleway',sans-serif;letter-spacing:.14em;color:var(--soft);font-style:normal}
.tq{margin:0 0 2.6rem;padding-left:1.2rem;border-left:2px solid var(--gold)}.tq p{margin-bottom:.9rem}.tq .by{font:500 .85rem 'Raleway',sans-serif;letter-spacing:.14em;color:var(--goldl)}
.cards{display:grid;gap:1.5rem;margin-top:1.5rem}
.card{border:1px solid rgba(201,160,85,.45);padding:2rem;background:rgba(8,14,24,.6)}
.card h3{margin-top:0}
.card .when{color:var(--goldl);font-size:.95rem}
.portrait{display:block;width:13rem;height:auto;margin:0 0 2rem;border:1px solid rgba(201,160,85,.4)}
footer{background:rgba(8,16,28,.98);padding:2.5rem 3rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center;border-top:1px solid rgba(201,160,85,.15);font-size:.85rem;color:rgba(244,239,230,.6)}
footer a{color:var(--soft);text-decoration:none;margin-left:1.4rem}
footer a:hover{color:var(--gold)}
@media(max-width:700px){header,footer{padding:1rem 1.2rem}.content{margin:0 1.4rem;padding:4rem 0}.bgwrap::after{background:rgba(6,10,18,.62)}.pg.right .content{margin:0 1.4rem}.pg.about .softpic{width:100%;margin:0;opacity:.4}.pg.side .bg,.pg.right .bg{background-position:center top}.pg.side:not(.right) .bgwrap::after{background:rgba(6,10,18,.62)}.pg.right .bgwrap::after{background:rgba(6,10,18,.62)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}