@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#22221f;--paper:#f6f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.announcement{text-align:center;background:#292b28;color:#fff;font-size:10px;letter-spacing:.12em;padding:10px}.announcement span{margin:0 10px;color:#aaa}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:relative;background:white}.nav-left,.nav-right{display:flex;gap:24px;align-items:center;width:42%;font-size:12px}.nav-right{justify-content:flex-end}.nav-right button,.mobile-menu{border:0;background:none;font-size:12px}.nav-right button:first-child{font-size:27px}.logo{font-family:'DM Serif Display',serif;font-size:31px;letter-spacing:.14em}.currency-label select{border:0;background:none;font-size:11px}.mobile-menu{display:none}.sr{position:absolute;clip:rect(0,0,0,0)}.hero{height:min(720px,72vw);min-height:500px;background:linear-gradient(90deg,rgba(20,20,18,.43),rgba(20,20,18,.02)),url('assets/VELRAVI-BANNER-ROOM-0629-1.jpg') center/contain no-repeat #292b28;position:relative;color:white}.hero-content{position:absolute;left:7%;top:28%}.hero-content p,.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600}.hero h1,.manifesto h2,.sourcebook h2{font:normal clamp(46px,6.5vw,90px)/.98 'DM Serif Display',serif;margin:22px 0 35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 20px;font-size:10px;letter-spacing:.1em;border:0}.light{background:white;color:#222}.dark{background:#242522;color:white}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}.intro{text-align:center;padding:110px 20px 100px}.intro h2{font:normal clamp(19px,2.1vw,29px)/1.5 'DM Serif Display',serif;letter-spacing:.03em;margin:30px 0}.intro p{font:italic 16px 'DM Serif Display',serif;margin:28px 0 8px;color:#62635f}.intro small{font-size:9px;letter-spacing:.12em}.text-link{display:inline-block;font-size:10px;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:8px;margin-top:28px}.intro .text-link{display:block;width:max-content;margin:36px auto 0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.tile{height:600px;background-size:cover;background-position:center;position:relative;color:white;padding:30px;display:flex;flex-direction:column;justify-content:end}.tile:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0007)}.tile>*{position:relative}.tile span,.tile b{font-size:9px;letter-spacing:.13em}.tile h3{font:normal 43px 'DM Serif Display',serif;margin:12px 0}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:15%;padding:130px 8%;background:var(--paper);align-items:end}.manifesto h2{font-size:clamp(42px,5vw,68px);margin-bottom:0}.manifesto p:not(.eyebrow){max-width:460px;line-height:1.9;color:#666;font-size:14px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:90px 4%}.categories img{width:100%;aspect-ratio:1;object-fit:cover;background:#f4f3f0}.categories span{display:block;padding-top:14px;font-size:12px}.products-section{padding:50px 4% 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading h2{font:normal 48px 'DM Serif Display',serif;margin:12px 0 0}.section-heading>p{font-size:13px;color:#777}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 16px}.product-image{width:100%;aspect-ratio:1/1.08;object-fit:contain;background:#f5f4f1}.product-info{display:flex;justify-content:space-between;align-items:start;gap:8px;padding-top:14px}.product-info h3{font-size:13px;font-weight:400;margin:0 0 8px}.product-info p{font-size:12px;color:#777;margin:0}.product-info button{border:1px solid #bbb;background:white;font-size:18px;width:32px;height:32px}.sourcebook{min-height:550px;background:linear-gradient(90deg,#0008,#0000),url('assets/banner-velravi-book.png') center/contain no-repeat #292b28;display:flex;align-items:center;color:white;padding:8%}.sourcebook h2{font-size:65px}.sourcebook p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:350px;margin-bottom:30px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:65px 5%;gap:30px}.benefits strong{font:normal 20px 'DM Serif Display',serif}.benefits p{color:#777;font-size:12px;line-height:1.6}footer{background:#eae9e4;padding:70px 5% 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1.6fr 1.5fr;gap:30px}.footer-main h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 25px}.footer-main a,.footer-main button,.footer-main p{display:block;font-size:12px;line-height:1.9;margin:0 0 8px;color:#555}.footer-main button{padding:0;background:none;border:0;text-align:left}.footer-brand{text-align:right}.footer-brand .logo{font-size:50px}.footer-bottom{margin-top:65px;padding-top:22px;border-top:1px solid #ccc;font-size:10px;color:#666;display:flex;justify-content:space-between}.overlay{position:fixed;inset:0;background:#0008;z-index:5}aside{position:fixed;z-index:6;right:0;top:0;bottom:0;background:white;width:min(460px,100%);padding:30px;overflow:auto;display:flex;flex-direction:column}aside[hidden],.overlay[hidden]{display:none}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid #ddd}.drawer-head h2{font:normal 32px 'DM Serif Display'}.close,.modal-close{background:none;border:0;font-size:30px}.cart-item{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #eee;font-size:13px}.cart-item img{width:80px;height:90px;object-fit:cover}.cart-item button{border:0;background:none;text-decoration:underline;padding:8px 0}.cart-foot{margin-top:auto;padding-top:30px}.cart-foot p{display:flex;justify-content:space-between;font-size:13px}.cart-total{border-top:1px solid #ddd;padding-top:15px}.cart-foot small{display:block;color:#777;line-height:1.5}.cart-foot .button{width:100%;margin-top:20px}dialog{border:0;width:min(680px,92vw);max-height:85vh;padding:45px;box-shadow:0 5px 50px #0003}dialog::backdrop{background:#0008}.modal-close{position:absolute;right:20px;top:10px}dialog h2{font:normal 40px 'DM Serif Display';margin:0 0 25px}dialog h3{font-size:15px;margin-top:25px}dialog p,dialog li{font-size:14px;line-height:1.8;color:#555}dialog input,dialog select{width:100%;padding:13px;border:1px solid #ccc;margin:7px 0 12px}dialog label{font-size:12px}dialog .button{margin-top:10px}.notice{background:#f5f3eb;padding:15px} @media(max-width:800px){header{height:65px}.nav-left{display:none}.mobile-menu{display:block}.nav-right{width:auto;gap:10px}.logo{font-size:24px}.hero{min-height:500px}.hero-content{left:7%}.intro{padding:75px 20px}.intro h2 br{display:none}.tiles{grid-template-columns:1fr}.tile{height:450px}.manifesto{grid-template-columns:1fr;gap:25px;padding:80px 7%}.categories{grid-template-columns:repeat(5,150px);overflow:auto;padding:55px 5%}.product-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading h2{font-size:38px}.sourcebook h2{font-size:48px}.benefits{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{text-align:left}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}}