:root{--paper:#f6f0e8;--ink:#111;--acid:#edf13c;--pink:#e7a0d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 "DM Sans",sans-serif}.header{height:74px;padding:0 3.5vw;position:absolute;z-index:5;inset:0 0 auto;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{font:28px "Archivo Black";letter-spacing:-2px;color:inherit;text-decoration:none}.header nav{display:flex;gap:32px}.header nav a,.cart{color:inherit;text-decoration:none;font:bold 10px sans-serif;letter-spacing:.08em}.cart{border:0;background:none;justify-self:end}.menu{display:none}.hero{height:min(790px,100vh);min-height:640px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 60%)}.hero-copy{position:absolute;z-index:1;left:5%;top:50%;transform:translateY(-38%)}.overline{font-size:9px;font-weight:700;letter-spacing:.16em}.hero h1,h2,footer h3{font-family:"Archivo Black";line-height:.84;letter-spacing:-.055em}.hero h1{font-size:clamp(54px,7vw,96px);margin:18px 0 10px}.hand{font:27px/1.1 "Gochi Hand";color:#efe83a;margin:10px 0 24px}.button{margin-top:22px;min-width:175px;padding:14px 16px;border:0;display:inline-flex;justify-content:space-between;align-items:center;color:#111;text-decoration:none;font:bold 10px sans-serif;transition:.2s transform,.2s box-shadow;cursor:pointer}.button:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #111}.acid{background:var(--acid)}.black{background:#111;color:#fff}.pink{background:var(--pink)}.badge{position:absolute;z-index:1;right:8%;top:44%;width:145px;aspect-ratio:1;border-radius:50%;background:var(--pink);color:#111;display:grid;place-content:center;text-align:center;font-weight:700;font-size:15px;line-height:1.5;transform:rotate(-5deg)}.badge i{color:var(--acid)}.collection{display:grid;grid-template-columns:26% 74%;padding:26px 4.5%;gap:28px}.intro{padding:30px 0}.intro h2,.about h2{font-size:43px;margin:17px 0 36px}.intro>p:not(.overline){margin-bottom:32px}.shade-image{height:580px;background:#f0c5c2;overflow:hidden}.shade-image img{width:100%;height:100%;object-fit:cover;object-position:center}.feature{display:grid;grid-template-columns:55% 45%;background:#ef8bbd;min-height:620px}.feature-image{overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:8vw 8vw 5vw}.feature-copy span{font-size:10px;font-weight:700;letter-spacing:.15em}.feature-copy h2{font-size:55px;margin:20px 0}.feature-copy .hand{color:#8c1647}.feature-copy>p:last-of-type{max-width:420px}.about{display:grid;grid-template-columns:32% 68%;min-height:470px}.about-copy{padding:60px 5vw}.about-copy .hand{color:#c467ab}.about-copy>p:last-of-type{max-width:290px}.about>img{width:100%;height:100%;object-fit:cover;min-height:470px}.mantra{padding:18px 5%;min-height:205px;background:var(--acid);display:grid;grid-template-columns:1.15fr .9fr 1fr .4fr;gap:40px;align-items:center}.mantra h2{font-size:53px;margin:0}.mantra img{width:100%;height:155px;object-fit:cover}.mantra .hand{color:#111;font-size:30px}.mantra>a{width:86px;aspect-ratio:1;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;color:#111;text-decoration:none;font-size:10px}.lookbook{padding:55px 4.5% 75px}.look-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.look-intro h2{font-size:55px;margin:10px 0}.look-intro>p:last-child{text-align:right}.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:9px}.mosaic figure{margin:0;overflow:hidden}.mosaic .wide{grid-column:span 2}.mosaic img{width:100%;height:100%;object-fit:cover;transition:.5s transform}.mosaic figure:hover img{transform:scale(1.04)}footer{position:relative;border-top:1px solid #cfc7bc;padding:45px 5% 70px;display:grid;grid-template-columns:1.2fr .8fr .6fr 1fr;gap:5vw}footer h3{font-size:27px;margin:0}footer p{font-size:10px}form{width:230px;border:1px solid #aaa;display:flex}input{width:100%;padding:12px;border:0;background:transparent;font-size:9px}form button{border:0;background:none;padding:0 14px}.footer-brand{text-align:center}.links{display:flex;flex-direction:column;gap:9px}.links a{color:#111;text-decoration:none;font-size:9px}.values{background:var(--pink);min-height:115px;display:flex;align-items:center;justify-content:space-around}.values span{text-align:center;font-size:25px}.values small{font:7px sans-serif;display:block}.copyright{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:7px}.toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%,120px);background:#111;color:#fff;padding:14px 22px;font-size:10px;transition:.4s}.toast.show{transform:translate(-50%,0)}
@media(max-width:800px){.header{grid-template-columns:1fr auto}.header nav{display:none;position:absolute;top:64px;left:0;right:0;padding:25px;background:#111;flex-direction:column}.header nav.open{display:flex}.menu{display:block;position:absolute;right:74px;border:0;background:none}.menu span{display:block;width:20px;height:2px;margin:5px;background:#fff}.hero>img{object-position:62%}.hero-copy{left:7%}.badge{width:95px;right:4%;top:18%;font-size:10px}.collection{grid-template-columns:1fr;padding:28px 6%}.shade-image{height:auto}.shade-image img{display:block}.feature{grid-template-columns:1fr}.feature-image{height:520px}.feature-copy{padding:55px 7% 70px}.about{grid-template-columns:1fr}.about-copy{padding:55px 7%}.mantra{grid-template-columns:1fr 1fr}.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}footer{grid-template-columns:1fr 1fr}}@media(max-width:500px){.hero h1{font-size:50px}.hero{min-height:700px}.hero-copy{top:55%}.feature-image{height:480px}.feature-copy h2{font-size:44px}.mantra{grid-template-columns:1fr}.mantra h2{font-size:44px}.look-intro{display:block}.look-intro>p:last-child{text-align:left}.mosaic{grid-template-columns:1fr;grid-auto-rows:300px}.mosaic .wide{grid-column:auto}footer{grid-template-columns:1fr}.footer-brand{text-align:left}}