@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f3ee;--ink:#17242b;--blue:#355cff;--line:#d7d8d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:7px}a:hover{color:var(--blue)}header{max-width:1600px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.logo{font-size:32px;font-weight:800;letter-spacing:-1.8px;line-height:1}.logo span,h1 span,h2>span,.blue{color:var(--blue)}nav{display:flex;gap:35px;font-size:14px;font-weight:600}.nav-contact{font-size:14px;font-weight:700;display:flex;gap:30px}.nav-contact span{font-size:22px;color:var(--blue)}.hero{max-width:1600px;margin:auto;padding:70px 5% 0}.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:50px}.eyebrow{color:var(--blue);font-weight:700;letter-spacing:1.6px;font-size:12px;margin:0 0 25px}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(56px,7.8vw,118px);letter-spacing:-.065em;line-height:1.04;font-weight:600;margin-bottom:0}h2{font-size:clamp(36px,4.7vw,68px);letter-spacing:-.055em;line-height:1.12;font-weight:600;margin-bottom:24px}h3{font-size:22px;letter-spacing:-.6px;font-weight:600;line-height:1.4}.hero-intro{padding:0 25px 5px 0}.hero-intro p{font-size:20px;line-height:1.65;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:var(--paper);padding:17px 23px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--blue);color:white;transform:translateY(-2px)}.button span{font-size:18px}.hero-photo{margin:0;position:relative}.hero-photo img{width:100%;height:clamp(260px,30vw,430px);display:block;object-fit:cover}.hero-photo figcaption{display:flex;justify-content:space-between;gap:18px;padding:17px 0;font-size:12px;letter-spacing:1px}.hero-photo figcaption span:last-child{letter-spacing:0}.material-strip{display:flex;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.section{padding:100px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-heading>p{color:#526067;margin:0;line-height:1.8}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-image{background:#ebe8e0;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:45px 20px 15px;min-height:400px}.product-image img{width:76%;max-width:410px;height:auto;mix-blend-mode:multiply;transition:transform .6s}.product:hover img{transform:translateY(-7px)}.product-image.dark{background:#dadcd8}.tag{position:absolute;left:24px;top:20px;font-size:12px;letter-spacing:1.5px}.product-info{display:flex;justify-content:space-between;align-items:baseline;margin-top:24px}.product-info h3{margin-bottom:10px}.product-info span{color:#6c7577;font-size:13px}.product>p{font-size:14px;color:#526067;max-width:440px}.caption{font-size:12px;color:#667276;margin:20px 0 40px}.sizes{border-top:1px solid var(--line);padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.sizes .eyebrow{margin-bottom:8px}.sizes p{margin-bottom:0}.size-options{display:flex;gap:36px;flex-wrap:wrap}.size-options>span{font-size:24px;letter-spacing:-1px;white-space:nowrap}.size-options small{font-size:12px;letter-spacing:0;color:#687378}.use{background:var(--ink);color:var(--paper)}.use .eyebrow{color:#97aaff}.use .section-heading>p{color:#aab4b8}.use-list article{display:grid;grid-template-columns:60px 1.2fr 1fr;gap:24px;align-items:center;border-top:1px solid #445057;padding:29px 0}.use-list article:last-child{border-bottom:1px solid #445057}.use-list article>span{font-size:13px;color:#8b9da5}.use-list h3,.use-list p{margin:0}.use-list h3{font-size:26px}.use-list p{color:#bac2c5;font-size:14px;max-width:390px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{color:var(--blue);font-size:14px}.steps h3{font-size:20px;margin:30px 0 14px}.steps p{color:#526067}.note{margin-top:40px;background:#e9e9e3;padding:25px 30px;display:flex;gap:40px;font-size:14px;align-items:center}.note strong{flex:0 0 240px}.note span{color:#526067}.catalog{background:#e8e9e4;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.catalog p:not(.eyebrow){color:#526067}.catalog .button{margin-top:12px}.text-link{display:block;text-decoration:underline;text-underline-offset:5px;font-size:13px;margin-top:20px}.catalog-type{border-left:1px solid #c3c9c6;padding:20px 0 20px 60px}.catalog-type>span:first-child{font-weight:800;font-size:26px;letter-spacing:-1px}.catalog-type>div{font-size:clamp(80px,10vw,160px);line-height:.95;letter-spacing:-.075em;margin:42px 0;font-weight:600}.catalog-type>span:last-child{font-size:12px;letter-spacing:2px}.faq{display:grid;grid-template-columns:1fr 2fr;gap:60px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:25px;font-weight:400;color:var(--blue)}details[open] summary:after{content:'−'}details p{margin:20px 30px 0 0;color:#526067;font-size:15px}details a{display:inline-block;color:var(--blue);margin-top:15px}.contact{background:var(--ink);color:var(--paper);padding-bottom:50px}.contact .eyebrow{color:#97aaff}.contact h2{font-size:clamp(42px,6vw,88px)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin:36px 0 65px;gap:25px}.contact-bottom p{margin:0;color:#bdc6c9;font-size:18px}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:var(--blue);color:white}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid #435057;padding-top:35px;gap:30px}.contact-grid span{display:block;font-size:12px;letter-spacing:1px;color:#a3b0b6;margin-bottom:12px}.contact-grid a,.contact-grid p{font-size:18px;margin:0}.contact-grid a:hover{color:#97aaff}footer{max-width:1600px;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto}footer p,footer>a:last-child{font-size:12px;margin:0;color:#526067}.skip{position:absolute;top:-100px;left:15px;padding:12px;background:white;z-index:9}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:18px}.nav-contact{display:none}.hero{padding-top:48px}.hero-intro{padding:0}.hero-intro p{font-size:17px}.section{padding:70px 5%}.section-heading{align-items:flex-start}.product-image{min-height:300px}.sizes{align-items:flex-start;flex-direction:column}.size-options{justify-content:space-between;width:100%}.use-list article{grid-template-columns:32px 1fr 1fr;gap:20px}.use-list h3{font-size:21px}.steps{gap:24px}.catalog{gap:35px}.catalog-type{padding-left:35px}.faq{gap:35px;grid-template-columns:1fr 2.5fr}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:last-child{grid-column:1/-1}}@media(max-width:600px){header{padding:22px 6%;gap:15px}.logo{font-size:28px}nav{gap:19px;font-size:12px}nav a:nth-child(2){display:none}.hero{padding:42px 6% 0}.hero-top{display:block;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:21px}h1{font-size:64px}.hero-intro{margin-top:25px}.hero-intro p{font-size:17px;line-height:1.65;margin-bottom:22px}.hero-intro br{display:none}.hero-photo img{height:260px;object-position:49%}.hero-photo figcaption{font-size:10px;line-height:1.5}.hero-photo figcaption span:last-child{text-align:right}.material-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;padding:22px 0}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;font-size:15px}.section-heading>p br{display:none}h2{font-size:41px}.product-grid{gap:30px;grid-template-columns:1fr}.product-image{min-height:330px}.product-image img{width:75%;max-width:300px}.product-info{margin-top:18px}.product-info h3{font-size:22px}.caption{margin-bottom:25px}.size-options{gap:15px;display:grid;grid-template-columns:1fr 1fr}.size-options>span{font-size:24px}.use-list article{grid-template-columns:26px 1fr;gap:12px;padding:24px 0}.use-list p{grid-column:2;font-size:14px}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps article{display:grid;grid-template-columns:28px 1fr;column-gap:15px}.steps h3{margin:0 0 12px}.steps p{grid-column:2;margin:0;font-size:15px}.note{display:block;padding:24px;margin-top:30px}.note strong{display:block;margin-bottom:12px}.catalog{grid-template-columns:1fr;gap:40px}.catalog-type{display:none}.catalog p br{display:none}.faq{display:block}.faq>p{margin-bottom:25px}summary{font-size:16px}.contact h2{font-size:44px}.contact-bottom{display:block;margin:28px 0 42px}.contact-bottom p{margin-bottom:24px;font-size:17px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-grid a,.contact-grid p{font-size:18px}footer{padding:28px 6%;flex-wrap:wrap}footer .logo{width:100%;margin-bottom:10px}.button{min-height:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep labels, symbols and numbered rows aligned at every width. */
header > .logo, header nav, .nav-contact { flex-shrink: 0; }
header nav { align-items: center; }
header nav a { white-space: nowrap; }
.nav-contact { align-items: center; justify-content: center; gap: 18px; line-height: 1.4; min-height: 44px; white-space: nowrap; }
.nav-contact span, .button > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; line-height: 1; }
.button { line-height: 1.5; }
.product-info { align-items: baseline; gap: 20px; }
.product-info > span, .use-list article > span, .steps article > span { font-variant-numeric: tabular-nums; flex-shrink: 0; }
.use-list article { align-items: baseline; }
.contact-grid > div { min-width: 0; }
.contact-grid a { display: inline-block; overflow-wrap: anywhere; }
.contact-grid a[href^="tel:"] { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media(max-width:600px) { .steps article { align-items: baseline; } }

/* Make contact accessible before visitors scroll. */
header nav { gap: clamp(18px, 2.2vw, 35px); }
.nav-contact { border: 1px solid var(--ink); padding: 11px 17px; font-size: 13px; }
.nav-contact:hover { background: var(--ink); color: var(--paper); }
.hero-intro { flex-shrink: 0; padding-right: 0; }
.whatsapp-primary { background: var(--blue); justify-content: center; }
.whatsapp-primary:hover { background: var(--ink); }
.hero-discover { display: block; margin-top: 15px; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
@media(max-width:1100px) { .nav-contact { display: none; } }
@media(max-width:600px) { header { flex-wrap: wrap; row-gap: 19px; } header nav { gap: 18px; margin-left: auto; } .hero-intro { width: 100%; } .whatsapp-primary { max-width: 100%; } }
@media(max-width:380px) { header nav { width: 100%; margin-left: 0; justify-content: space-between; } }
@media (min-width:601px) and (max-width:800px) { .hero-top { display: block; } .hero-intro { margin-top: 28px; } }

/* Restore the catalogue's restrained visual language. */
header { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); column-gap: 28px; }
header > .logo { justify-self: start; }
header nav { justify-self: center; justify-content: center; margin: 0; gap: 28px; }
.nav-contact { justify-self: end; border: 0; padding: 0; font-size: 13px; white-space: normal; text-align: right; max-width: 150px; }
.nav-contact:hover { background: transparent; color: var(--blue); }
.whatsapp-primary { background: var(--ink); }
.whatsapp-primary:hover { background: var(--blue); }
.eyebrow { font-size: 14px; letter-spacing: .5px; }
.tag, .contact-grid span { font-size: 13px; letter-spacing: .4px; }
.use-list article { grid-template-columns: 1fr 1fr; align-items: center; gap: 50px; }
.use-list .use-feature { min-height: 280px; padding: 32px 0; }
.use-feature h3 { margin-bottom: 18px; }
.use-feature p { max-width: 360px; font-size: 16px; line-height: 1.75; }
.use-feature figure { margin: 0; position: relative; overflow: hidden; }
.use-feature img { display: block; width: 100%; height: 240px; object-fit: cover; object-position: center 53%; }
.use-feature .review-photo { background: var(--paper); }
.use-feature .review-photo img { object-fit: contain; height: 240px; padding: 12px 0 25px; mix-blend-mode: multiply; }
.review-photo figcaption { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; color: #526067; font-size: 12px; }
.steps article { display: block; padding-top: 28px; }
.steps h3 { margin: 0 0 14px; }
.steps p { margin-bottom: 0; }
.faq-heading h2 { font-size: clamp(28px,3vw,42px); letter-spacing: -.04em; line-height: 1.2; }
.faq-heading .eyebrow { margin-bottom: 16px; }
@media(max-width:1200px) { .nav-contact { display: none; } header { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); } header nav { gap: 22px; } }
@media(max-width:760px) { header { grid-template-columns: 1fr; justify-items: center; row-gap: 22px; } header > .logo { justify-self: center; } header nav { width: 100%; margin: 0; gap: 22px; flex-wrap: wrap; } header nav a:nth-child(2) { display: inline; } header nav a { font-size: 13px; } .use-list article { grid-template-columns: 1fr; gap: 16px; } .use-list p { grid-column: auto; } .use-list .use-feature { padding: 28px 0; } .use-feature figure { margin-top: 8px; } .use-feature img { height: 230px; } .use-feature h3 { margin-bottom: 12px; } .faq-heading { margin-bottom: 28px; } }
@media(max-width:380px) { header nav { gap: 16px; } h1 { font-size: 56px; } }
.use-feature figure:not(.review-photo) img { object-position: center 72%; }

.steps { gap: 28px; }
.steps article { border: 0; padding-top: 0; min-width: 0; }
.steps figure { margin: 0 0 24px; background: #e9e7e1; overflow: hidden; }
.steps figure img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.steps h3 { font-size: 20px; line-height: 1.45; }
.step-caption { color: #667276; font-size: 12px; margin: 24px 0 0; }
@media(max-width:760px) { .steps { grid-template-columns: 1fr; gap: 36px; } .steps figure { margin-bottom: 20px; } .steps figure img { max-height: 360px; } }

header nav { gap: 20px; }
.products .sizes { margin-top: 40px; }
.use-feature .review-photo img { padding: 12px 0; }
.custom { background: #eae9e3; }
.custom-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.custom-grid figure { margin: 0 0 24px; overflow: hidden; background: #e0dfd8; }
.custom-grid img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
.custom-grid h3 { font-size: 21px; margin-bottom: 12px; }
.custom-grid p { color: #526067; font-size: 15px; margin: 0; line-height: 1.8; }
.custom-bottom { border-top: 1px solid #cbd0c9; margin-top: 44px; padding-top: 32px; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.custom-bottom h3 { font-size: 20px; margin-bottom: 8px; }
.custom-bottom p { font-size: 14px; margin: 0; color: #526067; }
.custom-bottom .button { flex-shrink: 0; }
@media(max-width:1050px) { header nav { gap: 16px; } header nav a { font-size: 13px; } }
@media(max-width:760px) { .custom-grid { grid-template-columns: 1fr; gap: 36px; } .custom-grid img { max-height: 400px; } .custom-bottom { display: block; } .custom-bottom .button { margin-top: 24px; } header nav { column-gap: 20px; row-gap: 10px; } }