:root{--pink:#f63b91;--orange:#ff6b24;--brown:#4b2115;--cream:#fff1df;--yellow:#f6d94e}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--brown);font-family:"DM Sans",sans-serif;overflow-x:hidden}img{display:block;width:100%;height:auto}a{text-decoration:none;color:inherit}button,input{font:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ticker{height:34px;background:var(--pink);color:#fff;overflow:hidden;display:flex;align-items:center;font-weight:700;font-size:12px;letter-spacing:.1em;white-space:nowrap}.ticker div{width:max-content;animation:roll 20s linear infinite}@keyframes roll{to{transform:translateX(-50%)}}header{height:92px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--brown);position:relative;z-index:20;background:var(--cream)}.logo{display:flex;align-items:center;gap:10px}.logo span{width:50px;height:50px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font:400 30px Shrikhand}.logo b{font:700 15px/1.05 "DM Sans";letter-spacing:.08em}nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}nav a:hover{color:var(--pink)}.shop{background:var(--brown);color:#fff;padding:14px 18px;border-radius:100px}.menu{display:none;background:none;border:0;font-weight:700}.hero{display:grid;grid-template-columns:1.18fr .82fr;min-height:calc(100vh - 126px);border-bottom:2px solid var(--brown)}.hero-image{position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.sticker{position:absolute;display:grid;place-items:center;text-align:center}.one{right:6%;bottom:8%;background:var(--yellow);border:2px solid var(--brown);border-radius:50%;width:130px;height:130px;transform:rotate(9deg);font:400 30px/1 Shrikhand}.two{left:4%;top:5%;font-size:90px;color:var(--pink);text-shadow:2px 2px var(--brown)}.hero-copy{padding:clamp(50px,6vw,100px);display:flex;flex-direction:column;justify-content:center;min-width:0}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.18em;margin:0 0 24px}.hero h1,.title h2,.looks h2,.matcher h2,.seconde h2,.newsletter h2{font:400 clamp(62px,7.5vw,135px)/.82 Shrikhand;margin:0;letter-spacing:-.025em}.hero h1{max-width:7ch}.hero h1 em{color:var(--pink);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:520px;margin:32px 0}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{background:var(--orange);color:#fff;border:2px solid var(--brown);border-radius:100px;padding:16px 24px;font-weight:700;box-shadow:4px 4px var(--brown)}.under{font-weight:700;border-bottom:2px solid}.new{padding:clamp(70px,9vw,150px) clamp(18px,5vw,75px);display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:18px}.title h2{font-size:clamp(58px,6vw,100px)}.title h2 i{color:var(--orange);font-style:normal}.title>span{font-size:12px;letter-spacing:.18em;font-weight:700}.product{min-height:430px;border:2px solid var(--brown);padding:20px;display:flex;flex-direction:column;position:relative;background:#fff}.product .no{font-size:12px;font-weight:700}.shape{height:160px;margin:20px 0;border-radius:50% 50% 45% 55%;display:grid;place-items:center;font:400 80px Shrikhand}.pink{background:var(--pink)}.orange{background:var(--orange)}.cream{background:var(--yellow)}.product h3{font:400 36px/1 Shrikhand;margin:0}.product p{font-size:14px}.product>b{font-size:20px;margin-top:auto}.product a{font-weight:700;font-size:13px;border-bottom:2px solid;align-self:flex-start;margin-top:14px}.collage-a{transform:rotate(-2deg)}.collage-b{transform:translateY(30px) rotate(2deg)}.collage-c{transform:rotate(-1deg)}.looks{display:grid;grid-template-columns:1fr 1fr;background:var(--brown);color:var(--cream)}.flatlay{position:relative;overflow:hidden;min-height:720px}.flatlay img{width:100%;height:100%;object-fit:cover}.flatlay span{position:absolute;bottom:20px;right:20px;background:var(--pink);padding:14px 18px;border:2px solid var(--brown);font-weight:700;transform:rotate(-3deg)}.looks-copy{padding:clamp(50px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.looks h2{font-size:clamp(55px,6vw,100px);color:var(--orange)}.looks-copy>p:not(.eyebrow){line-height:1.7}.categories{border-top:1px solid var(--cream);margin-top:35px}.categories a{display:grid;grid-template-columns:45px 1fr auto;padding:17px 0;border-bottom:1px solid var(--cream);font-size:18px}.categories b{color:var(--pink)}.matcher{padding:clamp(70px,9vw,140px) clamp(18px,8vw,130px);text-align:center}.matcher h2{font-size:clamp(60px,8vw,135px)}.moods{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:45px 0 25px}.moods button{border:2px solid var(--brown);background:transparent;border-radius:100px;padding:14px 20px;cursor:pointer;font-weight:700}.moods button.active,.moods button:hover{background:var(--pink);color:#fff}.result{max-width:750px;margin:auto;background:var(--yellow);border:2px solid;padding:28px;display:grid;gap:12px;transform:rotate(-1deg)}.result span{font-size:12px;letter-spacing:.15em;font-weight:700}.result b{font:400 clamp(30px,4vw,55px)/1 Shrikhand}.result a{justify-self:center;border-bottom:2px solid;font-weight:700}.seconde{display:grid;grid-template-columns:1fr 1fr;background:var(--orange);min-height:680px}.seconde>div{background:var(--pink);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.seconde>div span{font:400 clamp(100px,15vw,260px)/.65 Shrikhand;white-space:nowrap;color:var(--cream);transform:rotate(-7deg) translateX(-3%)}.seconde article{padding:clamp(50px,7vw,110px);align-self:center}.seconde h2{font-size:clamp(55px,6vw,95px)}.seconde article>p:not(.eyebrow){line-height:1.7;margin:30px 0}.dark{background:var(--brown)}.newsletter{text-align:center;padding:clamp(80px,10vw,160px) 18px;position:relative;overflow:hidden}.newsletter .flower{position:absolute;font-size:300px;color:var(--pink);opacity:.12;left:-40px;top:-60px}.newsletter h2{font-size:clamp(55px,7vw,115px);position:relative}.newsletter form{max-width:680px;margin:45px auto 15px;display:flex;border-bottom:2px solid var(--brown)}.newsletter input{flex:1;min-width:0;border:0;background:transparent;padding:16px;outline:0}.newsletter button{border:0;background:var(--brown);color:#fff;padding:16px 24px;font-weight:700}.newsletter>p:last-child{font-size:13px}footer{background:var(--pink);padding:35px clamp(18px,5vw,75px);display:flex;align-items:center;justify-content:space-between;gap:30px}footer div{display:flex;gap:20px;font-weight:700}footer p{font-size:13px}.footer .logo span{background:var(--cream)}
@media(max-width:1000px){nav{display:none;position:absolute;top:92px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;align-items:stretch;border-bottom:2px solid}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.hero-image{min-height:65vh}.hero-copy{min-height:600px}.new{grid-template-columns:1fr 1fr}.title{grid-column:1/-1}.looks{grid-template-columns:1fr}.seconde{grid-template-columns:1fr}.seconde>div{min-height:480px}}
@media(max-width:560px){.ticker{font-size:10px}header{height:74px}.logo span{width:42px;height:42px}.logo b{font-size:12px}nav{top:74px}.hero-image{min-height:560px}.hero-image img{object-position:58% center}.sticker.one{width:100px;height:100px;font-size:24px}.sticker.two{font-size:60px}.hero-copy{padding:55px 18px;min-height:520px}.hero h1,.title h2,.looks h2,.matcher h2,.seconde h2,.newsletter h2{font-size:clamp(52px,16vw,74px);overflow-wrap:normal;word-break:normal}.new{grid-template-columns:1fr;padding-inline:18px}.title{grid-column:auto}.product,.collage-a,.collage-b,.collage-c{transform:none;min-height:380px}.looks-copy{padding:65px 18px}.flatlay{min-height:520px}.matcher{padding-inline:18px}.moods{display:grid}.seconde>div{min-height:360px}.seconde>div span{font-size:30vw}.seconde article{padding:65px 18px}.newsletter form{display:grid;border:0;gap:10px}.newsletter input{border-bottom:2px solid}footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}