/*
Theme Name: UiDD
Theme URI: https://uidd.fr/
Author: UiDD
Description: Thème éditorial et cartographique du site mère UiDD.
Version: 0.1.0
Text Domain: uidd
*/

:root{--ink:#111;--paper:#f4f0e8;--line:#cfc8bb;--blue:#1546d8;--yellow:#e5d600;--cyan:#00abc1;--terra:#d6532c;--paprika:#bd301d;--moss:#47723d;--violet:#7436c8;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit}.wrap{width:min(1380px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,240,232,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.site-header .wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:38px;font-weight:900;text-decoration:none;letter-spacing:-3px}.site-nav{display:flex;gap:28px;font-size:12px;font-weight:800;text-transform:uppercase}.site-nav a{text-decoration:none}.hero{min-height:640px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42% 58%;align-items:center}.hero-copy{padding:70px 8% 70px max(24px,calc((100vw - 1380px)/2))}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1,.section-title{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;line-height:.92}.hero h1{font-size:clamp(64px,7vw,112px);margin:24px 0}.hero p{max-width:520px;font-size:20px;line-height:1.5}.button{display:inline-flex;gap:28px;align-items:center;background:var(--ink);color:#fff;padding:17px 22px;text-decoration:none;font-size:13px;font-weight:800}.hero-art{min-height:640px;position:relative;overflow:hidden;background:linear-gradient(135deg,#d8d6d0,#888)}.hero-art img{width:100%;height:100%;position:absolute;object-fit:cover;filter:grayscale(1)}.hero-art:after{content:'';position:absolute;inset:8% 12% 5% 5%;border-left:30px solid var(--blue);border-bottom:1px solid rgba(255,255,255,.5);mix-blend-mode:multiply}.section{padding:72px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-title{font-size:clamp(48px,5vw,78px);max-width:850px;margin:12px 0}.universes{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.universe{--accent:#111;display:flex;flex-direction:column;min-height:330px;border-top:5px solid var(--accent);background:#fff;text-decoration:none;padding:18px;position:relative;overflow:hidden}.universe-number{color:var(--accent);font-size:20px}.universe h3{font-family:var(--serif);font-size:25px;line-height:1;margin:22px 0 7px}.universe p{font-size:13px;line-height:1.4}.universe img{width:calc(100% + 36px);height:150px;object-fit:cover;margin:20px -18px -18px;filter:saturate(.75)}.universe .arrow{position:absolute;right:18px;top:20px;color:var(--accent);font-size:22px}.map-section{position:relative;overflow:hidden}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filter{border:1px solid var(--line);background:transparent;padding:10px 14px;font-weight:700;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.map-layout{display:grid;grid-template-columns:330px 1fr;min-height:610px}.place-card{background:#fff;align-self:end;z-index:2;box-shadow:0 8px 28px rgba(0,0,0,.12)}.place-card img{width:100%;height:180px;object-fit:cover}.place-card-body{padding:20px}.place-card h3{font-family:var(--serif);font-size:36px;margin:0 0 4px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.tag{font-size:10px;font-weight:800;padding:5px 7px;border:1px solid currentColor}.map{min-height:610px;position:relative;background:radial-gradient(circle at 43% 47%,rgba(21,70,216,.08),transparent 19%),url('assets/world-map.svg') center/contain no-repeat}.marker{--accent:var(--blue);position:absolute;left:var(--x);top:var(--y);width:20px;height:20px;border:5px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 2px 10px rgba(0,0,0,.35);transform:translate(-50%,-50%);cursor:pointer}.marker[aria-current=true]{width:32px;height:32px}.stories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.story{background:#fff;text-decoration:none}.story img{width:100%;aspect-ratio:4/3;object-fit:cover}.story div{padding:18px}.story h3{font-family:var(--serif);font-size:25px;margin:10px 0}.site-footer{padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.mode-calm *{animation:none!important;transition:none!important}.map-list{display:none}.map-list.active{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.map-list button{text-align:left;padding:16px;background:#fff;border:1px solid var(--line)}
@media(max-width:1050px){.universes{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-art{min-height:430px}.map-layout{grid-template-columns:1fr}.place-card{max-width:420px}.stories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1380px)}.site-nav a:not(:last-child){display:none}.hero-copy{padding:55px 20px}.hero-art{min-height:310px}.universes{grid-template-columns:1fr 1fr}.universe{min-height:270px}.map{display:none}.map-layout{display:block}.place-card{max-width:none}.map-list{display:grid;grid-template-columns:1fr}.stories{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.section-head{display:block}}