:root{--ink:#080909;--cream:#eee9df;--gold:#b99a5d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}
button,a{color:inherit}
button{font:inherit}
.topbar{height:96px;border-bottom:1px solid #2b2b27;display:grid;grid-template-columns:240px 1fr 44px;align-items:center;padding:0 4.5vw;position:relative;z-index:10;background:#090a09}
.brand{text-decoration:none;text-align:left;display:flex;flex-direction:column;line-height:.9;color:#c5a667;width:max-content}
.brand span{font:500 25px/1 Georgia,serif;letter-spacing:.24em}
.brand small{font:9px/1.8 Arial,sans-serif;letter-spacing:.62em;margin-left:.62em}
.mainnav{display:flex;position:static;justify-self:center;gap:clamp(18px,2.1vw,34px)}
.mainnav a{font-size:10px;letter-spacing:.17em;text-decoration:none;color:#aaa79f}
.mainnav a:hover{color:#d4bb82}
.close,.menuButton{display:none}
.search{justify-self:end;border:0;background:none;cursor:pointer;color:#c7c4bb}
.intro{min-height:720px;padding:145px 8vw 100px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#050605 0%,#050605e8 25%,#05060582 46%,#05060516 70%),linear-gradient(0deg,#080908aa 0%,transparent 42%),url('images/bibliotheque-mondes-sensibles-hero.png');background-size:cover;background-position:center center}
.intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 71% 57%,transparent 0 20%,#00000022 52%,#00000080 100%)}
.intro:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,#ffffff04 120px)}
.intro>*{position:relative;z-index:1}
.eyebrow{font-size:10px;letter-spacing:.35em;color:var(--gold);margin:0 0 28px}
.intro h1{font:400 clamp(54px,6.6vw,104px)/.92 Georgia,serif;letter-spacing:-.045em;margin:0;max-width:850px;text-shadow:0 4px 32px #000}
.intro h1 em{font-weight:400;color:#b9b5ab}
.introLine{display:flex;align-items:center;gap:25px;margin-top:50px;margin-left:12vw}
.introLine span{height:1px;width:110px;background:var(--gold)}
.introLine p{font:italic 17px/1.7 Georgia,serif;color:#b4b0a7}
.scrollMark{position:absolute;right:5vw;bottom:52px;display:flex;flex-direction:column;align-items:center;gap:15px}
.scrollMark span{font-size:8px;letter-spacing:.35em;writing-mode:vertical-rl}
.scrollMark i{width:1px;height:58px;background:linear-gradient(var(--gold),transparent)}
.library{padding:100px 5vw 120px;background:#0d0e0d}
.sectionHead{display:flex;justify-content:space-between;align-items:flex-end;max-width:1400px;margin:auto}
.sectionHead h2{font:400 clamp(34px,4vw,58px)/1.05 Georgia,serif;margin:0}
.sectionHead>p{font-size:10px;letter-spacing:.3em;color:#827f77}
.filters{max-width:1400px;margin:58px auto 80px;display:flex;gap:8px;overflow:auto;padding-bottom:5px}
.filters button{background:none;border:1px solid #33342f;padding:12px 17px;white-space:nowrap;font-size:10px;letter-spacing:.12em;cursor:pointer}
.filters button:hover,.filters button.active{border-color:#ad915c;color:#ddc48d;background:#b99a5d0d}
.shelf{max-width:1480px;margin:auto}
.shelfBooks{display:flex;align-items:flex-end;justify-content:center;gap:12px;min-height:390px;padding:30px 24px 0;background:linear-gradient(90deg,#080908,#131410,#080908);overflow-x:auto}
.book{width:145px;height:315px;flex:0 0 auto;border:0;border-left:5px solid #0006;padding:18px 15px;position:relative;text-align:left;display:flex;flex-direction:column;cursor:pointer;transition:.35s ease;box-shadow:9px 8px 16px #0009;color:#eee8db}
.book:nth-child(2n){height:350px}
.book:nth-child(3n){height:330px}
.book:hover,.book.selected{transform:translateY(-18px);box-shadow:12px 16px 28px #000}
.book.selected:after{content:"";position:absolute;inset:-4px;border:1px solid #c6aa70}
.bookTop{font-size:7px;letter-spacing:.2em;opacity:.8}
.book strong{font:20px/1.05 Georgia,serif;margin-top:58px}
.book strong span,.featuredCover h3 span{display:block}
.book .ornament{font-size:11px;color:#d1b579;margin:14px 0}
.book small{font:italic 11px/1.4 Georgia,serif;color:#ddd5c6}
.book i{font:8px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;position:absolute;bottom:17px;left:15px}
.alpine{background:linear-gradient(150deg,#243532,#58726a 49%,#d5d4c6 50%,#394743 52%,#111917)}
.desert{background:linear-gradient(155deg,#38211a,#9b5535 48%,#d39b63 49%,#3b2119)}
.amber{background:radial-gradient(circle at 70% 30%,#c69a4c33,transparent 24%),linear-gradient(145deg,#19100d,#553525)}
.steel{background:linear-gradient(120deg,#111820,#405161 49%,#14191d 51%,#272b32)}
.playful{background:radial-gradient(circle at 68% 24%,#f4d894 0 4%,transparent 5%),linear-gradient(145deg,#594c74,#b17275 58%,#4e3e4d)}
.void{background:radial-gradient(circle at 52% 32%,#74746a 0 2%,#242521 15%,#030303 55%)}
.paper{background:linear-gradient(100deg,#38312a,#8b7b68 49%,#3a332c 50%,#171511)}
.shelfWood{height:24px;background:linear-gradient(#6f512f,#2f1e10 45%,#0b0805);box-shadow:0 22px 28px #000}
.emptyLibrary{min-height:720px}.emptyShelf{max-width:1400px;height:360px;margin:75px auto 0;position:relative;display:grid;place-items:center;overflow:hidden;border-left:1px solid #201f1c;border-right:1px solid #201f1c;background:linear-gradient(90deg,#080908,#12130f 48%,#080908)}.emptyShelf:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 198px,#ffffff05 199px,#00000055 200px)}.emptyGlow{position:absolute;width:360px;height:230px;background:radial-gradient(ellipse,#b99a5d12,transparent 68%)}.emptyMessage{position:relative;text-align:center;color:#817d73}.emptyMessage span{display:block;color:#b99a5d;font-size:14px;margin-bottom:24px}.emptyMessage p{font:italic 20px/1.55 Georgia,serif;margin:0}.emptyLibrary>.shelfWood{max-width:1400px;margin:auto}
.collectionShelf{max-width:1400px;min-height:520px;margin:75px auto 0;position:relative;display:grid;place-items:end center;overflow:hidden;border-left:1px solid #201f1c;border-right:1px solid #201f1c;background:linear-gradient(90deg,#070807,#12130f 48%,#070807)}
.collectionShelf:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 198px,#ffffff05 199px,#00000055 200px)}
.shelfAura{position:absolute;left:50%;bottom:-55px;transform:translateX(-50%);width:min(760px,80vw);height:430px;background:radial-gradient(ellipse at center bottom,#d1ad5f26 0,transparent 67%);filter:blur(2px)}
.libraryBook{width:min(690px,72vw);position:relative;z-index:1;margin-bottom:34px;text-decoration:none;display:block;perspective:1200px;transition:transform .5s ease,filter .5s ease;filter:drop-shadow(0 25px 24px #000)}
.libraryBook:hover{transform:translateY(-13px);filter:drop-shadow(0 34px 32px #000)}
.bookVolume{display:block;margin:0 0 12px;text-align:center;color:#9f8654;font-size:8px;letter-spacing:.4em}
.bookCover{display:block;position:relative;aspect-ratio:3/2;background:#17130d;padding:8px 8px 10px;border:1px solid #79643f;box-shadow:inset 9px 0 14px #0009,0 0 0 1px #000;transform:rotateX(2deg)}
.bookCover:before{content:"";position:absolute;z-index:2;inset:8px auto 10px 8px;width:20px;background:linear-gradient(90deg,#0009,transparent);pointer-events:none}
.bookCover:after{content:"";position:absolute;left:7%;right:7%;bottom:-16px;height:16px;background:linear-gradient(#d8c8a6,#716851 28%,#221d15 88%);transform:skewX(-34deg);transform-origin:top;box-shadow:0 9px 14px #000c}
.bookCover img{display:block;width:100%;height:100%;object-fit:cover}
.bookCaption{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:31px 5px 0;color:#d8d1c2}
.bookCaption>span{display:flex;flex-direction:column}.bookCaption b{font:400 25px/1.1 Georgia,serif}.bookCaption i{font:italic 15px/1.5 Georgia,serif;color:#a29e94}
.bookCaption small{font-size:8px;letter-spacing:.25em;color:#b99a5d;white-space:nowrap;padding-bottom:4px}.bookCaption small b{font:14px Georgia,serif}
.library>.shelfWood{max-width:1400px;margin:auto}
.spotlight{max-width:1200px;margin:140px auto 0;display:grid;grid-template-columns:400px 1fr;gap:10vw;align-items:center}
.featuredCover{height:550px;padding:36px 38px;box-shadow:-22px 28px 50px #000b,inset 8px 0 10px #0008;display:flex;flex-direction:column;position:relative;border:1px solid #9f865933}
.featuredCover>span{font-size:8px;letter-spacing:.28em}
.featuredCover h3{font:40px/.98 Georgia,serif;margin:auto 0 18px}
.featuredCover>i{color:#d3b46e}
.featuredCover>p{font:italic 17px/1.4 Georgia,serif;margin:18px 0 auto;max-width:250px}
.featuredCover>small{font-size:8px;letter-spacing:.25em}
.bookInfo h2{font:400 clamp(40px,5vw,70px)/.95 Georgia,serif;margin:0 0 25px}
.quote{font:italic 21px Georgia,serif;color:#c6a76a}
.blurb{color:#aaa79f;font-size:16px;line-height:1.8;max-width:580px}
.meta{display:flex;gap:28px;margin:35px 0;color:#bbb7ad}
.meta span{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.08em}
.openBook{border:1px solid #b99a5d;background:transparent;padding:17px 22px;display:flex;align-items:center;gap:48px;font-size:10px;letter-spacing:.2em;cursor:pointer}
.openBook:hover{background:#b99a5d;color:#0b0b09}
footer{min-height:210px;border-top:1px solid #282923;display:flex;align-items:center;justify-content:space-between;padding:50px 5vw;background:#080908;color:#77756e}
footer .brand{color:#9c8455}
footer p{font:italic 15px Georgia,serif}
footer>small{font-size:8px;letter-spacing:.2em}

@media(max-width:900px){.topbar{height:80px;grid-template-columns:44px 1fr 44px}.topbar>.brand{justify-self:center;text-align:center}
.menuButton{display:block;border:0;background:none;justify-self:start}
.mainnav{position:fixed;inset:0;background:#0a0b0a;flex-direction:column;justify-content:center;align-items:center;z-index:20;transform:translateX(-100%);transition:.3s}
.mainnav.open{transform:none}
.mainnav a{font:22px Georgia,serif}
.close{display:block;position:absolute;right:25px;top:25px;border:0;background:none}
.intro{min-height:590px;padding:110px 7vw 80px}
.intro:before{font-size:400px;right:-20vw;top:90px}
.introLine{margin-left:4vw}
.sectionHead{align-items:start}
.sectionHead>p{display:none}
.filters{margin:40px auto 50px}
.shelfBooks{justify-content:flex-start}
.spotlight{grid-template-columns:280px 1fr;gap:8vw}
.featuredCover{height:410px;padding:25px}
.featuredCover h3{font-size:29px}
}

@media(max-width:650px){.brand span{font-size:19px}
.search{visibility:hidden}
.intro h1{font-size:52px}
.introLine{margin-left:0}
.introLine span{width:50px}
.scrollMark{display:none}
.library{padding:75px 20px}
.shelfBooks{padding-inline:14px}
.book{width:130px}
.spotlight{grid-template-columns:1fr;margin-top:90px}
.featuredCover{width:min(80vw,330px);height:460px;margin:auto}
.bookInfo{padding-top:25px}
.meta{flex-direction:column;gap:12px}
footer{flex-direction:column;gap:35px;text-align:center}
.sectionHead h2{font-size:38px}
.collectionShelf{min-height:390px;margin-top:50px}.libraryBook{width:88vw;margin-bottom:26px}.bookCover{padding:5px 5px 7px}.bookCover:after{bottom:-11px;height:11px}.bookCaption{padding-top:24px;gap:12px}.bookCaption b{font-size:20px}.bookCaption i{font-size:13px}.bookCaption small{font-size:7px;letter-spacing:.15em}
}

.classifiedLibrary{min-height:940px}.displayShelf{max-width:1400px;height:610px;margin:65px auto 0;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-left:1px solid #201f1c;border-right:1px solid #201f1c;background:radial-gradient(ellipse at 50% 75%,#b99a5d12,transparent 44%),linear-gradient(90deg,#080908,#12130f 48%,#080908)}.displayShelf:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 279px,#ffffff04 280px)}.displayBooks{position:relative;z-index:1;width:min(900px,92%);height:100%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(34px,6vw,90px)}.displayBook{width:clamp(245px,26vw,335px);height:555px;position:relative;display:flex;align-items:flex-end;justify-content:center;border:0;background:transparent;padding:0;cursor:pointer;transition:transform .35s ease,filter .35s ease;filter:drop-shadow(20px 22px 20px #000b)}.displayBook:hover{transform:translateY(-12px);filter:drop-shadow(25px 30px 26px #000)}.displayBook img{width:100%;height:500px;object-fit:contain;object-position:center bottom}.usaBook{width:clamp(220px,24vw,310px)}.usaBook img{height:460px}.coverTitle{position:absolute;z-index:2;left:27%;right:8%;top:36%;text-align:center;color:#f2ead9;text-shadow:0 2px 14px #000,0 1px 3px #000}.coverTitle small{display:block;font-size:7px;letter-spacing:.28em;margin-bottom:16px}.coverTitle strong{display:block;font:400 clamp(20px,2.2vw,31px)/1 Georgia,serif;letter-spacing:.06em}.coverTitle i{display:block;font:italic 11px/1.4 Georgia,serif;margin-top:13px}.usaBook .coverTitle{top:39%;left:28%}.bookCaption{position:absolute;left:12%;right:2%;bottom:8px;display:flex;align-items:center;gap:14px;text-align:left;transform:translateY(72px);opacity:0;transition:.35s}.displayBook:hover .bookCaption,.displayBook:focus-visible .bookCaption{transform:translateY(58px);opacity:1}.bookCaption>b{font:26px Georgia,serif;color:#6f685b}.bookCaption span{display:flex;flex-direction:column}.bookCaption strong{font:17px Georgia,serif}.bookCaption small{font-size:9px;letter-spacing:.18em;color:#9c988e;text-transform:uppercase;margin-top:4px}.classifiedLibrary>.shelfWood{max-width:1400px;margin:auto}

@media(max-width:650px){.classifiedLibrary{min-height:820px}.displayShelf{height:500px;margin-top:45px;overflow-x:auto;justify-content:flex-start}.displayBooks{width:max-content;min-width:100%;padding:0 25px;gap:20px}.displayBook{width:230px;height:460px}.displayBook img{height:410px}.usaBook{width:215px}.usaBook img{height:380px}.coverTitle{top:35%}.usaBook .coverTitle{top:38%}.bookCaption{display:none}}

.displayBook img{filter:grayscale(.82) sepia(.38) brightness(.42) contrast(1.35)}.coverTitle{color:#d3b46f}.spineTitle{position:absolute;z-index:3;left:9.5%;top:34%;height:42%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#c9a761;writing-mode:vertical-rl;transform:rotate(180deg);text-shadow:0 2px 8px #000}.spineTitle strong{font:15px Georgia,serif;letter-spacing:.14em}.spineTitle small{font-size:6px;letter-spacing:.22em}.usaBook .spineTitle{left:9%;top:37%;height:38%}

.spineTitle{left:10.3%;top:35%;height:39%;padding:5px 1px;color:#a9843f;background:linear-gradient(90deg,#5a3a0e 0%,#c69a46 18%,#f1d58b 43%,#9d6e27 70%,#efd081 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 -1px 0 #2a1808,0 1px 0 #f5dda040,1px 0 2px #000;filter:drop-shadow(0 1px 1px #000);transform:perspective(420px) rotateY(-12deg) rotate(180deg);transform-origin:center}.spineTitle strong{font-size:14px;font-weight:500;letter-spacing:.16em}.spineTitle small{font-size:5.5px;font-weight:600;letter-spacing:.24em;opacity:.86}.usaBook .spineTitle{left:9.8%;top:38%;height:35%;transform:perspective(420px) rotateY(-10deg) rotate(180deg)}

.spineTitle{left:7.8%;top:22%;width:10.5%;height:59%;padding:0;justify-content:center;overflow:visible;transform:perspective(360px) rotateY(-18deg) rotateZ(-.7deg) rotate(180deg);transform-origin:center center}.spineTitle strong{font-size:18px;line-height:1;font-weight:500;letter-spacing:.12em}.spineTitle small{position:absolute;bottom:0;font-size:6px;letter-spacing:.18em}.usaBook .spineTitle{left:7.3%;top:24%;width:10.5%;height:55%;transform:perspective(360px) rotateY(-16deg) rotateZ(-.4deg) rotate(180deg)}.usaBook .spineTitle strong{font-size:16px;letter-spacing:.1em}

@media(max-width:650px){.spineTitle{left:7.6%;top:24%;width:10.5%;height:55%}.spineTitle strong{font-size:15px}.usaBook .spineTitle{left:7.1%;top:26%;height:51%}.usaBook .spineTitle strong{font-size:13px}}

.coverTitle{transform:rotate(-5.8deg);transform-origin:center center}.usaBook .coverTitle{transform:rotate(-4deg)}.spineTitle{left:7.8%;top:22%;width:10.5%;height:59%;display:block;writing-mode:horizontal-tb;transform:perspective(360px) rotateY(-14deg) rotateZ(.35deg);transform-origin:center center}.spineTitle strong{position:absolute;left:50%;top:50%;font-size:20px;line-height:1;writing-mode:vertical-rl;transform:translate(-50%,-50%) rotate(180deg)}.spineTitle small{position:absolute;left:50%;bottom:3%;font-size:5px;line-height:1;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg)}.usaBook .spineTitle{left:7.3%;top:24%;width:10.5%;height:55%;transform:perspective(360px) rotateY(-12deg) rotateZ(.2deg)}.usaBook .spineTitle strong{font-size:18px}

@media(max-width:650px){.coverTitle{transform:rotate(-5.8deg)}.usaBook .coverTitle{transform:rotate(-4deg)}.spineTitle strong{font-size:17px}.usaBook .spineTitle strong{font-size:15px}}

.spineTitle strong,.usaBook .spineTitle strong{left:50%;top:50%;font-size:20px;line-height:1;writing-mode:horizontal-tb;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg)}.usaBook .spineTitle strong{font-size:18px}.spineTitle small{display:none}

@media(max-width:650px){.spineTitle strong{font-size:17px}.usaBook .spineTitle strong{font-size:15px}}

.spineTitle{top:29%;height:68%;transform:rotateZ(.35deg);filter:none}.usaBook .spineTitle{top:30%;height:66%;transform:rotateZ(.2deg)}

@media(max-width:650px){.spineTitle{top:29%;height:68%}.usaBook .spineTitle{top:30%;height:66%}}

.spineTitle,.usaBook .spineTitle{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:initial;text-shadow:none;color:inherit}.spineTitle strong,.usaBook .spineTitle strong{color:#a9843f;background:linear-gradient(90deg,#5a3a0e 0%,#c69a46 18%,#f1d58b 43%,#9d6e27 70%,#efd081 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 -1px 0 #2a1808,0 1px 0 #f5dda040,1px 0 2px #000}

.usaBook{width:clamp(245px,26vw,335px)}.usaBook img{height:500px}

@media(max-width:650px){.usaBook{width:230px}.usaBook img{height:410px}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}
.bookNotice{position:fixed;z-index:100;left:50%;bottom:22px;transform:translateX(-50%);max-width:min(92vw,620px);padding:14px 20px;border:1px solid var(--gold);background:#111;color:#eee9df;box-shadow:0 12px 38px #000;font:12px/1.5 Arial,sans-serif;text-align:center}.mainnav .close{color:#c5a667}.search{text-decoration:none;font-size:24px}

/* Three-volume presentation: equal height, variable visual weight, clear spines. */
.displayBooks{width:min(1120px,96%);gap:clamp(18px,3.5vw,54px)}
.displayBook,.usaBook,.buildersBook{width:clamp(230px,23vw,315px)}
.displayBook img,.usaBook img,.buildersBook img{height:500px}
.buildersBook img{filter:grayscale(.55) sepia(.25) brightness(.76) contrast(1.18);transform:translateY(24px)}
.buildersBook .bookCaption{left:9%;bottom:-16px}
.buildersBook .bookCaption strong{font-size:15px}
@media(max-width:650px){.displayBook,.usaBook,.buildersBook{width:230px}.displayBook img,.usaBook img,.buildersBook img{height:410px}.buildersBook img{transform:translateY(20px)}}

/* Warm gallery light and personal objects for the Cyphera shelf. */
.displayShelf:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 24% 58%,#e9bd6530 0,transparent 25%),radial-gradient(ellipse at 50% 56%,#f1c96d2b 0,transparent 26%),radial-gradient(ellipse at 76% 58%,#e6b85c30 0,transparent 25%);filter:blur(5px)}
.displayBooks{z-index:2}
.displayBook>img,.usaBook>img{filter:grayscale(.58) sepia(.3) brightness(.7) contrast(1.2) saturate(.88) drop-shadow(0 0 12px #c99b4630)}
.buildersBook>img{filter:grayscale(.42) sepia(.24) brightness(.9) contrast(1.12) saturate(.92) drop-shadow(0 0 13px #d2a45135)}
.shelfGlobe,.shelfCandlesticks{position:absolute;z-index:1;pointer-events:none;user-select:none;mix-blend-mode:screen}
.shelfGlobe{left:-18px;bottom:4px;width:280px;height:500px;object-fit:cover;object-position:center bottom;opacity:.88;filter:brightness(.82) contrast(1.15) sepia(.06);mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 85%,transparent 100%)}
.shelfCandlesticks{right:-10px;bottom:4px;width:215px;height:500px;object-fit:cover;object-position:center bottom;opacity:.86;filter:brightness(.82) contrast(1.12) sepia(.08);mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 82%,transparent 100%)}

@media(max-width:900px){.shelfGlobe{left:-25px;width:210px;height:430px;opacity:.72}.shelfCandlesticks{right:-18px;width:175px;height:430px;opacity:.72}}
@media(max-width:650px){.shelfGlobe{left:-34px;bottom:0;width:165px;height:390px;opacity:.58}.shelfCandlesticks{right:-28px;bottom:0;width:145px;height:390px;opacity:.62}}

/* Second shelf — smaller portrait albums for the children's collection. */
.youthLibrary{padding-top:55px;min-height:760px}.youthLibrary .sectionHead h2 em{font-weight:400;color:#b99a5d}.youthShelf{max-width:1400px;height:485px;margin:60px auto 0;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-left:1px solid #201f1c;border-right:1px solid #201f1c;background:radial-gradient(ellipse at 50% 74%,#d5ad5c20 0,transparent 43%),linear-gradient(90deg,#080908,#13140f 48%,#080908)}.youthShelf:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 279px,#ffffff04 280px)}.youthBooks{position:relative;z-index:1;width:min(720px,88%);height:100%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(75px,10vw,155px)}.youthBook{width:250px;height:440px;position:relative;display:flex;align-items:flex-end;justify-content:center;color:#d8d1c2;text-decoration:none;perspective:1200px;transition:transform .35s ease,filter .35s ease;filter:drop-shadow(17px 20px 17px #000b)}.youthBook:hover{transform:translateY(-10px);filter:drop-shadow(22px 27px 22px #000)}.youthBookShell{position:absolute;left:20px;bottom:40px;width:218px;height:327px;display:block;background:#17130d;border:1px solid #9f865955;box-shadow:inset 10px 0 14px #0007,0 0 0 1px #000,13px 18px 30px #000c;transform:rotateY(-8deg);transform-origin:left center}.youthBookShell:before{content:"";position:absolute;z-index:-1;left:-17px;top:2px;width:18px;height:323px;background:linear-gradient(90deg,#15120d,#6c5126 45%,#17130e);border:1px solid #8f713c;transform-origin:right center;transform:rotateY(-28deg)}.youthBookShell:after{content:"";position:absolute;left:7px;right:-3px;bottom:-8px;height:8px;background:linear-gradient(#e4d8bb,#776d57 38%,#1a1711);transform:skewX(-34deg);transform-origin:top}.youthBookShell img{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.88) contrast(1.06) saturate(.9)}.youthCaption{position:absolute;left:12px;right:0;bottom:0;display:flex;align-items:flex-end;gap:12px;opacity:0;transform:translateY(18px);transition:.35s}.youthBook:hover .youthCaption,.youthBook:focus-visible .youthCaption{opacity:1;transform:none}.youthCaption>b{font:24px Georgia,serif;color:#756b58}.youthCaption>span{display:flex;flex-direction:column}.youthCaption strong{font:15px/1.15 Georgia,serif}.youthCaption small{margin-top:5px;color:#b99a5d;font-size:8px;letter-spacing:.17em;text-transform:uppercase}.youthLibrary>.shelfWood{max-width:1400px;margin:auto}

@media(max-width:650px){.youthLibrary{min-height:650px}.youthShelf{height:430px;margin-top:42px;overflow-x:auto;justify-content:flex-start}.youthBooks{width:max-content;min-width:100%;padding:0 30px;gap:30px}.youthBook{width:205px;height:390px}.youthBookShell{left:15px;bottom:32px;width:180px;height:270px}.youthBookShell:before{height:266px}.youthCaption{display:none}}

/* Three-volume youth shelf. */
@media(min-width:1401px){.youthBooks{width:min(1380px,98%);gap:12px}.youthBook{width:185px}.youthBookShell{left:14px;width:162px;height:300px}}
@media(min-width:651px) and (max-width:1400px){.youthShelf{overflow-x:auto;justify-content:flex-start}.youthBooks{width:max-content;min-width:100%;padding:0 35px;gap:40px}}

/* Complete seven-volume collection: one balanced, readable row. */
@media(min-width:1201px){
  .youthLibrary{min-height:790px}
  .youthShelf{height:510px;overflow:hidden;justify-content:center;padding:0 14px}
  .youthBooks{width:min(1360px,100%);min-width:0;padding:0;gap:clamp(8px,1.15vw,18px);justify-content:center}
  .youthBook{width:clamp(112px,12.2vw,178px);height:450px;flex:0 1 178px;filter:drop-shadow(10px 18px 13px #000c)}
  .youthBookShell{left:50%;bottom:76px;width:calc(100% - 14px);height:auto;aspect-ratio:2/3;transform:translateX(-50%) rotateY(-6deg);box-shadow:inset 7px 0 11px #0008,0 0 0 1px #000,10px 15px 24px #000c}
  .youthBookShell:before{left:-11px;width:12px;height:calc(100% - 4px)}
  .youthCaption{left:3px;right:3px;bottom:8px;min-height:58px;padding:9px 8px 8px;gap:8px;opacity:1;transform:none;align-items:center;background:linear-gradient(90deg,#11120fe8,#1c1a14d9);border-top:1px solid #806d4755}
  .youthCaption>b{min-width:22px;padding-right:7px;border-right:1px solid #6f5d3c;font-size:clamp(16px,1.25vw,20px);line-height:1;color:#b99a5d}
  .youthCaption>span{min-width:0;justify-content:center}
  .youthCaption strong{font-size:clamp(11px,.9vw,13px);line-height:1.2;color:#eee6d7}
  .youthCaption small{margin-top:4px;font-size:8px;letter-spacing:.1em;color:#c4a86e}
}

@media(min-width:651px) and (max-width:1200px){
  .youthShelf{height:475px;overflow-x:auto;justify-content:flex-start}
  .youthBooks{width:max-content;min-width:100%;padding:0 28px;gap:24px}
  .youthBook{width:180px;height:430px}
  .youthBookShell{left:12px;bottom:68px;width:158px;height:237px}
  .youthBookShell:before{height:233px}
  .youthCaption{left:3px;right:3px;bottom:8px;min-height:58px;padding:9px 8px;gap:8px;opacity:1;transform:none;align-items:center;background:linear-gradient(90deg,#11120fe8,#1c1a14d9);border-top:1px solid #806d4755}
  .youthCaption>b{min-width:23px;padding-right:7px;border-right:1px solid #6f5d3c;font-size:18px;color:#b99a5d}
  .youthCaption strong{font-size:12px;line-height:1.2;color:#eee6d7}
  .youthCaption small{font-size:8px;letter-spacing:.1em;color:#c4a86e}
}

@media(max-width:650px){
  .youthLibrary{min-height:700px}
  .youthShelf{height:480px}
  .youthBook{height:440px}
  .youthBookShell{bottom:84px}
  .youthCaption{display:flex;left:4px;right:4px;bottom:10px;min-height:60px;padding:9px 8px;gap:8px;opacity:1;transform:none;align-items:center;background:linear-gradient(90deg,#11120fe8,#1c1a14d9);border-top:1px solid #806d4755}
  .youthCaption>b{min-width:23px;padding-right:7px;border-right:1px solid #6f5d3c;font-size:18px;color:#b99a5d}
  .youthCaption strong{font-size:12px;line-height:1.2;color:#eee6d7}
  .youthCaption small{font-size:8px;letter-spacing:.1em;color:#c4a86e}
}

/* Le Studio — an intimate editorial portrait of Cyphera. */
.mainnav a.active{color:#d4bb82;position:relative}.mainnav a.active:after{content:"";position:absolute;left:0;right:.17em;bottom:-12px;height:1px;background:#9f834f}
.studioBackIcon{justify-self:end;color:#c7c4bb}.studioPage{background:#080908}.studioHero{min-height:calc(100vh - 96px);position:relative;display:flex;align-items:center;padding:9vw 8vw;overflow:hidden;background-image:linear-gradient(90deg,#050605 0%,#050605e6 33%,#05060578 59%,#05060525 100%),linear-gradient(0deg,#080908 0%,transparent 44%),url('images/bibliotheque-mondes-sensibles-hero.png');background-size:cover;background-position:center}.studioHero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 51%,transparent 0 17%,#0002 50%,#0009 100%)}.studioHero:after{content:"";position:absolute;left:8vw;top:9%;bottom:9%;width:1px;background:linear-gradient(transparent,#806b43 16%,#806b43 84%,transparent)}.studioHeroCopy{position:relative;z-index:1;margin-left:4vw}.studioHero h1{font:400 clamp(62px,7.1vw,112px)/.88 Georgia,serif;letter-spacing:-.05em;margin:0;text-shadow:0 5px 35px #000}.studioHero h1 em,.studioManifesto h2 em,.studioProcess h2 em,.signatureCopy h2 em,.studioClosing h2 em{font-weight:400;color:#b99a5d}.studioLead{font:italic 18px/1.7 Georgia,serif;color:#bdb8ac;margin:40px 0 0 14vw}.studioMotto{position:absolute;z-index:1;right:5vw;bottom:8%;font:italic 14px Georgia,serif;color:#9f9a90;writing-mode:vertical-rl}.studioHeroIndex{position:absolute;z-index:1;left:5vw;bottom:5%;font-size:8px;letter-spacing:.28em;color:#79766e}
.studioManifesto,.studioUnivers,.studioProcess,.studioSignature{max-width:1440px;margin:auto;padding:130px 8vw}.studioManifesto{display:grid;grid-template-columns:190px minmax(0,850px);justify-content:space-between;border-bottom:1px solid #292923}.studioSectionLabel{display:flex;align-items:flex-start;gap:16px;color:#9d8351}.studioSectionLabel span{font:18px Georgia,serif}.studioSectionLabel p{font-size:9px;letter-spacing:.3em;margin:5px 0 0}.studioManifestoText h2,.studioProcess h2,.signatureCopy h2{font:400 clamp(46px,5.2vw,76px)/.98 Georgia,serif;letter-spacing:-.035em;margin:0 0 45px}.studioManifestoText>p{max-width:680px;color:#aaa69c;font-size:17px;line-height:1.9}.studioManifestoText blockquote{max-width:720px;margin:62px 0 0;padding:4px 0 4px 35px;border-left:1px solid #987c49;font:italic 24px/1.55 Georgia,serif;color:#d7d0c2}
.studioUnivers{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid #292923}.universeList{border-top:1px solid #302f2a}.universeList article{display:grid;grid-template-columns:70px minmax(220px,.75fr) 1fr;align-items:center;gap:30px;padding:32px 0;border-bottom:1px solid #302f2a}.universeList article>span{font:18px Georgia,serif;color:#6d675b}.universeList h3{font:400 26px/1.15 Georgia,serif;margin:0}.universeList p{margin:0;color:#928f87;font-size:15px;line-height:1.65}.universeList article:hover h3{color:#d1b676}.universeList article:hover>span{color:#b99a5d}
.studioProcess{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:radial-gradient(circle at 18% 45%,#b99a5d0c,transparent 31%)}.studioProcessIntro>.studioSectionLabel{margin-bottom:55px}.studioProcessIntro>p{font:italic 17px/1.7 Georgia,serif;color:#99958b;max-width:360px}.processSteps{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #38362f;border-top:1px solid #38362f}.processSteps article{min-height:240px;padding:36px;border-right:1px solid #38362f;border-bottom:1px solid #38362f}.processSteps span{font:italic 16px Georgia,serif;color:#b99a5d}.processSteps h3{font:400 27px Georgia,serif;margin:42px 0 14px}.processSteps p{font-size:14px;line-height:1.75;color:#929087;margin:0}
.studioSignature{max-width:none;padding-left:0;padding-right:0;display:grid;grid-template-columns:46% minmax(0,620px);gap:8vw;align-items:stretch;background:#0c0d0c;border-top:1px solid #292923}.signatureImage{min-height:700px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 60%,#a77e3425,transparent 55%),#070807}.signatureImage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#0c0d0c),linear-gradient(0deg,#0c0d0c,transparent 30%)}.signatureImage img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.65) contrast(1.2) sepia(.15);mix-blend-mode:screen}.signatureCopy{padding:70px 6vw 70px 0;align-self:center}.signatureCopy>.studioSectionLabel{margin-bottom:55px}.signatureCopy>p{font-size:16px;line-height:1.85;color:#aaa69c}.signatureValues{display:flex;align-items:center;gap:18px;margin-top:48px;color:#c5a667;font-size:9px;letter-spacing:.27em}.signatureValues i{color:#5c5548}
.studioClosing{text-align:center;padding:145px 6vw 155px;background:radial-gradient(ellipse at 50% 50%,#b99a5d12,transparent 50%)}.studioClosing h2{font:400 clamp(40px,4.8vw,68px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 auto 55px}.studioClosing a{width:max-content;margin:auto;display:flex;align-items:center;gap:34px;padding:16px 20px;border-bottom:1px solid #a98b51;text-decoration:none;color:#d5cbb9;font-size:9px;letter-spacing:.22em}.studioClosing a:hover{color:#d8ba78}
@media(max-width:900px){.studioHero{min-height:700px}.studioManifesto,.studioUnivers{grid-template-columns:1fr;gap:55px}.studioProcess{grid-template-columns:1fr;gap:65px}.studioSignature{grid-template-columns:1fr}.signatureImage{min-height:500px}.signatureCopy{padding:55px 8vw 90px}.universeList article{grid-template-columns:55px minmax(180px,.8fr) 1fr}.studioBackIcon{justify-self:end}}
@media(max-width:650px){.studioHero{min-height:610px;padding:100px 9vw 70px;background-position:62% center}.studioHero:after{left:6vw}.studioHeroCopy{margin-left:0}.studioHero h1{font-size:54px}.studioLead{margin-left:0;font-size:16px}.studioMotto{display:none}.studioHeroIndex{left:9vw}.studioManifesto,.studioUnivers,.studioProcess{padding:90px 24px}.studioManifestoText blockquote{font-size:20px;padding-left:22px;margin-top:45px}.universeList article{grid-template-columns:38px 1fr;gap:14px 12px;padding:26px 0}.universeList article p{grid-column:2}.processSteps{grid-template-columns:1fr}.processSteps article{min-height:210px;padding:30px}.signatureImage{min-height:390px}.signatureCopy{padding:65px 24px 90px}.signatureValues{gap:9px;letter-spacing:.16em}.studioClosing{padding:105px 24px 115px}.studioClosing a{gap:15px}.mainnav a.active:after{bottom:-8px}}

.studioVisionBody{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr);gap:clamp(38px,5vw,75px);max-width:820px;align-items:start}
.studioVisionBody p{margin:0;color:#aaa69c;font-size:17px;line-height:1.9}
.studioVisionBody p:first-child{font:italic 23px/1.55 Georgia,serif;color:#d7d0c2;padding-left:28px;border-left:1px solid #987c49}
.studioVisionBody p:last-child{padding-top:3px}
@media(max-width:650px){.studioVisionBody{grid-template-columns:1fr;gap:30px}.studioVisionBody p:first-child{font-size:20px;padding-left:22px}}