@layer ui{
.hero{position:relative;min-height:100dvh;display:grid;align-content:end;padding-top:7rem;background:var(--k);overflow:clip;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20%;z-index:-1;background:conic-gradient(from var(--a) at 70% 30%,#F26B1D,#0F0D0B 25%,#C94E0A 50%,#0F0D0B 75%,#F26B1D);filter:blur(80px);opacity:.55;animation:spin 18s linear infinite}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.hero h1{font-size:clamp(4.6rem,19vw,19rem);line-height:.78;letter-spacing:-.07em;margin-bottom:1.5rem}
.hero h1 .l2{display:flex;align-items:baseline;gap:.15em;flex-wrap:wrap}
.hero h1 .serif{color:var(--o);letter-spacing:-.04em;font-size:.95em}
.hero-row{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding-bottom:2.5rem}
@media(max-width:800px){.hero-row{grid-template-columns:1fr}}
.hero p.lead{font-size:clamp(1.15rem,2vw,1.5rem);max-width:30ch;line-height:1.25}
.btns{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}
.btn{display:inline-flex;align-items:center;gap:.6rem;font:500 .78rem var(--m);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;padding:1rem 1.5rem;border-radius:99px;background:var(--o);color:var(--k);border:0;cursor:pointer;transition:translate .2s,box-shadow .2s,background .2s}
.btn:hover{translate:0 -3px;box-shadow:0 8px 0 var(--o2)}.btn.ghost{background:transparent;color:inherit;border:1.5px solid currentColor}.btn.ghost:hover{box-shadow:none;background:#ffffff14}
.sticker{display:grid;place-items:center;text-align:center;width:clamp(10rem,18vw,14rem);aspect-ratio:1;border-radius:50%;background:var(--cream);color:var(--k);rotate:-8deg;text-decoration:none;box-shadow:0 20px 50px #0008;transition:rotate .3s,scale .3s;padding:1rem}
.sticker:hover{rotate:4deg;scale:1.05}.sticker b{font:800 clamp(2.8rem,5vw,4.2rem)/.9 var(--d);letter-spacing:-.06em;display:block;color:var(--o2)}.sticker span{font:500 .68rem var(--m);text-transform:uppercase;letter-spacing:.05em}
}