:root{--limestone:#EAE6D9;--limestone-deep:#DDD8C7;--surface:#F4F1E8;--ink:#25221C;
--ink-soft:#6E6757;--hairline:#CFC8B6;--accent:#E8630A;--night:#181510;--night-soft:#B8B0A0}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--limestone);color:var(--ink);font-family:'Manrope',sans-serif;
font-size:17.5px;line-height:1.68;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:#fff}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
outline:2px solid var(--accent);outline-offset:3px}
img{display:block;max-width:100%}

/* ---- chrome ---- */
.nav{display:flex;align-items:baseline;justify-content:space-between;gap:28px;
max-width:1180px;margin:0 auto;padding:26px 32px 24px;flex-wrap:wrap}
.nav-mark{font-family:'Cormorant Garamond',serif;font-weight:700;
font-size:clamp(26px,3vw,34px);line-height:1.05;letter-spacing:.02em;
text-decoration:none;white-space:nowrap}
.nav-tag{display:block;font-family:'Manrope',sans-serif;font-size:12.5px;
letter-spacing:.02em;color:var(--ink-soft);margin-top:2px}
.nav-links{display:flex;gap:26px;flex-wrap:wrap;list-style:none}
.nav-links a{font-size:15px;font-weight:600;text-decoration:none;
padding-bottom:3px;border-bottom:1.5px solid transparent}
.nav-links a:hover{border-bottom-color:var(--accent)}
.nav-links a[aria-current="page"]{border-bottom-color:var(--ink)}
.nav-rule{border:0;border-top:1px solid var(--hairline);margin:0}

.footer{background:var(--night);color:var(--limestone);padding:64px 32px 44px}
.footer-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;
gap:34px;align-items:baseline;justify-content:space-between}
.footer .nav-mark{color:var(--limestone);font-size:25px}
.footer .nav-tag{color:var(--night-soft)}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;list-style:none}
.footer-links a{font-size:14.5px;text-decoration:none;color:var(--night-soft)}
.footer-links a:hover{color:var(--limestone)}
.footer-legal{width:100%;margin-top:34px;padding-top:22px;
border-top:1px solid rgba(234,230,217,.14);font-size:13.5px;color:var(--night-soft)}

