/* Edition CCI — experiences and continuous editorial identity */
.pn-experiences{display:grid;grid-template-columns:.85fr 1.15fr;margin:25px 0;border-radius:10px;overflow:hidden;background:#143c30;color:#fff;box-shadow:0 18px 45px #102d2529}
.pn-experiences>header{padding:42px 38px;background:radial-gradient(ellipse at 0 0,#386048,transparent 70%)}
.pn-experiences .pn-eyebrow{color:#e2c987;font-size:11px;letter-spacing:.16em;font-weight:800}
.pn-experiences h2{font:700 clamp(30px,3vw,44px)/1.08 Georgia,serif;margin:18px 0;color:#fff;letter-spacing:-.035em}
.pn-experiences>header>p{font-size:15px;line-height:1.7;color:#e1ebe4;max-width:36em}
.pn-experience-tabs{display:grid;gap:0;margin-top:28px;border-top:1px solid #ffffff35}
.pn-experience-tabs button{background:none;color:#d1dfd7;display:flex;align-items:center;gap:18px;text-align:left;padding:15px 0;border:0;border-bottom:1px solid #ffffff35;font-size:12px;cursor:pointer}
.pn-experience-tabs button span{font-size:18px;font-weight:750;flex:1}
.pn-experience-tabs button[aria-selected=true]{color:#f6d68b}
.pn-experience-tabs button:focus-visible,.pn-mini-card:focus-visible{outline:3px solid #d6b566;outline-offset:4px}
.pn-experience-stage{background:#f6f4ec;color:#18392e;min-width:0}
.pn-experience-panel{height:100%;min-height:480px}
.pn-experience-panel[hidden]{display:none!important}
.pn-exp-landscape{display:block;position:relative;height:100%;min-height:480px;overflow:hidden;color:white}
.pn-exp-landscape>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pn-exp-landscape:hover>img{transform:scale(1.035)}
.pn-exp-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#102e28ee,transparent 90%)}
.pn-exp-caption{position:absolute;inset:auto 36px 35px;display:grid;gap:22px}
.pn-exp-caption small{font-size:10px;letter-spacing:.14em;font-weight:800;color:#f4db9d}
.pn-exp-caption strong,.pn-exp-caption>span{color:#fff!important}.pn-exp-caption strong{font:700 clamp(32px,3.3vw,48px)/1.06 Georgia,serif;letter-spacing:-.035em}
.pn-exp-caption>span{border-top:1px solid #ffffff70;padding-top:18px;font-size:15px;font-weight:700}
.pn-exp-caption b{float:right;font-size:24px}
.pn-mini-memory,.pn-exp-listen{padding:35px;height:100%;box-sizing:border-box}
.pn-mini-memory .pn-eyebrow,.pn-exp-listen .pn-eyebrow{color:#785b26}
.pn-mini-memory h3,.pn-exp-listen h3{font:700 clamp(25px,2.5vw,36px)/1.1 Georgia,serif;margin:15px 0}
.pn-mini-memory p,.pn-exp-listen p{font-size:14px;line-height:1.65}
.pn-mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.pn-mini-card{aspect-ratio: .82;position:relative;border:1px solid #a69260;border-radius:7px;overflow:hidden;background:#254d3c;cursor:pointer;padding:0;box-shadow:0 4px 10px #183c3020}
.pn-mini-back,.pn-mini-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.pn-mini-back{font:italic 46px Georgia,serif;color:#dfc58c;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#ffffff05 10px,#ffffff05 11px)}
.pn-mini-front{opacity:0;transition:opacity .18s}
.pn-mini-front img{width:100%;height:100%;object-fit:cover}
.pn-mini-card.is-open .pn-mini-front,.pn-mini-card.is-matched .pn-mini-front{opacity:1}
.pn-mini-card.is-matched{border:3px solid #688d52;cursor:default}
.pn-mini-status{min-height:24px;font-weight:750;color:#294b35}
.pn-mini-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}
.pn-mini-actions button{padding:9px 12px;border:1px solid #b8baa8;border-radius:4px;background:#fff;color:#173c2b;cursor:pointer}
.pn-mini-actions a,.pn-exp-tv-link{text-decoration:underline;text-underline-offset:4px}
.pn-exp-listen{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.pn-exp-listen p{max-width:35em}
.pn-exp-listen .pn-button{margin:15px 0}
.pn-exp-tv-link{font-size:13px;margin-top:8px}
.pn-exp-sound{display:flex;align-items:center;gap:7px;height:65px;margin-bottom:23px}
.pn-exp-sound i{display:block;width:7px;background:#a48c52;border-radius:8px;height:25px}
.pn-exp-sound i:nth-child(2n){height:48px}.pn-exp-sound i:nth-child(3n){height:65px}
.hibou-panorama:not(.home) .pn-header{min-height:200px}
.hibou-panorama:not(.home) .pn-nav>a:first-child:not([aria-current]){background:transparent;box-shadow:none}
.hibou-panorama>main:not(.pn-main){max-width:1240px;width:calc(100% - 48px);box-sizing:border-box;margin:26px auto 36px;background:#fffef9;border:1px solid #fff;border-radius:10px;box-shadow:0 14px 38px #102f2924;color:#1d332b}
.hibou-panorama .pn-page-interior>article{max-width:1080px;margin:auto;padding:40px 36px}
.hibou-panorama .pn-page-interior>article>header h1{font:700 clamp(32px,4vw,52px)/1.1 Georgia,serif;color:#183c2f;letter-spacing:-.035em}
.hibou-panorama .hibou-article-page{padding:36px clamp(20px,5vw,70px)}
.hibou-panorama .hibou-article-header h1{font-family:Georgia,serif;color:#163b2d;letter-spacing:-.035em;line-height:1.12}
.hibou-panorama .hibou-article-kicker{color:#8b2928}
.hibou-panorama .hibou-article-content{font-size:18px;line-height:1.85}
.hibou-panorama .hibou-article-meta{border-color:#deded2;color:#59675e}
.hibou-panorama .j-rubrique{padding:32px}
.hibou-panorama .j-rubrique h1{font-family:Georgia,serif;color:#173c2e}
.hibou-panorama .j-rubrique a:hover{color:#7e2829}
@media(max-width:850px){.pn-experiences{grid-template-columns:1fr}.pn-experiences>header{padding:28px}.pn-experience-tabs{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.pn-experience-tabs button{gap:8px}.pn-experience-tabs button span{font-size:16px}.pn-experience-panel,.pn-exp-landscape{min-height:420px}.pn-experiences h2 br{display:none}.hibou-panorama>main:not(.pn-main){width:calc(100% - 24px)}}
@media(max-width:520px){.pn-experiences>header,.pn-mini-memory,.pn-exp-listen{padding:24px}.pn-experience-tabs button{font-size:10px}.pn-experience-tabs button span{font-size:14px}.pn-mini-cards{gap:8px}.pn-mini-back{font-size:33px}.pn-exp-caption{left:24px;right:24px}.pn-experience-panel,.pn-exp-landscape{min-height:390px}.hibou-panorama .pn-page-interior>article{padding:26px 18px}.hibou-panorama .j-rubrique{padding:20px 15px}}
@media(prefers-reduced-motion:reduce){.pn-exp-landscape>img,.pn-mini-front{transition:none}}