@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--navy:#102544;--blue:#183a68;--gold:#d9a441;--cream:#f7f4ed;--mist:#eef2f0;--ink:#182438;--muted:#687286;--line:#d8ddd9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--mist);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:'Playfair Display',serif;line-height:1.1;margin:0}p{margin:0 0 16px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(247,244,237,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand b{display:block;font:700 21px 'Playfair Display',serif;color:var(--navy)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}.bird{font-size:42px;line-height:1;color:var(--gold);transform:rotate(-20deg)}nav{display:flex;gap:25px;align-items:center;font-size:14px}nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;font-size:24px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 22px;border-radius:3px;border:1px solid transparent;font-weight:700;cursor:pointer;font-family:inherit}.btn-dark{background:var(--navy);color:white}.btn-gold{background:var(--gold);color:var(--navy)}.btn-outline{border-color:rgba(255,255,255,.45);color:white}.hero{min-height:650px;padding:80px 8vw;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;background:linear-gradient(120deg,#102544 0%,#183a68 62%,#5d405a 100%);color:white;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--gold)}.hero h1{font-size:clamp(45px,6vw,76px);max-width:750px;margin:18px 0}.hero p{max-width:620px;color:#d9e1e9;font-size:18px}.actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:22px;flex-wrap:wrap;color:#cbd5df;font-size:13px}.hero-art{height:460px;position:relative;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 65% 30%,rgba(217,164,65,.7),transparent 17%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));overflow:hidden}.sun{width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.28);position:absolute;right:13%;top:15%}.bird-illustration{font:200px 'Playfair Display';position:absolute;left:17%;top:20%;color:#f4ead2;transform:rotate(-12deg)}.art-card{position:absolute;bottom:35px;left:35px;padding:18px 22px;background:rgba(16,37,68,.84);border-left:3px solid var(--gold);font-family:'Playfair Display',serif}.section{padding:100px 8vw;display:grid;grid-template-columns:190px 1fr;gap:5vw;background:var(--mist)}.section-label{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700;padding-top:8px}.section h2{font-size:clamp(34px,4vw,54px);max-width:760px;margin-bottom:22px;color:var(--navy)}.section>div>p,.about>div:last-child>p{max-width:760px;color:var(--muted)}.paper{background:var(--cream)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-grid article{min-height:210px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.product-grid span{color:var(--gold);font-size:12px;font-weight:700}.product-grid h3{font-size:22px;margin:22px 0 10px;color:var(--navy)}.product-grid p{font-size:14px;color:var(--muted)}.dark{background:var(--navy);color:white}.dark h2{color:white}.values,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.values article,.steps article{border-top:1px solid rgba(255,255,255,.35);padding-top:20px}.values b{color:var(--gold)}.values h3,.steps h3{font-size:23px;margin:14px 0 8px}.values p{color:#bdc8d4;font-size:14px}.steps article{border-top-color:var(--line)}.steps strong{font:700 45px 'Playfair Display';color:var(--gold)}.steps p{color:var(--muted);font-size:14px}.journal{background:var(--cream)}.journal-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.journal-head h2{margin-bottom:8px}.text-link{border-bottom:1px solid var(--gold);padding-bottom:3px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.post-card{background:white;border:1px solid var(--line);padding:27px;transition:.2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(16,37,68,.08)}.post-card .meta{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.post-card h3{font-size:23px;color:var(--navy);margin:13px 0}.post-card p{font-size:14px;color:var(--muted)}.quote{padding:80px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:var(--blue);color:white}.quote h2{font-size:50px;margin:15px 0;color:white}.quote p{color:#d4dce5}.quote form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote label{font-size:12px;font-weight:700}.quote input,.quote select,.quote textarea{width:100%;margin-top:6px;padding:13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:white;border-radius:2px;font:inherit}.quote select option{color:var(--ink)}.quote .full{grid-column:1/-1}.form-status{color:var(--gold);font-size:13px}footer{padding:55px 8vw;background:#0b1b31;color:#c6d0db;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}footer b{font:700 26px 'Playfair Display';color:white}footer h4{color:white;margin:0 0 12px}footer a{display:block;margin:6px 0;font-size:14px}footer p{font-size:13px}.placeholder{color:var(--gold)}.copyright{padding:18px 8vw;background:#081526;color:#8491a1;font-size:12px}@media(max-width:900px){nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:65px 6vw}.hero-art{height:320px}.section{grid-template-columns:1fr;padding:70px 6vw}.product-grid{grid-template-columns:repeat(2,1fr)}.values,.steps,.post-grid{grid-template-columns:1fr}.quote{grid-template-columns:1fr;padding:65px 6vw}.quote h2{font-size:40px}footer{grid-template-columns:1fr 1fr;padding:50px 6vw}}@media(max-width:560px){.product-grid{grid-template-columns:1fr}.quote form{grid-template-columns:1fr}.quote .full{grid-column:auto}.hero h1{font-size:45px}.actions{flex-direction:column;align-items:stretch}.actions .btn{text-align:center}}
