/* AG+ Studio — noir, papier et orange, édition Halloween. */
:root{--bg:#10100f;--surface:#1c1b19;--text:#f6f0e7;--muted:#b8afa3;--line:#f3d8ba26;--accent:#ff6b00;--plum:#e96720;--coral:#ff914d;--head:Space,Arial,sans-serif}
body{background:var(--bg);color:var(--text)}
::selection{background:#ff6b00;color:#10100f}
.site-header{height:94px;background:#10100ff5;border-bottom:1px solid var(--line)}
.brand img{width:57px;height:57px}
.brand{gap:15px}
.brand .brand-product{font:700 21px/1.1 var(--head);letter-spacing:-.035em;color:#f6f0e7}
.brand-product small{font:500 11px/1.5 var(--body);letter-spacing:.02em;color:#c0a58f;margin-top:6px}
.main-nav{background:#211d19;border:1px solid var(--line);border-radius:9px;padding:4px}
.main-nav a{border-radius:6px;font-weight:600;color:#cbbdaf}
.main-nav a:hover{background:#3c2d22;color:#fff}
.main-nav a[aria-current]{background:#ff6b00;color:#16110d}
.saved-nav{color:#e7dbcc}.saved-nav b{background:#3b2b1f;color:#f9d1ac}
.creator-credit{background:#191613;border-color:var(--line);padding:5px 4%}
.creator-credit a,.footer-credit a{color:#baaa98}.creator-credit a>span:last-child,.footer-credit a>span:last-child{color:#ff6b00}
.creator-credit a:focus-visible,.footer-credit a:focus-visible{outline-color:#ff6b00}
.button{border-radius:5px}.button.primary,.hero-content .primary{background:#ff6b00;color:#16110d}
.button.primary:hover,.hero-content .primary:hover{background:#ff9c55}
.button.outline{background:#ffffff04;color:#f3e7d9;border-color:#ff6b0066}.button.outline:hover{background:#34261c}
.text-button{color:#e8c8a5;text-decoration-color:#ff6b0080}
.hero-stage{height:min(760px,calc(100svh - 140px));min-height:640px;background:#10100f;border-bottom:1px solid var(--line)}
.hero-art{object-position:56% 48%;opacity:.83}
.hero-shade{background:linear-gradient(90deg,#10100ff7 0%,#10100fbc 34%,#10100f12 72%),linear-gradient(0deg,#10100f 0%,transparent 38%)}
.hero-coordinate{left:5%;top:27px;font-weight:800;font-size:10px;letter-spacing:.16em;color:#ff914d}
.hero-coordinate span{color:#c5b8a8;padding-left:18px;font-weight:500}
.hero-content{margin-left:5%;padding-top:99px;width:88%}
.hero-content>.eyebrow{font-size:9px;color:#d4c3af;letter-spacing:.14em}
.signal{background:#ff914d;box-shadow:0 0 0 4px #ff914d16}
.hero-content h1{font:400 clamp(92px,9.2vw,142px)/1.02 Anton,Impact,sans-serif;letter-spacing:-.025em;margin:23px 0 28px}
.hero-content h1 span{display:inline-block;color:#17100c;background:#ff6b00;padding:0 .08em .045em;margin-left:.02em;transform:rotate(-2deg);box-shadow:7px 7px 0 #3e2110}
.hero-content>p{font-size:16px;line-height:1.65;color:#d5c6b7}
.hero-content>p strong{font-weight:700;color:#fff5e9}
.hero-actions{margin-top:26px;gap:15px}.hero-actions .button{min-height:53px;padding:16px 23px;font-size:12px}
.round-button{border-color:#e8c8a570;color:#fff5e9}.random-label{color:#c5b4a1}
.hero-spot{right:5%;bottom:35px;width:335px;border-color:#ff944b55;padding:17px 0;gap:16px}
.hero-spot>span:nth-child(2){color:#ceb49a}.hero-spot strong{font:600 21px/1.15 var(--head);color:#fff}
.hero-spot small{color:#c8b9a7}.spot-index{font:400 44px/1 Anton,sans-serif;color:#ff6b00}
.hero-spot:hover strong{color:#ffbc82}.hero-caption{color:#b9ab9c;font-size:8px}
.hero-side{color:#e0c9b1;top:210px;right:21px}
.halloween-stamp{position:absolute;right:6%;top:63px;z-index:2;transform:rotate(8deg);color:#16110d;background:#ff914d;padding:17px 20px 13px;box-shadow:6px 6px 0 #10100f80;font:400 29px/.97 Anton,sans-serif;letter-spacing:.01em;text-align:center}
.halloween-stamp span{display:block;font:800 7px/1.4 var(--body);letter-spacing:.1em;border-top:1px solid #16110d55;padding-top:8px;margin-top:9px}
.discovery-bottom{background:#10100f;padding-top:40px;padding-bottom:42px;grid-template-columns:240px 1fr;gap:35px}
.discovery-intro .eyebrow{color:#f39b60}.discovery-intro p{font:700 32px/1.1 var(--head)}
.collection-card{border-radius:4px;border-color:#ff6b0033;min-height:190px}
.collection-card:after{background:linear-gradient(180deg,#10100f00,#10100f90 36%,#10100fed)}
.collection-card h3{font:700 24px/1.08 var(--head);color:#fff}.collection-tag{color:#f9af74}
.collection-bottom{color:#d9c8b5}
.browse-head h1,body[data-view=explorer] .browse-head h1{font:700 clamp(34px,3.5vw,52px)/1.12 var(--head);color:#faf1e5}
.browse-head h1 span{color:#ff6b00}
.browse-head .eyebrow,body[data-view=explorer] .browse-head .eyebrow{background:#e9672016;border-color:#e9672044;color:#ffad6a}
.browse-intro{color:#c3b2a0}
.search-box{background:#211d19;border-color:#ff6b0030}.search-box input::placeholder{color:#b7a18c}
.search-box kbd{color:#b7a18c;border-color:#ff6b0040}
.filter-fav{background:#211d19;border-color:#ff6b0030}.filter-fav[aria-pressed=true]{background:#4a2b16;border-color:#ff6b00;color:#f6e1c7}
.filter-chip{background:#211d19;border-color:#ff6b0026;color:#cbb8a2}
.filter-chip .symbol{color:#ffa364}.filter-chip.active{background:#ff6b00;color:#16110d;border-color:#ff6b00}
.filter-chip.active .symbol{color:#16110d}.filter-chip:hover:not(.active){background:#3b2b1f}
.badge,.badge .symbol{color:#efae77}
.map{background:#25221e;border-color:#ff6b0030;border-radius:8px}
.map-vignette{box-shadow:inset 0 0 110px #10100f50}
.map-control,.map-status,.layer-button{background:#30251ef5;border-color:#ff6b0050}.map-control button:hover{background:#654022}
.pin{background:#f6eadc;color:#392414;border-color:#fff8ed}
.map-marker.is-cluster .pin{background:#97501f;border-color:#ffc496;box-shadow:0 0 0 5px #ff6b0022,0 5px 18px #0007}
.map-marker.active .pin,.map-marker.is-cluster.active .pin{background:#ff914d;color:#16110d;border-color:#ffe0bf;box-shadow:0 0 0 6px #ff914d26,0 4px 16px #0006}
.is-cluster .pin small{color:#fff0dc}.is-cluster.active .pin small{color:#16110d}
.marker-name{background:#30251ef5;border-color:#ff6b0060}.marker-anchor{background:#efa867}.marker-stem{background:#efa86788}
.map-bottom>a{background:#231b14dc;color:#e4d0bb}
.map-preview,.map-empty{background:#282019;color:#faf1e5;border-color:#ff6b0070;border-radius:8px}
.preview-close,.dialog-close{background:#34271cf0;border-color:#ff6b0060;color:#fff5e9}
.preview-close:hover,.dialog-close:hover{background:#ff6b00;color:#16110d}
.preview-copy h2{color:#faf1e5;font-family:var(--head)}
.preview-copy>p,.preview-kicker,.preview-group>p,.preview-options button b,.preview-options button i,.map-location-tag{color:#cab7a2}
.preview-options button:hover{background:#49331f}.preview-options button[aria-pressed=true]{background:#65401f;color:#ffddba}
.preview-options button[aria-pressed=true] b{color:#ffddba}.preview-expand,.map-note a{color:#ffa05a}
.solid-dot{background:#efa867}.dotted-dot{border-color:#efa867}
.story-image-button{border-radius:5px;border-color:#ff6b0033}
.story-title-button h3{font:700 24px/1.16 var(--head);color:#faf1e5;letter-spacing:-.035em}
.story-title-button:hover h3{color:#ffac71}.story-location,.story-meta{color:#c2aa91}
.story-new{background:#4b2b15ee}.story-number{font-family:Anton;font-weight:400;color:#fff}
.save-button{background:#302113e6}.save-button[aria-pressed=true]{background:#ff6b00;color:#16110d}
.sort-label select{background:#302318;color:#f3ddc3;border-color:#ff6b0040}.read-dot{color:#eab78b}
.research-intro h1{font-weight:700}.research-intro h1 span{color:#ff6b00}
.research-status,.research-actions,.download-row{color:#f1a874}
.memory-band{background:#211e19;border-color:#ff6b0026;color:#eee0cd}.memory-band .eyebrow{color:#c2ae94}
.source-index a{background:#211d19}.source-index a:hover{border-color:#ff6b0070}
.reader,.info-dialog{background:#1e1a16;color:#faf1e5;border-color:#ff6b0060}
.reader::backdrop,.info-dialog::backdrop{background:#080706ee}
.reader-cover:after{background:linear-gradient(0deg,#1e1a16,transparent 52%)}
.reader-art-note{background:#2e2218e6}.reader-body h2{font-weight:700;color:#faf1e5}
.reader-location,.reader-kicker>span:last-child,.reader-tools>span,.reader-next>span{color:#c6af94}
.reader-tools button{background:#3a2718;border-color:#ff6b0030;color:#f3d8b7}.reader-tools button:hover{border-color:#ff6b00}
.reader-story p,.reader-story>p:first-child{color:#e8dac8}
.reader-geography p,.documentary-note p,.source-card p,.evidence-box p,.info-dialog p{color:#cbb89f}
.reader-geography a,.source-card small,.about-creator{color:#f9ae72}
.evidence-box{background:#302317;border-color:#ff6b0026}.info-category h3{color:#fff1dd}.info-category h3 .category-icon{color:#ff6b00}
.toast{background:#ff6b00;color:#16110d}
footer,footer button,footer small{color:#b9a58b}footer i{color:#ff6b00}footer a:hover{color:#ffd4aa}
footer .footer-credit{border-color:#ff6b0026}
@media(min-width:1600px){.hero-content h1{font-size:142px}.hero-stage{min-height:740px}}
@media(max-width:1150px){.brand .brand-product{font-size:18px;max-width:none}.brand-product small{display:block}.main-nav a{padding:10px 13px}.halloween-stamp{right:7%;top:50px;font-size:24px}.hero-spot{width:300px}.discovery-bottom{grid-template-columns:200px 1fr;gap:24px}.collection-grid{gap:12px}}
@media(max-width:800px){
 .site-header{height:78px;padding:8px 5%;gap:10px}.brand img{width:48px;height:48px}.brand{gap:12px}
 .brand .brand-product{font-size:18px;letter-spacing:-.02em}.brand-product small{font-size:10px;margin-top:5px}
 .saved-nav{gap:5px}.saved-nav b{width:20px;height:20px}
 .creator-credit{padding:4px 5%;justify-content:flex-end}.creator-credit img{width:96px;height:25px}.creator-credit a{font-size:9px;gap:8px}
 .main-nav{background:#1e1812f7;border-top:1px solid #ff6b0038;border-radius:0;padding:6px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #08070680}
 .main-nav a{font-size:10px;padding:5px 3px;min-height:53px;border-radius:5px;color:#d5b694}.main-nav a[aria-current]{background:#ff6b00;color:#16110d}
 .hero-stage{height:auto;min-height:680px;max-height:none}
 .hero-art{object-position:64% 50%;opacity:.7}.hero-shade{background:linear-gradient(90deg,#10100fde,#10100f40),linear-gradient(0deg,#10100f,transparent 62%)}
 .hero-coordinate{top:20px;font-size:8px;letter-spacing:.12em}.hero-coordinate span{padding-left:10px;font-size:7px}
 .hero-content{padding-top:68px;margin-left:6%;width:88%}.hero-content>.eyebrow{font-size:7px;letter-spacing:.1em;max-width:78%}
 .hero-content h1{font-size:clamp(66px,15.7vw,110px);margin:20px 0 24px;line-height:1.07;max-width:610px}
 .hero-content h1 span{display:block;width:max-content;margin:3px 0 0 -.015em}
 .hero-content>p{font-size:14px;line-height:1.65}.hero-actions{margin-top:25px;gap:12px}.hero-actions .button{font-size:11px;min-height:49px;padding:14px 18px;gap:18px}
 .round-button{width:46px;height:46px;flex:none}.random-label{font-size:8px}
 .halloween-stamp{top:72px;right:7%;font-size:20px;padding:12px 13px 10px}.halloween-stamp span{font-size:5px;letter-spacing:.06em;margin-top:7px;padding-top:6px}
 .hero-spot{left:6%;right:6%;bottom:32px;width:auto;padding:15px 0;gap:14px}.hero-spot strong{font-size:19px}.hero-spot small{font-size:9px}.spot-index{font-size:36px}
 .hero-caption{right:6%;bottom:13px;font-size:7px}.hero-side{display:none}
 .discovery-bottom{display:block;padding:28px 5% 32px}.discovery-intro{margin-bottom:24px}.discovery-intro p{font-size:29px;margin:10px 0}.discovery-intro p br{display:none}
 .collection-grid{gap:12px}.collection-card{min-height:190px}.collection-card h3{font-size:24px}
 .browse-head h1,body[data-view=explorer] .browse-head h1{font-size:36px}.browse-head .text-button:before{color:#efbc8b}
 .story-title-button h3{font-size:21px}.reader-body h2{font-size:36px}.map{border-radius:7px}
}
@media(min-width:481px) and (max-width:800px){.hero-content h1{font-size:clamp(68px,12vw,96px)}.hero-content h1 span{display:inline-block;margin:0 0 0 .02em}.halloween-stamp{top:55px;font-size:18px}}
@media(max-width:480px){.hero-content h1{font-size:76px}.hero-stage{min-height:699px}.hero-content>.eyebrow{font-size:6.5px}.hero-content{padding-top:74px}.halloween-stamp{top:96px;right:8%;font-size:18px}.random-label{font-size:7px}.collection-card{flex:0 0 76%;min-height:190px}.story-title-button h3{font-size:20px}}
@media(max-width:359px){.brand .brand-product{font-size:16px}.brand img{width:43px;height:43px}.brand{gap:9px}.hero-content h1{font-size:68px}.hero-content>.eyebrow{font-size:6px;max-width:92%}.hero-content>p{font-size:12px}.random-label{display:none}.hero-stage{min-height:665px}.halloween-stamp{font-size:16px;right:7%;top:101px}.hero-spot strong{font-size:17px}.hero-spot small{font-size:8px}.browse-head h1,body[data-view=explorer] .browse-head h1{font-size:32px}}

/* Studio identity; generous reading rhythm on mobile. */
.brand img{width:128px;height:auto;max-height:45px;object-fit:contain}.brand .brand-product{font-size:17px;max-width:180px}.brand-product small{color:#bdb2a4}.hero-coordinate{color:#ff9c55}.hero-coordinate span{font-size:8px}.reader-story p{line-height:1.85;max-width:66ch}.campaign-follow{display:flex;gap:20px;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #ff6b0033;padding:24px 0 10px;font-size:12px}.campaign-follow a{font-weight:700;color:#ff9b54}.halloween-stamp{background:#ff6b00;color:#100d0b}.reader-brand-follow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;margin-top:18px;border-top:1px solid #ff6b0040;font-size:12px}.reader-brand-follow a{color:#ff9b54;font-weight:700}.reader-brand-follow img{width:105px;height:auto}.hero-stage{min-height:650px}
@media(max-width:800px){.brand img{width:103px;height:auto;max-height:36px}.brand{gap:13px}.brand .brand-product{font-size:14px;max-width:150px}.brand-product small{font-size:8px}.hero-stage{min-height:660px}.hero-content h1{font-size:76px}.hero-content>p{font-size:14px}.campaign-follow{flex-direction:column;align-items:flex-start;gap:10px}.reader-story p,.reader-story>p:first-child{font-size:16px;line-height:1.9}.hero-coordinate span{font-size:6px;padding-left:9px}.hero-content>.eyebrow{font-size:7px}}
@media(max-width:359px){.brand img{width:88px}.brand .brand-product{font-size:12px}.hero-content h1{font-size:65px}}