/* Complete still compositions first; motion is progressive enhancement. */
.rl-workshop .rl-scene,.rl-education-scene .rl-scene,.aerd-learn-cutout .rl-scene{position:relative;isolation:isolate}
html[data-aerd-relations] .rl-scene img{backface-visibility:hidden}
html[data-aerd-relations] [data-rl-legacy-control],html[data-aerd-relations] .da-about-motion-toggle,html[data-aerd-relations] .motion-toggle,html[data-aerd-relations] #motion-toggle,html[data-aerd-relations] #motionToggle{display:none!important}
html[data-aerd-relations] .da-recovered-collage .da-original-layer{animation:none!important}
html[data-aerd-relations] body[data-aerd-art='home'] .actor .art,html[data-aerd-relations] body[data-aerd-art='home'] .actor img,html[data-aerd-relations] .about-building,html[data-aerd-relations] .about-fish{animation:none!important}
.rl-motion-control{position:fixed;bottom:18px;right:18px;z-index:900;padding:10px 16px;border:1px solid #bd8997;border-radius:24px;background:#fff9f5ed;color:#713b51;font:13px/1.4 Arial,sans-serif;box-shadow:0 2px 12px #713b5110;cursor:pointer;max-width:calc(100vw - 36px)}
.rl-motion-control:focus-visible,.rl-replay:focus-visible,.rl-workshop select:focus-visible{outline:3px solid #9b365a;outline-offset:4px}.rl-motion-control:disabled{cursor:default}
.rl-notebook{position:relative;aspect-ratio:440/320;width:100%;filter:drop-shadow(2px 5px 3px #713b5119)}
.rl-notebook-paper{display:block;width:100%;height:100%;overflow:visible}
.rl-pencil{position:absolute;width:9%;height:77%;right:16%;top:0;transform:rotate(23deg);transform-origin:50% 88%}
.rl-education-scene{float:right;width:clamp(180px,27vw,340px);margin:0 0 20px 40px;pointer-events:none}
.rl-education-scene .rl-scene{width:100%;aspect-ratio:440/320}
html[data-aerd-relations] body[data-aerd-art='home'] .aerd-learn-cutout .rl-scene{width:100%;height:100%;background:none;min-height:0;aspect-ratio:1.2;display:grid;align-items:center}
html[data-aerd-relations] body[data-aerd-art='home'] .aerd-learn-cutout .rl-notebook{width:100%;height:auto;aspect-ratio:440/320}
.rl-live-pages{position:absolute;inset:9% 12% 5% 22%;background:repeating-linear-gradient(90deg,#fcf6ed 0 4px,#d6b5ad 4px 5px);border:1px solid #ba8b8d;transform:rotate(5deg) translateX(8px);box-shadow:6px 9px 12px #54283515;z-index:0;pointer-events:none}
html[data-aerd-relations] .aerd-front-cover{position:relative;transform-origin:8% 50%;z-index:1}
html[data-aerd-relations] .aerd-newsletter-art img{animation:none!important;transition:none!important}
html[data-aerd-relations] [data-rl-scene='letters']:hover img{transform:none}
html[data-rl-state='paused'] [data-rl-scene] *,html[data-rl-state='hidden'] [data-rl-scene] *{animation-play-state:paused!important}
html[data-rl-state='reduced'] [data-rl-scene] *{animation:none!important;transition:none!important}
/* Workshop scenes reuse the actual original cut-outs. */
.rl-workshop{margin:0;background:#fffaf6;color:#49313c;font:16px/1.65 Arial,sans-serif}.rl-workshop *{box-sizing:border-box}
.rl-workshop>header{display:flex;justify-content:space-between;gap:20px;padding:25px max(24px,5vw);border-bottom:1px solid #e5c9cb}.rl-workshop a{color:inherit}.rl-workshop nav{display:flex;gap:18px}.rl-workshop main{max-width:1160px;margin:auto;padding:40px 24px 80px}.rl-workshop h1{font:clamp(36px,5vw,64px)/1.12 Georgia,serif;margin:10px 0 20px}.rl-workshop h2{font:30px/1.25 Georgia,serif}.rl-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em}.rl-workshop-options{display:flex;gap:28px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #e5c9cb}.rl-workshop select{padding:8px;border:1px solid #bd8997;background:#fffaf6;border-radius:4px;color:inherit}.rl-comparison{padding:35px 0;border-bottom:1px solid #e5c9cb}.rl-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.rl-comparison figure{margin:0;min-width:0}.rl-comparison figcaption{font-size:13px;min-height:50px;color:#795464}.rl-comparison .rl-scene{height:360px;overflow:hidden;background:#fcf0ed;border-radius:3px 28px 5px 7px}.rl-comparison .rl-scene>img{position:absolute;max-width:none;object-fit:contain;display:block}.rl-replay{margin-top:18px;padding:9px 15px;background:transparent;border:1px solid #bd8997;border-radius:20px;color:inherit;cursor:pointer}.rl-workshop footer{padding:25px 24px 90px;text-align:center;font-size:13px}.rl-narrow .rl-comparison-grid{display:block;max-width:360px;margin:auto}.rl-narrow .rl-comparison figure{margin-bottom:24px}.rl-narrow .rl-comparison .rl-scene{height:290px}
.rl-moon .rl-moon{height:96%;width:36%;right:10%;top:0}.rl-moon .rl-fishes{width:63%;height:auto;right:15%;top:50%}
.rl-octopus .rl-vent{width:79%;height:95%;right:15%;top:0}.rl-octopus .rl-pulp-up,.rl-octopus .rl-pulp-down{width:66%;right:3%;top:27%}.rl-pulp-down{opacity:0}
.rl-wood .rl-wood{width:80%;height:95%;right:10%;top:0}.rl-wood .rl-music{width:37%;height:68%;right:8%;top:23%}
.rl-viewer .rl-viewer{width:95%;height:78%;left:0;top:0}.rl-viewer .rl-cloud{width:67%;left:24%;top:47%}
.rl-comparison .rl-notebook>.rl-notebook{width:95%;height:100%;display:flex;align-items:center}.rl-comparison .rl-notebook-paper{height:auto}.rl-comparison .rl-pencil{height:65%;top:10%}
.rl-comparison .rl-cover{height:86%;width:auto;left:30%;top:7%;transform-origin:left center;z-index:1;box-shadow:3px 5px 9px #492b3722}
.rl-book-pages{position:absolute;left:32%;top:10%;width:41%;height:84%;background:repeating-linear-gradient(90deg,#fffaf2 0 4px,#c49b9d 4px 5px);transform:rotate(4deg);border:1px solid #ad7d89}
@media(max-width:700px){.rl-comparison-grid{grid-template-columns:1fr}.rl-comparison .rl-scene{height:310px}.rl-education-scene{float:none;width:min(260px,75%);margin:0 auto 20px}.rl-motion-control{bottom:12px;right:12px;font-size:12px;padding:9px 12px}.rl-live-pages{inset:8% 13% 9% 20%}}
@media(prefers-reduced-motion:reduce){html[data-aerd-relations] [data-rl-scene] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Explicit dimensions prevent the homepage's generic SVG rule enlarging the pencil. */
html[data-aerd-relations] body[data-aerd-art='home'] #formations .rl-pencil{width:9%!important;height:77%!important;max-width:none;right:16%;top:0}
html[data-aerd-relations] #motion-control{display:none!important}
.rl-device-test iframe{display:block;width:360px;max-width:100%;height:740px;margin:24px auto;border:1px solid #bd8997;background:#fffaf6;border-radius:12px}

.rl-live-pages{background:repeating-linear-gradient(0deg,#fff9ee 0 3px,#dac3b8 3px 4px);box-shadow:3px 4px 5px #54283512}

/* A dedicated in-flow row keeps the mobile control clear of text and links. */
.rl-motion-slot{height:0}
.rl-motion-control[hidden]{display:none!important}
@media(max-width:700px){
 .rl-motion-slot{height:auto;display:flex;justify-content:flex-end;width:auto;margin:8px 20px 14px;clear:both}
 .rl-motion-slot:has([hidden]){display:none}
 .rl-motion-slot .rl-motion-control{position:static;bottom:auto;right:auto;margin:0;max-width:100%;min-height:44px;box-shadow:none}
 body[data-aerd-art='home'] .rl-motion-slot{margin:8px 20px 18px}
 body[data-aerd-art='formations'] .education-intro{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px 10px}
 body[data-aerd-art='formations'] .education-intro>.eyebrow{grid-column:1/-1;grid-row:1;margin:0}
 body[data-aerd-art='formations'] .education-intro>h1{grid-column:1;grid-row:2;font-size:clamp(30px,8vw,42px);margin:0;letter-spacing:-1px}
 body[data-aerd-art='formations'] .education-intro>.rl-education-scene{grid-column:2;grid-row:2;float:none;width:100%;margin:0;align-self:center}
 body[data-aerd-art='formations'] .education-intro>.education-intro-copy{grid-column:1/-1;grid-row:3;margin-top:14px}
}