/* Ashkon Babaee Group — Luxury Redesign */

:root {
  --paper-1: #0a0908; --paper-2: #100e0c; --paper-3: #161310;
  --paper-edge: rgba(255, 244, 220, 0.08);
  --ink-1: #f4ead5; --ink-2: rgba(244,234,213,.72); --ink-3: rgba(244,234,213,.48); --ink-4: rgba(244,234,213,.28);
  --gold-1: oklch(0.82 0.13 84); --gold-2: oklch(0.72 0.12 78); --gold-3: oklch(0.92 0.06 88);
  --gold-glow: oklch(0.82 0.13 84 / 0.18);
  --serif: 'Cormorant Garamond','Cormorant','EB Garamond',Georgia,serif;
  --sans: 'Inter',ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',sans-serif;
  --mono: 'JetBrains Mono',ui-monospace,'SF Mono','Menlo',monospace;
  --display: var(--serif); --text: var(--sans);
  --gap-section: 11rem; --gap-card: 1.25rem;
  --pad-edge: clamp(1.5rem,4vw,4.5rem);
  --pad-section-y: clamp(5rem,10vw,9rem);
  --rad: 2px; --rad-card: 4px;
  --hairline: 0.5px solid var(--paper-edge);
}
:root[data-paper="midnight"]{--paper-1:#06080f;--paper-2:#0a0e18;--paper-3:#0e131f;--ink-1:#ecf0f7;--ink-2:rgba(236,240,247,.72);--ink-3:rgba(236,240,247,.48);--ink-4:rgba(236,240,247,.26);--paper-edge:rgba(220,230,255,.08)}
:root[data-paper="charcoal"]{--paper-1:#161513;--paper-2:#1c1a17;--paper-3:#221f1b;--paper-edge:rgba(255,244,220,.10)}
:root[data-palette="champagne"]{--gold-1:oklch(0.88 0.06 80);--gold-2:oklch(0.78 0.06 78);--gold-3:oklch(0.94 0.04 86);--gold-glow:oklch(0.88 0.06 80 / 0.16)}
:root[data-palette="bronze"]{--gold-1:oklch(0.68 0.11 56);--gold-2:oklch(0.58 0.11 50);--gold-3:oklch(0.78 0.09 60);--gold-glow:oklch(0.68 0.11 56 / 0.20)}
:root[data-palette="ivory"]{--gold-1:oklch(0.95 0.02 90);--gold-2:oklch(0.86 0.02 88);--gold-3:oklch(0.99 0.01 92);--gold-glow:oklch(0.95 0.02 90 / 0.14)}
:root[data-density="compact"]{--gap-section:7rem;--pad-section-y:clamp(3.5rem,7vw,6rem)}
:root[data-density="airy"]{--gap-section:15rem;--pad-section-y:clamp(7rem,13vw,12rem)}
:root[data-type="fraunces-grotesk"]{--serif:'Fraunces','Cormorant Garamond',Georgia,serif;--sans:'Space Grotesk','Inter',system-ui,sans-serif}
:root[data-type="serif-only"]{--serif:'Cormorant Garamond',Georgia,serif;--sans:'EB Garamond','Cormorant Garamond',Georgia,serif;--text:var(--sans)}
:root[data-type="sans-only"]{--serif:'Inter',system-ui,sans-serif;--sans:'Inter',system-ui,sans-serif;--display:var(--sans);--text:var(--sans)}

/* ─── LIGHT THEME ──────────────────────────────────────────────── */
:root[data-theme="light"]{
  --paper-1:#fbfaf8; --paper-2:#f5f3ef; --paper-3:#eeebe5;
  --paper-edge:rgba(30,26,20,0.12);
  --ink-1:#1a1712; --ink-2:rgba(26,23,18,.92); --ink-3:rgba(26,23,18,.68); --ink-4:rgba(26,23,18,.40);
  --gold-1:oklch(0.82 0.13 84); --gold-2:oklch(0.72 0.12 78); --gold-3:oklch(0.92 0.06 88);
  --gold-glow:oklch(0.82 0.13 84 / 0.10);
}
html{transition:background-color .5s ease}
body{transition:background-color .5s ease,color .5s ease}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--paper-1);scroll-behavior:smooth}
body{font-family:var(--text);font-size:16px;line-height:1.55;color:var(--ink-2);background:var(--paper-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'ss01','cv11';overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:0.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}
::selection{background:var(--gold-glow);color:var(--ink-1)}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

.h2{font-family:var(--display);font-weight:300;font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1;letter-spacing:-0.018em;color:var(--ink-1);margin:0}
.h2 em{font-style:italic;color:var(--gold-1);font-weight:300}
.eyebrow{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-2)}
.eyebrow .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold-1);box-shadow:0 0 12px var(--gold-glow)}
.eyebrow .rule{display:inline-block;width:28px;height:1px;background:var(--gold-1)}
.cap{font-family:var(--mono);font-size:9.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
:root[data-theme="light"] .cap{color:var(--ink-2)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.7rem;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;padding:1.05rem 1.6rem;border-radius:var(--rad);border:1px solid transparent;cursor:pointer;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease;position:relative;white-space:nowrap}
.btn-sm{padding:0.7rem 1.1rem;font-size:10.5px}
.btn-block{width:100%}
.btn-gold{background:var(--gold-1);color:#14110b;border-color:var(--gold-1);box-shadow:0 0 0 1px var(--gold-glow)}
.btn-gold:hover{background:var(--gold-3);border-color:var(--gold-3);box-shadow:0 8px 32px var(--gold-glow)}
.btn-ghost{background:transparent;color:var(--ink-1);border-color:var(--ink-4)}
/* Hero ghost button sits over the photo — always white */
.hero-actions .btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.hero-actions .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-ghost:hover{border-color:var(--gold-1);color:var(--gold-1)}

.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease;border-bottom:1px solid transparent;background-color:var(--paper-1)}
.nav.is-scrolled{background:color-mix(in oklab,var(--paper-1) 78%,transparent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom-color:var(--paper-edge)}
/* Utility bar (mobile): black strip holding theme toggle + burger, above the main header */
.nav-utility{display:none}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem;max-width:1640px;margin:0 auto;padding:0.9rem var(--pad-edge)}
.nav.is-scrolled .nav-inner{padding:0.7rem var(--pad-edge)}
.theme-toggle-desktop{display:inline-flex}
.nav-links{justify-self:center}
.nav-right{justify-self:end;display:inline-flex;align-items:center;gap:1rem}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:var(--hairline);border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;transition:color .3s ease,border-color .3s ease,transform .3s ease;flex-shrink:0}
.theme-toggle:hover{color:var(--gold-1);border-color:var(--gold-1);transform:rotate(15deg)}
.logo-light-only{display:none}
:root[data-theme="light"] .logo-light-only{display:block}
:root[data-theme="light"] .logo-dark-only{display:none}
.brand{display:inline-flex;align-items:center;gap:0.8rem;color:var(--ink-1);justify-self:start;min-width:0}
.monogram{color:var(--gold-1);flex-shrink:0}
.brand-mark{display:inline-flex;flex-direction:column;line-height:1;min-width:0}
.brand-name{font-family:var(--display);font-size:20px;font-weight:400;letter-spacing:0.04em;color:var(--ink-1);white-space:nowrap}
.brand-sub{font-family:var(--mono);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3);margin-top:4px;white-space:nowrap}
.nav-links{display:flex;gap:2.4rem;justify-self:center}
.nav-links a{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-2);position:relative;padding:4px 0;transition:color .3s ease}
.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--gold-1);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.nav-links a:hover{color:var(--ink-1)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-contact{justify-self:end;display:inline-flex;flex-direction:column;align-items:flex-end;gap:0.3rem}
.nav-cta{display:inline-flex;align-items:center;gap:0.6rem;padding:0.8rem 1.3rem;border:1.5px solid var(--gold-1);border-radius:var(--rad);color:var(--gold-1);font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;transition:background .3s ease,color .3s ease;white-space:nowrap}
.nav-cta i{font-style:normal;transition:transform .3s ease}
.nav-cta:hover{background:var(--gold-1);color:#14110b}
.nav-cta:hover i{transform:translateX(3px)}
.nav-cta-short{display:none}
.nav-dre{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-1)}
/* Burger (mobile only) */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;background:none;border:0;cursor:pointer;flex-shrink:0}
.nav-burger span{display:block;width:24px;height:2px;background:var(--gold-1);margin:0 auto;transition:transform .3s ease,opacity .2s ease}
.nav.menu-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.menu-open .nav-burger span:nth-child(2){opacity:0}
.nav.menu-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-drawer{display:none;flex-direction:column;background:var(--paper-1);border-top:var(--hairline);padding:0.5rem var(--pad-edge) 1.25rem}
.nav-drawer a{font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-1);padding:0.95rem 0;border-bottom:var(--hairline)}
.nav-drawer a:last-child{border-bottom:0}
.nav.menu-open .nav-drawer{display:flex}
@media (max-width:1200px){.brand-sub{display:none}}
@media (max-width:920px){
  .nav-links{display:none}
  .nav-inner{grid-template-columns:1fr auto}
  /* Show the black utility bar with toggle (left) + burger (right) */
  .nav-utility{display:flex;align-items:center;justify-content:space-between;background:#000;padding:0.5rem var(--pad-edge)}
  .nav-utility .theme-toggle{border-color:rgba(255,244,220,.25);color:rgba(255,244,220,.8);width:30px;height:30px}
  .nav-utility .nav-burger{display:flex}
  .nav-utility .nav-burger span{background:rgba(255,244,220,.85)}
  /* Hide the desktop toggle; main header is just logo + Call */
  .theme-toggle-desktop{display:none}
}

.ph{position:relative;width:100%;height:100%;background:linear-gradient(135deg,var(--paper-3) 0%,var(--paper-2) 100%);color:var(--ink-1);overflow:hidden;border:var(--hairline)}
.ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.92) contrast(1.04) brightness(0.95)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.96) contrast(1.03) brightness(0.98)}
.ph-fallback{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 40%,var(--gold-glow),transparent 70%),linear-gradient(135deg,var(--paper-3),var(--paper-2))}
.ph-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,8,0.15) 0%,transparent 30%,transparent 60%,rgba(10,9,8,0.55) 100%);pointer-events:none}
.ph-square{aspect-ratio:4 / 3}
.ph-tall{aspect-ratio:3 / 4}
.ph-wide{aspect-ratio:16 / 9}
.ph-portrait{aspect-ratio:4 / 5}
.ph-hero{aspect-ratio:auto}
/* Hide dev placeholder watermark (corner brackets + label) on the hero image */
.ph-hero .ph-corner,.ph-hero .ph-label,.ph-hero .ph-tint{display:none}
.ph-corner{position:absolute;font-family:var(--mono);font-size:14px;color:var(--gold-1);opacity:0.55;line-height:1}
.ph-corner.tl{top:12px;left:14px}
.ph-corner.tr{top:12px;right:14px}
.ph-corner.bl{bottom:12px;left:14px}
.ph-corner.br{bottom:12px;right:14px}
.ph-label{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;padding:4px 10px;background:rgba(10,9,8,0.5);border:var(--hairline);backdrop-filter:blur(4px)}

