:root{--ink:#f0ece3;--paper:#111413;--muted:#a9aea8;--line:#ffffff20;--green:#c4a47c;--bronze:#c4a47c}
body{background:#111413;color:var(--ink);font-family:Arial,Helvetica,sans-serif}::selection{background:#c4a47c;color:#111413}
.wrap{width:min(1400px,90%)}header{height:90px;background:#101311ed;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff16}nav{height:100%}.brand{letter-spacing:6px;font-size:23px}.brand img{width:43px;height:43px;border:1px solid #c4a47c66}.navlinks{font-size:11px;letter-spacing:.5px;gap:24px}.navlinks .navcta{border:1px solid #c4a47c70;border-radius:40px;padding:13px 19px;color:#e3c6a3}.navlinks a:after{display:none}
.hero{min-height:660px;max-height:1040px;height:calc(100svh - 90px);background:#272b26}.hero>img{object-position:55% 54%}.hero:after{background:linear-gradient(90deg,#0b100dd9 0%,#0b100d77 38%,transparent 73%),linear-gradient(0deg,#111413d9,transparent 42%)}
.hero-content{padding:65px 0 60px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--bronze)}.hero .eyebrow{color:#e1c7a4;display:flex;align-items:center;gap:13px}.hero .eyebrow:before{content:'';width:26px;height:1px;background:#e1c7a4}.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(70px,8vw,116px);line-height:.95;letter-spacing:-6px;max-width:800px;margin:25px 0 28px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#e4c5a0;letter-spacing:-5px}.hero p{max-width:380px;color:#dedfd5;font-size:14px;line-height:1.9;margin-bottom:30px}.hero-aside{text-align:left!important;letter-spacing:2px;line-height:2.2;border-radius:18px;min-width:200px;color:#f0ece3}.hero .text-link{color:#eee9df;border-color:#ffffff55}
.button{background:#c4a47c;border:1px solid #c4a47c;color:#151a16;border-radius:40px;padding:18px 26px;font-size:12px;font-weight:600}.button.light{background:#e7d1b2;border-color:#e7d1b2;color:#141914}.button.outline{color:#e6d0b2;border-color:#c4a47c66;background:transparent}.text-link{border-color:#c4a47c88;color:#dcc4a5;font-size:12px}.config-links{gap:28px}
.atelier-strip{border-block:1px solid var(--line);background:#171b18;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5%;font-size:10px;letter-spacing:1px}.atelier-strip>span{color:#b39068;display:flex;gap:15px;align-items:center}.atelier-strip b{font-weight:400;color:#d0d3c9}.atelier-strip>a{color:#d9bd97;display:flex;gap:28px}
h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(37px,4.2vw,60px);letter-spacing:-2.5px;line-height:1.1}.intro{padding:115px 0;gap:90px}.intro p{font-size:16px;line-height:1.95;max-width:700px}.intro h2{max-width:620px}.config-section{background:radial-gradient(ellipse at 15% 25%,#293027 0%,#1a201b 55%,#141914 100%);padding:100px 0;border-color:#ffffff18}.config-heading{margin-bottom:45px}.config-heading p{font-size:14px;color:#b5bbae}.config-layout{gap:35px}.canvas-frame{border-radius:22px;background:#d9d3c8;box-shadow:0 32px 70px #0005;border:1px solid #ffffff25}.preview-tag{border-radius:20px;background:#151b16db;color:#e6d0ad;padding:10px 15px;font-size:8px}.config-controls{border:1px solid #ffffff20;background:linear-gradient(145deg,#2b332b,#1a211b);border-radius:22px;padding:30px;box-shadow:0 20px 55px #0002}.config-controls label,.color-group legend{color:#c7b08e;font-size:10px;letter-spacing:1.8px}.config-controls select{color:#f0ece3;font-size:17px;border-color:#ffffff25}.swatch{color:#ced3c7}.swatch i{border-color:#ffffff44}.swatch[aria-pressed=true] i{outline-color:#e3c49c}.preview-toolbar{border-color:#ffffff20}.preview-toolbar button{border-color:#ffffff30;border-radius:25px;color:#dbdfd4}.preview-toolbar button[aria-pressed=true]{color:#151a16}.config-summary{color:#e1d5c4}.config-loading{color:#152017}.config-feedback{color:#dfc39d}.saved-area{border-color:var(--line)}.saved-area h3{font:400 23px Arial,Helvetica,sans-serif;letter-spacing:-.5px}.saved-item{background:#222a23;border-color:#ffffff25;border-radius:12px;overflow:hidden}.saved-item button{color:#e1e5da}.saved-item button+button{border-color:#ffffff20}.saved-item button:hover{background:#394334}.bed-navigation button{color:#d6c2a7}
.collection{padding:110px 0;background:radial-gradient(ellipse at 85% 10%,#242a2040,transparent 50%)}.section-head{margin-bottom:40px}.filters button{border-radius:30px;color:#aeb5a8;border-color:#ffffff20;padding:12px 22px;font-size:11px}.filters button.active{background:#c4a47c;border-color:#c4a47c;color:#151a16}.search-field input{color:#f0ece3;border-color:#ffffff25}.search-row{margin-bottom:36px}.grid{gap:28px;row-gap:32px}.card{padding:14px 14px 20px;background:linear-gradient(145deg,#252b24,#191e19);border:1px solid #ffffff15;border-radius:20px;transition:border-color .3s,background .3s}.card:hover{border-color:#c4a47c77;background:linear-gradient(145deg,#30382c,#1b211b)}.card .photo{border-radius:12px}.card img{border-radius:12px;background:#d5d0c5}.card-top{padding:24px 5px 0}.card h3{font:400 27px Arial,Helvetica,sans-serif;letter-spacing:-1px}.card p{padding:0 5px;font-size:12px;color:#b2b8aa;margin-bottom:25px;min-height:40px}.ref{font-size:9px;color:#bda585}.card-actions{padding:0 5px;gap:18px}.card button{color:#dfd2be;border-color:#c4a47c44;font-size:11px}.card .customize-card{color:#c4a47c}.card .image-button{padding:0}.note{color:#a5ad9c}.catalog-guides{margin-top:65px;gap:40px}.catalog-guides h3{font:400 23px Arial,Helvetica,sans-serif;letter-spacing:-.7px}.catalog-guides p{font-size:13px;color:#aab2a1}.variants{border-color:var(--line)}.variants summary{font:400 22px Arial,Helvetica,sans-serif;letter-spacing:-.7px}
.sensor-section{background:#101512;padding:100px 0;border-block:1px solid var(--line)}.sensor-visual{border-radius:24px;border-color:#c4a47c55;background:radial-gradient(ellipse at center,#39412e,#171d17);box-shadow:0 25px 65px #0004}.sensor-layout p{color:#aeb6a5}.sensor-layout{gap:75px}.craft{background:linear-gradient(120deg,#2b3125,#181e18);padding:95px 0;border-block:1px solid #ffffff12}.craft-inner{gap:100px}.craft p{color:#b2bca7}.material-list,.material{border-color:#ffffff22}.material h3{font-family:Arial,Helvetica,sans-serif;font-size:22px;letter-spacing:-.5px}.material span{color:#c4a47c}.request{padding:110px 0;gap:100px}.request p{color:#abb3a2}.form{padding:30px;border-radius:22px;border:1px solid #ffffff20;background:#1b221b}input,select{color:#eeeee4;border-color:#ffffff30}select option{background:#20271f;color:#f0ece3}input::placeholder{color:#8e9787}label{color:#c4ccba}.form label{font-size:11px}#result{border-color:#c4a47c55;border-radius:12px;background:#111710;color:#e2d6c4}footer{background:#0c100d;padding:42px 0;border-top:1px solid #c4a47c44}.footer-name{letter-spacing:7px;font-size:26px}.foot small{color:#9ba590}.motion-toggle{background:#1d271feb;border-color:#c4a47c66;color:#ddc39e;font-size:10px}.modal-top{background:#1a211b;border-color:var(--line)}dialog{background:#161d17;color:#f0ece3;border:1px solid #c4a47c55;border-radius:22px;box-shadow:0 40px 100px #0007}.modal-body>img{border-radius:14px}.modal-details{color:#b9c2af}.modal-body h2{font-family:Arial,Helvetica,sans-serif}.modal-top button{color:#dfc7a5}.modal-top{z-index:3}.modal-body .button{font-weight:500}
@media(min-width:1600px){.hero-content{padding-bottom:85px}}
@media(max-width:1000px){.navlinks{gap:13px;font-size:10px}.navlinks .navcta{padding:11px 13px}.hero h1{font-size:90px}.craft-inner,.request{gap:45px}.atelier-strip{gap:14px;letter-spacing:0}.atelier-strip>a{gap:10px}}
@media(max-width:750px){header{height:74px}.brand{font-size:19px;letter-spacing:4px}.hero{height:calc(100svh - 74px);min-height:610px;max-height:850px}.hero>img{object-position:58% 50%}.hero:after{background:linear-gradient(0deg,#0b100df2 0%,#0b100d99 32%,transparent 78%)}.hero-content{padding:35px 0 45px}.hero h1{font-size:clamp(59px,15vw,83px);letter-spacing:-3.7px;line-height:1;max-width:100%;margin:20px 0}.hero h1 em{letter-spacing:-3.7px}.hero p{font-size:13px;max-width:310px;margin-bottom:24px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero .button{padding:16px 21px;font-size:11px}.config-links{gap:20px}.hero .text-link{font-size:11px}.atelier-strip{display:grid;grid-template-columns:1fr 1fr;padding:24px 6%;gap:20px;font-size:9px}.atelier-strip>span{gap:9px}.atelier-strip>a{font-size:9px;gap:12px}.intro{padding:65px 0;gap:28px}.intro h2,h2{font-size:39px;letter-spacing:-1.7px}.intro p{font-size:14px}.config-section,.collection,.sensor-section,.craft{padding:65px 0}.config-heading h2{font-size:39px}.config-heading{margin-bottom:30px}.config-layout{gap:24px}.config-controls{padding:24px;border-radius:20px}.canvas-frame{border-radius:17px}.grid{gap:25px}.card{padding:12px 12px 20px;border-radius:20px}.card h3{font-size:27px}.card p{min-height:0}.filters button{font-size:10px;padding:12px 17px}.section-head .text-link{margin-top:0}.catalog-downloads{gap:18px}.catalog-guides{gap:15px}.sensor-layout{gap:30px}.sensor-visual{height:370px}.request{padding:65px 0;gap:28px}.form{padding:24px}.navlinks{background:#141b15f7;backdrop-filter:blur(20px);font-size:14px;gap:24px}.navlinks .navcta{padding:12px 19px}.navlinks a{color:#e4e7dc}#mobile-menu{border-radius:30px;border-color:#c4a47c66;color:#e0c8a7}footer{padding-bottom:75px}.motion-toggle{bottom:10px;left:10px}}