.studio-block{padding:64px 5%;background:#f7f6f2;color:#222;position:relative;overflow:hidden}.studio-copy{max-width:750px}.studio-copy small{letter-spacing:.18em;font-size:11px}.studio-copy h2{font-size:clamp(30px,5vw,72px);line-height:1.06;font-weight:500;white-space:pre-line;margin:18px 0}.studio-copy p{line-height:1.7;white-space:pre-line}.studio-button{display:inline-block;padding:14px 0;border-bottom:1px solid;color:inherit;text-decoration:none;margin-top:10px}.studio-dark{background:#20231d;color:#fff}.studio-sage{background:#e0e4d7}.studio-hero{min-height:75vh;display:flex;align-items:end}.studio-hero .studio-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.studio-hero:has(img)::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.65))}.studio-hero:has(img){color:white}.studio-hero .studio-copy{position:relative;z-index:1}.studio-split{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.studio-split .studio-image{width:100%;aspect-ratio:4/5;object-fit:cover}.studio-align-right .studio-copy{margin-left:auto;text-align:right}.studio-product-grid,.studio-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.studio-product-grid a{display:grid;gap:9px;color:inherit;text-decoration:none}.studio-product-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.studio-category-grid a{position:relative;min-height:260px;background:#c9c9bb;color:white;display:flex;align-items:end;text-decoration:none}.studio-category-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.studio-category-grid span{position:relative;display:grid;gap:10px;padding:25px;width:100%;background:linear-gradient(transparent,#0009)}.studio-text .studio-copy{margin:auto;text-align:center}.studio-text{padding-block:100px}.studio-editor{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.1fr);gap:24px;margin:24px 0}.studio-controls,.studio-live{min-width:0}.studio-live{position:sticky;top:20px;align-self:start;max-height:80vh;overflow:auto;border:1px solid #ddd;background:white}.studio-live .studio-copy h2{font-size:28px}.studio-live .studio-block{padding:25px}.studio-live .studio-hero{min-height:320px}.studio-live .studio-product-grid,.studio-live .studio-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-card{background:white;border:1px solid #ddd;padding:18px;margin:12px 0}.studio-card summary{font-weight:bold;cursor:pointer}.studio-card label{display:grid;gap:7px;margin:14px 0}.studio-card input:not([type=checkbox]),.studio-card textarea,.studio-card select{width:100%;padding:10px;border:1px solid #ccc;min-width:0}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.studio-actions button,.studio-toolbar button{padding:10px 14px;cursor:pointer}.studio-card.dragging{opacity:.4}.studio-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.menu-group-row{border:1px solid #ddd;padding:15px;margin-block:12px}.menu-group-row input{padding:10px;max-width:100%}.menu-type-options{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.menu-type-options label{display:flex;gap:6px}.nav-group{position:relative;display:inline-block}.nav-group>a{color:inherit}.nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:180px;background:#fff;padding:14px;box-shadow:0 8px 20px #0002;z-index:30}.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{display:grid;gap:12px}.mobile-navigation .nav-group{display:block}.mobile-navigation .nav-submenu{position:static;display:grid;box-shadow:none;background:none;padding:0 0 0 15px}.mobile-navigation .nav-submenu a{font-size:14px;min-height:40px}.studio-status{min-height:24px}
@media(max-width:800px){.studio-editor,.studio-split{grid-template-columns:1fr}.studio-live{position:static;max-height:500px}.studio-product-grid,.studio-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-block{padding:35px 20px}.studio-hero{min-height:70vh}.studio-category-grid a{min-height:200px}.studio-category-grid span{padding:14px}.studio-split{gap:25px}}