.finishes{background:#fff;color:#18232d}.finishes__layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr);gap:7%;align-items:start}
.finish-choice{width:100%;display:flex;align-items:center;gap:22px;border:0;border-top:1px solid #dce4e9;background:#fff;padding:28px 18px;text-align:left;color:#596771;cursor:pointer;transition:background .4s,color .4s,padding .4s;border-radius:0}
.finish-choice:last-of-type{border-bottom:1px solid #dce4e9}.finish-choice__n{font:12px monospace;color:#087ba7}.finish-choice b{display:block;font:750 clamp(24px,2.2vw,34px)/1.1 Archivo,Arial,sans-serif;letter-spacing:-.03em}.finish-choice small{display:block;font-size:13px;margin-top:10px;line-height:1.4}.finish-choice i{font-style:normal;color:#087ba7;margin-left:auto;transition:transform .4s}.finish-choice[aria-pressed=true]{background:#eff7fb;color:#18232d;box-shadow:inset 3px 0 #229ad6;padding-left:26px}.finish-choice[aria-pressed=true] i{transform:rotate(45deg)}.finish-choice:focus-visible,.finish-demo:focus-visible{outline:3px solid #229ad6;outline-offset:4px}
.finishes__advice{font-size:14px;line-height:1.65;color:#6b7881;margin-top:28px;max-width:34ch}
.finish-lab{position:relative;display:grid;place-items:center;height:490px;background:radial-gradient(ellipse at 50% 30%,#fff,#edf2f5);border:1px solid #e5ebee;border-radius:26px;perspective:1100px;overflow:hidden;padding:60px 35px}
.finish-lab__label{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.1em;color:#6b808b}.finish-lab__label span{color:#087ba7}.finish-lab__hint{position:absolute;bottom:22px;font-size:12px;color:#647783;text-align:center;left:15px;right:15px}
.finish-art{position:relative;width:min(100%,440px);height:310px;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-10deg)) rotateZ(-3deg);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .7s;box-shadow:8px 8px 0 #9faeb726,0 35px 45px -25px #102d4659;isolation:isolate}
.finish-art__print{position:absolute;inset:0;overflow:hidden;background:#123e59;color:white;padding:25px;transition:filter .75s;filter:saturate(.75)}
.finish-art__brand,.finish-art__bottom{position:absolute;z-index:2;left:25px;font:9px monospace;letter-spacing:.12em}.finish-art__brand{top:24px}.finish-art__bottom{bottom:24px;color:#c8e3f3}
.finish-art strong{position:absolute;z-index:2;left:25px;top:70px;font:800 48px/.96 Archivo,Arial,sans-serif;letter-spacing:-.045em}.finish-art em{color:#8bdbfb;font-style:normal}
.finish-art__orb{position:absolute;width:320px;height:320px;border-radius:50%;right:-80px;top:-60px;background:radial-gradient(circle at 27% 30%,#ffc798,#f68958 43%,#da5145 67%,#5f284a 96%);box-shadow:-15px 22px 60px #061b3c66;transition:transform 1s}.finish-art__orb:after{content:'';position:absolute;inset:18px;border-radius:50%;border:1px solid #ffffff35}
.finish-art__grain{position:absolute;inset:0;background:repeating-linear-gradient(115deg,#ffffff05 0 1px,transparent 1px 3px);pointer-events:none;opacity:.7;transition:opacity .7s;z-index:3}
.finish-art__sheen{position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(112deg,transparent 18%,#ffffff08 36%,#ffffff99 48%,#ffffff18 58%,transparent 73%);background-size:250% 100%;background-position:var(--light,100%) 0;opacity:.08;mix-blend-mode:screen;transition:opacity .7s}
.finish-art__edge{position:absolute;inset:0;border:1px solid #ffffff30;pointer-events:none;z-index:5}
[data-finish=brillant] .finish-art__print{filter:saturate(1.16) contrast(1.05)}[data-finish=brillant] .finish-art__sheen{opacity:.85;animation:finish-light 3.6s ease-in-out infinite alternate}[data-finish=brillant] .finish-art__grain{opacity:0}
[data-finish=effacable] .finish-art__sheen{opacity:.3;animation:finish-light 5s ease-in-out infinite alternate}[data-finish=effacable] .finish-art__print{filter:saturate(.9)}[data-finish=effacable] .finish-art__orb{transform:translate(30px,-25px)}
.finish-art__writing{position:absolute;z-index:6;bottom:54px;right:24px;opacity:0;visibility:hidden;transform:rotate(-9deg);color:#ffe590;pointer-events:none}.finish-art__writing>span{display:block;font:bold italic 43px Georgia,serif;text-shadow:1px 2px #102d4660;clip-path:inset(0 100% 0 0)}
[data-finish=effacable] .finish-art__writing{opacity:1;visibility:visible}[data-finish=effacable] .finish-art__writing>span{animation:finish-write 1.5s .35s ease both}
.finish-art__eraser{position:absolute;left:-15%;top:-5px;width:40px;height:65px;background:linear-gradient(#f5f5f5 70%,#90a9b6 70%);border-radius:6px;box-shadow:0 7px 15px #071c3540;opacity:0;rotate:12deg}
[data-finish=effacable] .is-erased .finish-art__writing>span{animation:finish-erase 1s ease both}[data-finish=effacable] .is-erased .finish-art__eraser{animation:finish-eraser 1s ease both}
.finish-detail{display:grid;grid-template-columns:1fr 1.6fr;gap:10px 20px;margin-top:26px;padding-bottom:20px;border-bottom:1px solid #dde6eb}.finish-detail h3{font-size:25px;letter-spacing:-.03em;margin:0;line-height:1.1}.finish-detail p{font-size:15px;line-height:1.65;margin:0;color:#596b77}.finish-detail__tags{grid-column:2;color:#087ba7;font-size:12px;font-weight:650}
.finishes__note{font-size:11px;line-height:1.6;color:#72818b;margin-top:18px}.finish-demo{border:1px solid #bed7e4;border-radius:28px;background:#eff8fc;color:#087ba7;padding:12px 18px;font-weight:650;cursor:pointer;margin-top:18px}.finish-demo[hidden]{display:none}
@keyframes finish-light{from{background-position:100% 0}to{background-position:0% 0}}@keyframes finish-write{to{clip-path:inset(0)}}@keyframes finish-erase{from{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes finish-eraser{0%{left:-15%;opacity:0}12%{opacity:1}85%{opacity:1}100%{left:110%;opacity:0}}
@media(max-width:800px){.finishes__layout{grid-template-columns:minmax(0,1fr);gap:24px}.finishes__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.finish-choice{padding:15px 10px!important;border:1px solid #dde6eb!important;border-radius:14px;gap:6px;display:block}.finish-choice b{font-size:18px;margin-top:8px}.finish-choice small,.finish-choice i{display:none}.finish-choice__n{font-size:10px}.finishes__advice{grid-column:1/-1;margin:10px 0 0;max-width:none;font-size:13px}.finish-lab{height:365px;padding:55px 22px;border-radius:20px}.finish-art{height:245px;width:100%;transform:rotateX(5deg) rotateY(-6deg) rotateZ(-2deg)}.finish-art__print{padding:18px}.finish-art strong{font-size:37px;left:18px;top:60px}.finish-art__brand,.finish-art__bottom{left:18px;font-size:7px}.finish-art__orb{width:220px;height:220px;right:-80px;top:-30px}.finish-art__writing{right:12px;bottom:50px}.finish-art__writing>span{font-size:30px}.finish-lab__label{font-size:8px;left:18px;right:18px;top:20px}.finish-lab__hint{font-size:11px;bottom:16px}.finish-detail{grid-template-columns:1fr;gap:12px}.finish-detail__tags{grid-column:1}.finish-detail h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.finishes *{animation:none!important;transition:none!important}.finish-art{transform:none}.finish-art__writing>span{clip-path:none}.is-erased .finish-art__writing>span{visibility:hidden}}