@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&family=DM+Sans:wght@400;600&family=Caveat:wght@500&display=swap');*{box-sizing:border-box}body{margin:0;background:#202116;color:#302f29;font-family:'DM Sans',sans-serif}.demo{height:48px;position:sticky;top:0;z-index:20;background:#15160e;color:#f8f5ef;display:flex;align-items:center;justify-content:center;gap:32px;font-size:10px;letter-spacing:.14em}.demo button{border:1px solid #f8f5ef;background:none;color:#fff;border-radius:99px;padding:7px 12px;cursor:pointer}.stage{padding:22px;display:flex;justify-content:center}.site{width:390px;background:#f8f5ef;box-shadow:0 15px 60px #0008;overflow:hidden;transition:width .35s}.site.desktop{width:min(1180px,calc(100vw - 44px))}header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;background:#f8f5ef;position:relative;z-index:4}.hamb{border:0;background:none;width:30px;padding:5px}.hamb i{display:block;width:19px;height:1px;background:#414523;margin:6px}.logo{font-size:29px;letter-spacing:-.08em}.icons{justify-self:end;display:flex;gap:14px;font-size:27px}.icons span{position:relative}.icons b{font:8px sans-serif;position:absolute;top:0;right:-4px}.drawer{display:none;position:absolute;z-index:10;width:330px;min-height:620px;background:#f2e7e1;padding:70px 28px}.drawer.open{display:block}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:36px}.drawer nav{display:grid;gap:12px}.drawer a{font-family:'Cormorant Garamond';font-size:30px}.drawer small{line-height:1.8;border-bottom:1px solid #302f2930;padding-bottom:15px}.hero{height:620px;position:relative;color:#fff;background:linear-gradient(#0001,#0008),url('demo-hero.jpg') center 25%/cover}.hero-copy{position:absolute;left:25px;bottom:36px}.hero h1{font:400 72px/.72 'Cormorant Garamond';letter-spacing:-.06em;margin:0 0 22px}.hero p{font-size:10px;line-height:1.5;letter-spacing:.08em;font-weight:600}.hero a{display:inline-block;margin:8px 4px 0 0;padding:13px 15px;border-radius:99px;background:#f8f5ef;color:#302f29;font-size:9px;font-weight:600}.hero a.outline{background:transparent;color:#fff;border:1px solid}.scribble{position:absolute;left:25px;top:65px;font:22px/1 'Caveat';transform:rotate(-7deg)}.ticker{padding:8px;white-space:nowrap;overflow:hidden;font-size:8px;letter-spacing:.1em}.world{min-height:580px;position:relative;background:#f2e7e1}.world .photo{height:430px;margin-left:32%;background:center/cover}.vintage .photo{background-image:url('demo-vintage.jpg')}.studio .photo{margin:0 35% 0 0;background-image:url('demo-studio.jpg')}.blob{position:absolute;left:0;right:20%;bottom:0;padding:55px 25px 45px;background:#f2e7e1;clip-path:polygon(0 12%,15% 4%,28% 11%,43% 3%,58% 10%,72% 2%,88% 9%,100% 4%,100% 100%,0 100%)}.studio{background:#d9dfd0}.studio .blob{left:25%;right:0;background:#d9dfd0}.blob span{font:65px 'Cormorant Garamond';color:#9da282}.blob h2,.finds h2,.editorial h2,.newsletter h2{font:400 52px/.8 'Cormorant Garamond';margin:-17px 0 15px}.blob p{font-size:12px}.blob a,.editorial a{font-size:10px;font-weight:600;border-bottom:1px solid}.finds{padding:55px 18px}.finds-head{display:flex;justify-content:space-between;align-items:end}.finds h2{font-size:58px;margin:5px 0 25px}.finds-head>span,.finds small{font-size:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 10px}.p{aspect-ratio:4/5;background:center/cover;position:relative}.p1{background-image:url('demo-product-1.jpg')}.p2{background-image:url('demo-product-2.jpg')}.p3{background-image:url('https://images.unsplash.com/photo-1564257577054-8d4a10f7dd65?auto=format&fit=crop&w=600&q=80')}.p4{background-image:url('https://images.unsplash.com/photo-1506629082955-511b1aa562c8?auto=format&fit=crop&w=600&q=80')}.p5{background-image:url('demo-product-3.jpg')}.p6{background-image:url('https://images.unsplash.com/photo-1550614000-4895a10e1bfd?auto=format&fit=crop&w=600&q=80')}.p b{position:absolute;top:7px;left:7px;background:#f8f5ef;padding:5px;font-size:7px}.p button{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:50%;background:#f8f5ef;font-size:16px}.grid h3,.grid p{font-size:12px;margin:8px 0 0}.grid p{margin:2px 0 7px}.grid i{font-style:normal;font-size:9px;border:1px solid #aaa;border-radius:50%;padding:3px 5px}.all{display:block;text-align:center;margin:45px 0 5px;font-size:10px;text-decoration:underline}.editorial{background:#f2e7e1}.editorial-photo{height:380px;background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=1000&q=85') center/cover}.editorial-copy{padding:45px 28px 60px}.editorial h2{font-size:55px;margin:10px 0 25px}.editorial p{font-size:12px;max-width:420px}.newsletter{padding:58px 25px;background:#414523;color:#f8f5ef}.newsletter h2{font-size:50px}.newsletter p{font-size:11px}.newsletter label{display:flex;border:1px solid #f8f5ef;border-radius:99px;margin-top:28px;padding:4px}.newsletter input{flex:1;background:none;border:0;padding:10px;color:#fff}.newsletter button{width:40px;height:40px;border:0;border-radius:50%}footer{padding:80px 25px 35px}footer .foot-logo{font-size:57px;letter-spacing:-.08em;margin-bottom:45px}footer .foot-logo small{display:block;font-size:7px;letter-spacing:.12em}footer>a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #aaa;font-size:10px}footer p{font-size:10px;margin-top:25px}.desktop .hero{height:720px}.desktop .hero-copy{left:7%;bottom:8%}.desktop .hero h1{font-size:130px}.desktop .scribble{left:7%;top:18%}.desktop .world{display:inline-block;width:50%;vertical-align:top}.desktop .finds{padding:90px 5%}.desktop .grid{grid-template-columns:repeat(4,1fr);gap:35px 16px}.desktop .editorial{display:grid;grid-template-columns:1.2fr 1fr}.desktop .editorial-photo{height:680px}.desktop .editorial-copy{display:flex;flex-direction:column;justify-content:center;padding:8%}.desktop .newsletter{padding:90px 8%}.desktop footer{padding:90px 8%}@media(max-width:500px){.demo{justify-content:space-between;padding:0 10px;font-size:8px}.stage{padding:0}.site{width:100%;box-shadow:none}}