@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#102423;--cream:#f5f0df;--gold:#d9b675;--muted:#b6c0b7}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif}.page{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}header{height:116px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2;border-bottom:1px solid #d9b67526}.brand{color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:17px;font-size:15px;letter-spacing:2px;font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:3.1px;font-weight:400;margin-top:7px;color:var(--gold)}.brand-mark{font-family:Georgia,serif;font-size:37px;border:1px solid #d9b67570;width:51px;height:56px;display:grid;place-items:center;color:var(--gold);position:relative}.brand-mark span{position:absolute;font-size:13px;background:var(--ink);bottom:-9px;padding:0 5px}.edition{font-size:11px;letter-spacing:2px;color:var(--muted)}main{position:relative;flex:1;display:flex;align-items:center;min-height:650px}.art{position:absolute;inset:0 0 0 35%;background:url('adventure.webp') center center/cover no-repeat}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,#102423c9 12%,#10242315 48%),linear-gradient(0deg,var(--ink),transparent 24%,transparent 82%,#10242355)}.intro{position:relative;z-index:1;padding:64px 0 64px 8%;width:64%;max-width:940px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;display:flex;align-items:center;gap:14px;margin:0 0 29px}.eyebrow span{width:35px;height:1px;background:var(--gold)}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,5.7vw,88px);font-weight:500;line-height:1.02;letter-spacing:-2px;margin:0 0 29px}h1 em{color:var(--gold);font-weight:500}.description{max-width:438px;font-size:16px;line-height:1.9;color:#c9d0c7;margin:0 0 28px}.topics{display:flex;gap:10px 18px;flex-wrap:wrap;max-width:530px;font-size:12px;color:#e1d4b8}.topics span{padding-bottom:9px;border-bottom:1px solid #d9b67545}.note{margin:38px 0 0;font-size:14px;line-height:1.8;color:var(--gold)}.note strong{font-weight:400;color:var(--muted)}.image-caption{position:absolute;right:6%;bottom:43px;font-size:10px;letter-spacing:3px;color:#e1d4b8b0}footer{border-top:1px solid #d9b67526;display:flex;justify-content:space-between;gap:20px;padding:26px 6%;font-size:12px;color:#a6b4aa}footer span:first-child{letter-spacing:1.5px;font-size:11px}@media(min-width:1600px){.intro{padding-left:10%}main{min-height:750px}}@media(max-width:760px){header{height:94px;padding:0 7%}.edition{display:none}.brand{font-size:13px}.art{inset:0;background-position:63% center;opacity:.44}.art:after{background:linear-gradient(90deg,#102423ed,#10242360),linear-gradient(0deg,var(--ink),transparent 60%)}main{min-height:680px}.intro{padding:55px 7%;width:100%}h1{font-size:clamp(46px,9.5vw,67px);letter-spacing:-1.3px}.description{max-width:390px;color:#dde0d5}.topics{max-width:330px;font-size:12px}.image-caption{display:none}footer{padding:24px 7%;flex-direction:column;gap:12px}.note{margin-top:30px}}@media(prefers-reduced-motion:no-preference){.intro{animation:arrive .9s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