.hero{position:relative;width:100%;min-height:94vh;padding-bottom:0;overflow:hidden;isolation:isolate}
.hero-still{padding-bottom:0}
.hero-still .hero-bg{position:absolute;inset:0;z-index:-1}
.hero-still .hero-bg .ph{width:100%;height:100%;border:0}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.6) 28%,rgba(0,0,0,0.22) 55%,rgba(0,0,0,0.05) 78%,rgba(0,0,0,0) 100%),linear-gradient(180deg,rgba(0,0,0,0.25) 0%,transparent 22%,transparent 55%,rgba(0,0,0,0.35) 80%,rgba(0,0,0,0.7) 100%);pointer-events:none}
.hero-still .hero-bg .ph-img{filter:brightness(0.98) contrast(1.04)}
.hero-play{position:absolute;top:50%;right:var(--pad-edge);transform:translateY(-50%);display:flex;align-items:center;gap:0.7rem;color:var(--gold-1);padding:0.7rem 1rem;border:1px solid var(--gold-1);background:rgba(10,9,8,0.4);backdrop-filter:blur(6px);z-index:1}
.hero-play .cap{color:var(--gold-1)}
.hero-grid{position:relative;height:calc(94vh - 6rem);min-height:560px;padding:2.5rem var(--pad-edge) 3.5rem;display:grid;grid-template-rows:1fr auto auto;row-gap:1.25rem;max-width:1640px;margin:0 auto}
.hero-meta{display:flex;align-items:center}
.hero-h1{font-family:var(--display);font-weight:200;font-size:clamp(3.6rem,9.5vw,8rem);line-height:0.92;letter-spacing:-0.025em;color:#fff;margin:0;align-self:end}
.hero-h1 .line{display:block}
.hero-h1 em{font-style:italic;color:var(--gold-1);font-weight:200}
.hero-foot{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;padding-top:0;margin-top:0}
.hero-lede{font-family:var(--display);font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.45;color:#fff;max-width:54ch;margin:0;font-weight:300;letter-spacing:0.005em;text-shadow:0 1px 12px rgba(0,0,0,0.55)}
.hero-actions{display:flex;gap:0.75rem;flex-wrap:wrap}
.hero-corner{position:absolute;display:flex;flex-direction:column;gap:4px;pointer-events:none}
.hero-corner.tl{top:7.5rem;right:var(--pad-edge);align-items:flex-end;text-align:right}
.hero-corner.br{bottom:14rem;right:var(--pad-edge);align-items:flex-end;text-align:right}

.hero-marquee{position:relative;top:33px;border-top:0.5px solid rgba(255,244,220,.12);border-bottom:0.5px solid rgba(255,244,220,.12);overflow:hidden;padding:0.85rem 0;background:#000}
.marquee-track{display:flex;gap:3rem;animation:marquee 60s linear infinite;width:max-content}
.marquee-row{display:flex;gap:3rem;align-items:center;font-family:var(--display);font-size:1.4rem;letter-spacing:0.02em;color:rgba(255,255,255,.8);white-space:nowrap}
.marquee-row i{color:var(--gold-1);font-style:normal;font-size:0.7em}
@keyframes marquee{to{transform:translateX(-50%)}}

.hero-split{padding-top:7rem;padding-bottom:4rem;min-height:100vh}
.split-grid{max-width:1640px;margin:0 auto;padding:0 var(--pad-edge);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100vh - 11rem)}
.split-left{display:flex;flex-direction:column;gap:2rem;max-width:620px}
.hero-h1-split{font-size:clamp(3rem,6.4vw,6.4rem);line-height:1}
.split-right{position:relative;aspect-ratio:4 / 5;width:100%}
.split-right .ph{height:100%}
.split-tag{position:absolute;bottom:1.5rem;left:1.5rem;background:var(--paper-1);padding:0.85rem 1.25rem;border:var(--hairline);border-left:2px solid var(--gold-1);display:flex;flex-direction:column;gap:4px}
.split-tag strong{font-family:var(--display);font-size:1.4rem;font-weight:400;color:var(--ink-1);letter-spacing:0.01em}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0 0;padding-top:2rem;border-top:var(--hairline)}
.hero-stats div{display:flex;flex-direction:column;gap:6px}
.hero-stats dt{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-3)}
.hero-stats dd{font-family:var(--display);font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:300;color:var(--ink-1);margin:0;letter-spacing:-0.01em}
.hero-stats sup{color:var(--gold-1);font-size:0.6em}
@media (max-width:900px){.split-grid{grid-template-columns:1fr}}

