/* LPH deep pages — shared native Avia hero, family and editorial compositions.
   Loaded only on Univers Fichet or pages using the lph-deep-* component classes. */
#top.lph-site .lph08-section{border:0}
#top.lph-site .lph08-section .content{padding-top:80px;padding-bottom:80px}
#top.lph-site .lph08-section .entry-content-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
#top.lph-site .lph08-section .entry-content-wrapper::before,#top.lph-site .lph08-section .entry-content-wrapper::after,#top.lph-site .lph08-section .entry-content-wrapper>br{display:none}
#top.lph-site .lph08-section .flex_column{float:none;width:auto;margin:0;min-width:0}
#top.lph-site .lph08-section .av_one_full{grid-column:1/-1}
#top.lph-site .lph08-section .lph08-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.1em;margin-bottom:16px}
#top.lph-site .lph08-eyebrow p{margin:0}
#top.lph-site #wrap_all .lph08-section .av-special-heading .av-special-heading-tag{font-size:42px;line-height:1.16;letter-spacing:-.03em}
#top.lph-site #wrap_all .lph08-section .av-special-heading-h3 .av-special-heading-tag{font-size:27px;line-height:1.25;letter-spacing:-.025em}
#top.lph-site .lph08-section .av-special-heading{padding-bottom:18px;margin-top:0}
#top.lph-site .lph08-section .lph08-intro{max-width:870px}
#top.lph-site .lph08-section .lph08-intro .avia_textblock{max-width:760px}
#top.lph-site .lph08-section .avia_textblock p{margin-top:0}
#top.lph-site .lph08-section .avia-button-wrap{float:none;max-width:100%;margin:14px 10px 0 0}
#top.lph-site #wrap_all .lph08-section .lph08-secondary>.avia-button{background:#FFFFFF;color:#46463C;border:1px solid #8E927F}
#top.lph-site #wrap_all .lph08-section .lph08-secondary>.avia-button:hover{background:#46463C;color:#FFFFFF;border-color:#46463C}
#top.lph-site .lph08-section :is(.avia-image-container,.avia-image-container-inner,.avia-image-overlay-wrap){width:100%;max-width:none}
#top.lph-site .lph08-section .avia-image-container{margin:0}
#top.lph-site .lph08-section img{display:block;width:100%;height:auto;object-fit:cover;border-radius:2px}

/* Master hero: native Color Section, two native columns, Image, Heading, Text and Button. */
#top.lph-site .lph-deep-hero{background:#46463C;color:#FFFFFF}
.responsive #top.lph-site #wrap_all .lph-deep-hero>.container{width:100%;max-width:none;padding:0}
.responsive #top.lph-site #wrap_all .lph-deep-hero .flex_column{margin:0}
#top.lph-site .lph-deep-hero .content{padding:0}
#top.lph-site .lph-deep-hero .entry-content-wrapper{grid-template-columns:1fr 1.08fr;gap:0;align-items:center}
#top.lph-site .lph-deep-hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:580px;padding:40px 44px 42px max(5vw,calc((100vw - 1300px)/2))}
#top.lph-site .lph-deep-breadcrumb{font-size:12px;line-height:1.5;color:#E2E3D8;margin-bottom:26px}
#top.lph-site .lph-deep-breadcrumb a{color:#FFFFFF;text-decoration:none}
#top.lph-site .lph-deep-breadcrumb span{display:inline-block;margin:0 12px;color:#B9BAAD}
#top.lph-site .lph-deep-breadcrumb p{margin:0;color:#E2E3D8;font-size:12px;line-height:1.5}
#top.lph-site .lph-deep-hero .lph08-eyebrow{color:#DDDE6B;margin-bottom:18px}
#top.lph-site #wrap_all .lph-deep-hero .av-special-heading .av-special-heading-tag{font-size:clamp(44px,4.3vw,64px);line-height:1.04;letter-spacing:-.045em;color:#FFFFFF}
#top.lph-site .lph-deep-hero .av-special-heading{padding-bottom:0;margin-bottom:22px}
#top.lph-site .lph-deep-hero .lph-deep-lead{font-size:18px;line-height:1.65;color:#EEEEEA;max-width:470px}
#top.lph-site .lph-deep-lead p{margin:0}
#top.lph-site .lph-deep-hero .avia-button-wrap{width:254px;margin:26px 0 0}
#top.lph-site #wrap_all .lph-deep-hero .avia-button{width:100%;padding:12px 18px;line-height:1.4}
#top.lph-site .lph-deep-hero a:focus-visible{outline:3px solid #DDDE6B;outline-offset:4px}
#top.lph-site .lph-deep-hero-visual{position:relative;min-height:0;width:100%;height:auto;aspect-ratio:4/3;align-self:center;overflow:hidden;background:#FFFFFF}
#top.lph-site .lph-deep-hero .lph-deep-hero-photo{position:absolute;inset:0;height:100%;margin:0}
#top.lph-site .lph-deep-hero-photo :is(.avia-image-container-inner,.avia-image-overlay-wrap){height:100%}
#top.lph-site .lph-deep-hero-photo img{display:block;width:100%;max-width:100%;height:100%;object-fit:contain;object-position:50% 50%;border-radius:0;box-sizing:border-box}
#top.lph-site .lph-deep-hero-credit{position:absolute;right:20px;bottom:18px;font-size:10px;line-height:1.5;color:#FFFFFF;background:rgba(30,30,25,.72);padding:5px 9px;margin:0}
#top.lph-site .lph-deep-hero-credit p{margin:0;font-size:10px;line-height:1.5;color:#FFFFFF}

