/* SÉLUNE. Direction artistique des deux pages de création. */
.atelier-case{--sc-paper:#fff8ea;--sc-ink:#123c4b;--sc-muted:#46606a;--sc-line:#123c4b33;background:var(--sc-paper);color:var(--sc-ink);font-size:17px;line-height:1.55}
.atelier-case main{overflow:clip}.atelier-case main a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.sc-wrap{padding-inline:clamp(24px,5vw,80px);max-width:1680px;margin-inline:auto}.atelier-case main h1,.atelier-case main h2{font-weight:400;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}.atelier-case main h2{font-size:clamp(42.3px,4.8vw,73.1px)}.sc-label{text-transform:uppercase;font-size:12px;letter-spacing:.12em;line-height:1.5;margin-bottom:24px}.sc-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;max-width:100%;border-bottom:1px solid currentColor;font-size:17px;line-height:1.5}.sc-link span{font-size:24.5px}.sc-mast{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;font-size:15px}.sc-mast a{min-height:44px;display:inline-flex;align-items:center}.sc-mast p{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.sc-title{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-block:12px 35px}.sc-title h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(73.1px,8.2vw,126.3px);letter-spacing:.02em!important}.sc-title>div{padding-bottom:7px}.sc-title .sc-subtitle{font-size:29.4px;line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}.sc-title>div>p:last-child{font-size:15px;color:var(--sc-muted)}.sc-hero-image{position:relative;margin:0;background:#0a3343}.sc-hero-image picture{display:block}.sc-hero-image img{width:100%;height:clamp(500px,48vw,790px);object-fit:cover;object-position:center 52%}.sc-hero-image figcaption{position:absolute;inset:auto 0 0;color:#fff8ea;padding:60px clamp(24px,5vw,80px) 25px;background:linear-gradient(transparent,#071e2ecc);font-size:17px}.sc-concept{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:80px}.sc-concept-copy{padding-top:40px}.sc-concept-copy>p{max-width:60ch}.sc-concept-copy>p+p{margin-top:20px;color:var(--sc-muted)}.sc-materials{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;font-size:15px}.sc-materials span{display:flex;align-items:center;gap:10px}.sc-materials i{width:20px;height:20px;border-radius:50%;border:1px solid #123c4b55}.sc-blue{background:#073540}.sc-gold{background:#ad7433}.sc-linen{background:#e9d7b9}.sc-portrait{display:grid;grid-template-columns:1fr 1fr;background:#0a3343;color:#fff8ea}.sc-portrait figure{margin:0;height:800px;max-height:100svh;min-height:600px;overflow:hidden}.sc-portrait figure a{display:block;height:100%}.sc-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 50%}.sc-portrait-copy{padding:80px clamp(32px,5vw,80px);align-self:center}.sc-portrait-copy h2{font-size:clamp(42.3px,4.1vw,60.9px)!important}.sc-portrait-copy>p:not(.sc-label):not(.sc-asset-note){margin-top:35px;max-width:48ch}.sc-portrait-copy .sc-link{margin-top:28px}.sc-asset-note{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:70px;color:#c4d4d5}.sc-detail{padding-top:80px}.sc-detail-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.sc-detail-heading>p{max-width:55ch;padding-bottom:5px}.sc-detail figure{margin:0}.sc-detail figure>a{display:block}.sc-detail img{width:100%;height:clamp(490px,54vw,850px);object-fit:cover;object-position:center}.sc-detail figcaption{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:64px;font-size:15px}.sc-detail figcaption a{display:flex;min-height:44px;align-items:center}.sc-digital{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-block:72px 84px}.sc-digital>div>p:not(.sc-label){max-width:52ch}.sc-digital .sc-link{margin-top:26px}.sc-next{max-width:none;background:var(--sc-ink);color:var(--sc-paper);padding-block:60px 68px}.sc-next h2{font-size:clamp(50.8px,6.4vw,105.3px)!important}.sc-next .sc-link{margin-top:28px}.atelier-case main a{transition:opacity .16s ease}.atelier-case main a:hover{opacity:.82}
@media(max-width:800px){.sc-title{display:block;padding-block:12px 28px}.sc-title h1{font-size:73.1px}.sc-title>div{padding-top:14px;padding-bottom:0}.sc-title .sc-subtitle{font-size:24.5px;margin-bottom:5px}.sc-concept{gap:30px;grid-template-columns:1fr;padding-block:50px}.sc-concept-copy{padding-top:0}.sc-concept-copy>p{max-width:65ch}.sc-portrait{grid-template-columns:1.1fr 1fr}.sc-portrait figure{height:660px;min-height:0;max-height:none}.sc-portrait-copy{padding:40px 28px}.sc-portrait-copy h2{font-size:42.3px!important}.sc-asset-note{margin-top:36px}.sc-detail-heading{display:block}.sc-detail-heading>p{margin-top:25px}.sc-digital{gap:30px;padding-block:50px}.sc-digital h2{font-size:42.3px!important}}
@media(max-width:600px){.sc-mast{min-height:58px;font-size:15px}.sc-mast p{font-size:12px}.sc-title h1{font-size:60.9px}.sc-title>div>p:last-child{font-size:15px}.sc-hero-image img{height:116vw;min-height:390px;max-height:610px;object-position:center 47%}.sc-hero-image figcaption{font-size:15px;padding-bottom:22px;padding-top:45px}.atelier-case main h2{font-size:42.3px}.sc-label{margin-bottom:20px}.sc-concept{padding-block:45px}.sc-materials{gap:18px;margin-top:28px}.sc-portrait{display:block}.sc-portrait figure{height:132vw;max-height:700px;min-height:430px}.sc-portrait-copy{padding:38px 24px 42px}.sc-portrait-copy>p:not(.sc-label):not(.sc-asset-note){margin-top:25px}.sc-portrait-copy h2{font-size:42.3px!important}.sc-asset-note{margin-top:28px}.sc-detail{padding-top:45px}.sc-detail-heading{margin-bottom:30px}.sc-detail img{height:90vw;min-height:350px;object-position:66% center}.sc-detail figcaption{font-size:15px;gap:16px;min-height:62px}.sc-detail figcaption span{max-width:16ch}.sc-digital{grid-template-columns:1fr;padding-block:44px 48px}.sc-next{padding-block:45px 48px}.sc-next h2{font-size:50.8px!important}.sc-next .sc-link{font-size:17px;gap:24px}.sc-link{font-size:17px}}
@media(prefers-reduced-motion:reduce){html:has(.atelier-case){scroll-behavior:auto}.atelier-case main a{transition:none}}html.reduce-motion .atelier-case main a{transition:none}