
/* PITALLIER MEDIA — aucun framework, aucune ressource externe. */
:root{--ink:#08131b;--ink-soft:#12202a;--paper:#eee3ce;--paper-light:#f5eddd;--text:#263031;--muted:#6b6b60;--gold:#e3a466;--ember:#b94327;--ember-bright:#cb4927;--line:rgba(55,46,34,.18);--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif;--wrap:1200px;--header-height:86px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 18px)}body{margin:0;background:var(--ink);color:var(--paper-light);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img,svg{display:block}img{max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(36px,3.6vw,52px);line-height:1.12;letter-spacing:-1.4px}em{font-weight:400}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:#bd4a2a;color:#fff7e7}[hidden]{display:none!important}.wrap{width:min(var(--wrap),calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:200;left:16px;top:8px;background:var(--paper);color:var(--ink);padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:2.4px;color:var(--ember);text-transform:uppercase}.button{min-height:46px;padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:30px;line-height:1.25;font:14px/1.3 var(--serif);transition:background .2s,transform .2s,border-color .2s}.button svg{width:19px;height:19px}.button-primary{background:var(--ember);color:#fff5e3;border-color:#d45d37;box-shadow:0 4px 25px #6d160c24}.button-primary:hover{background:#d6532f;transform:translateY(-2px)}.button-outline{border-color:#b57d4e;color:var(--paper-light)}.button-outline:hover{background:#e3a46618;border-color:var(--gold)}.button-ink{background:var(--ink);color:var(--paper-light)}.button-ink:hover{background:#263d48}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;transition:background .2s,color .2s;border:1px solid transparent;flex-shrink:0}.icon-button:hover{background:#b0855220}.icon-button svg{width:20px;height:20px}.text-link{font:15px/1.4 var(--serif);display:inline-flex;align-items:center;gap:16px}.text-link svg{width:19px;height:19px;transition:transform .2s}.text-link:hover svg{transform:translateX(5px)}
/* Navigation */
.site-header{position:sticky;top:0;z-index:40;background:#08121bef;border-bottom:1px solid #e3a46618;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.brand-mark{width:44px;height:44px;stroke-width:2.2;color:var(--gold)}.brand-name{display:block;font:25px/1.2 var(--serif);letter-spacing:4.3px;color:var(--paper-light)}.brand-subtitle{display:block;margin-top:5px;font:8px/1.3 var(--sans);letter-spacing:2.45px;color:#d4c5af}.desktop-nav{display:flex;gap:31px;height:100%;align-items:center}.nav-link{height:100%;display:flex;align-items:center;position:relative;font:13px/1.2 var(--serif);white-space:nowrap;color:#d9d3c9}.nav-link::after{content:"";position:absolute;bottom:19px;left:0;width:0;height:2px;background:var(--ember-bright);transition:width .2s}.nav-link:hover,.nav-link.is-active{color:var(--gold)}.nav-link:hover::after,.nav-link.is-active::after{width:100%}.header-actions{display:flex;align-items:center;gap:15px}.header-search{color:#f0dcc0}.header-cta{min-height:40px;padding:9px 20px;font-size:12px;gap:15px}.menu-toggle{display:none;width:42px;height:42px;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{height:1.5px;width:24px;background:var(--paper);display:block;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.25px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}.mobile-nav{padding:12px 24px 24px;border-top:1px solid #ffffff12;background:var(--ink)}.mobile-nav a{display:block;padding:12px 4px;font-family:var(--serif);border-bottom:1px solid #ffffff0d}
/* Ouverture illustrée */
.hero{position:relative;min-height:650px;height:clamp(650px,48vw,780px);isolation:isolate;overflow:hidden}.hero-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 45%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#08131b 0%,#08131b10 23%,#08131b00 85%),linear-gradient(90deg,#08131b0a 0%,#08131b2b 22%,#08131b78 34%,#08131b5e 48%,#08131b08 78%,#08131b20 100%)}.hero-inner{position:relative;height:100%}.hero-copy{margin-left:26%;padding-top:80px;max-width:650px;position:relative}.hero-eyebrow{color:#f0c193;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:2.3px;text-shadow:0 2px 12px #04121c}.hero-eyebrow>span{width:27px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(50px,5.05vw,76px);line-height:1.02;letter-spacing:-1.8px;margin-top:23px;color:#fff0d5;text-shadow:0 2px 25px #04121c55}.hero h1 em{color:#ffc78d}.hero-intro{font:18px/1.6 var(--serif);margin-top:24px;max-width:400px;color:#f1e3ce;text-shadow:0 2px 15px #000}.hero-buttons{display:flex;align-items:center;gap:25px;margin-top:28px}.hero-buttons .button{min-height:49px;padding:14px 24px}.hero-secondary{font:13px/1.4 var(--serif);display:flex;align-items:center;gap:9px;text-shadow:0 2px 10px #000}.hero-secondary span{color:var(--gold);font-size:19px}.hero-secondary:hover{color:var(--gold)}.hero-coordinate{position:absolute;bottom:37px;left:0;font-size:8px;letter-spacing:2.9px;color:#d4b899}.hero-aside{position:absolute;right:0;bottom:56px;font:italic 16px/1.7 var(--serif);text-align:right;color:#f4d6ad;text-shadow:0 2px 8px #000}.hero-aside::before{content:"";display:block;width:32px;height:1px;background:var(--gold);margin:0 0 14px auto}.hero-aside span{display:block;margin-top:20px;font:8px/1.3 var(--sans);letter-spacing:2.1px;color:#c5b59f}.scroll-cue{position:absolute;bottom:26px;left:calc(50% - 17px);width:34px;height:34px;display:grid;place-items:center;border:1px solid #e3a46645;border-radius:50%;color:var(--gold);transition:background .2s}.scroll-cue:hover{background:#e3a46625}.scroll-cue svg{width:18px;height:18px}.manifesto-ribbon{background:var(--ink);position:relative}.ribbon-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0 28px;gap:30px}.ribbon-item{display:flex;align-items:center;gap:18px;justify-content:center}.ribbon-item+ .ribbon-item{border-left:1px solid #e3a46620}.ribbon-item>svg{width:31px;height:31px;color:var(--gold)}.ribbon-item strong{display:block;font:15px/1.5 var(--serif);font-weight:400;color:#f0cda6}.ribbon-item p>span{display:block;font:12px/1.7 var(--serif);color:#bfb9af}
/* Papier et fil de publications */
.paper{color:var(--text);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23564732' opacity='.075' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.journal{position:relative;padding:74px 0 82px}.journal::before,.interlude::before,.about-section::before{content:"";position:absolute;top:-6px;left:0;width:100%;height:8px;background:var(--paper);clip-path:polygon(0 35%,2% 60%,4% 30%,6% 50%,8% 35%,10% 70%,12% 45%,15% 60%,18% 30%,20% 40%,22% 70%,25% 30%,28% 55%,31% 25%,34% 60%,37% 30%,40% 50%,44% 20%,48% 55%,52% 20%,56% 60%,60% 25%,64% 60%,68% 35%,72% 65%,76% 25%,80% 60%,84% 40%,88% 60%,92% 20%,96% 55%,100% 20%,100% 100%,0 100%)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:38px}.section-heading h2{margin-top:11px}.section-aside{font:italic 15px/1.5 var(--serif);color:#757265;margin-bottom:6px}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:66px;align-items:start}.journal-main{min-width:0}.filters{display:flex;flex-wrap:wrap;gap:4px}.filter{padding:9px 14px;border-radius:25px;color:#625d54;font-size:11px;line-height:1.4;transition:color .2s,background .2s}.filter.is-active{background:var(--ink);color:#f7e9d4}.filter:not(.is-active):hover{background:#08131b0b;color:var(--ink)}.feed{display:flex;flex-direction:column;gap:30px}.post-card{min-width:0;padding-bottom:30px;border-bottom:1px solid var(--line)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:11px;row-gap:5px;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#756f63;margin-bottom:9px}.post-card h3{font-size:29px;line-height:1.17;letter-spacing:-.7px}.icon-button[aria-pressed="true"]{color:var(--ember)}.icon-button[aria-pressed="true"] svg{fill:#b9432725}
/* Marge du carnet */
.journal-sidebar{display:flex;flex-direction:column;gap:35px;padding-top:1px}.about-card{padding:29px 28px 32px;background:var(--ink);color:#d4cbbb;position:relative;overflow:hidden;border-radius:3px;text-align:left}.about-sun{width:109px;height:63px;margin:0 0 23px}.about-sun circle{fill:#d39150;stroke:none}.about-sun path{fill:var(--ink);stroke:var(--ink);stroke-width:3}.about-card .eyebrow{color:#c79664;font-size:8px;letter-spacing:1.7px}.about-card h3{font-size:32px;line-height:1.16;color:#f6dfbd;letter-spacing:-.6px;margin-top:13px}.about-card h3 em{color:#d9ae7b}.about-card>p:not(.eyebrow){font:15px/1.75 var(--serif);color:#bfb8ab;margin-top:20px}.light-link{font-size:12px;margin-top:25px;color:#f1c993}.light-link svg{width:17px;height:17px}.sidebar-chapters>.eyebrow{font-size:9px;color:#736b5c;letter-spacing:1.7px;padding-bottom:9px;border-bottom:1px solid var(--line)}.sidebar-chapters>button{display:flex;align-items:center;width:100%;gap:17px;padding:18px 0;text-align:left;border-bottom:1px solid var(--line)}.sidebar-chapters>button:hover strong{color:var(--ember)}.sidebar-chapters strong{font:21px/1.2 var(--serif);display:block}.sidebar-chapters small{display:block;font-size:10px;color:#786f60;margin-top:4px}.sidebar-chapters svg{width:17px;height:17px;margin-left:auto;color:#87755c}.moment-card{background:#f4ecdc;border:1px solid var(--line);padding:10px;box-shadow:0 4px 15px #55402407;transform:rotate(-1.5deg)}.moment-card figcaption{padding:20px 15px 13px}.moment-card .eyebrow{font-size:8px;letter-spacing:1.8px}.moment-card figcaption p{margin-top:8px;font:italic 24px/1.15 var(--serif);color:#555044}
/* Interlude et présentation */
.interlude{position:relative;isolation:isolate;min-height:370px;display:flex;align-items:center;background:var(--ink);overflow:visible}.interlude::before{background:var(--ink);z-index:2}.interlude>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:-3}.interlude-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08131bf5 0%,#08131bce 32%,#08131b0a 77%),linear-gradient(0deg,#08131b50,#08131b20)}.interlude-inner{padding:55px 0}.interlude .eyebrow{color:var(--gold);font-size:9px}.interlude h2{font-size:clamp(36px,4.2vw,60px);line-height:1.12;margin-top:23px;color:#f5e2c3}.interlude h2 em{color:#e6bd8c}.interlude-caption{font-size:8px;letter-spacing:3.4px;margin-top:31px;color:#c0ac8e}.interlude-open{position:absolute;right:max(48px,calc((100% - var(--wrap))/2));bottom:37px;display:flex;align-items:center;gap:17px;color:#f7d7b1;font:italic 15px/1.4 var(--serif);text-shadow:0 1px 5px #000}.interlude-open svg{width:39px;height:39px;padding:10px;border:1px solid #f2c28e;border-radius:50%;background:#08131b55;transition:background .2s}.interlude-open:hover svg{background:var(--ember)}.about-section{padding:76px 0;position:relative}.about-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:center}.about-layout h2{margin-top:17px;font-size:43px;line-height:1.15}.about-layout h2 em{color:#6f6654}.about-text{font:17px/1.8 var(--serif);color:#59584f;max-width:550px}.about-text p+p{margin-top:15px}.about-text .about-signature{font-style:italic;color:var(--ember);padding-top:13px;font-size:18px}
/* Pied de page */
.site-footer{padding:49px 0 23px;color:#b6afa3}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:36px;border-bottom:1px solid #e3a46620}.site-footer .brand-name{font-size:22px}.site-footer .brand-mark{color:#cc734d}.site-footer .brand-subtitle{font-size:7px}.footer-main nav{display:flex;gap:28px;font:12px/1.5 var(--serif)}.footer-main nav a:hover{color:var(--gold)}.footer-main>p{text-align:right;font:15px/1.5 var(--serif);color:#d4bc9f}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;font-size:9px;color:#918e86}.footer-bottom>div{display:flex;gap:17px;align-items:center}.footer-bottom button{padding:6px 0;font-size:10px;display:flex;align-items:center;gap:7px;color:#b3a899}.footer-bottom button:hover{color:var(--gold)}.footer-bottom button svg{width:13px;height:13px}.footer-divider{color:#6c6155}
/* Lecture, image plein écran, informations */
dialog{border:1px solid #e3a46640;padding:0;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);color:var(--text);box-shadow:0 25px 100px #0008;border-radius:5px}dialog::backdrop{background:#031019d9;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.reading-cover{width:100%;height:300px;object-fit:cover;object-position:center 44%}.reading-lead{font:italic 20px/1.65 var(--serif);color:#7d5a3f;border-bottom:1px solid var(--line);padding-bottom:25px;margin:24px 0 25px}.reading-body p{font:18px/1.85 var(--serif);color:#414640;white-space:pre-line;overflow-wrap:anywhere}.reading-body p+p{margin-top:22px}.reading-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:36px;padding-top:21px;border-top:1px solid var(--line)}.reading-bottom>span{font:italic 13px/1.5 var(--serif);color:#8a765e}.reading-bottom>div{display:flex}.back-to-feed{font:13px/1.4 var(--serif);padding:8px 0;margin-top:21px;color:var(--ember)}.info-dialog{width:620px;padding:45px}.info-dialog h2{font-size:34px;margin:13px 0 24px}.info-dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#5e5c52;margin:14px 0}.info-dialog>.button{margin-top:20px}.dialog-close{position:absolute;right:10px;top:10px}
/* Éditeur sans serveur : sauvegarde locale et export explicites. */
.editor-dialog{width:1050px;padding:32px;overflow:auto}.editor-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.editor-topbar h2{font-size:34px;margin-top:9px}.editor-topbar>.icon-button{margin:-8px -12px 0 0}.editor-notice{font-size:12px;line-height:1.8;margin:23px 0;background:#d5bd9429;padding:15px 18px;border-left:2px solid #b88149;color:#6c5b43}.editor-notice strong{display:block;color:#554b3f}.editor-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px}.editor-list-wrap{min-width:0}.editor-list-wrap>.button{width:100%;font-size:13px}.editor-list{display:flex;flex-direction:column;gap:8px;margin:17px 0;max-height:420px;overflow-y:auto}.editor-list>button{padding:12px;text-align:left;border:1px solid var(--line);font:14px/1.4 var(--serif);overflow-wrap:anywhere}.editor-list>button.is-active{border-color:var(--ember);background:#b9432709}.editor-list>button small{font:9px/1.4 var(--sans);display:block;margin-bottom:5px;color:#90795e}.editor-export{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px;border:1px solid #5d6c60;font-size:13px;background:#ffffff29}.editor-export:hover{background:var(--ink);color:var(--paper)}.editor-export svg{width:17px;height:17px}.editor-help{font-size:10px;line-height:1.7;color:#796e5b;margin-top:13px}.editor-form{min-width:0}.editor-form label{display:block;font-size:11px;font-weight:600;margin:0 0 7px;color:#665a48}.editor-form input:not([type="checkbox"]),.editor-form textarea,.editor-form select{width:100%;max-width:100%;min-width:0;border:1px solid #8b785243;border-radius:2px;background:#fcf8ef;min-height:42px;padding:10px 12px;color:var(--text);font-size:13px;margin:0 0 18px}.editor-form textarea{resize:vertical;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row>div{min-width:0}.editor-form .checkbox-label{display:flex;align-items:center;gap:9px;font-weight:400;margin:0 0 21px}.checkbox-label input{width:16px;height:16px;accent-color:var(--ember)}.editor-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.editor-form-actions .button{font-size:13px;padding:13px 17px}.delete-post{color:#a03928;font-size:12px;padding:10px}.editor-status{font-size:12px;color:#50684c;line-height:1.6;margin-top:16px}.editor-status.is-warning{color:#95412a}
/* Tailles intermédiaires */
@media(min-width:1600px){:root{--wrap:1320px}.hero-copy{padding-top:100px;margin-left:27%}.journal-layout{grid-template-columns:minmax(0,1fr) 320px;gap:76px}.hero-intro{font-size:20px}.about-card{padding:33px}}
@media(max-width:1180px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:23px}.header-cta{display:none}.hero-copy{margin-left:27%;padding-top:85px}.hero h1{font-size:60px}.hero-aside{font-size:14px}.journal-layout{grid-template-columns:minmax(0,1fr) 265px;gap:38px}.filter{padding:9px 11px}.about-layout{gap:65px}.about-card{padding:25px}.ribbon-item{gap:14px}.ribbon-item strong{font-size:14px}}
@media(max-width:900px){:root{--header-height:76px}.desktop-nav{display:none}.menu-toggle{display:flex}.header-actions{gap:8px}.hero{height:660px;min-height:660px}.hero-copy{margin-left:22%;max-width:550px;padding-top:93px}.hero h1{font-size:60px}.hero-aside{right:0;bottom:35px;font-size:13px}.hero-aside span{display:none}.hero-coordinate{font-size:7px;letter-spacing:1.8px}.journal-layout{grid-template-columns:minmax(0,1fr) 225px;gap:29px}.journal{padding-top:57px}.section-heading{margin-bottom:30px}.section-aside{font-size:12px}.about-card{padding:23px 20px}.about-card h3{font-size:28px}.about-card .eyebrow{font-size:7px;letter-spacing:1px}.about-card>p:not(.eyebrow){font-size:14px}.filter{padding:8px 10px;font-size:10px}.ribbon-item{gap:12px}.ribbon-item strong{font-size:12px}.ribbon-item p>span{font-size:11px}.ribbon-item>svg{width:27px;height:27px}.ribbon-inner{gap:14px}.about-layout{gap:45px}.about-layout h2{font-size:37px}.footer-main{gap:20px}.footer-main nav{gap:17px}.footer-main>p{font-size:13px}.footer-bottom{align-items:flex-start}.editor-layout{grid-template-columns:210px minmax(0,1fr);gap:23px}.editor-dialog{padding:25px}.editor-form-actions .button{font-size:12px}.editor-notice{padding:12px 14px}}
@media(max-width:740px){.journal-layout{grid-template-columns:minmax(0,1fr)}.journal-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.about-card{padding:25px}.about-card h3{font-size:32px}.about-card .eyebrow{font-size:8px}.moment-card{display:none}.sidebar-chapters{padding-top:4px}.hero-copy{margin-left:16%;padding-top:88px}.hero-shade{background:linear-gradient(0deg,#08131b 0%,#08131b20 37%,#08131b00 90%),linear-gradient(90deg,#08131b45 0%,#08131b88 20%,#08131b44 60%,#08131b00 100%)}.hero h1{font-size:55px}.hero-intro{font-size:17px}.hero-buttons{gap:18px}.hero-buttons .button{font-size:13px;padding:13px 20px}.hero-secondary{font-size:12px}.about-layout{grid-template-columns:1fr;gap:27px}.about-layout h2 br{display:none}.about-text{max-width:none}.about-text p{font-size:16px}.about-section{padding:55px 0}.footer-main{flex-wrap:wrap}.footer-main nav{margin-left:auto}.footer-main>p{display:none}.footer-bottom{flex-direction:column;gap:10px}.editor-layout{display:flex;flex-direction:column;gap:25px}.editor-list{max-height:150px;display:grid;grid-template-columns:1fr 1fr}.editor-list>button{font-size:12px}.editor-help{margin-top:8px}.editor-list-wrap{padding-bottom:22px;border-bottom:1px solid var(--line)}.editor-topbar h2{font-size:29px}.reading-cover{height:250px}}
/* Téléphone : la page reste un fil, sans débordement horizontal. */
@media(max-width:540px){:root{--header-height:72px}.wrap{width:calc(100% - 40px)}.brand{gap:10px}.brand-mark{width:33px;height:38px}.brand-name{font-size:20px;letter-spacing:3.4px}.brand-subtitle{font-size:6.7px;letter-spacing:1.6px;margin-top:4px}.header-inner{gap:10px}.header-actions{gap:1px}.header-search{width:35px;height:40px}.menu-toggle{width:35px;padding:5px}.header-search svg{width:19px;height:19px}.hero{height:645px;min-height:645px}.hero-image{object-position:21% center}.hero-shade{background:linear-gradient(0deg,#08131b 0%,#08131b20 25%,#08131b00 85%),linear-gradient(90deg,#08131bb0 0%,#08131b85 47%,#08131b20 100%)}.hero-copy{margin-left:0;padding-top:88px;max-width:100%}.hero-eyebrow{font-size:7px;letter-spacing:1.55px;gap:10px}.hero-eyebrow>span{width:18px}.hero h1{font-size:clamp(39px,10.8vw,56px);line-height:1.06;letter-spacing:-1.2px;margin-top:25px}.hero-intro{font-size:17px;line-height:1.7;margin-top:24px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:19px;margin-top:25px}.hero-buttons .button{min-height:45px;font-size:13px;padding:12px 23px}.hero-secondary{padding-left:4px;font-size:12px}.hero-aside{display:none}.hero-coordinate{bottom:24px;font-size:7px;letter-spacing:1.6px}.scroll-cue{left:auto;right:22px;bottom:19px;width:29px;height:29px}.ribbon-inner{padding:23px 0 27px;gap:5px;align-items:start}.ribbon-item{flex-direction:column;gap:10px;text-align:center;padding:0 7px}.ribbon-item+ .ribbon-item{border-left:1px solid #e3a46620}.ribbon-item>svg{width:24px;height:24px}.ribbon-item strong{font-size:12px;line-height:1.3;max-width:100px}.ribbon-item p>span{display:none}.journal{padding:45px 0 48px}.section-heading{display:block;margin-bottom:27px}.section-heading .eyebrow{font-size:8px;letter-spacing:2px}.section-heading h2{font-size:37px;letter-spacing:-1.1px;margin-top:12px}.section-aside{display:block;margin-top:9px;font-size:13px}.filter{font-size:9px;padding:8px 10px}.filters{gap:1px}.post-card h3{font-size:27px}.post-meta{font-size:8px;letter-spacing:1.15px;gap:9px}.post-card{padding-bottom:26px}.feed{gap:26px}.journal-sidebar{grid-template-columns:1fr;margin-top:23px;gap:28px}.about-card{padding:29px;display:grid;grid-template-columns:1fr 72px}.about-sun{grid-column:2;grid-row:1/4;width:83px;height:63px;margin:15px 0 0 -11px}.about-card .eyebrow{grid-column:1;max-width:200px;font-size:7px}.about-card h3{grid-column:1;margin-top:12px;font-size:30px}.about-card>p:not(.eyebrow){grid-column:1/-1;font-size:15px;margin-top:18px}.about-card .light-link{grid-column:1/-1;margin-top:20px}.sidebar-chapters{display:none}.interlude{min-height:330px}.interlude>img{object-position:61% center}.interlude-shade{background:linear-gradient(90deg,#08131be6 0%,#08131b9c 60%,#08131b33)}.interlude-inner{padding:40px 0 60px}.interlude .eyebrow{font-size:8px}.interlude h2{font-size:36px;letter-spacing:-.6px;margin-top:23px;line-height:1.14}.interlude-caption{font-size:6px;letter-spacing:2.2px;margin-top:26px}.interlude-open{right:20px;bottom:21px;font-size:12px;gap:11px}.interlude-open svg{width:28px;height:28px;padding:7px}.about-section{padding:43px 0}.about-layout{gap:24px}.about-layout .eyebrow{font-size:8px}.about-layout h2{font-size:33px}.about-layout h2 br{display:block}.about-text{font-size:16px}.about-text .about-signature{font-size:17px}.site-footer{padding:34px 0 23px}.footer-main{display:block;padding-bottom:27px}.site-footer .brand-name{font-size:23px}.site-footer .brand-subtitle{font-size:6.7px}.footer-main nav{gap:30px;margin-top:27px;font-size:12px}.footer-bottom{font-size:8px;padding-top:17px;gap:11px}.footer-bottom>div{gap:13px}.footer-bottom button{font-size:9px}.footer-bottom button svg{width:12px;height:12px}.reading-cover{height:210px}.reading-lead{font-size:18px;line-height:1.6;margin:20px 0}.reading-body p{font-size:17px;line-height:1.8}.reading-body p+p{margin-top:21px}.reading-bottom>span{font-size:11px;max-width:165px}.reading-bottom .icon-button{width:36px;height:36px}.info-dialog{padding:38px 24px 28px;max-width:calc(100% - 20px)}.info-dialog h2{font-size:29px}.info-dialog .eyebrow{font-size:8px}.info-dialog>p:not(.eyebrow){font-size:13px}.info-dialog>.button{font-size:13px}.editor-dialog{padding:22px 18px;max-width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.editor-topbar h2{font-size:27px;letter-spacing:-.7px}.editor-topbar .eyebrow{font-size:8px;letter-spacing:1.6px}.editor-topbar>.icon-button{width:32px;height:32px;margin:-8px -8px 0 0}.editor-notice{font-size:11px;padding:10px 12px;margin:18px 0}.editor-list{max-height:135px;gap:6px}.editor-list>button{font-size:11px;padding:9px}.form-row{gap:10px}.editor-form-actions{gap:7px}.editor-form-actions .button{font-size:12px;padding:12px 14px;gap:8px}.editor-form-actions .button svg{width:16px;height:16px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand-name{font-size:18px;letter-spacing:3px}.brand-mark{width:30px}.brand-subtitle{font-size:6px}.brand{gap:9px}.hero h1{font-size:38px}.hero-eyebrow{font-size:6.5px;letter-spacing:1.3px}.hero-copy{padding-top:87px}.filter{font-size:8px;padding:8px}.hero-coordinate{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}

/* Identité Pitallier Media : même univers, nom plus long et cinq techniques. */
.brand-name{font-size:23px;letter-spacing:2.2px;white-space:nowrap}
.brand-subtitle{letter-spacing:3px}
.brand-mark{stroke-width:1.65}
.desktop-nav{gap:25px}
.header-inner{gap:20px}
.header-cta{padding-inline:20px}
.hero-copy{max-width:690px}
.domain-link{color:var(--ember);text-decoration:underline;text-underline-offset:4px}
.footer-domain{color:#c7b79f}
.footer-domain:hover{color:var(--gold)}
.filters{min-width:0}
.about-text strong{font-weight:600}
@media(max-width:1100px) and (min-width:901px){.brand-name{font-size:20px;letter-spacing:1.7px}.brand{gap:11px}.brand-mark{width:36px}.desktop-nav{gap:18px}.header-inner{gap:15px}.header-cta{font-size:12px;padding-inline:15px;gap:9px}.header-actions{gap:5px}}
@media(max-width:740px){}
@media(max-width:540px){.brand-name{font-size:18px;letter-spacing:1.35px}.brand-subtitle{font-size:6.8px;letter-spacing:2.6px}.brand{gap:9px}.brand-mark{width:30px;height:36px}.header-inner{gap:8px}.hero h1{font-size:clamp(36px,10vw,53px)}.hero-copy{padding-top:77px}.hero-intro{font-size:16px}.filter{font-size:10px;padding:8px 10px}.filters{gap:2px;row-gap:3px}.site-footer .brand-name{font-size:21px;letter-spacing:1.8px}.about-card .light-link{font-size:12px}.footer-main nav{flex-wrap:wrap;gap:20px}.footer-bottom>div{flex-wrap:wrap}}
@media(max-width:360px){.brand-name{font-size:16px;letter-spacing:1px}.brand-mark{width:27px}.brand{gap:7px}.brand-subtitle{font-size:6px;letter-spacing:2px}.header-search{width:31px}.menu-toggle{width:31px}.hero h1{font-size:35px}.hero-intro{font-size:15px}.hero-eyebrow{font-size:6.5px;letter-spacing:1.2px}.filter{font-size:9px;padding:8px 9px}}

