@import 'tailwindcss';
@import 'tw-animate-css';
@import 'shadcn/tailwind.css';

@theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-border: var(--border); --font-sans: 'DM Sans', sans-serif; --font-serif: 'Cormorant Garamond', serif; }
:root { --background:#f5f6f1; --foreground:#151714; --primary:#273116; --primary-foreground:#f5f6f1; --border:#d6dacd; --olive:#4c6317; --gold:#c8b581; --muted:#687064; --black:#151714; --white:#f5f6f1; }
* { box-sizing:border-box; border-color:var(--border); }
html { scroll-behavior:smooth; background:var(--background); }
body { margin:0; background:var(--background); color:var(--foreground); font-family:'DM Sans',sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 64px)); margin-inline:auto; }
.nav { display:flex; align-items:center; justify-content:space-between; padding:24px 0; position:relative; z-index:3; }
.brand { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; letter-spacing:.16em; }
.brand img { width:38px; height:38px; object-fit:cover; object-position:50% 18%; border-radius:50%; }
.brand span { display:flex; flex-direction:column; line-height:1.05; }.brand small { color:var(--olive); font-size:9px; letter-spacing:.42em; margin-top:5px; }
.nav-links { display:flex; align-items:center; gap:32px; font-size:13px; }.nav-links a:not(.nav-cta) { color:var(--muted); }.nav-links a:hover,.text-link:hover { color:var(--olive); }.nav-cta { background:var(--primary); color:var(--white); border-radius:999px; padding:12px 18px; }.nav-cta span,.button span { margin-left:12px; font-size:17px; }
.menu-toggle { display:none; background:transparent; border:0; padding:8px; }.menu-toggle span { display:block; width:24px; height:1px; background:var(--black); margin:5px; }
.hero { min-height:570px; display:grid; grid-template-columns:1fr 1fr; align-items:center; position:relative; padding:60px 0 96px; }.hero-copy { position:relative; z-index:1; }.eyebrow { color:var(--olive); font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin:0 0 24px; }.hero h1,.section-intro h2,.card-copy h2,.notify h2,.launch-inner h2 { font-size:clamp(54px,7vw,94px); font-weight:400; letter-spacing:-.045em; line-height:.9; margin:0; }.hero h1 em,.section-intro h2 em,.card-copy h2 em,.notify h2 em,.launch-inner h2 em { color:var(--olive); font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:500; }.hero-text { max-width:405px; color:var(--muted); font-size:16px; line-height:1.7; margin:32px 0; }.hero-actions { display:flex; align-items:center; gap:24px; }.button { display:inline-flex; align-items:center; border:0; cursor:pointer; font:inherit; font-size:13px; padding:15px 20px; border-radius:999px; }.button-dark { background:var(--primary); color:var(--white); }.button-dark:hover { background:var(--olive); }.text-link { font-size:13px; border-bottom:1px solid var(--olive); padding-bottom:5px; }.text-link span { margin-left:10px; }.hero-art { position:relative; display:flex; justify-content:center; align-items:center; min-height:430px; }.hero-art img { position:relative; width:min(430px,80%); height:430px; object-fit:cover; object-position:50% 35%; mix-blend-mode:multiply; border-radius:50%; z-index:1; }.olive-disc { position:absolute; width:390px; height:390px; border-radius:50%; background:#dfe5d2; }.hero-note { position:absolute; bottom:35px; right:2%; display:flex; gap:18px; color:var(--muted); font-size:11px; letter-spacing:.05em; }.hero-note span { color:var(--olive); font-weight:bold; }.hero-note p { margin:0; }
.launch-band { background:var(--primary); color:var(--white); padding:76px 0; }.launch-inner { display:flex; align-items:end; justify-content:space-between; gap:40px; }.launch-inner .eyebrow { color:var(--gold); }.launch-inner h2 { font-size:clamp(44px,5vw,70px); }.launch-inner h2 em { color:var(--gold); }.count-wrap { width:390px; }.count-label { color:#bbc2a9; font-size:11px; text-transform:uppercase; letter-spacing:.16em; }.countdown { display:flex; gap:24px; margin-top:18px; }.countdown-unit { display:flex; flex-direction:column; }.countdown-unit strong { font-family:'Cormorant Garamond',serif; color:var(--gold); font-size:58px; font-weight:500; line-height:1; }.countdown-unit span { color:#bbc2a9; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }.launch-live { color:var(--gold); font-family:'Cormorant Garamond',serif; font-size:28px; }
.approach { padding:128px 0; }.section-intro { margin-bottom:72px; }.section-intro h2,.notify h2 { font-size:clamp(48px,6vw,76px); }.approach-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:100px; }.lead { color:var(--muted); font-size:23px; line-height:1.45; max-width:370px; margin:0; }.principles { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }.principles article { border-top:1px solid var(--border); padding-top:20px; }.principles article span { color:var(--olive); font-size:22px; }.principles h3 { font-size:16px; margin:28px 0 10px; }.principles p { color:var(--muted); font-size:13px; line-height:1.6; margin:0; }
.card-section { background:var(--black); color:var(--white); padding:100px 0; overflow:hidden; }.card-layout { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:60px; }.card-copy .eyebrow { color:var(--gold); }.card-copy h2 { font-size:clamp(48px,5.5vw,76px); }.card-copy h2 em { color:var(--gold); }.card-copy > p:not(.eyebrow) { max-width:330px; color:#a9afa1; line-height:1.7; margin:30px 0; }.light-link { color:var(--white); border-color:var(--gold); }.card-image-wrap img { width:100%; transform:rotate(5deg) scale(1.1); border-radius:22px; box-shadow:0 30px 70px #0009; }
.notify { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:130px 0; }.notify form { align-self:end; }.notify label { display:block; color:var(--muted); font-size:12px; margin-bottom:12px; }.email-row { display:flex; border-bottom:1px solid var(--black); padding-bottom:10px; gap:12px; }.email-row input { background:transparent; border:0; outline:0; flex:1; color:var(--black); font:inherit; font-size:16px; min-width:0; }.email-row input::placeholder { color:#9aa095; }.fine-print,.form-success,.form-error { font-size:11px; color:var(--muted); }.form-success { color:var(--olive); min-height:17px; }.form-error { color:#9b493c; min-height:17px; }.footer { border-top:1px solid var(--border); padding:38px 0 24px; display:grid; grid-template-columns:1fr 1fr; gap:38px; }.footer-contact { justify-self:end; text-align:right; font-size:12px; color:var(--muted); }.footer-contact p { margin:0 0 8px; }.footer-contact a { color:var(--olive); border-bottom:1px solid var(--olive); }.footer-bottom { grid-column:1/-1; border-top:1px solid var(--border); padding-top:18px; display:flex; justify-content:space-between; color:#899084; font-size:10px; letter-spacing:.06em; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:700px) { .shell { width:min(100% - 40px, 1180px); }.nav { padding:18px 0; }.menu-toggle { display:block; }.nav-links { display:none; position:absolute; right:0; top:68px; flex-direction:column; align-items:stretch; gap:0; width:220px; padding:12px; background:var(--white); box-shadow:0 15px 40px #1b251b22; border:1px solid var(--border); border-radius:14px; }.nav-links.is-open { display:flex; }.nav-links a { padding:12px; }.nav-cta { text-align:center; margin-top:5px; }.hero { display:flex; flex-direction:column; align-items:stretch; padding:55px 0 80px; }.hero-art { order:-1; min-height:250px; }.hero-art img { height:245px; width:245px; }.olive-disc { width:225px; height:225px; }.hero h1 { font-size:60px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }.hero-note { bottom:15px; right:0; }.launch-inner,.approach-grid,.card-layout,.notify { display:flex; flex-direction:column; align-items:stretch; gap:48px; }.launch-band { padding:65px 0; }.count-wrap { width:auto; }.countdown { justify-content:space-between; gap:8px; }.countdown-unit strong { font-size:45px; }.approach { padding:85px 0; }.section-intro { margin-bottom:45px; }.principles { grid-template-columns:1fr; gap:34px; }.card-section { padding:80px 0; }.card-image-wrap { margin:0 -10px; }.card-image-wrap img { transform:rotate(4deg) scale(1.04); }.notify { padding:85px 0; gap:45px; }.email-row { align-items:flex-end; }.email-row .button { padding:12px 14px; }.footer { display:flex; flex-direction:column; gap:28px; }.footer-contact { text-align:left; align-self:start; }.footer-bottom { display:flex; flex-direction:column; gap:10px; } }
@media (prefers-reduced-motion: no-preference) { .reveal { animation: rise .8s ease both; }.hero-art.reveal { animation-delay:.12s; } .button,.nav-cta,.text-link { transition:all .2s ease; } }
@keyframes rise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
:focus-visible { outline:2px solid var(--olive); outline-offset:4px; }