.about-living-art{position:relative}
.about-living-art>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;filter:drop-shadow(4px 9px 1px #3c302b70)}
.about-living-art.is-animated>canvas{opacity:1}
.about-living-art.is-animated>.about-art{opacity:0}
.about-motion-controls{display:flex;justify-content:flex-end;margin:5px 7% 0;position:relative;z-index:4}
.about-motion-toggle{min-height:44px;font-size:11px;letter-spacing:.08em;padding:9px 0;border-bottom:1px solid #9c886966;color:#64543c}
.about-motion-toggle[hidden]{display:none}
.about-motion-toggle:before{content:'Ⅱ';font:12px Georgia,serif;margin-right:8px}
.about-motion-toggle[aria-pressed=true]:before{content:'▷'}
.about-view-controls{display:none}
@media(max-width:780px){.about-motion-controls{justify-content:center;margin-top:4px}.about-motion-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.about-living-art:not(.is-animated)>canvas{display:none}}
@media(max-width:780px){
 .about-figure{z-index:3}
 .about-cloud-two{top:0;width:24%}
 .about-view-controls{display:flex;align-items:center;gap:13px;height:44px;padding:0 4%;margin-bottom:7px}
 .about-view-controls button{min-height:40px;padding:8px 0;font-size:12px;letter-spacing:.03em;color:#877251;border-bottom:1px solid transparent}
 .about-view-controls button[aria-pressed=true]{color:#3f2a0f;border-bottom-color:#745a30}
 .about-motion-controls{position:absolute;top:0;right:4%;margin:0;justify-content:flex-end}
 .about-motion-toggle{font-size:12px;letter-spacing:0}
 .about-living-art[data-view=near]{aspect-ratio:1;overflow:hidden;border:1px solid #a68c5a55;background:#f5edda url('assets/paper.webp');background-size:90px}
 .about-living-art[data-view=near]>.about-art,.about-living-art[data-view=near]>canvas{position:absolute;left:-108%;top:-75%;width:280%;height:auto;max-width:none;aspect-ratio:1700/1203}
 html[lang=en] .about-view-controls{gap:10px}
 html[lang=en] .about-view-controls button,html[lang=en] .about-motion-toggle{font-size:9px}
}