.hero-editorial{padding-top:7rem;padding-bottom:4rem}
.ed-top{max-width:1640px;margin:0 auto;padding:0 var(--pad-edge);display:flex;justify-content:space-between;border-bottom:var(--hairline);padding-bottom:1rem;margin-bottom:3rem}
.hero-h1-ed{max-width:1640px;margin:0 auto;padding:0 var(--pad-edge);font-size:clamp(4rem,11vw,11rem);line-height:0.86;text-align:left}
.hero-h1-ed .line:nth-child(2){padding-left:clamp(2rem,12vw,12rem)}
.hero-h1-ed .line:nth-child(3){padding-left:clamp(1rem,6vw,6rem)}
.ed-grid{max-width:1640px;margin:0 auto;padding:4rem var(--pad-edge) 0;display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}
.ed-fig{display:flex;flex-direction:column;gap:0.5rem}
.ed-fig .ph{width:100%}
.ed-fig-1{grid-column:1 / span 4}
.ed-fig-2{grid-column:9 / span 4;grid-row:1 / span 2}
.ed-fig-3{grid-column:1 / span 8}
.ed-copy{grid-column:5 / span 4;grid-row:1;display:flex;flex-direction:column;gap:1.5rem;align-self:end;padding-bottom:1rem}
@media (max-width:900px){.ed-grid{grid-template-columns:1fr}.ed-fig-1,.ed-fig-2,.ed-fig-3,.ed-copy{grid-column:1 / -1;grid-row:auto}.hero-h1-ed .line:nth-child(2),.hero-h1-ed .line:nth-child(3){padding-left:0}}