/* JP3 P11: only this official Complice BO photograph is approved for cover.
   Both URLs retain the exact 4:3 frame on every viewport. Forstyl is never upscaled. */
#top.lph-site:is(.page-id-4450,.page-id-4451) .lph-deep-hero-photo img{object-fit:cover}
#top.lph-site.page-id-4415 .lph-deep-hero-photo img{padding-inline:max(0px,calc(50% - 376px))}

/* N2 family grammar: one family per native column, one image and one destination. */
#top.lph-site .lph08-doors .entry-content-wrapper,#top.lph-site .lph-deep-families .entry-content-wrapper{align-items:stretch;row-gap:38px}
#top.lph-site .lph08-family{display:flex;flex-direction:column;height:100%}
#top.lph-site .lph08-family .avia-image-container{margin-bottom:26px}
#top.lph-site .lph08-family-image img{height:350px}
#top.lph-site .lph08-app-image img{object-position:85% center}
#top.lph-site .lph08-house-image img{object-position:center 56%}
#top.lph-site .lph08-family .av-special-heading{min-height:86px}
#top.lph-site .lph08-family .avia-button-wrap{margin-top:auto;padding-top:8px}
#top.lph-site .lph08-locks{border-top:1px solid #E3E5DC}
#top.lph-site .lph-deep-technical-media{padding:18px 24px;background:#F7F8F3}
#top.lph-site .lph-deep-technical-media img{height:240px;object-fit:contain;border-radius:0}

/* N3 editorial grammar: one subject, balanced native image/copy columns. */
#top.lph-site .lph08-method .content{padding-top:64px;padding-bottom:64px}
#top.lph-site .lph08-method .entry-content-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#top.lph-site .lph08-method .lph08-step{border-top:2px solid #BCBD00;padding-top:24px}
#top.lph-site #wrap_all .lph08-method .lph08-step .av-special-heading-tag{font-size:22px}
#top.lph-site .lph08-feature .entry-content-wrapper{gap:64px;align-items:center}
#top.lph-site .lph08-feature .avia_textblock{color:#EAEAE3}
#top.lph-site .lph08-feature .lph08-eyebrow{color:#DDDE6B}
#top.lph-site .lph08-feature-image img{height:520px;object-fit:contain}
#top.lph-site .lph08-specs ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:28px 0;padding:24px 0;border-top:1px solid #85867A;border-bottom:1px solid #85867A}
#top.lph-site .lph08-specs li{margin:0;padding:0;font-size:12px;line-height:1.5}
#top.lph-site .lph08-specs strong{display:block;color:#FFFFFF;font-family:var(--lph-font);font-size:21px;font-weight:600;letter-spacing:-.025em;margin-bottom:8px}
#top.lph-site .lph08-specs span{display:block}
#top.lph-site .lph08-official-link{font-size:12px;margin-top:24px}
#top.lph-site .lph08-official-link a{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px}
#top.lph-site .lph08-feature a:focus-visible{outline-color:#BCBD00}
#top.lph-site .lph08-complements .entry-content-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}
#top.lph-site .lph08-complement{border-top:1px solid #BCBD00;padding-top:24px;display:flex;flex-direction:column;height:100%}
#top.lph-site #wrap_all .lph08-complement .av-special-heading-tag{font-size:23px}
#top.lph-site .lph08-complement .avia-button-wrap{margin-top:auto;padding-top:8px}
#top.lph-site .lph08-complement .avia-button{font-size:13px}
#top.lph-site .lph08-faq{border-top:1px solid #E2E4DA}
#top.lph-site .lph08-faq .entry-content-wrapper{grid-template-columns:1fr 1.7fr;gap:64px}
#top.lph-site .lph08-accordion .toggler{padding:22px 48px 22px 18px;font-family:var(--lph-font);font-size:16px;font-weight:600;line-height:1.5;border-color:#DEDFD4;background:#FFFFFF}
#top.lph-site .lph08-accordion .toggle_content{font-size:16px;line-height:1.75;background:#FFFFFF;border-color:#DEDFD4;padding:22px}
#top.lph-site .lph08-accordion .toggle_icon{left:auto;right:18px;top:27px}
#top.lph-site .lph08-accordion .toggler:is(:hover,:focus-visible){color:#626300}
#top.lph-site .lph08-accordion .toggler:focus-visible{outline:2px solid #46463C;outline-offset:-3px}

