@font-face{font-family:"Newsreader";src:url(/fonts/newsreader.woff2) format("woff2");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/fonts/newsreader-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/geistmono.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"NR Fallback";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("Tinos");font-weight:300;font-style:normal;size-adjust:100.3%;ascent-override:73.3%;descent-override:26.4%;line-gap-override:0%}
@font-face{font-family:"NR Fallback";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("Tinos");font-weight:400 500;font-style:normal;size-adjust:103.5%;ascent-override:71.0%;descent-override:25.6%;line-gap-override:0%}
@font-face{font-family:"NR Fallback";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("Tinos");font-weight:400;font-style:italic;size-adjust:96.2%;ascent-override:76.4%;descent-override:27.5%;line-gap-override:0%}
:root{--ink:#0D0E0C;--paper:#F1EFE9;--red:#FF3D2E;--mute:#9A968E;--struck:#8A867F;--rule:#2A2B28;
--m:20px;--serif:"Newsreader","NR Fallback",Georgia,serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;--ease:cubic-bezier(.2,.8,.2,1)}
@media(min-width:600px){:root{--m:32px}}@media(min-width:1024px){:root{--m:clamp(40px,4vw,56px)}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color:var(--paper);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font:400 17px/1.5 var(--serif);font-optical-sizing:auto;overflow-x:clip;text-rendering:optimizeLegibility}
@media(min-width:768px){body{font-size:19px}}
a{color:inherit}
:focus-visible{outline:2px solid var(--paper);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);color:var(--ink);padding:10px 14px;z-index:20}.skip:focus{left:8px}
.tbc{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;padding:3px 5px;border-radius:4px;color:var(--mute);vertical-align:.25em;white-space:nowrap;font-style:normal}
.label{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
del,ins{text-decoration:none}

/* header */
.hdr{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--m);background:rgba(13,14,12,.86);backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid transparent}
.wm{font:500 20px/1 var(--serif);letter-spacing:-.01em;text-decoration:none;min-height:44px;display:flex;align-items:center}
.wm span{font:400 13px var(--mono);color:var(--mute);margin-left:4px}
.nav{display:none}
.pill{font:500 14px/1 var(--mono);text-decoration:none;border:1px solid var(--paper);border-radius:999px;padding:0 16px;min-height:44px;display:inline-flex;align-items:center;gap:6px;transition:background .2s var(--ease),color .2s var(--ease)}
.pill:hover{background:var(--paper);color:var(--ink)}.pill:active{transform:scale(.97)}
@media(min-width:1024px){.hdr{padding:16px var(--m)}.nav{display:flex;gap:28px;font:400 13px var(--mono);letter-spacing:.04em}.nav a{text-decoration:none;color:var(--mute);min-height:44px;display:flex;align-items:center}.nav a:hover{color:var(--paper)}}