.section{padding:var(--pad-section-y) var(--pad-edge);max-width:1640px;margin:0 auto;position:relative}
.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;margin-bottom:clamp(3rem,6vw,5.5rem);align-items:end}
.section-head .head-l{display:flex;flex-direction:column;gap:1.4rem}
.section-head .head-r{font-family:var(--display);font-size:1.15rem;font-weight:300;line-height:1.5;color:var(--ink-2);margin:0;max-width:48ch}
.section-foot{margin-top:clamp(2.5rem,5vw,4.5rem);padding-top:1.5rem;border-top:var(--hairline);display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
@media (max-width:800px){.section-head{grid-template-columns:1fr;gap:1.5rem}}

.card{display:flex;flex-direction:column;gap:1.4rem;height:100%;color:inherit;position:relative;isolation:isolate;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card-img{position:relative;overflow:hidden;border:var(--hairline)}
.card-img .ph{height:100%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-img .ph{transform:scale(1.04)}
.card-tag{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-1);padding:5px 9px;background:rgba(10,9,8,0.75);border:1px solid var(--gold-1);backdrop-filter:blur(6px)}
.card-num{display:none}
.card-body{display:flex;flex-direction:column;gap:0.7rem}
.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.card-name{font-family:var(--display);font-weight:300;font-size:clamp(1.4rem,1.9vw,1.85rem);line-height:1.05;letter-spacing:-0.01em;color:var(--ink-1);margin:0}
.card-price{font-family:var(--sans);font-size:clamp(1.05rem,1.3vw,1.2rem);font-weight:500;color:var(--gold-1);letter-spacing:0.01em;white-space:nowrap}
.card-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3);margin:0}
.card-specs{list-style:none;display:flex;flex-wrap:wrap;gap:0.6rem;padding:0.85rem 0 0;margin:0;border-top:var(--hairline);font-family:var(--sans);font-size:12px;color:var(--ink-2);letter-spacing:0.02em}
.card-specs li{display:inline-flex;align-items:baseline;gap:0.35rem}
.card-specs li.sep{color:var(--ink-4);padding:0}
.card-specs span{font-family:var(--display);font-size:1.05rem;color:var(--ink-1);font-weight:400}
.card-arrow{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold-1);margin-top:0.4rem;display:inline-block;transition:transform .35s ease}
.card:hover .card-arrow{transform:translateX(4px)}
.card-big .card-name{font-size:clamp(1.8rem,2.5vw,2.4rem)}

.grid-editorial{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(0,auto);gap:clamp(2rem,3.5vw,3rem) clamp(1.25rem,2vw,2rem)}
.ge-1{grid-column:1 / span 7}
.ge-2{grid-column:8 / span 5}
.ge-3{grid-column:1 / span 5}
.ge-4{grid-column:6 / span 3}
.ge-5{grid-column:9 / span 4}
.ge-6{grid-column:1 / span 12}
.ge-1 .card-img{aspect-ratio:5 / 4}
.ge-2 .card-img{aspect-ratio:4 / 5}
.ge-3 .card-img{aspect-ratio:16 / 10}
.ge-4 .card-img{aspect-ratio:4 / 5}
.ge-5 .card-img{aspect-ratio:4 / 5}
.ge-6 .card-img{aspect-ratio:21 / 9}
@media (max-width:1100px){.ge-1{grid-column:1 / -1}.ge-2{grid-column:1 / span 6}.ge-3{grid-column:7 / span 6}.ge-4{grid-column:1 / span 6}.ge-5{grid-column:7 / span 6}.ge-6{grid-column:1 / -1}}
@media (max-width:720px){.grid-editorial > div{grid-column:1 / -1}}

