:root{--navy:#101d30;--deep:#0b1523;--gold:#e2bb77;--paper:#fbf8f1;--line:#e2d9cb;--ink:#182538;--light:#e3e8ed}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font:1.05rem/1.65 system-ui,sans-serif}
img{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible{outline:3px solid #398aa3;outline-offset:4px}
.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
header,footer{background:var(--deep);color:#fff}
header{border-bottom:1px solid #ffffff24}
.header,.footer{display:flex;gap:24px;align-items:center;justify-content:space-between}
.header{min-height:86px}
.logo{display:block;width:190px;flex-shrink:0}
.logo img{width:100%;height:auto}
nav{display:flex;gap:clamp(12px,2.2vw,28px);flex-wrap:wrap}
nav a{text-decoration:none;font-size:.94rem}
nav a:hover,nav [aria-current]{color:var(--gold);text-decoration:underline}
.band{padding:clamp(45px,7vw,96px) 0}
.hero{padding-block:clamp(60px,8vw,112px)}
.dark{background:var(--navy);color:#fff}
.cream{background:var(--paper)}
.split{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(26px,5vw,75px)}
.photo{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:12px}
.hero .photo[src*=model]{object-fit:contain}
.eyebrow{font-weight:750;text-transform:uppercase;letter-spacing:.14em;font-size:.77rem;color:#77521e;margin:0 0 16px}
.dark .eyebrow,h1 em{color:var(--gold)}
h1,h2{font:500 clamp(2.1rem,4.5vw,3.75rem)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 .45em;text-wrap:balance}
h1{font-size:clamp(2.6rem,6.2vw,5.15rem)}
h1 em{font-style:normal}
h3{font-size:1.18rem;line-height:1.3;margin:0 0 .6em}
p{margin:0 0 1em}
li+li{margin-top:.36rem}
.lead{font-size:clamp(1.13rem,1.8vw,1.32rem);max-width:65ch}
.dark .lead,.dark .card p{color:var(--light)}
.button{display:inline-block;text-decoration:none;font-size:.95rem;font-weight:690;color:var(--navy);background:var(--gold);border:1px solid transparent;border-radius:8px;padding:.7rem 1.05rem;margin-top:.4rem}
.button:hover{background:#f2d294;color:var(--navy)}
.outline{background:transparent;color:var(--gold);border-color:var(--gold)}
.outline-light{background:transparent;color:var(--navy);border-color:#806231}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 24px}
.card{border:1px solid var(--line);padding:24px;border-radius:12px}
.dark .card{background:#17263b;border-color:#ffffff25}
.card p{margin:0}
.offer{display:grid;grid-template-columns:90px minmax(0,720px);gap:24px}
.number{font:2.5rem Georgia,serif;color:#77521e}
.center{text-align:center;max-width:760px;margin:auto}
.reading{max-width:710px}
.footer{padding-block:32px;align-items:center}
.footer p{margin:.55rem 0 0;color:var(--light)}
.footer a:not(.logo),.email-line a{overflow-wrap:anywhere}
.email-line{margin-top:1.35rem}
.skip{position:absolute;left:12px;top:8px;background:white;color:#101d30;padding:.6rem;transform:translateY(-150%);z-index:5}
.skip:focus{transform:none}
@media(max-width:820px){.header{padding-block:15px;flex-wrap:wrap;gap:12px}.header-cta{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.wrap{width:calc(100% - 36px)}.split,.cards{grid-template-columns:1fr}.header,.footer{display:flex;flex-direction:column;align-items:flex-start}.split>.photo:first-child{order:1}.offer{grid-template-columns:1fr;gap:8px}.photo{aspect-ratio:4/3}.card{padding:19px}}
@media(max-width:820px){.header:has(nav a[href="/workshop"][aria-current]) .header-cta{display:inline-block}}