/* The exact supplied logo is displayed through a circular CSS window.
   Its source bitmap remains intact, including the original full wordmark. */
.brand-mark{display:inline-block;position:relative;overflow:hidden;flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:#000}
.brand-mark>img{position:absolute;width:164.14%;max-width:none;height:auto;left:-31.94%;top:-15.71%}
.brand{gap:11px}
.brand strong{font-size:16px;letter-spacing:-.035em;font-weight:650}
.brand-ai{color:var(--accent);font-weight:850}
.brand small{font-size:6.5px;letter-spacing:.105em;font-weight:550}
.sidebar .brand-mark{width:38px;height:38px}
.sidebar .brand-suffix{display:inline}
.sidebar .brand strong{font-size:12px}
.sidebar .brand small{font-size:5.4px;letter-spacing:.06em}
.sidebar .brand-ai,.public-footer .brand-ai,.auth-art .brand-ai{color:var(--accent-light)}
.mock-top .brand-mark{width:30px;height:30px}
.boot .brand-mark{width:64px;height:64px}
.hero-copy h1{font-weight:750;letter-spacing:-.06em;line-height:1.01;font-size:clamp(52px,5.8vw,84px)}
.hero-copy h1 .hero-line{display:block;color:var(--ink)}
.hero-copy h1 .ai-emphasis{color:var(--accent);font-weight:850}
.page-hero .ai-emphasis{color:var(--accent);font-weight:750}
.hero-copy h1 .hero-line-secondary{font-size:.48em;letter-spacing:-.04em;font-weight:550;margin-top:19px;line-height:1.25}
.hero-copy>p strong{color:var(--ink);font-weight:650}
.hero-copy .eyebrow{font-size:9px;letter-spacing:.11em}
.hero-caption>span{display:flex;align-items:center;gap:7px;letter-spacing:.04em}
.hero-caption b{color:var(--accent);font-size:9px;font-weight:750}
.visual-chip{color:var(--ink);border:1px solid #ffffff80}
.hero-visual:after{background:linear-gradient(transparent,#171816b8)}
.hero-visual figcaption strong{font-weight:650}
.site-cta{background:var(--night);border:1px solid var(--night-line)}
.site-cta .eyebrow{color:var(--accent-light)}
.site-cta p{color:var(--night-text)}
.logo-story{display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:center;padding:35px;margin-bottom:60px;border:1px solid var(--line);border-radius:16px;background:#fff}
.logo-story>img{width:260px;height:auto}
.logo-story h2{font-size:35px;line-height:1.15;margin:15px 0}
.logo-story p{font-size:14px;max-width:580px;line-height:1.85}
.reveal-word{display:inline-block}
@keyframes fashion-word-arrive{from{opacity:0;transform:translateY(.32em);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:no-preference){
  .hero-copy,.page-hero>div,.text-hero,.contact-hero>div{animation:none}
  .reveal-word{animation:fashion-word-arrive 600ms cubic-bezier(.16,1,.3,1) var(--word-delay,0ms) both}
  .hero-copy>.eyebrow,.hero-copy>p,.hero-actions,.hero-caption{animation:fashion-arrive 650ms ease-out 180ms both}
}
@media(max-width:1180px){.hero-copy h1{font-size:66px}.brand strong{font-size:14px}}
@media(max-width:950px){.hero-copy h1{font-size:55px}.logo-story{gap:25px}}
@media(max-width:700px){
  .brand-mark{width:40px;height:40px}.brand strong{font-size:13px}.brand small{font-size:5.7px}
  .brand{gap:8px}.hero-copy h1{font-size:clamp(53px,13vw,78px);margin:23px 0}
  .hero-copy h1 .hero-line-secondary{font-size:.46em;margin-top:17px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.075em}.hero-caption{gap:18px}
  .logo-story{grid-template-columns:1fr;gap:15px;padding:25px}.logo-story>img{width:210px;margin:auto}.logo-story h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.reveal-word{animation:none;opacity:1;transform:none;filter:none}}