.kl{--lab-acid:#d7e1ad}.kl h1,.kl h2,.kl h3,.kl .kl-label,.kl button{font-family:Kanten,Arial,sans-serif}.kl section{scroll-margin-top:85px}.kl .kl-label{font-size:14px;letter-spacing:.11em;text-transform:uppercase}.kl .kl-hero{position:relative;min-height:760px;height:calc(100svh - 76px);max-height:1100px;background:#20241f;color:#fff;isolation:isolate;overflow:hidden}.kl-hero-photo{position:absolute;inset:0 0 0 35%;z-index:-2}.kl .kl-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 44%}.kl-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#20241f 5%,#20241fe8 27%,#20241f20 75%),linear-gradient(0deg,#20241f80,transparent 50%)}.kl-hero-body{position:absolute;left:6%;bottom:14%;max-width:780px}.kl .kl-hero h1{font-size:clamp(72px,11vw,170px);line-height:.98;letter-spacing:-.065em;margin:30px 0}.kl .kl-hero h1 span{display:block;color:#d7e1ad}.kl .kl-hero p{max-width:380px;font-size:17px;line-height:1.8}.kl-hero-actions{display:flex;gap:28px;align-items:center;margin-top:30px;flex-wrap:wrap}.kl .kl-hero .kc-button{background:#efeee9;color:#20241f}.kl-hero-meta{position:absolute;inset:30px 6% auto;display:flex;justify-content:space-between;font-size:14px;letter-spacing:.12em}.kl-hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:14px}.kl .kl-section{padding:100px 6%}.kl-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:50px}.kl .kl-heading h2{font-size:clamp(38px,5.8vw,86px);line-height:1.12;letter-spacing:-.04em;margin-top:22px}.kl-heading>p{max-width:390px;justify-self:end;font-size:17px;line-height:1.9}.kl-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.kl button{cursor:pointer;border-radius:0;box-shadow:none;line-height:1.5;font-size:16px}.kl-filter button,.kl-finishes button{padding:12px 18px;border:1px solid #a1a497;background:transparent;color:inherit}.kl-filter button[aria-pressed=true]{background:#20241f;color:#fff;border-color:#20241f}.kl-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 22px}.kl-card[hidden]{display:none}.kl-card:nth-child(3n+2){padding-top:60px}.kl-shot{position:relative;aspect-ratio:3/4;overflow:hidden;background:#d3d4ca}.kl .kl-shot img{height:100%;width:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.kl .kl-zoom{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border:0;background:#efeee9;color:#20241f;font-size:24px;padding:0}.kl-card h3{font-size:27px;margin:15px 0 3px}.kl-card p{font-size:14px;color:#55594e}.kl-card h3 a{display:flex;justify-content:space-between}.kl-count{font-size:14px;margin-bottom:22px}.kl .kl-material{background:#21271f;color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.kl .kl-material h2{font-size:clamp(42px,5.5vw,80px);line-height:1.15;margin:25px 0}.kl-material-copy>p{font-size:17px;line-height:1.9;max-width:390px}.kl-finishes{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 22px}.kl-finishes button[aria-pressed=true]{background:#d7e1ad;color:#20241f;border-color:#d7e1ad}.kl .kl-finish-description{min-height:85px;font-size:16px;line-height:1.8}.kl-swatch{--light:50%;--angle:135deg;position:relative;aspect-ratio:1;display:grid;place-items:center;background:repeating-linear-gradient(15deg,#ffffff04 0 1px,transparent 1px 3px),repeating-linear-gradient(105deg,#ffffff06 0 1px,transparent 1px 3px),#141813;border:1px solid #ffffff25;overflow:hidden}.kl-swatch:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--light) 45%,#ffffff18,transparent 60%);pointer-events:none}.kl-swatch svg{width:75%;height:75%;position:relative;filter:drop-shadow(1px 2px 1px #000);transform:perspective(700px) rotateY(var(--tilt,0deg))}.kl-swatch[data-finish=holo] .kl-motif{stroke:url(#kl-holo)}.kl-swatch[data-finish=reflective] .kl-motif{stroke:url(#kl-reflective)}.kl-swatch[data-finish=glow] .kl-motif{stroke:#ceff9c;filter:drop-shadow(0 0 5px #a6f45a)}.kl-swatch-caption{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:14px;letter-spacing:.1em}.kl-light-label{display:flex;justify-content:space-between;margin:20px 0 8px;font-size:14px}.kl input[type=range]{width:100%;accent-color:#d7e1ad;cursor:ew-resize;margin:0}.kl .kl-simulation{font-size:14px;opacity:.75;margin-top:12px}.kl-bases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kl-base{display:block}.kl-base-visual{overflow:hidden;position:relative;background:#e9e7df}.kl .kl-base img{aspect-ratio:3/4;width:100%;object-fit:cover;transition:transform .65s}.kl-base-number{position:absolute;top:20px;left:20px;font-size:14px}.kl-base h3{font-size:25px;margin-top:20px}.kl-base p{font-size:15px;margin:8px 0 20px}.kl-base-link{display:flex;justify-content:space-between;border-bottom:1px solid #a7ac9c;padding:10px 0;font-size:16px;font-family:Kanten,Arial,sans-serif}.kl-process{border-top:1px solid #c0c3b7;margin-top:80px;padding-top:35px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.kl-process span{font-size:14px}.kl-process h3{font-size:23px;margin:20px 0 12px}.kl-process p{font-size:16px;line-height:1.8;max-width:320px}.kl-end{background:#d7e1ad;text-align:center}.kl .kl-end h2{font-size:clamp(40px,7vw,100px);line-height:1.12;margin:25px auto 35px;max-width:900px}.kl .kl-end .kc-button{background:#20241f;color:#fff}.kl-footer{display:flex;justify-content:space-between;gap:25px;padding:30px 6%;font-size:16px}.kl-dialog{border:0;padding:0;width:min(900px,92vw);max-width:none;max-height:92svh;background:#20241f;color:white}.kl-dialog::backdrop{background:#10150fea}.kl-dialog img{display:block;max-width:100%;height:75svh;object-fit:contain;margin:auto}.kl-dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;gap:20px}.kl-dialog button{background:transparent;color:white;border:1px solid #aaa;padding:8px 15px;cursor:pointer}.kl :focus-visible,.kl-dialog :focus-visible{outline:3px solid #a4ac70;outline-offset:5px}
@media(hover:hover){.kl-card:hover .kl-shot img{transform:scale(1.07)}.kl-base:hover img{transform:scale(1.04)}}
@media(prefers-reduced-motion:no-preference){.kl-reveal{transition:opacity .8s,transform .8s}.kl-reveal.is-pending{opacity:0;transform:translateY(28px)}@supports(animation-timeline:view()){.kl-hero-photo{animation:kl-hero-exit linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes kl-hero-exit{to{transform:translateY(35px);opacity:.45}}}}
@media(max-width:900px){.kl .kl-hero{min-height:680px}.kl-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-card:nth-child(3n+2){padding-top:0}.kl .kl-material{grid-template-columns:1fr;gap:45px}.kl-material-copy{grid-row:1}.kl .kl-finish-description{min-height:55px}.kl-bases{gap:16px}.kl-base h3{font-size:20px}.kl-heading{grid-template-columns:1fr}.kl-heading>p{justify-self:start}.kl-swatch{max-width:650px;width:100%;margin:auto}}
@media(max-width:600px){.kl .kl-section{padding:70px 6%}.kl .kl-hero{min-height:700px;max-height:850px}.kl-hero-photo{inset:0}.kl-hero:after{background:linear-gradient(0deg,#20241f 0%,#20241f99 50%,#20241f05 85%)}.kl-hero-body{bottom:11%;right:6%}.kl .kl-hero h1{font-size:clamp(66px,17vw,100px)}.kl-hero-meta span:last-child{display:none}.kl .kl-hero p{font-size:16px}.kl-hero-actions{gap:20px}.kl-gallery{gap:30px 12px}.kl-card h3{font-size:20px}.kl-card p{font-size:14px}.kl .kl-zoom{width:36px;height:36px;bottom:8px;right:8px}.kl-bases{grid-template-columns:1fr;gap:45px}.kl-base h3{font-size:28px}.kl-base img{max-height:650px}.kl-process{grid-template-columns:1fr;gap:30px;margin-top:55px}.kl-process h3{margin:10px 0}.kl-footer{flex-wrap:wrap}.kl-heading{gap:25px}.kl .kl-heading h2{font-size:42px}.kl-filter button,.kl-finishes button{font-size:15px;padding:10px 14px}.kl .kl-material h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.kl *, .kl *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kl-reveal.is-pending{opacity:1;transform:none}}

/* Lock foreground/background pairs against theme link, heading and control states. */
.kc.kl{color:#20241f!important;background:#efeee9!important}
.kc.kl :is(h1,h2,h3,p,a,span,label,output,button){color:inherit!important;-webkit-text-fill-color:currentColor}
.kc.kl :is(.kc-header,.kl-footer,#realisations,#personnaliser){color:#20241f!important;background:#efeee9!important}
.kc.kl .kl-end{color:#20241f!important;background:#d7e1ad!important}
.kc.kl .kl-hero{color:#fff!important;background:#20241f!important}
.kc.kl .kl-material{color:#fff!important;background:#21271f!important}
.kc.kl .kl-dialog{color:#fff!important;background:#20241f!important}
.kc.kl .kl-hero h1 span{color:#d7e1ad!important}
.kc.kl .kl-card p{color:#55594e!important}
.kc.kl .kl-simulation{color:#d8dccf!important;opacity:1}
.kc.kl .kl-filter button{color:#20241f!important;background:#efeee9!important;border-color:#737b69}
.kc.kl .kl-filter button:is(:hover,:focus-visible){color:#20241f!important;background:#d7e1ad!important}
.kc.kl .kl-filter button[aria-pressed=true]{color:#fff!important;background:#20241f!important;border-color:#20241f}
.kc.kl .kl-finishes button{color:#fff!important;background:#21271f!important;border-color:#a1a497}
.kc.kl .kl-finishes button:is(:hover,:focus-visible){color:#20241f!important;background:#efeee9!important}
.kc.kl .kl-finishes button[aria-pressed=true]{color:#20241f!important;background:#d7e1ad!important;border-color:#d7e1ad}
.kc.kl :is(.kl-zoom,.kl-hero .kc-button){color:#20241f!important;background:#efeee9!important;border-color:#efeee9}
.kc.kl :is(.kl-zoom,.kl-hero .kc-button):is(:hover,:focus-visible){color:#20241f!important;background:#d7e1ad!important;border-color:#d7e1ad}
.kc.kl .kl-end .kc-button{color:#fff!important;background:#20241f!important;border-color:#20241f}
.kc.kl .kl-end .kc-button:is(:hover,:focus-visible){color:#20241f!important;background:#efeee9!important;border-color:#20241f}
.kc.kl .kl-dialog button{color:#fff!important;background:#20241f!important;border-color:#aaa}
.kc.kl .kl-dialog button:is(:hover,:focus-visible){color:#20241f!important;background:#efeee9!important}
.kc.kl .kl-base-number{color:#20241f!important;background:#efeee9!important;padding:5px 8px}
.kc.kl .kc-skip{color:#fff!important;background:#20241f!important}