@font-face{font-family:Fraunces;font-weight:600;font-style:normal;font-display:swap;src:url(/theme/assets/fonts/fraunces-600.woff2) format("woff2")}@font-face{font-family:Figtree;font-weight:400;font-style:normal;font-display:swap;src:url(/theme/assets/fonts/figtree-400.woff2) format("woff2")}@font-face{font-family:Figtree;font-weight:600;font-style:normal;font-display:swap;src:url(/theme/assets/fonts/figtree-600.woff2) format("woff2")}:root{--paper: #f4f1ea;--ink: #243036;--steel: #5c676c;--tide: #245e70;--deep: #1a4654;--hero: #16343d;--sage: #7f9a62;--white: #fffcf7;--line: color-mix(in srgb, var(--ink) 14%, var(--paper));color:var(--ink);background:var(--paper);font-family:Figtree,Avenir Next,sans-serif;font-size:1.0625rem;line-height:1.6}*{box-sizing:border-box}body{margin:0}:focus-visible{outline:2px solid var(--tide);outline-offset:3px}.skip{position:absolute;left:1rem;top:-4rem;background:var(--white);padding:.5rem .75rem}.skip:focus{top:1rem;z-index:3}.shell{min-height:100dvh}.bar,.wrap{width:min(72rem,calc(100% - 2rem));margin-inline:auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}.word{color:var(--ink);font-weight:600;text-decoration:none}.word span{color:var(--tide);font-family:Fraunces,Palatino,serif;font-weight:600}.bar a.quiet{color:var(--tide);font-weight:600}.hero{min-height:calc(100dvh - 4.5rem);display:flex;align-items:flex-end;padding:4rem 0 5rem;color:#f7f4ef;background:radial-gradient(ellipse 50% 40% at 12% 10%,color-mix(in srgb,var(--sage) 45%,transparent),transparent 60%),linear-gradient(168deg,var(--hero),color-mix(in srgb,var(--hero) 65%,var(--tide)))}.hero h1,.stage h1,.stage h2,.install h2,.studio-rail h1{font-family:Fraunces,Palatino,serif;font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:.4rem 0 1rem}.hero h1{font-size:clamp(2.4rem,5.2vw,4.2rem);max-width:18ch}.kicker{margin:0;font-family:Fraunces,Palatino,serif;font-style:italic;color:#d7e2c4;font-size:1.4rem}.lede{max-width:38rem;font-size:1.15rem;color:color-mix(in srgb,#f7f4ef 82%,var(--sage))}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.button,button,.ghost{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.1rem;border-radius:2px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.button,button.primary,button[type=submit]{background:var(--tide);color:#fff;border:0}.button{background:#f7f4ef;color:var(--hero)}.ghost,.ghost-btn{background:transparent;color:var(--tide);border:1px solid var(--line)}.hero .ghost{color:#f7f4ef;border-color:color-mix(in srgb,#f7f4ef 40%,transparent)}.stage{padding:4.5rem 0}.stage h1{font-size:clamp(2rem,4vw,3.2rem);max-width:18ch}.grid{display:grid;gap:1rem}@media(min-width:800px){.three{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1.1fr .9fr;align-items:start}}.card{border:1px solid var(--line);background:var(--white);padding:1.25rem}.card strong{display:block;margin-bottom:.35rem}.card p,.install li{margin:0;color:var(--steel)}.steps{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.steps li{display:flex;gap:.75rem}.num{flex:0 0 2rem;height:2rem;display:grid;place-items:center;background:var(--hero);color:#f7f4ef;font-size:.85rem}.form{display:grid;gap:.9rem}label{display:grid;gap:.35rem;font-weight:600}input[type=text],input[type=email],textarea,input[type=color]{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:2px;min-height:2.75rem;padding:.55rem .7rem}textarea{min-height:6rem;resize:vertical}.check{grid-template-columns:auto 1fr;align-items:start;font-weight:400}.check input{width:1.15rem;height:1.15rem;margin-top:.2rem}.colors{display:flex;gap:1rem;flex-wrap:wrap}.colors label{font-size:.9rem}.error{margin:0;color:#8a2b2b}.progress{margin:0 0 1rem;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:var(--tide)}.look-pick{text-align:left;width:100%;color:inherit;background:var(--white);border:1px solid var(--line);border-radius:2px}.look-pick[aria-pressed=true]{border-color:var(--tide);box-shadow:inset 0 0 0 1px var(--tide)}.preview{min-height:16rem;padding:2rem 1.4rem;color:#f7f4ef;display:flex;flex-direction:column;justify-content:flex-end}.preview h2{font-family:Fraunces,Palatino,serif;margin:.3rem 0 .6rem;line-height:1.1}.honeypot{position:absolute;left:-999px;height:0;overflow:hidden}.install ol{margin:0;padding-left:1.2rem;display:grid;gap:.7rem}.note{color:var(--steel)}.kit-preview{padding:0}.shell-studio{height:100dvh;overflow:hidden}.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);gap:.75rem;height:100dvh;width:100%;padding:.75rem;background:var(--paper)}.studio-stage,.studio-rail{min-width:0;min-height:0;border:1px solid color-mix(in srgb,var(--ink) 42%,var(--paper));background:var(--white)}.studio-stage{height:100%;overflow:hidden}.studio-rail{overflow:auto;padding:1.25rem 1.15rem 2.5rem}.studio-rail h1{font-size:clamp(1.55rem,2vw,2rem);max-width:16ch}.studio-back{display:inline-block;margin-bottom:.85rem;color:var(--tide);font-weight:600;text-decoration:none}.rail-toggle{display:none}.theme-frame{width:100%;height:100dvh;background:#f4f1ea}.studio-stage .theme-frame{height:100%}@media(max-width:800px){.studio{grid-template-columns:1fr;grid-template-rows:1fr}.rail-toggle{display:inline-flex;position:fixed;top:.75rem;right:.75rem;z-index:6;background:var(--white);color:var(--tide);border:1px solid var(--line)}.studio-rail{position:fixed;top:0;right:0;bottom:0;width:min(22rem,calc(100% - 2.75rem));z-index:5;padding-top:4.25rem;transform:translate(105%);border-left:1px solid var(--line);box-shadow:-12px 0 32px color-mix(in srgb,var(--ink) 16%,transparent)}.studio-rail.is-open{transform:none}}.theme-frame iframe{width:100%;height:100%;border:0;background:#fff}.install{margin-top:1.5rem}footer{padding:2rem 0 3rem;color:var(--steel);font-size:.92rem}footer a{color:var(--tide)}.stack{display:grid;gap:1rem;margin-top:1rem}.add-row{display:flex;flex-wrap:wrap;gap:.5rem}.block-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.block-item{display:grid;gap:.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.sample-line{margin:0;font-family:Fraunces,Palatino,serif;font-size:1.35rem;line-height:1.25}.assist{margin-bottom:1rem}.assist h2{margin:0 0 .4rem;font-size:1.2rem}button.ghost-btn,button.primary{min-height:44px}