:root{--paper: #efece6;--paper-turned: #e5e1da;--ink: #1c1b19;--ink-soft: #6f6b64;--rule: #4a4741;--placeholder: #a7a29a;--fold: 50%;--serif: "EB Garamond", Garamond, "Times New Roman", serif;--sans: "Alegreya Sans", "Gill Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{font-family:var(--serif);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);padding:0 0 clamp(2.5rem,8vh,6rem) 0;background:var(--paper);color:var(--ink)}.wordmark{position:relative;z-index:1;margin:0;font-weight:400;line-height:1;letter-spacing:.035em;display:grid}.wordmark span:last-child{padding-left:.08em}.notify{position:relative;z-index:1;font-family:var(--sans)}.notify__label{display:block;margin-bottom:1.6rem;font-size:.78rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase}.notify__row{display:flex;align-items:flex-end;gap:1rem;border-bottom:1px solid var(--rule);padding-bottom:.55rem}.notify__input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:1.1rem;color:inherit;padding:0;outline:none}.notify__input::placeholder{color:var(--placeholder)}.notify__submit{border:0;background:transparent;color:inherit;padding:0 0 .15rem;cursor:pointer;display:inline-flex;transition:transform .16s ease}.notify__submit:hover,.notify__submit:focus-visible{transform:translate(4px);outline:none}.notify__status{min-height:1.4em;margin:.9rem 0 0;font-size:.95rem;font-style:italic;color:var(--ink-soft)}.notify__status[data-state=error]{color:#8a3b2e}.notify.is-done .notify__row{opacity:.35}.colophon{display:none;position:absolute;z-index:1;margin:0;font-family:var(--sans);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}.fold{position:absolute;inset:0 0 0 var(--fold);background:var(--paper-turned);pointer-events:none}.fold__shadow{position:absolute;inset:0;width:100%;height:100%;display:block}.fold:after{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,#28241e47,#28241e1a)}.page[data-variant=folio] .wordmark{align-self:center;padding-left:clamp(1.5rem,6vw,6rem);font-size:clamp(3rem,6.6vw,6.5rem)}.page[data-variant=folio] .notify{width:min(54vw,52rem);margin-left:clamp(1.5rem,23vw,22rem)}.page[data-variant=center] .fold,.page[data-variant=letterhead] .fold,.page[data-variant=nocturne] .fold{display:none}.page[data-variant=center]{grid-template-rows:1fr auto 1fr;place-items:center;padding:0 1.25rem}.page[data-variant=center] .wordmark{grid-row:1;align-self:end;text-align:center;font-size:clamp(2.4rem,4.6vw,4.5rem);margin-bottom:clamp(2.5rem,6vh,4.5rem)}.page[data-variant=center] .wordmark span:last-child{padding-left:0}.page[data-variant=center] .notify{grid-row:2;width:min(100%,26rem);text-align:center}.page[data-variant=center] .notify__row{justify-content:center}.page[data-variant=center] .notify__input{text-align:center}.page[data-variant=center] .colophon{display:block;left:50%;bottom:2rem;transform:translate(-50%)}.page[data-variant=letterhead]{grid-template-rows:auto 1fr auto;padding:clamp(1.5rem,4vw,3.5rem)}.page[data-variant=letterhead]:before{content:"";position:absolute;inset:clamp(1rem,2.5vw,2rem);border:1px solid rgba(40,36,30,.22);pointer-events:none}.page[data-variant=letterhead] .wordmark{grid-row:1;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.1;display:block}.page[data-variant=letterhead] .wordmark span{display:inline}.page[data-variant=letterhead] .wordmark span:last-child{padding-left:.28em}.page[data-variant=letterhead] .notify{grid-row:3;width:min(100%,30rem)}.page[data-variant=letterhead] .colophon{display:block;right:clamp(1.5rem,4vw,3.5rem);bottom:clamp(1.5rem,4vw,3.5rem);writing-mode:vertical-rl}.page[data-variant=nocturne]{--ink-soft: #9a958c;--rule: #b7b1a6;--placeholder: #6f6a62;background:#171614;color:#efece6;grid-template-rows:auto 1fr auto;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,6vw,6rem)}.page[data-variant=nocturne] .notify{grid-row:1;justify-self:end;width:min(100%,24rem)}.page[data-variant=nocturne] .wordmark{grid-row:3;align-self:end;font-size:clamp(3rem,8vw,8rem);letter-spacing:.02em;line-height:.95}.page[data-variant=nocturne] .colophon{display:block;left:clamp(1.5rem,6vw,6rem);top:clamp(2rem,5vw,4rem);color:#9a958c}.page[data-variant=spectrum] .fold{display:none}.page[data-variant=spectrum]{--L: 89.5%;--C: .018;--H: 96;--grain: .35;--titleSize: 4.6vw;--titleWeight: 400;--titleTrack: .01em;--wordGap: .15em;--inkL: 28%;--inkC: .024;--inkH: 102;--emailSize: 1.7rem;--emailWeight: 400;--emailItalic: 1;--emailTrack: .045em;--emailL: 54.5%;--lineWidth: 100vw;--lineHeight: 152px;--gapAbove: 1.5rem;--gapBelow: 6.6rem;--vivid: 1;--shimmer: 3;--speed: 2.5;--spill: 4.8;--rays: 23;--rayContrast: 1;--fan: 1;--dispersion: .6;--hueShift: .12;--hueSpan: 1.5;--lineGrain: .1;--intensity: 1.17;--taper: 3;--flow: 0;--warp: 2.5;grid-template-rows:1fr auto auto 1fr;place-items:center;padding:0 1.25rem;background:oklch(var(--L) var(--C) var(--H))}.page[data-variant=spectrum]:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.43 0 0 0 0 0.40 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.page[data-variant=spectrum] .wordmark{grid-row:1;align-self:end;display:block;font-size:max(var(--titleSize),2.2rem);font-weight:var(--titleWeight);letter-spacing:var(--titleTrack);word-spacing:var(--wordGap);line-height:1.1;color:oklch(var(--inkL) var(--inkC) var(--inkH))}.page[data-variant=spectrum] .wordmark span{display:inline}.page[data-variant=spectrum] .wordmark span:last-child{padding-left:0}.spectrum{display:none;position:relative;z-index:1;grid-row:2;width:var(--lineWidth);max-width:100%;height:1px;margin:var(--gapAbove) 0 var(--gapBelow);--hues: transparent 0%, oklch(72% .075 25) 12%, oklch(74% .08 70) 28%, oklch(74% .07 130) 44%, oklch(72% .07 195) 60%, oklch(70% .075 265) 76%, oklch(70% .075 320) 90%, transparent 100%;background:linear-gradient(90deg,var(--hues))}.spectrum:after{content:"";position:absolute;inset:-3px 0;background:linear-gradient(90deg,var(--hues));filter:blur(3px);opacity:.55}.spectrum__gl{position:absolute;left:0;top:calc(var(--lineHeight) * -.045);width:100%;height:var(--lineHeight);display:none;pointer-events:none}.spectrum.is-gl{background:none}.spectrum.is-gl:after{display:none}.spectrum.is-gl .spectrum__gl,.page[data-variant=spectrum] .spectrum{display:block}.soon{display:none}.page[data-variant=spectrum] .soon{display:block;position:relative;z-index:1;grid-row:3;margin:0;font-family:var(--sans);font-size:var(--emailSize);font-weight:var(--emailWeight);font-style:italic;letter-spacing:var(--emailTrack);color:oklch(var(--emailL) var(--inkC) var(--inkH))}.page[data-tagline-roman] .soon,.page[data-tagline-roman] .notify__input{font-style:normal}.page[data-variant=spectrum] .notify{display:none}.page[data-variant=spectrum] .notify{grid-row:3;width:min(100%,22rem);text-align:center}.page[data-variant=spectrum] .notify__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.page[data-variant=spectrum] .notify__row{border-bottom:0;justify-content:center;padding-bottom:0}.page[data-variant=spectrum] .notify__input{text-align:center;font-size:var(--emailSize);font-weight:var(--emailWeight);font-style:italic;letter-spacing:var(--emailTrack);color:oklch(var(--emailL) var(--inkC) var(--inkH))}.page[data-variant=spectrum] .notify__input::placeholder{color:oklch(calc(var(--emailL) + 8%) var(--inkC) var(--inkH))}.page[data-variant=spectrum] .notify__submit{display:none}.page[data-variant=spectrum] .notify__status{font-size:.9rem}.tune{position:fixed;left:1rem;bottom:1rem;z-index:10;display:grid;gap:.35rem;padding:.6rem .9rem .75rem;width:19rem;grid-template-columns:minmax(0,1fr);max-height:calc(100vh - 2rem);overflow:auto;background:#1c1b19eb;color:#cfcac1;border-radius:10px;font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;box-shadow:0 6px 24px #00000040}.tune__tabs{display:flex;gap:2px;margin:0 0 .4rem;border-bottom:1px solid rgba(239,236,230,.15)}.tune .tune__tabs button{border:0;background:transparent;color:#9a958c;font:inherit;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .6rem;cursor:pointer;border-bottom:2px solid transparent;border-radius:0}.tune .tune__tabs button[aria-selected=true]{color:#efece6;border-bottom-color:#efece6;background:transparent}.tune__panel{display:grid;gap:.3rem}.tune__panel[hidden]{display:none}.tune label{display:grid;grid-template-columns:5.2rem 1fr 3.2rem;align-items:center;gap:.5rem;text-transform:uppercase}.tune input[type=range]{width:100%;accent-color:#efece6}.tune output{text-align:right;text-transform:none;font-variant-numeric:tabular-nums;color:#efece6}.tune__row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;margin-top:.3rem;padding-top:.5rem;border-top:1px solid rgba(239,236,230,.15)}.tune code{font-family:ui-monospace,Menlo,monospace;font-size:.62rem;letter-spacing:0;color:#9a958c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.tune button{border:0;background:#efece6;color:#1c1b19;font:inherit;padding:.25rem .55rem;border-radius:999px;cursor:pointer}.tune__error{margin:0 0 .4rem;padding:.45rem .55rem;border-radius:6px;background:#8a3b2e;color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:.66rem;letter-spacing:0;line-height:1.35;white-space:pre-wrap}.variants{position:fixed;right:1rem;bottom:1rem;z-index:10;display:flex;gap:2px;padding:3px;background:#1c1b19eb;border-radius:999px;font-family:var(--sans);box-shadow:0 6px 24px #00000040}.variants button{border:0;background:transparent;color:#cfcac1;font:inherit;font-size:.72rem;font-weight:500;letter-spacing:.12em;padding:.45rem .7rem;border-radius:999px;cursor:pointer}.variants button span{display:none;margin-left:.35em;font-weight:400;letter-spacing:.04em;text-transform:none}.variants button[aria-pressed=true]{background:#efece6;color:#1c1b19}.variants button[aria-pressed=true] span{display:inline}@media (max-width: 720px){:root{--fold: 74%}.page{padding-bottom:2.5rem}.page[data-variant=folio] .wordmark{padding-left:1.25rem;font-size:clamp(2.4rem,11vw,4.5rem)}.page[data-variant=folio] .notify{width:auto;margin:0 1.25rem}.page[data-variant=nocturne] .notify{justify-self:stretch;width:auto;margin-top:3rem}.notify__label{letter-spacing:.24em}}
