.studio{color:#fff;background:#071f17;min-height:100vh}.studio>header{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:84px;padding:0 4vw;display:flex}.studio>header a,.studio>header span{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;font-size:9px;font-weight:900;display:flex}.studio>header svg{width:16px}.studio>header a:last-child{color:#071f17;background:#a8ff78;padding:13px 16px}.studio-intro{background:radial-gradient(circle at 80% 0,#287a55,#071f17 58%);padding:80px 6vw 60px}.studio-intro small{color:#a8ff78;letter-spacing:.17em;font-size:8px}.studio-intro h1{letter-spacing:-.075em;margin:24px 0;font:500 clamp(66px,8vw,120px)/.8 Georgia}.studio-intro h1 em{color:#a8ff78;font-weight:400}.studio-intro p{color:#b7c6be;max-width:620px;line-height:1.7}.studio-workspace{color:#102019;background:#fff;grid-template-columns:390px 1fr;max-width:1500px;margin:auto;display:grid}.studio-workspace aside{z-index:2;padding:35px;box-shadow:18px 0 45px #061b1218}.studio-workspace label{text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:8px;margin-bottom:18px;font-size:8px;font-weight:900;display:flex}.studio-workspace input,.studio-workspace select,.studio-workspace textarea{text-transform:none;letter-spacing:0;background:#fff;border:1px solid #ccd2cd;width:100%;padding:12px;font:500 13px Arial}.studio-workspace fieldset{border:0;margin:0 0 18px;padding:0}.studio-workspace legend{text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:8px;font-weight:900;display:flex}.studio-workspace legend svg{width:14px}.studio-workspace fieldset>div{gap:8px;display:flex}.studio-workspace fieldset button{cursor:pointer;border:2px solid #fff;width:31px;height:31px;box-shadow:0 0 0 1px #bbc2bd}.studio-workspace fieldset button[aria-pressed=true]{box-shadow:0 0 0 3px #071f17}.save-preview{color:#fff;text-transform:uppercase;cursor:pointer;background:#071f17;border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:9px;font-weight:900;display:flex}.save-preview svg{width:17px}.spin{animation:.8s linear infinite spin}.studio-message{color:#68736c;min-height:32px;font-size:10px;line-height:1.5}.studio-message.error{color:#a32626}.studio-message.saved{color:#13743e}.open-preview{text-transform:uppercase;background:#a8ff78;justify-content:space-between;align-items:center;padding:14px;font-size:9px;font-weight:900;display:flex}.open-preview svg{width:15px}.studio-canvas{background:var(--studio-bg);color:#102019;min-height:770px}.studio-canvas.dark{color:#fff}.studio-browser{color:#3e4943;background:#e4e2dc;align-items:center;gap:6px;height:42px;padding:0 18px;display:flex}.studio-browser i{background:#a6aaa7;border-radius:50%;width:8px;height:8px}.studio-browser span{letter-spacing:.12em;margin-left:auto;font-size:7px}.studio-canvas nav{align-items:center;gap:35px;height:82px;padding:0 5%;display:flex}.studio-canvas nav b{margin-right:auto;font-size:18px}.studio-canvas nav span{font-size:9px;font-weight:800}.studio-canvas nav strong,.studio-hero a{background:var(--studio-accent);color:#122019;padding:13px;font-size:8px}.studio-hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:5vw;padding:8% 6%;display:grid}.studio-hero small{letter-spacing:.15em;font-size:8px;font-weight:900}.studio-hero h2{letter-spacing:-.07em;margin:22px 0;font:700 clamp(50px,5vw,82px)/.86 Arial}.studio-hero p{color:#5e6b64;line-height:1.7}.dark .studio-hero p{color:#bdc8c1}.studio-hero a{align-items:center;gap:8px;margin-top:15px;font-weight:900;display:inline-flex}.studio-hero a svg{width:14px}.studio-art{background:var(--studio-accent);place-items:center;height:350px;display:grid;position:relative;overflow:hidden}.studio-art span{border:20px solid #fff6;width:300px;height:80px;position:absolute;transform:rotate(40deg)}.studio-art span:nth-child(2){transform:rotate(-38deg)}.studio-art b{z-index:2;color:#fff;font-size:140px}.studio-proof{border-top:1px solid #0002;gap:38px;padding:20px 6%;font-size:8px;font-weight:900;display:flex}.studio-proof span{align-items:center;gap:5px;display:flex}.studio-proof svg{color:#28784f;width:13px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.studio-workspace{grid-template-columns:1fr}.studio-workspace aside{box-shadow:none}.studio-canvas{min-height:650px}}@media (width<=650px){.studio>header span{display:none}.studio-intro{padding:65px 22px}.studio-workspace aside{padding:28px 22px}.studio-hero{grid-template-columns:1fr;padding:70px 24px}.studio-canvas nav span{display:none}.studio-art{height:290px}.studio-proof{gap:10px;display:grid}}