/* AQLUMA / MOTION DIRECTION
   Native scroll, finite entrances, event-driven depth. No hidden-on-load content.
   The base site remains fully usable without this stylesheet or its script. */
:root{--motion-ease:cubic-bezier(.2,.75,.2,1);--motion-out:cubic-bezier(.16,1,.3,1)}
.hero-line{display:block}
.hero-line>span,.hero-line>em{display:inline-block}
.hero-line>em{padding-right:.06em;margin-right:-.06em}
.motion-title-word{display:inline-block}
.motion-entrance{backface-visibility:hidden}

/* A copper playhead that follows actual document reading, not a loading fiction. */
.reading-progress{position:fixed;z-index:35;left:0;top:0;width:100%;height:2px;pointer-events:none;background:transparent}
.reading-progress>i{display:block;height:100%;width:100%;background:var(--copper);transform:scaleX(0);transform-origin:left}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:30px;border:0;background:none;padding:5px 3px;font:8px/1.5 var(--mono);letter-spacing:.03em;color:var(--graphite);white-space:nowrap}
.motion-toggle:hover{color:var(--copper)}
.motion-equalizer{display:flex;align-items:center;gap:2px;width:12px;height:12px}
.motion-equalizer i{display:block;width:2px;height:6px;background:var(--copper);transition:height .3s}
.motion-equalizer i:nth-child(2){height:11px}
.motion-equalizer i:nth-child(3){height:8px}
.motion-toggle[aria-pressed=true] .motion-equalizer i{height:2px;background:var(--graphite)}

