/* Native page section; the approved atelier material and choreography live here. */
.wc-section.wc-site{margin-top:200px;height:100svh;min-height:0;background:#ffffff;isolation:isolate}
/* Let the larger entry ring breathe beyond its section without a hard crop. */
.wc-site-view{position:relative;width:100%;height:100svh;overflow-x:clip;overflow-y:visible}
.wc-site-copy{position:absolute;inset:50% auto auto 50%;width:max-content;max-width:90%;text-align:center;opacity:0;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.wc-site-copy h2{font:400 clamp(24px,min(9vw,7.8svh),64px)/1.06 Selecta,Arial,sans-serif;letter-spacing:-.045em;margin:0;color:#26312c}
.wc-site-copy h2 span{display:block}
.wc-site-copy p{font:clamp(16px,1.3vw,19px)/1.5 Selecta,Arial,sans-serif;letter-spacing:-.015em;color:#56665e;margin:20px auto 0;max-width:300px}
.wc-site .wc-scene{inset:0;outline:none}
.wc-site-hit{position:absolute;left:50%;top:50%;width:100px;height:100px;transform-origin:center;border:0;padding:0;background:none;cursor:pointer;touch-action:pan-y pinch-zoom;border-radius:20px}
.wc-site-hit:focus-visible{outline:2px solid #749783;outline-offset:3px}
.wc-site-actions{position:absolute;right:24px;bottom:max(16px,env(safe-area-inset-bottom));max-width:45%;display:grid;justify-items:end;gap:6px;z-index:1500;pointer-events:none}
.wc-site-actions button,.wc-site-settings{pointer-events:auto;min-height:44px;padding:0 20px;border:1px solid #dce4df;border-radius:25px;background:#ffffffb8;box-shadow:0 3px 8px #384a3e06;color:#374c3e;font:12px Selecta,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.wc-site-actions button span,.wc-site-settings span{margin-left:12px}
.wc-site-instruction{font:12px/1.5 Selecta,Arial,sans-serif;color:#66766c;margin:0 0 4px}
/* Announce selections without displaying a duplicate name under the circle. */
.wc-site-actions [data-wc-selected]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wc-site-settings{position:absolute;top:100px;right:24px;z-index:1500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.wc-site-panel[popover]{box-sizing:border-box;inset:156px 24px auto auto;margin:0;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 176px - env(safe-area-inset-bottom));padding:20px 22px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #dce4df;border-radius:24px;background:#f8fbf9f5;box-shadow:0 16px 64px #23352a24;color:#26312c;font:13px/1.5 Selecta,Arial,sans-serif;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top right;transition:opacity 160ms ease-out,transform 160ms ease-out,display 160ms allow-discrete,overlay 160ms allow-discrete}
.wc-site-panel[popover]:popover-open{display:flex;flex-direction:column;gap:20px;opacity:1;transform:none}
@starting-style{.wc-site-panel[popover]:popover-open{opacity:0;transform:translateY(-6px) scale(.97)}}
.wc-site-panel[popover]::backdrop{background:transparent}
.wc-site-panel>*{flex-shrink:0}
.wc-site-panel .cg-panel{overflow:visible;overscroll-behavior:auto}
.wc-site-panel .cg-header{display:none}
.wc-site-panel-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-20px;padding:10px 0;z-index:2;background:#f8fbf9;box-shadow:0 -20px 0 #f8fbf9}
.wc-site-panel-heading h2{font:25px Kalice,Georgia,serif;letter-spacing:-.025em;margin:0}
.wc-site-panel-heading button{width:44px;height:44px;border:1px solid #d7e1da;border-radius:50%;background:#fff9;font:24px Selecta;cursor:pointer}
.wc-site-panel fieldset{border:0;margin:0;padding:0;min-width:0}
.wc-site-panel legend{font-size:12px;margin-bottom:10px}
.wc-site-progress{display:flex;align-items:center;gap:12px}
.wc-site-progress input{min-width:0;width:100%;height:28px;accent-color:#6e8276;touch-action:pan-y}
.wc-site-engines{display:flex;gap:3px;padding:3px;background:#eaf0ec99;border-radius:12px}
.wc-site-engines button{border:0;flex:1;min-height:44px;background:transparent;color:#56675c;border-radius:9px;font:12px Selecta;cursor:pointer}
.wc-site-engines button[aria-pressed=true]{background:#fff;color:#374c3e;box-shadow:0 1px 4px #253f2e14}
.wc-site-panel [data-wc-status]{font-size:12px;color:#6e8474}
.wc-site-panel[data-instant]{transition:none}
.wc-site noscript{display:block;max-width:640px;margin:auto;padding:30px}
.wc-site:has(noscript p){height:auto;min-height:70svh}.wc-site:has(noscript p) .wc-site-view{height:55svh}.wc-site:has(noscript p) .wc-site-copy{opacity:1}.wc-site:has(noscript p) .wc-site-settings,.wc-site:has(noscript p) .wc-site-actions{display:none}
@media(max-width:760px){.wc-site-copy p{max-width:240px;margin-top:16px}.wc-site-actions{right:12px;max-width:70%}.wc-site-settings{right:12px;top:84px}.wc-site-panel[popover]{inset:138px 12px auto auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 154px - env(safe-area-inset-bottom));padding:16px 18px 22px}.wc-site-panel-heading{top:-16px;box-shadow:0 -16px 0 #f8fbf9}}
@media(prefers-reduced-motion:reduce){.wc-section.wc-site{height:100svh;min-height:0}.wc-site-copy{opacity:1}.wc-site-panel[popover]{transition:none;transform:none}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){.wc-site-panel[popover],.wc-site-panel-heading,.wc-site-settings{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:CanvasText;box-shadow:none}}

/* Site-wide material studios already occupy the lower-right corner. */
.wc-site-actions{left:50%;right:auto;transform:translateX(-50%);justify-items:center;text-align:center;max-width:60%;bottom:max(22px,env(safe-area-inset-bottom))}
.wc-site-panel [data-wc-toggle]{min-height:44px;border:1px solid #dce4df;border-radius:24px;background:#fff;color:#374c3e;font:12px Selecta;cursor:pointer}
@media(max-width:760px){.wc-site-actions{bottom:78px}.wc-site-instruction{font-size:11px}}

@media(prefers-reduced-motion:reduce){.wc-site-instruction{display:none}}