@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');
:root{--navy:#101b31;--navy2:#172744;--gold:#b99755;--cream:#f7f5f0;--white:#fff;--ink:#18202d;--muted:#657084;--line:#e4e1da}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.7}a{color:inherit}.container{width:min(1120px,92%);margin:auto}.narrow{width:min(850px,92%)}.center{text-align:center}
.site-header{position:sticky;top:0;z-index:10;background:rgba(16,27,49,.97);color:white;border-bottom:1px solid rgba(255,255,255,.1)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:30px}.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1.15}.brand-role{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#ddd}.brand strong{font-family:"Playfair Display",serif;font-size:1.45rem;font-weight:500}.brand-meta{font-size:.72rem;color:#c8ced9;margin-top:4px}nav{display:flex;gap:20px;align-items:center}nav a{font-size:.82rem;text-decoration:none;color:#eef1f6}nav a:hover{color:#d8bb7c}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white;padding:110px 0 100px}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{letter-spacing:.16em;font-size:.72rem;font-weight:600;color:var(--gold);margin:0 0 16px}.hero h1{font:600 clamp(2.7rem,6vw,5rem)/1.05 "Playfair Display",serif;margin:0 0 25px}.lead{font-size:1.13rem;color:#dce1e9;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 21px;text-decoration:none;border:1px solid var(--gold);font-weight:600;font-size:.9rem}.btn.primary{background:var(--gold);color:var(--navy)}.btn.secondary{color:white}.hero-card{border:1px solid rgba(255,255,255,.18);padding:34px;background:rgba(255,255,255,.04)}.hero-card span{color:#d8bb7c;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.hero-card h2{font:500 2rem "Playfair Display",serif;margin:10px 0}.hero-card p{color:#cbd2dd}
.section{padding:90px 0}.alt{background:var(--cream)}h2{font:500 clamp(2rem,4vw,3rem)/1.15 "Playfair Display",serif;margin:0 0 24px}h3{margin:0 0 10px;font-size:1.1rem}.cards{display:grid;gap:18px;margin-top:35px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{padding:28px;border:1px solid var(--line);background:white}.alt .cards article{background:rgba(255,255,255,.65)}.cards p{margin:0;color:var(--muted)}.notice{margin-top:35px;padding:18px 20px;border-left:3px solid var(--gold);background:#faf9f6;color:#5d6573}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}.timeline>div{padding:28px;border-top:2px solid var(--gold);background:#fafafa}.timeline span{font-size:.72rem;color:var(--gold);font-weight:700}.timeline h3{margin-top:10px}.timeline p{margin:0;color:var(--muted)}.text-link{display:inline-block;margin-top:18px;color:var(--navy);font-weight:600;text-decoration:none}.product-box{border:1px solid var(--line);padding:35px;background:white;margin-top:30px}.placeholder{border:1px dashed #bbb;padding:15px;margin:12px 0;color:#777;font-size:.82rem;letter-spacing:.04em}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.contact-grid>div{border-bottom:1px solid var(--line);padding:18px 0}.contact-grid p{margin:0;color:var(--muted)}footer{background:var(--navy);color:white;padding:35px 0}.footer-wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-wrap p{margin:5px 0;color:#bfc7d3;font-size:.85rem}
@media(max-width:900px){nav{display:none;position:absolute;left:0;right:0;top:86px;background:var(--navy);padding:18px 4%;flex-direction:column;align-items:flex-start;border-top:1px solid rgba(255,255,255,.1)}nav.open{display:flex}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr;gap:40px}.cards.three{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}}
@media(max-width:620px){.section{padding:65px 0}.hero{padding:75px 0}.cards.two,.contact-grid{grid-template-columns:1fr}.footer-wrap{flex-direction:column;align-items:flex-start}.hero h1{font-size:2.65rem}}