#accueil.cover-home{position:relative;display:flex;align-items:center;isolation:isolate;width:100%;min-height:clamp(35rem,54vw,49rem);margin:0;padding:0;overflow:hidden}
#accueil .cover-home-content{padding-block:clamp(2.3rem,7vw,6.5rem);padding-right:0}
#accueil .cover-home-content>div{max-width:min(39vw,32rem)}
#accueil .cover-home-content h1{font-size:clamp(4rem,7vw,7.25rem)}
#accueil .cover-home-photo{position:absolute;z-index:-1;inset:0;margin:0;pointer-events:none}
#accueil .cover-home-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:right center;filter:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,#0003 44%,#000 72%);mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,#0003 44%,#000 72%)}
#accueil .cover-home-photo figcaption{position:absolute;bottom:1rem;right:var(--gutter);padding:.24rem .55rem;margin:0;background:#fcfbf8e8;color:#4d453e;font-size:.73rem}
#personnalisation .portfolio{gap:clamp(.65rem,1.5vw,1.35rem)}
#personnalisation .portfolio img{aspect-ratio:1.12;object-fit:cover}
#personnalisation .portfolio figcaption{font-size:.88rem;margin:.48rem 0 .1rem}
.visit .visit-map{align-self:center;margin:0}
.visit-map .map-frame{display:block;overflow:hidden;border-radius:.25rem}
.visit-map .map-frame img{width:100%;height:auto;aspect-ratio:auto}
.visit-map figcaption{font-size:.78rem;color:#4f4840}
.visit .metro-access{margin-top:.8rem}
.visit .metro-tag{display:inline-flex;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;margin-right:.45rem;background:#8c3f32;color:white;border-radius:.2rem;font-weight:600;font-size:.84rem}
footer h2,footer strong,footer a,footer summary{font-weight:400;text-decoration:none}
footer a:hover{text-decoration:none;color:#efc4a7}
footer .footer-main h2{color:#e7c6b0;font-size:1rem}
footer .footer-main a{line-height:1.8}
.surpiq-preview.magazine-bridge{--wine:#28202b;--cream:#f8ede1;--clay:#944b38;--peach:#f0b79a;background:var(--wine);color:var(--cream);padding:clamp(3.6rem,8vw,7rem) 0}
.magazine-bridge .bridge-top{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(1.5rem,6vw,6rem)}
.magazine-bridge .bridge-copy{max-width:34rem}
.magazine-bridge .bridge-copy h2{font-family:Cormorant,Georgia,serif;text-transform:none;letter-spacing:-.035em;font-weight:400;font-size:clamp(3.1rem,5vw,6rem);line-height:.94;margin:.7rem 0 1rem;color:var(--cream)}
.magazine-bridge .media-kicker{color:#f0b79a;letter-spacing:.125em}
.magazine-bridge .surpiq-mark{width:clamp(7rem,11vw,10rem);margin-top:.65rem}
.magazine-bridge .bridge-photo img{aspect-ratio:1.46;object-fit:cover}
.magazine-bridge .bridge-photo figcaption{color:#e5cfbf}
.magazine-bridge .media-button{background:var(--peach);color:var(--wine);margin-top:1.45rem}
.magazine-bridge .media-button:hover{background:#ffcfb8}
.magazine-bridge .bridge-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:clamp(2rem,5vw,4.5rem)}
.magazine-bridge .bridge-shelf a{display:flex;flex-direction:column;gap:.6rem;background:#372d39;padding:clamp(.85rem,2vw,1.4rem);text-decoration:none}
.magazine-bridge .bridge-shelf a:hover{background:#453747}
.magazine-bridge .bridge-shelf strong{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:clamp(1.55rem,2.6vw,2.3rem);line-height:.99}
.magazine-bridge .bridge-shelf .read{color:var(--peach);font-size:.88rem;margin-top:auto}
@media(max-width:760px){
 #accueil.cover-home{min-height:0}
 #accueil .cover-home-content{padding:1.5rem 0 clamp(12rem,57vw,25rem)}
 #accueil .cover-home-content>div{max-width:31rem}
 #accueil .cover-home-content h1{font-size:clamp(3.6rem,13vw,5.8rem)}
 #accueil .cover-home-photo{top:auto;height:clamp(14rem,65vw,28rem)}
 #accueil .cover-home-photo img{object-position:85% 62%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0008 25%,#000 63%);mask-image:linear-gradient(180deg,transparent 0%,#0008 25%,#000 63%)}
 #accueil .cover-home-photo figcaption{bottom:.5rem;left:var(--gutter);right:auto}
 .magazine-bridge .bridge-top{grid-template-columns:1fr}
}
@media(max-width:550px){.magazine-bridge .bridge-shelf{grid-template-columns:1fr}.magazine-bridge .bridge-shelf a{padding:1.1rem}}
