@view-transition{navigation:auto}::view-transition-old(root){animation:depart .35s ease both}::view-transition-new(root){animation:arrive-page .7s ease both}@keyframes depart{to{opacity:0;transform:translateY(-18px)}}@keyframes arrive-page{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.complete{--paper:#efede6;--ink:#171a16;padding-top:88px}.complete header{position:fixed;inset:0 0 auto;z-index:30;background:#080808;color:#fff;border:0;height:88px;padding:14px 4vw;transition:background .4s,color .4s}.complete header.day{background:#fff;color:#080808;box-shadow:0 1px 0 #0002}.complete .brand img{width:155px;height:48px;object-fit:contain}.complete .logo-dark{display:none}.complete header.day .logo-light{display:none}.complete header.day .logo-dark{display:block}.complete #menu{display:block!important;margin-left:auto;border:1px solid #888;padding:8px 22px;font-size:13px;letter-spacing:.08em}.complete header .edition{margin-left:20px}.complete #nav{display:none!important}.complete #nav.open{display:flex!important;position:absolute;right:0;top:88px;width:min(640px,100vw);height:calc(100svh - 88px);overflow:auto;background:#10120ff7;color:#fff;flex-direction:column;padding:30px 40px;gap:18px;box-shadow:-25px 20px 60px #0004}.complete #nav a{display:block;min-height:44px;padding:10px 0}.complete #nav> a,.complete #nav summary{font:clamp(22px,3vw,32px) Georgia,serif}.complete #nav details{margin:0;border-color:#ffffff30;padding:8px 0}.complete #nav details a{font-size:14px}.work-links{columns:2;column-gap:30px}.complete footer{background:#fff;color:#10110f}.complete footer .brand{background:white;width:fit-content}.complete main{animation:arrive-page .9s ease both}.complete .hero{align-items:start;min-height:calc(100svh - 88px);height:auto;padding:30px 4vw 100px;isolation:isolate;overflow:hidden}.hero-art-link{display:block;width:72%;margin-left:auto;transform-origin:center}.complete .hero-image{width:100%;margin:0}.complete .hero-image img{max-height:72svh}.complete .hero-copy{left:6vw;top:auto;bottom:110px;max-width:70%;z-index:3}.complete .hero-copy h1{font-size:clamp(4rem,8vw,8.6rem);color:#fff;text-shadow:0 3px 15px #000b}.complete .hero-copy .eyebrow{width:fit-content;color:white;background:#070807e8}.complete .hero-copy .text-link{background:#080808eb;color:#fff}.hero-satellites{position:absolute;right:4vw;bottom:40px;display:flex;align-items:end;gap:18px;width:30%;z-index:4}.hero-satellites a{width:50%;background:#111;box-shadow:0 20px 50px #0009;border:7px solid #111;transition:transform .5s}.hero-satellites a:nth-child(2){transform:translateY(-50px);width:37%}.hero-satellites a:hover{transform:translateY(-15px)}.hero-satellites img{width:100%;max-height:210px;object-fit:contain}.hero-index{display:none}.complete h1 em,.complete h2 em{color:inherit}.complete .provisional{font:11px/1.6 Arial,sans-serif;letter-spacing:.07em;margin-top:14px}.complete .reveal.in{animation:none}.complete .work picture{position:relative;transform:translateY(var(--drift,0px));transition:box-shadow .5s}.complete .work a:hover picture{box-shadow:0 30px 45px #0003}.complete .work img{transition:filter .6s}.complete .caption{font:22px/1.25 Georgia,serif;margin-top:26px;padding-top:20px}.complete .caption small{font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;margin-top:10px;opacity:.9}.complete .view{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-top:8px}.complete .editorial{gap:80px 9vw}.diverse-grid{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:4vw;align-items:center}.diverse-grid .work:nth-child(2){margin-top:100px}.diverse-grid .work:nth-child(3){margin-top:200px}.diverse .section-heading h2{font-size:clamp(3rem,6vw,6rem)}.triptych-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:60px}.triptych-grid picture{height:420px;display:flex;align-items:center;justify-content:center}.triptych-grid img{max-height:100%;width:auto;max-width:100%;object-fit:contain}.triptych-grid .caption{font-size:22px}.triptych h2{font-size:clamp(3rem,6vw,6rem)}.universe-portal{min-height:700px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;color:#fff;margin:0}.universe-background{position:absolute;inset:0;z-index:-2}.universe-background picture{height:100%}.universe-background img{width:100%;height:100%;object-fit:cover;filter:blur(12px) brightness(.55);transform:scale(1.06)}.glass{background:#151b1488;border:1px solid #ffffff45;padding:70px 8vw;backdrop-filter:blur(8px);max-width:90%;text-align:center;box-shadow:0 30px 100px #0003}.glass h2{font-size:clamp(3.5rem,7vw,7rem)}.universe-hero{height:82svh;min-height:550px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:end;padding:7vw;color:white}.universe-hero>picture{position:absolute;inset:0;z-index:-1}.universe-hero img{width:100%;height:100%;object-fit:cover;filter:blur(9px) brightness(.45);transform:scale(1.06)}.universe-hero>div{max-width:90%}.universe-hero p:last-child{margin-top:30px}.focus-15,.focus-16{position:relative;display:block;isolation:isolate}.focus-15>img,.focus-16>img{filter:blur(11px)}.focus-15:after,.focus-16:after{content:'';position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.focus-15:after{background-image:url('assets/15.jpg');mask-image:radial-gradient(circle at 50% 48%,black 18%,transparent 63%)}.focus-16:after{background-image:url('assets/16.jpg');mask-image:radial-gradient(ellipse 20% 20% at 58% 31%,black 75%,transparent 100%)}.image-button.focus-15:after,.image-button.focus-16:after{display:none}.image-button.focus-15 img,.image-button.focus-16 img{filter:none}.essay-head{padding-bottom:70px}.essay-index{display:flex;flex-wrap:wrap;gap:8px 25px;margin-top:45px;border-top:1px solid #aaa;padding-top:20px}.essay-index a{border-bottom:1px solid #aaa}.essay-chapter{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-top:1px solid #aaa5}.essay-chapter:nth-child(odd){background:#20231e;color:white}.essay-chapter:nth-child(odd)>div{order:2}.essay-chapter .lede{font-size:18px;line-height:1.9}.essay-chapter img{max-height:650px;object-fit:contain}.photo-study{margin-top:90px}.photo-study h2{font-size:36px;margin-bottom:25px}.before-after{position:relative;max-width:900px;margin:auto;overflow:hidden;background:#ccc}.before-after>div:first-child picture{height:65svh;min-height:300px}.before-after img{width:100%;height:100%;object-fit:contain}.before-after .after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.before-after .after picture{height:100%}.before-label,.after-label{position:absolute;top:15px;background:#000b;color:white;padding:6px 12px;font-size:12px}.before-label{left:15px}.after-label{right:15px}.tone-0{filter:brightness(1.03) contrast(1.02)}.tone-1{filter:brightness(1.02) contrast(1.02)}.tone-2{filter:brightness(1.03)}.tone-3{filter:brightness(1.02) contrast(1.01)}.tone-4{filter:contrast(1.02)}.photo-study label{display:block;max-width:900px;margin:20px auto}.photo-study input{width:100%;min-height:44px;accent-color:#596546}.compare-links{display:flex;gap:30px;margin-top:30px}.compare-links a{border-bottom:1px solid;padding:12px 0}.home-light{background:linear-gradient(#080808 0%,#222 20%,#616161 40%,#a8a8a8 60%,#e8e8e8 80%,white 100%)!important}.home-light main,.home-light .ivory{background:transparent}.home-light .universe-portal{margin:45px 4vw;border-radius:2px}.home-light .closing{background:transparent}.complete .detail-grid h1{font-size:clamp(2.8rem,5vw,5rem)}.complete dialog{z-index:60}.complete #top{z-index:25}.complete .page-turn{flex-wrap:wrap;gap:10px}body.menu-open #top{display:none!important}
@media(max-width:900px){.hero-satellites{width:36%}.diverse-grid{gap:25px;grid-template-columns:1fr 1fr}.diverse-grid .work:nth-child(3){grid-column:1/-1;width:55%;margin:20px auto}.triptych-grid picture{height:280px}.complete .hero-copy{max-width:80%}.essay-chapter{gap:35px}.complete header .edition{display:none}}
@media(max-width:600px){.complete{padding-top:76px}.complete header{height:76px;min-height:76px;flex-wrap:nowrap}.complete .brand img{width:120px;height:40px}.complete #nav.open{top:76px;height:calc(100svh - 76px);padding:25px}.complete .hero{padding:28px 4vw 40px;min-height:auto;display:grid;grid-template-columns:1fr}.hero-art-link{width:100%}.complete .hero-copy{position:static;margin:30px 2vw 0;max-width:100%}.complete .hero-copy h1{font-size:16vw}.hero-satellites{position:relative;width:65%;right:auto;bottom:auto;margin:20px 0 0 auto;order:0;gap:12px}.hero-satellites a:nth-child(2){transform:translateY(-15px)}.hero-satellites img{max-height:150px}.complete .hero .scroll{position:static;display:block;margin:30px 2vw 0;order:5}.complete .hero-copy .text-link{margin-top:22px}.diverse-grid{grid-template-columns:1fr}.diverse-grid .work:nth-child(2){margin-top:15px}.diverse-grid .work:nth-child(3){width:100%;margin:15px 0}.complete .editorial{gap:55px}.triptych-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.triptych-grid picture{height:160px}.triptych-grid .caption{font-size:15px;margin-top:12px}.triptych-grid .caption small{font-size:9px}.triptych-grid .view{font-size:9px;letter-spacing:.03em}.triptych{padding-left:4vw;padding-right:4vw}.universe-portal{min-height:520px}.glass{padding:40px 20px}.universe-hero{min-height:500px}.essay-chapter{grid-template-columns:1fr}.essay-chapter:nth-child(odd)>div{order:0}.essay-chapter .lede{font-size:17px}.complete #nav a{font-size:14px}.work-links{columns:1}.complete .detail-grid h1{font-size:3rem}.compare-links{flex-direction:column}.before-after>div:first-child picture{height:50svh}.home-light .universe-portal{margin:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.complete *,.complete *:before,.complete *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.complete .work picture,.hero-art-link{transform:none!important}.complete main{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.complete [hidden]{display:none!important}.complete section[id]{scroll-margin-top:100px}

.complete .caption>span:last-child{font-size:inherit;overflow-wrap:anywhere}
@media(min-width:601px) and (max-width:900px){.complete .hero{min-height:850px}.complete .hero-copy{bottom:110px}.hero-art-link{width:88%}}

.home-light .view,.home-light .caption small{opacity:1}
/* V2.1 narrative: the connections surround the photographs; no pixels are painted over artworks. */
.complete .hero-copy h1{font-size:clamp(3.5rem,6.8vw,7rem);line-height:1.03;max-width:1000px}
.complete .hero-copy h1 span,.complete .hero-copy h1 em{display:block}
.diverse{position:relative;isolation:isolate}.diverse>*:not(.connections){position:relative;z-index:1}
.connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
.connections path{fill:none;stroke:currentColor;stroke-width:1;opacity:.26;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--connection,1))}
.material-story .editorial{align-items:center}.material-story .work:nth-child(2){margin-top:150px;width:85%;justify-self:end}
.light-study{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;position:relative;isolation:isolate}
.light-heading p:last-child{margin-top:35px}.light-art{position:relative}.light-art:before{content:'';position:absolute;inset:-50px;background:radial-gradient(ellipse,#fff8,transparent 67%);z-index:-1;pointer-events:none}
.light-study h2{font-size:clamp(3rem,5.4vw,5.8rem)}.light-art .work picture{max-width:620px;margin:auto}
.narrative-signature{max-width:690px;margin:45px auto 15px;font:clamp(18px,2vw,24px)/1.75 Georgia,serif;text-align:left}
.narrative-note{max-width:750px;margin-top:65px;padding:35px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;font:20px/1.8 Georgia,serif}
.closing-links{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.complete #motion{text-align:left;border-top:1px solid #ffffff40;padding:20px 0;font-size:12px;min-height:44px}
.complete #motion[aria-pressed=true]{color:#d7dfc1}.complete .work a:focus-visible picture{outline:2px solid currentColor;outline-offset:5px}
.complete dialog[open]{animation:gallery-open .45s cubic-bezier(.2,.8,.2,1)}@keyframes gallery-open{from{opacity:.2;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}
.complete.menu-open{overflow:hidden}.complete .work a:active picture{box-shadow:0 0 0 2px currentColor}
.quiet,.quiet *,.quiet *:before,.quiet *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.quiet .work picture,.quiet .hero-art-link{transform:none!important}.quiet .connections path{stroke-dashoffset:0!important}
@media(max-width:900px){.complete .hero-copy h1{font-size:clamp(3.5rem,7.4vw,5rem)}.light-study{gap:35px}.connections path{opacity:.18}}
@media(max-width:600px){.complete .hero-copy h1{font-size:10.6vw;line-height:1.1}.complete .hero-copy{margin-top:25px}.light-study{grid-template-columns:1fr}.material-story .work:nth-child(2){margin-top:15px;width:100%}.connections{display:none}.narrative-signature{font-size:19px}.light-art:before{inset:-15px}.narrative-note{font-size:18px}.narrative-title{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){.connections path{stroke-dashoffset:0!important}.complete dialog[open]{animation:none}}

html:has(.quiet)::view-transition-old(root),html:has(.quiet)::view-transition-new(root){animation:none!important}
@media(min-width:601px) and (max-width:900px){.light-art:before{inset:-25px}}
.home-light .text-link:hover{opacity:1;text-decoration:underline}

/* V1.2 — bounded refinements to the existing compositions. */
.release-v12 .hero{min-height:calc(100svh - 88px);padding:20px 0 95px;display:block}
.release-v12 .hero-art-link{position:relative;z-index:2;width:88%;margin:0 0 0 auto;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 89%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 85%,transparent);mask-composite:intersect}
.release-v12 .hero-image img{width:100%;max-height:86svh;object-fit:contain}
.release-v12 .hero-copy{left:6vw;bottom:10%;max-width:90%}
.release-v12 .hero-copy h1{font-size:clamp(3.5rem,7.2vw,8rem);text-shadow:0 2px 20px #000,0 0 60px #000}
.release-v12 .hero-satellites{inset:5% auto 3% 0;width:100%;z-index:0;opacity:.4;pointer-events:none}
.release-v12 .hero-satellites a{position:absolute;border:0;box-shadow:none;background:none;pointer-events:auto;mask-image:radial-gradient(ellipse,#000 22%,transparent 73%);filter:blur(2px);width:46%;transform:none!important}
.release-v12 .hero-satellites a:first-child{left:-9%;top:10%;rotate:-7deg}
.release-v12 .hero-satellites a:last-child{right:-7%;bottom:-14%;width:36%}
.release-v12 .hero-satellites img{max-height:none;width:100%;height:auto}
.release-v12 .connections path{stroke-width:1.6;opacity:.52;stroke:currentColor;transition:stroke-dashoffset .12s linear}
.release-v12 .connections{color:#ddd}
.release-v12 .material-story .editorial,.release-v12 .light-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;align-items:start}
.release-v12 .material-story .work:nth-child(2){margin-top:0;width:100%;justify-self:auto}
.release-v12 .material-story .editorial picture,.release-v12 .light-art picture{height:390px;display:flex;align-items:center;justify-content:center;max-width:100%}
.release-v12 .material-story .editorial img,.release-v12 .light-art img{height:100%;width:100%;object-fit:contain}
.release-v12 .light-study{display:block}.release-v12 .light-heading{max-width:850px;margin-bottom:60px}
.release-v12 .light-art:before{inset:0;background:radial-gradient(ellipse,#fff5,transparent 65%)}
.release-v12 .arbo-crop{aspect-ratio:1005/1470;overflow:hidden;display:block;isolation:isolate}
.release-v12 .arbo-crop img{width:100%;height:auto;max-width:none;transform:translateY(-5.5%) rotate(.65deg);transform-origin:50% 50%}
.release-v12 .narrative-signature p+p{margin-top:1.2em}
.release-v12 .glass h2{font-size:clamp(2.6rem,5.25vw,5.25rem)}
.portal-intro{max-width:560px;margin:28px auto;font-size:clamp(17px,1.6vw,21px);line-height:1.7}
.release-v12 .glass .text-link{margin-top:22px;color:#fff}
.release-v12 .atelier-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:65px 3vw;align-items:start}
.release-v12 .atelier-grid>.work{grid-column:span 2}.release-v12 .atelier-grid>.work:nth-child(n+4){grid-column:span 3}
.release-v12 .atelier-grid>.work:nth-child(-n+3) picture{height:340px;display:flex;align-items:center;justify-content:center}
.release-v12 .atelier-grid>.work:nth-child(-n+3) img{height:100%;width:100%;object-fit:contain}
.release-v12 .focus-15>img,.release-v12 .focus-16>img{filter:blur(3px)}
.release-v12 .focus-15:after{background-image:url('assets/ia-15.jpg');mask-image:radial-gradient(ellipse at 50% 48%,#000 5%,#000e 23%,#0008 48%,#0002 72%,transparent 95%)}
.release-v12 .focus-16:after{background-image:url('assets/ia-16.jpg');mask-image:radial-gradient(ellipse at 58% 31%,#000 0%,#000 12%,#000e 23%,#0008 46%,#0002 72%,transparent 100%)}
.release-v12 .image-button.focus-15 img,.release-v12 .image-button.focus-16 img{filter:none}
.approach-transition{text-align:center;background:#f0eee8;color:#111}.approach-transition p:not(.eyebrow){max-width:630px;margin:30px auto;font-size:20px;line-height:1.7}.approach-transition .text-link{margin-top:15px}
.release-v12 .artist-opening{position:relative;isolation:isolate;background:#080808;color:white;padding-top:70px;overflow:hidden}
.artist-opening-images{position:relative;min-height:550px;margin-bottom:35px;isolation:isolate}
.artist-backgrounds{position:absolute;inset:0;z-index:-1;display:flex;justify-content:space-between;opacity:.55}
.artist-backgrounds picture{width:43%;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);filter:blur(5px)}
.artist-backgrounds picture:last-child{align-self:end}.artist-backgrounds img{width:100%;height:auto}
.artist-main-photo{display:block;width:65%;margin:auto;mask-image:radial-gradient(ellipse,#000 40%,transparent 74%)}
.artist-main-photo img{width:100%;max-height:620px;object-fit:contain}
.release-v12 .essay-head h1{font-size:clamp(3rem,5vw,5.5rem)}
.release-v12 .essay-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff40}
.release-v12 .essay-index a{padding:22px 15px;line-height:1.5;border-bottom:1px solid #ffffff30;transition:background .2s,color .2s}
.release-v12 .essay-index a:hover,.release-v12 .essay-index a:focus-visible{background:#fff1;color:white}
.artist-portrait{background:#080808;color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}
.artist-portrait h2{font-size:clamp(2.6rem,4.4vw,5rem)}.artist-portrait p:not(.eyebrow){font-size:19px;line-height:1.8;max-width:540px;margin-top:35px}
.portrait-image{mask-image:radial-gradient(ellipse,#000 48%,transparent 76%);overflow:hidden}.portrait-image img{width:100%;max-height:800px;object-fit:contain}
.portrait-image.in img{animation:portrait-enter 1.8s ease-out both}@keyframes portrait-enter{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.contact-section{background:#efede6;color:#161616;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-section h2{font-size:clamp(3rem,4.5vw,5rem)}.contact-section p{font-size:18px;line-height:1.8;margin-top:25px}
.contact-section fieldset{border:0;padding:0;min-width:0}.contact-section label{display:block;font-size:13px;margin-bottom:8px;margin-top:20px}.contact-section input,.contact-section textarea{display:block;width:100%;font:inherit;color:#333;background:#ffffff90;border:1px solid #888;padding:15px;border-radius:0}.contact-section button{border:1px solid #666;padding:17px 24px;margin-top:25px;cursor:not-allowed;background:#ddd;color:#555}.contact-section #contact-status{font-size:14px;max-width:520px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.complete.release-v12 .site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;background:#080808;color:#fff;border-top:1px solid #ffffff30;padding:45px 5vw}
.complete.release-v12 .site-footer .brand{background:none}.site-footer p{text-align:center}.site-footer>a:last-child{justify-self:end}.site-footer img{object-fit:contain}
.local-review-intro iframe{width:100%;height:75vh;border:1px solid #aaa;margin-top:30px}.local-review input[type=file]{display:block;max-width:100%;font-size:13px;margin-top:10px}
@media(max-width:900px){.release-v12 .material-story .editorial picture,.release-v12 .light-art picture{height:290px}.release-v12 .hero-copy h1{font-size:8.5vw}.release-v12 .hero{min-height:800px}.release-v12 .hero-art-link{width:100%}.release-v12 .hero-copy{bottom:12%}.artist-opening-images{min-height:400px}.artist-main-photo{width:80%}.release-v12 .essay-index{grid-template-columns:repeat(2,minmax(0,1fr))}.release-v12 .atelier-grid>.work:nth-child(-n+3) picture{height:250px}}
@media(max-width:600px){.release-v12 .hero{min-height:650px;padding:0 0 60px}.release-v12 .hero-art-link{width:110%;margin-left:-5%;padding-top:20px}.release-v12 .hero-image img{max-height:55svh}.release-v12 .hero-copy{position:relative;left:auto;bottom:auto;max-width:100%;margin:-25px 7vw 0}.release-v12 .hero-copy h1{font-size:14vw;line-height:1.1}.release-v12 .hero-satellites{position:absolute;inset:0;width:100%;margin:0}.release-v12 .hero-satellites a:first-child{left:-15%;top:48%;width:75%}.release-v12 .hero-satellites a:last-child{right:-15%;bottom:2%;width:65%}.release-v12 .material-story .editorial,.release-v12 .light-art{grid-template-columns:1fr;gap:45px}.release-v12 .material-story .editorial picture,.release-v12 .light-art picture{height:auto;max-height:none}.release-v12 .material-story .editorial img,.release-v12 .light-art img{height:auto;max-height:470px}.release-v12 .atelier-grid{grid-template-columns:1fr;gap:45px}.release-v12 .atelier-grid>.work,.release-v12 .atelier-grid>.work:nth-child(n+4){grid-column:auto}.release-v12 .atelier-grid>.work:nth-child(-n+3) picture{height:auto}.release-v12 .atelier-grid>.work:nth-child(-n+3) img{height:auto;max-height:480px}.artist-opening-images{min-height:360px;margin-inline:-6vw}.artist-main-photo{width:100%}.artist-main-photo img{max-height:500px}.artist-backgrounds picture{width:65%}.artist-portrait,.contact-section{grid-template-columns:1fr;gap:30px}.artist-portrait>div:first-child{order:2}.release-v12 .essay-index{grid-template-columns:1fr 1fr}.release-v12 .essay-index a{font-size:14px;padding:18px 8px}.complete.release-v12 .site-footer{grid-template-columns:1fr;text-align:center;justify-items:center}.site-footer>a:last-child{justify-self:center}.release-v12 .connections{display:block}.release-v12 .connections path{opacity:.2;stroke-width:1.2}}
@media(prefers-reduced-motion:reduce){.portrait-image img{animation:none!important}.release-v12 .connections path{transition:none!important}}

/* Portrait final awaiting exact source confirmation. */
.artist-portrait.portrait-awaiting{display:block}.portrait-awaiting>div{max-width:800px;margin:auto}

/* Atelier TEST : les deux dernières photos côte à côte */
.complete .atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.complete .atelier-grid .work:nth-last-child(-n+2){grid-row:auto;margin-top:0}
@media(max-width:600px){.complete .atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.complete .atelier-grid .work:first-child{grid-column:1/-1;grid-row:auto}}

/* TEST: flou progressif des photographies d'atelier, sans modifier les originaux */
.complete picture.focus-15,.complete picture.focus-16{position:relative;overflow:hidden;isolation:isolate}
.complete picture.focus-15 img,.complete picture.focus-16 img{filter:blur(12px);transform:scale(1.035)}
.complete picture.focus-15::after,.complete picture.focus-16::after{content:'';position:absolute;inset:0;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
.complete picture.focus-15::after{background-image:url('assets/ia-15.jpg');mask-image:radial-gradient(ellipse 34% 42% at 43% 55%,black 20%,transparent 100%)}
.complete picture.focus-16::after{background-image:url('assets/ia-16.jpg');mask-image:radial-gradient(ellipse 23% 28% at 55% 48%,black 15%,transparent 100%)}

/* TEST V2: final layout adjustments, original photographs preserved. */
.complete.release-v12 .atelier-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:65px 3vw}
.complete.release-v12 .atelier-grid>.work{grid-column:span 2;grid-row:auto}
.complete.release-v12 .atelier-grid>.work:nth-last-child(-n+2){grid-column:span 3;margin-top:0}
.artist-profile{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1fr 1fr;gap:0;min-height:780px;padding:90px 8vw;background:#101516;color:#fff}
.artist-profile-background{position:absolute;inset:-45px;width:calc(100% + 90px);height:calc(100% + 90px);max-width:none;object-fit:cover;filter:blur(24px) brightness(.36);z-index:-1;pointer-events:none}
.artist-profile-heading{position:relative;z-index:2;width:119%;align-self:center;pointer-events:none}
.artist-profile h2{font-size:clamp(2.7rem,4.6vw,5rem);line-height:1.12;text-shadow:0 2px 22px #000a}
.artist-profile-photo{position:relative;z-index:1;width:100%;max-width:520px;justify-self:end;box-shadow:0 25px 70px #0005}
.artist-profile-photo img{width:100%;height:auto;filter:none}
@media(max-width:600px){
 .complete.release-v12 .atelier-grid{grid-template-columns:1fr;gap:45px}
 .complete.release-v12 .atelier-grid>.work,.complete.release-v12 .atelier-grid>.work:nth-last-child(-n+2){grid-column:1}
 .artist-profile{grid-template-columns:1fr;min-height:0;padding:65px 6vw}
 .artist-profile>.artist-profile-heading:first-child,.artist-profile .artist-profile-heading{order:0;width:100%;margin:0 0 -24px;align-self:auto}
 .artist-profile h2{font-size:clamp(2.2rem,8.5vw,3.2rem);line-height:1.12}
 .artist-profile-photo{order:1;width:90%;justify-self:end}
}

/* TEST: softer peripheral atelier blur, retain sharp artwork and original files. */
.complete picture.focus-15 img,.complete picture.focus-16 img{filter:blur(4px);transform:scale(1.008)}
.complete picture.focus-15::after{mask-image:radial-gradient(ellipse 67% 68% at 47% 52%,#000 45%,transparent 100%)}
.complete picture.focus-16::after{mask-image:radial-gradient(ellipse 56% 60% at 55% 45%,#000 42%,transparent 100%)}

/* V2.1 TEST: photographie centrale agrandie et jonctions adoucies. */
@media(min-width:901px){.home-light .hero-art-link{width:86.4%;}.home-light .hero-art-link picture{mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);}}

/* V2.1: transitions douces entre les trois images de l'accueil. */
@media(min-width:901px){.home-light .hero-satellites a{box-shadow:0 16px 40px #0005;border-color:transparent;}.home-light .hero-satellites picture{mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);}}
.home-light .hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 850px 700px at var(--spot-x,50%) var(--spot-y,45%),rgba(0,0,0,0) 0%,rgba(0,0,0,.08) 25%,rgba(0,0,0,.48) 55%,rgba(0,0,0,.76) 100%);transition:opacity .18s;opacity:1;}
@media(hover:none),(prefers-reduced-motion:reduce){.home-light .hero::after{display:none;}}


/* FABIO ART TEST — essai coordonne des six micro-interactions. */
@media (prefers-reduced-motion:no-preference){
  .complete #nav.open{animation:fabio-menu-enter .48s cubic-bezier(.18,.82,.22,1) both}
  @keyframes fabio-menu-enter{from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:translateX(0)}}
  .complete #nav a{position:relative;width:fit-content;max-width:100%;transition:color .25s ease}
  .complete #nav a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.2,.75,.2,1);pointer-events:none}
  .complete #nav a:hover::after,.complete #nav a:focus-visible::after,.complete #nav a[aria-current]::after{transform:scaleX(1)}
  .complete .work picture{overflow:hidden}
  .complete .work picture img{transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .6s ease}
  @media(hover:hover){.complete .work a:hover picture img,.complete .work a:focus-visible picture img{transform:scale(1.025);filter:brightness(1.14)}}
  .complete .reveal{transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
  .complete .reveal:not(.in){transform:translateY(22px)}
  .complete .reveal.in{transform:translateY(0)}
  .complete main h1,.complete main .narrative-title{animation:fabio-title-in 1.05s cubic-bezier(.2,.8,.2,1) both}
  @keyframes fabio-title-in{from{opacity:0;transform:translateY(22px);clip-path:inset(0 0 28% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
  .complete #lightbox[open]{animation:fabio-viewer-in .42s cubic-bezier(.2,.8,.2,1) both}
  .complete #lightbox[open] #full{animation:fabio-image-in .55s cubic-bezier(.2,.8,.2,1) both}
  @keyframes fabio-viewer-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
  @keyframes fabio-image-in{from{opacity:.4;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:fabio-page-out .22s ease both}
  ::view-transition-new(root){animation:fabio-page-in .46s ease both}
  @keyframes fabio-page-out{to{opacity:0;filter:brightness(.75)}}
  @keyframes fabio-page-in{from{opacity:0;filter:brightness(.8)}to{opacity:1;filter:brightness(1)}}
}
@media(prefers-reduced-motion:reduce){
  .complete .reveal,.complete .reveal:not(.in),.complete main h1,.complete main .narrative-title{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;clip-path:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}
}
.complete.quiet .reveal,.complete.quiet main h1,.complete.quiet main .narrative-title{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;clip-path:none!important}

/* TEST — ruban photographique, uniquement sur l'accueil. */
.fabio-ribbon-section{position:relative;overflow:hidden;background:#11100e;color:#eee8dc;padding:95px 0 105px;isolation:isolate}
.fabio-ribbon-heading{padding:0 7vw 42px;max-width:950px}
.fabio-ribbon-heading h2{font:clamp(2.4rem,6vw,6rem)/1.04 Georgia,serif;margin:12px 0 18px;color:inherit}
.fabio-ribbon-heading p{color:inherit}
.fabio-ribbon-viewport{overflow:hidden;width:100%;padding:42px 0 55px}
.fabio-ribbon-track{display:flex;align-items:center;gap:clamp(18px,3vw,48px);width:max-content;padding:0 7vw;transform:translate3d(var(--ribbon-x,0px),0,0);will-change:transform}
.fabio-ribbon-track a{display:block;flex:none;width:clamp(190px,26vw,380px);height:clamp(240px,33vw,450px);overflow:hidden;border-radius:3px;box-shadow:0 18px 48px #0008;transform:none;transition:box-shadow .4s ease}




.fabio-ribbon-track img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease}
@media(hover:hover){.fabio-ribbon-track a:hover img,.fabio-ribbon-track a:focus-visible img{transform:scale(1.055)}}
@media(max-width:700px){.fabio-ribbon-section{padding:65px 0}.fabio-ribbon-viewport{overflow-x:auto;scroll-snap-type:x mandatory}.fabio-ribbon-track{transform:none!important}.fabio-ribbon-track a{scroll-snap-align:center;width:68vw;height:78vw}}
@media(prefers-reduced-motion:reduce){.fabio-ribbon-track{transform:none!important;will-change:auto}.fabio-ribbon-track img{transition:none}}
.complete.quiet .fabio-ribbon-track{transform:none!important;will-change:auto}

/* TEST — etudes 02, 03, 04 : profondeur, immersion, typographie. */
.fabio-depth-demo{background:#181714;color:#f4eee2;min-height:780px;padding:100px 7vw;overflow:hidden}
.fabio-depth-copy{position:relative;z-index:4;max-width:520px}
.fabio-depth-copy h2,.fabio-expand-copy h2{font:clamp(2.5rem,5.5vw,5.8rem)/1.05 Georgia,serif;margin:16px 0}
.fabio-depth-stage{height:520px;max-width:1100px;margin:-40px auto 0;position:relative;perspective:1200px}
.fabio-depth-card{position:absolute;display:block;width:clamp(170px,25vw,340px);height:clamp(230px,31vw,410px);box-shadow:0 30px 70px #0009;overflow:hidden;transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0);transition:transform .18s ease-out}
.fabio-depth-card img{width:100%;height:100%;object-fit:cover}
.depth-back{left:10%;top:75px;--depth-factor:.35;opacity:.8}
.depth-mid{right:10%;top:15px;--depth-factor:.7}
.depth-front{left:38%;top:110px;--depth-factor:1;z-index:2}
.fabio-expand-demo{background:#e9e5dc;color:#171714;padding:100px 0 120px;overflow:hidden}
.fabio-expand-copy{padding:0 7vw 50px}
.fabio-expand-frame{display:block;width:var(--expand-width,68%);max-width:100%;height:min(68vw,640px);margin:auto;overflow:hidden;transition:width .1s linear}
.fabio-expand-frame img{width:100%;height:100%;object-fit:cover;display:block}
.fabio-layer-demo{background:#141310;color:#f2ede2;padding:110px 7vw;overflow:hidden}
.fabio-layer-stage{height:clamp(400px,55vw,740px);position:relative;display:grid;place-items:center;isolation:isolate}
.fabio-layer-stage h2{font:clamp(4rem,11vw,12rem)/.9 Georgia,serif;letter-spacing:-.06em;text-align:center;position:absolute;z-index:1;left:0;right:0;top:16%;margin:0;transform:translateY(var(--layer-text,0px))}
.fabio-layer-stage a{display:block;position:relative;z-index:2;width:min(38%,420px);height:76%;box-shadow:0 28px 75px #0009;transform:translateY(var(--layer-photo,0px))}
.fabio-layer-stage img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.fabio-depth-demo{padding:65px 5vw;min-height:670px}.fabio-depth-stage{height:440px;margin:20px 0 0}.fabio-depth-card{width:45vw;height:62vw}.depth-back{left:0;top:90px}.depth-mid{right:0;top:25px}.depth-front{left:25%;top:170px}.fabio-expand-demo{padding:65px 0}.fabio-expand-frame{height:85vw}.fabio-layer-demo{padding:65px 5vw}.fabio-layer-stage{height:420px}.fabio-layer-stage h2{font-size:14vw;top:22%}.fabio-layer-stage a{width:50%;height:70%}}
@media(prefers-reduced-motion:reduce){.fabio-depth-card,.fabio-expand-frame{transition:none}.fabio-depth-card,.fabio-layer-stage h2,.fabio-layer-stage a{transform:none!important}.fabio-expand-frame{width:90%!important}}
.complete.quiet .fabio-depth-card,.complete.quiet .fabio-layer-stage h2,.complete.quiet .fabio-layer-stage a{transform:none!important}
.complete.quiet .fabio-expand-frame{width:90%!important}

/* Peter Parker — deux tirages decales, balance progressive au scroll. */
.fabio-parker-demo{position:relative;display:block;box-sizing:border-box;height:230svh;min-height:1100px;padding:0;margin:0;background:#1b1a18;color:#f5f1e9}
.fabio-parker-sticky{position:sticky;top:88px;box-sizing:border-box;height:calc(100svh - 88px);min-height:420px;padding:clamp(22px,4vh,46px) clamp(18px,5vw,85px);display:flex;align-items:center;justify-content:center;overflow:hidden}
.fabio-parker-comparison{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,1250px);height:100%;min-height:0;gap:clamp(12px,2vh,22px)}
.fabio-parker-photos{position:relative;flex:1 1 auto;width:100%;min-height:0;max-height:100%;isolation:isolate}
.fabio-parker-photo{position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;min-width:0;transform-origin:center;will-change:transform,opacity,filter;filter:drop-shadow(0 15px 28px #0008)}
.fabio-parker-front{width:66%;height:92%;top:0;left:0;z-index:1;transform:translate3d(calc(var(--parker-progress,0)*-5%),calc(var(--parker-progress,0)*7%),0) scale(calc(1 - var(--parker-progress,0)*.24));opacity:calc(1 - var(--parker-progress,0)*.68);filter:blur(calc(var(--parker-progress,0)*3px)) drop-shadow(0 14px 25px #0007)}
.fabio-parker-side{width:66%;height:92%;top:8%;left:34%;z-index:2;clip-path:none;transform:translate3d(calc((1 - var(--parker-progress,0))*5%),calc((1 - var(--parker-progress,0))*-6%),0) scale(calc(.76 + var(--parker-progress,0)*.24));opacity:calc(.35 + var(--parker-progress,0)*.65);filter:blur(calc((1 - var(--parker-progress,0))*3px)) drop-shadow(0 14px 25px #0007)}
.fabio-parker-caption{display:flex;flex:0 0 auto;justify-content:space-between;align-items:baseline;gap:15px;width:100%;border-top:1px solid #777168;padding-top:12px;font:400 clamp(1.15rem,2vw,1.8rem)/1.2 Georgia,serif}
.fabio-parker-caption span:last-child{font:400 .7rem/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#b6afa4}
@media(max-width:750px){.fabio-parker-demo{height:195svh;min-height:780px}.fabio-parker-sticky{padding:18px 3vw}.fabio-parker-front{width:78%;height:86%}.fabio-parker-side{width:78%;height:86%;left:22%;top:12%}.fabio-parker-caption{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.fabio-parker-front{transform:none;opacity:1;filter:none}.fabio-parker-side{transform:scale(.76);opacity:.85;filter:none}}

/* TEST : zoom progressif de la photographie ronde */
.fabio-expand-demo{position:relative;height:185svh!important;padding:0!important;background:#eeeae2!important}
.fabio-expand-demo .fabio-expand-copy{position:relative;z-index:2;padding:26px 5vw 0;color:#29251f}
.fabio-expand-demo .fabio-expand-copy h2{font-size:clamp(2rem,4vw,4rem)}
.fabio-expand-demo .fabio-expand-frame{position:sticky!important;top:88px;display:block!important;width:100%!important;height:calc(100svh - 88px)!important;margin:0!important;overflow:hidden!important;background:radial-gradient(ellipse,#f5f2eb,#ddd8cd)!important;transform:none!important}
.fabio-expand-demo .fabio-expand-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(calc(1.65 + var(--matter-zoom,0)*.95))!important;transform-origin:50% 49%;filter:drop-shadow(0 12px 20px #3a302526)}
@media(prefers-reduced-motion:reduce){.fabio-expand-demo .fabio-expand-frame img{transform:none!important}}

/* Peter Parker : meme langage editorial que Les oeuvres en suspension */
.fabio-parker-demo{height:max(980px,130svh)!important;min-height:0!important;background:#181714!important;color:#f4eee2!important;overflow:clip}
.fabio-parker-sticky{top:88px!important;height:calc(100svh - 88px)!important;min-height:0!important;padding:clamp(24px,5vh,55px) 7vw!important;display:block!important;overflow:hidden!important}
.fabio-parker-copy{position:relative;z-index:4;max-width:620px}
.fabio-parker-copy .eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:700}
.fabio-parker-copy h2{font:clamp(2.5rem,5.5vw,5.8rem)/1.05 Georgia,serif;margin:16px 0;color:#fff}
.fabio-parker-copy>p:last-child{font-size:1rem;margin:14px 0}
.fabio-parker-comparison{display:block!important;width:100%!important;height:auto!important;max-width:1100px!important;margin:-25px auto 0!important}
.fabio-parker-photos{height:clamp(410px,58vh,640px)!important;width:100%!important;overflow:visible}
.fabio-parker-photo{object-fit:contain!important;object-position:center!important;max-height:100%!important}
.fabio-parker-front{width:55%!important;height:100%!important;top:0!important;left:7%!important;z-index:2!important;opacity:calc(1 - var(--parker-progress,0)*.82)!important;transform:translate3d(calc(var(--parker-progress,0)*-10%),calc(var(--parker-progress,0)*5%),0) scale(calc(1 - var(--parker-progress,0)*.12))!important;filter:blur(calc(var(--parker-progress,0)*5px)) drop-shadow(0 22px 38px #0009)!important}
.fabio-parker-side{width:55%!important;height:100%!important;top:4%!important;left:43%!important;z-index:3!important;opacity:calc(.18 + var(--parker-progress,0)*.82)!important;transform:translate3d(calc((1 - var(--parker-progress,0))*9%),calc((1 - var(--parker-progress,0))*5%),0) scale(calc(.88 + var(--parker-progress,0)*.12))!important;filter:blur(calc((1 - var(--parker-progress,0))*5px)) drop-shadow(0 22px 38px #0009)!important}
@media(max-width:750px){.fabio-parker-demo{height:max(800px,145svh)!important}.fabio-parker-sticky{top:75px!important;height:calc(100svh - 75px)!important;padding:28px 5vw!important}.fabio-parker-copy h2{font-size:clamp(2.5rem,9vw,4.4rem)}.fabio-parker-comparison{margin:24px auto 0!important}.fabio-parker-photos{height:clamp(350px,58vh,580px)!important}.fabio-parker-front{width:75%!important;left:0!important}.fabio-parker-side{width:75%!important;left:25%!important}}
@media(prefers-reduced-motion:reduce){.fabio-parker-front,.fabio-parker-side{filter:drop-shadow(0 22px 38px #0009)!important}}

/* TEST — Entrer dans la matière : plein cadre et zoom profond au scroll */
.fabio-expand-demo{height:265svh!important;background:#e9e5dd!important}
.fabio-expand-demo .fabio-expand-copy{padding:18px 5vw 12px!important;background:#e9e5dd!important;color:#27231f!important}
.fabio-expand-demo .fabio-expand-copy h2{color:#27231f!important}
.fabio-expand-demo .fabio-expand-frame{width:100%!important;max-width:none!important;height:calc(100svh - 88px)!important;overflow:hidden!important;background:#e9e5dd!important}
.fabio-expand-demo .fabio-expand-frame img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:50% 49%!important;transform:scale(calc(.94 + var(--matter-zoom,0)*1.75))!important;transform-origin:50% 49%!important;filter:drop-shadow(0 12px 20px #3a302526)!important}
@media(max-width:750px){.fabio-expand-demo{height:230svh!important}.fabio-expand-demo .fabio-expand-frame{height:calc(100svh - 75px)!important}.fabio-expand-demo .fabio-expand-frame img{object-fit:contain!important;transform:scale(calc(.94 + var(--matter-zoom,0)*1.55))!important}}
@media(prefers-reduced-motion:reduce){.fabio-expand-demo .fabio-expand-frame img{transform:scale(.94)!important}}

/* TEST — Noyau de lumière : retrouver une photographie centrale dominante */
.release-v12 .light-art .work:nth-child(2) picture{height:clamp(490px,62vh,650px)!important;max-width:100%!important}
.release-v12 .light-art .work:nth-child(2) img{height:100%!important;width:100%!important;object-fit:contain!important}
@media(max-width:750px){.release-v12 .light-art .work:nth-child(2) picture{height:clamp(440px,68vh,600px)!important}}

/* TEST — correction structurelle du scroll immersif : sticky sans ancetre overflow */
.release-v12 .fabio-expand-demo{position:relative!important;height:225svh!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;background:#e9e5dd!important;isolation:isolate}
.release-v12 .fabio-expand-demo .fabio-expand-copy{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:5!important;padding:clamp(16px,3vh,28px) 6vw!important;background:transparent!important;pointer-events:none!important;color:#28231f!important}
.release-v12 .fabio-expand-demo .fabio-expand-copy h2{font:clamp(2rem,4.2vw,4.8rem)/1.1 Georgia,serif!important;color:#28231f!important;margin:8px 0!important}
.release-v12 .fabio-expand-demo .fabio-expand-frame{position:sticky!important;top:88px!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;height:calc(100svh - 88px)!important;min-height:0!important;margin:0!important;overflow:hidden!important;transition:none!important;border:0!important;background:radial-gradient(ellipse at 50% 52%,#f6f3ed,#d7d1c7)!important}
.release-v12 .fabio-expand-demo .fabio-expand-frame img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;transform:scale(calc(1.35 + var(--matter-zoom,0)*1.35))!important;transform-origin:50% 51%!important;filter:drop-shadow(0 12px 22px #342d252b)!important;transition:none!important;will-change:transform}
.release-v12 .fabio-parker-demo{height:225svh!important;min-height:0!important;overflow:visible!important;position:relative!important;isolation:isolate}
.release-v12 .fabio-parker-sticky{position:sticky!important;top:88px!important;height:calc(100svh - 88px)!important;box-sizing:border-box!important;overflow:hidden!important}
.release-v12 .fabio-parker-photos{height:clamp(400px,60vh,700px)!important}
@media(max-width:750px){.release-v12 .fabio-expand-demo,.release-v12 .fabio-parker-demo{height:205svh!important}.release-v12 .fabio-expand-demo .fabio-expand-frame,.release-v12 .fabio-parker-sticky{top:75px!important;height:calc(100svh - 75px)!important}.release-v12 .fabio-expand-demo .fabio-expand-frame img{transform:scale(calc(1.28 + var(--matter-zoom,0)*1.25))!important}.release-v12 .fabio-expand-demo .fabio-expand-copy{padding:14px 5vw!important}}
@media(prefers-reduced-motion:reduce){.release-v12 .fabio-expand-demo .fabio-expand-frame img{transform:scale(.91)!important}}

/* TEST — triptyque lumière : cadres alignés et Noyau plein cadre */
@media(min-width:751px){
.release-v12 .light-art{align-items:start!important}
.release-v12 .light-art .work picture{height:420px!important;max-height:none!important;width:100%!important;max-width:100%!important;display:block!important;overflow:hidden!important}
.release-v12 .light-art .work img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.release-v12 .light-art .work:nth-child(2) picture{height:420px!important}
.release-v12 .light-art .work:nth-child(2) img{object-fit:cover!important;object-position:center!important;transform:scale(1.06)!important}
}
@media(max-width:750px){.release-v12 .light-art .work:nth-child(2) picture{height:470px!important;overflow:hidden!important}.release-v12 .light-art .work:nth-child(2) img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.04)!important}}

/* TEST — Peter Parker : deux grandes photographies en suspension, revelees au scroll */
.release-v12 .fabio-parker-demo{height:330svh!important;min-height:0!important;overflow:visible!important;background:#181714!important;position:relative!important}
.release-v12 .fabio-parker-sticky{position:sticky!important;top:88px!important;height:calc(100svh - 88px)!important;overflow:hidden!important;padding:clamp(16px,3vh,30px) 6vw!important;box-sizing:border-box!important;isolation:isolate}
.release-v12 .fabio-parker-copy{position:relative!important;z-index:5!important;max-width:720px!important;pointer-events:none}
.release-v12 .fabio-parker-copy h2{font:clamp(3.2rem,7vw,7rem)/.98 Georgia,serif!important;margin:12px 0!important}
.release-v12 .fabio-parker-comparison{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;margin:0!important;height:100%!important;overflow:hidden!important;display:block!important}
.release-v12 .fabio-parker-photos{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;overflow:hidden!important;display:block!important}
.release-v12 .fabio-parker-photo{position:absolute!important;display:block!important;width:43vw!important;height:125svh!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border:0!important;box-shadow:none!important;transition:none!important;will-change:transform,opacity,filter!important}
.release-v12 .fabio-parker-front{left:8%!important;top:16%!important;z-index:2!important;opacity:calc(1 - var(--parker-progress,0)*.57)!important;transform:translate3d(0,calc(var(--parker-progress,0)*-51svh),0)!important;filter:blur(calc(var(--parker-progress,0)*7px)) drop-shadow(0 25px 38px #000a)!important}
.release-v12 .fabio-parker-side{left:51%!important;top:31%!important;z-index:3!important;opacity:calc(.38 + var(--parker-progress,0)*.62)!important;transform:translate3d(0,calc(var(--parker-progress,0)*-62svh),0)!important;filter:blur(calc((1 - var(--parker-progress,0))*8px)) drop-shadow(0 25px 38px #000a)!important}
@media(max-width:750px){
.release-v12 .fabio-parker-demo{height:310svh!important}
.release-v12 .fabio-parker-sticky{top:75px!important;height:calc(100svh - 75px)!important;padding:24px 5vw!important}
.release-v12 .fabio-parker-copy h2{font-size:clamp(2.8rem,11vw,4.6rem)!important}
.release-v12 .fabio-parker-copy>p:last-child{font-size:.86rem!important}
.release-v12 .fabio-parker-photo{width:74vw!important;height:86svh!important}
.release-v12 .fabio-parker-front{left:1%!important;top:27%!important;transform:translate3d(0,calc(var(--parker-progress,0)*-46svh),0)!important}
.release-v12 .fabio-parker-side{left:26%!important;top:51%!important;transform:translate3d(0,calc(var(--parker-progress,0)*-59svh),0)!important}
}
@media(prefers-reduced-motion:reduce){
.release-v12 .fabio-parker-front,.release-v12 .fabio-parker-side{filter:drop-shadow(0 25px 38px #000a)!important;opacity:1!important;transform:none!important}
}

/* TEST — Peter Parker : composition aeree, portraits decales sans chevauchement */
@media(min-width:751px){
.release-v12 .fabio-parker-photo{width:34vw!important;height:91svh!important}
.release-v12 .fabio-parker-front{left:12%!important;top:22%!important;transform:translate3d(0,calc(var(--parker-progress,0)*-37svh),0)!important}
.release-v12 .fabio-parker-side{left:55%!important;top:39%!important;transform:translate3d(0,calc(var(--parker-progress,0)*-48svh),0)!important}
}
@media(max-width:750px){
.release-v12 .fabio-parker-photo{width:59vw!important;height:72svh!important}
.release-v12 .fabio-parker-front{left:2%!important;top:32%!important;transform:translate3d(0,calc(var(--parker-progress,0)*-39svh),0)!important}
.release-v12 .fabio-parker-side{left:39%!important;top:55%!important;transform:translate3d(0,calc(var(--parker-progress,0)*-48svh),0)!important}
}

/* TEST — Noyau de lumière : montrer l'oeuvre entiere sans recadrage */
.release-v12 .light-art .work:nth-child(2) picture{background:#292723!important}
.release-v12 .light-art .work:nth-child(2) img{object-fit:contain!important;object-position:center!important;transform:none!important}
@media(max-width:750px){.release-v12 .light-art .work:nth-child(2) img{object-fit:contain!important;transform:none!important}}

/* TEST — Peter Parker : inversion des deux vues, meme rythme vertical */
@media(min-width:751px){
.release-v12 .fabio-parker-front{left:55%!important;top:39%!important}
.release-v12 .fabio-parker-side{left:12%!important;top:22%!important}
}
@media(max-width:750px){
.release-v12 .fabio-parker-photo{width:47vw!important}
.release-v12 .fabio-parker-front{left:51%!important;top:55%!important}
.release-v12 .fabio-parker-side{left:2%!important;top:32%!important}
}

/* TEST — Noyau de lumière : agrandissement doux 5 %, cercle préservé */
@media(min-width:751px){
.release-v12 .light-art .work:nth-child(2) img{transform:scale(1.05)!important;transform-origin:center!important}
}
@media(max-width:750px){
.release-v12 .light-art .work:nth-child(2) img{transform:scale(1.05)!important;transform-origin:center!important}
}

/* TEST — Peter Parker : vue gauche nette au depart, vue droite revelee au scroll */
.release-v12 .fabio-parker-side{
opacity:calc(1 - var(--parker-progress,0)*.57)!important;
filter:blur(calc(var(--parker-progress,0)*7px)) drop-shadow(0 25px 38px #000a)!important;
}
.release-v12 .fabio-parker-front{
opacity:calc(.38 + var(--parker-progress,0)*.62)!important;
filter:blur(calc((1 - var(--parker-progress,0))*8px)) drop-shadow(0 25px 38px #000a)!important;
}
@media(min-width:751px){.release-v12 .fabio-parker-side{left:19%!important}}
@media(max-width:750px){.release-v12 .fabio-parker-side{left:7%!important}}
@media(prefers-reduced-motion:reduce){
.release-v12 .fabio-parker-side,.release-v12 .fabio-parker-front{opacity:1!important;filter:drop-shadow(0 25px 38px #000a)!important}
}

/* TEST — Noyau de lumière : cadrage intégral conforme à la référence, aucun bord coupé */
.release-v12 .light-art .work:nth-child(2) picture{
overflow:hidden!important;
background:#30281f!important;
}
.release-v12 .light-art .work:nth-child(2) img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:50% 50%!important;
transform:none!important;
filter:none!important;
}

/* TEST — Peter Parker : flou gauche retarde de 5 points, nettete droite avancee de 5 points */
.release-v12 .fabio-parker-side{
filter:blur(calc(clamp(0, (var(--parker-progress,0) - .05) / .95, 1)*7px)) drop-shadow(0 25px 38px #000a)!important;
}
.release-v12 .fabio-parker-front{
filter:blur(calc((1 - clamp(0, (var(--parker-progress,0) + .05), 1))*8px)) drop-shadow(0 25px 38px #000a)!important;
}
@media(prefers-reduced-motion:reduce){
.release-v12 .fabio-parker-side,.release-v12 .fabio-parker-front{filter:drop-shadow(0 25px 38px #000a)!important}
}

/* TEST — Peter Parker : cadrage vers la droite et legende plus lisible */
.release-v12 .fabio-parker-copy{z-index:8!important;text-shadow:0 2px 15px #000b!important}
.release-v12 .fabio-parker-copy>p:last-child{display:inline-block!important;font-size:clamp(1.15rem,1.7vw,1.55rem)!important;font-weight:700!important;line-height:1.4!important;color:white!important;padding:12px 18px!important;background:rgba(15,14,13,.85)!important;border-left:3px solid #e5d5b7!important}
@media(min-width:751px){.release-v12 .fabio-parker-side{left:25%!important}.release-v12 .fabio-parker-front{left:61%!important}}
@media(max-width:750px){.release-v12 .fabio-parker-side{left:12%!important}.release-v12 .fabio-parker-front{left:56%!important}.release-v12 .fabio-parker-copy>p:last-child{font-size:1rem!important;padding:9px 12px!important}}

/* TEST — Peter Parker : plus d'espace sous le titre, flou retarde, legende sobre */
.release-v12 .fabio-parker-copy>p:last-child{
display:block!important;width:max-content!important;max-width:90%!important;
background:transparent!important;border:0!important;box-shadow:none!important;
padding:0!important;margin:16px 0 0!important;
font-size:clamp(1.05rem,1.4vw,1.3rem)!important;
font-weight:400!important;letter-spacing:.015em!important;
color:#f4eee4!important;text-shadow:0 2px 10px #000!important;
}
.release-v12 .fabio-parker-side{
filter:blur(calc(clamp(0, (var(--parker-progress,0) - .23) / .77, 1)*7px)) drop-shadow(0 25px 38px #000a)!important;
}
@media(min-width:751px){
.release-v12 .fabio-parker-side{left:33%!important}
.release-v12 .fabio-parker-front{left:67%!important}
}
@media(max-width:750px){
.release-v12 .fabio-parker-side{left:19%!important}
.release-v12 .fabio-parker-front{left:61%!important}
}
@media(prefers-reduced-motion:reduce){
.release-v12 .fabio-parker-side{filter:drop-shadow(0 25px 38px #000a)!important}
}

/* TEST — Noyau de lumiere : l'ovale domine le cadre, contours conserves */
.release-v12 .light-art .work:nth-child(2) picture{
position:relative!important;overflow:hidden!important;
background:#30281f!important;
}
.release-v12 .light-art .work:nth-child(2) img{
display:block!important;width:100%!important;height:100%!important;
object-fit:contain!important;object-position:center center!important;
transform:scale(1.14)!important;transform-origin:center center!important;
filter:none!important;
}
@media(max-width:750px){
.release-v12 .light-art .work:nth-child(2) img{transform:scale(1.12)!important}
}

/* TEST — immersion : oeuvre ronde entiere au depart, zoom progressif ensuite */
.release-v12 .fabio-expand-demo .fabio-expand-frame img{
object-fit:contain!important;
object-position:center center!important;
transform:scale(calc(.88 + var(--matter-zoom,0)*1.82))!important;
transform-origin:center center!important;
}
@media(max-width:750px){
.release-v12 .fabio-expand-demo .fabio-expand-frame img{
transform:scale(calc(.88 + var(--matter-zoom,0)*1.65))!important;
}
}
@media(prefers-reduced-motion:reduce){
.release-v12 .fabio-expand-demo .fabio-expand-frame img{transform:scale(.88)!important}
}


/* Formes du vivant — adaptation scoped du bloc fourni par Claude. Photo originale inchangée. */
#chapitre-3.fabio-explore{position:relative;overflow:hidden;container-type:inline-size;aspect-ratio:1230/582;min-height:0!important;padding:0!important;margin:0!important;display:block!important;background:linear-gradient(90deg,#bcbbba 0 34%,#a9a7a7 41%,#8e8b88 75%,#706e6c 100%)!important;color:#161616}
#chapitre-3.fabio-explore::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.30) 0,rgba(0,0,0,0) 58%);-webkit-mask-image:linear-gradient(90deg,transparent 36%,#000 72%);mask-image:linear-gradient(90deg,transparent 36%,#000 72%)}
#chapitre-3 .fabio-explore__text{position:absolute;left:2.9%;top:15.8%;width:40%;color:#161616;z-index:2;max-width:none!important;transform:none!important}
#chapitre-3 .fabio-explore__eyebrow{font:700 .9cqw/1 Helvetica,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;margin:0 0 2.4cqw .4cqw!important;color:#161616!important}
#chapitre-3 .fabio-explore__text h2{font:400 5.5cqw/1 "Times New Roman",Times,serif!important;letter-spacing:-.025em!important;margin:0 0 3cqw .4cqw!important;color:#161616!important;max-width:none!important}
#chapitre-3 .fabio-explore__lead{font:400 1.22cqw/1.73 Helvetica,Arial,sans-serif!important;color:#1d1d1d!important;margin:0!important;max-width:none!important}
#chapitre-3 .fabio-explore__art{position:absolute;left:45.2%;top:9.5%;width:51.6%;margin:0!important;filter:drop-shadow(0 1.8cqw 1.6cqw rgba(0,0,0,.55));overflow:visible!important;transform:none!important}
#chapitre-3 .fabio-explore__art img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important;transform:none!important;filter:none!important;clip-path:polygon(31.77% 2.11%,73.96% 2.57%,98.12% 90.33%,98.33% 93.96%,97.29% 95.77%,2.92% 91.09%,2.08% 86.40%)}
@media(max-width:760px){
#chapitre-3.fabio-explore{aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;padding:32px 20px 28px!important;background:linear-gradient(180deg,#bcbbba 0 45%,#7d7a78 100%)!important}
#chapitre-3 .fabio-explore__text{position:static!important;width:auto!important}
#chapitre-3 .fabio-explore__eyebrow{font-size:11px!important;margin:0 0 14px!important}
#chapitre-3 .fabio-explore__text h2{font-size:44px!important;margin:0 0 18px!important}
#chapitre-3 .fabio-explore__lead{font-size:16px!important;line-height:1.6!important}
#chapitre-3 .fabio-explore__art{position:static!important;width:100%!important;margin-top:28px!important}
}

/* TEST — Immersion ronde : photographie originale, mouvement au defilement restaure.
   --matter-zoom est mis a jour par complete.js ; ne pas neutraliser le transform. */
.release-v12 .fabio-expand-demo{
  --header-height:95px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,calc(100svh - var(--header-height) - 24px))!important;
  align-items:start!important;
  gap:clamp(16px,2vw,44px)!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:210svh!important;
  min-height:0!important;
  padding:0 clamp(20px,4vw,80px)!important;
  margin:0!important;
  overflow:clip!important;
  background:#e9e5dd!important;
}
.release-v12 .fabio-expand-demo .fabio-expand-copy{
  position:sticky!important;top:32svh!important;inset-inline:auto!important;
  z-index:2!important;align-self:start!important;min-width:0!important;
  width:auto!important;padding:0!important;margin:0!important;
  background:transparent!important;pointer-events:auto!important;
}
.release-v12 .fabio-expand-demo .fabio-expand-copy h2{
  font:400 clamp(38px,4vw,76px)/1.08 Georgia,serif!important;
  margin:12px 0 0!important;max-width:100%!important;
}
.release-v12 .fabio-expand-demo .fabio-expand-frame{
  position:sticky!important;top:var(--header-height)!important;
  inset-inline:auto!important;justify-self:center!important;align-self:start!important;
  box-sizing:border-box!important;width:auto!important;max-width:none!important;
  height:calc(100svh - var(--header-height) - 24px)!important;
  aspect-ratio:1/1!important;padding:0!important;margin:0!important;
  overflow:hidden!important;background:transparent!important;
  transform:none!important;transition:none!important;
}
.release-v12 .fabio-expand-demo .fabio-expand-frame img{
  position:absolute!important;left:50%!important;top:50%!important;
  display:block!important;width:111%!important;height:auto!important;
  max-width:none!important;object-fit:initial!important;object-position:initial!important;
  transform:translate(-50.6%,-54.7%) scale(calc(1 + var(--matter-zoom,0)*.42))!important;
  transform-origin:50% 54.7%!important;filter:none!important;
  transition:transform .08s linear!important;
}
@media(max-width:760px){
  .release-v12 .fabio-expand-demo{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    height:175svh!important;min-height:0!important;gap:20px!important;
    padding:30px 0 24px!important;overflow:clip!important;
  }
  .release-v12 .fabio-expand-demo .fabio-expand-copy{
    position:relative!important;top:auto!important;padding:0 20px!important;
    align-self:stretch!important;
  }
  .release-v12 .fabio-expand-demo .fabio-expand-copy h2{
    font-size:clamp(36px,10vw,54px)!important;
  }
  .release-v12 .fabio-expand-demo .fabio-expand-frame{
    width:100vw!important;height:100vw!important;max-width:100%!important;
    flex:none!important;align-self:center!important;
    top:var(--header-height)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .release-v12 .fabio-expand-demo .fabio-expand-frame img{
    transform:translate(-50.6%,-54.7%)!important;transition:none!important;
  }
}

/* TEST — Rapprochement du titre et de l'œuvre : agir sur la grille, pas sur un transform. */
@media(min-width:761px){
  .release-v12 .fabio-expand-demo{
    grid-template-columns:max-content minmax(0,1fr)!important;
    column-gap:clamp(0px,1vw,20px)!important;
  }
  .release-v12 .fabio-expand-demo .fabio-expand-copy{
    width:max-content!important;
    max-width:min(48vw,690px)!important;
  }
  .release-v12 .fabio-expand-demo .fabio-expand-frame{
    justify-self:start!important;
    transform:none!important;
    max-width:100%!important;
    height:auto!important;
    width:min(calc(100svh - var(--header-height) - 24px),100%)!important;
    aspect-ratio:1/1!important;
  }
}
/* TEST — Correction visuelle du placement circulaire.
   La photographie reste intacte ; zoom au défilement conservé.
   Diamètre extérieur réglé à 94svh ; paramètres de la photographie et animation d'origine conservés. Le cercle est masqué et placé à droite du titre, sans chevauchement initial. */
@media(min-width:761px){
  .release-v12 .fabio-expand-demo{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,94svh)!important;
    column-gap:clamp(12px,2vw,32px)!important;
    position:relative!important;
    padding-inline:clamp(20px,4vw,80px)!important;
  }
  .release-v12 .fabio-expand-demo .fabio-expand-copy{
    position:sticky!important;
    top:32svh!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    z-index:2!important;
  }
  .release-v12 .fabio-expand-demo .fabio-expand-frame{
    position:sticky!important;
    top:calc(var(--header-height) + 2.5svh)!important;
    left:auto!important;
    width:min(94svh,100%)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0!important;
    justify-self:end!important;
    border-radius:50%!important;
    overflow:hidden!important;
    transform:none!important;
    z-index:1!important;
  }
}
/* TEST — Démarche artistique : cadrage transmis par JSON (module HTML).
   Cadre 66 % x 83 % du module ; ratio du cadre ~1.22.
   Zoom 129 %, déplacement +4.548 % horizontal / +14.614 % vertical.
   Original intact ; uniquement le rendu CSS, sur ordinateur. */
@media(min-width:761px){
  .release-v12 .artist-opening .artist-opening-images{
    min-height:0;
    height:auto;
    overflow:visible;
  }
  .release-v12 .artist-opening .artist-main-photo{
    position:relative;
    display:block;
    width:66%;
    aspect-ratio:1.22;
    height:auto;
    overflow:hidden;
    margin-inline:auto;
  }
  .release-v12 .artist-opening .artist-main-photo picture{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  .release-v12 .artist-opening .artist-main-photo img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-height:none;
    object-fit:contain;
    object-position:center;
    transform:translate(4.548%,14.614%) scale(1.29);
    transform-origin:center;
  }
}


/* TEST — Le papier comme matière : reprise ciblée de la composition de Formes du vivant.
   Original intact ; le masque retire seulement le tissu et le support visibles. */
@media(min-width:761px){
#chapitre-2.fabio-explore{position:relative!important;display:block!important;aspect-ratio:1.88!important;min-height:0!important;container-type:inline-size;overflow:hidden!important;background:radial-gradient(ellipse at 76% 40%,rgba(241,239,231,.56),transparent 52%),linear-gradient(135deg,#bcbbba 0%,#898683 54%,#686562 100%)!important;padding:0!important}
#chapitre-2 .fabio-explore__text{position:absolute!important;left:5.2%!important;top:22%!important;width:39%!important;z-index:2!important}
#chapitre-2 .fabio-explore__eyebrow{font-size:1cqw!important;margin:0 0 2cqw!important}
#chapitre-2 .fabio-explore__text h2{font:400 4.2cqw/1.1 Georgia,serif!important;margin:0 0 3cqw!important;color:#161616!important}
#chapitre-2 .fabio-explore__lead{font:400 1.22cqw/1.73 Helvetica,Arial,sans-serif!important;color:#1d1d1d!important;max-width:none!important}
#chapitre-2 .fabio-explore__art{position:absolute!important;left:52%!important;top:4%!important;width:39%!important;margin:0!important;filter:drop-shadow(0 1.8cqw 1.6cqw rgba(0,0,0,.48))!important;overflow:visible!important;transform:none!important}
#chapitre-2 .fabio-explore__art a{display:block!important}
#chapitre-2 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;transform:none!important;filter:none!important;clip-path:polygon(7.9% .4%,92.1% .4%,93.5% 98.5%,6.6% 98.5%)!important}
}
@media(max-width:760px){
#chapitre-2.fabio-explore{aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;padding:32px 20px 28px!important;background:linear-gradient(180deg,#bcbbba 0%,#7d7a78 100%)!important}
#chapitre-2 .fabio-explore__text{position:static!important;width:auto!important}
#chapitre-2 .fabio-explore__eyebrow{font-size:11px!important;margin:0 0 14px!important}
#chapitre-2 .fabio-explore__text h2{font-size:44px!important;margin:0 0 18px!important}
#chapitre-2 .fabio-explore__lead{font-size:16px!important;line-height:1.6!important}
#chapitre-2 .fabio-explore__art{position:static!important;width:min(100%,450px)!important;margin:28px auto 0!important;filter:drop-shadow(0 12px 14px rgba(0,0,0,.4))!important}
#chapitre-2 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;clip-path:polygon(7.9% .4%,92.1% .4%,93.5% 98.5%,6.6% 98.5%)!important}
}

/* TEST — Inversion de la composition : tableau à gauche, texte à droite. */
@media(min-width:761px){
#chapitre-2 .fabio-explore__art{left:7%!important;top:4%!important;width:39%!important}
#chapitre-2 .fabio-explore__text{left:54%!important;top:22%!important;width:39%!important}
}


/* TEST — Un chemin autodidacte : oeuvre seule, mur et canapé masqués.
   Le portrait reste intact ; composition adaptée de Formes du vivant. */
@media(min-width:761px){
#chapitre-1.fabio-explore{position:relative!important;display:block!important;aspect-ratio:1.88!important;min-height:0!important;container-type:inline-size;overflow:hidden!important;background:radial-gradient(ellipse at 74% 40%,rgba(241,239,231,.56),transparent 52%),linear-gradient(135deg,#bcbbba 0%,#898683 54%,#686562 100%)!important;padding:0!important}
#chapitre-1 .fabio-explore__text{position:absolute!important;left:5.2%!important;top:19%!important;width:39%!important;z-index:2!important}
#chapitre-1 .fabio-explore__eyebrow{font-size:1cqw!important;margin:0 0 2cqw!important}
#chapitre-1 .fabio-explore__text h2{font:400 4.2cqw/1.1 Georgia,serif!important;margin:0 0 3cqw!important;color:#161616!important}
#chapitre-1 .fabio-explore__lead{font:400 1.22cqw/1.73 Helvetica,Arial,sans-serif!important;color:#1d1d1d!important;max-width:none!important}
#chapitre-1 .fabio-explore__art{position:absolute!important;left:53%!important;top:4%!important;width:39%!important;margin:0!important;filter:drop-shadow(0 1.8cqw 1.6cqw rgba(0,0,0,.48))!important;overflow:visible!important;transform:none!important}
#chapitre-1 .fabio-explore__art a{display:block!important}
#chapitre-1 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;transform:none!important;filter:none!important;clip-path:polygon(21.8% 15.1%,81.1% 14.3%,81.1% 78.7%,23.5% 78.7%)!important}
}
@media(max-width:760px){
#chapitre-1.fabio-explore{aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;padding:32px 20px 28px!important;background:linear-gradient(180deg,#bcbbba 0%,#7d7a78 100%)!important}
#chapitre-1 .fabio-explore__text{position:static!important;width:auto!important}
#chapitre-1 .fabio-explore__eyebrow{font-size:11px!important;margin:0 0 14px!important}
#chapitre-1 .fabio-explore__text h2{font-size:44px!important;margin:0 0 18px!important}
#chapitre-1 .fabio-explore__lead{font-size:16px!important;line-height:1.6!important}
#chapitre-1 .fabio-explore__art{position:static!important;width:min(100%,450px)!important;margin:28px auto 0!important;filter:drop-shadow(0 12px 14px rgba(0,0,0,.4))!important}
#chapitre-1 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;clip-path:polygon(21.8% 15.1%,81.1% 14.3%,81.1% 78.7%,23.5% 78.7%)!important}
}


/* TEST — Exprimer sans enfermer : cadrage du tableau, fond et ombre inspirés de Formes du vivant. */
@media(min-width:761px){
#chapitre-0.fabio-explore{position:relative!important;display:block!important;aspect-ratio:1.88!important;min-height:0!important;container-type:inline-size;overflow:hidden!important;background:radial-gradient(ellipse at 24% 40%,rgba(241,239,231,.56),transparent 52%),linear-gradient(135deg,#bcbbba 0%,#898683 54%,#686562 100%)!important;padding:0!important}
#chapitre-0 .fabio-explore__text{position:absolute!important;left:54%!important;top:23%!important;width:39%!important;z-index:2!important}
#chapitre-0 .fabio-explore__eyebrow{font-size:1cqw!important;margin:0 0 2cqw!important}
#chapitre-0 .fabio-explore__text h2{font:400 4.2cqw/1.1 Georgia,serif!important;margin:0 0 3cqw!important;color:#161616!important}
#chapitre-0 .fabio-explore__lead{font:400 1.22cqw/1.73 Helvetica,Arial,sans-serif!important;color:#1d1d1d!important;max-width:none!important}
#chapitre-0 .fabio-explore__art{position:absolute!important;left:5%!important;top:10%!important;width:44%!important;margin:0!important;filter:drop-shadow(0 1.8cqw 1.6cqw rgba(0,0,0,.48))!important;overflow:visible!important;transform:none!important}
#chapitre-0 .fabio-explore__art a{display:block!important}
#chapitre-0 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;transform:none!important;filter:none!important;clip-path:polygon(13.1% 0.9%,84.8% 11.9%,86.6% 76.4%,18.5% 99.1%)!important}
}
@media(max-width:760px){
#chapitre-0.fabio-explore{aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;padding:32px 20px 28px!important;background:linear-gradient(180deg,#bcbbba 0%,#7d7a78 100%)!important}
#chapitre-0 .fabio-explore__text{position:static!important;width:auto!important}
#chapitre-0 .fabio-explore__eyebrow{font-size:11px!important;margin:0 0 14px!important}
#chapitre-0 .fabio-explore__text h2{font-size:44px!important;margin:0 0 18px!important}
#chapitre-0 .fabio-explore__lead{font-size:16px!important;line-height:1.6!important}
#chapitre-0 .fabio-explore__art{position:static!important;width:min(100%,450px)!important;margin:28px auto 0!important;filter:drop-shadow(0 12px 14px rgba(0,0,0,.4))!important}
#chapitre-0 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;clip-path:polygon(13.1% 0.9%,84.8% 11.9%,86.6% 76.4%,18.5% 99.1%)!important}
}


/* TEST — Démarche artistique : arrière-plan d'atelier plus lisible.
   Ne modifie ni le cadrage ni la photographie centrale. */
.release-v12 .artist-opening{
  background:#44403e;
}
.release-v12 .artist-opening .artist-backgrounds{
  opacity:.82;
}
.release-v12 .artist-opening .artist-backgrounds picture{
  filter:blur(2px) brightness(1.18);
  mask-image:radial-gradient(ellipse at center,#000 42%,rgba(0,0,0,.75) 63%,transparent 92%);
}
.release-v12 .artist-opening .artist-main-photo{
  mask-image:radial-gradient(ellipse at center,#000 55%,rgba(0,0,0,.96) 69%,transparent 91%);
}


/* TEST — Démarche artistique : composition épurée, tableau rouge et piano seuls.
   Photos secondaires masquées ; source centrale et cadrage conservés. */
.release-v12 .artist-opening{
  background:#302d2c;
}
.release-v12 .artist-opening .artist-backgrounds{
  display:none!important;
}
.release-v12 .artist-opening .artist-opening-images{
  background:radial-gradient(ellipse at 50% 42%,#514947 0%,#302d2c 76%);
}
.release-v12 .artist-opening .artist-main-photo{
  mask-image:radial-gradient(ellipse at 50% 50%,#000 64%,rgba(0,0,0,.95) 75%,transparent 98%);
}
@media(min-width:761px){
  .release-v12 .artist-opening .artist-main-photo{
    width:min(88%,1150px);
    aspect-ratio:1.22;
  }
}


/* TEST — Démarche artistique : photographie intégrale, sans masque ni zoom.
   Présentation sobre et réversible, originaux intacts. */
.release-v12 .artist-opening{
  background:#272322!important;
}
.release-v12 .artist-opening .artist-backgrounds{
  display:none!important;
}
.release-v12 .artist-opening .artist-opening-images{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  height:auto!important;
  padding:clamp(20px,3vw,48px) 0!important;
  margin-bottom:0!important;
  background:#272322!important;
  overflow:visible!important;
}
.release-v12 .artist-opening .artist-main-photo{
  position:relative!important;
  display:block!important;
  width:min(88%,1100px)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  overflow:visible!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  filter:none!important;
  transform:none!important;
}
.release-v12 .artist-opening .artist-main-photo picture{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
}
.release-v12 .artist-opening .artist-main-photo img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
@media(max-width:760px){
  .release-v12 .artist-opening .artist-main-photo{width:94%!important;}
}

/* TEST — Chapitre 6 : composition autonome, photographie originale préservée. */
#chapitre-6.fabio-explore{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:clamp(20px,4vw,72px)!important;min-height:620px!important;padding:clamp(44px,7vw,110px)!important;background:linear-gradient(135deg,#bdbbb9 0%,#8c8987 58%,#666260 100%)!important;color:#1e1b1a!important;overflow:hidden!important}
#chapitre-6 .fabio-explore__text{position:relative!important;z-index:2!important;max-width:560px!important;width:auto!important}
#chapitre-6 .fabio-explore__eyebrow{color:#302c2a!important;text-transform:uppercase!important;letter-spacing:.16em!important}
#chapitre-6 .fabio-explore__text h2{color:#1b1918!important;font-size:clamp(36px,4vw,68px)!important;line-height:1.07!important}
#chapitre-6 .fabio-explore__lead{color:#282523!important;font-size:clamp(16px,1.3vw,20px)!important;line-height:1.65!important}
#chapitre-6 .fabio-explore__art{position:relative!important;inset:auto!important;width:100%!important;max-width:620px!important;margin:0 auto!important;filter:drop-shadow(0 20px 20px rgba(0,0,0,.32))!important}
#chapitre-6 .fabio-explore__art a{display:block!important;width:100%!important}
#chapitre-6 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;transform:none!important;filter:none!important}
@media(max-width:760px){#chapitre-6.fabio-explore{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important;min-height:0!important;padding:40px 20px!important}#chapitre-6 .fabio-explore__text h2{font-size:clamp(36px,10vw,48px)!important}#chapitre-6 .fabio-explore__art{max-width:460px!important}}

/* TEST — Couleur et présence : découpe géométrique des contours réels du tableau.
   L'original reste inchangé. Le clip CSS masque le mur et le sol. */
#chapitre-5.fabio-explore{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;align-items:center!important;gap:clamp(28px,5vw,85px)!important;min-height:600px!important;padding:clamp(45px,7vw,110px)!important;background:linear-gradient(135deg,#c4c1be 0%,#93908d 58%,#696663 100%)!important;color:#211e1c!important;overflow:hidden!important}
#chapitre-5 .fabio-explore__art{position:relative!important;inset:auto!important;width:100%!important;max-width:690px!important;margin:0!important;filter:drop-shadow(0 18px 18px rgba(0,0,0,.35))!important}
#chapitre-5 .fabio-explore__art a{display:block!important;width:100%!important}
#chapitre-5 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;transform:none!important;filter:none!important;clip-path:polygon(2.1% 7.4%,96.2% 2.9%,96.3% 2.9%,95.7% 97.7%,95.1% 99.1%,2.5% 79.0%)!important}
#chapitre-5 .fabio-explore__text{position:relative!important;z-index:2!important;width:auto!important;max-width:560px!important}
#chapitre-5 .fabio-explore__eyebrow{color:#302c2a!important;text-transform:uppercase!important;letter-spacing:.16em!important}
#chapitre-5 .fabio-explore__text h2{color:#1b1918!important;font-size:clamp(38px,4.3vw,70px)!important;line-height:1.08!important}
#chapitre-5 .fabio-explore__lead{color:#292522!important;font-size:clamp(16px,1.3vw,20px)!important;line-height:1.65!important}
@media(max-width:760px){#chapitre-5.fabio-explore{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:25px!important;min-height:0!important;padding:38px 20px!important}#chapitre-5 .fabio-explore__art{max-width:460px!important;margin:0 auto!important}#chapitre-5 .fabio-explore__text h2{font-size:clamp(36px,10vw,48px)!important}}

/* TEST — Chapitre 6 : tableau violet à gauche, découpe sur les bords du cadre. */
#chapitre-6.fabio-explore{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important}
#chapitre-6 .fabio-explore__art{grid-column:1!important;grid-row:1!important;max-width:680px!important;filter:drop-shadow(0 16px 18px rgba(0,0,0,.28))!important}
#chapitre-6 .fabio-explore__text{grid-column:2!important;grid-row:1!important}
#chapitre-6 .fabio-explore__art img{clip-path:polygon(9.35% 13.1%,57.8% 1.3%,58.5% 2%,58.5% 66.3%,57.7% 67.3%,10.2% 52.2%)!important}
@media(max-width:760px){#chapitre-6.fabio-explore{display:flex!important;flex-direction:column!important}#chapitre-6 .fabio-explore__art{order:0!important}#chapitre-6 .fabio-explore__text{order:1!important}}

/* TEST — Alignement des chapitres 5 et 6 sur le modèle Formes du vivant.
   Découpe suivant les quatre coins réels des œuvres, sans recadrage ni retouche. */
#chapitre-5.fabio-explore,#chapitre-6.fabio-explore{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;gap:clamp(30px,5vw,90px)!important;align-items:center!important;min-height:680px!important;padding:clamp(44px,6vw,90px)!important;background:linear-gradient(125deg,#c1bfbd 0%,#969390 56%,#676361 100%)!important;overflow:hidden!important}
#chapitre-5 .fabio-explore__text,#chapitre-6 .fabio-explore__text{position:relative!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:580px!important;z-index:1!important}
#chapitre-5 .fabio-explore__art,#chapitre-6 .fabio-explore__art{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;margin:0!important;filter:drop-shadow(0 17px 14px rgba(0,0,0,.33))!important}
#chapitre-5 .fabio-explore__art a,#chapitre-6 .fabio-explore__art a{display:block!important;width:100%!important}
#chapitre-5 .fabio-explore__art img,#chapitre-6 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;transform:none!important;filter:none!important}
/* Tableau rouge : coins du cadre mesurés dans la photographie 960 × 754. */
#chapitre-5 .fabio-explore__art img{clip-path:polygon(2.1% 7.2%,99% 2.7%,99% 99.9%,2.3% 78.7%)!important}
/* Tableau violet : coins du cadre mesurés dans la photographie 2048 × 1536. */
#chapitre-6 .fabio-explore__art img{clip-path:polygon(13.25% 18.7%,82.5% 1.9%,83.1% 95.8%,14.45% 74.4%)!important}
#chapitre-6.fabio-explore{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important}
@media(max-width:760px){#chapitre-5.fabio-explore,#chapitre-6.fabio-explore{display:flex!important;flex-direction:column!important;gap:22px!important;min-height:0!important;padding:40px 20px!important}#chapitre-5 .fabio-explore__text{order:0!important}#chapitre-5 .fabio-explore__art{order:1!important}#chapitre-6 .fabio-explore__art{order:0!important}#chapitre-6 .fabio-explore__text{order:1!important}}

/* TEST — chapitres 5 et 6 : reprise stricte de la composition Formes du vivant. */
#chapitre-5.fabio-explore,#chapitre-6.fabio-explore{position:relative!important;overflow:hidden!important;container-type:inline-size!important;aspect-ratio:1230/582!important;min-height:0!important;padding:0!important;margin:0!important;display:block!important;background:linear-gradient(90deg,#bcbbba 0 34%,#a9a7a7 41%,#8e8b88 75%,#706e6c 100%)!important;color:#161616!important}
#chapitre-5.fabio-explore::before,#chapitre-6.fabio-explore::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.30) 0,rgba(0,0,0,0) 58%);-webkit-mask-image:linear-gradient(90deg,transparent 36%,#000 72%);mask-image:linear-gradient(90deg,transparent 36%,#000 72%)}
#chapitre-5 .fabio-explore__text,#chapitre-6 .fabio-explore__text{position:absolute!important;left:2.9%!important;top:15.8%!important;width:40%!important;max-width:none!important;color:#161616!important;z-index:2!important;transform:none!important}
#chapitre-5 .fabio-explore__eyebrow,#chapitre-6 .fabio-explore__eyebrow{font:700 .9cqw/1 Helvetica,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin:0 0 2.4cqw .4cqw!important;color:#161616!important}
#chapitre-5 .fabio-explore__text h2,#chapitre-6 .fabio-explore__text h2{font:400 5.5cqw/1 "Times New Roman",Times,serif!important;letter-spacing:-.025em!important;margin:0 0 3cqw .4cqw!important;color:#161616!important;max-width:none!important}
#chapitre-5 .fabio-explore__lead,#chapitre-6 .fabio-explore__lead{font:400 1.22cqw/1.73 Helvetica,Arial,sans-serif!important;color:#1d1d1d!important;margin:0!important;max-width:none!important}
#chapitre-5 .fabio-explore__art,#chapitre-6 .fabio-explore__art{position:absolute!important;left:45.2%!important;top:9.5%!important;width:51.6%!important;max-width:none!important;margin:0!important;filter:drop-shadow(0 1.8cqw 1.6cqw rgba(0,0,0,.55))!important;overflow:visible!important;transform:none!important}
#chapitre-5 .fabio-explore__art img,#chapitre-6 .fabio-explore__art img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain!important;transform:none!important;filter:none!important}
#chapitre-5 .fabio-explore__art img{clip-path:polygon(2.1% 7.1%,98.9% 2.7%,98.7% 99.9%,2.3% 78.7%)!important}
/* Chapitre 6 : miroir de la composition, tableau violet à gauche. */
#chapitre-6.fabio-explore{background:linear-gradient(90deg,#706e6c 0%,#8e8b88 28%,#a9a7a7 65%,#bcbbba 100%)!important}
#chapitre-6 .fabio-explore__art{left:2.9%!important;top:7%!important;width:51.6%!important}
#chapitre-6 .fabio-explore__text{left:55%!important;top:15.8%!important;width:42%!important}
#chapitre-6 .fabio-explore__text h2{font-size:4.3cqw!important}
#chapitre-6 .fabio-explore__art img{clip-path:polygon(13.65% 19.2%,84.1% 1.9%,84% 97.9%,15% 75.8%)!important}
@media(max-width:760px){
#chapitre-5.fabio-explore,#chapitre-6.fabio-explore{aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;padding:32px 20px 28px!important;background:linear-gradient(180deg,#bcbbba 0 45%,#7d7a78 100%)!important}
#chapitre-5 .fabio-explore__text,#chapitre-6 .fabio-explore__text{position:static!important;width:auto!important;max-width:none!important;order:0!important}
#chapitre-5 .fabio-explore__eyebrow,#chapitre-6 .fabio-explore__eyebrow{font-size:11px!important;margin:0 0 14px!important}
#chapitre-5 .fabio-explore__text h2,#chapitre-6 .fabio-explore__text h2{font-size:44px!important;margin:0 0 18px!important}
#chapitre-5 .fabio-explore__lead,#chapitre-6 .fabio-explore__lead{font-size:16px!important;line-height:1.6!important}
#chapitre-5 .fabio-explore__art,#chapitre-6 .fabio-explore__art{position:static!important;width:100%!important;max-width:none!important;margin:28px 0 0!important;order:1!important}
}

/* TEST — Galerie Atelier : trois premières photographies entières, dimensions et ombres harmonisées. */
.release-v12 .atelier-grid>.work:nth-child(-n+3){min-width:0!important;align-self:stretch!important}
.release-v12 .atelier-grid>.work:nth-child(-n+3) a{display:flex!important;flex-direction:column!important;height:100%!important;text-decoration:none!important}
.release-v12 .atelier-grid>.work:nth-child(-n+3) picture{box-sizing:border-box!important;width:100%!important;height:clamp(230px,27vw,390px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;background:transparent!important;filter:drop-shadow(0 12px 15px rgba(0,0,0,.15))!important}
.release-v12 .atelier-grid>.work:nth-child(-n+3) picture img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;filter:none!important;clip-path:none!important}
.release-v12 .atelier-grid>.work:nth-child(-n+3) .caption{display:block!important;width:100%!important;margin-top:18px!important;padding-top:14px!important;border-top:1px solid rgba(0,0,0,.16)!important}
@media(max-width:760px){.release-v12 .atelier-grid>.work:nth-child(-n+3) picture{height:clamp(260px,72vw,420px)!important}}

/* TEST — ruban horizontal fixe pendant le scroll, desktop uniquement. */
@media(min-width:701px){.fabio-ribbon-section{height:210vh!important;min-height:0!important;padding:0!important;overflow:visible!important}.fabio-ribbon-sticky{position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#11100e}.fabio-ribbon-heading{flex:0 0 auto;padding-bottom:0}.fabio-ribbon-viewport{flex:0 0 auto}}

/* TEST — chapitres 5 et 6 : détourage CSS non destructif, selon le guide Drive Formes du vivant.
   Géométries propres aux originaux (cadres inclus). Aucune modification des fichiers JPG. */
#chapitre-5 .fabio-explore__art img,#chapitre-6 .fabio-explore__art img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important;filter:none!important;box-shadow:none!important;border-radius:0!important}
/* IMG_7049_IA.JPG : cadre rouge entier, du bord supérieur au coin inférieur droit. */
#chapitre-5 .fabio-explore__art img{clip-path:polygon(2.1% 7.1%,99.2% 2.8%,92.1% 99.7%,2.4% 78.9%)!important;-webkit-clip-path:polygon(2.1% 7.1%,99.2% 2.8%,92.1% 99.7%,2.4% 78.9%)!important}
/* IMG_0024_IA.JPG : cadre violet et épaisseur latérale conservés. */
#chapitre-6 .fabio-explore__art img{clip-path:polygon(13.6% 19.3%,84.6% 1.8%,85.4% 97.7%,15.0% 76.0%)!important;-webkit-clip-path:polygon(13.6% 19.3%,84.6% 1.8%,85.4% 97.7%,15.0% 76.0%)!important}
#chapitre-5 .fabio-explore__art,#chapitre-6 .fabio-explore__art{filter:drop-shadow(0 16px 15px rgba(0,0,0,.3))!important;overflow:visible!important;max-width:560px!important}
@media(max-width:760px){#chapitre-5 .fabio-explore__art,#chapitre-6 .fabio-explore__art{max-width:100%!important}}

/* TEST — ouverture Démarche : œuvre sur piano conservée, présentation de galerie. */
#demarche.artist-opening{background:linear-gradient(145deg,#c9c5c1 0%,#a5a09b 55%,#78736e 100%)!important;color:#211c19!important;min-height:0!important;padding:clamp(64px,7vw,105px) 6vw!important;overflow:hidden!important;text-align:center}
#demarche .artist-opening-images{position:relative!important;max-width:1040px!important;margin:0 auto 30px!important;min-height:0!important;height:auto!important;display:block!important}
#demarche .artist-backgrounds{opacity:.16!important;filter:blur(18px)!important;pointer-events:none!important}
#demarche .artist-piano-stage{position:relative;isolation:isolate;max-width:700px;margin:0 auto}
#demarche .artist-piano-stage:before{content:"";position:absolute;inset:7% 3% 13%;background:radial-gradient(ellipse,rgba(88,38,33,.3),transparent 68%);filter:blur(30px);z-index:-1;pointer-events:none}
#demarche .artist-main-photo{position:relative!important;display:block!important;width:min(100%,480px)!important;margin:0 auto!important;mask-image:none!important;-webkit-mask-image:none!important;filter:drop-shadow(0 18px 22px rgba(38,25,22,.28))!important;overflow:hidden!important;border-radius:4px}
#demarche .artist-main-photo picture{display:block!important}
#demarche .artist-main-photo img{display:block!important;width:100%!important;height:auto!important;max-height:430px!important;object-fit:contain!important;clip-path:none!important;mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)!important}
#demarche .artist-piano-caption{display:block;margin:15px auto 0;font:italic clamp(18px,2vw,25px)/1.3 Georgia,serif;letter-spacing:.01em;color:#3d2925}
#demarche .eyebrow,#demarche h1,#demarche .lede{color:#211c19!important}
#demarche h1{margin:12px auto 16px!important}
#demarche .lede{margin:0 auto!important}
@media(max-width:700px){#demarche.artist-opening{padding:60px 5vw!important}#demarche .artist-main-photo{width:min(100%,360px)!important}#demarche .artist-main-photo img{max-height:350px!important}#demarche .artist-opening-images{margin-bottom:25px!important}}

/* TEST — rétablir le contraste d'origine du titre des œuvres en suspension. */
.fabio-depth-demo{background:#181714!important;color:#f4eee2!important}
.fabio-depth-demo .fabio-depth-copy h2,.fabio-depth-demo .fabio-depth-copy p{color:#f4eee2!important;opacity:1!important}

/* TEST — ruban : respiration du titre et hauteur adaptée à la fenêtre (desktop). */
@media(min-width:701px){
.fabio-ribbon-sticky{top:94px!important;height:calc(100svh - 94px)!important;min-height:0!important;justify-content:center!important;gap:clamp(12px,2vh,22px)!important}
.fabio-ribbon-heading{padding:0 7vw!important;max-width:950px!important}
.fabio-ribbon-heading h2{font-size:clamp(2.3rem,5vw,5rem)!important;line-height:1.07!important;margin:10px 0 16px!important}
.fabio-ribbon-heading p{margin-top:0!important;margin-bottom:0!important}
.fabio-ribbon-viewport{padding:clamp(12px,2vh,24px) 0 clamp(12px,2vh,24px)!important}
.fabio-ribbon-track a{height:clamp(170px,36vh,350px)!important;width:clamp(175px,26vw,360px)!important}
}

/* TEST — isolation visuelle du titre des œuvres en suspension. */
.fabio-depth-demo .fabio-depth-copy,.fabio-depth-demo .fabio-depth-copy h2,.fabio-depth-demo .fabio-depth-copy p{background:transparent!important;background-color:transparent!important;box-shadow:none!important;filter:none!important;mix-blend-mode:normal!important}
.fabio-depth-demo .fabio-depth-copy h2,.fabio-depth-demo .fabio-depth-copy p{color:#f4eee2!important;-webkit-text-fill-color:#f4eee2!important;text-shadow:none!important}
.fabio-depth-demo .fabio-depth-copy h2::before,.fabio-depth-demo .fabio-depth-copy h2::after{content:none!important;display:none!important}

/* TEST — hiérarchie éditoriale de Peter Parker. */
.fabio-parker-copy .fabio-parker-kicker{font-family:Arial,sans-serif!important;font-size:clamp(11px,.9vw,13px)!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase!important;line-height:1.5!important;margin:0 0 20px!important;color:#d5c9b8!important}
.fabio-parker-copy h2{font-size:clamp(2.7rem,5.3vw,5.8rem)!important;line-height:1.07!important;max-width:760px!important}
.fabio-parker-copy h2+p{max-width:520px!important;line-height:1.5!important}

/* TEST — nouvelle présentation de la photographie du piano. */
#demarche.artist-piano-editorial{background:linear-gradient(118deg,#c8c0b9 0%,#a89d98 52%,#746661 100%)!important;color:#211b19!important;min-height:0!important;padding:clamp(65px,8vw,115px) clamp(22px,7vw,110px)!important;overflow:hidden!important;text-align:left!important}
#demarche .piano-editorial-layout{width:100%;max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,95px)}
#demarche .piano-editorial-copy{position:relative;isolation:isolate;max-width:650px}
#demarche .piano-editorial-kicker{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#5a3732;margin:0 0 24px!important}
#demarche .piano-editorial-copy h1{font-size:clamp(3rem,6vw,6.5rem)!important;line-height:1.02!important;letter-spacing:-.04em!important;color:#241b19!important;margin:0 0 25px!important;text-align:left!important}
#demarche .piano-editorial-copy h1 em{font-weight:400}
#demarche .piano-editorial-lead{font-size:clamp(17px,1.7vw,23px)!important;line-height:1.5!important;color:#332825!important;margin:0 0 18px!important;max-width:530px}
#demarche .piano-editorial-body{font-size:clamp(14px,1.2vw,17px)!important;line-height:1.65!important;color:#4a3935!important;margin:0!important;max-width:510px}
#demarche .piano-editorial-lines{display:flex;align-items:center;gap:8px;height:64px;margin-top:26px;opacity:.6}
#demarche .piano-editorial-lines span{display:block;width:30%;height:24px;border-top:2px solid #8b5149;border-radius:50%;transform:rotate(-7deg)}
#demarche .piano-editorial-lines span:nth-child(2){transform:translateY(10px) rotate(6deg)}
#demarche .piano-editorial-lines span:nth-child(3){transform:translateY(-7px) rotate(-4deg)}
#demarche .piano-editorial-photo{margin:0!important;max-width:460px!important;justify-self:center;position:relative}
#demarche .piano-editorial-photo:before{content:"";position:absolute;inset:12% -7% 8%;background:radial-gradient(ellipse,#7e484255,transparent 70%);filter:blur(35px);pointer-events:none}
#demarche .piano-editorial-photo a{display:block;position:relative;overflow:hidden;border-radius:3px;box-shadow:0 22px 45px #32221e55}
#demarche .piano-editorial-photo img{display:block;width:100%!important;height:auto!important;max-height:530px;object-fit:contain!important;filter:none!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important}
#demarche .piano-editorial-photo figcaption{margin:15px 0 0;font:italic 17px/1.4 Georgia,serif;color:#44322e;text-align:center}
@media(max-width:760px){#demarche.artist-piano-editorial{padding:65px 6vw!important}#demarche .piano-editorial-layout{grid-template-columns:1fr;gap:35px}#demarche .piano-editorial-copy h1{font-size:clamp(2.7rem,10vw,4.4rem)!important}#demarche .piano-editorial-photo{width:min(100%,350px)}}

/* TEST — renforcer le repère de chapitre sans changer le texte. */
#demarche .piano-editorial-kicker{font-size:clamp(15px,1.55vw,20px)!important;font-weight:700!important;letter-spacing:.11em!important;color:#542923!important;margin-bottom:22px!important;text-transform:uppercase!important}

/* TEST — réglages validés dans l'éditeur paysage : largeur 135 %, décalages 0. */
@media(min-width:761px){
#demarche .piano-editorial-photo{width:135%!important;max-width:none!important;justify-self:start!important;transform:translate(0px,0px)!important}
#demarche .piano-editorial-photo img{max-height:none!important;height:auto!important}
}
@media(max-width:760px){#demarche .piano-editorial-photo{max-width:100%!important;transform:none!important}}

/* TEST — nouveau réglage JSON piano : largeur 115 %, x -70 px, y +5 px. */
@media(min-width:761px){#demarche .piano-editorial-photo{width:115%!important;transform:translate(-70px,5px)!important}}

/* TEST — Atelier : rythme photographique, profondeur et mouvements discrets. */
.release-v12 .atelier-cinematic{background:linear-gradient(155deg,#292522 0%,#1c1b1a 58%,#342a27 100%)!important;color:#eee7df!important;padding:clamp(75px,8vw,120px) clamp(20px,6vw,100px)!important;overflow:hidden}
.release-v12 .atelier-cinematic .section-heading h2,.release-v12 .atelier-cinematic .section-heading p{color:#eee7df!important}
.release-v12 .atelier-cinematic .section-heading{margin-bottom:clamp(35px,5vw,70px)}
.release-v12 .atelier-cinematic .atelier-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(22px,3vw,45px)!important;align-items:start!important;max-width:1320px;margin:0 auto}
.release-v12 .atelier-cinematic .atelier-grid>.work{grid-column:span 6!important;min-width:0}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(1){grid-column:span 7!important;grid-row:span 2}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(2),.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(3){grid-column:span 5!important}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(4){grid-column:span 5!important;margin-top:35px}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(5){grid-column:span 7!important}
.release-v12 .atelier-cinematic .atelier-grid>.work picture,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(-n+3) picture{height:auto!important;aspect-ratio:4/3!important;width:100%!important;display:flex!important;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#67544b,#292523 70%)!important;box-shadow:0 20px 46px #0007,0 0 0 1px #ffffff12!important;border-radius:2px}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(1) picture{aspect-ratio:3/4!important}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(2) picture,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(3) picture{aspect-ratio:16/10!important}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(4) picture,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(5) picture{aspect-ratio:5/4!important}
.release-v12 .atelier-cinematic .atelier-grid>.work picture img,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(-n+3) img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease!important}
.release-v12 .atelier-cinematic .atelier-grid>.work .caption{color:#eee7df!important;margin-top:15px!important;padding-top:0!important;font-size:clamp(17px,1.6vw,23px)!important}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(2){transition-delay:.12s}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(3){transition-delay:.2s}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(4){transition-delay:.08s}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(5){transition-delay:.16s}
@media(hover:hover){.release-v12 .atelier-cinematic .atelier-grid>.work a:hover picture img{transform:scale(1.045)!important;filter:brightness(1.07)!important}}
@media(max-width:760px){.release-v12 .atelier-cinematic .atelier-grid{grid-template-columns:1fr!important;gap:35px!important}.release-v12 .atelier-cinematic .atelier-grid>.work,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(n){grid-column:1!important;grid-row:auto!important;margin-top:0!important}.release-v12 .atelier-cinematic .atelier-grid>.work picture{aspect-ratio:4/3!important}.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(1) picture{aspect-ratio:3/4!important}}
@media(prefers-reduced-motion:reduce){.release-v12 .atelier-cinematic .atelier-grid>.work,.release-v12 .atelier-cinematic .atelier-grid img{transition:none!important;animation:none!important;transform:none!important}}

/* TEST — Atelier : réduire la taille globale des photographies sans changer la composition. */
@media(min-width:761px){.release-v12 .atelier-cinematic .atelier-grid{max-width:1030px!important;gap:clamp(18px,2.5vw,34px)!important}.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(4){margin-top:20px}}

/* TEST — Atelier final sobre : cinq photographies de même format, fond noir. */
.release-v12 .atelier-cinematic{background:#0d0d0d!important;color:#f0ece7!important;overflow:visible!important}
.release-v12 .atelier-cinematic .section-heading h2,.release-v12 .atelier-cinematic .section-heading p{color:#f0ece7!important}
.release-v12 .atelier-cinematic .atelier-grid{max-width:1040px!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:38px 28px!important;align-items:start!important}
.release-v12 .atelier-cinematic .atelier-grid>.work,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(n){grid-column:span 2!important;grid-row:auto!important;margin:0!important;min-width:0!important;transition-delay:0s!important}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(4){grid-column:2 / span 2!important}
.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(5){grid-column:4 / span 2!important}
.release-v12 .atelier-cinematic .atelier-grid>.work picture,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(n) picture{aspect-ratio:4/5!important;height:auto!important;width:100%!important;background:#181818!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important;transform:none!important}
.release-v12 .atelier-cinematic .atelier-grid>.work picture img,.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(n) img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;filter:none!important;transform:none!important;transition:transform .7s ease,filter .7s ease!important}
.release-v12 .atelier-cinematic .atelier-grid>.work .caption{color:#e8e2db!important;font-size:clamp(16px,1.4vw,20px)!important;text-align:center!important;margin-top:12px!important}
@media(hover:hover){.release-v12 .atelier-cinematic .atelier-grid>.work a:hover picture img{transform:scale(1.025)!important;filter:brightness(1.06)!important}}
@media(min-width:601px) and (max-width:850px){.release-v12 .atelier-cinematic .atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:660px!important}.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(n){grid-column:auto!important}}
@media(max-width:600px){.release-v12 .atelier-cinematic .atelier-grid{grid-template-columns:1fr!important;max-width:380px!important;gap:32px!important}.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(n){grid-column:1!important}.release-v12 .atelier-cinematic .atelier-grid>.work:nth-child(n) picture{aspect-ratio:4/5!important}}
@media(prefers-reduced-motion:reduce){.release-v12 .atelier-cinematic .atelier-grid>.work picture img{transition:none!important}}


/* TEST — fluidité mobile uniquement : éviter le recalcul coûteux du drop-shadow
   pendant le zoom au défilement, sans changer le cadrage ni l'effet desktop. */
@media (max-width:750px) and (prefers-reduced-motion:no-preference) {
  .release-v12 .fabio-expand-demo .fabio-expand-frame img {
    filter:none!important;
    -webkit-filter:none!important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform-style:flat;
    contain:paint;
  }
}

/* TEST — zoom mobile suspendu : conserver le centrage et le cadrage validés. */
@media (max-width:750px) {
  .release-v12 .fabio-expand-demo .fabio-expand-frame img {
    transform:translate(-50.6%,-54.7%)!important;
    transition:none!important;
    animation:none!important;
  }
}