/* ---- shared blocks ---- */
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.prose{max-width:66ch}
.prose p{margin-bottom:1.35em}
.prose p:last-child{margin-bottom:0}
.btn{display:inline-block;font-family:'Manrope',sans-serif;font-weight:700;
font-size:16px;letter-spacing:.015em;text-decoration:none;color:var(--limestone);
border-radius:999px;padding:16px 38px;
background:linear-gradient(180deg,#3B352B 0%,#242019 55%,#15120D 100%);
border:1px solid rgba(255,255,255,.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.35),
0 8px 22px rgba(24,21,16,.25);
transition:filter .18s,transform .18s}
.btn:hover{filter:brightness(1.2);transform:translateY(-1px)}
.btn-light{background:transparent;border-color:rgba(234,230,217,.55);
box-shadow:none}
.btn-light:hover{background:var(--limestone);color:var(--ink);filter:none}
.section-h{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(30px,3.4vw,42px);
line-height:1.18;letter-spacing:.015em;margin-bottom:30px;text-align:center}

/* ---- hero ---- */
.hero{background:var(--night);color:var(--limestone);position:relative;
overflow:hidden;display:flex;align-items:flex-start;
min-height:min(90vh,860px);padding:clamp(72px,11vh,128px) 0 96px}
.hero-photo{background-size:cover;background-position:center}
.hero-photo::before{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(24,21,16,.60) 0%,rgba(24,21,16,.34) 42%,
rgba(24,21,16,.14) 68%,rgba(24,21,16,.34) 100%)}
.hero-in{position:relative;max-width:920px;width:100%;margin:0 auto;
padding:0 32px;text-align:center}
.hero h1{font-family:'Marcellus',serif;font-weight:400;
font-size:clamp(40px,6vw,78px);line-height:1.12;letter-spacing:.02em;
text-shadow:0 1px 24px rgba(24,21,16,.4)}
.hero-sub{margin:26px auto 0;max-width:none;font-size:19px;line-height:1.6;
color:rgba(234,230,217,.92);text-shadow:0 1px 14px rgba(24,21,16,.4)}
.hero .btn{margin-top:40px}
.hero-about{min-height:min(80vh,740px)}
.hero-about::before{background:linear-gradient(180deg,rgba(24,21,16,.68) 0%,
rgba(24,21,16,.30) 46%,rgba(24,21,16,.14) 72%,rgba(24,21,16,.28) 100%)}
.hero-about h1{font-size:clamp(29px,4.1vw,52px);line-height:1.18;max-width:26ch;
margin:0 auto}
.btn-hero{padding:17px 46px;font-size:16.5px;
border-color:rgba(255,255,255,.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.4),
0 12px 30px rgba(24,21,16,.42)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero h1{animation:rise .9s ease-out both}
.hero-sub,.hero .btn{animation:rise .9s .35s ease-out both}

/* ---- light + surface sections ---- */
.section{padding:96px 0}
.split{margin:0 auto}
.split .prose{max-width:none}
.figure{margin:0}
.figure img{width:100%;border-radius:2px}
.figure figcaption{font-size:13.5px;color:var(--ink-soft);margin-top:12px}
.cta-strip{text-align:center}
.cta-strip p{max-width:56ch;margin:0 auto 34px;font-size:19px}

/* ---- article (about) ---- */
.pagehead{padding:84px 0 64px}
.pagehead h1{font-family:'Marcellus',serif;font-weight:400;
font-size:clamp(34px,4.6vw,58px);line-height:1.16;letter-spacing:.015em;
max-width:24ch;margin:0 auto;text-align:center}
.media-list{list-style:none;columns:2;column-gap:44px;text-align:center;
max-width:620px;margin:0 auto}
.media-list li{margin-bottom:13px;break-inside:avoid;font-size:16.5px}
.media-list a{text-decoration:none;border-bottom:1.5px solid var(--hairline);
padding-bottom:2px}
.media-list a:hover{border-bottom-color:var(--accent)}
.media-list .soon{color:var(--ink-soft)}
.closing{background:var(--night);color:var(--limestone)}
.closing .wrap{max-width:940px;text-align:center}
.closing p{font-family:'Marcellus',serif;font-size:clamp(22px,2.6vw,31px);
line-height:1.5;letter-spacing:.01em}
.closing .btn{margin-top:44px}

.alt-section{background:var(--surface)}

/* ---- founder (full-width flow) ---- */
.founder-flow{overflow:auto}
.founder-flow h3{font-family:'Marcellus',serif;font-weight:400;font-size:27px;
margin-bottom:2px}
.founder-flow .role{color:var(--ink-soft);font-size:15px;margin-bottom:20px}
.founder-flow p{margin-bottom:1.35em}
.founder-section{background:var(--limestone-deep);
border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
padding:72px 0}
.ff-img{width:min(280px,38%);border-radius:2px}
.ff-left{float:left;margin:6px 38px 16px 0}
.ff-right{float:right;margin:6px 0 16px 38px}

/* ---- locations band ---- */
.locations{background:var(--limestone-deep);border-top:1px solid var(--hairline);
border-bottom:1px solid var(--hairline);padding:72px 0}
.locations-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;
text-align:center;max-width:880px}
.loc h3{font-family:'Marcellus',serif;font-weight:400;font-size:21px;
letter-spacing:.02em;margin-bottom:10px}
.loc p{color:var(--ink-soft);font-size:16.5px;line-height:1.65}

/* ---- contact ---- */
.contact-grid{display:grid;grid-template-columns:minmax(240px,1fr) 1.4fr;gap:64px}
.field{margin-bottom:22px}
.field label{display:block;font-size:14.5px;font-weight:700;margin-bottom:8px}
.inp,textarea.inp{width:100%;font-family:'Manrope',sans-serif;font-size:16.5px;
color:var(--ink);background:var(--surface);border:1px solid var(--hairline);
border-radius:2px;padding:13px 15px}
.inp:focus{border-color:var(--ink)}
textarea.inp{min-height:170px;resize:vertical}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

@media (max-width:900px){
.section{padding:68px 0}
.contact-grid{grid-template-columns:1fr;gap:30px}
.media-list{columns:1}
.hero{min-height:76vh;padding:64px 0 72px}
.hero-photo{background-position:center}
.hero-photo::before{background:linear-gradient(180deg,rgba(24,21,16,.62) 0%,
rgba(24,21,16,.38) 55%,rgba(24,21,16,.44) 100%)}
.hero-in{padding:0 24px}
.ff-img{float:none;width:100%;margin:8px 0 18px}
.wrap,.nav{padding-left:24px;padding-right:24px}
}
@media (prefers-reduced-motion:reduce){
.hero h1,.hero-sub,.hero .btn{animation:none}
html{scroll-behavior:auto}
}
