@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191919;--orange:#f65b30;--paper:#faf9f6;--line:#deddd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.logo{font-family:Manrope,Arial,sans-serif}h2{font-size:clamp(30px,3.1vw,47px);font-weight:600;letter-spacing:-1.8px;line-height:1.18}.announcement{background:var(--ink);color:white;padding:10px 5%;text-align:center;font-size:12px;letter-spacing:.7px;position:relative}.announcement span{color:var(--orange);margin:0 12px}.announcement button{position:absolute;right:4%;top:9px;background:none;border:0;color:#ccc;font-size:12px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);gap:25px}.logo{font-size:40px;letter-spacing:-2.8px;font-weight:800;line-height:1}.logo span{font-size:14px;letter-spacing:0;vertical-align:top;margin-left:4px;color:var(--orange)}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--orange)}.cart-trigger{display:flex;align-items:center;gap:12px;background:none;border:0;font-size:14px}.cart-trigger span{background:#eae8e3;border-radius:50%;height:23px;min-width:23px;display:grid;place-items:center;font-size:12px}.cart-trigger svg{width:21px;height:24px}.hero{margin:0 26px;height:590px;position:relative;overflow:hidden;background:#141517;color:#fff}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,12,.88),rgba(8,10,12,.5) 43%,rgba(8,10,12,.03) 80%)}.hero-copy{position:relative;z-index:1;padding:63px 4%;height:100%}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:10px}.little-line{width:23px;height:2px;background:var(--orange)}h1{font-size:clamp(40px,4.8vw,72px);letter-spacing:-3.2px;line-height:1.11;font-weight:600;margin:30px 0 22px}h1 em{font-style:normal;color:#ff6b3e}.hero p{color:#ddd;font-size:17px;line-height:1.7}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;font-size:14px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-2px)}.light{background:#fff;color:var(--ink);margin-top:31px}.dark{background:var(--ink);color:white}.orange{background:var(--orange);color:white}.hero-bottom{position:absolute;bottom:32px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#ccc}.photo-note{position:absolute;right:4%;bottom:68px;z-index:2;font-size:10px;letter-spacing:1px;color:#ccc}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 5%;border-bottom:1px solid var(--line)}.benefits div{display:flex;gap:18px;justify-content:center;align-items:center;border-right:1px solid var(--line);font-size:14px}.benefits div:last-child{border:0}.benefits span{font-size:12px;color:#9b9992}.collection{padding:80px 5% 70px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head h2{margin-top:15px}.section-head>p{color:#72716b;font-size:14px;line-height:1.7;max-width:350px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:10px 18px;border-radius:25px;font-size:14px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}#result-count{font-size:13px;color:#777;white-space:nowrap}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:33px 22px}.product-card{background:none;border:0;text-align:left;padding:0;display:block;width:100%}.sample{height:255px;position:relative;overflow:hidden;background:var(--tone);transition:filter .3s}.sample:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 15%,#ffffff09 36%,#ffffff60 48%,#ffffff08 57%,#00000040 100%)}.sample.mat:before{background:linear-gradient(135deg,#ffffff18,#00000030)}.sample.satin:before{background:linear-gradient(135deg,#ffffff0a,#ffffff35 48%,#00000020)}.sample.effect:before{background:linear-gradient(130deg,#3e68d080,#864fbe70,#ca9fd890,#235e9650)}.product-card:hover .sample{filter:brightness(1.1)}.swatch-label{position:absolute;bottom:22px;left:22px;color:#ffffffbf;font-size:11px;letter-spacing:2px}.sample-mark{position:absolute;right:22px;bottom:22px;font-family:Manrope,sans-serif;color:#ffffffa0;font-size:26px;letter-spacing:-1.5px;font-weight:800}.product-top{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px}.product-top h3{font-size:18px;font-weight:600;letter-spacing:-.5px}.product-card small{display:block;color:#77776f;font-size:13px;margin-top:6px}.product-arrow{width:33px;height:33px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.tag{position:absolute;left:16px;top:16px;background:#ffffffeb;padding:6px 10px;font-size:11px;letter-spacing:.3px}.price{margin-top:12px;font-size:15px}.price span{color:#777;font-size:12px}.catalog-note{font-size:12px;color:#88857e;margin-top:30px;text-align:center}.finish-section{padding:70px 7%;background:#eae8e1;display:grid;grid-template-columns:1fr 1.15fr;gap:12%}.finish-section h2{margin:20px 0}.finish-section>div>p{line-height:1.8;color:#66655f;max-width:360px}.finish-list button{display:flex;align-items:center;text-align:left;gap:23px;padding:24px 0;width:100%;border:0;border-bottom:1px solid #cbc9c1;background:none}.finish-list button>span{font-size:12px;color:#888}.finish-list h3{font-size:26px;font-weight:500;letter-spacing:-1px}.finish-list p{font-size:14px;color:#737169;margin-top:7px}.finish-list b{margin-left:auto;font-weight:400;font-size:25px}.guide{padding:80px 7%}.guide h2{margin-top:18px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.guide-grid span{font-size:11px;letter-spacing:1.2px;color:#777}.guide-grid h3{font-size:21px;margin:16px 0 12px;font-weight:600;letter-spacing:-.5px}.guide-grid p{color:#77756f;font-size:15px;line-height:1.8}footer{background:#1c1d1d;color:white;padding:50px 5% 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:48px}.footer-top p{color:#b6b6b1;line-height:1.7;font-size:15px}.footer-top>a:last-child{font-size:14px;border-bottom:1px solid #777;padding-bottom:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #424342;padding-top:22px;color:#a1a29c;font-size:12px}.footer-bottom button{border:0;background:none;color:inherit;font-size:12px;padding:0}dialog{border:0;padding:42px;max-width:950px;width:calc(100% - 36px);max-height:90dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1119;backdrop-filter:blur(5px)}.close{position:absolute;right:19px;top:17px;background:transparent;border:0;width:35px;height:35px;font-size:20px;z-index:2}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding-top:15px}.detail-swatch .sample{height:390px}.detail-info h2{font-size:34px;margin:15px 0 12px}.detail-info>p{font-size:15px;color:#73716b;line-height:1.6}.detail-info label{display:block;font-size:14px;margin:22px 0 10px}.detail-info select{width:100%;padding:12px;border:1px solid var(--line);background:transparent}.detail-price{font-size:27px;margin:24px 0 17px}.detail-info .button{width:100%}.detail-info small{display:block;font-size:12px;color:#777;margin-top:13px;line-height:1.6}.drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:none;max-width:480px;width:100%;padding:33px;overflow:auto}.drawer-title h2{font-size:28px}.drawer-title h2 span{font-size:16px;color:#888;margin-left:10px}.muted{color:#777;font-size:14px;line-height:1.7;margin-top:15px}.cart-item{display:grid;grid-template-columns:65px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid var(--line)}.cart-item .sample{height:78px}.cart-item h3{font-size:16px;margin-bottom:5px}.cart-item p{font-size:13px;color:#777}.cart-quantity{display:flex;gap:12px;align-items:center;margin-top:12px}.cart-quantity button{border:1px solid var(--line);background:none;min-width:29px;height:29px}.cart-quantity .remove{border:0;margin-left:auto;font-size:12px;color:#777}.cart-total{display:flex;justify-content:space-between;font-size:20px;margin:28px 0 15px}.drawer .button{width:100%;margin-top:20px}.empty-cart{padding:65px 0;line-height:1.8}.info-dialog{max-width:620px;padding:45px}.info-dialog h2{font-size:30px;letter-spacing:-1px;margin:20px 0}.info-dialog>p{line-height:1.7;color:#666}.connection-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0;display:grid;gap:15px;font-size:15px;line-height:1.6}.info-dialog .button{margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#191919;color:white;padding:15px 25px;z-index:20;opacity:0;pointer-events:none;transition:.2s;font-size:14px;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){main,header,.footer-top,.footer-bottom{max-width:1550px;margin:auto}.hero{height:660px}}@media(max-width:900px){.announcement button{display:none}.hero{height:540px}.hero h1{font-size:54px}.hero-image{object-position:65% center}.hero-copy{padding-top:55px}.section-head{align-items:start;flex-direction:column}.products{grid-template-columns:repeat(2,1fr)}.finish-section{gap:6%}.benefits div{font-size:12px;gap:10px}.footer-bottom{flex-wrap:wrap}nav{gap:20px}}@media(max-width:600px){header{height:80px;padding:0 6%}.logo{font-size:34px}nav{display:none}.announcement{font-size:10px;padding:10px 5px;letter-spacing:0}.announcement span{margin:0 4px}.hero{margin:0 12px;height:560px}.hero-copy{padding:44px 7%}.hero h1{font-size:43px;letter-spacing:-2px;margin-top:26px}.hero p{font-size:15px}.hero-image{object-position:65% center;opacity:.65}.hero:after{background:linear-gradient(90deg,#080a0bc4,#080a0b30)}.hero-bottom{left:7%;right:7%;font-size:9px;gap:15px}.hero-bottom span:last-child{display:none}.photo-note{font-size:8px;right:7%;bottom:60px}.benefits{padding:22px 4%;gap:12px}.benefits div{display:block;text-align:center;font-size:11px;padding-right:9px}.benefits span{display:block;margin-bottom:8px}.collection{padding:50px 6%}.section-head{gap:18px}.section-head>p{font-size:13px}h2{font-size:32px;letter-spacing:-1.3px}.toolbar{align-items:start;gap:10px}.filters{gap:6px}.filters button{font-size:12px;padding:9px 12px}#result-count{display:none}.products{gap:25px 12px}.sample{height:190px}.product-top{margin-top:12px}.product-top h3{font-size:15px}.product-arrow{display:none}.product-card small{font-size:11px}.price{font-size:14px}.swatch-label{left:13px;bottom:15px;font-size:9px}.sample-mark{font-size:20px;right:12px;bottom:12px}.tag{font-size:9px;left:10px;top:10px}.finish-section{grid-template-columns:1fr;padding:45px 7%;gap:25px}.finish-section>div>p{font-size:15px}.guide{padding:50px 7%}.guide-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.guide-grid h3{margin:12px 0 7px}.footer-top{flex-wrap:wrap;align-items:start}.footer-top p{font-size:14px}.footer-top>a:last-child{width:100%;margin-top:15px}.footer-bottom{font-size:11px;gap:13px}.product-detail{grid-template-columns:1fr;gap:20px}.detail-swatch .sample{height:170px}dialog{padding:28px 23px}.detail-info h2{font-size:28px}.info-dialog{padding:40px 25px}.info-dialog h2{font-size:27px}.drawer{padding:30px 24px}.eyebrow{font-size:10px}.catalog-note{font-size:11px}}
.hero-image{width:74%;right:0;object-position:center 76%}.cart-item .sample-mark,.cart-item .swatch-label{display:none}@media(max-width:600px){.hero-image{width:100%;object-position:60% 77%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