/* hero */
.hero{padding:36px var(--m) 32px;display:flex;flex-direction:column}
.kicker{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:20px}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr}
.h1{font-weight:300;font-size:clamp(46px,12.6vw,60px);line-height:1.02;letter-spacing:-.035em;font-variation-settings:"opsz" 72;text-wrap:balance}
.h1 .del{color:var(--struck)}
.h1 .ins{font-style:italic;font-weight:400;letter-spacing:-.03em}
.caret{color:var(--red);font:400 .5em var(--mono);vertical-align:.5em;margin:0 .06em 0 -.12em}
.del{position:relative}
.del .w{position:relative;display:inline-block}
.del .w::after{content:"";position:absolute;left:-.04em;right:-.04em;top:56%;height:.055em;min-height:3px;background:var(--red);transform-origin:left center;transform:rotate(-1deg)}
.gutter{display:none}
.note{font:400 12.5px/1.5 var(--mono);max-width:34ch;margin-top:24px}
.note p+p{margin-top:2px}
.note-h{font-weight:500}
.note-red{color:var(--red)}.note-red .tbc{color:var(--red)}
.note-grey{display:none;color:var(--mute)}
.hero-foot{margin-top:40px;padding-top:20px;display:grid;gap:16px;border-top:1px solid var(--rule)}
.proof{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;font:400 12px/1.4 var(--mono);color:var(--mute)}.proof b{font-weight:500;color:var(--paper);margin-right:6px}.proof .ph{flex-basis:100%;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.lede{max-width:46ch;color:#D6D3CC}
.down{font:400 13px var(--mono);color:var(--mute);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.down:hover{color:var(--paper)}
@media(min-width:600px){.h1{font-size:clamp(60px,10vw,84px)}}
@media(min-width:1024px){
 .hero{padding:56px var(--m) 40px;min-height:min(calc(100svh - 77px),860px)}.hero-foot{margin-top:auto;gap:24px;grid-template-columns:minmax(0,5fr) minmax(0,5fr) auto!important;align-items:end}.proof{flex-direction:column;gap:6px}.proof b{display:inline-block;min-width:4.2em}
 .kicker{font-size:12px;margin-bottom:30px}
 .hero-grid{grid-template-columns:minmax(0,1fr) 250px;column-gap:clamp(32px,4vw,72px)}
 .h1{font-size:clamp(84px,9vw,136px);grid-row:1/3}
 .gutter{display:block;position:absolute;left:calc(var(--m)*-1 + 10px);top:0;list-style:none;font:400 11px/1 var(--mono);color:#8A867F}.gutter li{position:absolute;white-space:nowrap}
 .gutter b{color:var(--red);font-weight:400;margin-right:2px}
 .note{margin-top:.6em}.note-red{grid-column:2;margin-top:clamp(120px,12vw,190px);font-size:14px}.note-red p:last-child{font:italic 400 26px/1.15 var(--serif);color:var(--paper);margin-top:8px;letter-spacing:-.01em}.note-grey{display:block;grid-column:2;margin-top:40px}
}

/* reveal */
.motion [data-reveal]{filter:blur(7px);transform:translateY(10px);transition:filter 1s var(--ease),transform 1s var(--ease)}
.motion [data-reveal].in{filter:none;transform:none}
.motion .del .w::after{transform:rotate(-1deg) scaleX(0);transition:transform .38s var(--ease)}
.motion .del.on .w::after{transform:rotate(-1deg) scaleX(1)}
.motion .ins .c{visibility:hidden}.motion .ins .c.on{visibility:visible}
.motion .caret{opacity:0}.motion .caret.on{opacity:1;animation:blink 1s steps(1) 3}
.motion .h1 [data-ins]{}
.motion [data-note]{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.motion [data-note].on{opacity:1;transform:none}
@keyframes blink{50%{opacity:0}}

/* manifesto */
.manifesto{padding:72px var(--m) 24px}
.stmt{position:relative;font-weight:300;font-size:clamp(30px,8vw,40px);line-height:1.12;letter-spacing:-.025em;max-width:22ch;margin:28px 0 64px;text-wrap:pretty}
.stmt .del{color:var(--struck)}.stmt .ins{font-style:italic;font-weight:400}
.ln{display:block;font:400 11px var(--mono);letter-spacing:.06em;color:#8A867F;margin-bottom:12px}
@media(min-width:768px){.stmt{font-size:clamp(44px,5vw,64px);margin:40px 0 18vh}}
@media(min-width:1024px){.manifesto{padding:140px var(--m) 40px}.stmt{max-width:20ch;margin-left:calc(100%/12)}.ln{position:absolute;left:calc(-100%/12 * .9);top:.7em;margin:0}}

/* principles */
.principles{padding:64px var(--m);border-top:1px solid var(--rule)}
.plist{list-style:none;margin-top:28px}
.plist li{display:grid;grid-template-columns:44px 1fr;gap:6px 0;padding:24px 0;border-top:1px solid var(--rule)}
.plist li:last-child{border-bottom:1px solid var(--rule)}
.pn{font:400 12px var(--mono);color:var(--mute);padding-top:.7em}
.plist h3{font-weight:400;font-size:clamp(28px,7vw,34px);line-height:1.1;letter-spacing:-.02em}
.plist p{grid-column:2;max-width:46ch;color:#D6D3CC}
.why{font:400 12.5px/1.5 var(--mono)!important;color:var(--mute)!important;margin-top:6px}
.why span{color:var(--red);margin-right:8px}
@media(min-width:1024px){.principles{padding:120px var(--m)}
 .plist li{grid-template-columns:calc(100%/12) 5fr 4fr 3fr;column-gap:32px;align-items:baseline;padding:36px 0}
 .plist h3{font-size:clamp(34px,3.2vw,48px)}.plist p{grid-column:auto}.why{margin-top:0}}

/* invest aside */
.aside-tbc{margin-top:20px;font:400 12px/1.5 var(--mono);color:var(--mute)}
/* how */
.how{padding:64px var(--m);border-top:1px solid var(--rule)}
.how-lede{font-weight:300;font-size:clamp(32px,8.4vw,42px);line-height:1.08;letter-spacing:-.03em;max-width:16ch;margin:24px 0 36px}
.amp{font-style:italic;font-weight:400}
.hlist{list-style:none;display:grid;gap:0}
.hlist li{padding:24px 0;border-top:1px solid var(--rule)}
.hn{display:block;font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.hlist h3{font-weight:400;font-style:italic;font-size:clamp(30px,7.4vw,36px);line-height:1.05;letter-spacing:-.02em;margin-bottom:8px}
.hlist p{color:#D6D3CC;max-width:36ch}
@media(min-width:1024px){.how{padding:120px var(--m)}.how-lede{font-size:clamp(56px,5.6vw,84px);margin:32px 0 64px}
 .hlist{grid-template-columns:repeat(3,1fr);column-gap:32px}.hlist li{padding:28px 0 0}.hlist h3{font-size:clamp(40px,3.6vw,56px)}}
/* look (diff) */
.look{padding:64px var(--m)}
.llist{list-style:none;margin-top:28px}
.llist li{display:grid;grid-template-columns:24px 1fr;row-gap:6px;padding:22px 0;border-top:1px solid var(--rule);align-items:baseline}
.llist li:last-child{border-bottom:1px solid var(--rule)}
.lm{font:400 14px var(--mono);color:var(--red)}
.ld{font-weight:300;font-size:clamp(20px,5.2vw,24px);color:var(--struck)}
.li{font-style:italic;font-size:clamp(26px,6.8vw,32px);line-height:1.12;letter-spacing:-.02em}
@media(min-width:1024px){.look{padding:120px var(--m)}
 .llist li{grid-template-columns:calc(100%/12) 4fr 32px 7fr;column-gap:12px;padding:32px 0}.llist .lp{text-align:right;padding-right:8px}
 .ld{font-size:clamp(24px,2vw,30px)}.li{font-size:clamp(34px,3.2vw,48px)}}
/* write routes */
.routes{display:grid;gap:18px;margin:0 0 28px;max-width:720px}
.routes p{color:#D6D3CC}
@media(min-width:768px){.routes{grid-template-columns:1fr 1fr;gap:32px}}
/* write */
.write{padding:72px var(--m) 88px;border-top:1px solid var(--rule)}
.w-stmt{font-weight:300;font-size:clamp(34px,9vw,44px);line-height:1.08;letter-spacing:-.03em;max-width:18ch;margin:24px 0 28px}
.w-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:italic 400 clamp(26px,7vw,34px)/1.1 var(--serif);text-decoration:none;border-bottom:1px solid var(--paper);padding-bottom:4px;overflow-wrap:anywhere}
.w-link:hover{color:var(--red);border-color:var(--red)}
.w-note{margin-top:18px;font:400 12px/1.5 var(--mono);color:var(--mute)}
@media(min-width:1024px){.write{padding:140px var(--m) 160px}.w-stmt{font-size:clamp(56px,5.6vw,84px)}.w-link{font-size:clamp(36px,3vw,48px)}}

/* footer */
.ftr{padding:0 var(--m) 28px;overflow:clip}
.big::before{content:"Splashbros"}
.big{font-weight:300;font-size:21.5vw;line-height:.82;letter-spacing:-.055em;margin-left:-.04em;white-space:nowrap;color:#4A4B45}
.big::after{content:".ai";font:400 .16em var(--mono);letter-spacing:0;color:#FF3D2E;margin-left:.2em}
.ftr-row{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);font:400 12px/1.5 var(--mono);color:var(--mute)}
@media(min-width:768px){.ftr-row{grid-template-columns:1fr auto}}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
html:not(.js) .del{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:.06em}
.note .tbc{display:inline-block;margin-top:6px}

/* founders */
.founders{padding:64px var(--m);border-top:1px solid var(--rule)}
.f-stmt{font-weight:300;font-size:clamp(32px,8.4vw,42px);line-height:1.08;letter-spacing:-.03em;max-width:18ch;margin:24px 0 32px;text-wrap:balance}
.flist{list-style:none}
.flist li{display:grid;gap:4px;padding:18px 0;border-top:1px solid var(--rule)}
.flist li:last-child{border-bottom:1px solid var(--rule)}
.flist b{font:500 13px/1.4 var(--mono);letter-spacing:.04em;color:var(--paper)}
.flist span{color:#D6D3CC}
.w-why{max-width:46ch;color:#D6D3CC;margin:-8px 0 28px}
@media(min-width:1024px){.founders{padding:120px var(--m)}.f-stmt{font-size:clamp(56px,5.6vw,84px);margin:32px 0 56px;max-width:24ch}
 .flist{display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px}.flist li,.flist li:last-child{border-bottom:0;padding:24px 0 0}.flist b{font-size:14px}.w-why{font-size:21px}}
.h1 .ins:not([data-ins]){display:block}
.h1:has(.ins:not([data-ins])) {text-wrap:balance}
.lede,.note p,.w-why{text-wrap:pretty}
@media(min-width:1024px){.h1:has(.ins:not([data-ins])){font-size:clamp(76px,8.6vw,132px);text-wrap:nowrap;white-space:nowrap}}
@media(min-width:1024px){
 .hero:has(.ins:not([data-ins])){min-height:min(calc(100svh - 77px),760px)}
 .hero-grid:has(.ins:not([data-ins])) .h1{grid-column:1/-1;grid-row:1}
 .hero-grid:has(.ins:not([data-ins])) .note-red{grid-column:2;grid-row:2;margin-top:28px}
}
.ftr-row a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0;text-decoration:none;border-bottom:1px solid var(--rule)}
.ftr-row a:hover{color:var(--paper)}
@media(min-width:1024px){.hero-foot:not(:has(.proof)){grid-template-columns:minmax(0,1fr) auto!important}.hero-foot:not(:has(.proof)) .lede{font-size:22px;max-width:40ch}}