.home{width:100%;overflow-x:clip}.hero{min-height:calc(100dvh - var(--header-h));border-bottom:var(--rule-thick) solid var(--ink);isolation:isolate;align-items:center;padding-block:clamp(3rem,10vh,7rem);display:flex;position:relative;overflow:hidden}.hero__grid{z-index:0;background-image:linear-gradient(to right, color-mix(in srgb, var(--ink) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--ink) 9%, transparent) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 40%,#0000 100%)}.hero__inner{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);width:100%;display:grid;position:relative}.hero__col{max-width:46ch}.hero__stage{align-self:stretch;min-height:min(70vh,620px);position:relative}@media (max-width:900px){.hero__inner{grid-template-columns:1fr}.hero__col{max-width:100%}.hero__stage{z-index:-1;min-height:0;position:absolute;inset:0}}.hero__greeting{font-family:var(--font-hand), cursive;color:var(--red);align-items:center;gap:.3rem;min-height:1.4em;margin:0 0 .6rem;font-size:clamp(1.5rem,3.2vw,2.3rem);display:flex}.hero__caret{background:var(--red);width:3px;height:1em;animation:1.06s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.hero__title{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;text-transform:uppercase;color:var(--ink);flex-direction:column;margin:0;font-size:clamp(2.9rem,8.5vw,7.4rem);line-height:.82;display:flex}.hero__line--offset{color:var(--blue);align-items:center;gap:.3em;margin-left:clamp(.4rem,4vw,3rem);display:inline-flex}.hero__dot{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;flex:none;width:clamp(16px,2.4vw,34px);height:clamp(16px,2.4vw,34px)}.hero__role{letter-spacing:.09em;text-transform:uppercase;color:var(--ink);border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink);margin:1.6rem 0 0;padding:.7rem 0;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:700;display:inline-block}.hero__lede{max-width:44ch;color:var(--ink-soft);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:1.5rem 0 0;font-size:clamp(1rem,1.7vw,1.2rem)}.hero__lede strong{color:var(--ink);font-weight:700}.hero__actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.hero__cue{z-index:2;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.72rem;font-weight:500;animation:2.4s ease-in-out infinite cue-bob;display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}@keyframes cue-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.marquee{background:var(--yellow);border-bottom:var(--rule-thick) solid var(--ink);padding:.85rem 0;overflow:hidden}.marquee__track{width:max-content;animation:34s linear infinite marquee-slide;display:flex}.marquee__group{align-items:center;display:flex}.marquee__item{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;text-transform:uppercase;color:#14110f;white-space:nowrap;align-items:center;gap:1.6rem;padding-right:1.6rem;font-size:clamp(1rem,2vw,1.5rem);display:inline-flex}.marquee__dot{background:#14110f;border-radius:50%;flex:none;width:11px;height:11px}@keyframes marquee-slide{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.section--work{background:var(--paper)}.featured{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(2rem,4vw,3.5rem);display:grid}.feature{--accent:var(--blue);position:relative}.feature--red{--accent:var(--red)}.feature--blue{--accent:var(--blue)}.feature--yellow{--accent:var(--yellow)}.feature__link{color:inherit;border:var(--rule) solid var(--ink);background:var(--paper-3);box-shadow:var(--shadow-hard);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;gap:clamp(1.2rem,2.5vw,2rem);padding:clamp(1.2rem,2.4vw,1.8rem);text-decoration:none;display:grid}.feature__link:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.feature__media{border:var(--rule) solid var(--ink);background:var(--accent);transition:transform .3s var(--ease-out);position:relative;transform:rotate(-1.6deg)}.feature__link:hover .feature__media{transform:rotate(1.2deg)}.feature__tape{--tape-color:#f5b800cc;margin-left:-46px;top:-13px;left:50%;transform:rotate(-3deg)}.feature__img{width:100%;height:auto;display:block}.feature__kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.72rem;font-weight:500}.feature__name{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:var(--ink);margin:.35rem 0 0;font-size:clamp(1.9rem,4vw,3rem);line-height:.9}.feature__metric{background:var(--accent);border:var(--rule) solid var(--ink);align-items:baseline;gap:.6rem;width:fit-content;margin:1rem 0 0;padding:.55rem .8rem;display:flex}.feature__metric strong{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;color:#fff;font-size:1.5rem}.feature--yellow .feature__metric strong,.feature--yellow .feature__metric span{color:#14110f}.feature__metric span{letter-spacing:.06em;text-transform:uppercase;color:#fff;font-size:.78rem;font-weight:500}.feature__blurb{color:var(--ink-soft);margin:1rem 0 1.1rem;font-size:.98rem;line-height:1.6}.feature__more{letter-spacing:.05em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--accent);align-items:center;gap:.45rem;margin-top:1.2rem;padding-bottom:2px;font-size:.85rem;font-weight:700;display:inline-flex}@media (max-width:620px){.feature__link{grid-template-columns:1fr}.feature__media{max-width:220px}}.stats{background:var(--ink);border-block:var(--rule-thick) solid var(--ink);padding-block:clamp(3rem,8vh,5rem)}.stats__row{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.stat{--accent:var(--blue);border-left:var(--rule-thick) solid var(--accent);padding-left:1.1rem}.stat--red{--accent:var(--red)}.stat--blue{--accent:var(--blue)}.stat--yellow{--accent:var(--yellow)}.stat__value{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;color:var(--paper);margin:0;font-size:clamp(2.4rem,5.5vw,4rem);line-height:.9}:root.dark-mode .stat__value{color:var(--ink)}.stat__label{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 68%, transparent);margin:.6rem 0 0;font-size:.82rem;font-weight:500}:root.dark-mode .stat__label{color:color-mix(in srgb, var(--ink) 68%, transparent)}.section--scrap{background:var(--paper-2);border-bottom:var(--rule-thick) solid var(--ink)}.scrapbook{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.scrap{--accent:var(--blue);position:relative}.scrap--red{--accent:var(--red);--fact-bg:var(--red-tint)}.scrap--blue{--accent:var(--blue);--fact-bg:var(--blue-tint)}.scrap--yellow{--accent:var(--yellow);--fact-bg:var(--yellow-tint)}.scrap__button{background:var(--paper-3);border:var(--rule) solid var(--ink);width:100%;box-shadow:var(--shadow-hard-sm);transform:rotate(var(--rot,0deg));transition:transform .24s var(--ease-out), box-shadow .24s var(--ease-out);font:inherit;color:inherit;text-align:center;padding:1.4rem 1rem 1rem;display:block;position:relative}.scrap__button:hover,.scrap.is-open .scrap__button{box-shadow:var(--shadow-hard);transform:rotate(0)translateY(-5px)}.scrap__tape{--tape-color:color-mix(in srgb, var(--accent) 55%, transparent);margin-left:-46px;top:-13px;left:50%;transform:rotate(-4deg)}.scrap__img{object-fit:contain;width:clamp(84px,12vw,128px);height:auto;margin:0 auto .9rem}.scrap__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:700;display:block}.scrap__fact{background:var(--fact-bg,var(--yellow-tint));border:var(--rule) solid var(--ink);box-shadow:var(--shadow-hard-sm);animation:fact-in .32s var(--ease-out) both;margin-top:.9rem;padding:1rem 1.1rem}.scrap__fact p{font-family:var(--font-hand), cursive;color:var(--ink);margin:0;font-size:1.2rem;line-height:1.35}@keyframes fact-in{0%{opacity:0;transform:translateY(-8px)}}.contact{background:var(--blue);color:#fff;padding-block:clamp(4rem,12vh,8rem)}:root.dark-mode .contact{color:var(--ink)}.contact__inner{position:relative}.contact__marks{gap:.8rem;margin-bottom:2rem;display:flex}.contact__marks .mark--circle{background:var(--red)}.contact__marks .mark--tri{background:var(--yellow)}.contact__marks .mark--square{background:var(--paper)}.contact__title{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;text-transform:uppercase;color:inherit;margin:0;font-size:clamp(2.8rem,10vw,7.5rem);line-height:.85}.contact__lede{max-width:42ch;color:color-mix(in srgb, currentColor 82%, transparent);margin:1.6rem 0 0;font-size:clamp(1rem,1.7vw,1.2rem)}.contact__actions{flex-wrap:wrap;gap:.9rem;margin-top:2.2rem;display:flex}.contact .btn--ghost{color:#fff;border-color:#fff;box-shadow:4px 4px #14110f}:root.dark-mode .contact .btn--ghost{color:var(--ink);border-color:var(--ink)}.contact .btn--ghost:hover{background:var(--yellow);color:#14110f;border-color:#14110f}