@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Caveat-normal-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Caveat-normal-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Fraunces-italic-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/Fraunces-italic-900.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/Fraunces-normal-900.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/SpaceGrotesk-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/SpaceGrotesk-normal-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/SpaceGrotesk-normal-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--t:#B5532F;--s:#2E3A44;--c:#D9A47E;--p:#F7F1E8;--ink:#1F2830;--d:'Fraunces',Georgia,serif;--g:'Space Grotesk',system-ui,sans-serif;--h:'Caveat',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--p);color:var(--ink);font:400 17px/1.5 var(--g);overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.09;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}img{display:block;max-width:100%;height:auto}html,body{overflow-x:clip}main,section{overflow-x:clip}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;font:700 18px/1 var(--g);background:var(--t);color:#fff;text-decoration:none;border:3px solid var(--ink);border-radius:14px;padding:17px 24px;box-shadow:6px 6px 0 var(--ink);transition:transform .12s,box-shadow .12s;cursor:pointer}
.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}
.btn.cream{background:var(--p);color:var(--ink)}
:focus-visible{outline:3px solid var(--c);outline-offset:3px}
/* top */
.top{background:var(--s);color:var(--p)}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;gap:10px;align-items:center;font:900 italic 25px/1 var(--d);text-decoration:none;color:var(--p)}.logo svg{width:30px;height:30px}
.top .btn{font-size:14px;padding:10px 14px;box-shadow:4px 4px 0 #000;border-color:#000}
/* hero */
.hero{background:var(--t);color:var(--p);position:relative;padding:30px 0 0}
.kicker{font:700 13px/1 var(--g);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--c);display:inline-block;padding:7px 10px;border-radius:6px;transform:rotate(-2deg)}
h1{font:900 italic clamp(46px,12.4vw,150px)/.88 var(--d);margin:16px 0 0;letter-spacing:-.02em}
h1 .u{position:relative;display:inline-block;color:var(--ink)}
h1 .u svg{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.3em;overflow:visible}
.sub{font:500 clamp(19px,2.3vw,26px)/1.3 var(--g);margin:20px 0 0;max-width:30ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;margin:24px 0 32px}
.hero-cta .note{font:700 24px/1.1 var(--h);color:var(--ink)}
.stage{position:relative;margin:0}
.ba{position:relative;overflow:hidden;--x:50%;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--ink);touch-action:pan-y}
.ba img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:42% 50%}
.ba .after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--x))}
.ba .after img{height:100%}
.ba .line{position:absolute;top:0;bottom:0;left:var(--x);width:4px;margin-left:-2px;background:var(--p);pointer-events:none}
.ba .knob{position:absolute;top:50%;left:var(--x);width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--t);border:4px solid var(--p);box-shadow:0 6px 0 rgba(0,0,0,.35);display:grid;place-items:center;pointer-events:none}
.ba .knob svg{width:40px;height:40px}
.ba .knob:before,.ba .knob:after{content:"";position:absolute;top:50%;margin-top:-8px;border:8px solid transparent}
.ba .knob:before{left:-22px;border-right-color:var(--p)}.ba .knob:after{right:-22px;border-left-color:var(--p)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba input:focus-visible+.knob{outline:4px solid var(--c);outline-offset:4px}
.chip{position:absolute;top:14px;font:700 13px/1 var(--g);letter-spacing:.12em;text-transform:uppercase;padding:8px 11px;border-radius:999px;border:2px solid var(--ink);pointer-events:none}
.chip.b{left:14px;background:var(--p);color:var(--ink)}.chip.a{right:14px;background:var(--c);color:var(--ink)}
.ai{position:absolute;right:0;bottom:0;left:0;z-index:3;background:var(--ink);color:#fff;font:700 13px/1.2 var(--g);padding:9px 12px;text-align:center;pointer-events:none}
.hero-ai{left:auto!important;right:10px!important;bottom:10px!important;border-radius:8px;text-align:left!important;font-size:12.5px!important;line-height:1.25!important;border:2px solid var(--p)}
.drag{position:absolute;z-index:4;left:calc(var(--x) + 26px);top:calc(50% - 104px);font:700 28px/1 var(--h);color:var(--p);transform:rotate(-8deg);pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.drag svg{width:70px;height:60px;display:block;margin:-2px 0 0 -40px}
.sticker{position:absolute;z-index:5;display:grid;place-items:center;text-align:center;border:3px solid var(--ink);border-radius:50%;font:900 italic 28px/.9 var(--d);box-shadow:4px 4px 0 var(--ink);pointer-events:none}
.st1{width:104px;height:104px;background:var(--c);color:var(--ink);right:16px;top:-56px;transform:rotate(12deg)}
.st2{width:104px;height:104px;background:var(--p);color:var(--t);left:12px;top:64px;transform:rotate(-10deg);font-size:21px}
.st2 small{display:block;font:700 13px/1.1 var(--g);color:var(--ink);font-style:normal;margin-top:3px}
.capbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;padding:12px 20px 16px;background:var(--s);color:var(--p);font:700 22px/1.1 var(--h)}
.capbar a{font:600 14px/1.6 var(--g);color:var(--c)}
/* marquee */
.marq{background:var(--ink);color:var(--c);overflow:hidden;transform:rotate(-2deg);margin:34px -20px 10px;border-block:4px solid var(--t)}
.marq .tr{display:flex;width:max-content;animation:m 32s linear infinite}
.marq span{font:900 italic 34px/1 var(--d);padding:16px 0;white-space:nowrap}.marq b{color:var(--p);font-style:normal;margin:0 20px}
@keyframes m{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq .tr{animation:none}html{scroll-behavior:auto}}
/* steps */
.steps{padding:56px 0 40px}
h2{font:900 italic clamp(42px,8vw,92px)/.92 var(--d);margin:0;letter-spacing:-.02em}
h2 em{color:var(--t)}
.sec-sub{font:700 26px/1.15 var(--h);color:var(--t);margin:10px 0 0;transform:rotate(-1.5deg);display:inline-block}
.step{display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:start;margin-top:44px;position:relative}
.num{font:900 120px/.8 var(--d);color:transparent;-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px 0 var(--c)}
.step h3{font:900 italic 36px/1 var(--d);margin:6px 0 8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.step h3 svg{width:52px;height:52px;flex:none}
.step p{margin:0;max-width:34ch;font-size:18px}
.vibes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.vibes span{font:700 14px/1 var(--g);padding:9px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff}
.vibes span:nth-child(1){background:var(--c);transform:rotate(-3deg)}.vibes span:nth-child(3){background:var(--s);color:var(--p);transform:rotate(2deg)}.vibes span:nth-child(4){background:var(--t);color:#fff;transform:rotate(-2deg)}
/* wall */
.wall{background:var(--s);color:var(--p);padding:64px 0 76px;position:relative;margin-top:30px}
.wall h2 em{color:var(--c)}.wall .sec-sub{color:var(--c)}
.pol-grid{display:grid;grid-template-columns:1fr;gap:46px 34px;margin-top:40px}
.pol{background:#fff;color:var(--ink);padding:12px 12px 16px;box-shadow:0 16px 30px rgba(0,0,0,.35);position:relative;margin:0}
.pol:nth-child(1){transform:rotate(-2.2deg)}.pol:nth-child(2){transform:rotate(1.8deg)}.pol:nth-child(3){transform:rotate(1.2deg)}.pol:nth-child(4){transform:rotate(-1.6deg)}
.pol:before{content:"";position:absolute;top:-14px;left:50%;width:110px;height:28px;margin-left:-55px;background:rgba(217,164,126,.8);transform:rotate(-3deg)}
.pol .ph{position:relative}
.pol .ph img{width:100%;aspect-ratio:1600/1113;object-fit:cover}
.pol .bef{position:absolute;left:-12px;top:-12px;width:42%;border:5px solid #fff;box-shadow:0 6px 14px rgba(0,0,0,.35);transform:rotate(-5deg);z-index:2}
.pol .bef span{position:absolute;left:6px;top:6px;font:700 11px/1 var(--g);letter-spacing:.1em;text-transform:uppercase;background:var(--p);padding:4px 6px;border-radius:99px}
.pol .ai{font-size:12px;padding:7px 8px}
.pol figcaption{font:700 30px/1 var(--h);margin-top:12px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pol figcaption small{font:500 14px/1.2 var(--g)}
.pol figcaption a{font:600 13px/1 var(--g);color:var(--t)}
/* cta */
.cta{background:var(--t);color:var(--p);padding:64px 0 70px;position:relative}
.cta h2{color:var(--p)}.cta h2 em{color:var(--ink)}
.cta .lead{font-size:19px;max-width:36ch;margin:16px 0 0}
.card{background:var(--p);color:var(--ink);border:3px solid var(--ink);border-radius:20px;box-shadow:10px 10px 0 var(--ink);padding:24px 20px;margin-top:30px;position:relative}
.card:after{content:"3 renders on us";position:absolute;top:-22px;right:12px;background:var(--c);border:3px solid var(--ink);border-radius:999px;font:900 italic 18px/1 var(--d);padding:9px 14px;transform:rotate(5deg)}
.form{display:grid;gap:16px}.hp{position:absolute;left:-9999px}
.field label{display:block;font:700 15px/1 var(--g);margin-bottom:7px}
.field input[type=email],.field input[type=text]{width:100%;font:500 19px/1 var(--g);padding:15px 14px;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink)}
.field input:focus{outline:none;box-shadow:4px 4px 0 var(--c)}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45}
.consent input{width:24px;height:24px;flex:none;accent-color:var(--t);margin-top:1px}
.form .btn{width:100%;font-size:21px;padding:20px}
/* local + footer */
.local{background:var(--c);color:var(--ink);padding:44px 0;border-top:4px solid var(--ink)}
.local .wrap{display:flex;gap:22px;align-items:center}
.local svg.mk{width:76px;height:76px;flex:none;transform:rotate(-6deg)}
.local p{margin:0;font-size:18px;max-width:60ch}.local strong{display:block;font:900 italic 30px/1.05 var(--d);margin-bottom:6px}
footer{background:var(--ink);color:#cfd6dc;font-size:14px;padding:22px 0}footer .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}footer a{color:var(--p)}
/* desktop */
@media(min-width:900px){
 .hero{padding:0}
 .hero-grid{display:grid;grid-template-columns:minmax(440px,41%) 1fr;align-items:stretch}
 .hero-copy{max-width:none;margin:0;padding:64px 48px 40px max(28px,calc(50vw - 600px));display:flex;flex-direction:column;justify-content:center}
 h1{font-size:clamp(72px,7vw,112px)}
 .stage{border-left:4px solid var(--ink)}
 .ba{border-top:0}
 .ba img{aspect-ratio:auto;object-position:50% 50%;width:100%;height:720px}
 .st1{right:28px;top:70px;width:140px;height:140px;font-size:38px}
 .st2{left:-60px;top:auto;bottom:110px;width:150px;height:150px;font-size:28px}
 .chip.a{right:180px}
 .capbar{padding:14px 24px}
 .marq{margin:44px -20px 0}
 .steps .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}
 .steps .intro{grid-row:span 3;position:sticky;top:30px;align-self:start}
 .step{margin-top:20px}.step:nth-of-type(2){margin-left:60px}.step:nth-of-type(3){margin-left:20px}
 .pol-grid{grid-template-columns:1fr 1fr;gap:70px 60px}
 .pol:nth-child(even){margin-top:50px}
 .cta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
 .card{margin-top:0;padding:34px}
}

/* shared page bits */
.page-hero{background:var(--t);color:var(--p);padding:56px 0 64px;border-bottom:4px solid var(--ink);position:relative;overflow:hidden}
.page-hero h1{color:var(--p)}.page-hero h1 em{color:var(--ink)}
.page-hero .lede{font:500 21px/1.35 var(--g);max-width:34ch;margin:18px 0 26px}
.page-hero .sticker{position:absolute;right:16px;top:18px}
.eyebrow{font:700 13px/1 var(--g);letter-spacing:.16em;text-transform:uppercase;background:var(--c);color:var(--ink);display:inline-block;padding:7px 10px;border-radius:6px;transform:rotate(-2deg)}
.legal-head{background:var(--s);color:var(--p);padding:40px 0 34px;border-bottom:4px solid var(--t)}
.legal-head h1{font-size:clamp(44px,9vw,84px)}.legal-head h1 a{color:var(--p);text-decoration:none}
.legal{max-width:760px;margin:0 auto;padding:36px 20px 64px;font:400 17px/1.65 var(--g)}
.legal h1{display:none}.legal h2{font:700 24px/1.25 var(--g);margin:34px 0 8px;letter-spacing:0}.legal h3{font:700 19px/1.3 var(--g);margin:24px 0 6px}
.legal a{color:var(--t)}.legal .meta{font-weight:600;color:#5c6670}
.scribble{display:block;width:180px;height:16px;margin-top:6px}
footer .ftag{font:700 22px/1 var(--h);color:var(--c);width:100%}

/* Deploy B bridge: CSP-safe replacements for inline styles, server-rendered pages on the bold theme */
.svgdefs{position:absolute}
.nf-hero{min-height:62vh}.nf-st{font-size:40px}
.hero.wrap{background:transparent;color:var(--ink);padding:36px 20px 48px}
.hero.wrap h1{font-size:clamp(38px,10vw,72px);line-height:.95}
.page-hero .hint{font:400 15px/1.45 var(--g);max-width:46ch;margin:22px 0 0;color:var(--p)}
.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 0}
footer nav a{margin-right:14px}