@font-face{font-family:IT;src:url(fonts/InterTight.ttf) format("truetype");font-weight:100 900;font-display:block}
@font-face{font-family:ISI;src:url(fonts/ISerifI.ttf) format("truetype");font-style:italic;font-display:block}
@font-face{font-family:CI;src:url(fonts/CormI.ttf) format("truetype");font-weight:300 700;font-style:italic;font-display:block}
@font-face{font-family:GM;src:url(fonts/GMono.ttf) format("truetype");font-weight:100 900;font-display:block}
:root{--bg:#f7c8d8;--ink:#1c0912;--hot:#ff2a7a;--cream:#fff0f5;--mut:rgba(28,9,18,.56);--line:rgba(28,9,18,.17);--pad:40px}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font:400 17px/1.5 IT,sans-serif;overflow-x:hidden}
html:not(.shot) body,html:not(.shot) a,html:not(.shot) button,html:not(.shot) input{cursor:none}
a{color:inherit;text-decoration:none}
img{display:block}
ul{list-style:none}
::selection{background:var(--hot);color:var(--cream)}
.mono{font:500 12px/1.3 GM,monospace;letter-spacing:.06em;text-transform:uppercase}
.mut{color:var(--mut)}
.cur{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--ink);z-index:80;pointer-events:none;mix-blend-mode:multiply;opacity:0}
.intro{position:fixed;top:calc(-20vh - env(safe-area-inset-top));left:calc(-1 * env(safe-area-inset-left));right:calc(-1 * env(safe-area-inset-right));bottom:auto;height:140vh;height:calc(100lvh + 40vh + env(safe-area-inset-top) + env(safe-area-inset-bottom));z-index:90;background:var(--hot);color:var(--cream)}
.intro b{position:absolute;left:0;right:0;top:calc(20vh + env(safe-area-inset-top) + 50vh);top:calc(20vh + env(safe-area-inset-top) + 50svh);transform:translateY(-50%);text-align:center;font:italic 400 76px/1 ISI;letter-spacing:-.02em;font-weight:400}
html.io{background:var(--hot);overflow:hidden;scrollbar-width:none;overscroll-behavior:none}html.io::-webkit-scrollbar{display:none}html.io.sb{padding-right:var(--sbw);background:var(--bg)}html.io body{background:var(--bg);overflow:hidden;touch-action:none}
.shot .intro{display:none}
.top{position:absolute;top:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;z-index:5}
.hero{height:100vh;min-height:900px;position:relative;overflow:hidden}
.word{position:absolute;left:0;right:0;text-align:center;font:800 300px/.86 IT;letter-spacing:-.07em;white-space:nowrap;z-index:3}
.word em{font:italic 400 1.12em/.86 ISI;letter-spacing:-.035em;color:var(--hot);padding-left:.02em}
.h{font:italic 300 172px/.92 CI;letter-spacing:-.035em;margin-bottom:64px}
section{padding:190px var(--pad) 0;position:relative}
.rows{position:relative}
.row{position:relative;display:grid;grid-template-columns:220px 1fr 440px;gap:40px;align-items:baseline;padding:30px 0 36px;isolation:isolate}
.ln{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:left}
.fill{position:absolute;inset:0 calc(var(--pad)*-1);background:var(--hot);transform:scaleY(0);transform-origin:bottom;z-index:-1}
.row .t{font:italic 400 66px/1 CI;letter-spacing:-.02em;display:inline-block}
.row .x{font-size:17px;color:var(--mut);max-width:440px}
.sm{height:1.15em;display:inline-block;vertical-align:-.25em}
.big a,.biglink{position:relative;display:flex;justify-content:space-between;align-items:center;padding:24px 0 26px;font:600 108px/1 IT;letter-spacing:-.055em;isolation:isolate}
.lab{display:inline-block;overflow:hidden;line-height:1.08;padding:.2em .08em 0;margin:-.2em -.08em -.24em}
.lab .ch{display:inline-block;padding-bottom:.24em;text-shadow:0 1.32em 0 var(--hot)}
.circ{width:96px;height:96px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;flex:none}
.circ svg{width:30px;height:30px}