/* About page — cinematic editorial layer */
.about-page{--about-ink:#3a2118;--about-copper:#a8522d;--about-gold:#e8ad63;--about-cream:#fff8ed;--about-sand:#efd5b4}
.about-page .about-hero{min-height:clamp(560px,68vw,790px);display:flex;align-items:center;border-radius:14px;isolation:isolate;background:#3a2118;overflow:hidden}
.about-page .about-hero:after{content:"";position:absolute;inset:0;z-index:0;background:
 linear-gradient(90deg,rgba(31,18,13,.94) 0%,rgba(43,23,16,.78) 38%,rgba(48,24,15,.22) 67%,rgba(29,14,9,.06) 100%),
 url('/assets/about-hero-autumn-higgsfield.png') 64% center/cover no-repeat;opacity:1!important;filter:saturate(.94) contrast(1.03)!important}
.about-page .about-hero:before{z-index:-1;left:auto;right:-6%;bottom:-34%;width:62%;height:85%;box-shadow:0 0 0 48px rgba(255,205,137,.035),0 0 0 96px rgba(255,205,137,.025)}
.about-page .about-hero .wrap{position:relative;z-index:2;width:100%;padding-block:clamp(88px,10vw,150px)}
.about-page .about-hero .luxury-motif,.about-page .about-hero .luxury-lines,.about-page .about-hero .luxury-aura{z-index:1}
.about-page .about-hero .wrap>*{max-width:690px}
.about-page .about-hero .display-title{font-size:clamp(4rem,8.5vw,8.8rem);line-height:.84;letter-spacing:-.055em;text-shadow:0 10px 34px rgba(20,8,4,.28)}
.about-page .about-hero .display-title em{color:#f2b76e}
.about-page .about-hero .lead{max-width:620px;font-size:clamp(1.1rem,1.8vw,1.48rem);line-height:1.62;color:#fff4e5}

.about-page .about-purpose{padding-block:clamp(90px,11vw,150px)}
.about-page .about-purpose .purpose-grid{gap:0;border-top:1px solid rgba(132,75,43,.24);border-bottom:1px solid rgba(132,75,43,.24)}
.about-page .about-purpose article{min-height:430px;padding:clamp(40px,6vw,82px);border:0;border-radius:0!important;box-shadow:none;background:transparent;overflow:visible}
.about-page .about-purpose article+article{border-left:1px solid rgba(132,75,43,.24)}
.about-page .about-purpose article:after{display:none}
.about-page .about-purpose h2{font-size:clamp(3rem,5vw,5.5rem);line-height:.94;margin:.5em 0 .45em}
.about-page .about-purpose p{font-size:1.05rem;line-height:1.8;max-width:560px}

.about-page .about-family-story{padding-top:0;padding-bottom:clamp(90px,11vw,150px)}
.about-page .about-family-story .wrap{max-width:1320px}
.about-page .creative-family-visual{position:relative;min-height:clamp(560px,70vw,860px);margin:0;border-radius:10px;overflow:hidden;background:#5e321f;box-shadow:0 36px 90px rgba(67,33,19,.2)}
.about-page .creative-family-visual:before{inset:0;border:0;border-radius:0;background:linear-gradient(90deg,rgba(39,19,13,.78),rgba(48,23,14,.12) 58%,rgba(47,23,14,.15));z-index:1}
.about-page .creative-family-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.84) contrast(1.05)}
.about-page .creative-family-visual figcaption{position:absolute;z-index:2;left:clamp(28px,7vw,96px);bottom:clamp(36px,8vw,100px);max-width:580px;padding:0;background:transparent;color:#fff;border:0;text-align:left}
.about-page .creative-family-visual figcaption .eyebrow{display:block;color:#f1b66d;margin-bottom:18px}
.about-page .creative-family-visual figcaption strong{display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,6vw,6.6rem);font-weight:400;line-height:.88;letter-spacing:-.05em;color:#fff8ec}
.about-page .creative-family-visual figcaption>span:last-child{display:block;max-width:420px;margin-top:24px;font-size:1.08rem;line-height:1.65;color:#f7e9d7}

.about-page .about-wheel-section{padding-block:clamp(96px,12vw,165px);background:
 radial-gradient(circle at 10% 15%,rgba(255,233,196,.8),transparent 30%),
 radial-gradient(circle at 88% 80%,rgba(176,78,39,.16),transparent 34%),
 linear-gradient(125deg,#f9e7cf,#f1cfaa 58%,#f7e1c8)}
.about-page .about-wheel-section h2{font-size:clamp(3.4rem,6vw,6.5rem);line-height:.9;max-width:900px}
.about-page .about-wheel-section>.wrap>.section-lead{max-width:840px;font-size:1.12rem;line-height:1.75}
.about-page .wellbeing-visual{margin-top:clamp(52px,7vw,96px);align-items:center;gap:clamp(52px,8vw,120px)}
.about-page .wheel-art{filter:drop-shadow(0 30px 40px rgba(78,39,22,.17))}
.about-page .wellbeing-grid{gap:14px}
.about-page .wellbeing-grid .service-card{border-radius:8px;background:linear-gradient(135deg,rgba(255,251,243,.76),rgba(255,237,214,.48));backdrop-filter:blur(12px);box-shadow:0 14px 35px rgba(74,35,19,.07)}

.about-page .about-constellation{overflow:hidden;padding-block:clamp(100px,13vw,180px);background:
 radial-gradient(circle at 74% 48%,rgba(236,165,89,.24),transparent 28%),
 linear-gradient(118deg,#2f1b16 0%,#4d281c 58%,#7f3e24 100%);color:#fff6e8}
.about-page .about-constellation:before{content:"";position:absolute;inset:0;background:url('/assets/flow-lines.svg') right center/70% 100% no-repeat;opacity:.16;pointer-events:none}
.about-page .constellation-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(60px,9vw,150px)}
.about-page .constellation-copy{position:relative;z-index:2}
.about-page .constellation-copy .eyebrow{color:#f0b467}
.about-page .constellation-copy h2{font-size:clamp(3.8rem,7vw,7.4rem);line-height:.86;color:#fff7eb}
.about-page .constellation-copy h2 em{color:#f0b467}
.about-page .constellation-copy p{color:#f4e3cf;line-height:1.75}
.about-page .constellation-copy .text-link{color:#ffd698}
.about-page .constellation-diagram{position:relative;min-height:0;aspect-ratio:4/3;width:100%;max-width:820px;margin:auto;background:url('/assets/relational-woven-higgsfield.png') center/contain no-repeat;filter:drop-shadow(0 32px 50px rgba(20,8,4,.28))}
.about-page .constellation-diagram:before,.about-page .constellation-diagram:after{display:none}
.about-page .constellation-core,.about-page .constellation-node{position:absolute;display:grid;place-items:center;text-align:center;z-index:3;border:1px solid rgba(255,220,174,.48);box-shadow:0 18px 48px rgba(20,8,4,.22)}
.about-page .constellation-core{left:50%;top:50%;width:168px;height:168px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(97,43,24,.72);backdrop-filter:blur(7px);font-family:'Cormorant Garamond',serif;font-size:1.9rem;line-height:1;color:#fff}
.about-page .constellation-core small{display:block;margin-top:8px;font-family:inherit;font-size:.95rem;font-style:italic;color:#ffe8c7}
.about-page .constellation-node{width:auto;height:auto;min-width:94px;padding:9px 15px;border-radius:999px;background:rgba(48,22,15,.76);backdrop-filter:blur(9px);font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:#fff2df;transform:translate(-50%,-50%)}
.about-page .node-a{left:50%;top:12%}.about-page .node-b{left:73%;top:31%}.about-page .node-c{left:72%;top:67%}.about-page .node-d{left:50%;top:84%}.about-page .node-e{left:28%;top:67%}.about-page .node-f{left:27%;top:31%}
.about-page .constellation-line{display:none}
.about-page .line-a{transform:rotate(218deg)}.about-page .line-b{transform:rotate(307deg)}.about-page .line-c{transform:rotate(1deg)}.about-page .line-d{transform:rotate(51deg)}.about-page .line-e{transform:rotate(130deg)}.about-page .line-f{transform:rotate(178deg)}
html[data-motion=on] .about-page .constellation-diagram:before{animation:about-orbit 28s linear infinite}
html[data-motion=on] .about-page .constellation-diagram:after{animation:about-orbit 20s linear infinite reverse}
html[data-motion=on] .about-page .constellation-node{animation:about-float 6s ease-in-out infinite alternate}
html[data-motion=on] .about-page .constellation-node:nth-of-type(even){animation-delay:-2s}
@keyframes about-orbit{to{transform:rotate(360deg)}}
@keyframes about-float{to{translate:0 -8px}}

.about-page .about-people-section{padding-block:clamp(100px,12vw,160px)}
.about-page .about-people-section> .wrap>h2{font-size:clamp(3.5rem,6vw,6.8rem);line-height:.88}
.about-page .about-people-section .service-grid{margin-top:70px;gap:0;border-top:1px solid rgba(132,75,43,.24);border-bottom:1px solid rgba(132,75,43,.24)}
.about-page .about-people-section .service-card{min-height:350px;border:0;border-radius:0!important;box-shadow:none;background:transparent;padding:clamp(32px,4vw,54px)}
.about-page .about-people-section .service-card+.service-card{border-left:1px solid rgba(132,75,43,.24)}
.about-page .about-people-section .service-card:after{display:none}
.about-page .about-people-section .service-card h3{font-size:clamp(2rem,3vw,3.25rem)}
.about-page .about-people-section .visual-teaser{border-radius:8px;background:linear-gradient(115deg,#54291d,#8c4628);color:#fff2df}
.about-page .about-people-section .visual-teaser{min-height:92px;padding:26px 34px;align-items:center}
.about-page .about-people-section .visual-teaser p{margin:0;max-width:680px;color:#fff2df}

.about-page .about-quality{padding-block:clamp(88px,10vw,130px);background:
 radial-gradient(circle at 18% 36%,rgba(237,172,99,.28),transparent 28%),linear-gradient(120deg,#fbecd6,#efd0ad)}
.about-page .about-quality .split{grid-template-columns:minmax(170px,.58fr) minmax(260px,.8fr) minmax(330px,1.2fr);align-items:center;gap:clamp(34px,5vw,76px)}
.about-page .quality-seal-stage{display:grid;place-items:center;padding:18px}
.about-page .quality-seal-stage img{width:min(100%,260px);height:auto;filter:drop-shadow(0 22px 34px rgba(80,35,18,.18))}
.about-page .about-quality h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.9}
.about-page .about-quality .prose{font-size:1.05rem;line-height:1.75}

@media(max-width:900px){
 .about-page .about-hero{min-height:680px}.about-page .about-hero:after{background:linear-gradient(90deg,rgba(38,20,14,.92) 0%,rgba(48,24,15,.76) 58%,rgba(38,18,12,.12) 100%),url('/assets/about-hero-autumn-higgsfield.png') 68% center/cover no-repeat}
 .about-page .about-purpose .purpose-grid{grid-template-columns:1fr}.about-page .about-purpose article{min-height:auto}.about-page .about-purpose article+article{border-left:0;border-top:1px solid rgba(132,75,43,.24)}
 .about-page .constellation-layout{grid-template-columns:1fr}.about-page .constellation-copy{max-width:650px}.about-page .constellation-diagram{width:min(100%,650px)}
 .about-page .about-quality .split{grid-template-columns:minmax(140px,.5fr) 1fr}.about-page .about-quality .prose{grid-column:1/-1}
}
@media(max-width:640px){
 .about-page .about-hero{min-height:650px;border-radius:10px}.about-page .about-hero .display-title{font-size:clamp(3.7rem,17vw,5.3rem)}
 .about-page .about-purpose article{padding:42px 12px}.about-page .about-purpose h2{font-size:3.2rem}
 .about-page .creative-family-visual{min-height:640px}.about-page .creative-family-visual:before{background:linear-gradient(0deg,rgba(39,19,13,.86),rgba(48,23,14,.05) 70%)}
 .about-page .creative-family-visual figcaption{left:26px;right:26px;bottom:34px}.about-page .creative-family-visual figcaption strong{font-size:3.35rem}
 .about-page .about-wheel-section h2,.about-page .about-people-section>.wrap>h2{font-size:3.45rem}
 .about-page .constellation-diagram{min-height:0;aspect-ratio:4/3}.about-page .constellation-core{width:104px;height:104px;font-size:1.22rem}.about-page .constellation-core small{font-size:.72rem}.about-page .constellation-node{min-width:0;padding:6px 9px;font-size:.9rem}
 .about-page .about-people-section .service-grid{display:block}.about-page .about-people-section .service-card{min-height:auto;padding:38px 12px}.about-page .about-people-section .service-card+.service-card{border-left:0;border-top:1px solid rgba(132,75,43,.24)}
 .about-page .about-quality .split{grid-template-columns:1fr}.about-page .quality-seal-stage{justify-content:start;padding:0}.about-page .quality-seal-stage img{width:190px}.about-page .about-quality .prose{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.about-page .constellation-diagram:before,.about-page .constellation-diagram:after,.about-page .constellation-node{animation:none!important}}