:root{--bg:#fff;--fg:#111;--mut:#777;--card:#f3f3f2;--line:#e6e6e4;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#111;--fg:#f2f2f0;--mut:#999;--card:#1b1b1a;--line:#2a2a28;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#111;--fg:#f2f2f0;--mut:#999;--card:#1b1b1a;--line:#2a2a28;color-scheme:dark}
*{box-sizing:border-box;margin:0}html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:300 15px/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;padding-top:calc(16px + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--bg) 45%,transparent);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border-bottom:1px solid color-mix(in srgb,var(--bg) 40%,transparent)}
.logo{font-size:24px;font-weight:500;letter-spacing:-.04em}
nav{display:flex;gap:32px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
nav button,.cartb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);transition:color .3s}nav button:hover,.cartb:hover,nav .on{color:var(--fg)}
.view{animation:in .6s ease both}@keyframes in{from{opacity:0;transform:translateY(10px)}}
.hero{position:relative;margin:calc(-1*env(safe-area-inset-top,0px)) 0 0;height:100vh;height:100svh;min-height:520px;overflow:hidden;background:var(--card)}
.hero img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero div{position:absolute;left:3vw;top:5vh;max-width:460px}
h1,h2{font-weight:300;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(34px,5vw,62px);color:#111}
.hero p{margin:16px 0 26px;color:#444}
.btn{display:inline-flex;align-items:center;gap:10px;background:#111;color:#fff;padding:14px 28px;border-radius:99px;font-size:13px;transition:transform .3s,opacity .3s}.btn:hover{transform:translateY(-2px);opacity:.88}
:root[data-theme="dark"] .btn.inv,.btn.inv{background:var(--fg);color:var(--bg)}
.line{border:1px solid var(--fg);background:none;color:var(--fg)}
section{padding:100px 4vw 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}h2{font-size:clamp(26px,3vw,38px)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{cursor:pointer;text-align:left;display:block;width:100%}.card .im{aspect-ratio:4/5;background:var(--card);display:grid;place-items:center;padding:8%;overflow:hidden;position:relative}
.card img{width:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.card .im{place-items:end center;padding-bottom:22%}.card .im.ph{place-items:center;padding:8%}.card:hover img{transform:scale(1.05)}
.card .pl{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#111;font-size:0;opacity:0;transition:opacity .3s}.card .pl::before,.card .pl::after{content:"";position:absolute;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}.card .pl::before{width:14px;height:1.5px}.card .pl::after{width:1.5px;height:14px}.card:hover .pl{opacity:1}
.card b{display:block;font-weight:400;margin-top:12px;font-size:14px}.card span{color:var(--mut);font-size:13px}
.cats{border-top:1px solid var(--line)}.cats button{display:flex;justify-content:space-between;width:100%;padding:28px 0;border-bottom:1px solid var(--line);font-size:clamp(24px,3.4vw,44px);font-weight:300;letter-spacing:-.03em;transition:padding .4s}
.cats button:hover{padding-left:16px}.cats small{font-size:12px;color:var(--mut);letter-spacing:.08em;text-transform:uppercase;align-self:center}
.sw{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px}.sw i{flex:0 0 min(220px,42vw);aspect-ratio:1;border-radius:14px;box-shadow:0 14px 28px -14px #0004;transition:transform .4s}.sw i:hover{transform:translateY(-6px)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.vals p{color:var(--mut);margin-top:8px}.vals b{font-weight:400}
footer{margin:120px 1.2vw 1.2vw;background:#fff;color:#111;border:1px solid var(--line);border-radius:36px;padding:64px 4vw 0;overflow:hidden;font-weight:300;font-size:14px;letter-spacing:.01em}.ft{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.ftl{font-size:clamp(26px,3vw,40px);font-weight:300;letter-spacing:-.03em;line-height:1.1}.fc{display:grid;gap:10px;align-content:start}.fc b{font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-bottom:6px}.fc button,.fc span{text-align:left;color:#111;opacity:.92;font-weight:300;cursor:pointer;transition:opacity .3s,transform .3s}.fc button:hover,.fc span:hover{opacity:.5;transform:translateX(4px)}.fl{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:70px;font-size:12px;font-weight:300;opacity:.5}.fb{font-size:25vw;font-weight:300;letter-spacing:-.07em;line-height:.8;text-align:center;margin-top:30px;padding-bottom:2.5vw;white-space:nowrap;user-select:none}
.filters{display:flex;gap:26px;margin-bottom:32px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;overflow-x:auto}.filters button{color:var(--mut);white-space:nowrap}.filters .on{color:var(--fg);border-bottom:1px solid}
.pp{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:5vw;padding:20px 4vw 0}.pp .im{background:var(--card);display:grid;place-items:center;padding:8%;aspect-ratio:1/.85}.pp .im img{width:100%}
.info{max-width:460px;position:sticky;top:84px;align-self:start}.pp>div:first-child{min-width:0}.gal,.grow{display:grid;gap:6px}.g1{grid-template-columns:1fr}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.cell{background:var(--card);overflow:hidden;aspect-ratio:4/5;display:grid;place-items:center}.g1 .cell{aspect-ratio:16/10}.g3 .cell{aspect-ratio:3/4}.cell img{width:100%;height:100%;object-fit:cover;display:block}.gal.sq .cell,.gal.sq .g1 .cell,.gal.sq .g3 .cell{aspect-ratio:1}.cell.prod{padding:6%}.cell.prod{position:relative}.cell.prod img{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:4%;object-fit:contain}.car{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}.car::-webkit-scrollbar{display:none}.car .card{flex:0 0 min(340px,78vw);scroll-snap-align:start}.info h1{font-size:40px;color:var(--fg)}.price{font-size:20px;margin:8px 0 20px}
.dots{display:flex;gap:12px;margin:18px 0}.dots button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);outline:1px solid transparent;outline-offset:3px}.dots .on{outline-color:var(--fg)}
.qty{display:flex;gap:14px;align-items:center;margin:24px 0 12px}.qty button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%}
.spec{margin:20px 0;border-top:1px solid var(--line)}.spec p{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);color:var(--mut)}.spec span{color:var(--fg)}
.faq{margin-top:36px}.faq h2{font-size:22px;margin-bottom:10px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::after{content:"+";color:var(--mut)}details[open] summary::after{content:"–"}details p{color:var(--mut);margin-top:10px}
.ov{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:.4s;z-index:40}.ov.o{opacity:1;pointer-events:auto}
.dr{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--bg);z-index:41;padding:28px;transform:translateX(100%);transition:transform .5s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}.dr.o{transform:none}
.ci{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.ci img{background:var(--card);padding:6px;width:80px;height:80px;object-fit:contain}
.pp .im{position:relative}.arr{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;z-index:2}.arr button{width:42px;height:42px;border-radius:6px;background:var(--bg);color:var(--fg);border:1px solid var(--line);font-size:22px;line-height:1;display:grid;place-items:center;padding-bottom:3px;transition:background .3s,color .3s}.arr button:hover{background:var(--fg);color:var(--bg)}.pp .im img{width:100%;height:auto;object-fit:contain}.pp .im.full img{width:100%;height:100%}.pp .im.full{padding:0}.pp .im.full img{object-fit:cover}
.th{display:flex;gap:10px;margin-top:10px}.th button{width:84px;aspect-ratio:1;background:var(--card);opacity:.5;transition:opacity .3s}.th .on,.th button:hover{opacity:1}.th img{width:100%;height:100%;object-fit:cover;display:block}
.g4{grid-template-columns:repeat(4,1fr)}.th:has(button:only-child){display:none}.ph{display:grid;place-items:center;border:1px dashed var(--line)}.ph span{font-size:32px;color:var(--mut)}
.ed{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.ed img,.two img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}figcaption{margin-top:10px;color:var(--mut);font-size:13px}
.ban{position:relative;height:70vh;overflow:hidden}.ban img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.ban h2{position:absolute;left:3vw;bottom:5vh;color:#fff}
.eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}.hero .eyebrow{color:#555}
.hero div{top:50%;transform:translateY(-62%)}.hero p{max-width:340px}
.trust{overflow:hidden;padding:22px 0;border-bottom:1px solid var(--line)}.trk{display:flex;width:max-content;animation:mq 40s linear infinite}.trust:hover .trk{animation-play-state:paused}.trk>div{display:flex;align-items:baseline;gap:10px;padding:0 44px;white-space:nowrap;position:relative}.trk>div::after{content:"";position:absolute;right:-2px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--mut)}.trust b{font-weight:400;font-size:14px}.trust span{color:var(--mut);font-size:13px}@keyframes mq{to{transform:translateX(-25%)}}@media(prefers-reduced-motion:reduce){.trk{animation:none}}
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.tile{display:block;width:100%;text-align:left}.tile .im{background:var(--card);aspect-ratio:4/5;display:grid;place-items:end center;padding:8% 6% 26%;overflow:hidden}.tile .im img{width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.tile:hover .im img{transform:scale(1.06)}.tile .im.ph{place-items:center;padding:8%;border:1px dashed var(--line)}.tile .im.ph span{font-size:32px;color:var(--mut)}
.tile .tx{padding-top:16px;display:grid;gap:4px}.tile b{font-weight:400;font-size:22px;letter-spacing:-.02em}.tile span{color:var(--mut);font-size:14px}.tile em{font-style:normal;font-size:13px;margin-top:6px;transition:letter-spacing .3s}.tile:hover em{letter-spacing:.04em}
.num{display:block;font-size:13px;color:var(--mut);margin-bottom:22px;letter-spacing:.1em}.vals>div{border-top:1px solid var(--fg);padding-top:20px}.vals b{font-size:20px;letter-spacing:-.02em}
.pop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#0007;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .5s}.pop.o{opacity:1;pointer-events:auto}
.pbox{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(800px,100%);max-height:92vh;background:var(--bg);color:var(--fg);border-radius:22px;overflow:hidden;transform:translateY(24px) scale(.98);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.pop.o .pbox{transform:none}
.pbox>img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:30% 30%;display:block}
.px{position:absolute;top:14px;right:16px;width:36px;height:36px;border-radius:50%;font-size:26px;line-height:1;color:var(--fg);z-index:2}.px:hover{background:var(--card)}
.pc{padding:48px 36px 32px;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center;overflow:auto}.plogo{font-size:22px;font-weight:500;letter-spacing:-.04em}
.pc h3{font-weight:400;font-size:27px;line-height:1.15;letter-spacing:-.03em;margin:10px 0 2px}.pc h3 em{font-style:normal;display:block;font-weight:500}.pc p,.pc span{color:var(--mut)}
.pr{display:flex;gap:20px;justify-content:center;font-size:14px;color:var(--fg)}.pr label{display:flex;gap:6px;align-items:center;cursor:pointer}.pr input{accent-color:#111}
#pe{width:100%;padding:15px 20px;border:1px solid var(--fg);border-radius:99px;background:none;color:var(--fg);font:inherit;outline:none}#pe.err{border-color:#c0392b}
.pc .btn{width:100%;justify-content:center}.pc small{font-size:11px;color:var(--mut);line-height:1.5}.code{display:inline-block;margin:8px auto;padding:12px 26px;border:1px dashed var(--fg);border-radius:99px;font-size:20px;letter-spacing:.14em;font-weight:500}
@media(max-width:800px){.pbox{grid-template-columns:1fr}.pbox>img{min-height:0;height:180px}.pc{padding:30px 22px 24px}}
@media(max-width:800px){.g3{grid-template-columns:1fr 1fr}.g3 .cell:last-child:nth-child(odd){grid-column:1/-1}.trust{grid-template-columns:1fr 1fr}.hero div{transform:translateY(-70%)}.ft{grid-template-columns:1fr 1fr}.ftl{grid-column:1/-1}footer{border-radius:26px;padding-top:44px}.ed,.two{grid-template-columns:1fr}nav{display:none}.grid,.vals,.g4{grid-template-columns:1fr 1fr}.vals{grid-template-columns:1fr}.pp{grid-template-columns:1fr}.info{position:static}.pp>div:first-child{position:static}.hero{min-height:480px}section{padding-top:70px}}
.pp{grid-template-columns:minmax(0,1.87fr) minmax(0,1fr);gap:4.8vw;padding:0 3.4vw 0 .4vw}.info{max-width:600px}.gal,.grow{gap:4px}.gal.sq .cell,.gal.sq .g1 .cell,.gal.sq .g3 .cell{aspect-ratio:2/3}.gal.sq .cell img{width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:800px){.pp{grid-template-columns:1fr;gap:28px;padding:0}.info{padding:0 4vw;max-width:none}.gal.sq .g3 .cell:last-child:nth-child(odd){aspect-ratio:1}}
.g1 .cell.prod{aspect-ratio:3/2;padding:2%}.gal.sq .g1 .cell.prod{aspect-ratio:3/2;padding:2%}.gal.sq .cell.prod{position:relative}.cell.prod img{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:4%;object-fit:contain}
.cell.ct{background:#fff}.cell.ct img{object-fit:contain}.g2 .cell.ct{aspect-ratio:1}
.mc,.bg,.mm{display:none}
img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media(max-width:800px){.hero{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#c3bcb2,#d1ccc8)}.hero div{position:static;transform:translateY(74px);max-width:none;order:1;padding:calc(156px + env(safe-area-inset-top,0px)) 6vw 24px}.hero h1{font-size:clamp(40px,12vw,54px);line-height:1.02}.hero p{margin:14px 0 22px;max-width:320px;font-size:17px;color:#222}.hero .eyebrow{color:#333}.hero img{order:2;flex:1 1 0;min-height:0;height:auto;object-fit:cover;-webkit-mask-image:none;mask-image:none;margin-top:50px}}
.mt{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.ms{scroll-snap-stop:always}.mth{overscroll-behavior-x:contain}
@media(max-width:800px){.gal{display:none}.mc{display:block}.mtw{position:relative}.mt{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 4vw;scrollbar-width:none;padding:0 4vw}.mt::-webkit-scrollbar{display:none}.ms{flex:0 0 86%;scroll-snap-align:start;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--card);display:grid;place-items:center}.ms img{width:100%;height:100%;object-fit:cover;display:block}.ms:first-child img{object-fit:contain;padding:6%}
.arr2{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 12px;pointer-events:none}.arr2 button{pointer-events:auto;width:42px;height:42px;border-radius:50%;background:#fff;color:#111;font-size:26px;line-height:1;padding-bottom:3px;display:grid;place-items:center;box-shadow:0 2px 10px #0003}
.mth{display:flex;gap:10px;padding:12px 4vw 0;overflow-x:auto;scrollbar-width:none}.mth button{flex:0 0 68px;height:68px;border-radius:10px;overflow:hidden;background:none;padding:0;border:2px solid transparent;opacity:.75}.mth .on{border-color:var(--fg);opacity:1}.mth img{width:100%;height:100%;object-fit:cover;display:block}.mth button:first-child img{object-fit:cover;padding:0}
.bg{display:block;width:40px;height:40px;position:relative;margin-right:-8px}.bg i{position:absolute;left:9px;right:9px;height:1.5px;background:var(--fg);transition:transform .3s,top .3s}.bg i:first-child{top:15px}.bg i:last-child{top:24px}.bg.o i:first-child{top:19.5px;transform:rotate(45deg)}.bg.o i:last-child{top:19.5px;transform:rotate(-45deg)}.cartb{margin-left:auto;margin-right:12px}
.mm{position:fixed;inset:0;z-index:29;background:var(--bg);padding:calc(92px + env(safe-area-inset-top,0px)) 6vw 40px;display:flex;flex-direction:column;overflow:auto;transform:translateY(-100%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s .45s}.mm.o{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s}.mm button{text-align:left;font-size:30px;letter-spacing:-.03em;padding:12px 0;border-bottom:1px solid var(--line)}}
:root{--mut:#55544f}body{font-size:16px;font-weight:400}
nav,nav button,.cartb{font-size:14px;letter-spacing:.04em}nav button,.cartb{color:var(--fg);opacity:.7}nav button:hover,.cartb:hover,nav .on{opacity:1}
.hero p{color:#222;font-size:17px}.eyebrow{font-size:13px}.hero .eyebrow{color:#333}
.card b{font-size:17px}.card span{font-size:15px}.tile span{font-size:15px}.tile em{font-size:14px}
.trust b{font-size:15px}.trust span{font-size:14px}figcaption{font-size:15px}.cats small{font-size:14px}
.btn{font-size:15px}.spec p,details p,.vals p{font-size:15px}.pp .info small{font-size:14px}
.fc b{font-size:12px;opacity:.75}.fl{font-size:14px}.pc small{font-size:13px}.ci{font-size:15px}
.filters{font-size:17px;letter-spacing:0;text-transform:none;gap:34px;padding-bottom:6px}.filters button{color:var(--fg);opacity:.62;font-weight:400;padding:6px 0;border-bottom:2px solid transparent}.filters button:hover{opacity:1}.filters .on{opacity:1;font-weight:500;border-bottom:2px solid var(--fg)}@media(max-width:800px){.filters{font-size:16px;gap:26px}}
.cd{display:flex;gap:10px;margin-top:12px}.cd button{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);outline:1px solid transparent;outline-offset:3px;transition:outline-color .3s,transform .3s}.cd button:hover{transform:scale(1.15)}.cd .on{outline-color:var(--fg)}
.sz-sel{display:flex;gap:10px;margin:18px 0}.sz-sel button{padding:10px 18px;border:1px solid var(--line);border-radius:99px;font-size:14px;opacity:.7}.sz-sel .on{border-color:var(--fg);opacity:1}
@media(max-width:800px){.ed img,.two img{width:82%;margin:0 auto;aspect-ratio:auto;height:auto;object-fit:contain}}
.pay{display:block;width:100%;max-width:340px;height:auto;margin:18px 0 0}
.logo img{display:block;height:56px;width:auto}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo img{filter:invert(1)}}:root[data-theme="dark"] .logo img{filter:invert(1)}
.stock{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--fg);margin:-8px 0 22px}.stock i{width:10px;height:10px;border-radius:50%;background:#34c759;display:block}
.gal.tp .cell{background:none}.gal.tp .grow:last-child .cell:last-child{background:#fff}.gal.tp .grow:last-child .cell:last-child img{object-fit:contain}.gw:has(.gal.tp) .ms{background:none}.gw:has(.gal.tp) .ms:last-child{background:#fff}.gw:has(.gal.tp) .ms:last-child img{object-fit:contain}.gal.tp .cell.cut img{object-fit:contain}.gw:has(.gal.tp) .ms.cut img{object-fit:contain}

.lang{font-size:14px;letter-spacing:.04em;color:var(--fg);opacity:.7;margin-right:12px;text-decoration:none}