:root { --accent:#b86a7c; --wine:#73243d; --surface:#28131b; --ink:#fff4ee; --blue:#28131b; }
body { background:#0d090b; color:var(--ink); }
a { color:inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:2px solid #edacbb; outline-offset:5px; }
.nav { background:var(--surface); }
.nav--overlay { background:transparent; }
.nav__inner { max-width:none; padding:24px var(--pad,clamp(28px,4.5vw,64px)); }
.nav__logo { gap:11px; }
.nav__brand { font-size:23px; font-weight:700; letter-spacing:.07em; line-height:1; }
.nav__brand small { display:block; font-size:8px; letter-spacing:.23em; font-weight:500; margin-top:6px; }
.nav__links { gap:clamp(24px,3vw,44px); }
.nav__links a { font-size:15px; }
.nav__links a[aria-current] { color:#edacbb; }
.switch-symbol { display:flex; align-items:center; justify-content:flex-end; border:1px solid #d591a2; background:#73243d; width:34px; height:20px; padding:3px; border-radius:20px; }
.switch-symbol i { width:12px; height:12px; border-radius:100%; background:#fff4ee; }
.hero:has(.hero__bg)::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(28,8,18,.28),rgba(40,9,23,.15) 35%,rgba(32,8,18,.86)); pointer-events:none; }
.hero__bg { filter:saturate(.6); }
.hero__title:has(span) { z-index:1; font-size:clamp(64px,10.5vw,156px); font-weight:600; letter-spacing:-.045em; bottom:clamp(64px,10%,110px); }
.hero__title span { display:block; font-size:.20em; font-weight:400; letter-spacing:.24em; line-height:1.8; padding-left:3px; }
.hero__eyebrow { position:absolute; bottom:28px; left:var(--pad); z-index:1; font-size:10px; letter-spacing:.17em; }
.about { max-width:1600px; margin:auto; }
.about__headline { font-size:clamp(24px,3vw,40px); font-weight:500; max-width:none; }
@media(min-width:900px) { .about__headline { white-space:nowrap; } }
.about__body { color:#c9bbc1; line-height:1.9; max-width:850px; font-size:clamp(16px,1.6vw,20px); }
.creator-results { margin-top:100px; }
.creator-results__title { font-size:clamp(28px,3.6vw,52px); font-weight:600; line-height:1.25; letter-spacing:-.045em; }
.creator-results__period { margin-top:18px; color:#c9bbc1; font-size:clamp(16px,1.8vw,24px); }
.creator-results__period strong { color:#edacbb; font-weight:600; }
.creator-results__stage { display:grid; grid-template-columns:.85fr 1.35fr 1.2fr; align-items:center; gap:clamp(18px,2.6vw,40px); margin-top:48px; }
.creator-results__metric { min-width:0; }
.creator-results__metric--followers { align-self:start; padding-top:6px; }
.creator-results__metric--revenue { align-self:end; padding-bottom:48px; }
.creator-results__value { color:#fff4ee; font-size:clamp(64px,7.7vw,124px); font-weight:800; line-height:1; letter-spacing:-.07em; white-space:nowrap; font-variant-numeric:tabular-nums; }
.creator-results__value span { margin-left:5px; font-size:.28em; font-weight:500; letter-spacing:-.03em; }
.creator-results__label { margin-top:18px; font-size:clamp(24px,3.3vw,46px); font-weight:600; line-height:1.15; letter-spacing:-.04em; }
.creator-results__portrait { position:relative; min-width:0; margin:0; aspect-ratio:4 / 5; overflow:hidden; border-radius:48% 0 48% 0; background:#28131b; }
.creator-results__portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 35%; }
.creator-results__portrait figcaption { position:absolute; left:20px; bottom:20px; padding:8px 13px; border-radius:24px; background:#fff4ee; color:#28131b; font-size:10px; font-weight:700; letter-spacing:.06em; }
@media(max-width:700px) {
 .creator-results { margin-top:60px; }
 .creator-results__stage { grid-template-columns:1fr 1fr; gap:28px 18px; margin-top:30px; }
 .creator-results__portrait { grid-column:1 / -1; grid-row:1; width:82%; max-width:380px; justify-self:center; }
 .creator-results__metric--followers,.creator-results__metric--revenue { align-self:start; padding:0; }
 .creator-results__metric--revenue { justify-self:end; }
 .creator-results__value { font-size:clamp(48px,13vw,78px); }
 .creator-results__label { margin-top:10px; font-size:24px; }
 .creator-results__portrait figcaption { left:16px; bottom:16px; font-size:9px; }
}
.section__subtitle { font-size:clamp(14px,1.27vw,16px); color:#b7a9b0; line-height:1.8; }
.section__title { font-size:clamp(27px,3.15vw,39px); }
.eyebrow { color:#d591a2; font-size:11px; letter-spacing:.2em; font-weight:600; margin-bottom:22px; }
.services { background:#160e12; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; text-align:left; max-width:1200px; margin:56px auto 0; }
.service-grid article { border-top:1px solid #65434f; padding-top:24px; }
.service-grid article>span { font-size:11px; color:#d591a2; letter-spacing:.12em; }
.service-grid h3 { font-size:clamp(20px,2vw,25px); font-weight:500; margin:25px 0 16px; }
.service-grid p { color:#bfb0b7; line-height:1.9; font-size:15px; }
.creator-card { border-radius:4px; }
.cta { background:linear-gradient(135deg,#28131b,#130d11); }
.cta__btn,.submit-btn { background:linear-gradient(40deg,#73243d,#b86a7c); font-size:16px; padding:15px 32px; border-radius:4px; text-decoration:none; }
.cta__subtitle { line-height:1.8; font-size:15px; }
.cta__title { line-height:1.4; }
.about-hero { padding-bottom:0; }
.about-hero .hero__image { width:100%; height:auto; max-width:1400px; margin:clamp(36px,5vw,72px) auto 0; aspect-ratio:2199 / 1359; object-fit:contain; }
.about-hero .hero__title,.hero>.hero__title:not(:has(span)) { color:#fff4ee; font-size:clamp(30px,4.2vw,58px); }
.hero__desc { color:#c5b6bd; line-height:1.9; font-weight:400; font-size:clamp(15px,1.5vw,19px); }
.process,.team,.gallery { background:#0d090b; }
.process__title,.team__title { font-size:clamp(26px,3vw,38px); line-height:1.5; }
.process__subtitle,.team__subtitle { font-size:16px; color:#bfb0b7; line-height:1.8; }
.steps article { border-top-color:#65434f; }
.steps article>span { font-size:25px; }
.faq { max-width:1100px; margin:auto; }
.faq>h2 { margin-bottom:48px; }
.faq details { border-top:1px solid #48343e; text-align:left; }
.faq details:last-child { border-bottom:1px solid #48343e; }
.faq summary { cursor:pointer; padding:24px 0; font-size:18px; list-style:none; display:flex; justify-content:space-between; gap:20px; }
.faq summary::after { content:'+'; color:#d591a2; font-size:24px; font-weight:300; }
.faq details[open] summary::after { content:'−'; }
.faq details p { color:#bfb0b7; line-height:1.9; padding-bottom:26px; max-width:850px; font-size:16px; }
.hero:has(+.gallery) { padding-bottom:56px; }
.gallery__inner { padding-top:15px; }
.gallery__img-wrap { border-radius:4px; }
.form-section,.form-section+script { background:#0d090b; }
body:has(#contact-form) .hero { background:#0d090b; }
body:has(#contact-form) .nav { background:#0d090b; }
input,textarea,select { background:#1b1217; border-color:#60414e; border-radius:4px; font-size:16px; }
input::placeholder,textarea::placeholder { color:#a18f98; }
input:focus,textarea:focus,select:focus { border-color:#edacbb; box-shadow:0 0 0 1px #edacbb; }
.consent { display:grid; gap:16px; margin-top:6px; }
.consent label { display:flex; align-items:flex-start; gap:10px; font-size:13px; font-weight:400; line-height:1.7; color:#c9bbc1; }
.consent input { width:18px; height:18px; margin-top:3px; flex-shrink:0; accent-color:#b86a7c; }
.consent details { font-size:13px; line-height:1.8; color:#a998a2; }
.consent summary { cursor:pointer; }
.consent details p { padding-top:12px; }
.botcheck { display:none; }
.site-footer { padding:48px var(--pad,clamp(28px,4.5vw,64px)); border-top:1px solid #38252e; display:grid; gap:15px; background:#0d090b; color:#ad9ca6; font-size:12px; }
.site-footer a { width:fit-content; text-decoration:none; }
.site-footer .footer-brand { color:#fff4ee; font-size:26px; font-weight:600; letter-spacing:.04em; }
.footer-brand span { display:block; font-size:8px; letter-spacing:.21em; margin-top:5px; }
.site-footer small { font-size:10px; margin-top:14px; }
@media(max-width:700px) {
  .service-grid { grid-template-columns:1fr; gap:32px; margin-top:40px; }
  .service-grid h3 { margin-top:16px; }
  .hero__title:has(span) { font-size:clamp(54px,15vw,100px); }
  .hero:has(.hero__bg) { min-height:550px; height:80svh; max-height:760px; }
  .hero__bg { object-position:58% center; }
  .nav__inner { padding:20px var(--pad,16px); }
  .nav__brand { font-size:18px; }
  .nav__brand small { font-size:6px; }
  .switch-symbol { width:29px; height:18px; }
  .switch-symbol i { width:10px; height:10px; }
  .nav__logo { gap:7px; }
  .nav__links { gap:18px; }
  .nav__links a { font-size:12px; }
  .hero__desc { padding-bottom:0; }
  .gallery__col { gap:40px; }
  .gallery__col--right { margin-top:70px; }
  .gallery__img-wrap { width:100%; }
  .faq summary { font-size:16px; }
  .faq details p { font-size:14px; }
  .process__subtitle { font-size:14px; }
  .site-footer { padding:38px 16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } .fade-up,.about__body { opacity:1!important; transform:none!important; } }

/* Avatar Studio About: production support and core team */
.delegated-process { border-bottom:1px solid #38252e; }
.delegated-process .process__grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(90px,.55fr) minmax(0,1fr) minmax(0,1fr); align-items:stretch; gap:clamp(18px,3vw,40px); overflow:visible; padding-bottom:0; }
.delegated-process .process-step { min-width:0; padding-bottom:52px; min-height:340px; }
.delegated-process .process-step__img--square { height:300px; width:100%; max-width:100%; object-fit:contain; transform:none; }
.delegated-process .process-step__img--portrait { width:min(220px,100%); height:300px; object-fit:contain; }
.delegated-process .process-step__label { bottom:0; font-size:clamp(13px,1.3vw,17px); line-height:1.6; white-space:normal; width:100%; }
.delegated-process .process-arrow__label { position:static; margin-top:16px; font-size:clamp(12px,1.25vw,16px); white-space:normal; }
.delegated-process .process-icons { padding:24px 0; gap:32px 18px; grid-template-columns:repeat(2,1fr); }
.delegated-process .process-icon { width:clamp(48px,6vw,78px); }
.delegated-process .process-icons img:nth-child(odd) { transform:translateY(-12px); }
.delegated-process .process-icons img:nth-child(even) { transform:translateY(12px); }
.core-team { background:#160e12; }
.core-team .team__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.core-team .team-member { gap:20px; }
.core-team .team-member__role { font-size:20px; line-height:1.5; }
.core-team .team-member__desc { font-size:16px; line-height:1.9; color:#bfb0b7; }
@media(max-width:700px) {
 .delegated-process .process__grid { grid-template-columns:1fr; gap:28px; max-width:380px; }
 .delegated-process .process-step { min-height:0; padding-bottom:40px; }
 .delegated-process .process-step--connector { padding:0; min-height:65px; }
 .delegated-process .process-arrow { width:90px; }
 .delegated-process .process-arrow__label { font-size:15px; margin-top:12px; }
 .delegated-process .process-step__label { font-size:16px; }
 .delegated-process .process-step__img--square { height:310px; }
 .delegated-process .process-step__img--portrait { width:220px; height:auto; }
 .delegated-process .process-icons { gap:30px; padding:24px 0 40px; }
 .delegated-process .process-icon { width:72px; border-radius:18px; }
 .core-team .team__grid { grid-template-columns:1fr; gap:48px; }
 .core-team .team-member__icon { width:80px; height:80px; }
 .core-team .team-member__role { font-size:20px; }
 .core-team .team-member__desc { font-size:16px; }
}

.switch-demo { background:#160e12; }
.switch-demo .demo__media { width:min(100%,1100px); border:1px solid #65434f; border-radius:8px; background:#160e12; box-shadow:0 24px 90px rgba(0,0,0,.3); }