:root { --about-gold:#c78b24; --about-cream:#f4f0e8; --about-ink:#0b0a09; }
html { scroll-behavior:smooth; }
.about-page section[id], .about-page .about-belief-card[id] { scroll-margin-top:88px; }
.about-page section:target .about-reveal-copy,
.about-page section:target .about-reveal-media,
.about-page section:target .about-belief-card,
.about-page .about-beliefs:has(.about-belief-card:target) .about-reveal-copy,
.about-page .about-beliefs:has(.about-belief-card:target) .about-belief-card,
.about-page .about-belief-card:target { opacity:1!important; transform:none!important; }
body.about-page { margin:0; overflow-x:hidden; background:#080706; color:#f6f0e6; font-family:'Inter',sans-serif; }
.about-page .main-navbar { opacity:1!important; visibility:visible!important; transform:none!important; pointer-events:auto!important; }
.about-page .nav-link.active { color:#d9aa55; }
.about-page .nav-brand { text-decoration:none; }
.about-skip-link { position:fixed; z-index:10000; top:8px; left:8px; transform:translateY(-150%); padding:10px 16px; background:#fff; color:#000; }
.about-skip-link:focus { transform:none; }
.about-shell { width:min(1440px,92vw); margin-inline:auto; }
.about-gold { color:var(--about-gold); }
.about-eyebrow { margin:0 0 9px; font-family:'Montserrat',sans-serif; font-size:clamp(.7rem,.9vw,.86rem); letter-spacing:.42em; font-weight:500; }
.about-gold-rule { display:block; width:46px; height:2px; margin:14px 0 18px; background:var(--about-gold); transform-origin:left; }
.about-copy h1,.about-copy h2,.about-hero h1 { margin:0; font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; line-height:.88; letter-spacing:-.025em; }
.about-copy h2 span,.about-hero h1 span { display:block; }
.about-copy>p,.about-story-text p,.about-belong-invite p { font-size:clamp(.93rem,1.08vw,1.08rem); line-height:1.62; }

.about-hero { position:relative; min-height:clamp(650px,88vh,900px); display:flex; align-items:center; overflow:hidden; padding-top:70px; background:radial-gradient(circle at 70% 80%,rgba(189,126,31,.22),transparent 26%),radial-gradient(circle at 28% 22%,rgba(124,77,21,.18),transparent 30%),#080706; }
.about-hero::after { content:''; position:absolute; inset:auto 0 0; height:31%; background:linear-gradient(180deg,transparent,rgba(208,145,43,.09) 48%,rgba(7,6,5,.9)); border-top:1px solid rgba(222,171,76,.25); }
.about-hero-glow { position:absolute; inset:0; opacity:.55; background-image:radial-gradient(circle at 8% 70%,#ffc862 0 2px,transparent 7px),radial-gradient(circle at 89% 73%,#ffc862 0 2px,transparent 8px),radial-gradient(circle at 56% 15%,#d89b34 0 1px,transparent 5px); }
.about-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(25px,4vw,70px); align-items:center; }
.about-hero-copy { padding-left:clamp(0px,2vw,28px); }
.about-hero h1 { font-size:clamp(3.9rem,6.2vw,6.8rem); }
.about-hero h1 span:first-child { white-space:nowrap; }
.about-hero-tagline { margin:0 0 12px; font-family:'Montserrat'; font-size:clamp(.72rem,1vw,.98rem); letter-spacing:.32em; }
.about-hero-description { max-width:590px; margin:0; font-size:clamp(.95rem,1.15vw,1.12rem); line-height:1.55; color:#eee8df; }
.about-hero-mark { position:relative; min-height:560px; display:grid; place-items:center; }
.about-logo-stage { position:relative; width:min(680px,47vw); }
.about-logo-main { display:block; width:100%; height:auto; mix-blend-mode:screen; }
.about-logo-reflection { position:absolute; top:79%; left:0; width:100%; height:auto; opacity:.13; transform:scaleY(-.28); transform-origin:top; mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 75%); filter:blur(1.5px); }
.about-hero-keywords { position:absolute; right:-1vw; top:28%; display:flex; flex-direction:column; gap:10px; padding-left:22px; border-left:2px solid var(--about-gold); font:500 .68rem/1 'Montserrat'; letter-spacing:.22em; }

.about-editorial { position:relative; overflow:hidden; }
.about-two-col { min-height:clamp(560px,66vw,780px); display:grid; grid-template-columns:1fr 1.08fr; align-items:stretch; }
.about-editorial .about-copy { align-self:center; padding:clamp(55px,7vw,100px) clamp(30px,5vw,80px) clamp(55px,7vw,100px) 0; }
.about-editorial h2,.about-beliefs h2,.about-belong h2 { font-size:clamp(2.5rem,4vw,4.7rem); }
.about-who { background:var(--about-cream); color:#1c1915; }
.about-photo { position:relative; min-height:100%; margin:0; overflow:hidden; }
.about-photo img { width:100%; height:100%; display:block; object-fit:cover; }
.about-photo-color::before { content:''; position:absolute; inset:0 auto 0 0; width:20%; z-index:1; background:linear-gradient(90deg,var(--about-cream),transparent); }
.about-values { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:34px; }
.about-value { padding:0 15px; text-align:center; border-right:1px solid rgba(50,42,31,.18); }
.about-value:first-child { padding-left:0; }.about-value:last-child { border:0; padding-right:0; }
.about-icon { display:block; margin-bottom:9px; color:var(--about-gold); font:400 2rem/1 Georgia,serif; }
.about-value h3,.about-belief-card h3,.about-vision-grid h3 { margin:0 0 5px; font:600 .72rem/1.25 'Montserrat'; letter-spacing:.08em; }
.about-value p { margin:0; font-size:.67rem; line-height:1.35; }

.about-story { background:#080808; color:#f7f1e8; }
.about-story .about-photo::before { content:''; position:absolute; z-index:1; inset:0 auto 0 0; width:24%; background:linear-gradient(90deg,#080808,transparent); }
.about-story-text p { margin:0 0 15px; }

.about-architects-page { background:var(--about-cream); color:#191612; }
.about-two-col-reverse { grid-template-columns:1.08fr 1fr; }
.about-two-col-reverse .about-copy { padding-left:clamp(30px,5vw,80px); padding-right:0; }
.about-architects-page .about-two-col-reverse { grid-template-columns:minmax(0,1.42fr) minmax(360px,.78fr); min-height:clamp(540px,48vw,680px); gap:clamp(28px,3.5vw,58px); }
.about-architects-page .about-photo { align-self:center; min-height:0; aspect-ratio:1672/941; background:#171717; }
.about-architects-page .about-photo img { width:100%; height:100%; object-fit:contain; object-position:center; }
.about-architects-page .about-copy { padding-left:0; }
.about-outline-button,.about-gold-button { display:inline-flex; align-items:center; gap:22px; min-height:46px; padding:0 21px; border:1px solid var(--about-gold); color:#9a650e; text-decoration:none; font:600 .7rem/1 'Montserrat'; letter-spacing:.15em; transition:.3s ease; }
.about-outline-button:hover,.about-outline-button:focus-visible { background:var(--about-gold); color:#fff; transform:translateY(-2px); }
.about-vision-grid { scroll-margin-top:90px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding-bottom:clamp(50px,6vw,85px); background:rgba(154,101,14,.2); }
.about-vision-grid article { padding:clamp(22px,3vw,38px); background:#f9f5ed; }
.about-vision-grid p { margin:0; font-size:.86rem; line-height:1.55; }

.about-beliefs { padding:clamp(70px,8vw,120px) 0; background:radial-gradient(circle at 30% 50%,#17130e,#070706 58%); }
.about-beliefs-grid { display:grid; grid-template-columns:.75fr 1.35fr; gap:clamp(40px,6vw,90px); align-items:center; }
.about-beliefs h2 { color:#f8f2e8; font-size:clamp(2.4rem,3.7vw,4.2rem); }
.about-beliefs .about-copy>p { color:#ded7cc; }
.about-belief-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.about-belief-card { min-height:190px; padding:24px 20px; border:1px solid rgba(199,139,36,.3); background:rgba(10,9,8,.55); transition:border-color .3s,transform .3s,box-shadow .3s; }
.about-belief-card:hover { transform:translateY(-3px); border-color:rgba(225,171,74,.85); box-shadow:0 10px 24px rgba(0,0,0,.24); }
.about-belief-card:hover .about-icon { filter:drop-shadow(0 0 8px rgba(224,166,61,.65)); }
.about-belief-card h3 { color:#fff; }.about-belief-card p { margin:0; color:#d9d2c8; font-size:.76rem; line-height:1.52; }

.about-belong { position:relative; min-height:420px; display:flex; align-items:center; background:url('../assets/about/golden-beam.jpg') center 58%/cover no-repeat; }
.about-belong-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,6,6,.88),rgba(4,6,6,.42) 48%,rgba(4,6,6,.75)); }
.about-belong-grid { position:relative; display:grid; grid-template-columns:1.1fr .8fr; gap:12vw; align-items:center; padding-block:75px; }
.about-belong-invite p { max-width:540px; }.about-gold-button { border:0; border-radius:999px; background:linear-gradient(110deg,#b87513,#edb64e); color:#fff; min-width:150px; justify-content:center; }
.about-gold-button:hover,.about-gold-button:focus-visible { transform:translateY(-2px); box-shadow:0 8px 24px rgba(215,154,48,.32); }

.about-page a:focus-visible,.about-page button:focus-visible { outline:3px solid #e0ad52; outline-offset:4px; }
.about-page .site-footer { margin-top:0; }

html.about-motion .about-editorial [data-motion],html.about-motion .about-editorial .about-reveal-copy,html.about-motion .about-editorial .about-reveal-media,html.about-motion .about-beliefs .about-reveal-copy,html.about-motion .about-belief-card,html.about-motion .about-belong .about-reveal-copy,html.about-motion .about-belong-invite { opacity:0; transform:translate3d(0,24px,0); transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1); }
html.about-motion .about-reveal-media { transform:scale(1.025); }
html.about-motion [data-about-reveal].about-in-view .about-reveal-copy,html.about-motion [data-about-reveal].about-in-view .about-reveal-media,html.about-motion [data-about-reveal].about-in-view .about-belong-invite { opacity:1; transform:none; }
html.about-motion [data-about-reveal].about-in-view .about-belief-card { opacity:1; transform:none; }
html.about-motion .about-belief-card:nth-child(2){transition-delay:.08s}html.about-motion .about-belief-card:nth-child(3){transition-delay:.16s}html.about-motion .about-belief-card:nth-child(4){transition-delay:.24s}html.about-motion .about-belief-card:nth-child(5){transition-delay:.32s}html.about-motion .about-belief-card:nth-child(6){transition-delay:.4s}
.about-load-item { animation:aboutLoad .95s cubic-bezier(.22,1,.36,1) both; }.about-hero-mark{animation-delay:.15s}.about-hero-copy{animation-delay:.05s}
@keyframes aboutLoad { from{opacity:0;transform:translate3d(0,22px,0) scale(.99)} to{opacity:1;transform:none} }

@media(max-width:1050px){.about-hero-grid{grid-template-columns:1fr 1fr}.about-hero-mark{min-height:480px}.about-values{grid-template-columns:repeat(2,1fr);gap:24px 0}.about-value:nth-child(2){border-right:0}.about-beliefs-grid{grid-template-columns:1fr}.about-belief-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.about-architects-page .about-two-col-reverse{grid-template-columns:1fr;gap:0}.about-architects-page .about-photo{order:0;width:100%;margin-top:48px}.about-architects-page .about-copy{order:1;padding:55px 0}}
@media(max-width:760px){.about-page .main-navbar{position:sticky;top:0}.about-shell{width:min(100% - 32px,680px)}.about-hero{padding:78px 0 45px;min-height:auto}.about-hero-grid,.about-two-col,.about-two-col-reverse,.about-belong-grid{grid-template-columns:1fr}.about-hero-copy{padding:0}.about-hero h1{font-size:clamp(3rem,13vw,4.25rem)}.about-hero-mark{min-height:360px}.about-logo-stage{width:min(520px,96vw)}.about-hero-keywords{right:0;top:18%}.about-editorial .about-copy,.about-two-col-reverse .about-copy{padding:55px 0}.about-photo{min-height:360px}.about-who .about-photo{order:2}.about-story .about-photo{order:2}.about-two-col-reverse .about-photo{order:2}.about-vision-grid{grid-template-columns:1fr;width:100%;padding:0}.about-beliefs-grid{gap:42px}.about-belief-cards{grid-template-columns:1fr}.about-belong-grid{gap:25px;padding-block:68px}.about-belong{min-height:580px;background-position:52% center}.about-belong-invite{max-width:520px}.about-value{padding-inline:12px}.about-page .site-footer{margin-top:0}}
@media(max-width:760px){.about-architects-page .about-photo{order:0;min-height:0;margin-top:34px}.about-architects-page .about-copy{order:1}}
@media(max-width:460px){.about-values{grid-template-columns:1fr}.about-value,.about-value:first-child,.about-value:last-child{padding:18px 0;border-right:0;border-bottom:1px solid rgba(50,42,31,.15)}.about-value:last-child{border-bottom:0}.about-hero-keywords{display:none}.about-photo{min-height:300px}.about-belief-card{min-height:0}.about-copy h2,.about-beliefs h2,.about-belong h2{font-size:clamp(2.25rem,12vw,3.2rem)}}
@media(max-width:760px){.about-logo-stage{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-load-item{animation:none!important}html.about-motion .about-reveal-copy,html.about-motion .about-reveal-media,html.about-motion .about-belief-card,html.about-motion .about-belong-invite{opacity:1!important;transform:none!important;transition:none!important}}