:root{
  --navy:#14264a; --navy-deep:#0c1a35; --ink:#0f1a2e; --gold:#b8914a; --gold-soft:#d9b876; --gold-deep:#8f6c2e;
  --cream:#f5efe3; --paper:#fbf8f1; --line:#e2d8c4; --muted:#5d6475;
  --serif:'Fraunces', Georgia, serif; --sans:'Figtree', system-ui, sans-serif; --script:'Caveat', cursive;
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem); --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem); --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem); --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --text-3xl:clamp(2.6rem,1rem + 4.6vw,5.6rem);
  --wrap:min(1240px,100% - 2.5rem); --ease:cubic-bezier(.2,.7,.2,1);
  --accent:var(--gold);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:var(--text-base);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{width:var(--wrap);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.7rem 1rem;z-index:99}
.skip:focus{left:1rem}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.script{font-family:var(--script);font-weight:600;line-height:1}
.eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.eyebrow::before{content:"";width:38px;height:2px;background:currentColor}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.02;letter-spacing:-.02em;font-variation-settings:"SOFT" 50,"opsz" 144}
h2{font-size:var(--text-2xl)}
h2 em,h1 em{font-style:italic;font-weight:600;color:var(--gold-deep)}

/* top bar + header */
.topbar{background:var(--navy-deep);color:#d8dcea;font-size:var(--text-xs)}
.topbar .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;flex-wrap:wrap}
.topbar a{text-decoration:none}.topbar a:hover{color:var(--gold-soft)}
.topbar span{display:inline-flex;gap:1.4rem;flex-wrap:wrap}
header.site{position:sticky;top:0;z-index:50;background:rgba(251,248,241,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--navy)}
.brand svg{width:78px;height:auto}
.brand b{display:block;font-family:var(--serif);font-size:1.05rem;line-height:1.05;letter-spacing:.02em}
.brand small{display:block;font-size:.62rem;letter-spacing:.28em;color:var(--muted);margin-top:.25rem}
nav.main{display:flex;align-items:center;gap:1.8rem}
nav.main a{text-decoration:none;font-size:var(--text-sm);font-weight:600;color:var(--navy);position:relative}
nav.main a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--gold);transition:right .3s var(--ease)}
nav.main a:not(.btn):hover::after,nav.main a[aria-current]::after{right:0}
.menu-toggle{display:none;background:none;border:1.5px solid var(--navy);padding:.5rem .9rem;font-weight:700;font-size:var(--text-sm);color:var(--navy);cursor:pointer}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.5rem;background:var(--navy);color:#fff;text-decoration:none;font-weight:700;font-size:var(--text-sm);border:0;cursor:pointer;transition:transform .25s var(--ease),background .25s,box-shadow .25s;border-radius:2px}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(12,26,53,.6)}
.btn.gold{background:linear-gradient(180deg,#d4b06a,#b8914a);color:var(--navy-deep)}
.btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.btn.ghost.light{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translateX(4px)}

/* hero */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);min-height:min(86vh,820px);background:var(--cream);overflow:hidden}
.hero-img{position:relative;overflow:hidden}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%;transform:scale(1.06);animation:drift 18s var(--ease) forwards}
.hero-img::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--cream) 0%,rgba(245,239,227,0) 14%)}
@keyframes drift{to{transform:scale(1)}}
.hero-copy-wrap{display:flex;align-items:center;padding:4rem clamp(1.25rem,4vw,3.5rem) 5rem max(1.25rem,calc((100vw - 1240px)/2))}
.hero-copy{max-width:600px;position:relative;z-index:3}
.hero-copy::after{content:"";position:absolute;left:-40px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(rgba(184,145,74,.16),transparent 70%);z-index:-1}
.hero h1{font-size:var(--text-3xl);color:var(--navy);margin:1.3rem 0 1.5rem;font-weight:800}
.hero h1 span{display:block}
.hero h1 em{color:var(--gold-deep)}
.hero p.lede{font-size:var(--text-lg);line-height:1.5;color:#2c3446;max-width:520px}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.2rem}
.hero-tags{margin-top:2.4rem;font-size:var(--text-xs);letter-spacing:.24em;font-weight:700;color:var(--navy)}
.hero-note{position:absolute;z-index:2;top:7%;right:6%;color:#fff;font-size:clamp(1.8rem,1rem + 2.2vw,3rem);transform:rotate(-6deg);text-shadow:0 2px 12px rgba(12,26,53,.55),0 1px 2px rgba(12,26,53,.5)}
.hero-note .heart{color:var(--gold-soft)!important}
.hero-note .heart{color:var(--gold);display:inline-block;animation:beat 2.4s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}}
.seal{position:absolute;z-index:2;right:4%;bottom:7%;width:150px;height:150px;border-radius:50%;background:var(--navy);color:var(--gold-soft);display:grid;place-items:center;box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.seal svg{position:absolute;inset:0;animation:spin 26s linear infinite}
.seal strong{font-family:var(--serif);font-size:2.6rem;line-height:1;color:#fff;text-align:center}
.seal strong small{display:block;font-family:var(--sans);font-size:.62rem;letter-spacing:.2em;color:var(--gold-soft);margin-top:.2rem}
@keyframes spin{to{transform:rotate(360deg)}}

/* ticker */
.ticker{background:var(--navy);color:#fff;overflow:hidden;border-block:3px solid var(--gold)}
.ticker-track{display:flex;width:max-content;animation:tick 42s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker span{font-family:var(--serif);font-style:italic;font-size:var(--text-lg);padding:1rem 1.4rem;white-space:nowrap;display:flex;align-items:center;gap:2.8rem}
.ticker span::after{content:"✦";color:var(--gold);font-style:normal;font-size:.9em}
@keyframes tick{to{transform:translateX(-50%)}}

section{position:relative}
.pad{padding:clamp(4.5rem,9vw,8rem) 0}

/* where to start */
.start{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.start-photo{position:relative;margin-top:2.2rem}
.start-photo img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:2px}
.start-photo::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--gold);z-index:-1}
.start-photo .tape{position:absolute;left:-14px;bottom:-26px;background:var(--paper);padding:1rem 1.3rem;box-shadow:0 14px 30px -18px rgba(0,0,0,.45);transform:rotate(-3deg);font-size:1.7rem;color:var(--navy);max-width:280px}
.start h2{margin:1rem 0 1.2rem}
.start .intro{color:var(--muted);max-width:520px;margin-bottom:2rem}
.qa{border-top:1.5px solid var(--navy)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;font-family:var(--serif);font-size:var(--text-lg);font-weight:600;color:var(--navy)}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{font-style:normal;flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold-deep);transition:transform .3s var(--ease),background .3s}
.qa details[open] summary i{transform:rotate(45deg);background:var(--gold);color:#fff}
.qa details p{padding:0 3rem 1.4rem 0;color:#3a4254}
.qa details p b{color:var(--navy)}

/* roadmap */
.road{background:var(--navy-deep);color:#fff;overflow:hidden}
.road::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(184,145,74,.22),transparent 45%);pointer-events:none}
.road-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}
.road h2{color:#fff;max-width:760px}
.road h2 em{color:var(--gold-soft)}
.road-head p{max-width:360px;color:#b9c0d4}
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem;margin-top:4.5rem;position:relative}
.steps::before{content:"";position:absolute;top:31px;left:4%;right:4%;border-top:2px dashed rgba(217,184,118,.55)}
.steps li{position:relative}
.steps .num{width:64px;height:64px;border-radius:50%;background:var(--navy-deep);border:2px solid var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;color:var(--gold-soft);position:relative;transition:background .3s,color .3s}
.steps li:hover .num{background:var(--gold);color:var(--navy-deep)}
.steps h3{font-size:var(--text-lg);margin:1.3rem 0 .6rem;color:#fff}
.steps p{font-size:var(--text-sm);color:#b9c0d4}
.road-foot{margin-top:4rem;font-size:2rem;color:var(--gold-soft);transform:rotate(-2deg)}

/* letter */
.letter-sec{background:var(--cream)}
.letter-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.letter{background:var(--paper);padding:clamp(2rem,5vw,4rem);box-shadow:0 30px 60px -35px rgba(20,38,74,.45);transform:rotate(-1deg);position:relative;background-image:repeating-linear-gradient(transparent 0 35px,rgba(184,145,74,.12) 35px 36px)}
.letter::before{content:"";position:absolute;top:-14px;left:50%;width:120px;height:30px;background:rgba(217,184,118,.55);transform:translateX(-50%) rotate(2deg)}
.letter p.script{font-family:var(--script);font-weight:600;line-height:1.1}
.letter .dear{font-size:2.2rem;color:var(--navy);margin-bottom:1rem}
.letter p{font-family:var(--serif);font-size:var(--text-lg);line-height:1.6;color:#27304a;margin-bottom:1.1rem;font-weight:400}
.letter .sig{font-size:2.4rem;color:var(--gold-deep);margin-top:1.4rem}
.letter .sig small{display:block;font-family:var(--sans);font-size:var(--text-xs);letter-spacing:.2em;color:var(--muted);margin-top:.5rem}
.stats{display:grid;gap:0}
.stat{padding:1.7rem 0;border-bottom:1px solid var(--line)}
.stat:first-child{border-top:1.5px solid var(--navy)}
.stat strong{display:block;font-family:var(--serif);font-size:var(--text-3xl);line-height:.9;color:var(--navy);font-weight:800}
.stat strong sup{font-size:.45em;color:var(--gold)}
.stat span{color:var(--muted);font-size:var(--text-sm)}

/* family */
.fam-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:4rem}
.fam-head p{color:var(--muted);max-width:460px;justify-self:end}
.biz{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin-bottom:2.5rem;background:#fff;box-shadow:0 20px 50px -38px rgba(20,38,74,.6);overflow:hidden}
.biz:nth-of-type(even){grid-template-columns:1fr 1.15fr}
.biz:nth-of-type(even) .biz-img{order:2}
.biz-img{position:relative;overflow:hidden;min-height:380px}
.biz-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.biz:hover .biz-img img{transform:scale(1.05)}
.biz-img .loc,.card-img .loc{position:absolute;left:1.2rem;top:1.2rem;background:rgba(12,26,53,.82);color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;padding:.45rem .8rem;text-transform:uppercase}
.biz-body{padding:clamp(2rem,4vw,3.4rem);display:flex;flex-direction:column;justify-content:center;border-top:6px solid var(--accent)}
.biz-body .kind{font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.biz-body h3{font-size:var(--text-2xl);margin:.6rem 0 .3rem;color:var(--navy)}
.biz-body .say{font-size:1.9rem;color:var(--accent);margin-bottom:1rem}
.biz-body p{color:#3a4254;margin-bottom:1.6rem}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.05rem;border:1.5px solid var(--accent);color:var(--navy);text-decoration:none;font-weight:700;font-size:var(--text-sm);border-radius:40px;transition:background .25s,color .25s}
.chip:hover{background:var(--accent);color:#fff}
.visit{display:inline-block;align-self:flex-start;font-weight:700;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:.2rem;font-size:var(--text-sm)}
.visit:hover{color:var(--accent)}
.also{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:1rem}
.also>div{border:1.5px dashed var(--gold);padding:1.2rem 1.6rem 1.2rem 1.2rem;display:flex;align-items:center;gap:1.3rem;background:var(--paper)}
.also>div>div{flex:1;min-width:0}
.also img{width:92px;height:92px;object-fit:cover;flex:none}
.also .soon{width:92px;height:92px;flex:none;display:grid;place-items:center;background:var(--navy);color:var(--gold-soft);font-size:2rem;font-family:var(--script)}
.also h4{margin-bottom:.3rem}
.also h4{font-family:var(--serif);font-size:var(--text-lg);color:var(--navy)}
.also span{font-size:var(--text-sm);color:var(--muted)}
.also em{font-style:normal;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;background:var(--gold);color:var(--navy-deep);padding:.35rem .7rem;text-transform:uppercase}

/* values */
.values{background:var(--paper);border-top:1px solid var(--line)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem}
.val{border-top:1.5px solid var(--navy);padding-top:1.6rem}
.val b{font-family:var(--script);font-size:2.3rem;color:var(--gold-deep);font-weight:600}
.val h3{font-size:var(--text-xl);color:var(--navy);margin:.2rem 0 .8rem}
.val p{color:var(--muted);font-size:var(--text-sm)}

/* contact */
.contact{background:var(--cream)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.postcard{background:var(--paper);padding:1rem 1rem 1.6rem;box-shadow:0 30px 60px -32px rgba(20,38,74,.55);transform:rotate(-2deg);max-width:460px}
.postcard img{width:100%;aspect-ratio:5/3.6;object-fit:cover}
.postcard .pc-row{display:flex;justify-content:space-between;align-items:end;padding:1rem .5rem 0}
.postcard .pc-row .script{font-size:2.2rem;color:var(--navy)}
.postcard .stamp{border:2px dashed var(--gold);color:var(--gold-deep);font-size:.65rem;font-weight:800;letter-spacing:.12em;padding:.5rem .6rem;text-align:center;line-height:1.3}
.reach{margin-top:3rem;display:grid;gap:1.1rem}
.reach a,.reach div{text-decoration:none;display:grid;grid-template-columns:110px 1fr;gap:1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}
.reach small{font-size:var(--text-xs);font-weight:700;letter-spacing:.18em;color:var(--gold-deep);text-transform:uppercase;padding-top:.2rem}
.reach span{font-weight:600;color:var(--navy)}
.reach a:hover span{color:var(--gold-deep)}
form.inquiry{background:#fff;padding:clamp(1.6rem,4vw,3rem);box-shadow:0 20px 50px -38px rgba(20,38,74,.6);border-top:6px solid var(--gold)}
form.inquiry h3{font-size:var(--text-xl);color:var(--navy);margin-bottom:.4rem}
form.inquiry .sub{color:var(--muted);font-size:var(--text-sm);margin-bottom:1.8rem}
.field{display:grid;gap:.4rem;margin-bottom:1.1rem}
.field label{font-size:var(--text-sm);font-weight:700;color:var(--navy)}
.field input,.field select,.field textarea{width:100%;padding:.85rem 1rem;border:1.5px solid var(--line);background:var(--paper);border-radius:2px;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
form.inquiry .btn{width:100%;justify-content:space-between;margin-top:.6rem}
.fineprint{font-size:var(--text-xs);color:var(--muted);margin-top:.8rem}
.status{margin-top:1rem;font-size:var(--text-sm);color:var(--navy);font-weight:600}
.status:empty{display:none}

/* footer */
footer.site{background:var(--navy-deep);color:#c8cee0;padding:4.5rem 0 2rem}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.5rem}
footer .brand{color:#fff}footer .brand small{color:#9aa3bd}
footer h4{font-size:var(--text-xs);letter-spacing:.2em;color:var(--gold-soft);margin-bottom:1rem;text-transform:uppercase}
footer ul{list-style:none;display:grid;gap:.5rem;font-size:var(--text-sm)}
footer a{text-decoration:none}footer a:hover{color:var(--gold-soft)}
.foot-script{font-size:2.3rem;color:var(--gold-soft);margin-top:1.6rem;transform:rotate(-3deg);display:inline-block}
.foot-bottom{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:var(--text-xs);color:#8d96b1}

/* business sub-pages */
.bhero{position:relative;min-height:min(74vh,700px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--navy-deep)}
.bhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,26,53,.15) 0%,rgba(12,26,53,.35) 45%,rgba(12,26,53,.92) 100%)}
.bhero .wrap{position:relative;z-index:2;padding:0 0 4.5rem}
.crumb{font-size:var(--text-xs);letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--gold-soft);text-decoration:none}
.crumb:hover{color:#fff}
.bhero h1{font-size:var(--text-3xl);margin:1rem 0 .4rem;font-weight:800}
.bhero .say{font-size:clamp(1.8rem,1rem + 2vw,2.8rem);color:var(--gold-soft)}
.bhero p{max-width:560px;font-size:var(--text-lg);line-height:1.5;margin-top:1rem;color:#e6e9f2}
.picker{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:73px;z-index:40}
.picker .wrap{display:flex;gap:1rem;align-items:center;padding:1.2rem 0;flex-wrap:wrap}
.picker .lbl{font-size:var(--text-xs);letter-spacing:.2em;font-weight:700;color:var(--muted);margin-right:.5rem;text-transform:uppercase}
.svc-btn{padding:1rem 1.8rem;border:2px solid var(--navy);background:transparent;font-weight:800;font-size:var(--text-base);color:var(--navy);cursor:pointer;transition:all .25s var(--ease);border-radius:2px;display:inline-flex;align-items:center;gap:.6rem}
.svc-btn:hover{background:var(--cream)}
.svc-btn[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.svc-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.svc-panel[hidden]{display:none}
.svc-panel .ph{position:relative}
.svc-panel .ph img{width:100%;aspect-ratio:4/3;object-fit:cover}
.svc-panel .ph::before{content:"";position:absolute;inset:-16px 16px 16px -16px;border:2px solid var(--accent);z-index:-1}
.svc-panel h2{color:var(--navy);margin:1rem 0 1rem}
.svc-panel .copy>p{color:#3a4254;margin-bottom:1.5rem}
.ticks{list-style:none;display:grid;gap:.7rem;margin-bottom:2rem}
.ticks li{display:flex;gap:.8rem;align-items:flex-start}
.ticks li::before{content:"";flex:none;width:10px;height:10px;margin-top:.5rem;background:var(--accent);transform:rotate(45deg)}
.panel-dark{background:#0b0b0d;color:#f2f2f2}
.panel-dark h2{color:#fff}
.panel-dark .copy>p{color:#c9c9cf}
.ko-mark{font-family:var(--sans);font-weight:900;font-size:clamp(3.5rem,2rem + 6vw,7rem);letter-spacing:-.04em;line-height:.85;color:#fff}
.ko-mark span{color:var(--gold)}
.others{background:var(--cream)}
.others-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.2rem}
.others-grid a{position:relative;aspect-ratio:3/4;overflow:hidden;color:#fff;text-decoration:none;display:flex;align-items:flex-end;padding:1.2rem}
.others-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.others-grid a::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(12,26,53,.9))}
.others-grid a:hover img{transform:scale(1.06)}
.others-grid b{position:relative;z-index:1;font-family:var(--serif);font-size:var(--text-lg)}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}

@media (max-width:1020px){
  .steps{grid-template-columns:1fr 1fr;gap:2.5rem 1.5rem}.steps::before{display:none}
  .foot-grid{grid-template-columns:1fr 1fr}
  .others-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:880px){
  .menu-toggle{display:block}
  nav.main{position:absolute;top:100%;left:0;right:0;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:0 1.25rem;max-height:0;overflow:hidden;transition:max-height .4s var(--ease),padding .4s;border-bottom:1px solid var(--line)}
  nav.main.open{max-height:520px;padding:1rem 1.25rem 1.5rem}
  nav.main a{padding:.9rem 0;border-bottom:1px solid var(--line)}
  nav.main a.btn{margin-top:1rem;justify-content:center;border:0}
  .topbar .hide-sm{display:none}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-img{height:clamp(300px,62vw,480px);order:-1}
  .hero-img::before{background:linear-gradient(0deg,var(--cream) 0%,rgba(245,239,227,0) 22%)}
  .hero-copy-wrap{padding:1.5rem 1.25rem 4rem}
  .hero-note{top:16px;right:16px;font-size:1.7rem}
  .seal{width:108px;height:108px;right:1rem;bottom:1rem}
  .seal strong{font-size:1.9rem}
  .start,.letter-grid,.contact-grid,.svc-panel,.fam-head{grid-template-columns:1fr}
  .fam-head p{justify-self:start}
  .biz,.biz:nth-of-type(even){grid-template-columns:1fr}
  .biz:nth-of-type(even) .biz-img{order:0}
  .biz-img{min-height:260px}
  .vals,.also{grid-template-columns:1fr}
  .start-photo{margin:0 0 2.5rem}
  .picker{top:65px}
  .svc-panel .ph{order:-1}
}
@media (max-width:520px){
  .steps{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .brand svg{width:62px}
  .svc-btn{padding:.8rem 1.1rem;font-size:var(--text-sm)}
  .reach a,.reach div{grid-template-columns:1fr;gap:.2rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

@media (max-width:480px){.brand small{display:none}.topbar .wrap{justify-content:center;text-align:center}}

/* compact front page */
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem}
.card{display:flex;flex-direction:column;background:#fff;text-decoration:none;color:inherit;border-top:4px solid var(--accent);box-shadow:0 18px 40px -26px rgba(12,26,53,.35);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(12,26,53,.45)}
.card-img{position:relative;aspect-ratio:4/5;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.card:hover .card-img img{transform:scale(1.06)}
.card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.card h3{font-family:var(--serif);font-size:1.3rem;line-height:1.1;color:var(--navy)}
.card .say{color:var(--accent);font-size:1.3rem}
.card-svc{font-size:var(--text-xs);color:var(--muted);flex:1}
.card-go{font-size:var(--text-sm);font-weight:700;color:var(--navy);margin-top:.6rem}
.cta-band{background:var(--navy-deep);color:#fff;padding:clamp(3.5rem,7vw,6rem) 0}
.cta-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.cta-band h2{color:#fff;margin:1rem 0 1.2rem}.cta-band h2 em{color:var(--gold-soft)}
.cta-band p{color:#c9cfdb}
.cta-band .postcard{transform:rotate(-2deg)}
@media (max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.cta-grid{grid-template-columns:1fr}}
@media (max-width:640px){.cards{grid-template-columns:1fr 1fr}.card h3{font-size:1.1rem}.card .say{font-size:1.1rem}}
.card-img .loc{left:.6rem;top:.6rem;font-size:.62rem;padding:.3rem .55rem;letter-spacing:.1em}
/* v2: business button bar, smaller hero photo, info flags, card buttons */
.bizbar{background:var(--paper,#fff);border-bottom:1px solid var(--line,#e5dfd2)}
.bizbar .wrap{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-block:.7rem}
.bizbar .lbl{font-size:var(--text-xs);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-right:.4rem}
.bb{font-size:var(--text-sm);font-weight:700;text-decoration:none;color:var(--navy);padding:.45rem .9rem;border:1.5px solid var(--accent);border-radius:40px;transition:background .2s,color .2s}
.bb:hover,.bb[aria-current]{background:var(--accent);color:#fff}
.hero{grid-template-columns:minmax(0,55fr) minmax(0,45fr);min-height:auto}
.hero-side{padding:3rem max(1.25rem,calc((100vw - 1240px)/2)) 3rem 0;display:flex;flex-direction:column;gap:1.2rem;justify-content:center}
.hero-side .hero-img{margin:0;background:#fff;padding:.7rem .7rem .4rem;box-shadow:0 24px 50px -30px rgba(12,26,53,.6);transform:rotate(1.5deg);max-width:460px;align-self:flex-end}
.hero-side .hero-img::before{display:none}
.hero-side .hero-img img{position:static;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transform:none;animation:none}
.hero-side .hero-img figcaption{font-size:1.5rem;color:var(--navy);padding:.3rem .2rem 0}
.flags{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.flags li{display:flex;align-items:center;gap:.8rem;background:var(--navy);color:#e6e9f2;padding:.7rem .9rem;border-left:4px solid var(--gold);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%)}
.flags li.wide{grid-column:1/-1;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.flags b{font-family:var(--serif);font-size:1.6rem;color:var(--gold-soft);line-height:1;min-width:2.4ch}
.flags li.wide b{color:var(--gold-deep)}
.flags span{font-size:var(--text-xs);font-weight:600;line-height:1.3;padding-right:1rem}
.cards{grid-template-columns:repeat(5,1fr)}
.card-img{display:block}
.subs{display:flex;flex-wrap:wrap;gap:.35rem;flex:1;align-content:flex-start;margin-top:.2rem}
.sub{font-size:.72rem;font-weight:700;text-decoration:none;color:var(--navy);border:1.5px solid var(--accent);border-radius:30px;padding:.3rem .6rem}
.sub:hover{background:var(--accent);color:#fff}
.card-go{display:block;text-align:center;background:var(--accent);color:#fff;text-decoration:none;padding:.65rem .5rem;border-radius:2px;margin-top:.8rem}
.card-go:hover{filter:brightness(1.1)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-side{padding:0 1.25rem 3rem}.hero-side .hero-img{align-self:center;order:0}.bizbar .lbl{width:100%}}
@media (max-width:480px){.flags{grid-template-columns:1fr}}
@media (max-width:900px){.hero-side .hero-img{height:auto;overflow:visible}}
.soon-tag{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);color:var(--navy-deep);padding:.15rem .45rem;border-radius:20px;margin-left:.45rem;vertical-align:middle}
.ribbon{position:absolute;left:0;right:0;bottom:1.2rem;background:repeating-linear-gradient(45deg,#e0b83a 0 18px,#1b1b1b 18px 36px);color:#fff;text-align:center;font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 0;text-shadow:0 1px 3px #000}
.cards{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.cards{grid-template-columns:1fr 1fr}}
/* KO Detailing */
.ko{--r:#c8102e;background:#0b0b0c;color:#e9e9ea}
.ko h2{color:#fff;font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(2rem,1.2rem + 3vw,3.4rem)}
.ko-eye{color:var(--r);font-weight:800;letter-spacing:.24em;text-transform:uppercase;font-size:var(--text-xs);margin-bottom:.6rem}
.ko-hero{position:relative;min-height:min(80vh,720px);display:flex;align-items:center;overflow:hidden}
.ko-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;opacity:.55}
.ko-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0c 20%,rgba(11,11,12,.3))}
.ko-hero .wrap{position:relative;z-index:2;padding-block:4rem}
.ko-hero .crumb{color:#bbb}
.ko-brand{display:flex;align-items:center;gap:1.2rem;margin:1.2rem 0}
.ko-brand img{width:120px;height:120px;border-radius:50%;border:3px solid var(--r);object-fit:cover}
.ko-brand h1{font-family:var(--sans);font-weight:900;font-size:clamp(3rem,2rem + 5vw,5.5rem);line-height:.9;color:#fff;font-style:italic}
.ko-brand h1 span{display:block;font-style:normal;font-size:.42em;letter-spacing:.18em;border-bottom:3px solid var(--r);padding-bottom:.3rem}
.ko-tag{letter-spacing:.2em;font-weight:700;font-size:var(--text-xs);margin-top:.6rem;color:#ddd;text-transform:uppercase}
.ko-lede{font-size:var(--text-lg);max-width:520px;color:#ddd}
.ko-btn{background:var(--r)!important;color:#fff!important}
.ko-badges{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.ko-badges li{border:1.5px solid rgba(255,255,255,.35);padding:.4rem .8rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ko-sec{padding:clamp(3.5rem,7vw,6rem) 0}.ko-alt{background:#141416}
.ko-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2rem}
.ko-item{background:#151517;border:1px solid #2a2a2e;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.ko-item img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ko-item>div{padding:1rem;display:flex;flex-direction:column;gap:.4rem;flex:1;text-align:center}
.ko-item h3,.ko-more h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;font-size:1rem;color:#fff}
.ko-item p,.ko-more p{font-size:var(--text-sm);color:#bbb;flex:1}
.ko-item b,.ko-more b{color:var(--r);font-size:1.5rem;font-weight:900;border-top:1px solid #333;padding-top:.5rem}
.ko-item a,.ko-more a{color:#fff;font-weight:700;font-size:var(--text-sm);text-decoration:none}
.ko-item a:hover,.ko-more a:hover{color:var(--r)}
.ko-split{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:2.5rem}
.ko-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ko-more{background:#151517;border:1px solid #2a2a2e;border-left:4px solid var(--r);border-radius:10px;padding:1.2rem;display:flex;flex-direction:column;gap:.5rem}
.ko-more b{font-size:1.1rem}
.ko-adds{border:2px solid var(--r);border-radius:10px;padding:1.4rem;align-self:end}
.ko-adds h3{font-family:var(--script);color:var(--r);font-size:2.2rem;text-align:center}
.ko-adds ul{list-style:none;padding:0;margin:0}
.ko-adds li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #333;font-weight:600}
.ko-adds b{color:var(--r);white-space:nowrap}
.ko-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.ko-rev{margin:0;background:#0b0b0c;border:1px dashed #555;border-radius:10px;padding:1.5rem}
.stars{color:var(--r);font-size:1.3rem;letter-spacing:.1em}
.ko-rev blockquote{margin:.8rem 0;color:#ccc;font-size:var(--text-base)}
.ko-rev figcaption{font-weight:800;color:#fff;text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.14em}
.ko-note{margin-top:1.5rem}.ko-note a{color:#fff;font-weight:700}
.ko-book{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:start}
.ko-book>div>p{color:#ccc;margin:1rem 0 2rem}
.ko-pay{background:#151517;border:1px solid #2a2a2e;border-radius:10px;padding:1.3rem;display:grid;gap:.8rem}
.ko-pay h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;font-size:var(--text-sm);letter-spacing:.14em;color:#fff}
.pay-row{display:flex;align-items:center;gap:1rem;font-weight:700}
.pay-row small{font-weight:500;color:#999}
.venmo{background:#008cff;color:#fff;font-weight:900;font-style:italic;padding:.35rem .8rem;border-radius:6px;font-size:1.1rem}
.cash{background:#2e7d32;color:#fff;font-weight:900;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:6px}
.ko-contact{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.5rem}.ko-contact a{color:#fff}
.ko-form{background:#fff;color:#111;border-top:5px solid var(--r)}
.ko-foot{background:var(--r);color:#fff;text-align:center;font-weight:800;letter-spacing:.4em;padding:1.1rem;font-size:var(--text-sm);font-style:italic;margin:0}
@media (max-width:1100px){.ko-grid{grid-template-columns:repeat(3,1fr)}.ko-split,.ko-book{grid-template-columns:1fr}}
@media (max-width:700px){.ko-grid,.ko-more-grid,.ko-rev-grid{grid-template-columns:1fr 1fr}.ko-brand img{width:84px;height:84px}}
@media (max-width:460px){.ko-grid,.ko-more-grid,.ko-rev-grid{grid-template-columns:1fr}}
.bizbar .wrap{gap:.35rem}.bb{padding:.38rem .7rem;font-size:.82rem}.bizbar .lbl{margin-right:.2rem}