:root { --navy:#071521; --ink:#112638; --blue:#0f4d7a; --gold:#d7a53c; --cream:#f4f1ea; --muted:#69727a; --white:#fff; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--cream); color:var(--ink); font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; }
.container { width:min(1160px, calc(100% - 48px)); margin:auto; }
.announcement { background:var(--gold); color:var(--navy); font-size:11px; font-weight:700; letter-spacing:.14em; padding:9px 20px; text-align:center; text-transform:uppercase; }.announcement span { margin-left:12px; font-weight:500; letter-spacing:.06em; }
.site-header { background:var(--navy); color:var(--white); position:sticky; top:0; z-index:10; }.nav { align-items:center; display:flex; height:76px; justify-content:space-between; }.brand img { width:96px; }.nav-menu { align-items:center; display:flex; gap:31px; font-size:13px; font-weight:600; }.nav-menu a { opacity:.76; transition:opacity .2s,color .2s; }.nav-menu a:hover { color:var(--gold); opacity:1; }.nav-menu .nav-shop { border:1px solid rgba(255,255,255,.35); border-radius:3px; color:var(--white); opacity:1; padding:11px 15px; }.nav-shop span, .button span, .card-link span, .text-link span { color:var(--gold); margin-left:8px; }.menu-toggle { background:transparent; border:1px solid rgba(255,255,255,.35); color:var(--white); display:none; font:600 12px 'Helvetica Neue',Helvetica,Arial,sans-serif; padding:8px 11px; }
.hero { background:var(--navy); color:var(--white); min-height:650px; overflow:hidden; position:relative; }.hero:after { background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.04) 35%,transparent 59%); content:''; inset:0; pointer-events:none; position:absolute; }.hero-text { padding-top:112px; position:relative; z-index:2; }.eyebrow { color:var(--gold); font-size:11px; font-weight:700; letter-spacing:.2em; margin-bottom:20px; }.eyebrow.dark { color:var(--blue); } h1,h2,h3 { font-family:Impact,'Arial Narrow',sans-serif; font-weight:700; line-height:.96; text-transform:uppercase; } h1 { font-size:clamp(58px,8vw,104px); letter-spacing:.01em; max-width:640px; } em { color:var(--gold); font-style:normal; }.hero-copy { color:#b5c1c9; font-size:16px; margin:26px 0 30px; max-width:440px; }.hero-actions { align-items:center; display:flex; gap:27px; }.button { display:inline-block; font-size:13px; font-weight:700; letter-spacing:.08em; padding:15px 20px; text-transform:uppercase; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.button-gold { background:var(--gold); color:var(--navy); }.button-navy { background:var(--navy); color:var(--white); }.button-light { background:var(--white); color:var(--navy); }.text-link { font-size:13px; font-weight:700; }.hero-proof { align-items:center; color:#82919b; display:flex; font-size:11px; gap:11px; letter-spacing:.03em; margin-top:76px; }.proof-line { background:var(--gold); display:block; height:1px; width:36px; }.hero-visual { bottom:0; height:100%; position:absolute; right:0; top:0; width:53%; }.hero-visual:after { background:linear-gradient(90deg,var(--navy) 0%,rgba(7,21,33,.45) 17%,transparent 50%),linear-gradient(0deg,var(--navy) 0%,transparent 30%); content:''; inset:0; position:absolute; }.hero-visual img { height:100%; object-fit:cover; object-position:center; width:100%; }.hero-stamp { align-items:center; border:1px solid rgba(215,165,60,.65); bottom:55px; color:var(--gold); display:flex; gap:10px; padding:10px 14px; position:absolute; right:12%; transform:rotate(-8deg); z-index:1; }.hero-stamp strong { font:700 30px Impact,'Arial Narrow',sans-serif; }.hero-stamp span { font-size:8px; font-weight:700; letter-spacing:.12em; line-height:1.25; }
.signal-bar { background:var(--white); border-bottom:1px solid #dedbd4; }.signal-grid { display:grid; grid-template-columns:repeat(3,1fr); }.signal-grid > div { border-right:1px solid #dedbd4; padding:27px 32px 25px 0; }.signal-grid > div + div { padding-left:32px; }.signal-grid > div:last-child { border:0; }.signal-number { color:var(--gold); display:block; font:700 22px Impact,'Arial Narrow',sans-serif; margin-bottom:10px; }.signal-grid strong { display:block; font:700 21px Impact,'Arial Narrow',sans-serif; text-transform:uppercase; }.signal-grid p { color:var(--muted); font-size:12px; margin-top:6px; max-width:240px; }
.section { padding:108px 0; }.section-heading { align-items:end; display:flex; justify-content:space-between; margin-bottom:48px; }.section-heading h2,.feature-copy h2,.blue-callout h2 { font-size:clamp(45px,5vw,68px); }.section-heading > p { color:var(--muted); font-size:14px; max-width:300px; }.product-grid { display:grid; gap:22px; grid-template-columns:repeat(2,1fr); }.product-card { background:var(--white); border:1px solid #e4e0d8; display:grid; grid-template-columns:45% 55%; min-height:270px; transition:transform .2s,box-shadow .2s; }.product-card:hover { box-shadow:0 18px 35px rgba(17,38,56,.1); transform:translateY(-4px); }.product-image { min-height:270px; overflow:hidden; position:relative; }.product-image img { height:100%; object-fit:cover; transition:transform .45s; width:100%; }.product-card:hover .product-image img { transform:scale(1.04); }.product-tag { background:var(--gold); color:var(--navy); font-size:10px; font-weight:700; left:12px; padding:6px 8px; position:absolute; text-transform:uppercase; top:12px; }.product-content { display:flex; flex-direction:column; padding:26px 22px 20px; }.product-kicker { color:var(--blue); font-size:10px; font-weight:700; letter-spacing:.12em; }.product-content h3 { font-size:30px; margin:10px 0; }.product-content > p:not(.product-kicker) { color:var(--muted); font-size:12px; line-height:1.55; }.card-link { font-size:11px; font-weight:700; letter-spacing:.08em; margin-top:auto; padding-top:20px; text-transform:uppercase; }
.feature-split { align-items:stretch; background:var(--white); display:grid; grid-template-columns:1fr 1fr; padding:0; }.feature-image { min-height:560px; }.feature-image img { height:100%; object-fit:cover; width:100%; }.feature-copy { align-self:center; max-width:520px; padding:75px 8%; }.feature-copy > p:not(.eyebrow) { color:var(--muted); font-size:15px; margin:24px 0 30px; }.care-list { border-top:1px solid #ddd9d1; margin-bottom:32px; }.care-list div { align-items:center; border-bottom:1px solid #ddd9d1; display:flex; gap:18px; padding:14px 0; }.care-list strong { color:var(--gold); font:700 19px Impact,'Arial Narrow',sans-serif; }.care-list span { font-size:12px; }
.blue-callout { background:var(--blue); color:var(--white); }.blue-inner { align-items:center; display:flex; justify-content:space-between; }.blue-callout h2 { font-size:clamp(48px,6vw,78px); }.blue-callout .eyebrow { color:#a9d3e9; }.footer { background:var(--navy); color:var(--white); padding:54px 0 34px; }.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:50px; }.footer-logo { margin-bottom:18px; width:105px; }.footer p { color:#93a1aa; font-size:12px; max-width:260px; }.footer-links { display:flex; flex-direction:column; gap:10px; font-size:12px; }.footer-links a:hover { color:var(--gold); }.footer-meta { align-items:flex-end; display:flex; flex-direction:column; gap:50px; text-align:right; }.footer-meta span { color:var(--gold); font-size:11px; font-weight:700; letter-spacing:.15em; }.footer-meta small { color:#72828c; font-size:11px; }
@media (max-width:800px) { .container { width:min(100% - 32px,1160px); }.announcement span { display:none; }.nav { height:66px; }.menu-toggle { display:block; }.nav-menu { align-items:stretch; background:var(--navy); display:none; flex-direction:column; gap:0; left:0; padding:10px 16px 20px; position:absolute; right:0; top:66px; }.nav-menu.is-open { display:flex; }.nav-menu a { padding:12px 0; }.nav-menu .nav-shop { margin-top:8px; text-align:center; }.hero { display:flex; flex-direction:column; min-height:auto; }.hero-text { padding-bottom:45px; padding-top:70px; }.hero-visual { bottom:auto; flex-shrink:0; height:360px; position:relative; right:auto; top:auto; width:100%; }.hero-visual:after { background:linear-gradient(0deg,var(--navy) 3%,rgba(7,21,33,.1) 70%); }.hero-proof { margin-top:40px; max-width:260px; }.signal-grid { grid-template-columns:1fr; }.signal-grid > div,.signal-grid > div + div { border-bottom:1px solid #dedbd4; border-right:0; padding:20px 0; }.section { padding:72px 0; }.section-heading { align-items:start; flex-direction:column; gap:22px; }.product-grid { grid-template-columns:1fr; }.product-card { grid-template-columns:42% 58%; }.feature-split { grid-template-columns:1fr; }.feature-image { min-height:330px; }.feature-copy { padding:60px 8%; }.blue-inner { align-items:flex-start; flex-direction:column; gap:32px; }.footer-grid { grid-template-columns:1fr; gap:30px; }.footer-meta { align-items:flex-start; gap:16px; text-align:left; } }
@media (max-width:460px) { .hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }.product-card { grid-template-columns:1fr; }.product-image { min-height:255px; }.product-content { min-height:230px; }.hero-visual { height:42%; }.hero-stamp { bottom:28px; right:8%; } }