/* Ordide V4 — motion follows the chapter; artwork and text stay available. */
.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:110;background:linear-gradient(90deg,#b8c9de,#b9a577);transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
.motion-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px;font-size:9px;letter-spacing:.1em}.site-motion-toggle{border:0;background:none;color:inherit;font:inherit;padding:12px 0;cursor:pointer}.site-motion-toggle[hidden]{display:none}
.chapter-motion{--chapter:.5;--motion:.5;position:relative;isolation:isolate}.chapter-motion .section-kicker{position:relative}.chapter-motion .section-kicker:after{content:'';display:block;width:75px;height:1px;margin-top:16px;background:currentColor;opacity:.3;transform:scaleX(calc(.3 + var(--chapter)*.7));transform-origin:left}
.motion-v4 .page-hero{position:relative;overflow:clip;isolation:isolate;background:linear-gradient(120deg,#efede4,#e2e7e8)}.motion-v4 .page-hero:after{content:'';position:absolute;right:-12%;top:20%;width:65vw;height:65vw;border:1px solid #19344512;border-radius:50%;transform:translateY(calc((var(--chapter,.5) - .5)*-90px));z-index:-1}
.motion-v4 .page-hero .display{transform:translateY(calc((var(--chapter,.5) - .5)*-32px))}.page-orbits{position:relative;width:210px;height:210px;margin:0 0 32px;display:grid;place-items:center}.page-orbits i{position:absolute;inset:0;border:1px solid #1c3e4c35;border-radius:50%;transform:rotate(calc(var(--chapter,.5)*140deg)) scaleY(.62)}.page-orbits i:nth-child(2){transform:rotate(calc(60deg + var(--chapter,.5)*-180deg)) scaleY(.62)}.page-orbits i:nth-child(3){inset:30px;transform:rotate(calc(120deg + var(--chapter,.5)*120deg)) scaleY(.6)}.page-orbits span{font:italic 70px var(--serif);color:#354e60}
/* Gallery: the frame has the source ratio, and the cartel never covers the work. */
.collection-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:85px 45px;align-items:start}.collection-page .project-tile,.collection-page .project-tile:nth-child(n){display:block;grid-column:auto;min-height:0;background:transparent;color:var(--ink);overflow:visible}.collection-page .project-tile:nth-child(2n){margin-top:130px}.collection-page .project-tile:after{display:none}.collection-page .project-tile img{position:static;display:block;width:100%;height:auto;object-fit:contain;transform:none!important;transition:none;border:1px solid #14263818}.collection-page .work-frame{position:relative;padding:17px;background:#dedfd8;box-shadow:0 20px 45px #0b17200b;transition:background .4s,box-shadow .4s}.collection-page .project-tile:hover .work-frame,.collection-page .project-tile:focus-visible .work-frame{background:#cbd4d2;box-shadow:0 22px 50px #0b17201a}.work-inspect{position:absolute;right:17px;bottom:17px;padding:9px 12px;background:#111e2eee;color:#fff;font-size:9px;opacity:0;transform:translateY(8px);transition:.35s}.project-tile:hover .work-inspect,.project-tile:focus-visible .work-inspect{opacity:1;transform:none}.collection-page .project-tile .tile-content{position:static;padding:22px 0;display:grid;grid-template-columns:55px 1fr;gap:8px 15px}.collection-page .tile-content .tile-num{grid-row:1/5;font-size:42px;color:#647271;opacity:.6}.collection-page .tile-content h2{font-size:clamp(27px,3vw,44px);grid-column:2}.collection-page .tile-meta,.work-description,.work-status{grid-column:2}.work-description{font-size:13px;line-height:1.8;max-width:52ch;margin:4px 0}.work-status{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#66746d}.collection-page [hidden]{display:none!important}.collection-page .filters{flex-wrap:wrap;gap:10px}.filter-btn{transition:background .25s,color .25s}.filter-btn:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* Home chapters: coordinates, rails and editorial layers move independently. */
.motion-v4 .home-page .manifesto{background:#ebeae1}.motion-v4 .manifesto .editorial-title em{background:linear-gradient(110deg,#172a42,#8a9aa4,#172a42);background-size:200%;background-position:calc(var(--chapter,.5)*100%) 50%;background-clip:text;color:transparent;animation:none!important}.motion-v4 .manifesto-orbit{transform:rotate(calc(var(--chapter,.5)*125deg))}.motion-v4 .manifesto-orbit:after{animation:none!important;transform:rotate(calc(var(--chapter,.5)*360deg)) translateX(100px)}
.motion-v4 .expertise-home .expertise-row:before{transform:scaleX(calc(var(--item-progress,0)*.8));opacity:.55}.motion-v4 .expertise-home .expertise-row h3{transform:translateX(calc((1 - var(--item-progress,1))*30px))}.motion-v4 .expertise-home .expertise-row .n{opacity:calc(.35 + var(--item-progress,1)*.65)}
.motion-v4 .signature-project-media img{height:auto!important;object-fit:contain!important;transform:none!important}.motion-v4 .signature-project-media{aspect-ratio:auto;overflow:visible;border:1px solid var(--line);padding:15px;background:#e3e5d8}.motion-v4 .signature-project-media:after{inset:-14px;transform:translateX(calc((var(--chapter,.5) - .5)*24px))}.motion-v4 .signature-project .big-word{transform:translateY(calc((var(--chapter,.5) - .5)*-32px))}
.motion-v4 .network:before{transform:rotate(calc(var(--chapter,.5)*160deg)) scaleY(.65)}.motion-v4 .network:after{transform:rotate(calc(var(--chapter,.5)*-210deg)) scaleX(.7)}.motion-v4 .network .node{animation:none!important;box-shadow:0 0 0 calc(var(--chapter,.5)*22px) #d9edff0a,0 0 35px #d9edff44}
.commercial-flow.is-enhanced{height:280svh!important}.motion-v4 .studio-teaser .studio-copy{transform:translateY(calc((var(--chapter,.5) - .5)*-25px))}.motion-v4 .proof-copy{border-left:1px solid #1d354d30;padding-left:28px}.motion-v4 .journal-home .article-card{border-top:1px solid var(--line)}.motion-v4 .journal-home .article-card:after{transform:scaleX(var(--item-progress,0))}
/* Expertise rooms: sticky copy and an abstract drafting diagram, no scroll hijacking. */
.expertise-detail{position:relative;isolation:isolate}.motion-instrument{position:absolute;left:1%;top:18%;width:min(37vw,520px);opacity:.045;z-index:-1;pointer-events:none}.motion-instrument svg{display:block;width:100%;stroke:currentColor;stroke-width:1}.motion-instrument path{stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}.motion-v4 .motion-instrument path{stroke-dashoffset:calc(1 - var(--chapter,.5))}.motion-v4 .motion-instrument{opacity:.11;transform:rotate(calc((var(--chapter,.5) - .5)*40deg))}.expertise-immersive{min-height:155svh;padding-block:0!important}.expertise-immersive .expertise-detail-grid{position:sticky;top:100px;min-height:calc(100svh - 140px);display:grid;align-content:center;padding-block:40px}.expertise-immersive .motion-instrument{position:sticky;top:150px;margin-bottom:-400px;height:400px}.motion-v4 .service-list>div{position:relative;isolation:isolate}.motion-v4 .service-list>div:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#899fa518,transparent);transform:scaleX(var(--item-progress,0));transform-origin:left;z-index:-1}.motion-v4 .dark .service-list>div:before{background:linear-gradient(90deg,#d9d7b514,transparent)}.motion-v4 .system-item{transform:translateY(calc((1 - var(--item-progress,1))*25px))}.system-line{position:relative}.motion-v4 .system-line:after{content:'';position:absolute;left:0;right:0;bottom:-25px;height:1px;background:#243f5160;transform:scaleX(var(--chapter,.5));transform-origin:left}
/* Studio: a smaller portrait and a chronology drawn through the chapter. */
.studio-page .founder-portraits{position:relative}.studio-page .founder-photo{max-width:320px}.studio-page .founder-photo img{height:auto!important;object-fit:contain}.studio-page .founder-secondary{max-width:120px;height:auto!important;object-fit:contain}.motion-v4 .studio-page .founder-portraits:after{content:'';position:absolute;left:18px;top:22px;width:min(100%,320px);height:80%;border:1px solid #28425230;z-index:-1;transform:translateY(calc((var(--chapter,.5) - .5)*40px))}.studio-page .timeline{position:relative;padding-left:30px}.studio-page .timeline:before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:#233d5120}.motion-v4 .studio-page .timeline:after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#395972;transform:scaleY(var(--chapter,.5));transform-origin:top}.timeline-row{position:relative}.timeline-row:before{content:'';position:absolute;left:-34px;top:25px;width:8px;height:8px;border:1px solid #395972;border-radius:50%;background:var(--ivory)}.timeline-row.chapter-current:before{background:#395972;box-shadow:0 0 0 5px #39597215}.motion-v4 .dual-world .world .word{transform:translateX(calc((1 - var(--item-progress,1))*20px))}.dual-world .world{position:relative}.motion-v4 .dual-world .world:after{content:'';position:absolute;inset:12px;border:1px solid #83929e25;transform:translateY(calc((var(--chapter,.5) - .5)*20px));pointer-events:none}
/* Contact: motion stays beside the fields, never under the pointer. */
.contact-map{max-width:440px;margin-top:50px;color:#677e82}.contact-map svg{width:100%;stroke:currentColor;stroke-width:1}.contact-map path{stroke-dasharray:1;stroke-dashoffset:0}.motion-v4 .contact-map path{stroke-dashoffset:calc(1 - var(--chapter,.5))}.contact-map circle{fill:#304859;stroke:none}.contact-map>span{font-size:8px;letter-spacing:.12em}.contact-required-note{font-size:12px;line-height:1.8;color:#626c70;margin-bottom:25px}.contact-form .field{position:relative}.contact-form .field:focus-within label{color:#274f61}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid #507281;outline-offset:3px}.contact-form .field:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#507281;transform:scaleX(0);transform-origin:left;transition:transform .3s;pointer-events:none}.contact-form .field:focus-within:after{transform:scaleX(1)}
.gallery-item img{display:block;width:100%;height:auto!important;object-fit:contain}.motion-v4 .next-project h2{transform:translateX(calc((var(--chapter,.5) - .5)*30px))}.motion-v4 .journal-grid .article-card{border-top:1px solid var(--line);transition:background .35s}.motion-v4 .journal-grid .article-card:hover{background:#e9ece5}
@media(min-width:1100px){.motion-v4 .studio-page .founder-portraits{position:sticky;top:140px;align-self:start}.motion-v4 .contact-intro{position:sticky;top:140px;align-self:start}}
@media(max-width:1099px){.collection-page .portfolio-grid{gap:50px 25px}.collection-page .project-tile:nth-child(2n){margin-top:60px}.page-orbits{width:140px;height:140px}.motion-instrument{width:55vw}.motion-v4 .page-hero .display{transform:none}.contact-map{margin-top:30px}}
@media(max-width:700px){.collection-page .portfolio-grid{grid-template-columns:1fr;gap:35px}.collection-page .project-tile:nth-child(n){margin-top:0}.collection-page .work-frame{padding:9px}.work-inspect{opacity:1;transform:none;right:9px;bottom:9px}.collection-page .project-tile .tile-content{grid-template-columns:40px 1fr}.collection-page .tile-content .tile-num{font-size:32px}.page-orbits{display:none}.motion-toolbar{flex-direction:column;align-items:start;gap:8px}.motion-instrument{opacity:.06}.motion-v4 .signature-project .big-word,.motion-v4 .expertise-row h3,.motion-v4 .studio-copy,.motion-v4 .system-item,.motion-v4 .next-project h2{transform:none}.contact-map{max-width:320px}.commercial-flow.is-enhanced{height:auto!important}}
.animations-paused .chapter-motion,.animations-paused .chapter-motion *,.animations-paused .page-orbits i{transform:none!important}.animations-paused .motion-instrument path,.animations-paused .contact-map path{stroke-dashoffset:0!important}.animations-paused .reveal{opacity:1!important;transform:none!important}.animations-paused .motion-section *{animation:none!important}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}.page-orbits i,.motion-instrument,.contact-map path{transform:none;stroke-dashoffset:0}.work-frame,.work-inspect,.contact-form .field:after{transition:none}.site-motion-toggle,.motion-toggle{display:none!important}}
@media print{.reading-progress,.page-orbits,.motion-instrument,.contact-map,.motion-toolbar{display:none}.expertise-immersive{min-height:0}.expertise-immersive .expertise-detail-grid{position:static}.collection-page .project-tile{break-inside:avoid}}

.motion-v4 .signature-project-media{min-height:0!important;align-self:center}.motion-v4 .signature-project-media:after{background:none}.expertise-immersive{display:block!important}.expertise-immersive .motion-instrument{position:absolute;top:20%;height:auto;margin:0}.motion-v4 .journal-list .article-card{position:relative;isolation:isolate}.motion-v4 .journal-list .article-card:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background:#456378;transform:scaleX(var(--item-progress,0));transform-origin:left}.motion-v4 .journal-list .article-card h2{transform:translateX(calc((1 - var(--item-progress,1))*12px))}