:root{color-scheme:dark;--paper:#e7dfd0;--ink:#29241e;--gold:#cfb790}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f0e8da;background:#11100f;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #e6c795;outline-offset:5px}button:disabled{cursor:default}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:#eee;color:#111;padding:12px}.skip:focus{top:12px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;position:relative;z-index:10}.brand{font:24px Georgia,serif;text-decoration:none;letter-spacing:-.5px}.brand span{display:block;font:8px Arial;letter-spacing:2.4px;margin-top:8px;color:#b8ab97}.text-link{border:0;background:none;font-size:11px;letter-spacing:.03em;min-height:44px}.text-link span{margin-left:18px;color:var(--gold)}main{max-width:1600px;margin:auto}.intro{text-align:center;padding:25px 20px 0;position:relative;z-index:3;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2.6px;color:#b8a58a}h1{font:clamp(32px,4.5vw,61px)/1.04 Georgia,serif;font-weight:400;letter-spacing:-1.5px;margin:16px 0} .intro p{color:#b2a897;font:12px/1.6 Arial;margin:0}.desk{margin-top:-25px;position:relative;width:100%;height:clamp(420px,43vw,640px);display:grid;place-items:center;background:url('assets/bureau-noir.webp') center/cover no-repeat;isolation:isolate;perspective:1600px;overflow:hidden}.desk:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#11100f,transparent 20%,transparent 75%,#11100f)}.book{position:relative;width:min(820px,68vw);aspect-ratio:1.64;transform:rotateX(24deg) rotateZ(-3deg);transform-style:preserve-3d;transition:transform 1s ease;outline:none}.book.closed{transform:translateX(-20%) rotateX(24deg) rotateZ(-7deg)}.binding{position:absolute;inset:-5px -5px -8px;background:#191a17;border-radius:3px;box-shadow:0 3px #898171,0 5px #d0c6b6,0 7px #8e8475,0 9px #181a16,15px 28px 25px #0009}.spread{position:absolute;inset:0;display:flex;box-shadow:0 2px #f0e4d1,0 4px #897e6b;transform-style:preserve-3d}.page{width:50%;height:100%;color:var(--ink);background:var(--paper);position:relative;overflow:hidden}.page-left{background:linear-gradient(90deg,#e7dfd0 85%,#b2a791);border-radius:2px 0 0 2px}.page-right{background:linear-gradient(90deg,#b0a48e,#eee6d6 12%);border-radius:0 2px 2px 0}.book.closed .page-left,.book.closed .binding{visibility:hidden}.book.closed .spread{box-shadow:none}.page-layout{height:100%;position:relative;padding:8% 9% 11%;display:flex;flex-direction:column;overflow:hidden}.page-top{font:7px Arial;letter-spacing:1.3px;line-height:1.6;display:flex;justify-content:space-between;color:#695d4c}.page h2{font:clamp(24px,3.25vw,46px)/1 Georgia,serif;font-weight:400;letter-spacing:-1.3px;margin:9% 0 5%}.page p{font:clamp(9px,.78vw,12px)/1.6 Arial;color:#655747;max-width:250px}.page .folio{position:absolute;bottom:5%;left:9%;right:9%;display:flex;justify-content:space-between;font:8px Arial;color:#756855;letter-spacing:.06em}.toc{display:grid;gap:0;margin-top:auto;margin-bottom:10px}.toc button{display:flex;justify-content:space-between;padding:10px 0;min-height:44px;border:0;border-bottom:1px solid #95887366;background:none;color:#493c2c;text-align:left;font:12px Arial}.toc button span{color:#8d7e68}.photo-layout{padding:0}.page-photo{width:100%;height:100%;object-fit:cover;display:block}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:30% 9% 9%;background:linear-gradient(transparent,#000a);color:#fff5e5;font:10px Arial;display:flex;justify-content:space-between;gap:10px}.photo-caption span{font-size:7px;letter-spacing:1px}.editorial-img{height:48%;width:100%;object-fit:cover;margin-top:auto;margin-bottom:4%;filter:sepia(.08)}.quote{font:clamp(20px,2.8vw,38px)/1.1 Georgia,serif;color:#776149;margin:10% 0}.cover{position:absolute;inset:0 0 0 50%;transform-origin:left;transform-style:preserve-3d;z-index:8;transition:transform 1.15s cubic-bezier(.3,.05,.15,1)}.cover.open{transform:rotateY(-180deg)}.cover-front,.cover-back{pointer-events:none;position:absolute;inset:0;backface-visibility:hidden;border-radius:0 3px 3px 0}.cover-front{background:radial-gradient(ellipse at 50% 20%,#3a3a32,#1d201b 70%);color:#d1bb96;border:1px solid #77735b;box-shadow:inset 7px 0 12px #0008,inset 0 0 2px #ae9e77;padding:11%;display:flex;flex-direction:column}.cover:not(.open) .cover-back{visibility:hidden}.cover-back{background:linear-gradient(90deg,#eee6d6,#d9cfba);transform:rotateY(180deg);border-radius:3px 0 0 3px}.cover-top,.cover-bottom{font:7px/1.6 Arial;letter-spacing:1.4px}.cover-mark{font:clamp(44px,7vw,98px)/1 Georgia;margin:auto 0 0}.cover h2{font:clamp(26px,3.7vw,53px)/.95 Georgia;letter-spacing:-1px;font-weight:400;margin:7% 0 12%}.cover-bottom{margin-top:auto}.cover button{transform:translateZ(2px);z-index:3;position:absolute;inset:0;border:0;background:transparent;border-radius:0 3px 3px 0;transition:box-shadow .3s}.cover button:hover{box-shadow:inset -10px -10px 30px #dfc69916}.cover button>span{position:absolute;right:8%;bottom:8%;font-size:9px;color:#e9d7b7;background:#292c25;padding:10px 12px;border:1px solid #8a7c6555;border-radius:2px}.cover button b{margin-left:10px}.cover.open button{display:none}.book.opened .cover{visibility:hidden;transition:transform 1.15s,visibility 0s 1.15s}.page-turn{position:absolute;bottom:0;width:72px;height:72px;border:0;border-radius:0;z-index:12;color:#69583b;background:transparent;font-size:24px;transition:transform .25s,background .25s}.page-turn span{display:block;font-size:22px;opacity:.6}.page-turn.next{right:0}.page-turn.prev{left:0}.page-turn.next:hover{background:linear-gradient(135deg,transparent 45%,#f0e4cf 47%,#b9aa8e);transform:translateY(-4px)}.page-turn.prev:hover{background:linear-gradient(-135deg,transparent 45%,#f0e4cf 47%,#b9aa8e);transform:translateY(-4px)}.page-turn:disabled{opacity:0;pointer-events:none}.page-turn[hidden]{display:none}.book.busy .page-turn{pointer-events:none}.book-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 8%;min-height:45px;color:#c4b294;font:10px Arial;position:relative;z-index:3}.book-toolbar>div{display:flex;gap:16px}.book-toolbar button{font-size:10px;border:0;background:none;min-height:44px;color:#b5a68f}.interaction-note{text-align:center;font:10px Arial;color:#9b8c75;letter-spacing:.03em;margin:5px 0 30px}.chapters{display:flex;justify-content:center;gap:36px;padding:20px 20px 45px}.chapters button{color:#998468;background:none;border:0;border-bottom:1px solid transparent;padding:14px 0;font:9px Arial;letter-spacing:.06em;min-height:44px}.chapters button span{color:#d5c5ad;margin-left:10px}.chapters button[aria-current=true]{border-color:#cbb18a;color:#ecd6b4}footer{display:flex;justify-content:space-between;border-top:1px solid #b2966c25;padding:25px 5vw;color:#8d7f69;gap:20px;font:8px/1.5 Arial;letter-spacing:.7px}dialog{background:#e7dfd0;color:#322b21;border:0;max-width:520px;width:calc(100% - 40px);padding:45px;border-radius:3px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font:46px/1 Georgia;font-weight:400;margin:24px 0}dialog p{font:13px/1.7 Arial;color:#5a4b3c}dialog a{font-size:12px;color:#564022}dialog small{font:8px Arial;letter-spacing:1.6px}dialog>button{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:none;color:#493b29;font-size:25px}.no-js{padding:24px;text-align:center}.strip{position:absolute;top:0;height:100%;transform-origin:left;transform-style:preserve-3d;pointer-events:none;z-index:10}.strip-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--paper)}.strip-back{transform:rotateY(180deg)}.strip-content{position:absolute;top:0;height:100%;}.strip-content .page{width:100%}.strip-shade{position:absolute;inset:0;pointer-events:none;background:#352c20;mix-blend-mode:multiply}.flipping{position:absolute;inset:0;transform-style:preserve-3d;z-index:10;pointer-events:none}
@media(min-width:1500px){.intro{padding-top:35px}.desk{margin-top:-45px}}@media(max-width:700px){header{padding:22px 20px}.brand{font-size:20px}.text-link{font-size:9px;max-width:120px;text-align:right}.intro{padding:20px 15px 10px}h1{font-size:38px}.intro p{font-size:11px}.desk{height:455px;margin-top:0;background-size:auto 100%}.book{width:92vw;aspect-ratio:1.08;transform:rotateX(10deg) rotateZ(-2deg)}.book.closed{transform:translateX(-21%) rotateX(12deg) rotateZ(-5deg)}.cover h2{font-size:30px}.cover-mark{font-size:58px}.cover-top,.cover-bottom{font-size:6px;letter-spacing:1px}.page-layout{padding:8% 9% 15%}.page-layout.photo-layout{padding:0}.page h2{font-size:25px;letter-spacing:-.8px;margin:16px 0 8px}.page p{font-size:9px;line-height:1.45}.page-top{font-size:6px;letter-spacing:.6px}.page .folio{font-size:6px;bottom:5%}.toc button{font-size:10px;padding:5px 0;min-height:44px}.quote{font-size:24px;margin:15% 0}.photo-caption{font-size:9px;bottom:15px;padding:40% 10% 12%}.photo-caption span{font-size:6px;letter-spacing:.5px}.page-turn{width:52px;height:52px}.page-turn span{font-size:18px}.book-toolbar{padding:0 20px;gap:10px;align-items:flex-start}.book-toolbar>span{font-size:9px;padding-top:15px}.book-toolbar>div{gap:5px}.book-toolbar button{font-size:9px}.interaction-note{padding:0 20px;font-size:9px;line-height:1.6}.chapters{gap:15px;padding:10px 12px 25px;flex-wrap:wrap}.chapters button{font-size:8px}.chapters button span{margin-left:5px}footer{flex-direction:column;gap:8px;padding:22px 20px}dialog{padding:35px 25px}}@media(max-width:360px){h1{font-size:32px}.book{aspect-ratio:1.02}.page h2{font-size:23px}.page p{font-size:8px}.page-top{font-size:5px}.cover h2{font-size:25px}.quote{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.book,.book.closed{transform:none}.book.closed{transform:translateX(-23%)}.book.opened .cover{display:none}.page-turn:hover{transform:none!important}}

/* Édition magazine : fontes locales libres, papier et interactions pleine page. */
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
body,button,.page p,.page-top,.folio,.book-toolbar,.intro p{font-family:Barlow,Arial,sans-serif}
.brand{font-family:Barlow,Arial,sans-serif;font-weight:400;letter-spacing:-.5px}.brand span{font-family:Barlow}
h1,.page h2,.cover h2,dialog h2,.quote{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.015em}
h1{font-size:clamp(52px,6vw,86px);line-height:.92;margin:18px 0}.intro{padding-top:15px}.intro p{letter-spacing:.03em}.eyebrow{font-family:Barlow;font-size:9px}
.cover-mark{font-family:'Barlow Condensed';font-weight:600;text-transform:uppercase;letter-spacing:-.06em;font-size:clamp(60px,8vw,116px)}.cover h2{font-size:clamp(34px,4vw,58px);line-height:.94}.cover-front{background:radial-gradient(ellipse at 25% 20%,#353532,#191919 70%);border:1px solid #8c826b;box-shadow:inset 8px 0 14px #0009,inset -2px 0 3px #a89a6c55}.cover-top,.cover-bottom{font-family:Barlow;font-size:8px}.cover-front:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px);opacity:.6}.cover h2,.cover-mark{text-shadow:0 1px #080808,-.5px -.5px #efe1bd50}.cover{z-index:20}
.book{aspect-ratio:1.52}.binding{inset:-4px -4px -10px;background:#171717;box-shadow:0 2px #b7af9f,0 3px #f1eada,0 4px #aaa08d,0 5px #e9e0ce,0 6px #a59b88,0 7px #e9dfcc,0 8px #8b806b,0 10px #181818,12px 22px 24px #000b}.spread{box-shadow:0 2px #d6cbb8,0 4px #a6987e}.spread:after{content:'';position:absolute;left:48.5%;width:3%;height:100%;background:linear-gradient(90deg,transparent,#42352025 35%,#3d32293a 50%,#fff7db1a 66%,transparent);pointer-events:none;z-index:3}.book.closed .spread:after{display:none}.page-left{background:linear-gradient(90deg,#eae5d8,#f1ece0 82%,#c6baa3 97%,#96866d)}.page-right{background:linear-gradient(90deg,#95846c,#d6c9b2 3%,#eee7d8 12%,#f1eadd 88%,#d9d0bf)}.page:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#56483003 0 1px,transparent 1px 3px);pointer-events:none;z-index:2;mix-blend-mode:multiply}.page-layout{padding:9% 9% 12%}.page-layout.photo-layout{padding:0}.page h2{font-size:clamp(32px,3.7vw,53px);line-height:.98;margin:10% 0 6%}.page p{font-family:Barlow;font-size:clamp(10px,.9vw,13px);line-height:1.55;color:#4d4439}.page-top{font-size:8px;letter-spacing:1.2px}.quote{font-size:clamp(24px,2.8vw,40px);line-height:1.04}.photo-caption{font-family:Barlow;font-size:12px;padding-bottom:10%}.photo-caption span{font-size:8px}.page .folio{font-family:Barlow;font-size:8px;color:#5d5140}.toc{position:relative;z-index:15}.toc button{font-family:Barlow;font-size:13px;min-height:44px}.page-turn{bottom:0;height:100%;width:50%;z-index:10;cursor:pointer;border:0;border-radius:0;transform:none!important;background:transparent!important}.page-turn.prev{left:0}.page-turn.next{right:0}.page-turn span{position:absolute;bottom:3%;font:9px Barlow,Arial,sans-serif;background:#f2eadabb;color:#5c4b30;padding:6px 9px;opacity:.85;letter-spacing:.02em}.page-turn.next span{right:5%}.page-turn.prev span{left:5%}.page-turn:hover span{background:#26231e;color:#ead7b3;opacity:1}.page-turn:focus-visible{outline-offset:-5px}.page-turn:disabled{pointer-events:none}.chapters button,.chapters button span,.interaction-note,.book-toolbar button,footer{font-family:Barlow}.chapters button{font-size:10px}.interaction-note{font-size:11px}.book-toolbar{font-size:11px}
@media(max-width:700px){h1{font-size:58px;line-height:.94}.intro{padding-top:12px}.book{aspect-ratio:1.05}.page-layout{padding:8% 9% 16%}.page-layout.photo-layout{padding:0}.page h2{font-size:30px;line-height:.98;margin:13px 0 10px}.page p{font-size:10px;line-height:1.42}.page-top{font-size:6px;letter-spacing:.6px}.page .folio{font-size:6px}.quote{font-size:27px;margin:18px 0}.cover h2{font-size:36px}.cover-mark{font-size:65px}.cover-top,.cover-bottom{font-size:6px}.toc button{font-size:11px}.photo-caption{font-size:10px}.photo-caption span{font-size:6px}.page-turn span{font-size:7px;padding:5px;bottom:1%}.book-toolbar{font-size:9px}.interaction-note{font-size:10px}.brand{font-size:20px}}
@media(max-width:360px){h1{font-size:49px}.book{aspect-ratio:.94}.page h2{font-size:27px}.page p{font-size:9px}.quote{font-size:24px}.cover h2{font-size:31px}.cover-mark{font-size:58px}.toc button{font-size:10px}}
@media(max-width:700px){.page .folio{bottom:2%}}
.page-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .3s}.page-film.ready{opacity:1}.photo-caption{z-index:4;pointer-events:none}.book-toolbar>div{flex-wrap:wrap;justify-content:flex-end}.book-toolbar #motion{color:#d8c3a1}
.photo-layout[data-film="digital"] .page-film,.photo-layout[data-film="matiere"] .page-film,.photo-layout[data-film="digital"] .page-photo,.photo-layout[data-film="matiere"] .page-photo{object-fit:contain;background:#171411}
@media(max-width:700px){.quote{font-size:21px;line-height:1.05;margin:12px 0}.page h2{font-size:28px}}

/* Couverture cuir noir — matière originale et marquage champagne. */
.cover-front{border:1px solid #30302c;border-radius:3px 9px 9px 3px;padding:11% 13%;background-color:#111111;background-image:linear-gradient(115deg,#00000010,#00000008 35%,#00000055),url('assets/cuir-noir.webp');background-size:cover;background-position:center;box-shadow:inset 14px 0 16px #0009,inset -1px 0 2px #aca18b30,inset 0 1px 1px #ccc2ad30,3px 3px 3px #0008;align-items:center;text-align:center}
.cover-front:before{content:'';position:absolute;left:11px;top:0;bottom:0;width:9px;background:linear-gradient(90deg,#0007,#f9e6bb0c 45%,#0007);box-shadow:1px 0 2px #0008;pointer-events:none}.cover-front:after{background:radial-gradient(ellipse at var(--leather-x,30%) var(--leather-y,20%),#eadbc719,transparent 62%),linear-gradient(110deg,#ffffff03,transparent 50%);opacity:.75;border-radius:inherit;transition:opacity .4s}
.cover-top{font-size:8px;letter-spacing:2.2px;color:#ae9b78}.cover-mark{font-size:clamp(40px,4.5vw,63px);letter-spacing:-.04em;margin:auto 0 0;line-height:1}.cover h2{font-size:clamp(24px,2.5vw,35px);line-height:1.06;letter-spacing:.025em;margin:11% 0 0;font-weight:600}.cover h2,.cover-mark{color:#c4ac7e;background:linear-gradient(110deg,#9a8157,#dac99f 35%,#b29663 65%,#e2d1a7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px #0009}.cover-bottom{margin-top:auto;font-size:7px;letter-spacing:1.7px;color:#a28d6b;padding-bottom:6%}.cover button{border-radius:3px 9px 9px 3px}.cover button>span{background:#0d0d0db0;border:1px solid #9c835e50;color:#c7b18b;font:8px Barlow;letter-spacing:.08em;right:50%;transform:translateX(50%);bottom:5%;white-space:nowrap;padding:8px 12px}.cover button:hover{box-shadow:inset -4px -3px 18px #ead7b40a}.cover-back{border-radius:9px 3px 3px 9px}.book.closed .binding{left:calc(50% - 3px);right:-4px;top:-2px;bottom:-7px;visibility:visible;border-radius:3px 9px 9px 3px;background:#111;box-shadow:0 1px #514a3e,0 3px #c6bb9f,0 4px #a09276,0 6px #181818,14px 22px 25px #000a}
@media(max-width:700px){.cover-front{padding:13% 12%}.cover-top{font-size:5px;letter-spacing:1.1px}.cover-mark{font-size:43px}.cover h2{font-size:26px;letter-spacing:.01em}.cover-bottom{font-size:5px;letter-spacing:.6px;padding-bottom:14%}.cover button>span{font-size:7px;bottom:4%;padding:7px 9px}.cover-front:before{left:7px;width:6px}}
@media(max-width:360px){.cover h2{font-size:23px}.cover-mark{font-size:38px}}
/* Le poster, la vidéo et les copies de feuilletage partagent le même cadre dès leur création. */
.photo-layout .page-photo,.photo-layout .page-film{position:absolute;inset:0;width:100%;height:100%;object-position:center;flex:none}
/* Portfolio : vraies captures d'accueil et accès aux sites. */
.chapters{max-width:1120px;margin:0 auto;flex-wrap:wrap;gap:6px 25px;padding-bottom:35px}.chapters button{font-size:10px}.project-sector{font:8px Barlow;letter-spacing:1px;text-transform:uppercase;margin-top:12%}.project-copy h2{margin:6% 0;font-size:clamp(30px,3.1vw,44px)}.project-status{font-size:9px!important;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid #9c8c7060;padding-top:12px;color:#675237!important;margin-top:20px}.project-visit{position:relative;z-index:15;display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:auto;margin-bottom:6%;padding:10px 13px;border:1px solid #867353;color:#34291b;text-decoration:none;font:11px Barlow}.project-visit:hover{background:#26231d;color:#f1e4cd}.site-layout{background:#181714;color:#eee2cd;padding:9% 7% 13%;gap:0}.site-heading{display:flex;flex-direction:column;gap:10px}.site-heading small{font:7px Barlow;letter-spacing:1.5px;color:#ac9572}.site-heading strong{font:25px 'Barlow Condensed';text-transform:uppercase;line-height:1}.site-preview{position:relative;z-index:15;display:block;margin:auto 0 7%;background:#111;box-shadow:0 8px 18px #0006;outline-offset:3px}.site-preview img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain}.site-preview>span{position:absolute;bottom:0;right:0;font:8px Barlow;padding:7px 9px;background:#f0e6d6;color:#322918}.site-signature small{font:7px Barlow;letter-spacing:1.4px;color:#ab987a}.site-signature p{font:22px/1.05 'Barlow Condensed';text-transform:uppercase;color:#eaddc5;margin:9px 0 12px;max-width:none}.site-kind{font:7px Barlow;letter-spacing:.05em;color:#a89370}.collection-layout{background:#181714;color:#d9c4a3;padding:8% 7%;justify-content:center;gap:6%}.collection-layout>small{font:8px Barlow;letter-spacing:1.4px}.collection-layout>p{font:11px/1.5 Barlow;color:#c5b395}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;position:relative;z-index:15}.collection-grid button{padding:0;border:0;background:#28241e;color:#e1ceb0;display:block;text-align:left;border-radius:0;min-height:44px}.collection-grid img{width:100%;aspect-ratio:1.6;object-fit:contain;display:block}.collection-grid span{display:block;padding:5px 6px;font:8px Barlow}.collection-grid button:hover{background:#64523a}
@media(max-width:700px){.project-sector{font-size:6px;letter-spacing:.4px;margin-top:15px}.project-copy h2{font-size:27px;line-height:1;margin:13px 0}.project-copy p{font-size:10px}.project-status{font-size:7px!important;margin-top:12px;padding-top:8px}.project-visit{font-size:9px;padding:8px;margin-bottom:6px;min-height:44px}.site-layout{padding:11% 7% 12%}.site-heading small{font-size:5px;letter-spacing:.6px}.site-heading strong{font-size:21px}.site-signature small{font-size:5px;letter-spacing:.6px}.site-signature p{font-size:17px}.site-kind{font-size:6px}.site-preview>span{font-size:6px;padding:5px}.collection-layout>small{font-size:6px;letter-spacing:.6px}.collection-grid{gap:6px}.collection-grid span{font-size:6px;padding:4px}.collection-layout>p{font-size:9px}.chapters{gap:4px 15px;padding:10px 15px 30px}.chapters button{font-size:9px}}
.page>.page-turn{width:100%;height:100%;left:0;right:0}
.skip{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;top:0;left:0}.skip:focus{clip-path:none;width:auto;height:auto;overflow:visible;padding:12px;top:12px;left:20px}
@media(max-width:700px){.project-copy{padding-bottom:14%}.project-copy h2{font-size:25px;margin:10px 0}.project-copy p{font-size:9px;line-height:1.4}.project-sector{margin-top:10px}.project-status{font-size:6px!important;margin-top:9px;padding-top:7px}.project-visit{flex-shrink:0;font-size:9px}.project-copy .folio{font-size:5px}}

/* Invitation à ouvrir : reflet champagne traversant puis disparaissant. */
.cover-front:after{background:linear-gradient(105deg,transparent 0%,transparent 35%,#b7934a10 41%,#e4c77b40 47%,#fff1bd85 50%,#ddbd6b40 53%,#b7934a10 59%,transparent 65%,transparent 100%);background-size:260% 100%;background-position:165% 0;opacity:0;animation:leather-invitation 7s ease-in-out 1s infinite;mix-blend-mode:screen;transition:none;will-change:background-position,opacity}
@keyframes leather-invitation{0%,12%{background-position:-65% 0;opacity:0}18%{opacity:.8}44%{background-position:165% 0;opacity:.6}50%,100%{background-position:165% 0;opacity:0}}
.cover button>span{font-size:10px;font-weight:400;letter-spacing:.04em;color:#f0d8a4;border:1px solid #b89a6077;background:#14110edb;padding:11px 16px;bottom:5%;box-shadow:0 0 14px #d4aa4114,inset 0 1px #e8cb881a;transition:border-color .3s,box-shadow .3s}
.cover button:hover>span,.cover button:focus-visible>span{border-color:#f0ce83;box-shadow:0 0 24px #d4aa4140;background:#231c12}
.book.opened .cover-front:after{animation:none;opacity:0}
@media(max-width:700px){.cover button>span{font-size:9px;padding:10px 12px;bottom:4%}.cover-bottom{padding-bottom:18%}}
@media(prefers-reduced-motion:reduce){.cover-front:after{animation:none!important;opacity:0}.cover button>span{border-color:#ceb16e;color:#ffe3ab}}

/* Papier couché : grain photographique, ventre de page et bord légèrement relevé. */
.page-left{background:linear-gradient(90deg,#d8cfbd 0%,#f5f0e5 4%,#f1ecdf 65%,#e7dfce 88%,#c4b699 97%,#8f7c5d 100%);box-shadow:inset 1px 0 2px #fff9ebaa,inset 0 1px 1px #fffbed,inset 0 -2px 3px #8b765330}
.page-right{background:linear-gradient(90deg,#897758 0%,#c4b497 2%,#e9dfcd 8%,#f6f0e5 22%,#f0e8d8 90%,#ddd1bc 99%,#b7a789);box-shadow:inset -1px 0 2px #fff7dfaa,inset 0 1px 1px #fffbea,inset 0 -2px 3px #917d5935}
.page:after{background-image:url('assets/papier-magazine.webp');background-size:cover;opacity:.13;mix-blend-mode:multiply;z-index:2}
.page:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(110deg,#fffdf30c 5%,#fff8e21c 30%,transparent 48%,#42301e0a 85%,#ffffff14 100%);mix-blend-mode:screen}
.page-left:before{background:linear-gradient(90deg,#ffffff14 0%,transparent 7%,#fffdf21a 48%,transparent 78%,#29201222 98%);mix-blend-mode:normal}.page-right:before{background:linear-gradient(90deg,#17100c25,transparent 9%,#fff7d812 30%,transparent 65%,#ffffee12 96%);mix-blend-mode:normal}
.spread:after{left:47.5%;width:5%;background:linear-gradient(90deg,transparent,#42311b10 22%,#33231530 43%,#1e140a40 50%,#fff5d429 61%,transparent 100%)}
.spread{box-shadow:0 1px #f6f0e0,0 2px #b7a98e,0 3px #eee6d5,0 4px #a8997c,0 5px #eee4cf,0 6px #8d7c5f}
.site-layout,.collection-layout{box-shadow:inset 10px 0 16px #0006,inset -1px 0 2px #ffffff20,inset 0 1px #e5d9bf1a;background:linear-gradient(90deg,#11100f,#1c1a17 12%,#201d18 65%,#181613)}
.site-preview{box-shadow:0 1px 2px #ffffff14,0 4px 8px #0005}.photo-layout:before{background:linear-gradient(110deg,#ffffff03 12%,#fff7dc15 37%,transparent 59%,#21160812 85%);mix-blend-mode:screen}.strip-face{box-shadow:inset 0 1px #fffbea55,inset 0 -1px #6a58352a}

/* Feuilles plus sculptées : creux, épaisseur et bords décollés du bloc. */
.book.opened .page-left{transform-origin:right center;transform:rotateY(3deg);border-radius:10px 0 0 22px / 9px 0 0 15px;background:linear-gradient(90deg,#bdae92 0%,#e7dcc6 2%,#fff9eb 7%,#f2e9d8 45%,#eee1c9 73%,#d9c7a6 87%,#ae9772 95%,#6d5637 99%,#4d3923 100%);box-shadow:inset 3px 0 4px #fff8e2,inset 0 2px 2px #fffbea,inset 0 -3px 4px #70563355,-3px 6px 8px #20140766}
.book.opened .page-right{transform-origin:left center;transform:rotateY(-3deg);border-radius:0 10px 22px 0 / 0 9px 15px 0;box-shadow:inset -3px 0 4px #fff4d880,inset 0 2px 2px #fffbea,inset 0 -3px 4px #70563355,3px 6px 8px #20140766}
.page:after{opacity:.42;background-size:300px 450px;background-repeat:repeat;mix-blend-mode:multiply}
.page-left:before{z-index:4;background:linear-gradient(90deg,#3c291e28,transparent 3%,#ffffec44 7%,transparent 24%,#fff6d91c 55%,transparent 74%,#30201826 91%,#160d0866 100%);mix-blend-mode:normal}
.page-right:before{z-index:4;background:linear-gradient(90deg,#0b060880 0%,#2c180f48 4%,transparent 12%,#fff6d918 32%,transparent 66%,#fff6db40 93%,#2a180e33 100%);mix-blend-mode:normal}
.spread:after{z-index:5;left:46%;width:8%;background:linear-gradient(90deg,transparent,#1c110929 25%,#0e080855 44%,#08040585 50%,#fff1c840 60%,#170c0826 78%,transparent)}
.book.opened .spread{box-shadow:0 1px #fff4d9,0 2px #927c58,0 3px #eaddbf,0 4px #b4a07c,0 5px #f8efd7,0 6px #8a7351,0 7px #e8daba,0 8px #b19a70,0 9px #f7ebd0,0 10px #83704f,0 11px #e1cfaa,0 13px 3px #1c110c99}
.book.opened .binding{bottom:-17px;box-shadow:0 3px #a4916f,0 5px #ddccaa,0 7px #84704d,0 10px #d2c099,0 13px #171310,12px 25px 22px #000b}
.site-layout,.collection-layout{box-shadow:inset 22px 0 22px #0009,inset -3px 0 3px #f7e3b333,inset 0 2px #f1d7a533,inset 0 -4px 5px #0008;background:linear-gradient(90deg,#080706,#28231c 19%,#28231e 55%,#211b15 86%,#393026 97%,#17120e)}
.site-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#fff4dd17 43%,transparent 64%,#1a10050d);box-shadow:inset 0 1px #fff4d944}
@media(max-width:700px){.page:after{background-size:190px 285px;opacity:.38}.spread:after{left:45%;width:10%}}
@media(prefers-reduced-motion:reduce){.book.opened .page-left,.book.opened .page-right{transform:none}}

/* Impression des feuilles mobiles : pas de reflets/compositing répétés par bande. */
.flipping .strip-face{box-shadow:none;background:#eee4d1;isolation:isolate}
.flipping .page{transform:none!important;border-radius:0!important;box-shadow:none!important}
.flipping .page:before,.flipping .page:after,.flipping .site-preview:after,.flipping .photo-layout:before{display:none!important}
.flipping .site-layout,.flipping .collection-layout{box-shadow:none;background:#221e18}
.flipping .print-left{background:linear-gradient(90deg,#e7dcc6,#f2e9d8 45%,#eee1c9 73%,#d9c7a6 92%,#ae9772)}
.flipping .print-right{background:#eee4d1}
.flipping .site-preview{box-shadow:none}
.flipping .strip-shade{mix-blend-mode:normal;background:#160d06}

/* Gouttière plus douce : pas de bande sombre forte au passage de la feuille. */
.spread:after{background:linear-gradient(90deg,transparent,#1c11090c 25%,#0e08081c 44%,#0804052e 50%,#fff1c81a 60%,#170c080c 78%,transparent);opacity:.65;transition:opacity .35s ease}
.book.busy .spread:after{opacity:.12;transition:opacity .15s ease}
.book.busy .page-left:before{background:linear-gradient(90deg,#3c291e16,transparent 3%,#ffffec25 7%,transparent 24%,#fff6d90d 55%,transparent 74%,#3020180c 91%,#160d0820 100%)}
.book.busy .page-right:before{background:linear-gradient(90deg,#0b06082a 0%,#2c180f18 4%,transparent 12%,#fff6d90a 32%,transparent 66%,#fff6db20 93%,#2a180e16 100%)}
.book.opened .page-left{background:linear-gradient(90deg,#bdae92 0%,#e7dcc6 2%,#fff9eb 7%,#f2e9d8 45%,#eee1c9 73%,#dfd0b6 87%,#c7b89b 95%,#ae9e82 99%,#958469 100%)}
.site-layout,.collection-layout{box-shadow:inset 12px 0 18px #0004,inset -3px 0 3px #f7e3b333,inset 0 2px #f1d7a533,inset 0 -4px 5px #0008}

/* Éclairage identique entre impression mobile et page posée, sans bascule busy. */
.site-layout,.collection-layout,.flipping .site-layout,.flipping .collection-layout{background:#221e18;box-shadow:none}
.site-preview,.flipping .site-preview{box-shadow:none}
.site-preview:after,.flipping .site-preview:after{display:none}
.book.opened .page-right:before,.book.busy .page-right:before{display:none}
.book.opened .page-right:after{opacity:0}
.spread:after,.book.busy .spread:after{opacity:.22;transition:none}
.book.opened .page-left,.flipping .print-left{background:linear-gradient(90deg,#e7dcc6,#f2e9d8 45%,#eee1c9 73%,#d9c7a6 92%,#ae9772)}
.book.opened .page-left:before,.book.busy .page-left:before{display:none}
.book.opened .page-left:after{opacity:0}
/* Même grain discret sur la feuille mobile et posée ; aucun mode de fusion variable. */
.book.opened .page:after,.flipping .page.turn-print:after{display:block!important;opacity:.08;mix-blend-mode:normal;background-image:url('assets/papier-magazine.webp');background-size:300px 450px;background-repeat:repeat}

/* Flèches de feuilletage : verre fumé discret, sans libellé imprimé. */
.page-turn .turn-cue{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;bottom:2.5%;border:1px solid #a7957355;background:#f3eddf99;color:#4f4230;box-shadow:0 2px 6px #00000012;backdrop-filter:blur(5px);opacity:.7;transition:opacity .2s,background .2s,border-color .2s}
.page-turn .turn-cue svg{width:22px;height:22px;display:block}.page-turn.prev .turn-cue{left:3%}.page-turn.prev .turn-cue svg{transform:rotate(180deg)}.page-turn.next .turn-cue{right:3%}
.page-right .page-turn .turn-cue{background:#1a1811a6;color:#eadcc4;border-color:#e5cda54d}
.page-turn:hover .turn-cue,.page-turn:focus-visible .turn-cue{opacity:1;background:#d9c6a1e8;color:#322718;border-color:#d7bc85}
.page-turn:disabled .turn-cue{visibility:hidden}.page-turn{outline-offset:-5px}
@media(max-width:700px){.page-turn .turn-cue{width:34px;height:34px;bottom:1.5%;opacity:.9}.page-turn .turn-cue svg{width:20px;height:20px}}