/* SOLSUNG — About. Original wordmark and motto fonts remain unchanged. */
body.theme-dark:has(.about-v8){background:#0c1421;color:#f0eee7;--gold:#c7aa70}
body:has(.about-v8) header.header,body:has(.about-v8) header.header.scrolled{background:rgba(12,20,33,.91);color:#f0eee7;border-bottom:1px solid #ffffff16;backdrop-filter:blur(18px)}
body:has(.about-v8) .desktop-nav a[aria-current=page]{color:#d4b878}
body:has(.about-v8) .mobile-nav{background:#0c1421;color:#f0eee7}
body:has(.about-v8) .mobile-nav>p{font-family:Cinzel,serif;font-weight:700}
.about-v8{--av8-gutter:clamp(24px,5vw,80px);--av8-muted:#aeb6c2;overflow:clip;background:#0c1421}
.about-v8 em{color:#d4b878}
.about-v8 h1,.about-v8 h2,.about-v8 h3{font-weight:400;word-break:keep-all;letter-spacing:-.055em}
.av8-eyebrow{display:flex;align-items:center;gap:15px;font:500 11px/1.6 'Josefin Sans',sans-serif;letter-spacing:1.75px;color:#a6afbd}
.av8-eyebrow>span{color:#d4b878;font-size:10px}
.av8-hero{position:relative;isolation:isolate;min-height:720px;min-height:100svh;padding:142px var(--av8-gutter) 54px;background:#0c1421}
.av8-hero-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#d4b878;margin-right:1px}
.av8-hero-media{position:absolute;z-index:-1;inset:0 0 0 28%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(180deg,#000 85%,transparent);mask-composite:intersect}
.av8-hero-media img{width:100%;height:100%;object-fit:cover;object-position:67% center;transform:scale(1.03) translate(var(--hero-x,0px),var(--hero-y,0px));transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.av8-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c142180,transparent 70%),linear-gradient(0deg,#0c142170,transparent 30%)}
.about-v8 .av8-title{position:relative;z-index:1;font-size:clamp(64px,8.4vw,128px);line-height:1.13;letter-spacing:-.075em;margin-top:40px;max-width:800px}
.av8-title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.06em}
.av8-title-line>span{display:block}
.av8-hero-description{position:relative;font-size:14px;line-height:2;letter-spacing:-.02em;color:#b9c0ca;margin-top:29px}
.av8-hero:after{content:'';position:absolute;height:1px;left:var(--av8-gutter);right:var(--av8-gutter);bottom:0;background:linear-gradient(90deg,#ffffff25,#ffffff08)}
.av8-perspective{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(32px,5vw,80px);align-items:center;padding:100px var(--av8-gutter) 110px;background:#0c1421}
.av8-perspective-copy{min-width:0;max-width:500px}
.av8-perspective h2{font-size:clamp(31px,3.4vw,52px);line-height:1.43;margin-top:30px}
.av8-description{color:var(--av8-muted);font-size:14px;line-height:2;letter-spacing:-.025em;word-break:keep-all;margin-top:27px}
.av8-observations{padding:0;margin:31px 0 0;list-style:none;max-width:370px;border-top:1px solid #ffffff20}
.av8-observations li{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #ffffff13;font-size:12px;line-height:1.5;color:#c2c8cf;word-break:keep-all}
.av8-observations li>span{font:10px 'Josefin Sans',sans-serif;color:#c7aa70}
.av8-photo{width:100%;min-width:0;margin:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.av8-photo img{display:block;width:100%;height:100%;object-fit:cover}
.av8-photo-detail{aspect-ratio:1.25}
.av8-photo-detail img{object-position:33% center}
.av8-partnership{padding:84px var(--av8-gutter) 80px;background:#132237;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}
.av8-partner-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(32px,5vw,80px);align-items:center}
.av8-partner-copy{min-width:0}
.av8-partnership h2{font-size:clamp(30px,3.05vw,46px);line-height:1.5;margin-top:26px}
.av8-photo-work{aspect-ratio:1.6}
.av8-photo-work img{object-position:53% center}
.av8-flow-wrap{position:relative;margin-top:68px;padding-top:38px}
.av8-flow-track{position:absolute;top:6px;left:7px;right:7px;height:1px;background:#ffffff20;overflow:hidden}
.av8-flow-track>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#d4b878,#d4b87888)}
.av8-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.av8-flow>li{position:relative;min-width:0}
.av8-flow>li:before{content:'';position:absolute;top:-38px;left:0;width:13px;height:13px;border-radius:50%;border:1px solid #c7aa70;background:#132237}
.av8-step-label{font:10px/1.6 'Josefin Sans',sans-serif;letter-spacing:1.4px;color:#d4b878}
.av8-flow h3{font-size:clamp(21px,2vw,28px);line-height:1.5;margin-top:12px}
.av8-flow li>p:not(.av8-step-label){font-size:13px;line-height:1.95;color:#aeb9c9;margin-top:17px;max-width:320px;word-break:keep-all}
.av8-step-detail{display:block;margin-top:25px;color:#7e91aa;font-size:10px;line-height:1.6;letter-spacing:.03em}
.av8-manifesto{position:relative;padding:90px var(--av8-gutter) 85px;background:radial-gradient(ellipse at 75% 85%,#b59b5d09,transparent 60%),#0c1421}
.about-v8 .av8-motto{font-family:Cinzel,serif;font-weight:700;font-size:clamp(46px,13vw,190px);line-height:1.06;letter-spacing:-.04em;margin:31px 0 0;white-space:nowrap}
.av8-manifesto-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:48px;padding-top:30px;border-top:1px solid #ffffff20}
.av8-manifesto-bottom>p{font-size:18px;line-height:1.8;letter-spacing:-.04em;color:#b5bdc9}
.av8-project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:54px;font-size:13px;padding:12px 0;border-bottom:1px solid #c7aa7070;color:#eeece6}
.av8-project-link>span{font-size:27px;color:#d4b878;transition:transform .25s}
.av8-project-link:hover>span{transform:translate(4px,-4px)}
body:has(.about-v8) .footer{padding-top:60px;background:#090f19;color:#e9e6dc;border-top:1px solid #ffffff18}
body:has(.about-v8) .footer .eyebrow{color:#c7aa70}
body:has(.about-v8) .footer-invite{font-size:clamp(30px,3.6vw,54px);font-weight:400}
body:has(.about-v8) .footer-contact{color:#b9c0cb}
body:has(.about-v8) .footer-contact p{color:#8c98aa}
body:has(.about-v8) .footer-wordmark{font-size:clamp(32px,6.5vw,92px);margin-top:46px;border-color:#ffffff1c;text-align:left}
body:has(.about-v8) .footer-wordmark .wordmark>span{color:#c7aa70}
body:has(.about-v8) .footer-bottom{color:#8e99aa}
/* Progressive enhancement: content remains visible without JavaScript. */
.av8-motion-ready [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.av8-motion-ready [data-reveal].is-visible{opacity:1;transform:none}
.av8-motion-ready .av8-title-line>span{animation:av8-title-in 1s cubic-bezier(.22,1,.36,1) both}
.av8-motion-ready .av8-title-line:nth-child(2)>span{animation-delay:.1s}
.av8-motion-ready .av8-title-line:nth-child(3)>span{animation-delay:.2s}
.av8-motion-ready .av8-flow-track>span{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.av8-motion-ready .av8-flow-wrap.is-visible .av8-flow-track>span{transform:scaleX(1)}
@keyframes av8-title-in{from{transform:translateY(105%);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1700px){.av8-perspective,.av8-partnership,.av8-manifesto{padding-left:max(var(--av8-gutter),calc((100vw - 1500px)/2));padding-right:max(var(--av8-gutter),calc((100vw - 1500px)/2))}}
@media(min-width:761px) and (max-width:1100px){
 .av8-perspective,.av8-partner-top{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:32px}
 .av8-perspective h2{font-size:34px}.av8-partnership h2{font-size:30px}
 .av8-description{font-size:13px}.av8-description br{display:none}
 .av8-photo-work{aspect-ratio:1.35}
}
@media(max-width:760px){
 .av8-hero{min-height:680px;min-height:max(680px,94svh);padding-top:123px;padding-bottom:44px}
 .av8-eyebrow{font-size:9px;letter-spacing:1.3px;gap:12px}
 .about-v8 .av8-title{font-size:clamp(48px,13.1vw,78px);line-height:1.17;letter-spacing:-.07em;margin-top:61px}
 .av8-hero-description{font-size:13px;line-height:2;margin-top:28px}
 .av8-hero-media{left:5%;opacity:.73;mask-image:linear-gradient(90deg,transparent,#000 24%),linear-gradient(180deg,#000 88%,transparent)}
 .av8-hero-media img{object-position:71% center}
 .av8-hero-media:after{background:linear-gradient(90deg,#0c1421a6,transparent 90%),linear-gradient(0deg,#0c1421aa,transparent 65%)}
 .av8-perspective,.av8-partner-top{display:block}
 .av8-perspective{padding-top:62px;padding-bottom:60px}
 .av8-perspective h2{font-size:clamp(30px,7.4vw,42px);line-height:1.5;margin-top:26px}
 .av8-description{font-size:13px;line-height:1.95;margin-top:23px}
 .av8-description br{display:none}
 .av8-observations{margin-top:25px;max-width:none}
 .av8-observations li{padding:12px 0;font-size:12px}
 .av8-photo-detail{aspect-ratio:1.35;margin-top:28px}
 .av8-partnership{padding-top:52px;padding-bottom:49px}
 .av8-partnership h2{font-size:clamp(28px,6.9vw,38px);margin-top:23px;line-height:1.5}
 .av8-photo-work{aspect-ratio:1.5;margin-top:29px}
 .av8-flow-wrap{padding-top:0;margin-top:36px}
 .av8-flow-track{display:none}
 .av8-flow{display:block;margin-left:6px;border-left:1px solid #c7aa7050}
 .av8-flow>li{padding:0 0 28px 24px;margin:0 0 4px}
 .av8-flow>li:last-child{padding-bottom:0;margin-bottom:0}
 .av8-flow>li:before{top:2px;left:-7px;width:13px;height:13px;background:#132237}
 .av8-flow h3{font-size:22px;margin-top:7px}
 .av8-flow li>p:not(.av8-step-label){font-size:12px;line-height:1.95;margin-top:12px;max-width:none}
 .av8-step-detail{font-size:10px;margin-top:13px}
 .av8-manifesto{padding-top:58px;padding-bottom:55px}
 .about-v8 .av8-motto{font-size:clamp(46px,13vw,94px);line-height:1.14;margin-top:25px;letter-spacing:-.045em}
 .av8-manifesto-bottom{display:block;padding-top:24px;margin-top:28px}
 .av8-manifesto-bottom>p{font-size:15px;line-height:1.9}
 .av8-project-link{font-size:12px;margin-top:23px;gap:38px}
 body:has(.about-v8) .footer{padding-top:43px}
 body:has(.about-v8) .footer-wordmark{margin-top:34px;padding-bottom:20px;font-size:38px}
}
@media(max-width:370px){.av8-perspective h2{font-size:28px}.av8-partnership h2{font-size:25px}.about-v8 .av8-title{font-size:48px}.about-v8 .av8-motto{font-size:44px}}
@media(prefers-reduced-motion:reduce){
 .av8-motion-ready [data-reveal]{opacity:1;transform:none;transition:none}
 .av8-motion-ready .av8-title-line>span{animation:none}
 .av8-motion-ready .av8-flow-track>span{transform:none;transition:none}
 .av8-hero-media img{transform:none;transition:none}
 .av8-project-link>span{transition:none}
}
