/* home.css — page-specific styles for index.html */

.homepage-color{background:var(--surface-base);color:var(--ink)}
#top{min-height:calc(100vh - 170px);display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:2rem}
.rhythm{padding-top:var(--rhythm);padding-bottom:var(--rhythm)}
.hero-grid{display:grid;gap:1.8rem;align-items:start}
.hero-title{font-size:clamp(2.35rem,9.2vw,5.8rem);line-height:.9;letter-spacing:-.03em;margin:.9rem 0 1.1rem;font-weight:800;text-transform:uppercase}
.hero-sub{font-size:clamp(1rem,2.15vw,1.25rem);line-height:1.58;max-width:42rem;color:var(--ink-muted)}
.pill-brutal{display:inline-flex;align-items:center;padding:.55rem .95rem;border:var(--border-strong);background:var(--accent-yellow);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.07em;box-shadow:6px 6px 0 #000}
.red-slab{display:inline-block;background:var(--accent-red);color:#fff;padding:.05em .22em .1em;line-height:.95}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}
.proof-chip{border:var(--border-strong);padding:.75rem;background:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;line-height:1.35}
.proof-chip:nth-child(1){border-bottom:6px solid var(--accent-yellow)}
.proof-chip:nth-child(2){border-bottom:6px solid var(--accent-blue)}
.proof-chip:nth-child(3){border-bottom:6px solid var(--accent-red)}
.proof-chip:nth-child(4){border-bottom:6px solid #000}
.hero-art-panel{display:flex;align-items:center;justify-content:center;overflow:visible}
.hero-art-image{width:min(178%,56rem);max-width:none;height:auto;transform:translateY(-2%);filter:drop-shadow(9px 12px 0 rgba(0,0,0,.98));pointer-events:none;user-select:none}
.btn-brutal{background:var(--accent-yellow)!important;color:#000!important;border:var(--border-strong)!important;box-shadow:6px 6px 0 #000!important;font-weight:800}
.section-kicker{letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:.75rem}
.case-grid{display:grid;gap:1rem}
.case-card{display:block;border:var(--border-strong);box-shadow:var(--shadow-mid);background:#fff;overflow:hidden;height:100%;transition:transform 180ms ease,box-shadow 180ms ease}
.case-card:hover{transform:translate(1px,1px);box-shadow:var(--shadow-soft)}
.case-card .copy{padding:1rem;display:flex;flex-direction:column;gap:.55rem}
.case-proof{font-size:.82rem;color:var(--ink-muted)}
.case-card .bar{height:8px;width:100%}
.case-card:nth-child(1) .bar{background:var(--accent-red)}
.case-card:nth-child(2) .bar{background:var(--accent-blue)}
.case-card:nth-child(3) .bar{background:var(--accent-yellow)}
.case-card:nth-child(4) .bar{background:var(--accent-red)}
.service-grid{display:grid;gap:1rem}
.service-card{border:var(--border-strong);box-shadow:var(--shadow-mid);padding:1.15rem;background:#fff;display:flex;flex-direction:column;gap:.6rem;transition:transform 180ms ease,box-shadow 180ms ease}
.service-card:hover{transform:translate(1px,1px);box-shadow:var(--shadow-soft)}
.service-card:nth-child(1) h3 span{background:var(--accent-red);color:#fff;padding:0 .25rem}
.service-card:nth-child(2) h3 span{background:var(--accent-blue);color:#fff;padding:0 .25rem}
.service-card:nth-child(3) h3 span{background:var(--accent-yellow);padding:0 .25rem}
.dark-zone{background:#000;color:#fff}
.dark-panel{border:3px solid #fff;padding:1rem}
.process-step{border:var(--border-strong);padding:.9rem;background:#fff}
.role-card{border:var(--border-strong);box-shadow:var(--shadow-mid);padding:.9rem;background:#fff}
.cta-final{background:var(--accent-yellow);border:var(--border-strong);box-shadow:var(--shadow-hard);padding:1.3rem}

.marquee-shell{position:relative;--marquee-speed:20s}
.marquee-shell::before,.marquee-shell::after{content:"";position:absolute;top:0;bottom:0;width:clamp(1.1rem,4vw,2.4rem);pointer-events:none;z-index:2}
.marquee-shell::before{left:0;background:linear-gradient(90deg,#090909 0%,rgba(0,0,0,0) 100%)}
.marquee-shell::after{right:0;background:linear-gradient(270deg,#090909 0%,rgba(0,0,0,0) 100%)}
.marquee-viewport{overflow:hidden}
.marquee-track{animation:marquee var(--marquee-speed) linear infinite;will-change:transform}
.marquee-item{display:flex;align-items:center;gap:1.5rem}
.marquee-toggle{position:absolute;right:.6rem;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;transform:translateY(-50%);border:3px solid #000;background:var(--accent-yellow);color:#000;box-shadow:4px 4px 0 #000;cursor:pointer}
.marquee-toggle:hover,.marquee-toggle:focus-visible{transform:translateY(calc(-50% + 1px)) translateX(1px);box-shadow:2px 2px 0 #000}
.marquee-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.marquee-toggle-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:square;stroke-linejoin:miter}
.marquee-toggle-icon--play{display:none}
.marquee-shell[data-paused="true"] .marquee-track,.marquee-shell:hover .marquee-track,.marquee-shell:focus-within .marquee-track{animation-play-state:paused}
.marquee-shell[data-paused="true"] .marquee-toggle-icon--pause{display:none}
.marquee-shell[data-paused="true"] .marquee-toggle-icon--play{display:block}
@media (min-width: 768px){.proof-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}}
@media (min-width: 1024px){
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2rem;align-items:center}
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}
}
@media (max-width: 860px){

.footer-meta{padding-top:.9rem}
}
@media (prefers-reduced-motion: reduce){.marquee-shell{overflow-x:auto}.marquee-viewport{overflow-x:auto}.marquee-shell .marquee-track{animation:none !important;transform:none !important;will-change:auto}.marquee-shell [data-marquee-clone]{display:none}.marquee-toggle{display:none}}