/* Small editorial chapter rail, only where the desktop gutter provides room. */
.chapter-rail{position:fixed;left:13px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:7px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.chapter-rail.is-visible{opacity:1;visibility:visible}
.chapter-rail a{position:relative;width:25px;height:27px;display:grid;place-items:center;color:var(--graphite);font:8px var(--mono);border-left:1px solid var(--line);transition:color .25s,border-color .25s}
.chapter-rail a[aria-current=true]{color:var(--copper);border-left:2px solid var(--copper)}
.chapter-rail .chapter-name{position:absolute;left:31px;padding:7px 10px;background:var(--ink);color:var(--white);font:9px var(--mono);white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s}
.chapter-rail a:hover .chapter-name,.chapter-rail a:focus-visible .chapter-name{opacity:1;transform:translateX(0)}
.chapter-rail.is-on-dark a{color:#b6c1b8;border-left-color:#f4f2ec40}
.chapter-rail.is-on-dark a[aria-current=true]{color:#d39b7d;border-left-color:#d39b7d}

/* CTA feedback: the hit target never moves, only the sheen and arrow. */
.motion-enabled .button{position:relative;isolation:isolate;transition:background .24s,transform .24s,border-color .24s,box-shadow .24s}
.motion-enabled .button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent,#fff2,transparent);clip-path:inset(0 100% 0 0);pointer-events:none;transition:clip-path .6s var(--motion-out)}
.motion-enabled .button:hover:before,.motion-enabled .button:focus-visible:before{clip-path:inset(0 0 0 0)}
.motion-enabled .button:active{transform:translateY(0) scale(.985)}
.motion-enabled .button>span[aria-hidden]{display:inline-block;transform:translate(var(--arrow-x,0px),var(--arrow-y,0px));transition:transform .28s var(--motion-out)}
.motion-enabled .button:hover>span[aria-hidden]{transform:translate(var(--arrow-x,3px),var(--arrow-y,-3px))}
.motion-enabled .underlined-link,.motion-enabled .text-button{transition:color .2s,border-color .2s}
.motion-enabled .underlined-link:hover,.motion-enabled .text-button:hover{color:var(--copper)}
.motion-enabled .underlined-link>span,.motion-enabled .text-button>span{display:inline-block;transition:transform .35s var(--motion-out)}
.motion-enabled .underlined-link:hover>span{transform:translateY(3px)}
.motion-enabled .text-button:hover>span{transform:translate(3px,-3px)}
.motion-enabled .brand img{transition:filter .35s}
.motion-enabled .brand:hover img{filter:contrast(1.15)}
.motion-enabled .field input,.motion-enabled .field textarea,.motion-enabled .field select{transition:border-color .2s,background .2s,box-shadow .2s}
.motion-enabled .field:focus-within input,.motion-enabled .field:focus-within textarea,.motion-enabled .field:focus-within select{border-color:var(--copper);background:#fff3;box-shadow:inset 0 -1px 0 var(--copper)}
.profile-options label>span{transition:background .25s,color .25s,border-color .25s}

/* A spotlight is confined to visual illustrations; it never replaces the cursor. */
.motion-surface{--spot-x:50%;--spot-y:45%;--spot-opacity:0;--drift-x:0px;--drift-y:0px;--scroll-y:0px;--depth-scale:1}
.motion-spotlight{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle 210px at var(--spot-x) var(--spot-y),rgba(204,152,110,.15),transparent 75%);opacity:var(--spot-opacity);transition:opacity .45s}
.hero-visual.motion-surface .building-study{object-position:50% center;transform:translate3d(var(--drift-x),calc(var(--drift-y) + var(--scroll-y)),0) scale(var(--depth-scale));transition:none}
.hero-visual.motion-surface:hover .building-study{transform:translate3d(var(--drift-x),calc(var(--drift-y) + var(--scroll-y)),0) scale(var(--depth-scale))}
.architectural-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.architectural-overlay path{vector-effect:non-scaling-stroke;fill:none;stroke:#d9c6ac;stroke-width:1;opacity:.62}
.architectural-overlay .copper-path{stroke:var(--copper);stroke-width:1.5;opacity:1}
.datum-sweep{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 49.6%,#c5947166 49.9%,#d8a58199 50%,transparent 50.3%,transparent 100%);opacity:0}
.hero-visual .architectural-overlay{opacity:.7;transform:translate3d(var(--drift-x,0px),calc(var(--drift-y,0px) + var(--scroll-y,0px)),0) scale(var(--depth-scale,1))}
.motion-enabled .film-stage .film-stage-grid{transform:translateY(var(--film-grid-y,0px)) scaleY(1.08)}
.motion-enabled .film-stage-center{transform:translateY(var(--film-title-y,0px))}
.motion-enabled .film-stage:before{transform:perspective(700px) rotateY(var(--film-angle,-16deg));transition:none}
.motion-enabled .film-stage:after{transform:scaleX(var(--film-rule,1));transform-origin:left;transition:none}
.motion-enabled .format-landscape{translate:0 var(--format-y,0px)}
.motion-enabled .format-portrait{translate:0 var(--portrait-y,0px);rotate:var(--portrait-turn,0deg)}
.motion-enabled .format-detail{translate:0 var(--detail-y,0px);rotate:var(--detail-turn,0deg)}
.motion-enabled .format-portrait,.motion-enabled .format-detail{transition:box-shadow .4s}
.motion-enabled .format-portrait:hover{box-shadow:16px 22px 35px #17211f25}
.motion-enabled .closing-grid{transform:translateY(var(--closing-grid-y,0px)) scaleY(1.1)}
.motion-enabled .closing-datum{transform:scaleX(var(--closing-line,1));transform-origin:left}

/* Section lines draw into the existing border rather than changing the layout. */
.motion-rule{position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--copper);pointer-events:none;transform-origin:left;opacity:.7}
.section-kicker.motion-kicker{position:relative}
.audience-switch{position:relative}
.audience-switch-ink{position:absolute;bottom:-1px;left:0;height:2px;background:var(--copper);width:0;pointer-events:none;transition:width .45s var(--motion-out),transform .45s var(--motion-out)}
.motion-enabled .audience-switch button[aria-selected=true]{border-bottom-color:transparent}
.motion-enabled .story-tabs button{position:relative;isolation:isolate}
.motion-enabled .story-tabs button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#a962431c,transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--motion-out)}
.motion-enabled .story-tabs button[aria-selected=true]:before{transform:scaleX(1)}
.story-visual .scene-ruler{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#a9624366;transform-origin:left;transform:scaleX(var(--scene-fraction,.166667));transition:transform .65s var(--motion-out)}
.scene-ruler:after{content:'';position:absolute;right:0;top:-3px;height:8px;width:2px;background:#d6a183}
.motion-enabled .comparison-divider>span{transition:background .2s,color .2s,box-shadow .2s}
.motion-enabled .comparison:hover .comparison-divider>span,.motion-enabled .comparison:focus-within .comparison-divider>span{background:var(--copper);color:var(--white);box-shadow:0 0 0 7px #a962431a}
.comparison.is-dragging .comparison-divider>span{box-shadow:0 0 0 10px #a9624324}
.comparison.is-dragging{user-select:none}
.motion-enabled .method-steps li{position:relative;--step-fill:0}
.motion-enabled .method-steps li:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--copper);transform:scaleX(var(--step-fill));transform-origin:left}
.motion-enabled .method-steps li>span{transition:color .3s}
.motion-enabled .method-steps li.is-step-active>span{color:var(--ink)}
.motion-enabled .faq-list summary,.motion-enabled .extension-services summary{transition:color .25s}
.motion-enabled .faq-list summary:hover,.motion-enabled .extension-services summary:hover{color:var(--copper)}
.motion-enabled .faq-list details[open],.motion-enabled .extension-services details[open]{border-bottom-color:var(--copper)}
.motion-enabled .faq-list details[open] summary>span,.motion-enabled .extension-services details[open] summary>span{transform:rotate(135deg)}

/* No perpetual animation, no scroll interception, no hover-only information. */
html.motion-reduced{scroll-behavior:auto}
.motion-reduced *, .motion-reduced *:before, .motion-reduced *:after{animation:none!important;transition:none!important}
.motion-reduced .motion-rule{transform:none!important}
.motion-reduced .motion-spotlight,.motion-reduced .datum-sweep{display:none!important}
.motion-reduced .hero-visual.motion-surface .building-study,.motion-reduced .hero-visual.motion-surface:hover .building-study{transform:none!important}
.motion-reduced .film-stage-center,.motion-reduced .film-stage-grid,.motion-reduced .closing-grid{transform:none!important}
.motion-reduced .closing-datum{transform:none!important}
.motion-reduced .format-landscape,.motion-reduced .format-portrait,.motion-reduced .format-detail{translate:none!important;rotate:none!important}
.motion-reduced .button:hover{transform:none}
@media(hover:none),(pointer:coarse){.motion-spotlight{display:none}.motion-enabled .button:hover{transform:none}.motion-enabled .hero-visual.motion-surface .building-study{transform:none}.motion-enabled .format-landscape,.motion-enabled .format-portrait,.motion-enabled .format-detail{translate:none;rotate:none}}
@media(max-width:1199px){.chapter-rail{display:none}}
@media(max-width:600px){.hero-index{flex-wrap:wrap;column-gap:10px;row-gap:8px}.motion-toggle{font-size:7px;gap:5px;padding-inline:0}.motion-equalizer{width:10px}.motion-equalizer i{width:2px}.hero-index>a{margin-left:auto}.motion-spotlight{display:none}}
@media(max-width:360px){.hero-index>span{font-size:6px}.motion-toggle{font-size:6px}.hero-index{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-spotlight,.datum-sweep{display:none!important}.motion-surface .building-study{transform:none!important}.motion-rule{transform:none!important}}
@media print{.reading-progress,.chapter-rail,.motion-toggle,.motion-spotlight,.datum-sweep,.architectural-overlay{display:none!important}.hero-line>*,.motion-title-word{opacity:1!important;transform:none!important;filter:none!important}.film-stage-center,.film-stage-grid,.closing-grid{transform:none!important}.format-landscape,.format-portrait,.format-detail{translate:none!important;rotate:none!important}}