/* Sillage Studio 3 — une maison d'images. */
.ss-site h1,.ss-site h2,.ss-site h3{letter-spacing:-.035em}
.ss-site .ss-header{height:92px;padding-inline:6%;border-bottom-color:#ffffff1b}
.ss-site .ss-brand{font-family:var(--ss-serif);font-size:39px;letter-spacing:-.045em}
.ss-site .ss-brand-mark{border:0;border-right:1px solid #ffffff40;width:45px;margin-right:3px;font-size:49px}
.ss-site .ss-brand-sub{font-family:var(--ss-sans);font-size:7px;letter-spacing:.25em}
.ss-site .ss-header-note{font-size:9px;letter-spacing:.08em;color:#cfc5b3}
.ss-site .ss-menu-glyph{font-size:25px}
.ss-site .ss-opening{padding:0 6% 27px;min-height:0;background:var(--ss-ink)}
.ss-site .ss-opening-meta{position:absolute;left:6%;right:6%;top:30px;z-index:5;margin:0}
.ss-site .ss-opening-meta p{font-size:8px;letter-spacing:.24em;color:#e3dbce}
.ss-site .ss-opening-meta p:last-child::before{display:none}
.ss-site .ss-hero-stage{min-height:730px;padding-top:105px}
.ss-site .ss-hero-main{top:0;right:-6.82%;width:72%;height:100%;padding:0;background:transparent;box-shadow:none;transform:none;transition:none}
.ss-site .ss-hero-main::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ss-ink) 0%,#20242050 35%,#20242000 70%),linear-gradient(0deg,#202420b0,transparent 30%);pointer-events:none}
.ss-site .ss-hero-main img{height:100%;object-position:55% 45%;filter:brightness(.78) saturate(.7);display:block}
.ss-site .ss-hero-main figcaption{position:absolute;bottom:28px;left:35%;z-index:2;color:#eee8df;font-size:7px;letter-spacing:.18em;padding:0}
.ss-site .ss-hero-title{width:80%;padding:0;font-family:var(--ss-serif);font-size:clamp(100px,10.7vw,167px);line-height:.85;font-weight:500;letter-spacing:-.04em;margin-bottom:38px;text-shadow:0 3px 30px #0002}
.ss-site .ss-hero-title em{font-size:1em;font-weight:500;letter-spacing:-.05em;padding-top:10px}
.ss-site .ss-hero-intro{font-size:12px;width:295px;line-height:1.9;margin-top:0;color:#e1dbd0}
.ss-site .ss-opening .wp-block-buttons{position:relative;z-index:5;margin-top:28px;max-width:none}
.ss-site .ss-opening .wp-block-button__link{background:transparent;color:var(--ss-paper);border:1px solid #d5c6a780;border-radius:0;font-size:10px;letter-spacing:.06em;padding:18px 24px}
.ss-site .ss-opening .wp-block-button__link:hover{background:var(--ss-paper);color:var(--ss-ink)}
.ss-site .ss-hero-detail{top:auto;bottom:63px;right:0;width:17%;padding:9px 9px 0;background:var(--ss-paper);transform:rotate(4deg);box-shadow:0 12px 35px #0004}
.ss-site .ss-hero-detail img{height:125px;filter:saturate(.65)}
.ss-site .ss-hero-detail figcaption{font-size:6px;letter-spacing:.12em;padding:9px 0}
.ss-site .ss-orbit{display:none}
.ss-site .ss-opening-end{border-top-color:#ffffff29;padding-top:20px}
.ss-site .ss-opening-end p{font-size:7px;letter-spacing:.18em;color:#d5cdbc}
.ss-site .ss-chapter{padding:110px 6%}
.ss-site .ss-chapter-head{margin-bottom:65px;grid-template-columns:.65fr 2fr}
.ss-site .ss-chapter-title{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}
.ss-site .ss-chapter-head h2{font-family:var(--ss-serif);font-size:clamp(58px,6vw,96px);line-height:.92;letter-spacing:-.045em;margin:0}
.ss-site .ss-chapter-head .sl-lead{font-size:13px;line-height:1.9;margin:0;max-width:345px}
.ss-site .ss-chapter-head>.ss-label{font-size:8px;padding-top:8px;letter-spacing:.17em}
.ss-site .ss-service-grid{gap:28px}
.ss-site .ss-service-card img{height:360px;filter:saturate(.7);transition:filter .5s}
.ss-site .ss-service-card:hover img{filter:saturate(1)}
.ss-site .ss-service-card:nth-child(2) img{height:440px}
.ss-site .ss-service-card:nth-child(3) img{height:310px}
.ss-site .ss-service-card h3{font-family:var(--ss-serif);font-size:39px;letter-spacing:-.03em}
.ss-site .ss-service-card .ss-label{font-size:8px;letter-spacing:.18em;margin-top:22px}
.ss-site .ss-service-card p:last-child{font-size:11px;color:var(--ss-muted)}
.ss-site .ss-services-bottom{padding-top:45px;font-size:11px}
.ss-site .ss-interlude{position:relative;min-height:520px;display:grid;place-items:center;background:var(--ss-ink);color:var(--ss-paper);overflow:hidden;padding:70px 6%;text-align:center}
.ss-site .ss-interlude>figure{position:absolute;inset:0;margin:0}
.ss-site .ss-interlude>figure img{width:100%;height:100%;object-fit:cover;filter:brightness(.52) saturate(.6)}
.ss-site .ss-interlude-copy{position:relative;z-index:2}
.ss-site .ss-interlude h2{font-family:var(--ss-serif);font-size:clamp(64px,7.3vw,115px);line-height:.95;letter-spacing:-.025em;margin:25px 0 35px}
.ss-site .ss-interlude .ss-label{font-size:8px;letter-spacing:.25em}
.ss-site .ss-interlude a{font-size:10px;text-decoration:none;border-bottom:1px solid #eee8df80;padding-bottom:10px;letter-spacing:.1em}
.ss-site .ss-atlas{background:#e4dfd4;color:var(--ss-ink);padding:105px 6%}
.ss-site .ss-atlas .ss-label,.ss-site .ss-atlas .sl-lead{color:var(--ss-ink)}
.ss-site .ss-atlas .ss-chapter-head p{color:var(--ss-ink)}
.ss-site .ss-atlas-controls button{font-family:var(--ss-serif);font-size:53px;color:var(--ss-ink);border-color:#20242030;letter-spacing:-.02em}
.ss-site .ss-atlas-controls button[aria-pressed=true]{color:#615132;transform:none}
.ss-site .ss-atlas-controls button span{color:#5f584b;letter-spacing:.13em;font-family:var(--ss-sans)}
.ss-site .ss-atlas-controls button b{color:var(--ss-ink)}
.ss-site .ss-atlas-window img{height:530px;filter:saturate(.7);box-shadow:0 18px 38px #20242013}
.ss-site .ss-crosshair{display:none}
.ss-site .ss-atlas-window figcaption{border-color:#20242040}
.ss-site .ss-photo-label{color:#5f584b}
.ss-site .ss-atlas-copy{font-size:34px}
.ss-site .ss-atlas-link{color:var(--ss-ink)}
.ss-site .ss-atlas :focus-visible{outline-color:#615132}
.ss-site .woocommerce ul.products li.product a img{background:#e9e4da;border:1px solid #d3cdc0;box-shadow:inset 0 0 50px #d7cfbd30}
.ss-site .woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--ss-serif);font-size:35px;letter-spacing:-.02em}
.ss-site .woocommerce ul.products li.product .button{border-radius:0;letter-spacing:.04em}
.ss-site .ss-manifesto{padding:120px 8%;gap:9vw;background:#e9e4da}
.ss-site .ss-manifesto img{height:610px;filter:grayscale(1);box-shadow:24px 24px 0 #f5f2eb}
.ss-site .ss-manifesto h2{font-family:var(--ss-serif);font-size:clamp(58px,6vw,95px);line-height:.95}
.ss-site .ss-manifesto .sl-lead{font-size:15px;line-height:1.85}
.ss-site .ss-footer{background:var(--ss-ink);color:var(--ss-paper);padding:85px 6% 0}
.ss-site .ss-footer-invite{font-family:var(--ss-serif);font-size:clamp(85px,12vw,185px);letter-spacing:-.045em;line-height:.83}
.ss-site .ss-footer-invite>span{border-color:#d5c6a750;color:var(--ss-lime);font-family:var(--ss-sans);font-size:55px;width:100px;height:100px}
.ss-site .ss-footer-top,.ss-site .ss-footer-bottom,.ss-site .ss-footer-colophon{border-color:#ffffff25}
.ss-site .ss-footer-brand{font-family:var(--ss-serif);font-size:58px}
.ss-site .ss-footer-bottom nav a{font-size:10px;color:#e0d8c9}
.ss-site .ss-footer-colophon{color:#c8beac}
.ss-site .ss-footer :focus-visible{outline-color:var(--ss-lime)}
.ss-site .ss-index a{font-family:var(--ss-serif);font-size:clamp(45px,5.2vw,83px);letter-spacing:-.035em}
.ss-site .ss-menu-aside img{filter:saturate(.6);border:8px solid #e6e0d6}
.ss-site .ss-menu-aside p{font-family:var(--ss-serif);font-size:45px}
.ss-site .sl-hero h1,.ss-site .woocommerce div.product .product_title{font-family:var(--ss-serif);letter-spacing:-.04em;line-height:.95}
.ss-site .sl-section h2,.ss-site .sl-cta h2{font-family:var(--ss-serif);letter-spacing:-.025em}
.ss-site .sl-cta,.ss-site .sl-story,.ss-site .sl-card{border-radius:0}
@media(max-width:1100px){
 .ss-site .ss-hero-stage{min-height:670px}.ss-site .ss-hero-title{font-size:12vw;width:85%}.ss-site .ss-hero-main{width:78%}
 .ss-site .ss-chapter-title{gap:30px}.ss-site .ss-service-card img{height:290px}.ss-site .ss-service-card:nth-child(2) img{height:350px}.ss-site .ss-service-card:nth-child(3) img{height:260px}
}
@media(max-width:800px){
 .ss-site .ss-header{height:80px}.ss-site .ss-brand{font-size:31px}.ss-site .ss-brand-sub{font-size:6px}
 .ss-site .ss-hero-stage{min-height:700px;padding-top:100px}.ss-site .ss-hero-title{font-size:14vw;width:100%;margin-bottom:30px}.ss-site .ss-hero-main{width:95%;opacity:.85}
 .ss-site .ss-hero-main::after{background:linear-gradient(90deg,var(--ss-ink),#20242050 70%),linear-gradient(0deg,var(--ss-ink),transparent 65%)}
 .ss-site .ss-hero-detail{bottom:75px;width:23%}.ss-site .ss-hero-intro{width:55%;font-size:12px;margin:0}.ss-site .ss-hero-main figcaption{left:45%;font-size:6px}
 .ss-site .ss-chapter,.ss-site .ss-atlas{padding:80px 6%}.ss-site .ss-chapter-head{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.ss-site .ss-chapter-title{grid-template-columns:1.2fr 1fr;gap:35px}.ss-site .ss-chapter-head h2{font-size:66px}
 .ss-site .ss-service-card img{height:330px}.ss-site .ss-service-card:nth-child(2) img{height:380px}.ss-site .ss-service-card:nth-child(3) img{height:290px}
 .ss-site .ss-interlude{min-height:430px}.ss-site .ss-atlas-controls button{font-size:41px}.ss-site .ss-atlas-window img{height:420px}
 .ss-site .ss-manifesto{gap:40px;padding:80px 6%}.ss-site .ss-manifesto img{height:420px}.ss-site .ss-manifesto h2{font-size:62px}
 .ss-site .ss-footer{padding-top:65px}.ss-site .ss-index a{font-size:56px}
}
@media(max-width:520px){
 .ss-site .ss-header{height:73px;padding-inline:6%}.ss-site .ss-brand{font-size:29px;gap:7px}.ss-site .ss-brand-mark{width:28px;height:32px;font-size:35px}.ss-site .ss-brand-sub{font-size:4.8px}.ss-site .ss-header-actions{gap:13px}
 .ss-site .ss-opening-meta{top:25px;gap:20px}.ss-site .ss-opening-meta p{font-size:6px;letter-spacing:.12em}.ss-site .ss-opening-meta p:last-child{max-width:70px;text-align:right}
 .ss-site .ss-hero-stage{min-height:705px;padding-top:95px}.ss-site .ss-hero-title{font-size:19vw;line-height:.94;width:100%;margin:0 0 32px}.ss-site .ss-hero-title em{padding-top:0;line-height:.94}
 .ss-site .ss-hero-main{width:113.64%;right:-6.82%;height:100%;top:0;opacity:.8}.ss-site .ss-hero-main img{height:100%;object-position:62% center}
 .ss-site .ss-hero-main::after{background:linear-gradient(0deg,var(--ss-ink) 5%,#20242060 50%,#20242040),linear-gradient(90deg,#20242085,transparent)}
 .ss-site .ss-hero-intro{width:85%;font-size:11px;line-height:1.9;margin:0;max-width:265px}
 .ss-site .ss-opening .wp-block-buttons{margin-top:24px}.ss-site .ss-opening .wp-block-button__link{font-size:9px;padding:16px 19px}
 .ss-site .ss-hero-detail{width:33%;bottom:57px;right:4%;padding:5px 5px 0;transform:rotate(4deg)}.ss-site .ss-hero-detail img{height:88px}.ss-site .ss-hero-detail figcaption{font-size:5px;padding:7px 0}
 .ss-site .ss-hero-main figcaption{bottom:23px;left:6%;font-size:5px}.ss-site .ss-opening-end p{font-size:6px;letter-spacing:.07em}.ss-site .ss-opening-end a{font-size:7px}
 .ss-site .ss-chapter,.ss-site .ss-atlas{padding:65px 6%}.ss-site .ss-chapter-title{grid-template-columns:1fr;gap:25px}.ss-site .ss-chapter-head h2{font-size:61px}.ss-site .ss-chapter-head .sl-lead{font-size:12px;max-width:300px}
 .ss-site .ss-service-grid{gap:24px 18px}.ss-site .ss-service-card img{height:230px}.ss-site .ss-service-card:nth-child(2) img{height:270px}.ss-site .ss-service-card:nth-child(3) img{height:200px}.ss-site .ss-service-card h3{font-size:30px}.ss-site .ss-service-card .ss-label{font-size:6px;margin-top:16px}.ss-site .ss-service-card p:last-child{font-size:10px}
 .ss-site .ss-interlude{min-height:380px}.ss-site .ss-interlude h2{font-size:63px}.ss-site .ss-interlude .ss-label{font-size:7px}.ss-site .ss-interlude a{font-size:8px}
 .ss-site .ss-atlas-controls button{font-size:33px}.ss-site .ss-atlas-window img{height:320px}.ss-site .ss-atlas-copy{font-size:29px}
 .ss-site .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:26px}
 .ss-site .ss-manifesto{padding:75px 8%;gap:45px}.ss-site .ss-manifesto img{width:92%;margin:0;height:350px;box-shadow:17px 17px 0 #f5f2eb}.ss-site .ss-manifesto h2{font-size:65px}.ss-site .ss-manifesto .sl-lead{font-size:13px}
 .ss-site .ss-footer{padding:60px 6% 0}.ss-site .ss-footer-invite{font-size:20vw;padding-right:0}.ss-site .ss-footer-invite>span{width:40px;height:40px;font-size:23px;top:5px}.ss-site .ss-footer-brand{font-size:49px}.ss-site .ss-index a{font-size:44px}
 .ss-site .sl-hero h1{font-size:58px}.ss-site .woocommerce div.product .product_title{font-size:49px}
}
@media(max-width:350px){.ss-site .ss-header-actions{gap:9px}.ss-site .ss-brand{font-size:25px}.ss-site .ss-brand-sub{font-size:4px}.ss-site .ss-hero-stage{min-height:675px}.ss-site .ss-hero-title{font-size:19vw}.ss-site .ss-chapter-head h2{font-size:54px}.ss-site .ss-service-card h3{font-size:26px}.ss-site .ss-index a{font-size:38px}.ss-site .ss-interlude h2{font-size:54px}.ss-site .sl-hero h1{font-size:51px}}
@media(prefers-reduced-motion:reduce){.ss-site .ss-hero-main{transform:none}.ss-site .ss-service-card img{transition:none}}
.ss-site .ss-footer-invite{padding-right:0}
.ss-site .ss-footer-invite>.ss-footer-action{position:relative;top:auto;right:auto;display:flex;align-items:center;justify-content:space-between;gap:48px;width:max-content;max-width:100%;height:auto;margin-top:42px;padding:0 0 14px;border:0;border-bottom:1px solid #c9b79280;border-radius:0;font-family:var(--ss-sans);font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.045em;color:var(--ss-paper);transform:none;transition:border-color .2s}
.ss-site .ss-footer-action b{font-size:22px;font-weight:400;color:var(--ss-lime);transition:transform .2s}
.ss-site .ss-footer-invite>.ss-footer-action{background:transparent}
.ss-site .ss-footer-invite:hover>.ss-footer-action,.ss-site .ss-footer-invite:focus-visible>.ss-footer-action{background:transparent;color:var(--ss-paper);transform:none;border-color:var(--ss-paper)}
.ss-site .ss-footer-invite:hover .ss-footer-action b{transform:translate(3px,-3px)}
@media(max-width:520px){.ss-site .ss-footer-invite>.ss-footer-action{font-size:11px;gap:30px;margin-top:30px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.ss-site .ss-footer-invite .ss-footer-action,.ss-site .ss-footer-invite .ss-footer-action b{transition:none;transform:none}}
/* L'image conserve ses détails ; les dégradés portent seuls le contraste du texte. */
.ss-site .ss-hero-main{opacity:1}
.ss-site .ss-hero-main picture{display:block;width:100%;height:100%}
.ss-site .ss-hero-main img{filter:none}
@media(min-width:801px){.ss-site .ss-hero-main::after{background:linear-gradient(90deg,var(--ss-ink) 0%,#20242040 35%,transparent 70%),linear-gradient(0deg,#20242040,transparent 28%)}}