:root{
--primary: #2A4B7C;
--primary-color: #2A4B7C;
--primary-hover: #213C63;
--on-primary: #FFFFFF;
--secondary: #D98E2B;
--secondary-color: #D98E2B;
--secondary-hover: #BE7920;
--light-color: #D8D3C8;
--surface: #FFFFFF;
--dark-color: #1F2933;
--dark-light: #4A5560;
--gray-800: #121A21;
--gray-600: #7A8288;
--gray-300: #B8B2A4;
--gray-100: #E8E4DB;
--gray-200: #C4BEB0;
--white: #FFFFFF;
--callout-bg: #F7EBD8;
--callout-text: #8A5411;
--callout-border: #E8CFA3;
--blue: var(--primary-color);
--sky: #EDD9B4;
--ink: var(--dark-color);
--muted: var(--gray-600);
--paper: var(--light-color);
--sand: var(--gray-100);
--line: var(--gray-200);
--green: #DCE3EE;
--serif: 'Playfair Display',serif;
--sans: 'Manrope',sans-serif
}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{background:rgba(216,211,200,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.nav-wrap{max-width:1240px;margin:auto;min-height:80px;padding:0 24px;display:flex;align-items:center;gap:30px}.brand{font-size:21px;font-weight:500;letter-spacing:-.7px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand b{font-family:var(--serif);font-style:italic}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--blue);font-family:var(--serif);font-size:20px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:600}.main-nav a:hover,.text-link:hover,.article-link:hover{color:var(--blue)}.nav-cta{padding:10px 14px;background:var(--ink);color:#fff;border-radius:4px;font-size:13px;font-weight:700;display:flex;gap:7px;align-items:center}.nav-cta svg{width:15px}.menu-toggle{display:none;background:none;border:0;color:var(--ink);margin-left:auto}.hero{max-width:1240px;margin:0 auto;padding:72px 24px 56px;display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.eyebrow,.tag{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1.5px;margin:0 0 14px}.hero h1,h2{font-family:var(--serif);letter-spacing:-2px;line-height:1.03;margin:0}.hero h1{font-size:clamp(3.3rem,6vw,5.9rem)}.hero h1 em{font-weight:600;color:var(--blue)}.hero-text{font-size:18px;max-width:540px;margin:25px 0;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid transparent;padding:13px 17px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:.25s}.button svg{width:16px}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#213C63;transform:translateY(-2px)}.text-link,.article-link{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.text-link svg,.article-link svg{width:16px}.hero-proof{display:flex;gap:20px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.hero-proof b{display:block;font-size:18px;color:var(--ink)}.hero-image{position:relative;margin:0}.hero-image img{width:100%;height:540px;object-fit:cover;display:block;border-radius:2px}.hero-image:before{content:'';width:130px;height:130px;background:var(--sky);position:absolute;z-index:-1;top:-22px;right:-22px}.hero-image figcaption{position:absolute;bottom:17px;left:-20px;background:var(--white);padding:10px 16px;font-size:12px;font-weight:700}.category-strip{max-width:1240px;margin:0 auto 92px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr)}.category-strip a{padding:20px;border:1px solid var(--line);margin:-1px 0 0 -1px;transition:.25s}.category-strip a:hover{background:var(--white);transform:translateY(-4px);box-shadow:0 10px 25px #1F293310}.category-strip svg{width:22px;color:var(--blue);display:block;margin-bottom:18px}.category-strip span{font-family:var(--serif);font-size:20px;display:block}.category-strip small{color:var(--muted);font-size:12px}.editorial-section,.tools-section,.faq-section{max-width:1240px;margin:0 auto;padding:42px 24px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading h2,.tools-section h2,.outdoor-copy h2,.faq-section h2,.budget-band h2{font-size:clamp(2.3rem,4vw,4.2rem)}.section-heading>p{max-width:380px;color:var(--muted);margin:0}.story-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:20px}.feature-story{grid-row:span 2;display:grid;grid-template-columns:1fr 1fr;background:var(--white)}.story-visual{min-height:205px;display:grid;place-content:center;gap:9px;position:relative}.feature-story .story-visual{min-height:100%}.story-visual svg{width:47px;height:47px;stroke-width:1.2}.blue-panel{background:var(--sky);color:#8A5411}.sand-panel{background:var(--sand);color:#4A5560}.green-panel{background:var(--green);color:#213C63}.card-number{position:absolute;top:18px;left:18px;font-weight:bold}.story-visual p{font-size:12px;margin:0}.story-content,.mini-story{padding:23px;background:var(--white)}.story-content{display:flex;flex-direction:column;justify-content:center}.story-content h3,.mini-story h3{font-family:var(--serif);font-size:25px;line-height:1.15;margin:0 0 14px;letter-spacing:-.7px}.story-content p:not(.tag){font-size:14px;color:var(--muted);margin:0 0 20px}.mini-story{padding:0 0 22px}.mini-story .story-visual{margin-bottom:21px}.mini-story .tag,.mini-story h3,.mini-story .article-link{margin-left:22px;margin-right:22px}.mini-story h3{font-size:21px}.budget-band{background:var(--ink);color:#fff;padding:82px max(24px,calc((100% - 1192px)/2));display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.budget-band .eyebrow{color:var(--sky)}.budget-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.budget-steps div{border-top:1px solid #ffffff44;padding-top:14px}.budget-steps b{color:var(--sky);font-size:14px}.budget-steps p{font-size:13px;line-height:1.45}.tools-section{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:22px;align-items:start}.tool-intro{padding-right:27px}.tool-intro>p:not(.eyebrow){color:var(--muted)}.calculator-card{background:#DCE3EE;padding:27px;border-radius:3px}.paint-card{background:var(--sand)}.calc-head{display:flex;gap:14px;align-items:center;margin-bottom:25px}.calc-head>svg{color:var(--blue);width:30px;height:30px}.calc-head h3{font-family:var(--serif);font-size:22px;margin:0;line-height:1.1}.calc-head .tag{margin:0 0 3px}.fields{display:grid;gap:13px}.fields label{font-size:12px;font-weight:700}.fields input,.fields select{display:block;width:100%;padding:10px;margin-top:4px;border:1px solid #C4BEB0;background:#fff;border-radius:3px;color:var(--ink)}.calc-btn{width:100%;margin:18px 0 14px}.button-dark{background:var(--ink);color:#fff}.result{display:block;font-size:13px;min-height:42px;color:var(--muted)}.result strong{display:block;font-size:19px;color:var(--ink)}.result small{display:block;margin-top:4px}.outdoor-section{display:grid;grid-template-columns:1fr 1fr;max-width:1240px;margin:0 auto;padding:0 24px 100px;align-items:stretch}.outdoor-image img{width:100%;height:100%;min-height:500px;object-fit:cover}.outdoor-copy{padding:70px;align-self:center;background:var(--white)}.outdoor-copy p:not(.eyebrow){color:var(--muted)}.outdoor-copy ul{list-style:none;padding:0;margin:25px 0}.outdoor-copy li{display:flex;gap:9px;margin:9px 0;font-size:14px}.outdoor-copy li svg{width:17px;color:var(--blue);flex:none}.button-outline{border-color:var(--ink)}.button-outline:hover{background:var(--ink);color:#fff}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list details{border-top:1px solid var(--line);padding:17px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:var(--serif);font-size:21px;font-weight:bold;line-height:1.3;padding-right:28px}details p{color:var(--muted);font-size:14px;margin-bottom:2px}.site-footer{background:#121A21;color:#C4BEB0;padding:52px max(24px,calc((100% - 1192px)/2)) 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:38px;padding-bottom:40px}.footer-brand{color:#fff}.footer-grid p{font-size:14px;max-width:330px}.footer-grid h3{font-size:13px;color:#fff;margin:0 0 14px}.footer-grid a:not(.brand){font-size:13px;display:block;margin:6px 0}.footer-bottom{border-top:1px solid #ffffff1f;padding-top:20px;font-size:12px;display:flex;justify-content:space-between}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal-on-scroll.revealed{opacity:1;transform:none}.not-found{max-width:1240px;margin:110px auto;padding:0 24px}.not-found h1{font-family:var(--serif);font-size:55px;line-height:1.05}.not-found p:not(.eyebrow){color:var(--muted);margin-bottom:24px}@media(max-width:900px){.hero{gap:35px}.story-grid{grid-template-columns:1fr 1fr}.feature-story{grid-column:span 2}.tools-section{grid-template-columns:1fr 1fr}.tool-intro{grid-column:span 2}.outdoor-copy{padding:42px}.faq-section{gap:35px}}@media(max-width:650px){.nav-wrap{min-height:67px;padding:0 17px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:15px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.open{display:grid;gap:15px}.nav-cta{display:none}.hero{padding:43px 20px;display:flex;flex-direction:column;align-items:stretch}.hero h1{font-size:48px}.hero-text{font-size:16px}.hero-image{margin-top:16px}.hero-image img{height:330px}.hero-proof{gap:10px}.hero-proof b{font-size:16px}.category-strip{padding:0 20px;margin-bottom:47px;grid-template-columns:1fr 1fr}.editorial-section,.tools-section,.faq-section{padding:30px 20px 65px}.section-heading{display:block}.section-heading>p{margin-top:18px}.story-grid,.feature-story{display:block}.feature-story,.mini-story{margin-bottom:18px}.feature-story .story-visual{min-height:205px}.budget-band{padding:55px 20px;display:block}.budget-steps{margin-top:32px}.tools-section{display:block}.tool-intro{padding:0}.calculator-card{margin-top:18px}.outdoor-section{display:flex;flex-direction:column;padding:0 20px 65px}.outdoor-image img{min-height:300px}.outdoor-copy{padding:35px 25px}.faq-section{display:block}.faq-list{margin-top:33px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.hero-actions{gap:16px;flex-wrap:wrap}}

/* ===== SLATEWAYS-SUBMENU-STRUMENTI ===== sous-menu Strumenti (header + footer).
   Tokens du :root avec fallback pour rester coherent si la DA evolue. */
.main-nav .has-submenu{position:relative;display:flex;align-items:center}
.main-nav .submenu-parent{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;margin:0;font:inherit;font-size:14px;font-weight:600;color:inherit;cursor:pointer;line-height:1}
.main-nav .submenu-parent:hover{color:var(--primary-color,#2A4B7C)}
.main-nav .submenu-parent svg{width:14px;height:14px;transition:transform .2s ease}
.main-nav .has-submenu[data-open="true"] .submenu-parent{color:var(--primary-color,#2A4B7C)}
.main-nav .has-submenu[data-open="true"] .submenu-parent svg{transform:rotate(180deg)}
/* pont invisible : le curseur traverse l'espace parent -> panneau sans refermer */
.main-nav .has-submenu:before{content:'';position:absolute;top:100%;left:0;right:0;height:16px}
.main-nav .submenu{position:absolute;top:calc(100% + 15px);left:-14px;min-width:296px;margin:0;padding:8px;list-style:none;background:var(--surface,#fff);border:1px solid var(--gray-200,#C4BEB0);box-shadow:0 18px 42px rgba(31,41,51,.14);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:30}
.main-nav .has-submenu[data-open="true"] .submenu{opacity:1;visibility:visible;transform:none}
.main-nav .submenu li{margin:0}
.main-nav .submenu a{display:block;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.3;border-radius:3px;color:var(--dark-color,#1F2933)}
.main-nav .submenu a:hover,.main-nav .submenu a:focus-visible{background:var(--gray-100,#E8E4DB);color:var(--primary-color,#2A4B7C)}
.main-nav .submenu a small{display:block;margin-top:3px;font-size:11px;font-weight:500;color:var(--gray-600,#7A8288)}
.main-nav .submenu a:hover small{color:var(--dark-light,#4A5560)}
.main-nav .submenu .submenu-all{border-top:1px solid var(--gray-200,#C4BEB0);margin-top:6px;padding-top:6px}
.main-nav .submenu .submenu-all a{font-size:12px;color:var(--primary-color,#2A4B7C)}
/* Footer : sous-liste des outils sous l'entree Strumenti */
.footer-grid .footer-sub{list-style:none;margin:3px 0 10px;padding:0 0 0 13px;border-left:1px solid rgba(255,255,255,.17)}
.footer-grid .footer-sub li{margin:0}
.footer-grid .footer-sub a{font-size:12px;margin:5px 0;opacity:.82}
.footer-grid .footer-sub a:hover{opacity:1;color:var(--secondary-color,#D98E2B)}
.footer-grid a:not(.brand):hover{color:var(--secondary-color,#D98E2B)}
@media(max-width:650px){
  .main-nav .has-submenu{display:block}
  .main-nav .has-submenu:before{display:none}
  .main-nav .submenu-parent{width:100%;justify-content:space-between}
  .main-nav .submenu{position:static;min-width:0;left:auto;margin:12px 0 4px;padding:4px;border:0;border-left:2px solid var(--gray-200,#C4BEB0);border-radius:0;box-shadow:none;background:none;display:none;opacity:1;visibility:visible;transform:none}
  .main-nav .has-submenu[data-open="true"] .submenu{display:block}
}
/* ===== /SLATEWAYS-SUBMENU-STRUMENTI ===== */
/* ===== SLATEWAYS-RISORSE-MENU ===== dropdown large des Risorse (9 entrées). */
.main-nav .submenu-wide{min-width:560px;left:auto;right:-14px;display:grid;grid-template-columns:1fr 1fr;gap:0 4px}
.main-nav .submenu-wide .submenu-all{grid-column:1/-1}
@media(max-width:900px){.main-nav .submenu-wide{min-width:0;right:auto;left:-14px;grid-template-columns:1fr}}
@media(max-width:650px){.main-nav .submenu-wide{display:none;grid-template-columns:1fr}.main-nav .has-submenu[data-open="true"] .submenu-wide{display:grid}}
/* ===== /SLATEWAYS-RISORSE-MENU ===== */
/* ===== SLATEWAYS-LARGEUR-UNIFIEE ===== toutes les pages a la largeur de la home.
   `.container` etait utilisee par les pages legales et par la mappa sans jamais
   avoir ete definie : ces blocs s'etalaient sur toute la fenetre. */
.container{max-width:1240px;margin:0 auto;padding:0 24px}
@media(max-width:650px){.container{padding:0 20px}}
/* ===== /SLATEWAYS-LARGEUR-UNIFIEE ===== */
/* ===== SLATEWAYS-LOGO-IMG ===== logo PNG transparent en remplacement du monogramme.
   Le footer est sombre : le logo cobalto y serait illisible, on l inverse en blanc. */
.brand .logo-img{height:34px;width:auto;display:block}
.footer-brand .logo-img{height:30px;filter:brightness(0) invert(1);opacity:.92}
@media(max-width:650px){.brand .logo-img{height:28px}}
/* ===== /SLATEWAYS-LOGO-IMG ===== */