@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;600;700&display=swap";:root{color:#f3e9dc;--terra:#c76535;--cream:#f3e9dc;--muted:#b6a99b;--line:#42372e;background:#17130f;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}.noma{background:#17130f;min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}.noma header{border-bottom:1px solid var(--line);align-items:center;gap:30px;max-width:1180px;height:82px;margin:auto;padding:0 28px;display:flex}.logo{background:0 0;border:0;font:24px DM Serif Display,serif}.noma nav{gap:28px;margin:auto;display:flex}.noma nav button,.tools button{color:#c0b5a8;background:0 0;border:0;font-size:12px}.noma nav button:hover,.noma nav .sel,.tools button:hover{color:#fff}.tools{gap:15px;display:flex}.menu{display:none}.noma-hero{grid-template-columns:1fr 1fr;align-items:center;max-width:1180px;min-height:610px;margin:auto;padding:70px 28px;display:grid}.eyebrow{letter-spacing:.18em;color:#d88358;margin:0 0 24px;font:10px DM Mono,monospace}.noma h1,.noma-page h1{letter-spacing:-.03em;margin:0;font:400 clamp(48px,6vw,82px)/1.02 DM Serif Display,serif}.noma h1 em,.noma-page h1 em{color:#fff}.noma-hero p:not(.eyebrow){color:var(--muted);max-width:390px;margin:28px 0;font-size:14px;line-height:1.8}.terra{background:var(--terra);border:0;padding:14px 20px;font-size:12px}.terra span{margin-left:40px}.vase{background:radial-gradient(circle at 45% 30%,#6a4a33 0 5%,#0000 6%),linear-gradient(145deg,#514030,#2b2118);height:470px;position:relative;overflow:hidden}.vase:after{content:"";background:#987250;position:absolute;inset:70% 0 0}.vase-shape{z-index:2;background:linear-gradient(100deg,#d7c0a2,#8f745c);border-radius:46% 46% 40% 40%/22% 22% 13% 13%;width:210px;height:270px;position:absolute;bottom:70px;left:32%;box-shadow:inset -25px 0 30px #604b38}.vase-shape:before{content:"";background:#bd9e7d;border-top:7px solid #6d5845;border-radius:50%;width:55px;height:38px;position:absolute;top:-24px;left:78px}.branch{z-index:3;color:#d2a06c;font-size:50px;line-height:1.1;position:absolute;top:55px;left:52%;transform:rotate(16deg)}.noma-values{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:28px;max-width:1180px;margin:auto;padding:35px 28px 75px;display:grid}.noma-values b{color:#db986f;font-size:22px}.noma-values h3{margin:20px 0 10px;font:400 16px DM Serif Display,serif}.noma-values p,.product-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.collection,.noma-page{max-width:1180px;margin:auto;padding:85px 28px}.section-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.section-head h2{margin:0;font:400 32px DM Serif Display,serif}.section-head button{background:0 0;border:0;font-size:11px}.product-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.product{background:#b8a895;place-items:center;height:260px;display:grid;position:relative;overflow:hidden}.product span{color:#594535;font-size:100px}.p1{background:#c4b6a4}.p1 span{color:#86715c;font-size:120px}.p2{background:#aa9984}.p2 span{color:#3a2b20;font-size:90px}.p3{background:#d0bda6}.p3 span{color:#7a5139;font-size:100px}.product-grid article{cursor:pointer}.product-grid article:hover h3{color:#d88358}.product-grid h3{margin:14px 0 5px;font:400 17px DM Serif Display,serif}.product-grid p strong{float:right;color:var(--cream);font-weight:400}.noma-page{min-height:720px}.noma-page h1{max-width:800px;margin-bottom:70px}.footer,.noma footer{border-top:1px solid var(--line);color:#998c7e;gap:25px;max-width:1180px;margin:auto;padding:30px 28px;font-size:11px;display:flex}.footer strong,.noma footer strong{color:var(--cream);margin-right:auto}@media (width<=760px){.noma header{height:70px;padding:0 18px}.noma nav,.tools button:not(.menu){display:none}.tools{margin-left:auto}.tools .menu{display:block}.noma-hero{padding:65px 20px 45px;display:block}.noma h1{font-size:54px}.vase{height:330px;margin-top:48px}.vase-shape{transform-origin:0 100%;left:34%;transform:scale(.72)}.noma-values{grid-template-columns:1fr 1fr;gap:30px 16px;padding:30px 20px 55px}.collection,.noma-page{padding:65px 20px}.product-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.product{height:180px}.product span{font-size:70px}.product-grid h3{font-size:15px}.footer,.noma footer{flex-wrap:wrap;padding:25px 20px}.noma footer strong{width:100%}}.noma-menu{display:none}.noma-page{min-height:720px;padding:115px max(20px,50% - 564px)}.page-lede{color:#998c7e;max-width:540px;margin:0 0 55px;line-height:1.7}.add{border:1px solid var(--line);color:var(--cream);text-align:left;background:0 0;margin-top:12px;padding:9px 12px;font-size:11px}.add:hover{color:#241f1c;background:#d88358}.tools{position:relative}.tools sup{color:#fff;background:#d88358;border-radius:50%;padding:3px 5px;font-size:8px;position:absolute;top:-8px;right:0}.cart-toast{color:#fff;background:#d88358;border:0;padding:14px 18px;font-size:11px;position:fixed;bottom:24px;right:24px}.journal-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.journal-grid article{border:1px solid var(--line);min-height:250px;padding:30px}.journal-grid small{color:#d88358;letter-spacing:1.5px}.journal-grid h3{margin:40px 0 12px;font:400 26px DM Serif Display,serif}.journal-grid p{color:#998c7e;font-size:13px;line-height:1.6}.journal-grid button{color:#d88358;background:0 0;border:0;margin-top:20px;padding:0;font-size:12px}@media (width<=760px){.noma-menu{display:grid}.noma-page{min-height:700px;padding:75px 20px}.noma-page h1{font-size:46px}.journal-grid{grid-template-columns:1fr}.journal-grid h3{margin-top:28px}}
