@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#19332e;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a67831;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd8;padding:0 5%}.brand{font-family:'Playfair Display',serif;letter-spacing:.15em;font-size:30px}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.21em;margin-top:4px}nav{display:flex;gap:36px;font-size:14px}nav a{padding:13px 0}.active{border-bottom:1px solid #254a40}.edition,.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:500}.edition{color:#6b756d}main{max-width:1530px;margin:auto;padding:0 5%}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 0 30px}.eyebrow{margin:0 0 12px;color:#6c7467}h1,h2{font-family:'Playfair Display',serif;font-weight:400;margin:0}h1{font-size:clamp(30px,3.3vw,49px);letter-spacing:-.025em}em{font-weight:400;color:#8b713b}.intro>p{font-size:14px;line-height:1.8;color:#74796f}.studio{display:grid;grid-template-columns:1.36fr 1fr;gap:36px}.mirror{height:620px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 30%,#34564b 0,#1d3c34 45%,#112e28 100%);border-radius:4px}.mirror video,.mirror>img,.mirror canvas{position:absolute;width:100%;height:100%;object-fit:contain}.mirror video{transform:scaleX(-1)}.mirror-top,.mirror-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:2}.mirror-top{top:22px}.mirror-bottom{bottom:20px;color:#ecefe7;font-size:13px}.pill{font-size:10px;letter-spacing:.13em;background:#173a30a8;color:#eef0e5;padding:10px 13px;border:1px solid #ffffff30;border-radius:2px}.welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#faf9f0;text-align:center;padding:55px 20px}.welcome .eyebrow{color:#b8c5b6}.welcome h2{font-size:44px;line-height:1.16}.welcome>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c9d2c6}.camera-icon{font-size:60px;color:#cdb989;line-height:1;margin-bottom:20px}.primary{background:#ecdfbf;color:#16352c;border:0;padding:16px 26px;font-size:14px;min-width:220px;display:flex;align-items:center;justify-content:space-between;gap:30px}.primary:hover{background:#f7edda}.welcome .privacy{font-size:12px!important}.text-button{border:0;background:none;padding:5px 0;color:inherit;font-size:13px}.text-button:hover{text-decoration:underline}.glass{background:#14372bbb;color:white;border:1px solid #ffffff40;padding:8px 12px;font-size:12px}.mirror-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #dddfd5;font-size:13px}.mirror-toolbar label{display:flex;gap:9px;align-items:center}input[type=checkbox]{accent-color:#1b4938;width:16px;height:16px}.notice{font-size:12px;line-height:1.6;color:#777c70}.collection-heading{display:flex;align-items:center;justify-content:space-between}.collection-heading h2{font-size:29px}.collection-heading>span{font-size:11px;color:#858b7f}.categories{display:flex;gap:6px;margin:21px 0}.categories button{font-size:12px;flex:1;white-space:nowrap;background:transparent;border:1px solid #d9dcd1;padding:11px 9px;color:#606b5f}.categories .selected{color:#fff;background:#234638;border-color:#234638}.products{display:grid;grid-template-columns:1fr 1fr;gap:15px}.product{background:#f1f0ea;border:1px solid transparent;text-align:left;padding:0 0 15px;color:#263d30;position:relative;min-width:0}.product[aria-pressed=true]{border-color:#5d765d}.product canvas{width:100%;height:163px;display:block}.product h3{margin:0 15px 5px;font-weight:500;font-size:15px}.product p{margin:0 15px;color:#727b6a;font-size:12px}.product .check{position:absolute;top:10px;right:10px;border-radius:50%;background:#2a523e;color:white;width:20px;height:20px;text-align:center;font-size:13px}.fitting{padding:21px 0 17px;border-bottom:1px solid #dfe1d7}.fitting-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.fitting h3{font-size:14px;font-weight:500;margin:0}.fitting>label{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;font-size:12px;margin:14px 0}.fitting select{padding:6px;border:1px solid #dddfd5;background:transparent;color:#405440;font-size:12px}input[type=range]{accent-color:#395b40;width:100%;height:16px;margin:9px 0 0}.fitting>p{font-size:11px;color:#828779;margin:7px 0 0}.selected-piece{padding:18px 0}.selected-piece p{font-size:14px;margin:4px 0 6px}.selected-piece>span:last-child{font-size:12px;color:#7b8273}.guide{padding:72px 0 60px;border-bottom:1px solid #dcdfd4}.guide h2{font-size:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:35px}.steps article>span{color:#96804c;font-family:'Playfair Display',serif;font-size:28px}.steps h3{font-size:16px;font-weight:500}.steps p,.technology p{font-size:14px;line-height:1.8;color:#727b6a}.technology{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding:65px 0}.technology h2{font-size:35px}.technology details{border-bottom:1px solid #dce0d3;padding:17px 0}.technology summary{cursor:pointer;font-size:15px}.technology a{color:#335a42;text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#19382e;color:#e4e9dc;padding:30px 5%;font-size:12px}footer .brand{font-size:23px}.doc{max-width:950px;padding-bottom:80px}.doc h1{margin:50px 0 20px}.doc h2{font-size:27px;margin:35px 0 15px}.doc p,.doc li{font-size:16px;line-height:1.8}.doc table{border-collapse:collapse;width:100%;font-size:14px}.doc th,.doc td{border:1px solid #d4d9cd;padding:12px;text-align:left}.doc code{background:#eceee6;padding:2px 5px}.doc a{text-decoration:underline}@media(min-width:1500px){.mirror{height:660px}.product canvas{height:185px}}@media(max-width:950px){.edition{display:none}.studio{gap:22px;grid-template-columns:1.1fr 1fr}.mirror{height:610px}.categories{flex-wrap:wrap}.categories button{flex:1 1 40%}.product canvas{height:125px}.intro>p{display:none}.technology{gap:35px}.steps{gap:25px}}@media(max-width:650px){header{height:86px;padding:0 6%}.brand{font-size:24px}nav{gap:16px;font-size:12px}nav a:last-child{display:none}main{padding:0 6%}.intro{padding:30px 0 25px}.intro .eyebrow{font-size:10px}h1{font-size:34px}.studio{grid-template-columns:1fr}.mirror{height:490px}.welcome h2{font-size:37px}.mirror-top,.mirror-bottom{left:16px;right:16px}.collection{padding-top:8px}.categories{flex-wrap:nowrap;overflow-x:auto}.categories button{flex:1;padding:10px 8px;font-size:11px}.product canvas{height:160px}.guide{padding:45px 0}.guide h2{font-size:27px}.steps{grid-template-columns:1fr;gap:15px}.steps article{border-top:1px solid #e0e1d7;padding-top:20px}.steps h3{display:inline;margin-left:20px}.technology{grid-template-columns:1fr;gap:15px;padding:45px 0}footer{flex-wrap:wrap}footer p{order:3;width:100%}.doc{overflow-wrap:anywhere}.doc table{display:block;overflow:auto}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.product:hover{background:#eaece2}}
