:root{--navy:#002238;--ivory:#f3ebdc;--gold:#ba914d;--ink:#102833;--paper:#fffdf8;--max:72rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 Arial,sans-serif}h1,h2,h3,.brand{font-family:Georgia,serif;line-height:1.08}h1{font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.04em;margin:.25rem 0 1.25rem}h2{font-size:clamp(2.1rem,4.4vw,4rem);letter-spacing:-.03em;margin:.15rem 0 1.2rem}h3{font-size:1.35rem}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem max(1.2rem,calc((100vw - var(--max))/2));background:var(--navy);color:var(--ivory)}.brand{font-size:1.08rem;color:inherit;text-decoration:none}.text-link,.sample-link,footer a{color:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--navy);padding:.75rem;z-index:10}.skip-link:focus{left:1rem}.hero,.split,.offer,.watches,.inside,.faq,.closing{padding:clamp(3.8rem,8vw,7.5rem) max(1.2rem,calc((100vw - var(--max))/2))}.hero,.split,.offer{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center}.hero{grid-template-columns:1fr 1fr;background:var(--navy);color:var(--ivory)}.hero-image img,.split>img{width:100%;display:block;object-fit:cover}.hero-image img{aspect-ratio:1.16;object-position:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:bold;color:var(--gold);margin:0 0 .8rem}.lead{font:clamp(1.15rem,2vw,1.45rem)/1.45 Georgia,serif;max-width:34rem}.product-line,.book-title{line-height:1.45}.product-line span{color:var(--gold)}.button{display:inline-block;margin:.6rem 0 1rem;padding:.82rem 1.15rem;border:2px solid var(--gold);background:var(--gold);color:var(--navy);font-weight:bold;text-decoration:none;cursor:pointer}.button:hover,.button:focus{background:transparent;color:inherit}.offer-note{max-width:31rem;font-size:.93rem}.ivory{background:var(--ivory)}.navy{background:var(--navy);color:var(--ivory)}.split{grid-template-columns:1fr 1fr}.split>div{max-width:39rem}.watches,.inside,.faq,.closing{max-width:none}.watches>*{max-width:var(--max);margin-left:auto;margin-right:auto}.section-intro{max-width:47rem}.watch-layout{display:grid;grid-template-columns:1fr .85fr;gap:3rem;align-items:start}.watch-layout img{width:100%;min-width:0}.watch-list{padding-left:1.35rem;display:grid;gap:.8rem}.clarifier{font-family:Georgia,serif;font-size:1.2rem}.inside ul{max-width:60rem;padding-left:1.35rem}.inside li{margin:.65rem 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2.5rem 0}.button-dark{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.sample{grid-template-columns:1.1fr .9fr}.sample blockquote{margin:1.6rem 0;padding-left:1.2rem;border-left:3px solid var(--gold);font:1.1rem/1.6 Georgia,serif}.attribution{font-size:.9rem}.page-spread{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.page-spread img{width:100%;box-shadow:0 14px 32px #00131f33}.offer{grid-template-columns:1fr 1fr;background:#eee1ca}.value-card{background:var(--navy);color:var(--ivory);padding:1.25rem;display:grid;grid-template-columns:8rem 1fr;gap:1.25rem}.value-card img{width:100%}.value-card p{margin-top:0}.combined-value{border-top:1px solid #ffffff44;padding-top:1rem}.combined-value span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#e2c997}.combined-value strong{font:1.7rem Georgia,serif}.preview-status{border-left:3px solid var(--gold);padding-left:.8rem;font-size:.9rem}.disabled{opacity:.65;cursor:not-allowed}.small{font-size:.85rem}.faq{padding-bottom:5rem}.faq details{max-width:54rem;border-top:1px solid #b9ac98;padding:1rem 0}.faq details:last-child{border-bottom:1px solid #b9ac98}.faq summary{cursor:pointer;font-weight:bold;font-size:1.1rem}.closing{text-align:center}.closing>*{max-width:48rem;margin-left:auto;margin-right:auto}.button-light{background:var(--ivory);border-color:var(--ivory);color:var(--navy)}footer{padding:2.5rem 1.2rem;text-align:center;background:#001722;color:var(--ivory)}footer a{font-size:.9rem}@media(max-width:720px){.hero,.split,.offer,.watch-layout,.detail-grid{grid-template-columns:1fr}.hero{padding-top:3.8rem}.hero-image{order:2}.split>img{order:2}.navy.split>img{order:2}.value-card{grid-template-columns:6rem 1fr}.page-spread{gap:.45rem}.site-header{gap:1rem}.watch-layout img{max-width:32rem}.sample{display:flex;flex-direction:column}.sample .page-spread{order:2}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
