/* Motion enhances real content. All links remain usable without JavaScript. */
:root body.atelier-theme .roof-mechanics{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:center;padding:60px 0;border-top:1px solid #bccbd4}
.mechanics-copy>p{max-width:440px}.mechanics-modes{display:flex;gap:8px;margin:32px 0 24px}.mechanics-modes button{border:1px solid #afc1cc;border-radius:30px;background:transparent;color:#172c3c;padding:11px 23px;cursor:pointer;transition:background .25s,color .25s}.mechanics-modes button[aria-pressed=true]{background:#142432;color:#bce8ff;border-color:#142432}.mechanics-answer{min-height:190px}.mechanics-answer h3{font-size:21px}.mechanics-answer a{color:#125c91;text-underline-offset:5px}.mechanics-visual{--separation:0;background:#111820;color:#bce8ff;padding:26px;border:1px solid #314453;overflow:hidden}.mechanics-diagram{position:relative;display:grid;place-items:center;height:340px;perspective:800px;background:radial-gradient(ellipse at center,#25405088,transparent 67%)}.mechanics-label,.mechanics-caption{position:absolute;font-size:10px;letter-spacing:.14em;left:0;right:0;text-align:center}.mechanics-label{top:4px}.mechanics-caption{bottom:12px;letter-spacing:.06em;color:#a8bac6}.mechanics-orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid #5e899b33;border-radius:50%;transform:rotateX(60deg)}.panel-plane{width:80%;aspect-ratio:3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);transform:rotateX(46deg) rotateZ(-25deg);transform-style:preserve-3d}.roof-panel{position:relative;background:linear-gradient(135deg,#91a9b6,#4a6271 55%,#bce8ff);border:1px solid #c5e7f4;box-shadow:4px 8px 0 #172d3b,6px 12px 14px #0008;transform:translate3d(calc(var(--x)*var(--separation)*var(--panel-x,35px)),calc(var(--y)*var(--separation)*var(--panel-y,50px)),calc(var(--n)*var(--separation)*10px));transition:transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--n)*40ms)}.roof-panel:after{content:'';position:absolute;inset:6px;border:1px solid #ceeaf34a;background:repeating-linear-gradient(12deg,transparent 0 3px,#162f3c15 4px 5px)}.roof-panel b{position:absolute;top:-6px;height:6px;left:0;right:0;background:#bce8ff;border-bottom:1px solid #233b4b;transform-origin:bottom;transform:skewX(-25deg)}.assembly-manual .roof-panel{transition:transform .06s;transition-delay:0s}.mechanics-weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke-width:1.5}.mechanics-weather g{display:none;opacity:0}.mechanics-visual[data-weather=wind] .weather-wind,.mechanics-visual[data-weather=rain] .weather-rain,.mechanics-visual[data-weather=snow] .weather-snow{display:block}.mechanics-control{border-top:1px solid #435967;padding-top:20px}.mechanics-control label{display:block;font-size:14px}.mechanics-control input{width:100%;margin:18px 0 8px;accent-color:#bce8ff;cursor:ew-resize}.mechanics-control>div{display:flex;justify-content:space-between;font-size:11px;color:#afc4d0}.mechanics-note{font-size:11px!important;line-height:1.6!important;color:#a9bbc6!important;margin:22px 0 0!important}
:root body.atelier-theme .cinematic-projects.project-ready .home-projects{position:relative;display:block;height:clamp(420px,52vw,700px);margin-bottom:0;overflow:hidden;background:#111820}
:root body.atelier-theme .project-ready .home-projects>li{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;list-style:none}
:root body.atelier-theme .project-ready .home-projects>li.project-active{opacity:1;visibility:visible;z-index:1}
:root body.atelier-theme .project-ready .home-projects a{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:white;background:#111820;border:0;border-radius:0}
:root body.atelier-theme .project-ready .home-projects a:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#07121bd9);pointer-events:none}
:root body.atelier-theme .project-ready .home-projects img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:scale(1.035);transition:transform 1.3s cubic-bezier(.2,.65,.3,1)}
:root body.atelier-theme .project-ready .project-active img{transform:scale(1)}
:root body.atelier-theme .project-ready .home-proj-title{position:absolute;z-index:2;left:40px;bottom:75px;font-size:clamp(32px,4vw,60px);font-weight:400;line-height:1.1;color:white}
:root body.atelier-theme .project-ready .home-proj-loc{position:absolute;z-index:2;left:40px;bottom:38px;font-size:14px;color:#deedf5}
.project-console{display:none}.project-ready .project-console{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #bacbd6}.project-selector{display:flex;gap:8px}.project-selector button,.project-arrows button{border:1px solid #afc1cc;background:transparent;color:#172c3c;width:44px;height:44px;cursor:pointer;transition:background .2s,color .2s}.project-selector button[aria-pressed=true]{background:#142432;color:#bce8ff;border-color:#142432}.project-arrows{display:flex;gap:8px}.project-arrows button{border-radius:50%;font-size:22px}.project-map-link{margin-left:auto;color:#125c91;font-size:14px;text-underline-offset:5px}.project-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.atelier-menu-tabs{position:relative}.atelier-menu-tabs:after{content:'';position:absolute;bottom:0;left:0;width:var(--tab-width,0px);height:1px;background:#bce8ff;transform:translateX(var(--tab-left,0px));transition:transform .3s,width .3s}.atelier-menu-tabs button[aria-selected=true]{border-color:transparent}
@media(max-width:800px){:root body.atelier-theme .roof-mechanics{grid-template-columns:1fr;gap:24px;padding:35px 0}.mechanics-answer{min-height:160px}.mechanics-visual{padding:20px}.mechanics-diagram{height:290px}.project-ready .project-console{flex-wrap:wrap;gap:12px}.project-map-link{margin-left:0;flex-basis:100%;padding-top:12px}.project-arrows{margin-left:auto}:root body.atelier-theme .project-ready .home-proj-title{left:22px;bottom:90px}:root body.atelier-theme .project-ready .home-proj-loc{left:22px;right:22px;bottom:30px}.project-selector{gap:4px}.project-selector button,.project-arrows button{width:38px;height:44px}}
@media(prefers-reduced-motion:reduce){.roof-panel,.project-ready .home-projects>li,.project-ready .home-projects img,.atelier-menu-tabs:after{transition:none!important}.mechanics-weather{display:none}}

@media(max-width:800px){.mechanics-visual{--panel-x:18px;--panel-y:30px}.panel-plane{width:65%}}