.threads-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
/* One continuous animated field, with copy and logo layered above it. */
.hero.hero-art{aspect-ratio:auto;max-height:none;min-height:660px;grid-template-columns:1.1fr 1fr;gap:5%;padding:64px 5%;margin:32px 0 56px;background:var(--yellow);animation:none;box-shadow:none}
.hero.hero-art::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(239,237,88,.62),rgba(239,237,88,.38) 38%,rgba(239,237,88,0) 68%)}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero .hero-description{color:#41472b}
.hero .hero-note{color:#535937}
.hero .highlight::before{display:none}
.hero-brand{position:relative;z-index:2;min-width:0;align-self:stretch;min-height:530px}
.hero-brand .hero-monogram{width:78%;left:11%;top:23%;filter:drop-shadow(12px 16px 0 rgba(36,39,34,.1))}
.hero-brand .art-top,.hero-brand .art-bottom{left:0;right:0}
.hero-brand .art-top{top:0}
.hero-brand .art-bottom{bottom:0}
@media(max-width:1100px){.hero.hero-art{padding:50px 4%;min-height:590px;gap:3%}.hero-brand{min-height:480px}.hero .hero-actions{gap:20px}}
@media(max-width:760px){.hero.hero-art{grid-template-columns:1fr;min-height:0;padding:36px 24px;gap:36px;margin:24px 0 36px}.hero.hero-art::before{background:linear-gradient(180deg,rgba(239,237,88,.6),rgba(239,237,88,.38) 48%,rgba(239,237,88,0) 78%)}.hero h1{font-size:clamp(49px,12vw,80px);letter-spacing:-2.4px}.hero .hero-description{font-size:17px}.hero .hero-actions{flex-wrap:wrap;gap:20px}.hero .hero-note{line-height:1.5}.hero-brand{min-height:310px}.hero-brand .hero-monogram{width:66%;left:17%;top:20%}.hero-brand .art-top,.hero-brand .art-bottom{font-size:7px}}
.hero-monogram{pointer-events:none;user-select:none}
.art-top{pointer-events:none}
.art-top>span,.art-bottom>span{background:#efed58d9;border-radius:2px;padding:3px 5px}
.art-bottom{align-items:center}
.tilt-enable{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:flex-end;padding:7%;border:0;background:transparent;color:var(--ink);font:12px var(--font);cursor:pointer}
.tilt-enable[hidden]{display:none}
.tilt-enable span{max-width:105px;padding:7px 8px;border-radius:2px;background:#efed58e8;text-align:right;transition:background-color .2s}
.tilt-enable:hover span{background:#f7f59d}
.tilt-enable:focus-visible{outline:2px solid var(--ink);outline-offset:-7px}
.tilt-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-art .hero-monogram{transform:perspective(650px) translate3d(calc(var(--tilt-x,0) * 11px),calc(var(--tilt-y,0) * 9px),0) rotateX(calc(var(--tilt-y,0) * -4deg)) rotateY(calc(var(--tilt-x,0) * 5deg)) rotate(-9deg)}
.hero-art[data-tilt="active"] .threads-canvas{transform:scale(1.06) translate3d(calc(var(--tilt-x,0) * -5px),calc(var(--tilt-y,0) * -4px),0)}
@media(prefers-reduced-motion:reduce){.tilt-enable{display:none}.hero-art .hero-monogram{transform:rotate(-9deg)}.hero-art[data-tilt="active"] .threads-canvas{transform:none}}
.hero .hero-tagline{display:block;max-width:100%;font-family:var(--display);font-size:clamp(25px,2.4vw,34px);font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:0;line-height:1.2;color:#242722}