/* v7 — light oak, ivory, fuchsia and cobalt, inspired by the supplied references. */
:root{--paper:#f7f3eb;--ink:#191b22;--red:#ae075e;--pink:#d50d83;--blue:#2540a4;--muted:#68645f;--line:#dcd5c9;--oak:#dfc6a2}
body{background:var(--paper);color:var(--ink);font-size:16px}
::selection{background:var(--pink);color:white}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
[hidden]{display:none!important}
.wrap{width:min(89%,1240px)}
h1,h2,h3{color:inherit}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{min-height:96px}
.wordmark{color:var(--ink);font-size:1.8rem}
.brand-dot{color:var(--pink)}
.main-nav a{color:#565450;font-size:.875rem}
.main-nav a:hover,.main-nav a[aria-current]{color:var(--blue)}
.main-nav a[aria-current]:after{background:var(--pink)}
.header-follow{background:transparent;border-color:#bdb5a8;color:var(--ink);font-size:.875rem}
.header-follow:hover{background:#ebe1d2;border-color:#a68a64}
.eyebrow{font-size:.875rem;letter-spacing:.07em;font-weight:600;color:#645e56;margin-bottom:22px;line-height:1.5}
.status-dot{display:inline-block;width:8px;height:8px;background:var(--pink);border-radius:50%;margin-right:8px}
.pill-button{background:var(--blue);border-color:var(--blue);color:white;font-size:.875rem;min-height:52px;padding:14px 24px;gap:20px}
.pill-button:hover{background:#193183;border-color:#193183;transform:translateY(-2px)}
.subtle-link{font-size:.875rem;color:#3b3935;border-color:#aaa091;font-weight:600}
.subtle-link:hover{color:var(--pink);border-color:var(--pink)}
.pop-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:6%;align-items:center;padding-block:62px 70px}
.pop-hero-copy{padding-bottom:12px}
.pop-hero h1{font-size:clamp(4.3rem,7.8vw,7.3rem);font-weight:600;line-height:.96;letter-spacing:-.075em;margin:0 0 27px}
.pop-hero h1>span{color:var(--pink)}
.hero-line{font-size:clamp(1.125rem,1.6vw,1.4rem);line-height:1.6;color:#55514c;margin:0 0 28px}
.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px}
.hero-actions>.subtle-link{border:0;font-weight:400}
.hero-signature{font-size:.875rem;color:#756d62;margin:24px 0 0}
.pop-cabinet{position:relative;margin:0;min-width:0}
.cabinet-art{position:relative;padding:12px;border:1px solid #c2a279;border-radius:10px;background:#dbc09c;box-shadow:inset 0 0 0 4px #e6d2b6,0 16px 38px #9a734019;overflow:hidden}
.cabinet-room{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:center;display:block;border-radius:3px}
.cabinet-label{position:absolute;right:27px;top:27px;background:#fff9eccf;border:1px solid #fff6e6;padding:10px 14px;border-radius:30px;font-size:.875rem;color:#423c32}
.pop-cabinet figcaption{font-size:.75rem;color:#746b5d;text-align:right;line-height:1.5;margin-top:12px}
.hero-character{position:absolute;width:136px;left:-32px;bottom:51px;border:7px solid var(--paper);border-radius:25px;background:var(--paper);box-shadow:0 12px 24px #1d16302b;transform:rotate(-8deg);transition:transform .25s}
.hero-character:hover{transform:rotate(-3deg) translateY(-3px)}
.hero-character>img{display:block;width:100%;height:auto;border-radius:17px}
.hero-character>span{display:flex;justify-content:space-between;padding:9px 4px 2px;font-size:.875rem;font-weight:700;color:var(--blue)}
.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chapter-nav>a{display:flex;align-items:center;gap:14px;padding:22px 20px;font-size:.875rem;font-weight:600}
.chapter-nav>a:first-child{padding-left:0}
.chapter-nav>a+a{border-left:1px solid var(--line)}
.chapter-nav>a>span{font-size:.75rem;color:var(--pink)}
.chapter-nav>a>b{margin-left:auto;font-weight:400;color:#766f64}
.chapter-nav>a:hover{color:var(--blue);background:#ece4d6}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:36px}
.section-heading h2,.character-copy h2,.follow-section h2{font-size:clamp(2.6rem,4.4vw,4.25rem);font-weight:600;line-height:1.04;letter-spacing:-.065em;margin:0}
.section-heading h2 span,.character-copy h2 span,.follow-section h2 span{color:var(--pink)}
.section-heading>.subtle-link{flex-shrink:0;margin-bottom:6px}
.section-heading>p{font-size:1rem;line-height:1.7;color:#655f57;margin:0 0 5px}
.sound-section{padding-block:82px 88px}
.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}
.sound-feature{background:var(--blue);color:#fff9ec;padding:28px 32px;border-radius:7px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;transition:background .2s}
.sound-feature:hover{background:#1c338c}
.sound-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#e2e8ff}
.sound-feature>strong{font-size:clamp(3.3rem,5.5vw,5rem);font-weight:600;letter-spacing:-.065em;line-height:.98;margin-block:27px}
.sound-period{color:#ff73bd}
.sound-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.875rem}
.sound-play{width:46px;height:46px;display:grid;place-items:center;border:1px solid #f6f3ec88;border-radius:50%;font-size:.875rem;flex-shrink:0}
.sound-stack{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.sound-row{display:flex;align-items:center;gap:23px;padding:26px 0;border-bottom:1px solid var(--line)}
.sound-row:first-child{padding-top:14px}
.sound-row>span:nth-child(2){display:flex;flex-direction:column;gap:8px}
.sound-index{color:#948574;font-size:.875rem}
.sound-row small{font-size:.75rem;color:var(--pink);font-weight:600}
.sound-row strong{font-size:1.6rem;font-weight:600;letter-spacing:-.04em}
.sound-row>span>span{font-size:.875rem;color:#686158}
.sound-row>b{font-size:1.3rem;font-weight:400;margin-left:auto;color:var(--blue)}
.sound-row:hover strong{color:var(--pink)}
.sound-platforms{display:flex;flex-wrap:wrap;gap:16px 25px;padding-top:25px;font-size:.875rem}
.sound-platforms>a{border-bottom:1px solid #b6aa98;padding:6px 0;color:#5c5549}
.character-section{background:#ebe1d3;padding-block:64px;border-block:1px solid #e0d3bf}
.character-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.character-visual{position:relative;min-height:460px;background:var(--blue);border-radius:7px;overflow:hidden;padding:26px 28px}
.character-caption{position:relative;z-index:2;font-size:.875rem;color:#edf0ff}
.character-name{position:absolute;top:68px;left:25px;color:#6575c7;font-size:clamp(5rem,10vw,9rem);font-weight:700;line-height:.78;letter-spacing:-.085em}
.character-visual>img{position:absolute;right:8%;bottom:40px;width:65%;height:auto;border-radius:50% 50% 18% 18%;border:6px solid #f6f1e8;transform:rotate(8deg);box-shadow:0 9px 30px #00145238}
.character-stamp{position:absolute;left:25px;bottom:24px;background:#f9d4e7;color:#671348;font-size:.875rem;font-weight:600;padding:12px 16px;transform:rotate(-5deg);border-radius:4px}
.character-copy h2{font-size:clamp(2.4rem,4.2vw,3.8rem)}
.character-copy>p:not(.eyebrow){font-size:1rem;color:#5b5145;line-height:1.8;max-width:440px;margin-block:25px}
.character-copy .pill-button{background:var(--ink);border-color:var(--ink)}
.character-copy .pill-button:hover{background:#373844}
.character-topics{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.character-topics>span{border:1px solid #c8b59b;border-radius:30px;padding:6px 13px;font-size:.75rem;color:#655643}
.places-section{padding-block:90px 70px}
.france-atlas{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);border:1px solid #d6ccbd;border-radius:8px;overflow:hidden;background:#fffaf1;align-items:stretch}
.france-board{position:relative;aspect-ratio:1/1;align-self:start;background:#e9eaf1;isolation:isolate;overflow:hidden;min-width:0}
.france-geography{display:block;width:100%;height:100%}
.map-neighbour{fill:#d9d9de;stroke:#efeff3;stroke-width:1.2}
.map-france{fill:#fcf7ec;stroke:#b4ad9f;stroke-width:1.3}
.map-leader{fill:none;stroke:#a70964;stroke-width:1.5}
.map-exact-dot{fill:var(--pink);stroke:#fff6e9;stroke-width:1.5}
.map-country-name{position:absolute;z-index:1;left:36%;top:43%;font-size:clamp(1.25rem,2vw,2rem);font-weight:600;letter-spacing:-.055em;color:#afa590;pointer-events:none}
.map-credit{position:absolute;left:18px;bottom:16px;z-index:2;font-size:.75rem;color:#5e627a;border-bottom:1px solid #999dab;background:#e9eaf1da;padding:3px 0}
.france-pin{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:0;transform:translate(-50%,-50%);color:var(--ink);min-width:78px;border-radius:20px;touch-action:manipulation}
.france-pin img{width:70px;height:70px;max-width:none;object-fit:contain;border-radius:20px;border:3px solid #fffaf1;box-shadow:0 5px 13px #36305b29;transition:transform .2s}
.france-pin>span{position:relative;background:#fffaf1;border:1px solid #c8c1b4;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;line-height:1.5;white-space:nowrap;margin-top:-2px}
.france-pin:hover img,.france-pin[aria-expanded=true] img{transform:translateY(-4px);border-color:var(--pink)}
.france-pin[aria-expanded=true]>span{background:var(--pink);border-color:var(--pink);color:white}
.france-panel{border-left:1px solid #d8cfbf;display:flex;flex-direction:column;min-width:0}
.map-region-nav{display:flex;gap:8px;padding:22px 22px 0}
.map-region-nav a{padding:9px 12px;font-size:.875rem;color:#726858;border:1px solid transparent;border-radius:24px}
.map-region-nav a[aria-expanded=true]{color:var(--blue);border-color:#c6cde8;background:#edf0fa}
.map-region-nav a:hover{background:#e8e3d9}
.place-content{padding:27px 26px;flex:1;scroll-margin-top:115px}
.place-content:focus{outline:0}
.place-content:focus-visible{outline:2px solid var(--blue);outline-offset:-5px}
.place-content>.eyebrow{font-size:.75rem;margin-bottom:19px;color:#716650}
.place-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px}
.place-tabs a{font-size:.75rem;padding:9px 10px;border:1px solid #d7cab6;border-radius:6px;color:#70634f}
.place-tabs a[aria-current=true]{background:var(--blue);border-color:var(--blue);color:white}
.place-tabs a:hover{border-color:var(--blue)}
.venue-evidence{font-size:.75rem;line-height:1.5;border-radius:25px;background:#f6e0eb;color:#872450;padding:5px 10px;display:inline-block;margin:0 0 13px}
.place-content h3{font-size:clamp(1.9rem,2.8vw,2.6rem);line-height:1.08;font-weight:600;letter-spacing:-.055em;margin:0 0 16px}
.place-content address{font-style:normal;font-size:1rem;line-height:1.7;color:#645b4e;margin:0 0 17px}
.place-reference{font-size:.875rem;line-height:1.8;color:#6d6559;margin:0 0 22px}
.place-links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px;font-size:.875rem;font-weight:600;color:var(--blue)}
.place-links a{border-bottom:1px solid #a9b4d9;padding-block:4px}
.place-source{display:block;font-size:.75rem;color:#796c58;line-height:1.8;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.place-details-link{margin-top:13px;font-size:.875rem}
.map-editorial-note{border-top:1px solid #e2d9c9;padding:16px 26px;margin:0;color:#80735f;font-size:.75rem;line-height:1.8;background:#f6edde}
.all-places{margin-top:20px}
.map-records{margin-top:38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.map-records .venue-card{border:1px solid var(--line);padding:26px;border-radius:8px;background:#fffaf2}
.venue-card h3{font-size:1.7rem}
.venue-kicker{font-size:.75rem;color:#837562}
.venue-kind{font-size:.875rem;color:#736859}
.venue-actions>a{font-size:.875rem;color:var(--blue)}
.venue-details summary{font-size:.875rem;color:#716350}
.venue-details p,.venue-details address{font-size:1rem;color:#645d52}
.venue-details a{font-size:.875rem;color:#9c2767}
.venue-details .venue-date{font-size:.75rem;color:#80705c}
.map-method{padding:30px 0 50px;font-size:1rem;line-height:1.8;color:#766b5b}
.journal-section{padding-block:28px 78px}
.latest-list{border-color:var(--line)}
.latest-row{padding-block:27px;border-color:var(--line);grid-template-columns:120px minmax(0,1fr) auto 20px;gap:22px}
.latest-category,.latest-date{font-size:.75rem;color:#776e61}
.latest-row h3{font-size:1.125rem;font-weight:600;color:#2a2926;line-height:1.5}
.latest-row:hover h3{color:var(--pink)}
.row-arrow{color:var(--pink)}
.follow-section{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-block:55px 65px}
.follow-section .eyebrow{margin-bottom:15px}
.follow-section h2{font-size:clamp(1.9rem,3vw,2.8rem)}
.follow-links{display:flex;flex-wrap:wrap;gap:20px;font-size:.875rem}
.follow-links>a{padding-block:8px;border-bottom:1px solid #b9a88f;color:#594f40}
.site-footer{background:#1b2452;color:#f9f2e6;border:0}
.site-footer .wordmark{color:#fff8ed}
.site-footer .brand-dot{color:#ff79ba}
.footer-top{padding-block:43px;gap:30px}
.footer-top p{font-size:.875rem;color:#c7cbe0}
.footer-top>.text-link{font-size:.875rem;color:#eee9df;border-color:#727b9f}
.footer-bottom{border-color:#49537d;color:#c2c8df}
.footer-bottom p,.footer-bottom a{font-size:.75rem;color:#c2c8df}
.footer-legal{display:flex;flex-wrap:wrap;gap:16px 28px;padding-bottom:28px;color:#dee0ed;font-size:.75rem}
.footer-legal a{border-bottom:1px solid #68719a;padding-block:5px}
.footer-legal a:hover{color:white;border-color:white}
/* Interior pages keep the same identity and the established editorial content. */
.breadcrumb{width:min(89%,1240px);font-size:.875rem;color:#797065}
.inner-page .page-heading h1{font-weight:600;color:var(--ink)}
.inner-page .eyebrow{color:#756958}
.outlined{color:var(--pink)}
.light{background:#fffaf2}
.page-lead,.article-lead{color:#6d6356}
.prose p,.article-card p,.timeline p{color:#665c50}
.prose p{font-size:1rem}
.source-list .text-link,.text-link{color:var(--blue)}
.prose h2{font-weight:600}
.article-card,.timeline,.timeline li,.catalog-row,.two-reading>a{border-color:var(--line)}
.social-card{background:#fffaf2;border-color:var(--line);border-radius:8px}
.social-card:hover{border-color:#b39569}
.social-code{background:var(--blue);color:white}
.social-card p{color:#685f52}
.copy-handle{font-size:.875rem;color:var(--blue)}
.copy-status{font-size:.75rem}
.filter-toolbar input,.filter-toolbar select{background:#fffcf6;border-color:#c5b69f;font-size:1rem}
.type-chip{font-size:.8125rem;border-color:#c5b69f}
.red-button{background:var(--pink)}
.timeline-date{color:var(--pink)}
.legal-prose{max-width:800px;padding-bottom:15px}
.legal-prose h2{margin-top:35px}
.legal-prose a{color:#972163;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-date{font-size:.875rem;color:#7d6a4e!important}
.legal-note{padding:20px 24px;background:#f0e3cd;border:1px solid #d7c3a0;border-radius:6px;font-size:1rem;color:#705e43}
.legal-note p{font-size:1rem;margin:8px 0 0}
.legal-identity{margin:20px 0 35px}
.legal-identity>div{display:grid;grid-template-columns:230px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #dfd1be;font-size:1rem}
.legal-identity dt{color:#806d52}
.legal-identity dd{margin:0;color:#55432b}
.legal-pending{color:#8a653b;font-style:italic;font-size:.875rem}
@media(max-width:1000px){
 .header-inner{gap:24px}.main-nav{gap:25px}
 .pop-hero{gap:5%;padding-block:50px}.pop-hero h1{font-size:clamp(4rem,8vw,6rem)}
 .hero-character{width:112px;left:-23px;bottom:48px}.hero-character>span{font-size:.75rem}
 .hero-line{font-size:1.125rem}.hero-signature{font-size:.75rem}.cabinet-label{font-size:.75rem;padding:8px 11px;top:23px;right:23px}
 .chapter-nav>a{padding-inline:14px;gap:8px}.chapter-nav>a>span{font-size:.75rem}
 .sound-grid{gap:6%}.sound-feature{padding:24px}.sound-row strong{font-size:1.4rem}
 .character-inner{gap:6%}.character-visual{min-height:390px}.character-name{font-size:7rem}.character-visual>img{width:71%;right:6%}
 .france-atlas{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}
 .place-content{padding:24px 20px}.map-region-nav{padding:18px 16px 0;gap:3px}.map-region-nav a{padding:8px 10px}
 .france-pin img{width:59px;height:59px}.france-pin>span{padding:3px 10px}.map-editorial-note{padding-inline:20px}
 .latest-row{grid-template-columns:110px minmax(0,1fr) 20px}.latest-date{display:none}
 .follow-section{align-items:flex-start;flex-direction:column;gap:27px}
}
@media(max-width:760px){
 .wrap{width:90%}.header-inner{min-height:84px;gap:16px;flex-wrap:wrap;padding-block:18px}
 .wordmark{font-size:1.55rem}.main-nav{order:3;justify-content:space-between;width:100%;gap:16px;border-top:1px solid #e3d9ca;padding-top:7px}.main-nav a{font-size:.875rem;padding:9px 0}
 .header-follow{margin-left:auto;font-size:.875rem;padding:9px 16px}
 .pop-hero{grid-template-columns:1fr;gap:36px;padding-block:39px 40px}.pop-hero-copy{padding:0}
 .pop-hero h1{font-size:clamp(4.1rem,15.5vw,6.4rem);margin-bottom:22px}.pop-hero .eyebrow{margin-bottom:20px}
 .hero-line{font-size:1.125rem;line-height:1.5;margin-bottom:23px}.hero-signature{display:none}
 .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 23px}.hero-actions .pill-button{padding-inline:20px}
 .pop-cabinet{width:calc(100% - 16px);margin-left:16px}.cabinet-room{aspect-ratio:1.18}.cabinet-art{padding:9px}.cabinet-label{top:21px;right:21px}
 .hero-character{width:109px;left:-23px;bottom:41px;border-width:5px;border-radius:20px}.hero-character>img{border-radius:15px}
 .pop-cabinet figcaption{max-width:75%;margin-left:auto;line-height:1.6;font-size:.75rem}
 .chapter-nav{grid-template-columns:repeat(2,1fr)}.chapter-nav>a{padding:17px 14px}.chapter-nav>a:first-child{padding-left:14px}.chapter-nav>a:nth-child(3){border-left:0}.chapter-nav>a:nth-child(n+3){border-top:1px solid var(--line)}
 .section-heading{align-items:start;flex-direction:column;gap:21px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:14px}
 .section-heading h2,.character-copy h2{font-size:clamp(2.7rem,9.5vw,3.6rem)}
 .section-heading>.subtle-link{margin:0}.section-heading>p{font-size:1rem}
 .sound-section{padding-block:52px 57px}.sound-grid{grid-template-columns:1fr;gap:16px}.sound-feature{min-height:330px;padding:25px}.sound-feature>strong{font-size:clamp(3.6rem,12vw,4.7rem)}
 .sound-row{padding-block:23px;gap:17px}.sound-row:first-child{padding-top:23px}.sound-row strong{font-size:1.45rem}.sound-platforms{padding-top:18px}
 .character-section{padding-block:39px}.character-inner{grid-template-columns:1fr;gap:35px}.character-visual{min-height:390px;max-width:470px;width:100%;margin-inline:auto}.character-name{font-size:8.5rem}.character-visual>img{width:64%;max-width:290px;right:7%;bottom:30px}
 .character-copy>p:not(.eyebrow){max-width:none;margin-block:22px}.character-topics{margin-top:23px}
 .places-section{padding-block:55px 42px}.france-atlas{display:block}.france-board{width:100%;aspect-ratio:1/1}
 .france-panel{border-left:0;border-top:1px solid #d8cfbf}.map-region-nav{padding:18px 20px 0;gap:10px}.map-region-nav a{font-size:.875rem;padding:9px 13px}
 .place-content{padding:24px}.place-content h3{font-size:2.2rem}.place-content>.eyebrow{font-size:.75rem}.place-content address{font-size:1rem}.place-reference{font-size:1rem;line-height:1.75}
 .place-tabs a{font-size:.875rem;padding:9px 12px}.venue-evidence{font-size:.75rem}.place-links{font-size:.875rem}
 .france-pin img{width:59px;height:59px}.france-pin>span{font-size:.75rem}.map-country-name{font-size:1.3rem;left:34%;top:42%}.map-credit{font-size:.75rem;bottom:11px;left:12px}
 .map-records{grid-template-columns:1fr;gap:15px}.map-records .venue-card{padding:24px}.map-editorial-note{padding:16px 24px;font-size:.75rem}.all-places{font-size:.875rem}
 .journal-section{padding-block:19px 44px}.latest-row{grid-template-columns:minmax(0,1fr) 20px;gap:9px 20px;padding-block:21px}.latest-category{grid-column:1/-1;font-size:.75rem}.latest-row h3{font-size:1rem;line-height:1.6}.latest-date{display:none}.row-arrow{grid-column:2;grid-row:2}
 .follow-section{padding-block:35px 43px;gap:23px}.follow-section h2{font-size:2rem}.follow-links{font-size:.875rem;gap:15px 23px}
 .footer-top{padding-block:35px;gap:23px}.footer-top p,.footer-top>.text-link{font-size:.875rem}.footer-bottom p,.footer-bottom a{font-size:.75rem}.footer-bottom{gap:16px}
 .footer-legal{font-size:.75rem;gap:12px 20px;padding-bottom:26px}.legal-identity>div{grid-template-columns:1fr;gap:6px}.legal-note{padding:18px}
 .breadcrumb{width:90%}.inner-page .page-heading{padding-block:35px 40px}.inner-page .page-heading h1{font-size:clamp(2.4rem,9.5vw,3.6rem)}
 .filter-toolbar label>span,.filter-toolbar .reset-button,.catalog-year,.catalog-open,.type-chip,.article-meta,.byline,.source-caption,.result-count{font-size:.75rem}
}
@media(max-width:370px){.france-pin img{width:50px;height:50px}.france-pin{min-width:65px}.france-pin>span{padding-inline:8px}.map-region-nav{padding-inline:14px;gap:5px}.place-content{padding:22px 18px}.character-visual{min-height:345px}.character-name{font-size:7rem}.character-visual>img{width:70%;right:5%;bottom:30px}.character-stamp{left:16px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-character,.france-pin img,.pill-button{transition:none}.pill-button:hover{transform:none}}
/* v8 — a magazine to explore, with a local viewing room and linked stories. */
.pop-hero{grid-template-columns:.9fr 1.1fr;gap:5%;padding-block:38px 46px}
.pop-hero h1{font-size:clamp(4.3rem,8.1vw,7.7rem);font-weight:700;letter-spacing:-.072em}
.pop-hero .eyebrow{color:var(--blue);font-size:.875rem}
.hero-line{font-size:1.15rem;line-height:1.65;max-width:350px}
.hero-signature{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.cabinet-art{padding:0;border:0;border-radius:6px;box-shadow:none;background:#dbc09c}
.cabinet-room{aspect-ratio:1.03;border-radius:6px;object-position:52% 50%}
.cabinet-label{right:18px;top:18px;font-size:.75rem;letter-spacing:.045em;padding:9px 12px;background:#fff8efed;border:0;border-radius:4px}
.hero-character{bottom:45px;left:-28px}
.chapter-nav{position:sticky;top:0;z-index:20;width:100%;padding-inline:max(5.5%,calc((100% - 1240px)/2));background:#f7f3ebf5;backdrop-filter:blur(14px);border-bottom:1px solid #c8bda9;box-shadow:0 5px 16px #40301b05}
.chapter-nav>a{position:relative;padding-block:18px;transition:color .18s,background .18s}
.chapter-nav>a[aria-current]{color:var(--blue);background:#eeeadf}
.chapter-nav>a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--pink)}
.sound-section,.character-section,.places-section,.journal-section{scroll-margin-top:90px}
.sound-grid{gap:4%}
.sound-feature{min-height:425px;background:#1a2450;border-radius:6px;padding:30px 34px}
.sound-feature>strong{font-size:clamp(4rem,6.5vw,6rem);line-height:.94;font-weight:700}
.sound-feature:hover{background:#24398e}
.sound-play{background:var(--pink);border-color:var(--pink);width:55px;height:55px;transition:transform .2s}
.sound-feature:hover .sound-play{transform:scale(1.06)}
.sound-row{padding-block:19px;gap:19px}
.sound-row:first-child{padding-top:0}
.sound-row strong{font-size:1.4rem}
.sound-row>span>span{font-size:.875rem;line-height:1.5}
.sound-row>b{font-size:.875rem;border:1px solid #c9bda9;width:41px;height:41px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.sound-row:hover>b{background:var(--blue);border-color:var(--blue);color:white}
.sound-platforms{padding-top:16px;gap:24px}
.discovery-bridge{margin-top:27px;padding:22px 0;border-top:1px solid #cdbda3;display:grid;grid-template-columns:1fr 1.7fr auto;gap:25px;align-items:center}
.bridge-label{font-size:.75rem;color:var(--pink);font-weight:600}
.discovery-bridge strong{font-size:1rem;font-weight:600;letter-spacing:-.025em}
.bridge-action{font-size:.875rem;color:var(--blue)}
.discovery-bridge:hover strong{color:var(--pink)}
.character-section{padding-block:68px;background:#e4d3b9}
.character-visual{min-height:495px;background:#233a94}
.character-visual>img{width:72%;right:4%;bottom:39px}
.character-stamp{background:#f3d6e4;color:#771949}
.universe-stories{margin-top:30px;border-top:1px solid #bda785}
.universe-stories details{border-bottom:1px solid #bda785;padding:0 0 0}
.universe-stories summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:21px 0;font-size:1rem;font-weight:600;cursor:pointer;line-height:1.55}
.universe-stories summary::-webkit-details-marker{display:none}
.story-toggle{font-size:1.6rem;font-weight:400;color:var(--blue);line-height:1;transition:transform .2s}
.universe-stories details[open] .story-toggle{transform:rotate(45deg)}
.universe-stories details[open] summary{color:var(--blue)}
.universe-stories details>p{font-size:1rem;color:#60513c;line-height:1.8;margin:0 0 13px}
.universe-stories details>a{display:inline-block;font-size:.875rem;color:#8a1756;border-bottom:1px solid #b37892;padding-bottom:3px;margin-bottom:22px}
.france-atlas{box-shadow:0 12px 35px #5e492008}
.map-editorial-note{color:#6d5c45}
.article-viewing{display:flex;align-items:center;gap:25px;justify-content:space-between;background:#eae8f3;border-left:3px solid var(--blue);padding:24px;margin-block:30px 18px}
.article-viewing>p{margin:0;color:#233471;font-size:1rem;font-weight:600}
.article-place-bridge{display:block;border-bottom:1px solid #d5c3a7;padding:6px 0 19px;margin-bottom:32px;color:var(--blue);font-size:1rem}
/* The iframe is created only after explicit consent. Closing destroys it. */
body.player-open{overflow:hidden}
.viewing-room{width:min(94vw,1000px);max-width:none;max-height:92svh;margin:auto;padding:0;background:#f7f3eb;color:var(--ink);border:1px solid #eee0ca;border-radius:12px;box-shadow:0 25px 100px #07071c80;overflow:auto}
.viewing-room:not([open]){display:none}
.viewing-room::backdrop{background:#101329d9;backdrop-filter:blur(7px)}
.player-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 30px 23px}
.player-header .eyebrow{font-size:.75rem;letter-spacing:.08em;color:var(--pink);margin-bottom:8px}
.player-header h2{font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.15;letter-spacing:-.05em;font-weight:600}
.player-header [data-player-artist]{font-size:.875rem;color:#6a6157;margin:7px 0 0}
.player-close{border:1px solid #c9bcaa;border-radius:25px;background:transparent;padding:8px 13px;color:#413a32;font-size:.875rem;display:flex;align-items:center;gap:14px;flex-shrink:0}
.player-close>span{font-size:1.5rem;line-height:1}
.player-close:hover{background:#e7ddcd}
.player-stage{background:#152047;color:#f6f0e4}
.player-frame{aspect-ratio:16/9;min-height:200px;width:100%}
.player-frame iframe{width:100%;height:100%;min-height:200px;border:0;display:block}
.player-consent{min-height:350px;padding:32px 8%;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}
.player-symbol{width:56px;height:56px;display:grid;place-items:center;border:1px solid #8b92b8;border-radius:50%;font-size:1.125rem;color:#ff83c2;margin-bottom:20px}
.player-consent>p{font-size:1rem;line-height:1.7;color:#dde0f0;max-width:650px;margin:0 0 23px}
.player-consent-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.player-consent .pill-button{border-color:#ddd6e3;background:transparent;color:#fff6ea;font-size:.875rem;min-height:48px}
.player-consent .pill-button:hover{background:#2c3967;transform:none}
.player-consent [data-player-allow]{background:#b40b65;border-color:#b40b65}
.player-consent [data-player-allow]:hover{background:#cb1979}
.player-privacy{font-size:.75rem;text-decoration:underline;text-underline-offset:3px;margin-top:17px;color:#c9cde0}
.player-below{padding:16px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dbcfbd}
.player-below>a,.player-below>button{font-size:.875rem;line-height:1.6;color:#594e3f}
.player-below>button{background:transparent;border:1px solid #c5bcae;border-radius:22px;padding:7px 12px;flex-shrink:0}
.player-below>a{text-decoration:underline;text-underline-offset:3px}
.player-playlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 30px 0}
.player-choice{padding:12px;border:1px solid #cec0aa;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;color:#5a513f;line-height:1.5}
.player-choice[aria-current=true]{color:white;background:var(--blue);border-color:var(--blue)}
.player-choice:hover{border-color:var(--pink)}
.player-choice-note{padding:14px 30px 20px;margin:0;color:#81715b;font-size:.75rem;line-height:1.7}
@media(max-width:1000px){.pop-hero{grid-template-columns:1fr 1fr}.sound-feature{padding:26px;min-height:440px}.sound-feature>strong{font-size:4.3rem}.sound-row strong{font-size:1.25rem}.sound-row{gap:13px}.discovery-bridge{grid-template-columns:1fr auto;gap:10px 25px}.bridge-label{grid-column:1/-1}.character-visual{min-height:465px}.character-visual>img{width:80%;right:2%;bottom:45px}.article-viewing{align-items:start;flex-direction:column;gap:15px}.player-playlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .pop-hero{grid-template-columns:1fr;padding-block:31px 34px;gap:28px}.pop-hero h1{font-size:clamp(4rem,15.7vw,6.3rem)}.pop-hero .eyebrow{font-size:.875rem}.hero-line{font-size:1rem;line-height:1.7;margin-bottom:21px}.hero-actions{gap:11px 20px}.hero-actions .pill-button{font-size:.875rem}.cabinet-room{aspect-ratio:1.2}.cabinet-label{font-size:.75rem;top:13px;right:13px;padding:8px 10px}.hero-character{bottom:41px;left:-23px}
 .chapter-nav{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding-inline:3%;gap:0}.chapter-nav>a,.chapter-nav>a:first-child{border:0;padding:15px 4px;justify-content:center;font-size:.875rem;white-space:nowrap;letter-spacing:-.03em;gap:0}.chapter-nav>a:nth-child(n+3){border-top:0}.chapter-nav>a>span,.chapter-nav>a>b{display:none}.chapter-nav>a[aria-current]:after{left:7px;right:7px}
 .sound-section,.character-section,.places-section,.journal-section{scroll-margin-top:70px}.sound-section{padding-top:42px}.sound-grid{grid-template-columns:1fr;gap:20px}.sound-feature{min-height:342px;padding:26px}.sound-feature>strong{font-size:clamp(3.9rem,14vw,5rem)}.sound-row{padding-block:22px;gap:18px}.sound-row:first-child{padding-top:5px}.sound-row strong{font-size:1.35rem}.sound-row>span>span{font-size:.875rem}.sound-platforms{gap:24px}
 .discovery-bridge{grid-template-columns:1fr;gap:11px;margin-top:24px;padding-block:21px 0}.bridge-label{grid-column:auto}.bridge-action{font-size:.875rem}.discovery-bridge strong{font-size:1rem;line-height:1.6}
 .character-section{padding-block:38px}.character-visual{min-height:395px}.character-visual>img{width:67%;right:5%;bottom:30px}.universe-stories{margin-top:25px}.universe-stories summary{font-size:1rem;padding-block:20px}.universe-stories details>p{font-size:1rem}
 .viewing-room{width:96vw;max-height:94svh;border-radius:9px}.player-header{padding:20px 17px;gap:15px}.player-header h2{font-size:1.65rem}.player-header .eyebrow{font-size:.75rem}.player-header [data-player-artist]{font-size:.875rem}.player-close{padding:8px 10px;gap:8px;font-size:.875rem}.player-close>span{font-size:1.2rem}
 .player-consent{min-height:350px;padding:27px 20px}.player-consent>p{font-size:1rem}.player-consent-actions{width:100%;gap:11px}.player-consent .pill-button{width:100%;font-size:.875rem;min-height:48px}.player-privacy{font-size:.75rem}.player-symbol{width:46px;height:46px;margin-bottom:16px}
 .player-below{align-items:start;flex-direction:column;padding:16px 18px;gap:13px}.player-below>a,.player-below>button{font-size:.875rem}.player-playlist{padding:18px 16px 0;gap:9px}.player-choice{font-size:.875rem;padding:12px 10px;gap:9px}.player-choice-note{font-size:.75rem;padding:13px 18px 18px}.article-viewing{padding:22px}.article-place-bridge{font-size:1rem}
}
@media(max-width:370px){.character-visual{min-height:355px}.character-visual>img{width:70%}.chapter-nav>a{font-size:.875rem;letter-spacing:-.05em}.player-playlist{grid-template-columns:1fr 1fr}.player-choice{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.story-toggle,.sound-play,.chapter-nav>a{transition:none}.sound-feature:hover .sound-play{transform:none}}