/* Original Kérastase scan pixels. CSS clips only the surrounding artwork. */
.kscan-section{row-gap:70px}
.kscan-discovery{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:65px}
.kscan-gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:45px}
.kscan-discovery h3{font:normal clamp(34px,3.5vw,51px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:14px 0 0;color:var(--ink)}
.kscan-gallery-heading>p,.kscan-next-heading>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:58ch;line-height:1.85;margin:0}
.kscan-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.kscan-mode{min-width:0;border-top:1px solid #b2997255;background:linear-gradient(180deg,#15120e55,transparent 58%);padding:22px 22px 0}
.kscan-mode-top{display:flex;align-items:center;gap:17px;color:var(--gold)}
.kscan-mode-top>span{font:italic 28px/1 Georgia,serif;color:#877358}
.kscan-mode-top>p{margin:0;font-size:10px;letter-spacing:.13em;line-height:1.6;text-transform:uppercase}
.kscan-sample{margin:20px 0 25px}
.kscan-sample-image{position:relative;width:100%;max-width:330px;aspect-ratio:1;margin:auto;background:radial-gradient(circle,#6e563533,transparent 67%)}
.kscan-sample-image:after{content:'';position:absolute;inset:8.6%;border:1px solid #bfa57b88;border-radius:50%;pointer-events:none}
.kscan-sample-image img{display:block;width:100%;height:auto;clip-path:circle(41% at 50% 50%);filter:none}
.kscan-sample figcaption{font-size:10px;line-height:1.6;text-align:center;color:#b4a894;padding:0 12px}
.kscan-mode h4{font:normal clamp(25px,2.15vw,32px)/1.2 Georgia,serif;margin:0 0 15px;color:var(--ink);letter-spacing:-.015em}
.kscan-mode .kscan-image-reading{font-size:13px;line-height:1.8;color:#d3c8b9;margin:0 0 24px}
.kscan-mode dl{margin:0}
.kscan-mode dl>div{padding:17px 0;border-top:1px solid var(--line)}
.kscan-mode dt{font-size:12px;color:var(--gold);line-height:1.6;margin-bottom:6px}
.kscan-mode dd{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
.kscan-next{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;margin-top:60px;padding-top:55px;border-top:1px solid var(--line)}
.kscan-next-heading>p:not(.eyebrow){margin-top:23px}
.kscan-next-heading .text-link{display:inline-block;margin-top:26px;min-height:44px;font-size:12px;line-height:1.7}
.kscan-features{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}
.kscan-features article{display:flex;gap:15px;min-width:0}
.kscan-feature-number{font-size:10px;line-height:2.7;color:var(--gold)}
.kscan-features h4{font:normal 22px/1.3 Georgia,serif;margin:0 0 12px;color:var(--ink)}
.kscan-features p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
.kscan-footnote{border-top:1px solid var(--line);margin-top:42px;padding-top:24px;font-size:11px;color:#aaa093;line-height:1.8}
.kscan-footnote>p{max-width:100ch;margin:0 0 14px}
.kscan-footnote summary{cursor:pointer;min-height:35px;color:var(--gold);width:fit-content;padding:5px 0}
.kscan-footnote details p{max-width:95ch}
.kscan-footnote details a{display:inline-block;color:var(--gold);margin:0 22px 10px 0;text-decoration:underline;text-underline-offset:4px}
.kscan-footnote summary:focus-visible,.kscan-footnote a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(min-width:768px) and (max-width:1050px){.kscan-mode-grid{gap:14px}.kscan-mode{padding:18px 10px 0}.kscan-next{grid-template-columns:1fr;gap:35px}}
@media(max-width:767px){.kscan-section{row-gap:40px}.kscan-discovery{padding-top:40px}.kscan-gallery-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.kscan-discovery h3{font-size:36px}.kscan-mode-grid{grid-template-columns:1fr;gap:28px}.kscan-mode{padding:22px 14px 0}.kscan-mode h4{font-size:30px}.kscan-mode-top>p{font-size:11px}.kscan-sample{margin:10px 0 24px}.kscan-sample-image{max-width:330px}.kscan-mode .kscan-image-reading{font-size:14px}.kscan-mode dt{font-size:13px}.kscan-mode dd{font-size:13px}.kscan-next{grid-template-columns:1fr;gap:34px;margin-top:40px;padding-top:38px}.kscan-features{grid-template-columns:1fr;gap:25px}.kscan-features h4{font-size:24px}.kscan-features p{font-size:13px}.kscan-footnote{margin-top:30px}}

/* A compact invitation on the home page; the complete guide has its own page. */
.kscan-teaser{display:grid;grid-template-columns:.7fr 1fr;gap:8%;align-items:center;padding:55px max(var(--gutter),calc((100% - var(--content))/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 25% 50%,#7a67421c,transparent 55%),#0b0a09}
.kscan-teaser-visual{display:block;min-width:0;text-align:center}
.kscan-teaser-visual img{display:block;max-width:100%;width:auto;height:300px;object-fit:contain;margin:auto}
.kscan-teaser-copy{min-width:0}
.kscan-teaser-copy h2{font:normal clamp(34px,3.4vw,52px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:18px 0}
.kscan-teaser-copy h2 em{color:var(--gold);font-weight:normal}
.kscan-teaser-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:48ch;margin:0 0 25px}
.kscan-teaser-copy .button{margin:0}
.kscan-teaser a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.kscan-main{padding-top:var(--header-height);background:#0b0a09}
.kscan-breadcrumb{padding:35px max(var(--gutter),calc((100% - var(--content))/2)) 0}
.kscan-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.kscan-detail{padding-top:30px;border-top:0}
.kscan-detail .kscan-copy h1{font:normal clamp(42px,4.1vw,64px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:22px 0}
.kscan-detail .kscan-copy h1 em{color:var(--gold);font-weight:normal}
.kscan-detail .kscan-visual img{height:460px}
.kscan-detail .eyebrow{line-height:1.9}
@media(max-width:767px){
 .kscan-teaser{grid-template-columns:1fr;gap:22px;padding-top:35px;padding-bottom:45px}
 .kscan-teaser-visual img{height:180px}
 .kscan-teaser-copy h2{font-size:36px}
 .kscan-teaser-copy>p:not(.eyebrow){font-size:14px}
 .kscan-breadcrumb{padding-top:20px}
 .kscan-detail{padding-top:18px}
 .kscan-detail .kscan-copy{grid-row:1}
 .kscan-detail .kscan-copy h1{font-size:40px}
 .kscan-detail .kscan-visual img{height:300px}
}