.studio-positioning,.studio-feature-list{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:90px 0;border-bottom:1px solid #dfddd3}
.studio-positioning .studio-heading h2,.studio-feature-list .studio-heading h2{margin-bottom:24px}
.studio-positioning .studio-heading p,.studio-feature-list .studio-heading p{max-width:760px;color:#69685f;font-size:17px;line-height:1.65}
.studio-scale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}
.studio-scale-grid article{padding:32px;background:#eeece2;border-radius:18px}
.studio-scale-number{display:block;font-size:clamp(44px,5vw,72px);font-weight:750;letter-spacing:-.055em;color:#80703a;line-height:1}
.studio-scale-grid h3,.studio-creative h3{font-size:23px;letter-spacing:-.025em;line-height:1.15;margin:26px 0 14px}
.studio-scale-grid p,.studio-creative p{font-size:16px;line-height:1.65;color:#69685f;margin:0}
.studio-creative{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:34px;margin-top:34px;border-top:1px solid #dfddd3}
.studio-creative h3{margin:0}.studio-creative p{max-width:760px}
.studio-feature-list{padding-top:35px;padding-bottom:70px}
.studio-feature-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin-top:32px;align-items:start}
.studio-feature-groups details{border-block:1px solid #dfddd3;margin-top:-1px}
.studio-feature-groups summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:68px;padding:22px 0;font-size:18px;font-weight:650}
.studio-feature-groups summary::-webkit-details-marker{display:none}.studio-feature-groups summary span{font-weight:400;transition:transform .15s}.studio-feature-groups details[open] summary span{transform:rotate(45deg)}
.studio-feature-groups summary:focus-visible{outline:2px solid #80703a;outline-offset:4px}
.studio-feature-groups ul{margin:0 0 24px;padding-left:20px;color:#69685f;line-height:1.9}
.studio-feature-note{max-width:760px;color:#69685f;font-size:14px;line-height:1.65;margin-top:24px}
@media(max-width:760px){.studio-positioning,.studio-feature-list{width:calc(100% - 38px);padding:56px 0}.studio-scale-grid,.studio-creative,.studio-feature-groups{grid-template-columns:1fr}.studio-scale-grid{gap:14px;margin-top:28px}.studio-scale-grid article{padding:26px}.studio-creative{gap:16px;margin-top:26px;padding-top:26px}.studio-positioning .studio-heading p,.studio-feature-list .studio-heading p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.studio-feature-groups summary span{transition:none}}

/* Keep the capability summary below the initial viewport. */
.studio-page .studio-hero{min-height:100svh}
#theme-capabilities{scroll-margin-top:24px}
.studio-positioning{padding-top:40px}
.studio-scale-label{display:block;color:#80703a;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.14em}
.studio-scale-grid h3{margin-top:18px}
html:has(.studio-page){scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html:has(.studio-page){scroll-behavior:auto}}

/* Lightweight storefront diagrams: presentation only, never fake controls. */
.studio-scale-grid{gap:28px}
.studio-scale-grid article{padding:0;background:transparent;border-radius:0;min-width:0}
.studio-scale-caption{padding:24px 4px 0}
.studio-scale-caption h3{margin:12px 0 10px;font-size:22px}
.studio-scale-caption p{font-size:15px;line-height:1.6;max-width:370px}
.studio-storefront-sketch{--sketch-paper:#f8f4e9;--sketch-tile:#e5decc;--sketch-ink:#4b493b;height:278px;background:var(--sketch-paper);border:1px solid #d9d6ca;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #29271806;transition:transform .25s,box-shadow .25s;user-select:none;color:var(--sketch-ink)}
.studio-scale-grid article:hover .studio-storefront-sketch{transform:translateY(-4px);box-shadow:0 14px 24px #2927180b}
.sketch--collection{--sketch-paper:#eef0e8;--sketch-tile:#d7dfce;--sketch-ink:#394835}
.sketch--catalog{--sketch-paper:#edf1f0;--sketch-tile:#d7e1df;--sketch-ink:#284740}
.sketch-browser{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #d9d6ca;background:#fff9;font:8px/1 Arial,sans-serif;letter-spacing:.02em;color:#858277}
.sketch-browser>span:first-child{display:flex;gap:4px}.sketch-browser i{width:4px;height:4px;background:#c9c6ba;border-radius:50%}
.sketch-window{padding:0 16px 16px}
.sketch-nav{height:36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #73776324;margin-bottom:14px;font:600 9px/1 Arial,sans-serif;letter-spacing:.13em}
.sketch-nav>span:nth-child(2){display:flex;gap:6px}.sketch-nav i{width:15px;height:2px;background:currentColor;opacity:.4}.sketch-nav>span:last-child{font-size:11px}
.sketch-photo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--sketch-tile);min-width:0}
.sketch-vessel{display:block;position:relative;width:58px;height:80px;border-radius:24% 24% 35% 35% / 28% 28% 15% 15%;background:#626a42;box-shadow:inset -10px 0 0 #0000000a,0 7px 4px -5px #0003}
.sketch-vessel:before{content:"";position:absolute;width:30px;height:20px;left:14px;top:-12px;border-radius:4px 4px 1px 1px;background:inherit;border-top:4px solid #0002}
.sketch-vessel:after{content:"";position:absolute;inset:6px 9px;border-left:1px solid #ffffff21;border-right:1px solid #00000009;border-radius:inherit}
.sketch-vessel--clay{background:#ab684d}.sketch-vessel--sand{background:#baab8b}
.sketch-signature{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;height:159px}
.sketch-signature>.sketch-photo{padding-top:16px}
.sketch-product{padding-top:11px;min-width:0}.sketch-micro{display:block;font:6px/1.4 Arial,sans-serif;letter-spacing:.14em}
.sketch-serif{display:block;font:21px/1.03 Georgia,serif;letter-spacing:-.04em}
.sketch-product .sketch-serif{margin:9px 0 13px}
.sketch-line{display:block;width:82%;height:3px;background:currentColor;opacity:.18;border-radius:3px;margin:5px 0}.sketch-line--short{width:57%}
.sketch-swatches{display:flex;gap:5px;margin-top:11px}.sketch-swatches i{width:7px;height:7px;border-radius:50%;background:#626a42}.sketch-swatches i:nth-child(2){background:#baab8b}.sketch-swatches i:nth-child(3){background:#ab684d}
.sketch-purchase{display:block;height:16px;max-width:100px;background:var(--sketch-ink);margin-top:13px;border-radius:2px}.sketch-purchase:after{content:"";display:block;margin:auto;position:relative;top:7px;width:34px;height:2px;background:#fff9}
.sketch-story{position:relative;margin-top:12px;width:100%;padding-right:60%}.sketch-story>span{position:absolute;right:0;top:3px;font:6px Arial,sans-serif;letter-spacing:.16em}
.sketch-edit-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 15px}.sketch-edit-heading .sketch-serif{font-size:19px}
.sketch-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;height:156px}.sketch-editorial>.sketch-photo{padding-top:15px}.sketch-edit-side{padding-top:25px}.sketch-edit-side .sketch-photo{height:94px}.sketch-edit-side .sketch-vessel{transform:scale(.65);margin-top:12px}.sketch-edit-side>.sketch-line{margin-top:10px}
.sketch-catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.sketch-catalog-heading .sketch-serif{font-size:19px}.sketch-sort{font:12px Arial,sans-serif}
.sketch-catalog{display:grid;grid-template-columns:58px 1fr;gap:13px}.sketch-filters{padding-right:8px;border-right:1px solid #73776324}.sketch-filters b{display:block;width:31px;height:3px;position:relative;margin:12px 0 0 8px;background:#78898044}.sketch-filters b:before{content:"";width:4px;height:4px;border:1px solid #74837a;position:absolute;left:-8px;top:-1px}.sketch-filters hr{margin:15px 0 10px;border:0;border-top:1px solid #73776324}
.sketch-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sketch-item .sketch-photo{height:48px;padding-top:7px}.sketch-item .sketch-vessel{transform:scale(.38);flex-shrink:0}.sketch-item .sketch-line{height:2px;margin:4px 0}.sketch-item .sketch-line--short{display:none}.sketch-item .sketch-swatches{margin-top:4px;gap:3px}.sketch-item .sketch-swatches i{width:4px;height:4px}
@media(min-width:761px) and (max-width:1100px){.studio-scale-grid{gap:16px}.sketch-window{padding-inline:10px}.sketch-signature{gap:10px}.sketch-serif{font-size:17px}.sketch-edit-heading{align-items:flex-start;flex-direction:column;gap:7px}.sketch-editorial{height:140px}.sketch-catalog{grid-template-columns:38px 1fr;gap:8px}.sketch-filters b{width:19px}.sketch-catalog-heading .sketch-serif{font-size:16px}.sketch-nav>span:nth-child(2){display:none}}
@media(max-width:760px){.studio-scale-grid{gap:32px}.studio-scale-grid article{padding:0}.studio-storefront-sketch{height:278px;max-width:460px;margin-inline:auto}.studio-scale-caption{max-width:460px;margin-inline:auto;padding-top:21px}.studio-scale-caption p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.studio-storefront-sketch{transition:none}.studio-scale-grid article:hover .studio-storefront-sketch{transform:none}}
.studio-feature-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}.studio-feature-note a:hover{color:#26281e}