.grid-uniform{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.75rem,3vw,2.5rem) clamp(1.25rem,2vw,2rem)}
.grid-uniform .card{height:100%;gap:1rem}
.grid-uniform .card-img{aspect-ratio:4 / 3}
.grid-uniform .card-img .ph{aspect-ratio:auto;height:100%;border:0}
.grid-uniform .card-img .ph-img{filter:saturate(1) contrast(1.02) brightness(1)}
.grid-uniform .card-img .ph-corner,.grid-uniform .card-img .ph-label,.grid-uniform .card-img .ph-tint{display:none}
@media (max-width:1000px){.grid-uniform{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-uniform{grid-template-columns:1fr}}

.grid-stacked{display:flex;flex-direction:column;gap:clamp(3rem,6vw,6rem)}
.row{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.row.row-r{grid-template-columns:1fr 1.1fr}
.row.row-r .row-fig{order:2}
.row-fig{position:relative}
.row-fig .ph{aspect-ratio:5 / 4}
.row-body{display:flex;flex-direction:column;gap:1.1rem}
.row-name{font-family:var(--display);font-weight:300;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1;letter-spacing:-0.015em;color:var(--ink-1);margin:0}
.row-sub{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3);margin:0}
.row-foot{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.2rem;border-top:var(--hairline)}
.row-price{font-family:var(--sans);font-size:1.45rem;color:var(--gold-1);font-weight:600;letter-spacing:0.01em}
@media (max-width:800px){.row,.row.row-r{grid-template-columns:1fr}.row.row-r .row-fig{order:0}}

.section-about{border-top:var(--hairline);border-bottom:var(--hairline);background:radial-gradient(80% 60% at 80% 20%,var(--gold-glow),transparent 60%),var(--paper-2);max-width:none;padding-left:0;padding-right:0}
.section-about > .about-grid,.section-about > .about-grid-team{max-width:1640px;margin:0 auto;padding-left:var(--pad-edge);padding-right:var(--pad-edge)}
.about-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}
.about-fig{position:relative}
.about-fig .ph{aspect-ratio:4 / 5}
.about-cap{position:absolute;bottom:-1.6rem;left:0}
.about-copy{display:flex;flex-direction:column;gap:2.2rem;padding-top:2rem}
.about-h2{max-width:16ch;line-height:1.08;padding-bottom:0.3rem}
.about-body{display:flex;flex-direction:column;gap:1.1rem;font-family:var(--display);font-size:clamp(1.1rem,1.4vw,1.1rem);font-weight:300;line-height:1.55;color:var(--ink-1);max-width:56ch}
.about-body p{margin:0}
.about-sig{font-family:var(--display);font-style:italic;color:var(--gold-1);margin-top:0.5rem !important}
:root[data-theme="light"] .about-sig{color:var(--ink-1)}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2rem 0 0;padding-top:2rem;border-top:var(--hairline)}
.about-stats div{display:flex;flex-direction:column;gap:6px}
.about-stats dt{font-family:var(--mono);font-size:9.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-3)}
.about-stats dd{font-family:var(--display);font-size:clamp(1.4rem,1.8vw,1.7rem);font-weight:300;color:var(--ink-1);margin:0;letter-spacing:-0.005em}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}

/* ─── About — reimagined editorial ───────────────────────────────── */
.about2{border-top:var(--hairline);border-bottom:var(--hairline);background:radial-gradient(80% 60% at 82% 16%,var(--gold-glow),transparent 60%),var(--paper-2);max-width:none;padding-left:0;padding-right:0}
.about2-inner{max-width:1640px;margin:0 auto;padding:0 var(--pad-edge)}
.about2-eyebrow{display:flex;align-items:center;gap:0.8rem;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.about2-line{width:clamp(40px,5vw,72px);height:1px;background:var(--gold-1);opacity:.6}
.about2-stage{position:relative;display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.about2-headline{font-family:var(--display);font-weight:300;font-size:clamp(3rem,7vw,6rem);line-height:0.98;letter-spacing:-0.025em;color:var(--ink-1);margin:0}
.about2-headline em{font-style:italic;color:var(--gold-1);font-weight:300}
.about2-lead{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.5rem;font-weight:400}
.about2-intro{font-family:var(--display);font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:300;font-style:italic;line-height:1.4;color:var(--ink-1);max-width:30ch;margin:clamp(1.5rem,3vw,2.5rem) 0 0}
.about2-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;border:var(--hairline);margin:0}
.about2-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.04) brightness(.96);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.about2-portrait:hover img{transform:scale(1.05)}
.about2-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,9,8,.5) 100%);pointer-events:none}
.about2-tag{position:absolute;left:16px;bottom:16px;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#f4ead5;background:rgba(10,9,8,.5);backdrop-filter:blur(6px);padding:6px 12px;border:0.5px solid rgba(255,244,220,.18)}
.about2-divider{display:flex;align-items:center;gap:1.5rem;margin:clamp(3rem,6vw,5.5rem) 0 clamp(2rem,4vw,3.5rem)}
.about2-divider .about2-rule{flex:1;height:1px;background:var(--paper-edge)}
.about2-bios{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem)}
.about2-bio-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:var(--hairline)}
.about2-bio-name{font-family:var(--display);font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:400;color:var(--ink-1);letter-spacing:-0.01em;line-height:1;margin:0}
.about2-bio-name em{font-style:italic;color:var(--gold-1)}
.about2-bio-role{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);text-align:right;white-space:nowrap}
.about2-bio-body{font-family:var(--display);font-size:clamp(1.02rem,1.3vw,1.12rem);font-weight:300;line-height:1.6;color:var(--ink-1)}
.about2-bio-body p{margin:0}
.about2-bio-body p+p{margin-top:1rem}
.about2-meta{display:flex;gap:1.5rem;margin-top:1.5rem}
.about2-meta-item{display:flex;flex-direction:column;gap:.35rem}
.about2-meta-item .k{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-1)}
.about2-meta-item .v{font-family:var(--display);font-size:1.05rem;color:var(--ink-1)}
.about2-sign{display:flex;align-items:center;gap:1.5rem;margin-top:clamp(3rem,6vw,5rem)}
.about2-sign .about2-rule{flex:1;height:1px;background:var(--paper-edge)}
.about2-sig{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2vw,1.7rem);color:var(--gold-1);font-weight:300;white-space:nowrap}
@media (max-width:860px){
  .about2-stage{grid-template-columns:1fr;gap:2.5rem}
  .about2-portrait{aspect-ratio:4/3;order:-1}
  .about2-bios{grid-template-columns:1fr;gap:3rem}
  .about2-intro{max-width:100%}
}

.voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,3.5vw,3rem)}
.section-voices{padding-top:clamp(3rem,5vw,4.5rem)}
.section-voices .section-head{margin-bottom:clamp(2rem,3.5vw,3rem)}
.voice{display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem 2rem 2rem;border:var(--hairline);background:var(--paper-2);position:relative;overflow:hidden}
.voice::before{content:'';position:absolute;top:0;left:0;width:60px;height:1px;background:var(--gold-1)}
.voice-quote-mark{font-family:var(--display);font-size:5rem;line-height:0.6;color:var(--gold-1);margin:0;font-style:italic}
.voice-quote{font-family:var(--display);font-size:clamp(1.1rem,1.4vw,1.3rem);font-weight:300;font-style:italic;line-height:1.45;color:var(--ink-1);margin:0;flex:1;letter-spacing:0.005em}
.voice-cap{display:flex;flex-direction:column;gap:4px;padding-top:1.4rem;border-top:var(--hairline);margin-top:0.6rem}
.voice-cap strong{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-1)}
.voice-cap span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:900px){.voices-grid{grid-template-columns:1fr}}

.section-consult{position:relative;max-width:none;padding:clamp(5rem,10vw,8rem) var(--pad-edge);border-top:var(--hairline);isolation:isolate;overflow:hidden}
.consult-bg{position:absolute;inset:0;z-index:-1;opacity:1}
.consult-bg .ph{height:100%;border:0}
.consult-bg .ph-img{filter:none}
.section-consult::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.28) 28%,rgba(0,0,0,0.08) 52%,rgba(0,0,0,0) 72%),linear-gradient(180deg,rgba(0,0,0,0.1) 0%,transparent 40%,transparent 80%,rgba(0,0,0,0.22) 100%);pointer-events:none}
.consult-inner{max-width:1640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:start}
.consult-l{display:flex;flex-direction:column;gap:1.5rem;max-width:56ch}
.consult-h2 em{font-style:italic;color:var(--gold-1)}
.consult-lede{font-family:var(--display);font-size:clamp(1.05rem,1.3vw,1.2rem);font-weight:300;line-height:1.55;color:var(--ink-2);margin:0;max-width:50ch}
.consult-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:0.7rem}
.consult-list li{display:flex;align-items:center;gap:1rem;font-family:var(--sans);font-size:13px;letter-spacing:0.02em;color:var(--ink-2)}
.consult-list .rule{width:22px;height:1px;background:var(--gold-1);flex-shrink:0}
.consult-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.5rem;padding-top:1.5rem;border-top:var(--hairline)}
.consult-contact > div{display:flex;flex-direction:column;gap:6px}
.consult-contact strong{font-family:var(--display);font-size:1rem;font-weight:400;color:var(--ink-1);letter-spacing:0.005em}

