/* Fenêtres ouvertes : créations vues à travers une matière graphite. */
:root{--page:1920px;--gutter:clamp(22px,4vw,80px);--space:clamp(100px,13vw,220px);--portal-cut:40px;--volume-size:420px;--volume-depth:calc(var(--volume-size)/2);--turn:-24deg;--sculpture-ease:cubic-bezier(.2,.8,.2,1);--sculpture-time:750ms;--hikai-ground:#d7c8fa;--hikai-ink:#2c2044}
body{overflow-x:clip}h1,h2,h3{overflow-wrap:anywhere}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.header{min-height:96px;padding-block:20px;position:relative;z-index:20}.brand{font-size:18px;gap:10px}.brand img{width:38px;height:44px}.header .contact-link{padding:0;background:transparent;border-radius:0;color:var(--green);font-size:14px}.header .contact-link .arrow{width:18px;height:18px}
.exhibition-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:10%;padding-top:var(--space);padding-bottom:100px}.exhibition-intro h2{font:400 clamp(45px,5.5vw,100px)/1.05 var(--accent);letter-spacing:-.035em}.exhibition-intro>p{font-size:18px;line-height:1.6;max-width:350px;justify-self:end}.window-work{width:82%;margin:0 0 var(--space) var(--gutter)}.work-link{display:block}.project-window{position:relative;overflow:hidden;background:var(--surface);clip-path:polygon(0 0,calc(100% - var(--portal-cut)) 0,calc(100% - var(--portal-cut)) var(--portal-cut),100% var(--portal-cut),100% 100%,var(--portal-cut) 100%,var(--portal-cut) calc(100% - var(--portal-cut)),0 calc(100% - var(--portal-cut)))}.project-window>img{width:100%;height:auto;display:block;transition:transform 700ms var(--ease);transform-origin:center}.window-caption{display:grid;grid-template-columns:1fr auto 24px;gap:18px;align-items:center;padding-top:24px}.window-caption h3{font:400 22px/1.25 var(--body);letter-spacing:-.02em}.window-caption p{font-size:12px;color:var(--quiet);max-width:420px;text-align:right;line-height:1.5}.window-caption>.arrow{width:20px;height:20px}.position-1{width:84%;margin-left:auto;margin-right:var(--gutter)}.position-2{width:65%;margin-left:var(--gutter)}.position-3{width:91%;margin-left:auto;margin-right:auto}.position-4{width:78%;margin-left:auto;margin-right:var(--gutter)}.work-logo .project-window{clip-path:none}.exhibition-end{padding-top:0;padding-bottom:var(--space)}.exhibition-end a{display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--green);font:400 clamp(30px,4vw,68px)/1.1 var(--accent)}.exhibition-end svg{width:clamp(40px,5vw,85px);height:auto}
.perspectives{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:80px var(--space)}.perspectives-copy h2{font:400 clamp(36px,4.4vw,78px)/1.1 var(--accent);letter-spacing:-.025em}.perspectives-copy p{font-size:17px;color:var(--quiet);margin-top:30px;line-height:1.5}.volume-scene{min-width:0;position:relative}.volume-viewport{position:relative;height:610px;perspective:1500px;touch-action:pan-y;cursor:grab;user-select:none}.volume-viewport:active{cursor:grabbing}.project-volume{position:absolute;width:var(--volume-size);height:var(--volume-size);left:50%;top:45%;transform:translate(-50%,-50%);transform-style:preserve-3d;transform-origin:center;transition:transform var(--sculpture-time) var(--sculpture-ease)}.volume-face{position:absolute;inset:0;overflow:hidden;background:var(--surface);backface-visibility:hidden}.volume-face>img{width:100%;height:100%;object-fit:cover;pointer-events:none}.volume-face:not(:first-child),.volume-cap{display:none}.is-volume .project-volume{transform:translate(-50%,-50%) rotateX(-13deg) rotateY(var(--turn))}.is-volume .volume-face,.is-volume .volume-cap{display:block}.face-0{transform:translateZ(var(--volume-depth))}.face-1{transform:rotateY(90deg) translateZ(var(--volume-depth))}.face-2{transform:rotateY(180deg) translateZ(var(--volume-depth))}.face-3{transform:rotateY(270deg) translateZ(var(--volume-depth))}.volume-cap{position:absolute;inset:0;backface-visibility:hidden;background:var(--green)}.cap-top{transform:rotateX(90deg) translateZ(var(--volume-depth))}.cap-bottom{transform:rotateX(-90deg) translateZ(var(--volume-depth));background:var(--violet)}.project-volume.is-instant,.project-volume.is-dragging{transition:none}.volume-scene:not(.is-volume) .face-0{transform:none}.volume-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.volume-caption{max-width:65%}.volume-caption a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px}.volume-caption .arrow{width:16px;height:16px}.volume-caption p{font-size:12px;line-height:1.4;color:var(--quiet)}.volume-controls{display:flex;gap:4px;flex-shrink:0}.volume-controls button{border:0;background:transparent;color:var(--shell);min-height:44px;padding:10px 12px;display:flex;align-items:center;gap:12px;font-size:13px}.volume-controls button:first-child{padding:10px}.volume-controls svg{width:18px;height:18px}
.hikai-section{padding-block:40px var(--space)}.hikai-portal{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:5%;padding:clamp(40px,7vw,120px);min-height:680px;background:var(--hikai-ground);color:var(--hikai-ink);clip-path:polygon(0 24px,24px 24px,24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}.hikai-copy h2{font:400 clamp(40px,4.1vw,76px)/1.1 var(--display);letter-spacing:-.025em}.hikai-copy>p{max-width:460px;font-size:18px;line-height:1.6;margin-top:30px}.hikai-link{display:inline-flex;align-items:center;gap:40px;min-height:52px;margin-top:34px;background:var(--hikai-ink);color:var(--hikai-ground);padding:14px 22px;font-size:15px}.hikai-copy .hikai-note{font-size:12px;margin-top:20px}.hikai-link:focus-visible{outline-color:var(--hikai-ink)}.hikai-world{position:relative;min-height:420px;align-self:stretch}.hikai-world>img{position:absolute;width:192px;height:192px;image-rendering:pixelated;left:28%;top:34%;z-index:2}.pixel-star{position:absolute;width:24px;height:24px;background:var(--hikai-ink);clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%)}.star-a{left:15%;top:12%}.star-b{right:12%;top:30%;width:16px;height:16px}.star-c{left:12%;bottom:20%;width:12px;height:12px}.pixel-platform{position:absolute;height:16px;background:var(--hikai-ink);box-shadow:0 8px 0 #2c204433}.platform-a{width:160px;left:28%;top:80%}.platform-b{width:72px;left:2%;top:43%}.platform-c{width:80px;right:0;top:12%}
.studio-quiet{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding-block:60px var(--space)}.studio-quiet h2{font:400 clamp(30px,3vw,48px)/1.2 var(--accent)}.studio-quiet>div>p{font-size:clamp(22px,2.2vw,34px);line-height:1.4;max-width:720px}.studio-quiet nav{display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:30px;font-size:14px;color:var(--quiet)}.studio-quiet .text-link{margin-top:35px;font-size:15px;color:var(--green)}
.dimension-footer{background:var(--ink);color:var(--shell);padding-top:70px}.footer-invite{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center}.footer-invite h2{font:400 clamp(65px,13vw,230px)/1 var(--accent);letter-spacing:-.035em}.contact-orbit{display:inline-flex;align-items:center;gap:30px;min-height:48px;font-size:18px;text-decoration:underline}.contact-orbit svg{width:28px;height:28px}.footer-email{display:block;font-size:16px;text-decoration:underline;margin-top:22px;color:var(--quiet)}.footer-bottom{display:flex;justify-content:space-between;gap:60px;align-items:end;padding-top:110px;padding-bottom:35px}.footer-logo{width:clamp(280px,32vw,500px);height:auto;flex-shrink:0}.footer-links{display:flex;flex-wrap:wrap;gap:10px 25px;justify-content:end;max-width:750px;font-size:12px;align-items:center}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.dev-note{font-size:11px;color:var(--quiet);padding-block:15px 22px}.motion-toggle{font-size:12px;min-height:44px}.motion-reduced *,.motion-reduced *::before,.motion-reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.case-scene{display:flex;flex-direction:column;background:var(--ink);color:var(--shell)}.case-title{padding:45px var(--gutter) 55px;display:grid;grid-template-columns:1fr 2fr;gap:35px 60px;align-items:center}.case-title>.text-link{font-size:13px;align-self:start;grid-row:1/3}.case-title h1{font:400 clamp(32px,3.4vw,64px)/1.1 var(--body);letter-spacing:-.03em;text-wrap:balance}.case-title .project-categories{color:var(--quiet);font-size:12px;margin:0;gap:10px 20px;grid-column:2}.case-title .nature-label{color:var(--green)}.case-cover{padding:0 var(--gutter);display:flex;align-items:center;flex-direction:column}.case-aperture>img{width:100%;height:auto;max-height:90svh;object-fit:cover}.case-cover .image-open{display:inline-flex;align-items:center;gap:18px;font-size:12px;min-height:44px;margin-top:14px;text-decoration:underline}.case-summary{font-size:clamp(22px,2.4vw,36px);line-height:1.4;max-width:1000px;padding-top:100px;padding-bottom:60px}.case-reading{padding-top:30px;padding-bottom:60px}.case-reading .project-facts{display:flex;gap:8%;align-items:start;margin-bottom:75px}.case-reading .project-facts h2{font:400 28px/1.2 var(--accent);min-width:30%}.case-reading .project-body{max-width:1400px;margin-inline:auto}.case-reading .project-body .richtext{max-width:680px;margin-left:30%;margin-bottom:80px}.case-reading .project-body .richtext h2{font-size:36px}.case-reading .editorial-block{margin-bottom:70px}.case-reading .credits{max-width:720px;margin-inline:auto}.next-project{background:var(--ink);padding-block:90px}.next-project a{font:400 clamp(35px,5vw,85px)/1.1 var(--accent)}.dimension-index .page-heading h1{font-size:clamp(60px,8vw,135px);line-height:.95;color:var(--green)}.dimension-index .page-heading{display:flex;justify-content:space-between;align-items:end;gap:10%;padding-block:80px 100px}.dimension-index .page-heading>p{font-size:23px;max-width:330px}.dimension-index .project-grid{grid-template-columns:1fr 1fr;gap:100px 7%}.dimension-index .project-card:nth-child(even){padding-top:100px}.dimension-index .project-art{aspect-ratio:1.28}.dimension-index .project-caption h2{font:400 20px/1.2 var(--body)}.dimension-index .project-caption p,.dimension-index .project-nature{font-size:12px}.dimension-index .project-caption>.arrow{width:20px;height:20px}.studio-about{background:var(--ink);grid-template-columns:1fr;padding-block:100px}.studio-about .about-body{width:100%;margin-inline:auto}.expertise>h2,.about-body h2,.local-note h2{font-family:var(--accent)}.expertise>h2{font-size:44px}.expertise-detail h3{font-family:var(--body);font-size:32px}.local-note{background:var(--ink)}
@media(hover:hover) and (pointer:fine){.work-link:hover .project-window>img{transform:scale(1.025)}.work-link:hover h3{text-decoration:underline}.volume-controls button:hover{color:var(--green)}.hikai-link:hover{background:var(--ink)}.contact-orbit:hover{color:var(--green)}}
@media(max-width:1100px){:root{--volume-size:300px}.volume-viewport{height:390px}.hikai-portal{padding:60px 45px;gap:3%}.hikai-world>img{left:15%}.perspectives{gap:5%}}
@media(max-width:900px){.exhibition-intro{gap:7%}.hikai-portal{grid-template-columns:1fr;min-height:0}.hikai-world{min-height:340px;width:70%;margin:30px auto 0}.hikai-world>img{left:30%;top:20%}.platform-a{top:78%;left:30%}.perspectives-copy h2{font-size:42px}.volume-foot{display:block}.volume-controls{margin-top:15px}.window-caption p{max-width:300px}}
@media(max-width:760px){:root{--gutter:22px;--space:100px;--portal-cut:24px;--volume-size:245px}.header{min-height:78px;padding-block:14px}.header .contact-link{font-size:18px}.exhibition-intro{display:block;padding-top:85px;padding-bottom:55px}.exhibition-intro h2{font-size:42px;line-height:1.12}.exhibition-intro>p{font-size:15px;margin-top:28px;max-width:300px}.window-work{width:calc(100% - 44px);margin-inline:auto;margin-bottom:85px}.position-2{width:calc(100% - 44px)}.position-3{width:100%;padding-inline:0}.position-3 .window-caption{padding-inline:22px}.position-4{width:calc(100% - 44px)}.window-caption{grid-template-columns:1fr 20px;gap:8px 20px;padding-top:18px}.window-caption h3{font-size:19px}.window-caption p{font-size:12px;grid-column:1;text-align:left;max-width:none}.window-caption>.arrow{grid-column:2;grid-row:1/3;align-self:center}.exhibition-end{padding-bottom:80px}.exhibition-end a{font-size:30px}.exhibition-end svg{width:35px}.perspectives{display:block;padding-top:20px;padding-bottom:100px}.perspectives-copy h2{font-size:42px}.perspectives-copy p{font-size:15px;margin-top:24px}.volume-viewport{height:420px;max-width:420px;margin:0 auto}.project-volume{top:50%}.volume-foot{display:flex;align-items:center;gap:12px}.volume-caption{max-width:60%}.volume-caption a{font-size:15px;gap:8px}.volume-caption p{font-size:11px}.volume-controls{margin:0;gap:0}.volume-controls button{padding:10px 8px;font-size:12px;gap:8px}.volume-controls button:first-child{padding:10px 8px}.volume-controls svg{width:17px;height:17px}.hikai-section{padding-top:0;padding-bottom:95px}.hikai-portal{padding:45px 25px 20px}.hikai-copy h2{font-size:36px;line-height:1.15}.hikai-copy>p{font-size:16px;margin-top:24px}.hikai-link{margin-top:27px;font-size:14px;gap:30px}.hikai-copy .hikai-note{font-size:11px}.hikai-world{width:100%;min-height:330px;margin-top:20px}.hikai-world>img{width:160px;height:160px;left:25%;top:25%}.platform-a{left:25%;top:78%;width:150px}.platform-b{width:48px;top:40%}.platform-c{width:56px;top:12%}.star-a{left:18%;top:3%}.star-b{right:7%;top:35%}.studio-quiet{display:block;padding-top:20px;padding-bottom:85px}.studio-quiet h2{font-size:30px;margin-bottom:30px}.studio-quiet>div>p{font-size:22px}.studio-quiet nav{font-size:13px;gap:11px 22px;margin-top:25px}.studio-quiet .text-link{font-size:14px;margin-top:28px}.dimension-footer{padding-top:20px}.footer-invite{display:block}.footer-invite h2{font-size:19vw;line-height:1.1;margin-bottom:30px}.contact-orbit{font-size:16px;gap:22px}.contact-orbit svg{width:24px;height:24px}.footer-email{font-size:15px;margin-top:15px}.footer-bottom{display:block;padding-top:65px;padding-bottom:22px}.footer-logo{width:min(100%,330px)}.footer-links{justify-content:start;margin-top:28px;font-size:12px;gap:5px 20px}.dev-note{font-size:10px}.case-title{padding:30px var(--gutter) 35px;display:block}.case-title>.text-link{margin-bottom:30px}.case-title h1{font-size:36px}.case-title .project-categories{font-size:12px;margin-top:22px}.case-cover{padding:0}.case-aperture>img{max-height:75svh}.case-cover .image-open{font-size:12px;margin-top:15px}.case-summary{font-size:23px;padding-top:55px;padding-bottom:40px}.case-reading{padding-top:0;padding-bottom:30px}.case-reading .project-facts{display:block;margin-bottom:40px}.case-reading .project-facts h2{font-size:27px;margin-bottom:25px}.case-reading .project-body .richtext{margin-left:0;margin-bottom:40px}.case-reading .project-body .richtext h2{font-size:29px}.case-reading .editorial-block{margin-bottom:40px}.next-project{padding-block:40px}.next-project a{font-size:32px}.dimension-index .page-heading{display:block;padding-block:45px 55px}.dimension-index .page-heading h1{font-size:15vw}.dimension-index .page-heading>p{font-size:21px;margin-top:30px}.dimension-index .project-grid{grid-template-columns:1fr;gap:55px}.dimension-index .project-card:nth-child(even){padding-top:0}.dimension-index .project-caption h2{font-size:22px}.studio-about{padding-block:35px}.expertise>h2{font-size:34px}.expertise-detail h3{font-size:28px}}
@media(max-width:360px){:root{--gutter:18px;--volume-size:215px}.brand{font-size:16px}.exhibition-intro h2,.perspectives-copy h2{font-size:36px}.window-work{width:calc(100% - 36px)}.position-3{width:100%}.hikai-portal{padding-inline:20px}.hikai-copy h2{font-size:30px}.hikai-world>img{left:20%}.platform-a{left:20%}.contact-orbit{font-size:15px}}
@media(prefers-reduced-motion:reduce){.project-volume,.project-window>img{transition:none!important;transform:none}.is-volume .project-volume{transform:translate(-50%,-50%) rotateX(-13deg) rotateY(var(--turn))}}
@media print{.volume-controls,.dimension-footer{display:none}.window-work{break-inside:avoid;width:90%;margin-bottom:40px}.hikai-portal{color:black;background:white}.project-volume{transition:none}}



/* L’image et le titre se partagent une seule ouverture, découpée au pas du pixel. */
:root{--pixel:clamp(16px,2.6vw,48px);--window-shape:polygon(0 0,72% 0,72% var(--pixel),80% var(--pixel),80% 0,calc(100% - 2*var(--pixel)) 0,calc(100% - 2*var(--pixel)) var(--pixel),calc(100% - var(--pixel)) var(--pixel),calc(100% - var(--pixel)) calc(2*var(--pixel)),100% calc(2*var(--pixel)),100% 100%,36% 100%,36% calc(100% - var(--pixel)),28% calc(100% - var(--pixel)),28% 100%,calc(2*var(--pixel)) 100%,calc(2*var(--pixel)) calc(100% - var(--pixel)),var(--pixel) calc(100% - var(--pixel)),var(--pixel) calc(100% - 2*var(--pixel)),0 calc(100% - 2*var(--pixel)))}

.project-window{clip-path:var(--window-shape)}.position-1 .project-window{--pixel:clamp(18px,3.2vw,60px)}.position-2 .project-window{--pixel:clamp(12px,2vw,36px)}.position-4 .project-window{--pixel:clamp(15px,2.6vw,50px)}.work-logo .project-window{clip-path:none}.editorial-breath{padding-block:20px var(--space);display:grid;grid-template-columns:1.45fr 1fr;gap:10%;align-items:end}.editorial-breath h2{font:400 clamp(42px,5.8vw,105px)/1.1 var(--accent);letter-spacing:-.025em;max-width:900px;text-wrap:balance}.editorial-breath p{font-size:clamp(17px,1.5vw,23px);line-height:1.6;max-width:470px}.perspectives{padding-top:70px;grid-template-columns:1fr 1.25fr;gap:4%;padding-bottom:var(--space)}.perspectives-copy h2{font-size:clamp(40px,4.6vw,84px)}.perspectives-copy p{max-width:340px}.studio-disciplines{margin-top:50px}.studio-disciplines>a{display:grid;grid-template-columns:1fr 1fr 24px;gap:24px;align-items:start;padding-block:26px}.studio-disciplines h3{font:400 clamp(23px,2vw,34px)/1.15 var(--body)}.studio-disciplines p{font-size:14px;line-height:1.5;color:var(--quiet)}.studio-disciplines .arrow{width:24px;height:24px}.studio-disciplines a:hover h3{text-decoration:underline}.case-aperture>img{clip-path:var(--window-shape)}.case-aperture>img{--pixel:clamp(12px,1.5vw,24px)}
@keyframes window-reveal{0%{clip-path:polygon(0 0,25% 0,25% 25%,50% 25%,50% 50%,75% 50%,75% 75%,100% 75%,100% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 25%,100% 25%,100% 50%,100% 50%,100% 75%,100% 75%,100% 100%,0 100%)}}
@media(max-width:1100px){.volume-viewport{height:500px}.studio-disciplines>a{grid-template-columns:1fr 24px}.studio-disciplines p{grid-column:1}.studio-disciplines .arrow{grid-column:2;grid-row:1/3}}
@media(max-width:760px){:root{--pixel:18px}.perspectives{padding-top:45px;display:block}.perspectives-copy h2{font-size:42px}.volume-viewport{height:420px}.editorial-breath{display:block;padding-top:15px;padding-bottom:95px}.editorial-breath h2{font-size:42px}.editorial-breath p{font-size:17px;margin-top:32px}.studio-disciplines{margin-top:35px}.studio-disciplines>a{padding-block:22px}.studio-disciplines h3{font-size:24px}.studio-disciplines p{font-size:14px}}
@media(max-width:360px){:root{--pixel:16px}.volume-viewport{height:370px}.editorial-breath h2,.perspectives-copy h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){}
@media print{}