@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

h1,h2,.manifesto-block>p:first-child{font-family:'Space Grotesk','DM Sans',sans-serif!important;font-weight:500;letter-spacing:-.045em;font-style:normal}
.hero-section{position:relative;isolation:isolate;max-width:none!important;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#57412b66,transparent 55%),#1a0f08!important}
.hero-layout{position:relative;z-index:2;max-width:1232px;margin-inline:auto}
.hero-scene{position:absolute;inset:0;z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent)}
.hero-scene canvas{display:block;width:100%;height:100%}
.hero-section:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1a0f08ee 0%,#1a0f08b8 35%,#1a0f0820 75%)}
.hero-copy h1{font-size:clamp(2.5rem,4.6vw,4.5rem)!important;line-height:1.08!important;text-wrap:balance}
.hero-copy h1 span{font-style:normal!important;color:inherit!important}
h1,h2{color:#f8f2e8}
@supports (background-clip:text){h1,h2{background:linear-gradient(115deg,#fffaf0 5%,#d3c7b9 29%,#fff8e8 44%,#c4a878 68%,#eee3d4 94%);background-clip:text;-webkit-background-clip:text;color:transparent!important}h1 span{-webkit-text-fill-color:transparent}}
.creation-terminal{background:#1a0f08c9!important;backdrop-filter:blur(10px);box-shadow:0 24px 90px #0005;border-color:#c4a87855!important}
.motion-toggle{position:relative;z-index:3;display:block;margin:36px auto -42px;padding:10px 16px;border:1px solid #c4a87850;border-radius:30px;color:#e8d5b0;background:#1a0f08cc;font:11px 'DM Sans',sans-serif;letter-spacing:.06em;cursor:pointer}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{border-color:#c4a878}.motion-toggle:focus-visible{outline:2px solid #f8f2e8;outline-offset:4px}
@media(max-width:800px){.hero-section:after{background:linear-gradient(180deg,#1a0f08dc 0%,#1a0f08b0 50%,#1a0f0833 80%)}.hero-copy h1{font-size:clamp(2.25rem,8vw,3.8rem)!important}.hero-copy p{font-weight:400}.creation-terminal{background:#1a0f08dd!important}.motion-toggle{margin-bottom:-48px}}
@media(forced-colors:active){h1,h2{background:none;color:CanvasText!important}h1 span{-webkit-text-fill-color:CanvasText}.hero-scene{display:none}}