.taller-hero-block{
    --th-accent:#f6c800;
    --th-label:#f6c800;
    --th-overlay:.68;
    --th-max:1320px;
    --th-min-height:620px;
    --th-pad-y:72px;
    --th-pad-x:30px;
    --th-left:48%;
    --th-bg-position:center center;
    position:relative;
    width:100%;
    min-height:var(--th-min-height);
    display:flex;
    align-items:center;
    overflow:hidden;
    isolation:isolate;
    background-color:#090c0f;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:var(--th-bg-position);
    box-sizing:border-box;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.taller-hero-block.is-full-viewport{min-height:100vh;}
.taller-hero-block *{box-sizing:border-box;}
.taller-hero-overlay{
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,
        rgba(4,7,10,calc(var(--th-overlay) + .18)) 0%,
        rgba(4,7,10,var(--th-overlay)) 47%,
        rgba(4,7,10,calc(var(--th-overlay) - .30)) 75%,
        rgba(4,7,10,calc(var(--th-overlay) - .42)) 100%
    );
}
.taller-hero-inner{
    width:100%;
    max-width:var(--th-max);
    margin:0 auto;
    padding:var(--th-pad-y) var(--th-pad-x);
    display:grid;
    grid-template-columns:minmax(0,var(--th-left)) minmax(0,calc(100% - var(--th-left)));
    align-items:center;
    gap:36px;
}
.taller-hero-copy{position:relative;z-index:2;max-width:680px;}
.taller-hero-eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 22px;
    color:var(--th-label);
    font-size:13px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.taller-hero-eyebrow:before{
    content:"";
    width:24px;
    height:2px;
    background:currentColor;
    flex:0 0 24px;
}
.taller-hero-title{
    margin:0 0 22px;
    font-size:clamp(46px,5.5vw,78px);
    line-height:.95;
    letter-spacing:-.045em;
    text-transform:uppercase;
    font-weight:950;
}
.taller-hero-title-white,
.taller-hero-title-accent{display:block;}
.taller-hero-title-white{color:#fff;}
.taller-hero-title-accent{color:var(--th-accent);}
.taller-hero-description{
    max-width:590px;
    margin:0 0 28px;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.6;
    font-weight:450;
}
.taller-hero-benefits{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:0 0 32px;
}
.taller-hero-benefit{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:12px;
    line-height:1.25;
    font-weight:800;
    text-transform:uppercase;
}
.taller-hero-benefit-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--th-accent);
    border-radius:50%;
    color:var(--th-accent);
    font-size:16px;
    font-weight:900;
}
.taller-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.taller-hero-button{
    min-height:50px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    text-decoration:none!important;
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:.02em;
    text-transform:uppercase;
    transition:transform .2s ease,filter .2s ease,background .2s ease;
}
.taller-hero-button:hover{transform:translateY(-2px);filter:brightness(1.04);}
.taller-hero-button-primary{background:var(--th-accent);color:#111!important;border:1px solid var(--th-accent);}
.taller-hero-button-secondary{background:rgba(8,11,14,.48);color:#fff!important;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(4px);}
.taller-hero-visual-space{min-height:1px;}
@media (max-width:900px){
    .taller-hero-overlay{background:rgba(4,7,10,var(--th-overlay));}
    .taller-hero-inner{grid-template-columns:1fr;gap:0;}
    .taller-hero-copy{max-width:720px;}
    .taller-hero-visual-space{display:none;}
    .taller-hero-benefits{max-width:650px;}
}
@media (max-width:640px){
    .taller-hero-block{min-height:auto;background-position:center center;}
    .taller-hero-inner{padding:52px 15px;}
    .taller-hero-eyebrow{font-size:11px;margin-bottom:18px;}
    .taller-hero-title{font-size:clamp(40px,13vw,58px);margin-bottom:18px;}
    .taller-hero-description{font-size:16px;margin-bottom:24px;}
    .taller-hero-benefits{grid-template-columns:1fr;gap:12px;margin-bottom:28px;}
    .taller-hero-benefit{font-size:12px;}
    .taller-hero-actions{display:grid;grid-template-columns:1fr;width:100%;}
    .taller-hero-button{width:100%;}
}
