.kev-181{--kev-size:420px;--kev-gap:54px;--kev-accent:#B0562F;--kev-line:#E4DDD2;--kev-text:#6B635B;--kev-dim:.6;--kev-explode:0;--kev-rx:58deg;--kev-rz:-42deg;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);align-items:center;color:var(--kev-text)}
.kev-181__eyebrow{margin:0 0 14px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.kev-181__title{margin:0 0 18px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:400;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.02em}
.kev-181__intro{margin:0 0 28px;max-width:46ch;line-height:1.6}
.kev-181__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--kev-line)}
.kev-181__li{border-bottom:1px solid var(--kev-line)}
.kev-181 .kev-181__li .kev-181__item,.kev-181 .kev-181__li .kev-181__item:hover,.kev-181 .kev-181__li .kev-181__item:focus,.kev-181 .kev-181__li .kev-181__item:active{box-sizing:border-box;display:flex;align-items:baseline;gap:18px;width:100%;margin:0;padding:14px 0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-align:left;text-transform:none;letter-spacing:normal;text-decoration:none;cursor:pointer;transition:none;-webkit-appearance:none;appearance:none}
.kev-181 .kev-181__li .kev-181__item:focus-visible{outline:2px solid var(--kev-accent);outline-offset:2px}
.kev-181__num{flex:0 0 52px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--kev-accent);white-space:nowrap}
.kev-181__name{font-family:"Plus Jakarta Sans",sans-serif;font-size:18px;font-weight:400;line-height:1.3;color:#1E1B18;transition:transform .3s ease,opacity .3s ease}
.kev-181__desc{margin:0;padding:0 0 0 70px;line-height:1.55;font-size:15px;opacity:0;max-height:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,padding .35s ease}
.kev-181__li.is-active .kev-181__desc{max-height:160px;opacity:1;padding-bottom:16px}
.kev-181__li.is-active .kev-181__name{transform:translateX(4px)}
.kev-181__list.has-active .kev-181__li:not(.is-active) .kev-181__name{opacity:.55}
.kev-181__stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-top:calc((var(--kev-count) - 1) * (6px + var(--kev-gap)) * .85);perspective:1600px}
.kev-181__scene{position:relative;flex:none;width:var(--kev-size);height:var(--kev-size);margin:calc(var(--kev-size) * -.1) 0;transform-style:preserve-3d;transform:rotateX(var(--kev-rx)) rotateZ(var(--kev-rz));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.kev-181__slab{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--i) * (6px + var(--kev-gap) * var(--kev-explode))));transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .35s ease;cursor:pointer}
.kev-181__face{position:absolute;backface-visibility:hidden}
.kev-181__top{inset:0;background-color:var(--c);transform:translateZ(var(--t));box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.kev-181__front{left:0;right:0;bottom:0;height:var(--t);background:var(--c);filter:brightness(.78);transform-origin:bottom;transform:rotateX(-90deg) translateY(var(--t))}
.kev-181__left{top:0;bottom:0;left:0;width:var(--t);background:var(--c);filter:brightness(.88);transform-origin:left;transform:rotateY(90deg) translateX(calc(var(--t) * -1))}
.kev-181__p--tile .kev-181__top{background-image:linear-gradient(rgba(255,255,255,.18),rgba(0,0,0,.12)),repeating-linear-gradient(0deg,rgba(60,25,10,.55) 0 2px,transparent 2px 12.5%),repeating-linear-gradient(90deg,rgba(60,25,10,.55) 0 2px,transparent 2px 12.5%)}
.kev-181__p--translucent .kev-181__top{background-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.kev-181__p--translucent .kev-181__front,.kev-181__p--translucent .kev-181__left{opacity:.6}
.kev-181__p--mesh .kev-181__top{background-color:transparent;background-image:repeating-linear-gradient(0deg,var(--c) 0 1.5px,transparent 1.5px 14px),repeating-linear-gradient(90deg,var(--c) 0 1.5px,transparent 1.5px 14px);box-shadow:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.35))}
.kev-181__p--mesh .kev-181__front,.kev-181__p--mesh .kev-181__left{opacity:0}
.kev-181__p--grain .kev-181__top{background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.4px),radial-gradient(rgba(0,0,0,.22) 1px,transparent 1.4px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px}
.kev-181__p--fine .kev-181__top{background-image:radial-gradient(rgba(255,255,255,.25) .6px,transparent .9px),radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.22),transparent 60%),radial-gradient(ellipse at 75% 70%,rgba(0,0,0,.08),transparent 55%);background-size:4px 4px,100% 100%,100% 100%}
.kev-181__p--smooth .kev-181__top{background-image:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%,rgba(0,0,0,.05))}
.kev-181__p--gloss .kev-181__top{background-color:color-mix(in srgb,var(--c) 80%,transparent);background-image:linear-gradient(120deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 60%)}
.kev-181.has-active .kev-181__slab{opacity:var(--kev-dim)}
.kev-181.has-active .kev-181__slab.is-active{opacity:1;transform:translateZ(calc(var(--i) * (6px + var(--kev-gap) * var(--kev-explode)) + 18px)) translate(-14px,14px)}
.kev-181__slab.is-active .kev-181__top{box-shadow:inset 0 0 0 2px var(--kev-accent),0 0 0 1px var(--kev-accent)}
.kev-181__caption{position:relative;z-index:2;margin:calc(var(--kev-size) * .14 + 20px) 0 0;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kev-accent)}
@media (max-width:1024px){.kev-181{--kev-size:360px;grid-template-columns:1fr}.kev-181__stage{order:-1}}
@media (max-width:767px){.kev-181{--kev-size:230px;--kev-gap:32px}.kev-181__name{font-size:16px}.kev-181__num{flex-basis:46px}.kev-181__desc{padding-left:64px}}
@media (prefers-reduced-motion:reduce){.kev-181__scene,.kev-181__slab,.kev-181__desc{transition:none}}
