*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:1.02;letter-spacing:.01em;overflow-wrap:anywhere;min-width:0}a{color:inherit;text-decoration:none}.eyebrow,.idx{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em}.eyebrow{color:var(--accent-text);font-size:.7rem}.idx{color:var(--faint);font-size:.65rem}:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity var(--dur-reveal) var(--ease-reveal),transform var(--dur-reveal) var(--ease-reveal);transition-delay:var(--reveal-delay, 0s);will-change:opacity,transform}[data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}header{position:fixed;inset:0 0 auto;z-index:50}nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.9rem var(--pad);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);border-bottom:1px solid transparent}nav.is-stuck{background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--line)}.brand{font-family:var(--font-mono);font-weight:600;letter-spacing:.22em;font-size:.85rem}.nav-links{display:flex;gap:var(--space-md);list-style:none;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:auto;margin-right:var(--space-md)}.nav-links a{transition:color .2s var(--ease)}.nav-links a:hover,.nav-links a.is-active{color:var(--accent-text)}@media(max-width:560px){.nav-links{gap:var(--space-sm);margin-right:var(--space-sm)}nav>.btn{display:none}}.btn{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:.7rem 1.2rem;border-radius:var(--radius-pill);white-space:nowrap;line-height:1;border:1px solid transparent;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:color-mix(in srgb,var(--accent) 86%,var(--bg))}.btn-ghost{border-color:var(--line-2);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-text)}.btn-lg{font-size:.85rem;padding:.95rem 1.6rem}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--pad);padding-block:var(--space-2xl) var(--space-2xl);overflow:clip;cursor:crosshair}#grid{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-inner{position:relative;z-index:1;width:100%;max-width:calc(1680px - 2 * var(--pad))}.hero h1{font-size:var(--step-hero);margin:0 0 var(--space-lg)}.hero-cta{display:flex;gap:var(--space-sm);flex-wrap:wrap}@media(max-width:760px){.hero{align-items:flex-end;padding-block:var(--space-2xl) var(--space-xl)}.btn-grid,.hero-cta .btn-work{display:none}}.section{padding:var(--section-y) var(--pad);max-width:var(--maxw);margin:0 auto}.beat-head{font-size:var(--step-xl);max-width:22ch}.beat-stage{display:flex;flex-direction:column;gap:var(--space-lg)}.section-lede{color:var(--muted);max-width:56ch;font-size:var(--step-md)}.statement{font-size:var(--step-xl);max-width:24ch;margin-bottom:0}.studio{position:relative;max-width:none;padding-inline:0}.beat-stage.studio-stage{position:relative;align-items:flex-start;justify-content:center}.studio-stage .statement{position:relative;z-index:1;margin-left:max(var(--pad),calc((100vw - var(--maxw)) / 2));padding-right:var(--pad)}.studio-face{position:absolute;inset:0;width:100%;height:100%;z-index:0}@media(max-width:899px){.studio-stage{display:block}.studio-face{position:static;width:100%;height:74vw;max-height:420px;margin-top:var(--space-lg)}}.amber{color:var(--accent-text)}.section-vibe{padding:var(--section-y) var(--pad);max-width:var(--maxw);margin:0 auto}.section-vibe .script-flourish{margin-bottom:0}.vibe-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:var(--space-xl)}.vibe-intro{display:flex;flex-direction:column;gap:var(--space-lg)}.vibe-seal{justify-self:center;width:min(100%,clamp(240px,30vw,380px));line-height:0}.vibe-seal picture,.vibe-seal img{display:block;width:100%;height:auto}.vibe-seal img{animation:seal-spin 48s linear infinite,seal-glow 7s ease-in-out infinite}@keyframes seal-spin{to{transform:rotate(360deg)}}@keyframes seal-glow{0%,to{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--sun) 30%,transparent))}50%{filter:drop-shadow(0 0 32px color-mix(in srgb,var(--sun) 65%,transparent))}}@media(prefers-reduced-motion:reduce){.vibe-seal img{animation:none}}@media(max-width:900px){.vibe-top{grid-template-columns:1fr;gap:var(--space-lg)}.vibe-seal{width:min(58%,200px)}}.vibe-headline{font-size:var(--step-xl);max-width:20ch}.vibe-prongs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-sm)}.vibe-prong h3{font-size:var(--step-lg);margin-bottom:var(--space-2xs)}.vibe-prong p{color:var(--muted);font-size:1.05rem;max-width:42ch}.vibe-close{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.vibe-closer{font-size:var(--step-md);color:var(--fg)}@media(max-width:760px){.vibe-prongs{grid-template-columns:1fr;gap:var(--space-md)}}.work-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);gap:var(--space-sm) var(--space-xl);align-items:baseline;padding:var(--space-lg) 0;border-bottom:1px solid var(--line-2)}.work-row h3{font-size:var(--step-lg)}.work-row p{color:var(--muted);font-size:1.05rem;max-width:46ch}@media(max-width:640px){.work-row{grid-template-columns:1fr;gap:var(--space-2xs);padding:var(--space-md) 0}}.section-contact{text-align:center;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.section-contact h2{max-width:none}.contact-h{font-size:var(--step-hero);margin:0 0 var(--space-md)}.section-contact .section-lede{margin:var(--space-md) auto var(--space-lg)}.script-flourish{font-family:var(--font-script);font-weight:400;font-size:clamp(2.25rem,6vw,4rem);line-height:1;color:var(--accent);text-shadow:3px 3px 0 var(--sun);transform:rotate(-2deg);transform-origin:left center;width:fit-content}footer{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;padding:var(--space-md) var(--pad);border-top:1px solid var(--line)}.idx a:hover{color:var(--accent-text)}@media(max-width:640px){footer{flex-direction:column;align-items:center;gap:var(--space-2xs);text-align:center;padding-block:var(--space-lg)}footer .idx{letter-spacing:.1em}}@media(min-width:900px){#work,#studio,#contact,.section-vibe{padding-block:0}#contact.section-contact{min-height:auto;display:block}.beat-stage{min-height:100svh;justify-content:center}}