:root{
  --bg:#fff7ea;
  --panel:#ffffff;
  --text:#141414;
  --muted:#4d4d4d;
  --line:#141414;
  --accent:#ff7a00;
  --accent-2:#ffd84d;
  --ticker:#141414;
  --ticker-text:#fff7ea;
  --shadow:12px 12px 0 #141414;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:radial-gradient(circle at 1px 1px,#000 1px,transparent 0);background-size:18px 18px}
.site-header,.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 28px;border-bottom:3px solid var(--line);position:relative;z-index:2}
.site-footer{border-top:3px solid var(--line);border-bottom:0;font-size:14px;flex-wrap:wrap}
.brand{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.04em}
.top-nav{display:flex;gap:18px;font-weight:700;text-transform:uppercase;font-size:12px}
main{padding:24px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;min-height:calc(100vh - 160px)}
.hero-copy,.hero-window,.feature-card,.statement-card,.closing-card{background:var(--panel);border:3px solid var(--line);box-shadow:var(--shadow)}
.hero-copy{padding:32px;display:flex;flex-direction:column;justify-content:space-between;min-height:70vh}
.eyebrow,.mini-label{display:inline-flex;width:max-content;padding:8px 12px;border:2px solid var(--line);background:var(--accent-2);font-weight:800;text-transform:uppercase;font-size:22px;letter-spacing:.04em}
h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(44px,8vw,108px);line-height:.92;margin:16px 0 18px;max-width:8ch;text-transform:uppercase}
.rotating-stack{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.rotating-stack span{padding:10px 14px;border:2px solid var(--line);font-weight:800;text-transform:uppercase;background:#fff}
.headline-box{display:grid;gap:10px;font-size:clamp(22px,3vw,40px);font-weight:700;line-height:1.05;max-width:14ch;margin-bottom:24px}
.cta-row{display:flex;gap:16px;align-items:end;flex-wrap:wrap}
.contact-box{display:flex;flex-direction:column;gap:10px}
.email-link{font-size:clamp(22px,2.6vw,34px);font-weight:800;word-break:break-word}
.cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:16px 22px;border:3px solid var(--line);font-weight:900;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:6px 6px 0 var(--line);transition:transform .18s ease,box-shadow .18s ease}
.cta-button.hovered,.cta-button:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--line)}
.hero-window{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:70vh}
.window-bar{display:flex;gap:8px;padding:14px 16px;border-bottom:3px solid var(--line);background:rgba(255,255,255,.7)}
.window-bar span{width:14px;height:14px;border-radius:999px;background:var(--line)}
.window-body{position:relative;flex:1;padding:22px;display:grid;place-items:center}
.graphic{position:relative;width:min(100%,560px);height:min(100%,560px);aspect-ratio:1/1;border:3px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.95));overflow:hidden}
.window-text{position:absolute;left:22px;right:22px;bottom:22px;font-family:"Space Grotesk",sans-serif;font-size:clamp(28px,5vw,46px);font-weight:700;line-height:.95;text-transform:uppercase;z-index:3}
.brutal-graphic .shape.square{position:absolute;left:12%;top:12%;width:28%;height:28%;background:var(--accent);border:3px solid var(--line)}
.brutal-graphic .shape.circle{position:absolute;right:10%;top:15%;width:34%;height:34%;border-radius:999px;background:#fff;border:3px solid var(--line)}
.brutal-graphic .shape.zig{position:absolute;left:18%;bottom:18%;width:56%;height:18%;background:repeating-linear-gradient(135deg,var(--line) 0 12px,transparent 12px 24px),var(--accent-2);border:3px solid var(--line)}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(to right,transparent 0 24%,rgba(20,20,20,.22) 24% 24.6%,transparent 24.6% 49%),linear-gradient(to bottom,transparent 0 38%,rgba(20,20,20,.22) 38% 38.6%,transparent 38.6% 62%,rgba(20,20,20,.22) 62% 62.6%,transparent 62.6% 100%)}
.editorial-graphic{background:linear-gradient(180deg,#fcfaf5,#f2ede2)}
.editorial-panel{position:absolute;border:3px solid var(--line);background:#fff}
.panel-a{inset:10% 22% 28% 10%}
.panel-b{inset:32% 10% 10% 36%;background:var(--accent-2)}
.editorial-type{position:absolute;left:12%;top:14%;font-family:"Space Grotesk",sans-serif;font-size:clamp(34px,6vw,72px);font-weight:700;line-height:.9;text-transform:uppercase}
.black-graphic{background:#090909}
.black-graphic .mono-box{position:absolute;inset:14%;border:2px solid #8c8c8c}
.black-graphic .scan-line{position:absolute;left:-10%;right:-10%;top:28%;height:2px;background:linear-gradient(90deg,transparent,#6d6d6d,transparent);animation:scan 4s linear infinite}
.black-graphic .scan-line.two{top:64%;animation-delay:1.8s}
.mono{color:#f5f5f5}
.hybrid-graphic{background:linear-gradient(145deg,#fffdf7,#ebf6ff)}
.hybrid-card{position:absolute;border:3px solid var(--line)}
.hybrid-card.a{width:40%;height:30%;left:10%;top:14%;background:var(--accent)}
.hybrid-card.b{width:36%;height:42%;right:10%;top:18%;background:#fff}
.hybrid-card.c{width:58%;height:22%;left:18%;bottom:18%;background:#dff7ff}
.ticker{margin:26px 0;border:3px solid var(--line);background:var(--ticker);color:var(--ticker-text);overflow:hidden}
.ticker-track{display:flex;gap:36px;width:max-content;padding:14px 0;font-weight:900;text-transform:uppercase;letter-spacing:.04em;animation:marquee 26s linear infinite}
.ticker-track.reverse{animation-direction:reverse;animation-duration:20s}
.grid-section{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0}
.feature-card{padding:22px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.feature-card h3{margin:0;font-family:"Space Grotesk",sans-serif;text-transform:uppercase;font-size:28px;line-height:.95}
.feature-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.45}
.icon-card .css-icon,.tiny-pikto{width:64px;height:64px;border:3px solid var(--line);position:relative;background:#fff}
.icon-1::before{content:"";position:absolute;inset:14px;background:var(--accent);border:3px solid var(--line)}
.icon-2{border-radius:999px}
.icon-2::before{content:"";position:absolute;left:12px;right:12px;top:28px;height:6px;background:var(--line)}
.icon-3::before{content:"";position:absolute;left:8px;right:8px;top:8px;bottom:8px;background:repeating-linear-gradient(135deg,var(--line) 0 6px,transparent 6px 12px)}
.icon-4::before{content:"";position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-radius:999px;border:3px dashed var(--line)}
.icon-5::before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:6px;background:var(--line);transform:translateX(-50%)}
.text-heavy{min-height:280px}
.kicker{font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.minimal-card{background:#0f0f0f;color:#f2f2f2}
.minimal-card p{color:#bbbbbb}
.statement-card,.closing-card{padding:28px}
.statement-card{font-family:"Space Grotesk",sans-serif;font-size:clamp(28px,4vw,58px);line-height:.96;text-transform:uppercase}
.closing-card{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.p1::before,.p2::before,.p3::before,.p4::before{content:"";position:absolute;border:3px solid var(--line)}
.p1::before{inset:12px;background:var(--accent-2)}
.p2{border-radius:999px}
.p2::before{inset:10px;border-radius:999px}
.p3::before{left:10px;right:10px;top:28px;height:3px;background:var(--line)}
.p4::before{inset:12px;background:linear-gradient(135deg,#fff,transparent),var(--accent)}
.theme-brutal{--bg:#fff4df;--panel:#fffdf8;--text:#111;--muted:#444;--line:#111;--accent:#ff6b00;--accent-2:#ffe03c;--ticker:#111;--ticker-text:#fff4df;--shadow:12px 12px 0 #111}
.theme-editorial{--bg:#f7f1e4;--panel:#fffdf9;--text:#171717;--muted:#56524c;--line:#171717;--accent:#f28e2b;--accent-2:#f0dfb3;--ticker:#171717;--ticker-text:#f7f1e4;--shadow:10px 10px 0 #171717}
.theme-black{--bg:#050505;--panel:#0f0f0f;--text:#f4f4f4;--muted:#a8a8a8;--line:#f4f4f4;--accent:#7c4dff;--accent-2:#18d2ff;--ticker:#f4f4f4;--ticker-text:#050505;--shadow:10px 10px 0 rgba(244,244,244,.18)}
.theme-black .eyebrow,.theme-black .mini-label,.theme-black .rotating-stack span,.theme-black .graphic,.theme-black .window-bar{background:#111;color:#f4f4f4}
.theme-black .hero-copy,.theme-black .hero-window,.theme-black .feature-card,.theme-black .statement-card,.theme-black .closing-card{background:#0f0f0f}
.theme-hybrid{--bg:#f7fbff;--panel:#ffffff;--text:#10202c;--muted:#4d606b;--line:#10202c;--accent:#ff7f50;--accent-2:#c9f24a;--ticker:#10202c;--ticker-text:#f7fbff;--shadow:12px 12px 0 #10202c}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scan{from{transform:translateY(-120px)}to{transform:translateY(320px)}}
@media (max-width: 1100px){.grid-section{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-copy,.hero-window{min-height:auto}}
@media (max-width: 700px){main{padding:14px}.site-header,.site-footer{padding:16px 14px}.top-nav{gap:10px}.hero-copy{padding:20px}.feature-card{min-height:220px}.grid-section{grid-template-columns:1fr}.closing-card{align-items:flex-start}.cta-button{width:100%}.email-link{font-size:24px}}