:root{--green:#173e28;--ink:#163722;--brown:#98501e;--border:#e7e3db;--quiet:#73766f;font-family:'Arial Narrow',Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #cf8c47;outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;padding:12px;background:white;z-index:99}.skip:focus{top:10px}.wrap{max-width:1260px;margin:auto;padding-inline:36px}.masthead{background:#fff;position:relative;z-index:2}.header-inner{max-width:1260px;min-height:173px;margin:auto;padding:0 36px;display:flex;align-items:end;justify-content:space-between;gap:26px}.brand{position:relative;width:590px;flex:0 1 590px;height:195px;margin-bottom:-45px;display:block;overflow:hidden}.brand img{position:absolute;width:100%;height:auto;top:-72.4%;left:0;clip-path:polygon(0 0,100% 0,100% 100%,84% 100%,84% 56%,0 56%)}nav{display:flex;justify-content:flex-end;gap:25px;align-items:center;padding-bottom:29px;flex-wrap:wrap;font-size:15px;font-weight:700}nav a{text-decoration:none;white-space:nowrap;padding:8px 0;border-bottom:3px solid transparent}nav a:hover,nav a.active{color:#995021;border-bottom-color:#995021}.menu-toggle{display:none}.hero{position:relative;background:linear-gradient(90deg,rgba(10,29,17,.49),rgba(13,34,23,.12)),url('foret-panoramique.webp') center 57%/cover;color:#fff}.hero-inner{max-width:1260px;padding:0 36px 46px;margin:auto}.signature{position:relative;overflow:hidden;width:535px;max-width:54%;aspect-ratio:1330 / 110;margin-bottom:52px;top:12px}.signature img{position:absolute;width:121.955%;height:auto;top:-718.18%;left:0;filter:brightness(0) invert(1);filter:brightness(0) invert(1) drop-shadow(0 2px 3px #172a1f)}.hero-copy{padding-top:22px}.hero h1{font-size:clamp(26px,3.25vw,42px);line-height:1.15;text-transform:uppercase;letter-spacing:-1.2px;margin:0 0 14px;font-weight:800}.hero p{font-size:clamp(16px,1.7vw,22px);line-height:1.5;margin:0 0 25px;max-width:1050px;text-shadow:0 2px 4px #142b1a}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:5px;font-size:16px;line-height:1.3;font-weight:700;text-transform:uppercase;text-decoration:none;border:1px solid transparent;min-height:48px;transition:filter .15s}.button:hover{filter:brightness(1.09)}.button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brown{background:linear-gradient(#bd7a34,#904416);border-color:#a05d25;color:#fff;box-shadow:inset 0 1px #ffffff36}.outline{background:#102a1d45;border:2px solid #f9f8ed;color:#fff}.resources{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;padding-top:31px;padding-bottom:34px}h2{font-size:25px;line-height:1.2;text-transform:uppercase;letter-spacing:-.7px;margin:0 0 18px;font-weight:800}.resource{display:flex;align-items:center;gap:23px;min-height:112px;margin-bottom:13px;background:#fff;box-shadow:0 4px 16px #21341c12;border:1px solid #efede8;border-radius:9px;padding:18px 23px;text-decoration:none;transition:box-shadow .15s,border-color .15s}.resource:last-child{margin-bottom:0}.resource:hover{border-color:#c4ab8a;box-shadow:0 5px 20px #21341c20}.tool-icon{width:57px;height:57px;flex:none;fill:none;stroke:#a35925;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.resource>div{border-left:1px solid #d9cabc;padding-left:22px}.resource h3{font-size:23px;line-height:1.1;margin:0 0 7px;text-transform:uppercase;font-weight:800;letter-spacing:-.6px}.resource h3.mixed{text-transform:none}.resource p,.book p{font-size:16px;line-height:1.4;margin:0 0 5px;color:#26372b}small{display:block;font-size:12px;line-height:1.5;color:#6b7069}.chevron{font-size:39px;line-height:1;font-weight:400;color:#a35a25;margin-left:auto}.book{background:#fff;border:1px solid #efede8;box-shadow:0 4px 16px #21341c12;border-radius:9px;overflow:hidden}.book-image{display:block;overflow:hidden;aspect-ratio:1.9}.book img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .25s}.book-image:hover img{transform:scale(1.03)}.book-copy{padding:14px 15px 17px}.book h3{font-size:22px;line-height:1.2;margin:0 0 7px;letter-spacing:-.5px}.book .button{font-size:13px;padding:9px 14px;min-height:39px;margin-top:13px}.footer{background:linear-gradient(100deg,rgba(12,51,27,.94),rgba(53,65,33,.9) 48%,rgba(122,71,24,.94)),url('foret-panoramique.webp') center 75%/cover;color:#fff}.footer-inner{padding-top:26px;padding-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{text-decoration:none;display:grid;gap:5px}.footer-brand strong{font-size:29px;letter-spacing:-1px}.footer-brand>span{font-family:cursive;font-style:italic;font-size:16px}.footer-inner>div{text-align:right;font-size:14px}.footer-inner>div>a{font-size:13px;color:#eee5d5}.footer-inner p{margin:9px 0 0;font-weight:700}.inner-header .brand{height:116px;width:340px;flex-basis:340px;margin-bottom:0}.inner-header .header-inner{min-height:125px}.inner-header nav{padding-bottom:25px}.page-intro{padding-block:46px;background:#f5f4ee}.page-intro h1{font-size:40px;margin:0 0 14px}.page-intro p{font-size:19px;line-height:1.6;max-width:760px;margin:0}.source-area{padding-block:35px 55px}.empty-sources{padding:30px;border-left:4px solid #a3662f;background:#f9f8f5;max-width:850px}.empty-sources h2{font-size:23px;text-transform:none}.empty-sources p{font-size:17px;line-height:1.6;margin-bottom:0}.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.source-item{padding:24px;border:1px solid #e7e3db;border-radius:8px}.source-item h2{text-transform:none;font-size:23px}.source-item p{line-height:1.6}.source-item a{color:#75451c;font-weight:700}.source-meta{font-size:13px;color:#6b7069}@media(min-width:1450px){.header-inner{min-height:185px}.brand{width:630px;flex-basis:630px;height:205px}.signature{width:570px}.hero h1{font-size:43px}}@media(max-width:1050px){.header-inner{min-height:145px;gap:12px}.brand{width:440px;flex-basis:440px;height:160px;margin-bottom:-28px}nav{gap:15px;font-size:13px;padding-bottom:22px}.signature{width:405px}.resources{gap:23px}.resource{padding:16px;gap:15px}.resource>div{padding-left:15px}.tool-icon{width:44px;height:44px}h2{font-size:21px}.resource h3{font-size:21px}.resource p,.book p{font-size:15px}}@media(max-width:760px){.wrap{padding-inline:21px}.header-inner{padding-inline:21px;min-height:126px;align-items:center;flex-wrap:wrap}.brand{width:340px;flex:0 1 340px;height:126px;margin-bottom:-23px}.menu-toggle{display:flex;gap:10px;align-items:center;border:1px solid #c9cabc;border-radius:5px;background:#fff;color:#24432d;font:700 14px Arial;padding:10px 12px;margin-left:auto;min-height:44px}nav{display:none;flex-basis:100%;padding:15px 0 18px;justify-content:flex-start;gap:8px 22px;font-size:15px}nav.open{display:flex}.hero-inner{padding:0 21px 32px}.signature{max-width:85%;width:320px;margin-bottom:33px;top:13px}.hero-copy{padding-top:14px}.hero h1{font-size:30px;max-width:630px}.hero p{font-size:17px}.hero-actions{gap:12px}.button{font-size:14px;padding:12px 14px}.resources{grid-template-columns:1fr;padding-block:28px;gap:28px}h2{font-size:24px}.resource{min-height:111px;gap:20px;padding:18px}.resource h3{font-size:24px}.tool-icon{width:49px;height:49px}.resource p,.book p{font-size:16px}.book-image{aspect-ratio:1.8}.book-copy{padding:18px}.book h3{font-size:26px}.book .button{font-size:15px}.footer-inner{align-items:flex-start}.source-list{grid-template-columns:1fr}.inner-header .brand{height:115px;max-width:68%}.inner-header .header-inner{min-height:115px}.page-intro h1{font-size:34px}}@media(max-width:440px){.brand{width:270px;flex-basis:270px;height:108px}.header-inner{min-height:108px;padding-inline:16px;gap:0}.menu-toggle{padding:9px;font-size:12px;gap:5px}.hero h1{font-size:27px;letter-spacing:-.7px}.signature{width:258px}.tool-icon{width:37px;height:37px}.resource{gap:12px;padding:17px 13px}.resource>div{padding-left:13px}.resource h3{font-size:22px}.chevron{font-size:32px}.footer-inner{flex-direction:column}.footer-inner>div{text-align:left}.footer-brand strong{font-size:27px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.brand{height:auto!important;aspect-ratio:1622 / 499}.brand img{top:-72.545%;clip-path:polygon(0 0,100% 0,100% 100%,82% 100%,82% 56%,0 56%)}

nav a[aria-current="page"]{font-weight:800}.masthead nav a[href="./"]{font-weight:800;font-size:18px}

/* Signature originale : tracé manuscrit du logo, rendu en blanc. */
.signature{aspect-ratio:1630 / 155}
.signature svg{display:block;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 2px 2px #173e28)}
/* Environ 3 mm (11 px CSS) entre les boutons et le bas de la bannière. */
.hero-inner{padding-bottom:11px}.hero-copy{padding-top:57px}
@media(max-width:760px){.hero-inner{padding-bottom:11px}.hero-copy{padding-top:35px}}

.footer-brand{display:block;width:360px;max-width:100%;background:#fff;border-radius:4px;padding:8px 12px}.footer-brand img{display:block;width:100%;height:auto}@media(max-width:550px){.footer-brand{width:310px}}

/* Logo complet fourni : tiret et signature manuscrite d’origine. */
.brand{aspect-ratio:2048 / 774;height:auto!important;margin-bottom:0!important;overflow:visible}
.brand img{position:static;width:100%;height:auto;top:auto;left:auto;clip-path:none;filter:none;display:block}
.header-inner{align-items:center;padding-top:9px;padding-bottom:9px}
.masthead nav{padding-bottom:0}
.hero-copy{padding-top:74px}
@media(max-width:760px){.hero-copy{padding-top:48px}.inner-header .brand{max-width:68%}}

/* En-tête compact : logo et signature intacts, espace blanc réduit. */
.masthead .header-inner{min-height:0;padding-top:7px;padding-bottom:7px;align-items:center}
.masthead .brand{width:365px;flex:0 1 365px;margin:0!important}
.masthead nav{padding:0}
@media(min-width:1450px){.masthead .brand{width:390px;flex-basis:390px}}
@media(max-width:760px){.masthead .brand{width:280px;flex:0 1 280px}.masthead .header-inner{padding-top:5px;padding-bottom:5px}.masthead nav{padding:12px 0}.masthead .menu-toggle{margin-left:auto}}
@media(max-width:440px){.masthead .brand{width:230px;flex-basis:230px}}

/* Composition centrée suivant la référence : aucune bannière hors du cadre. */
.portal-page{width:100%;max-width:1320px;margin:0 auto;background:#fff}
.portal-page .header-inner,.portal-page .hero-inner,.portal-page .wrap{width:100%;max-width:none;padding-left:40px;padding-right:40px;min-width:0}
.portal-page .resources{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px}
.portal-page .resources>div,.portal-page .resource>div{min-width:0}
.portal-page .resource p{overflow-wrap:anywhere}
.portal-page .hero h1{font-size:clamp(27px,3vw,40px)}
.contact-footer{padding:9px 24px 22px;color:#686f66;text-align:center;background:white;font:13px/1.5 Arial,Helvetica,sans-serif}
.contact-footer p{display:inline-block;margin:0;padding:4px 12px;background:#f6f4ed}
.contact-footer a{color:#225e96}
@media(max-width:760px){.portal-page .header-inner,.portal-page .hero-inner,.portal-page .wrap{padding-left:21px;padding-right:21px}.portal-page .resources{grid-template-columns:1fr;gap:28px}.contact-footer{font-size:12px;padding-inline:15px}}

.source-list:has(>.source-item:only-child){grid-template-columns:minmax(0,850px)}

/* Accueil : logo plus présent, photographie moins haute et accès directs dans les cartes. */
.home-page .masthead .brand{width:540px;flex:0 1 540px}
.home-page .hero-copy{padding-top:30px}
.home-page .hero-inner{padding-bottom:30px}
.home-page .hero p{margin-bottom:0}
@media(min-width:1450px){.home-page .masthead .brand{width:570px;flex-basis:570px}}
@media(min-width:761px) and (max-width:1050px){.home-page .masthead .header-inner{flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:15px}.home-page .masthead .brand{width:480px;flex:0 1 480px}.home-page .masthead nav{flex:1 1 100%;justify-content:flex-start}}
@media(max-width:760px){.home-page .masthead .brand{width:calc(100% - 82px);max-width:360px;flex:0 1 calc(100% - 82px)}.home-page .masthead .header-inner{gap:8px}.home-page .hero-copy{padding-top:23px}.home-page .hero-inner{padding-bottom:23px}}
@media(max-width:440px){.home-page .masthead .brand{width:calc(100% - 70px);flex-basis:calc(100% - 70px)}}

.resource[href="sylvasources/"] h3{text-transform:none}