:root { --accent:#b9543e; --navy:#123947; --cream:#f5efe5; --ink:#1b2d32; --line:#d2c8bb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Manrope,sans-serif; line-height:1.65; }
a { color:inherit; text-decoration:none; }
header { height:82px; padding:0 4.5vw; display:flex; align-items:center; justify-content:space-between; background:var(--cream); position:absolute; z-index:10; width:100%; border-bottom:1px solid rgba(21,37,43,.18); }
.logo { display:flex; align-items:center; gap:.55rem; }
.logo b { font-size:1.45rem; letter-spacing:.08em; }
.logo span { color:var(--accent); border:1px solid var(--accent); padding:.14rem .35rem; font-size:.56rem; font-weight:700; letter-spacing:.14em; }
nav { display:flex; align-items:center; gap:2rem; font-size:.82rem; font-weight:600; }
.pill { background:var(--navy); color:#fff; border-radius:100px; padding:.8rem 1.2rem; }
.menu { display:none; }
.hero { padding-top:82px; min-height:790px; display:grid; grid-template-columns:55% 45%; position:relative; background:var(--cream); overflow:hidden; }
.photo { position:relative; min-height:708px; overflow:hidden; }
.photo img { width:100%; height:100%; object-fit:cover; object-position:38% 43%; }
.photo:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 78%,rgba(245,239,229,.18)); }
.stamp { position:absolute; right:1.5rem; top:2rem; z-index:2; width:138px; height:138px; border-radius:50%; background:var(--cream); display:grid; place-content:center; text-align:center; line-height:1.05; font-size:.66rem; letter-spacing:.11em; font-weight:700; border:1px solid var(--navy); }
.stamp i { font-family:"Cormorant Garamond"; font-size:1.35rem; letter-spacing:0; text-transform:none; color:var(--accent); }
.hero-copy { align-self:center; padding:5vw; }
.tag { text-transform:uppercase; letter-spacing:.16em; font-size:.7rem; font-weight:700; color:var(--accent); }
.dark { color:var(--navy); }
h1,h2 { font-family:"Cormorant Garamond",serif; line-height:.95; margin:.8rem 0 1.5rem; }
h1 { font-size:clamp(3.8rem,5.35vw,6.25rem); letter-spacing:-.045em; }
h1 em,h2 em { color:var(--accent); }
.hero-copy>p:not(.tag) { max-width:570px; color:#536065; font-size:1.05rem; }
.cta { display:inline-flex; align-items:center; justify-content:space-between; min-width:285px; background:var(--accent); color:#fff; border-radius:100px; padding:1rem 1.25rem; font-weight:700; margin-top:1.3rem; }
.cta span { font-size:1.3rem; }
.side-label { position:absolute; right:1rem; bottom:2.5rem; writing-mode:vertical-rl; font-size:.55rem; letter-spacing:.18em; font-weight:700; color:var(--navy); }
.ticker { height:58px; background:var(--navy); color:#fff; display:flex; gap:2.2rem; align-items:center; justify-content:center; text-transform:uppercase; letter-spacing:.12em; font-size:.64rem; overflow:hidden; white-space:nowrap; }
.ticker i { color:rgba(255,255,255,.45); }
.truth { display:grid; grid-template-columns:.25fr 1.25fr .7fr; gap:6vw; align-items:center; padding:9rem 7vw; }
.number { font-family:"Cormorant Garamond"; font-size:8rem; color:rgba(18,57,71,.12); align-self:start; }
.truth h2,.guide h2,.faq h2,.final h2 { font-size:clamp(3.3rem,5.8vw,6.5rem); }
.truth-copy>p:last-child { max-width:650px; color:#566064; }
.note-card { border:1px solid var(--line); border-top:4px solid var(--accent); padding:2.5rem; }
.note-card b { font-family:"Cormorant Garamond"; font-size:1.75rem; }
.guide { background:var(--navy); color:#fff; padding:8rem 7vw; }
.guide-title { display:flex; align-items:flex-end; justify-content:space-between; }
.guide-title h2 { margin-bottom:3rem; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.22); }
.guide article { padding:3rem 3rem 1rem 0; border-right:1px solid rgba(255,255,255,.2); margin-right:3rem; min-height:320px; }
.guide article:last-child { border:0; }
.guide article>span,.guide article b { color:#d8a18f; }
.guide h3 { font-family:"Cormorant Garamond"; font-size:2.2rem; }
.guide article p { color:rgba(255,255,255,.68); }
.guide article b { font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.path { padding:8rem 7vw; background:#ebe2d5; }
.path-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5vw; margin-top:3rem; }
.path-grid>div { position:relative; padding-top:2rem; border-top:2px solid var(--navy); }
.path-grid span { position:absolute; right:0; top:1rem; font-family:"Cormorant Garamond"; font-size:3rem; color:var(--accent); }
.path h3 { font-family:"Cormorant Garamond"; font-size:2rem; }
.faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:7vw; padding:9rem 7vw; }
.accordion details { padding:1.4rem 0; border-top:1px solid var(--line); }
.accordion summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; font-weight:700; }
.accordion summary b { color:var(--accent); font-size:1.3rem; }
.accordion p { max-width:620px; color:#586368; }
.final { text-align:center; background:var(--navy); color:#fff; padding:9rem 2rem; position:relative; overflow:hidden; }
.final .tag { color:#d8a18f; }
.final h2 em { color:#d8a18f; }
.light { background:var(--cream); color:var(--ink); position:relative; }
.sun { position:absolute; width:440px; height:440px; border:1px solid rgba(255,255,255,.12); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }
footer { background:var(--cream); padding:2rem 4.5vw; display:flex; justify-content:space-between; align-items:center; font-size:.78rem; color:#657075; }
.reveal { opacity:0; transform:translateY(22px); transition:.7s ease; }
.reveal.visible { opacity:1; transform:none; }
@media(max-width:850px) {
  header { height:70px; } .menu { display:block; background:none; border:1px solid var(--ink); border-radius:100px; padding:.5rem .8rem; }
  nav { display:none; position:absolute; top:70px; left:0; right:0; background:var(--cream); padding:1.5rem 5vw; flex-direction:column; align-items:stretch; }
  nav.open { display:flex; } .hero { padding-top:70px; grid-template-columns:1fr; }
  .photo { min-height:420px; } .photo img { object-position:34% 42%; }
  .stamp { width:108px; height:108px; right:1rem; top:auto; bottom:1rem; }
  .hero-copy { padding:5rem 7vw; } .side-label { display:none; } h1 { font-size:clamp(3.7rem,16vw,5.7rem); }
  .truth { grid-template-columns:1fr; padding:6rem 7vw; } .number { display:none; }
  .guide { padding:6rem 7vw; } .guide-title { display:block; }
  .guide-grid,.path-grid { grid-template-columns:1fr; }
  .guide article { border-right:0; border-bottom:1px solid rgba(255,255,255,.22); margin:0; padding-right:0; }
  .path-grid { gap:2.5rem; } .faq { grid-template-columns:1fr; padding:6rem 7vw; }
  .final { padding:7rem 6vw; } footer { flex-direction:column; align-items:flex-start; gap:1rem; }
  .ticker { justify-content:flex-start; }
}