/* Home only. The brand itself is the visual: type, scale, rhythm, white space. */
.hero.hero-typographic{height:auto;min-height:min(900px,100svh);max-height:none;padding:102px 32px 0;display:flex;flex-direction:column;overflow:hidden;background:#fff;container-type:inline-size}
.hero-type-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;line-height:1.5;text-transform:uppercase;color:#666}
.hero-type-eyebrow>span:first-child{display:flex;align-items:center;gap:9px}.hero-type-eyebrow>span:first-child:before{content:'';width:5px;height:5px;flex:none;background:var(--red);border-radius:50%}
.hero-type-poster{position:relative;flex:1;display:flex;align-items:center;margin:26px 0 30px}
.hero-typographic h1.hero-type-name{width:100%;margin:0;font-family:var(--sans);font-weight:500;letter-spacing:-.07em;line-height:.8}
.hero-type-number{display:block;color:var(--red);font-size:21.7cqw;line-height:.76;letter-spacing:-.085em;margin-left:-.055em;padding-bottom:.12em;animation:type-number-in .65s both}
.hero-type-word{display:flex;justify-content:space-between;gap:0;color:#111;font-size:25.9cqw;line-height:.86;letter-spacing:-.075em;margin-left:-.025em;padding-right:.04em}
.hero-type-word>span{display:inline-block;animation:type-letter-in .65s both;animation-delay:calc(.08s + var(--letter)*.055s);transition:color .22s}
.hero-type-word>span:hover{color:var(--red)}
.hero-type-note{position:absolute;left:51%;right:0;top:7px}
.hero-type-index{font:400 9px/1.5 var(--mono);color:var(--red);text-transform:uppercase;letter-spacing:.015em}
.hero-type-note p{font:400 clamp(30px,4.2cqw,64px)/1.04 var(--sans);letter-spacing:-.045em;margin:14px 0 0}
.hero-type-dot{color:var(--red)}
.hero-type-details{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:30px;padding:24px 0 25px;border-top:1px solid #111}
.hero-type-description{font:400 clamp(14px,1.5cqw,19px)/1.5 var(--sans);margin:0;letter-spacing:-.01em}
.hero-type-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.hero-typographic .hero-type-actions .button{width:auto;min-width:0;margin:0;padding:18px 20px;min-height:56px;gap:25px;font-size:11px}
.hero-type-work{font-size:11px;display:flex;gap:18px;align-items:center;min-height:44px;border-bottom:1px solid #aaa;transition:color .2s,border-color .2s}
.hero-type-work:hover{color:var(--red);border-color:var(--red)}
.hero-type-conversion>p{font:400 11px/1.5 var(--sans);color:#707070;margin:12px 0 0}
.hero-type-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px dashed #bcbcbc;min-height:50px;font-size:9px;text-transform:uppercase;color:#777}
.hero-type-footer a{display:flex;gap:20px;align-items:center;padding:14px 0;color:var(--red)}.hero-type-footer a:hover{color:var(--ink)}.hero-type-footer a>span{font-size:17px}
@keyframes type-letter-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes type-number-in{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1001px) and (max-height:800px){.hero.hero-typographic{min-height:720px;padding-top:82px}.hero-type-poster{margin:18px 0 18px}.hero-type-number{font-size:17.2cqw;padding-bottom:.11em}.hero-type-word{font-size:23.8cqw;line-height:.82}.hero-type-note{top:4px}.hero-type-note p{font-size:3.65cqw}.hero-type-details{padding:18px 0 20px}}
@media(min-width:1700px){.hero-type-eyebrow{font-size:12px}.hero-type-index{font-size:11px}.hero-type-actions{gap:32px}.hero-typographic .hero-type-actions .button,.hero-type-work{font-size:12px}.hero-type-details{padding-block:30px}}
@media(min-width:701px) and (max-width:1000px){.hero.hero-typographic{padding:100px 24px 0;min-height:720px}.hero-type-note{left:50%;top:2px}.hero-type-index{font-size:8px}.hero-type-note p{font-size:4.6cqw;margin-top:10px}.hero-type-actions{gap:12px}.hero-typographic .hero-type-actions .button{font-size:10px;padding:15px;min-height:50px}.hero-type-work{font-size:10px;min-height:38px}.hero-type-eyebrow{font-size:8px}.hero-type-details{gap:24px}.hero-type-description{font-size:15px}}
@media(max-width:700px){
 .hero.hero-typographic{padding:94px 18px 0;min-height:min(760px,100svh);height:auto;max-height:none}
 .hero-type-eyebrow{font-size:8px;gap:14px;align-items:start}.hero-type-eyebrow>span:first-child{max-width:160px;align-items:baseline;gap:7px}.hero-type-eyebrow>span:last-child{text-align:right;max-width:130px}
 .hero-type-poster{flex:none;margin:39px 0 28px;display:block}
 .hero-type-number{font-size:36cqw;line-height:.75;padding-bottom:.19em;margin-left:-.055em}
 .hero-type-word{font-size:25.9cqw;line-height:.9;margin-left:-.015em}
 .hero-type-note{left:61%;top:6px}.hero-type-index{font-size:7px;line-height:1.7;display:block;max-width:135px}
 .hero-type-note p{font-size:6.1cqw;line-height:1.04;letter-spacing:-.04em;margin-top:11px}
 .hero-type-details{grid-template-columns:1fr;gap:25px;padding:22px 0 27px;flex:1;align-content:start}
 .hero-type-description{font-size:16px;line-height:1.45}.hero-type-desktop-break{display:none}
 .hero-type-actions{gap:14px}.hero-typographic .hero-type-actions .button{font-size:10px;padding:17px 15px;min-height:52px;min-width:195px;flex:1 0 195px;gap:14px;white-space:nowrap}
 .hero-type-work{font-size:10px;gap:12px;min-height:40px;flex:none}.hero-type-conversion>p{font-size:10px;max-width:300px;line-height:1.5;margin-top:12px}
 .hero-type-footer{font-size:8px;gap:18px;min-height:58px;line-height:1.6}.hero-type-footer>span{max-width:115px}.hero-type-footer a{max-width:155px;gap:13px}
}
@media(prefers-reduced-motion:reduce){.hero-type-number,.hero-type-word>span{animation:none;transition:none}}