@media(min-width:768px) and (max-width:1199px){
 #top.lph-site .lph08-section .entry-content-wrapper{gap:30px}
 #top.lph-site .lph-deep-hero .entry-content-wrapper{gap:0}
 #top.lph-site .lph-deep-hero-copy{padding-right:32px}
 #top.lph-site .lph08-family-image img{height:300px}
 #top.lph-site .lph08-feature-image img{height:430px}
 #top.lph-site #wrap_all .lph08-section .av-special-heading .av-special-heading-tag{font-size:34px}
 #top.lph-site #wrap_all .lph08-section .av-special-heading-h3 .av-special-heading-tag{font-size:23px}
 #top.lph-site #wrap_all .lph-deep-hero .av-special-heading .av-special-heading-tag{font-size:48px}
 #top.lph-site .lph08-specs strong{font-size:18px}
}
@media(max-width:989px){
 #top.lph-site .lph-deep-hero .entry-content-wrapper{grid-template-columns:1fr;gap:0}
 #top.lph-site .lph-deep-hero-copy{min-height:0;padding:32px 5vw 36px}
 #top.lph-site .lph-deep-hero .lph-deep-lead{max-width:620px}
 #top.lph-site .lph-deep-hero-visual{height:auto;min-height:0}
 #top.lph-site .lph-deep-hero-photo img{object-position:50% 50%}
 #top.lph-site .lph-deep-hero .av-special-heading{margin-bottom:18px}
 #top.lph-site .lph-deep-breadcrumb{margin-bottom:20px}
}
@media(max-width:767px){
 #top.lph-site .lph08-section .content{padding-top:44px;padding-bottom:44px}
 #top.lph-site .lph08-section .entry-content-wrapper{grid-template-columns:1fr;gap:28px}
 #top.lph-site .lph08-section .entry-content-wrapper>.flex_column{margin:0}
 #top.lph-site #wrap_all .lph08-section .av-special-heading .av-special-heading-tag{font-size:clamp(28px,7.8vw,34px);line-height:1.2}
 #top.lph-site #wrap_all .lph08-section .av-special-heading-h3 .av-special-heading-tag{font-size:24px;line-height:1.25}
 #top.lph-site .lph08-section .avia_textblock{font-size:16px;line-height:1.65}
 #top.lph-site .lph08-section .lph08-eyebrow{font-size:10px;line-height:1.5}
 #top.lph-site .lph-deep-hero .content{padding:0}
 #top.lph-site .lph-deep-hero .entry-content-wrapper{gap:0}
 #top.lph-site .lph-deep-hero-copy{padding:26px 7.5vw 30px}
 #top.lph-site .lph-deep-hero .lph-deep-breadcrumb{font-size:11px;line-height:1.5;margin-bottom:20px}
 #top.lph-site #wrap_all .lph-deep-hero .av-special-heading .av-special-heading-tag{font-size:clamp(34px,10vw,44px);line-height:1.06}
 #top.lph-site .lph-deep-hero .lph-deep-lead{font-size:16px;line-height:1.6}
 #top.lph-site .lph-deep-hero .avia-button-wrap{width:100%;max-width:340px;margin:22px 0 0}
 #top.lph-site .lph-deep-hero-visual{height:auto}
 #top.lph-site .lph-deep-hero-credit{font-size:10px;line-height:1.4;bottom:12px;right:12px}
 #top.lph-site .lph08-family .avia-image-container{margin-bottom:22px}
 #top.lph-site .lph08-family-image img{height:250px}
 #top.lph-site .lph08-family .av-special-heading{min-height:0}
 #top.lph-site .lph08-family .avia-button-wrap,#top.lph-site .lph08-complement .avia-button-wrap{margin-top:8px}
 #top.lph-site .lph-deep-technical-media{padding:16px}
 #top.lph-site .lph-deep-technical-media img{height:210px}
 #top.lph-site .lph08-feature-image img{height:auto;aspect-ratio:1;max-height:420px}
 #top.lph-site .lph08-section .lph08-specs{font-size:12px}
 #top.lph-site .lph08-specs ul{gap:12px;margin:24px 0;padding:20px 0}
 #top.lph-site .lph08-specs strong{font-size:18px}
 #top.lph-site .lph08-section .lph08-official-link{font-size:12px}
 #top.lph-site .lph08-section .lph08-accordion .toggler{font-size:15px;min-height:56px;padding-left:0}
 #top.lph-site .lph08-accordion .toggle_content{padding:18px 0}
 #top.lph-site .lph08-complement{padding-top:20px}
}