@font-face{font-family:"DM Sans";src:url("/assets/dm-sans-variable.ttf") format("truetype");font-weight:100 1000;font-display:swap}
:root{font-family:"DM Sans",Arial,sans-serif;color:#191a1c;background:#f5f3ef;font-synthesis:none;--gutter:clamp(20px,3.2vw,58px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit}button,input{font:inherit}a:focus-visible,input:focus-visible{outline:3px solid #b37c3d;outline-offset:5px}
.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:12px;background:#fff}.skip-link:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1600px;margin:auto;padding:26px var(--gutter);border-bottom:1px solid #dcd9d2}
.brand{display:block;flex:none}.brand img{display:block;width:205px;height:auto}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.preview-mark{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border:1px solid #c9c6bf;border-radius:4px;color:#5b5d61}
.intro{max-width:1600px;margin:auto;padding:48px var(--gutter) 46px;display:flex;align-items:center;justify-content:space-between;gap:32px}
h1{font-size:clamp(38px,4.8vw,70px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0}.start{flex:none;text-align:center}.start-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;background:#191a1c;color:#fff;padding:17px 23px;text-decoration:none;border-radius:8px;font-size:15px;font-weight:600;transition:background .15s}.start-button:hover{background:#343638}.start-button span{font-size:21px;line-height:16px}.start p{font-size:12px;color:#5b5d61;margin:11px 0 0}
.gallery{background:#191a1c;color:#fff;padding:30px var(--gutter) 48px}.gallery-inner{max-width:1484px;margin:auto}.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 27px;font-size:12px;color:#d4d1ca}.gallery-caption>span:first-child{font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.enhancements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px}.enhancement{min-width:0}.enhancement h2{font-size:clamp(17px,1.45vw,22px);font-weight:500;letter-spacing:-.025em;margin:0 0 13px;display:flex;align-items:baseline;gap:10px;line-height:1.25}.number{color:#a8a6a1;font-size:10px;letter-spacing:.02em;font-weight:400;flex:none}
.comparison{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:#303236;isolation:isolate}.comparison>img,.after-layer img{display:block;width:100%;height:100%;object-fit:cover}.comparison.portrait>img,.comparison.portrait .after-layer img{object-fit:contain}.after-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}
.image-label{position:absolute;bottom:12px;border-radius:4px;background:rgba(18,19,20,.83);color:#fff;font-size:10px;line-height:1.3;padding:6px 8px;max-width:70%;z-index:2;pointer-events:none}.before-label{left:12px}.after-label{right:12px}
.divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;transform:translateX(-1px);z-index:2;pointer-events:none;box-shadow:0 0 4px #0005}.handle{width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#f5f3ef;color:#191a1c;border-radius:50%;box-shadow:0 2px 9px #0003}.handle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.comparison input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;appearance:none;-webkit-appearance:none;cursor:ew-resize;z-index:3;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.comparison:focus-within{outline:3px solid #f5f3ef;outline-offset:5px}.comparison input::-webkit-slider-thumb{width:33px;height:100%;cursor:ew-resize}.price-badge{position:absolute;top:12px;right:12px;z-index:4;display:inline-flex;align-items:baseline;gap:4px;background:#191a1c;color:#fff;border:1px solid #ffffff35;border-radius:6px;padding:9px 11px;font-size:11px;text-decoration:none;line-height:1;box-shadow:0 2px 12px #0002;white-space:nowrap;min-height:33px}.price-badge strong{font-size:17px;font-weight:650;letter-spacing:-.035em}.price-badge>span{font-size:10px;margin-left:-2px;align-self:flex-start}.price-badge:hover{background:#343638}.price-badge[hidden],.image-label[hidden]{display:none}
.price-note{max-width:1060px;margin:0 auto;padding:28px var(--gutter);font-size:12px;line-height:1.65;color:#5b5d61;text-align:center;scroll-margin-top:25px}.price-note a{white-space:nowrap;margin-left:8px;text-underline-offset:3px}.price-note:target{background:#ece9e3;border-radius:5px}
footer{max-width:1484px;margin:0 auto;padding:24px var(--gutter) 30px;border-top:1px solid #dcd9d2;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#5b5d61;font-size:11px}footer nav{display:flex;gap:20px}footer a{display:flex;align-items:center;min-height:36px;text-decoration:none}footer a:hover{text-decoration:underline}
@media(min-width:1600px){.gallery{padding-inline:max(var(--gutter),calc((100vw - 1484px)/2))}}
@media(max-width:1000px){.enhancements{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.intro{padding-block:35px}.brand img{width:185px}.start-button{gap:16px;padding-inline:18px}.enhancement:last-child{grid-column:1/-1;width:calc((100% - 20px)/2);justify-self:center}}
@media(max-width:600px){:root{--gutter:20px}.site-header{padding:18px var(--gutter);gap:12px}.brand img{width:150px}.site-header nav{gap:16px;font-size:12px}.preview-mark{display:none}.intro{display:block;padding-top:29px;padding-bottom:29px}h1{font-size:42px;line-height:1.04;letter-spacing:-.05em}.start{margin-top:24px;text-align:left}.start-button{min-height:50px;font-size:14px;padding:15px 19px;gap:28px}.start p{display:inline-block;margin:0 0 0 13px;font-size:10px;max-width:65px;vertical-align:middle;line-height:1.5}.gallery{padding-top:24px;padding-bottom:28px}.gallery-caption{font-size:10px;gap:10px;margin-bottom:25px}.gallery-caption>span:first-child{font-size:9px;letter-spacing:.08em}.enhancements{grid-template-columns:1fr;gap:28px}.enhancement:last-child{grid-column:auto;width:auto;justify-self:stretch}.enhancement h2{font-size:20px;margin-bottom:12px}.comparison{border-radius:8px}.price-badge{font-size:11px;padding:9px 11px}.price-badge strong{font-size:17px}.price-note{padding:23px 23px;font-size:11px;text-align:left}.price-note a{margin-left:0}footer{padding:18px 20px;font-size:10px;gap:10px}footer nav{gap:16px}}
@media(max-width:360px){h1{font-size:36px}.brand img{width:135px}.site-header nav{gap:12px}.start p{display:block;max-width:none;margin:10px 0 0}.gallery-caption{align-items:start;gap:14px}.gallery-caption>span:last-child{text-align:right;max-width:150px}.price-badge{right:9px;top:9px}.image-label{font-size:9px;bottom:9px}.before-label{left:9px}.after-label{right:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.start-button::after{content:"↗";font-size:21px;line-height:16px}