:root{--ink:#18242d;--paper:#f5f3ee;--accent:#b36a3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}header{height:100px;padding:20px 5%;display:flex;align-items:center;gap:45px;background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid #d8d6d0}.brand{font-weight:900;font-size:29px;letter-spacing:2px;text-decoration:none}.brand span{display:block;font-size:8px;letter-spacing:2.6px;margin-top:6px}nav{display:flex;gap:30px;margin-left:auto}nav a{text-decoration:none;font-size:13px}.languages{display:flex;gap:4px}.languages button{background:none;border:0;padding:9px;font-size:12px;cursor:pointer}.languages .selected{background:var(--ink);color:white}.hero{height:720px;min-height:650px;position:relative;background:#2c353a;display:flex;align-items:center;color:white;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.56)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12202bd4,transparent 90%)}.hero-content{position:relative;z-index:2;max-width:850px;margin:0;padding:70px 7%}.hero-content>p:first-child{font-size:11px;letter-spacing:3px}.hero h1{font-size:clamp(45px,5vw,78px);white-space:pre-line;line-height:1.04;letter-spacing:-3px;margin:30px 0}.hero-content>p{font-size:17px;line-height:1.7;max-width:500px}.hero-foot{position:absolute;bottom:30px;left:7%;z-index:2;font-size:10px;letter-spacing:3px}.button{display:inline-block;padding:17px 24px;background:var(--accent);color:white;border:0;text-decoration:none;cursor:pointer;margin-top:18px;font-size:14px}.statement{padding:110px 10%;max-width:1200px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase}.statement h2,.section-head h2,#contact h2{font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-1.5px;white-space:pre-line;line-height:1.12}.statement>p:last-child{max-width:650px;line-height:1.8;color:#56616a;font-size:17px}#collection{padding:65px 5% 90px;background:#eeece6}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-top:40px}.filters label span,label[for=brief]{display:block;font-size:12px;margin-bottom:10px}.filters input,.filters select,textarea{width:100%;border:1px solid #c5c7c5;background:#faf9f5;padding:14px;color:var(--ink);border-radius:0}#results{font-size:12px;margin:25px 0}#grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{background:#faf9f5;min-width:0}.card-image{display:block;border:0;padding:0;background:#ddd;width:100%;aspect-ratio:4/3;cursor:pointer;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-image:hover img{transform:scale(1.04)}.card-text{padding:24px}.card h3{font-size:27px;font-weight:500;margin:15px 0}.card .price{font-size:23px;font-weight:bold}.text-button{border:0;border-top:1px solid #d8d6d0;background:none;display:block;text-align:left;padding:18px 0 0;width:100%;cursor:pointer;font-size:13px}.more{display:block;margin:40px auto 20px}.note{font-size:12px;line-height:1.7;color:#687077}.process{padding:85px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;background:var(--ink);color:white}.process span{color:#cc936c;letter-spacing:2px}.process h3{font-size:25px;font-weight:500}.process p{line-height:1.8;color:#c1c8cb;font-size:14px}#contact{padding:95px 7%;display:grid;grid-template-columns:1fr 1fr;gap:70px}#contact>div>p{max-width:400px;line-height:1.8}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:13px;line-height:1.9}.contacts h3{font-size:13px;margin-top:0}.contacts a{overflow-wrap:anywhere}footer{padding:30px 7%;border-top:1px solid #c8cbc9;display:flex;justify-content:space-between;gap:25px;font-size:11px}#detail{width:min(1300px,96vw);max-width:96vw;max-height:94vh;padding:50px;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10202dd9}.close{position:absolute;right:14px;top:9px;font-size:32px;border:0;background:none;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:45px}.detail-grid h2{font-size:38px;font-weight:500}.total{font-size:32px;font-weight:bold}.gallery-main{max-height:500px;object-fit:contain}.detail-bottom{padding-top:40px}.technical{line-height:1.8;font-size:14px;max-width:1000px}.modal-open{overflow:hidden}button:focus-visible,a:focus-visible{outline:3px solid #b36a3c;outline-offset:4px}[hidden]{display:none!important}@media(max-width:800px){header{height:auto;min-height:90px;padding:18px 5%;gap:12px;flex-wrap:wrap}.brand{font-size:23px}nav{display:none}.languages{margin-left:auto}.languages button{padding:7px}.hero{height:640px}.hero-content{padding:45px 7%;max-width:600px}.hero h1{font-size:50px;letter-spacing:-2px}.hero-content p{font-size:15px}.statement{padding:65px 7%}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card-text{padding:17px}.card h3{font-size:22px}.card .price{font-size:20px}.process{grid-template-columns:1fr;gap:25px;padding:60px 7%}#contact{grid-template-columns:1fr;gap:30px;padding:65px 7%}#detail{padding:40px 20px}.detail-grid{grid-template-columns:1fr;gap:20px}.contacts{gap:20px}footer{flex-wrap:wrap}.detail-grid h2{font-size:32px}}@media(max-width:480px){#grid{grid-template-columns:1fr}.contacts{grid-template-columns:1fr}.hero h1{font-size:43px}}
:root #knowledge{padding:80px 7%;background:#faf9f5}#knowledge h2{font-size:40px;font-weight:500;letter-spacing:-1px}#knowledge details{border-top:1px solid #c5c7c5;padding:22px 0}#knowledge summary{cursor:pointer;font-size:20px;padding:5px 0}#knowledge .technical{padding:22px 0}.resource-images{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.resource-images a{width:230px;background:white}.resource-images img{width:100%;max-height:230px;object-fit:contain}.documents{display:flex;flex-wrap:wrap;gap:20px;padding:20px 0}

.load-error{color:#9d291f;font-weight:bold;font-size:14px;line-height:1.5}.text-button[aria-busy="true"]{opacity:.65;cursor:progress}
@media(max-width:800px){#detail .gallery-open .gallery-main{height:240px;max-height:240px;object-fit:contain}#detail .thumbs{max-height:90px}#detail .detail-grid h2{margin:12px 0}#detail .total{margin:14px 0}}
