:root{--ink:#1d2924;--paper:#f8f7f2;--muted:#68736d;--line:#d9dfd9;--acid:#caff74;--orange:#ee6b3c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}header{height:74px;padding:0 max(26px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}header>a:last-child,header>span{margin-left:auto}.brand{color:var(--ink);font-size:19px;font-weight:700;text-decoration:none}.brand b{display:inline-grid;place-items:center;background:var(--ink);color:var(--acid);border-radius:8px;width:26px;height:26px;margin-right:8px;font:600 16px 'Fraunces'}.button{display:inline-block;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 17px;text-decoration:none;font:600 13px 'DM Sans'}header>a:not(.brand):not(.button){color:var(--ink);font-size:13px;text-decoration:none}main{max-width:1160px;padding:80px 28px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end}.eyebrow{font:11px 'DM Mono';letter-spacing:.7px;color:var(--muted)}h1,h2{font-family:'Fraunces';letter-spacing:-2.5px}.heading h1{font-size:58px;margin:8px 0}.heading p:not(.eyebrow){color:var(--muted)}section{margin-top:75px}.label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);align-items:center}.label h2{font:600 20px 'DM Sans';letter-spacing:0}.label span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.card{color:var(--ink);text-decoration:none;border:1px solid var(--line);background:#fff;padding:12px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #21352a15}.art{height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#dce8e3,#f3c59a);color:white;font:600 66px 'Fraunces'}.card small{display:block;color:var(--orange);font:10px 'DM Mono';text-transform:uppercase;margin-top:15px}.card h3{margin:6px 0 3px}.card p{font-size:12px;color:var(--muted);margin:0 0 15px}.card>b{font-size:13px}.empty{text-align:center;border:1px dashed #bfc8c0;margin-top:20px;padding:70px}.empty h2{font-size:32px;margin:0}.empty p{color:var(--muted);margin-bottom:25px}.editor{display:grid;grid-template-columns:385px 1fr;min-height:calc(100vh - 74px)}aside{background:#fff;padding:38px;border-right:1px solid var(--line)}aside>a{font-size:13px;color:var(--muted);text-decoration:none;display:block;margin-bottom:52px}aside h1{font-size:43px;margin:8px 0}aside>p:not(.eyebrow){font-size:13px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:16px 0}input:not([type=color]),textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid var(--line);font:14px 'DM Sans'}textarea{height:88px;resize:vertical}.colors{display:flex;gap:20px}.colors label{flex:1}.colors input{width:100%;height:37px;margin-top:7px;padding:0;border:0;background:none}.preview{background:#edf1eb;margin:0;padding:40px}.site{min-height:630px;overflow:hidden;position:relative;padding:27px 32px;background:#f5d6bd;color:var(--primary);box-shadow:0 16px 34px #233a2a20}.site nav{display:flex;justify-content:space-between;font-size:12px;position:relative;z-index:1}.site nav b{letter-spacing:1px}.site nav span{font-size:11px}.site>div{position:relative;z-index:1;max-width:550px;margin-top:135px}.site>div>p:first-child{font:10px 'DM Mono';letter-spacing:1px}.site h2{font-size:clamp(48px,6vw,80px);line-height:.92;margin:18px 0}.site>div>p:last-child{max-width:420px;font-size:16px;line-height:1.55}.site i{position:absolute;right:-20px;bottom:0;width:38%;height:58%;border-radius:220px 220px 0 0;background:linear-gradient(145deg,var(--primary) 0 34%,var(--accent) 34% 63%,#efb478 63%)}#save{font-size:12px;color:#5e7a61}@media(max-width:800px){.heading{display:block}.heading .button{margin-top:18px}.cards{grid-template-columns:1fr}.editor{grid-template-columns:1fr}.preview{padding:20px}.site{min-height:500px}.site>div{margin-top:100px}.site nav span{display:none}}
/* Account workspace: readable on phones and clear for returning users. */
.workspace-account{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.workspace-account .email{color:#66776d;font-size:14px}
@media (max-width:700px){header{padding:16px 20px;gap:12px;flex-wrap:wrap}header .brand{margin-right:auto}header .email{order:3;width:100%}.heading{display:block}.heading .button{display:inline-block;margin-top:18px}.cards{grid-template-columns:1fr}.card{min-height:0}}
.nav-sign-out{display:inline;margin:0}.nav-sign-out button{appearance:none;border:0;background:transparent;color:var(--ink);padding:0;font:13px 'DM Sans',sans-serif;cursor:pointer}.nav-sign-out button:hover,.nav-sign-out button:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
/* One SiteFoundry product mark across authenticated and account screens. */
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:21px;font-weight:700;letter-spacing:-1px;text-decoration:none}
.brand b,.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;margin:0;border-radius:11px;background:linear-gradient(135deg,#caff74 0 46%,#ff7655 46% 72%,#8ad8ff 72%);color:#17251f;box-shadow:4px 4px 0 #17251f;transform:rotate(-6deg);font:800 14px 'DM Sans',sans-serif}
@media (max-width:700px){.brand{font-size:18px}.brand b,.brand-mark{width:30px;height:30px;border-radius:10px;box-shadow:3px 3px 0 #17251f}}