@font-face{font-family:"fraunces";src:url(/font/fraunces-regular.woff2)format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:"fraunces-italic";src:url(/font/fraunces-italic.woff2)format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:"Roboto Mono";src:url(/font/RobotoMono.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:swap}*{box-sizing:border-box;overflow-wrap:break-word;margin:0}:root{--font-color:#3e0a0a;--font-mono:"Roboto Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
        "DejaVu Sans Mono", monospace;font-family:var(--font-mono);--border-radius:6px;color:var(--font-color);font-size:1rem;line-height:1.5}body{display:flex;justify-content:space-between;padding:8px;margin:unset;background-image:url(/img/dotnoise.png);background-color:#f4deda;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[hidden]{display:none}img{max-width:100%;max-height:calc(100vh - 16px);object-fit:cover}header a{color:inherit;text-decoration:none}header a:hover{text-decoration:underline}h1,h2{color:#23542c}h1{font-family:"fraunces";font-size:1.7rem;font-variation-settings:"opsz"100,"wght"250,"SOFT"0,"WONK"0;line-height:1.1}h1>a{padding-top:50px;writing-mode:sideways-lr}figure{display:flex;gap:50px}figure figcaption{width:450px;max-width:450px;display:flex;flex-direction:column;justify-content:space-evenly}h2{font-family:fraunces-italic;font-size:2rem;line-height:1.15;text-wrap:balance;font-weight:500}figcaption p~p{font-weight:460;font-size:.65rem;text-transform:uppercase}figcaption p~p span{background:#ff000014;padding:3px 7px;border-radius:2px;letter-spacing:.07em;font-weight:500}figcaption p~p span:not(:first-child){margin-inline-start:6px}figcaption p:nth-of-type(1){margin-block-end:7px}figcaption p:nth-of-type(1) span~span{font-weight:330;letter-spacing:-.025em}figcaption p:nth-of-type(1) span:first-child{letter-spacing:-.02em}figcaption>div>a{margin-bottom:13px;display:inline-block;color:#3e0a0a9e}figcaption>div>a>svg{vertical-align:middle}figcaption>div>a:hover{color:inherit}main{display:flex;align-items:center}#ad a,button{font-size:1.2rem;font-family:fraunces;mix-blend-mode:color-burn}button{width:150px;height:150px;border-radius:100%;appearance:none;border:0;background-color:#23542c;color:#e6d67c;cursor:pointer;font-variation-settings:"opsz"0,"wght"350,"SOFT"100,"WONK"1}button:hover{transform:scale(1.02)}button:active{mix-blend-mode:initial;transform:scale(1)}#ad{margin:auto}#ad h2{max-width:25ch;margin-block-end:30px;font-size:3rem;line-height:1.05;text-wrap:balance}#ad h2 span{font-variation-settings:"opsz"60,"wght"300,"SOFT"10,"WONK"1}#ad a{border-radius:6px;box-shadow:0 3px 9px #b96662,1px 2px 50px #ffc0c0;padding:10px 20px;text-decoration:none;border:1px solid #e29292;color:inherit;display:inline-block;margin-block-start:30px;transition:box-shadow .2s ease-in;font-variation-settings:"opsz"60,"wght"350,"SOFT"0,"WONK"0}#ad a:hover{box-shadow:0 3px 5px #b96662,1px 2px 80px #f49393}#ad a:active{background:linear-gradient(to bottom,#f0c9ff 0,#fff 100%);transform:translateY(1px)}@media (max-width:928px){main{margin:auto;gap:50px}h2{margin-block-end:20px}figure{display:initial}button{align-self:flex-end}}@media (max-width:733px){body,main{flex-direction:column}h1>a{writing-mode:initial}header{display:flex;gap:20px;margin-block-end:20px}button{align-self:unset}main{gap:20px}figure figcaption{width:100%}#ad h2{margin-block-start:20px;font-size:2rem}#ad{margin-block-end:30px}}