.consult-form{background:var(--paper-2);border:var(--hairline);padding:2.2rem;display:flex;flex-direction:column;gap:1.1rem;position:relative}
.form-head{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:var(--hairline);margin-bottom:0.5rem}
.form-no{font-family:var(--mono);font-size:10.5px;color:var(--gold-1);letter-spacing:0.16em}
.field{display:flex;flex-direction:column;gap:0.5rem}
.field span{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-3)}
.field input,.field textarea{background:transparent;border:0;border-bottom:1px solid var(--ink-4);color:var(--ink-1);font-family:var(--display);font-size:1.1rem;padding:0.6rem 0;outline:none;transition:border-color .3s ease;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--gold-1)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.seg{display:flex;border:var(--hairline)}
.seg button{flex:1;padding:0.85rem 0.75rem;background:transparent;border:0;border-right:var(--hairline);color:var(--ink-2);font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;cursor:pointer;transition:background .25s ease,color .25s ease}
.seg button:last-child{border-right:0}
.seg button[data-on="1"]{background:var(--gold-1);color:#14110b}
.seg button:not([data-on="1"]):hover{color:var(--ink-1);background:rgba(255,255,255,0.03)}
.form-foot{margin:0.5rem 0 0;text-align:center}
@media (max-width:900px){.consult-inner{grid-template-columns:1fr}.consult-contact{grid-template-columns:1fr}}
/* Consult LEFT copy sits over a dark photo — keep it light in BOTH themes */
.consult-l .h2,.consult-l .eyebrow{color:#f4ead5}
.consult-lede{color:rgba(244,234,213,.82)}
.consult-list li{color:rgba(244,234,213,.82)}
.consult-contact strong{color:#f4ead5}
.consult-contact{border-top-color:rgba(255,244,220,.14)}
/* OFFICE / DIRECT / DRE № caps sit over the dark photo — keep light + slightly bolder (overrides the light-mode dark cap rule) */
.consult-l .cap,:root[data-theme="light"] .consult-l .cap{color:var(--gold-1);font-weight:600}

.footer{padding:clamp(4rem,7vw,6rem) var(--pad-edge) 2rem;max-width:1640px;margin:0 auto;border-top:var(--hairline)}
.foot-top{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:end;padding-bottom:3rem;border-bottom:var(--hairline);margin-bottom:3rem}
.brand-foot .brand-name{font-size:2.4rem}
.brand-foot .brand-sub{font-size:10.5px}
.foot-credo{font-family:var(--display);font-style:italic;font-size:clamp(1.2rem,1.8vw,1.7rem);font-weight:300;line-height:1.4;color:var(--ink-2);margin:0;max-width:38ch;justify-self:end;text-align:right}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}
.foot-col{display:flex;flex-direction:column;gap:0.7rem}
.foot-col .cap{margin-bottom:0.6rem;color:var(--gold-1);font-weight:700}
.foot-col a,.foot-col span{font-family:var(--sans);font-size:12.5px;color:var(--ink-2);letter-spacing:0.01em;transition:color .25s ease}
.foot-col a:hover{color:var(--gold-1)}
.foot-rule{height:1px;background:var(--paper-edge);margin:3rem 0 1.5rem}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.foot-bottom a{color:var(--gold-1);transition:opacity .25s ease}
.foot-bottom a:hover{opacity:0.75}
@media (max-width:800px){.foot-top{grid-template-columns:1fr;gap:2rem}.foot-credo{justify-self:start;text-align:left}.foot-cols{grid-template-columns:repeat(2,1fr);gap:2rem}}

/* ─── Mobile polish (≤640px) ─────────────────────────────────────────────── */
@media (max-width:640px){
  :root{--pad-edge:1.1rem}
  html,body{overflow-x:hidden}
  /* Nav: utility bar (toggle+burger) on top, then logo | Call flush-right */
  .nav-inner{gap:0.8rem;grid-template-columns:1fr auto;align-items:center;padding:1.1rem var(--pad-edge)}
  .nav-right{gap:0.6rem;justify-self:end}
  .brand{gap:0.55rem}
  .brand-name{font-size:15px;letter-spacing:0.02em}
  .monogram{width:32px;height:32px}
  .nav-contact{gap:0.2rem;align-items:center}
  .nav-cta{padding:0.5rem 0.8rem;font-size:11.5px;font-weight:700;letter-spacing:0.1em;gap:0.35rem;text-align:center}
  .nav-dre{text-align:center}
  .nav-cta-full{display:none}
  .nav-cta-short{display:inline}
  .nav-dre{font-size:8.5px;letter-spacing:0.1em;white-space:nowrap}
  .nav-burger{width:34px;height:34px}
  /* Smaller prices on mobile */
  .card-price{font-size:0.95rem}
  .row-price{font-size:1.1rem}
  /* Hero — tightened: image shorter, content above fold */
  .hero{padding-top:4rem;min-height:auto}
  .hero-grid{height:auto;min-height:0;padding:1.25rem var(--pad-edge) 1.25rem;grid-template-rows:auto auto;row-gap:1rem}
  .hero-meta .eyebrow{font-size:9px;letter-spacing:0.14em}
  .hero-h1{font-size:clamp(3rem,13vw,4.4rem);line-height:0.96;margin-top:0.5rem}
  .hero-foot{grid-template-columns:1fr;gap:1rem;padding-top:0;margin-top:0;border-top:0}
  .hero-lede{font-size:0.95rem;line-height:1.45;max-width:100%}
  .hero-actions{width:100%;flex-direction:column;align-items:stretch;gap:0.6rem}
  .hero-actions .btn{justify-content:center;text-align:center;width:100%;padding:0.95rem 1rem}
  /* Hide decorative caps on mobile */
  .hero-corner,.hero-play{display:none}
  .hero-still{padding-bottom:0}
  /* Image background takes ~38vh — leaves room for headline + lede + buttons above fold */
  .hero-still .hero-bg{position:relative;height:38vh;min-height:280px;max-height:360px;inset:auto;z-index:0}
  /* Lighter overlay on mobile — let the home show through more (image is its own section here, headline sits below it) */
  .hero-vignette{display:block;background:linear-gradient(180deg,rgba(0,0,0,0.15) 0%,transparent 30%,transparent 70%,rgba(0,0,0,0.45) 100%)}
  /* On mobile the headline/lede/ghost-btn sit on the PAGE (below the image), not over the photo —
     so in light mode they must be dark, not white */
  :root[data-theme="light"] .hero-h1{color:var(--ink-1)}
  :root[data-theme="light"] .hero-lede{color:var(--ink-2);text-shadow:none}
  :root[data-theme="light"] .hero-actions .btn-ghost{color:var(--ink-1);border-color:var(--ink-4)}
  /* Marquee — sits flush on mobile (no desktop 33px nudge) */
  .hero-marquee{top:0}
  .marquee-row{font-size:1rem;gap:1.6rem}
  .marquee-track{gap:1.6rem}
  /* Sections */
  .section{padding:3.5rem var(--pad-edge)}
  .section-head{margin-bottom:2rem}
  .section-head .head-r{font-size:1rem}
  /* Card grid */
  .card{gap:1rem}
  /* About */
  .about-stats{grid-template-columns:repeat(2,1fr) !important}
  /* Voices */
  .voices-grid{gap:1.25rem}
  /* Consult */
  .consult-inner{padding:0}
  .consult-form{padding:1.4rem;gap:0.95rem}
  .field-row{grid-template-columns:1fr;gap:0.95rem}
  .seg{flex-wrap:wrap}
  .seg button{flex:1 0 50%;padding:0.7rem 0.4rem;font-size:9.5px;letter-spacing:0.1em;border-bottom:var(--hairline)}
  .seg button:nth-child(2){border-right:0}
  .seg button:nth-last-child(-n+2){border-bottom:0}
  .field input,.field textarea{font-size:1rem}
  .consult-list li{font-size:12px}
  .consult-contact{gap:1rem;margin-top:1rem;padding-top:1rem}
  /* Footer — centered on mobile */
  .foot-top{justify-items:center;text-align:center}
  .brand-foot{justify-content:center}
  .foot-credo{justify-self:center;text-align:center;max-width:100%}
  .foot-cols{grid-template-columns:1fr !important;gap:1.5rem;text-align:center}
  .foot-col{align-items:center}
  .brand-foot .brand-name{font-size:1.6rem}
  .foot-bottom{flex-direction:column;align-items:center;text-align:center}
  /* Decorative ornament corners on cards — keep but smaller */
  .ph-corner{font-size:11px}
  .ph-label{font-size:8.5px;padding:3px 8px;letter-spacing:0.14em}
  /* Buttons */
  .btn{font-size:11px;padding:0.85rem 1.1rem}
}
@media (max-width:400px){
  .brand-name{font-size:13.5px}
  .nav-cta span{font-size:9.5px}
  .hero-h1{font-size:clamp(2.2rem,10vw,3rem)}
}

/* ─── Logo (replaces Monogram) ───────────────────────────────────────────── */
.brand-logo{height:88px;width:auto;flex-shrink:0;display:block}
.brand-logo-foot{height:72px}
@media (max-width:640px){
  .brand-logo{height:58px}
  .brand-logo-foot{height:64px}
  .brand .brand-mark{display:none}
}

/* ─── Recently Sold gallery ──────────────────────────────────────────────── */
.section-past{padding-top:clamp(1.5rem,3vw,3rem)}
.h2 em{font-style:italic;color:var(--gold-1);font-weight:300}
.past-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.2vw,2rem)}
.past-tile{margin:0;display:flex;flex-direction:column;gap:0.85rem}
.past-img{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:var(--hairline)}
.past-img img{width:100%;height:100%;object-fit:cover;filter:saturate(0.65) brightness(0.85);transition:filter .6s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.past-tile:hover .past-img img{filter:saturate(1) brightness(1);transform:scale(1.04)}
.past-stamp{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:0.32em;color:var(--gold-1);background:rgba(10,9,8,0.55);border:1px solid var(--gold-1);padding:5px 10px;backdrop-filter:blur(4px)}
.past-tile figcaption{display:flex;flex-direction:column;gap:4px}
.past-name{font-family:var(--display);font-size:1.15rem;font-weight:400;color:var(--ink-1);letter-spacing:0.005em}
.past-sub{font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:1000px){.past-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.past-grid{grid-template-columns:1fr;gap:1.25rem}}

/* ─── About: husband & wife team layout ──────────────────────────────────── */
.about-grid-team{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(2.5rem,5vw,5rem)}
.about-fig-team{position:sticky;top:6rem;display:flex;flex-direction:column;gap:0.85rem}
.about-fig-team .about-img{width:100%;height:auto;display:block;aspect-ratio:3 / 2;object-fit:cover;border:var(--hairline);filter:saturate(0.95) contrast(1.02)}
.about-body p strong{color:var(--ink-1);font-weight:500;letter-spacing:0.005em}
@media (max-width:900px){
  .about-grid-team{display:flex;flex-direction:column;gap:1.75rem}
  .about-fig-team{position:relative;top:0}
  /* Less dead space above the photo */
  .section-about{padding-top:clamp(2rem,6vw,3.5rem)}
  /* Caption flows in-line below the photo (not absolute) so nothing overlaps */
  .about-fig-team{display:flex;flex-direction:column;gap:0.9rem}
  .about-cap{position:static}
  /* Hide the redundant "The Babaee Group" eyebrow on mobile — the about-cap
     ("ASHKON & MARYAM BABAEE · ORANGE COUNTY") already labels this section */
  .about-copy .eyebrow{display:none}
  .about-copy{padding-top:0;gap:1.5rem}
}