@font-face{font-family:InterLocal;font-style:normal;font-weight:400;font-display:swap;src:url('../assets_c1v2/inter-v20-latin-regular.woff2') format('woff2')}
@font-face{font-family:InterLocal;font-style:normal;font-weight:700;font-display:swap;src:url('../assets_c1v2/inter-v20-latin-700.woff2') format('woff2')}
@font-face{font-family:ArchivoLocal;font-style:normal;font-weight:900;font-display:swap;src:url('../assets_c1v2/archivo-black-v23-latin-regular.woff2') format('woff2')}
@font-face{font-family:BodoniModaLocal;font-style:normal;font-weight:400;font-display:swap;src:url('bodoni-moda-400.ttf') format('truetype')}
@font-face{font-family:BodoniModaLocal;font-style:normal;font-weight:700;font-display:swap;src:url('bodoni-moda-700.ttf') format('truetype')}
@font-face{font-family:BodoniModaLocal;font-style:normal;font-weight:900;font-display:swap;src:url('bodoni-moda-900.ttf') format('truetype')}
@font-face{font-family:BarlowCondensedLocal;font-style:normal;font-weight:500;font-display:swap;src:url('barlow-condensed-500.ttf') format('truetype')}
@font-face{font-family:BarlowCondensedLocal;font-style:normal;font-weight:700;font-display:swap;src:url('barlow-condensed-700.ttf') format('truetype')}

:root{
  --paper:#f1eee5;
  --ink:#101014;
  --muted:rgba(16,16,20,.62);
  --accent:#ef315f;
  --accent-dark:#7d1739;
  --serif:BodoniModaLocal,"Bodoni MT",Didot,"Times New Roman",serif;
  --sans:InterLocal,Arial,sans-serif;
  --condensed:BarlowCondensedLocal,"Arial Narrow",sans-serif;
  --block:ArchivoLocal,Impact,sans-serif;
  --ease:cubic-bezier(.2,.82,.2,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:var(--ink)}
body{font-family:var(--sans);color:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,a{font:inherit;color:inherit}
button{border:0;background:none;cursor:pointer}
a{text-decoration:none}
:focus-visible{outline:3px solid #fff;outline-offset:5px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.prototype-shell{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}
.prototype-shell::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.44'/%3E%3C/svg%3E")}
.topbar{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,64px);pointer-events:none}
.topbar>*{pointer-events:auto}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--block);font-size:1.15rem;letter-spacing:.02em}
.brand-mark{display:grid;place-items:center;width:31px;aspect-ratio:1;border:2px solid currentColor;transform:rotate(45deg)}
.brand-mark::before{content:"";width:13px;height:4px;background:var(--accent);transform:rotate(-45deg)}
.brand em{font-style:normal;color:var(--accent)}
.concept-tag{font-family:var(--condensed);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.72}
.bottomline{position:absolute;z-index:20;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgba(255,255,255,.68);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}
.bottomline a{pointer-events:auto;border-bottom:1px solid currentColor}
.input-hint{display:flex;align-items:center;gap:12px;font-family:var(--condensed);font-size:.76rem}
.input-hint kbd{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border:1px solid currentColor;border-radius:50%;font:700 .7rem var(--sans)}

.open-cta{position:relative;display:inline-flex;align-items:center;gap:13px;padding:12px 18px;background:var(--paper);color:var(--ink);font-family:var(--condensed);font-size:.86rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:8px 8px 0 var(--accent-dark);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.open-cta:hover{transform:translate(3px,3px);box-shadow:5px 5px 0 var(--accent-dark)}
.open-cta .arrow{font-size:1.25rem;line-height:0}
.status-copy{max-width:38ch;line-height:1.58;font-size:clamp(.92rem,1.3vw,1.08rem)}
.status-copy .eyebrow{display:block;margin-bottom:9px;color:var(--accent);font-family:var(--condensed);font-size:.76rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}

.brush{position:absolute;inset:10% -4%;z-index:-1;background:var(--accent);clip-path:polygon(1% 16%,8% 5%,19% 13%,30% 3%,44% 11%,55% 0,67% 9%,80% 3%,98% 14%,96% 50%,100% 82%,87% 91%,71% 84%,56% 98%,39% 88%,26% 100%,12% 88%,0 94%,4% 52%);transform:scaleX(0);transform-origin:left;transition:transform .48s var(--ease)}
.is-active .brush{transform:scaleX(1)}

.view{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s var(--ease),visibility 0s linear .45s}
.view.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}

@media (max-width:680px){
  .topbar{padding:16px 18px}
  .concept-tag{max-width:15ch;text-align:right;line-height:1.35}
  .bottomline{left:18px;right:18px;bottom:12px}
  .input-hint{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}