html,body.page-home{width:100%;height:100%}body.page-home{--page-gutter:32px;--shell:calc(100% - (var(--page-gutter) * 2));overflow:hidden}main.home-main{height:100%}.hero{isolation:isolate;height:100svh;min-height:560px;padding-top:calc(80px + (var(--page-gutter) * .5));background:var(--bg);position:relative;overflow:hidden}.webgl-wrap{z-index:-2;background:radial-gradient(circle at 58% 42%, color-mix(in oklab, var(--accent) 22%, var(--surface)), transparent 42%), radial-gradient(circle at 38% 58%, color-mix(in oklab, var(--accent-secondary) 28%, var(--surface)), transparent 46%), var(--surface);border-left:1px solid var(--border);position:absolute;inset:0 0 0 43%;overflow:hidden}#creativeCanvas{cursor:crosshair;width:100%;height:100%;display:block}.webgl-wrap.is-fallback #creativeCanvas{display:none}.webgl-fallback{pointer-events:none;display:none;position:absolute;inset:0}.webgl-wrap.is-fallback .webgl-fallback{display:block}.webgl-fallback-blob{background:color-mix(in oklab, var(--accent) 55%, var(--accent-secondary));opacity:.55;width:min(42vmin,280px);height:min(42vmin,280px);box-shadow:-48px 28px 0 color-mix(in oklab, var(--accent-secondary) 70%, transparent), 56px -18px 0 color-mix(in oklab, var(--accent) 65%, transparent);border-radius:50%;position:absolute;top:42%;left:52%;transform:translate(-50%,-50%)}.hero-shell{grid-template-columns:43% 57%;align-items:center;height:100%;display:grid}.hero-copy{z-index:2;max-height:calc(100svh - 80px - var(--page-gutter));padding:var(--page-gutter) clamp(20px, 2.5vw, 36px) var(--page-gutter) 0;background:var(--bg);position:relative;overflow:visible}.hero-copy:after{content:"";z-index:-1;background:var(--bg);position:absolute;inset:-100vh 0 -100vh -100vw}.hero h1{max-width:8.7ch;font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(48px,5.7vw,88px);font-weight:700;line-height:.94}.outlined{color:var(--fg)}@supports (-webkit-text-stroke:2px black){.outlined{color:#0000;-webkit-text-stroke:2px var(--fg);paint-order:stroke fill}}.intro{max-width:49ch;margin:0 0 32px;font-size:clamp(16px,1.35vw,19px)}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:2px solid var(--fg);border-radius:var(--radius);letter-spacing:.02em;min-height:50px;box-shadow:5px 5px 0 var(--fg);transition:transform .15s var(--ease), box-shadow .15s var(--ease), background-color .15s var(--ease);justify-content:center;align-items:center;gap:10px;padding:0 20px;font-weight:700;display:inline-flex}.button-primary{color:var(--bg);background:var(--accent)}.button-secondary{background:var(--bg)}.button:hover{box-shadow:7px 7px 0 var(--fg);transform:translate(-2px,-2px)}.button-secondary:hover{background:var(--surface)}.button:active{box-shadow:1px 1px 0 var(--fg);transform:translate(4px,4px)}.button svg{width:18px;height:18px;transition:transform .15s var(--ease);flex-shrink:0}.button:hover svg{transform:translate(4px)}.service-line{left:var(--page-gutter);right:var(--page-gutter);bottom:var(--page-gutter);z-index:4;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-size:11px;font-weight:700;display:flex;position:absolute}.service-line span{color:var(--border)}@media (width<=900px){body.page-home{--page-gutter:20px}.hero{min-height:520px;padding-top:calc(72px + (var(--page-gutter) * .5))}.webgl-wrap{border-left:0;inset:0}.webgl-wrap:after{content:"";background:var(--surface);opacity:.18;pointer-events:none;position:absolute;inset:0}.hero-shell{align-items:center;padding-block:16px 40px;display:flex}.hero-copy{width:min(610px,100%);max-height:calc(100svh - 72px - var(--page-gutter));padding:var(--page-gutter);background:color-mix(in oklab, var(--bg) 62%, transparent);backdrop-filter:blur(14px)saturate(1.15);border:1px solid color-mix(in oklab, var(--bg) 55%, var(--border));border-radius:var(--radius);box-shadow:16px 16px 0 color-mix(in oklab, var(--border) 55%, transparent)}@supports not (backdrop-filter:blur(1px)){.hero-copy{background:color-mix(in oklab, var(--bg) 88%, transparent)}}.hero-copy:after{display:none}.hero h1{max-width:9.5ch;font-size:clamp(46px,10vw,76px)}.service-line{left:var(--page-gutter);right:var(--page-gutter);bottom:var(--page-gutter);text-align:center;justify-content:center}}@media (width<=600px){body.page-home{--page-gutter:16px}.hero-copy{padding:var(--page-gutter);box-shadow:10px 10px 0 color-mix(in oklab, var(--border) 55%, transparent)}.eyebrow{margin-bottom:16px}.hero h1{margin-bottom:16px;font-size:clamp(42px,14vw,62px)}.intro{margin-bottom:24px;font-size:15px;line-height:1.5}.actions{flex-direction:column}.button{width:100%;min-height:48px}.service-line{letter-spacing:.06em;gap:6px 10px;font-size:11px;bottom:10px}}@media (height<=700px){.hero-copy{max-height:calc(100svh - 96px);padding-block:20px}.eyebrow{margin-bottom:12px}.hero h1{margin-bottom:14px;font-size:clamp(40px,9vh,64px)}.intro{margin-bottom:18px;line-height:1.4}.service-line{display:none}}@media (prefers-reduced-motion:reduce){.button:hover,.button:hover svg{transform:none}}