/* Miss You — editorial fashion direction */
:root{--green:#123e32;--ink:#18251e;--cream:#f5f3ec;--lime:#dae88b;--line:#dadfd2;--muted:#6e766b;--surface:#fcfbf7}
body{background:var(--cream)}.announcement{background:#162c23;font-size:10px;letter-spacing:.5px;padding:10px}.announcement span{color:var(--lime)}
header{height:104px;background:var(--cream);box-shadow:none;border-bottom:0;padding-inline:5%}.brand svg{width:36px}.brand>span{font-family:Georgia,serif;font-size:35px;font-style:normal;letter-spacing:-2px}.brand small{letter-spacing:2px;font-size:6px}.actions{font-size:11px}nav{font-size:12px;gap:24px}nav .active{border-bottom-color:#9fae66}.actions span{font-size:19px}#cartBtn{font-size:22px}
.hero{margin:0 3%;padding:0;min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#173b30;color:#fffdf1;border-radius:32px;overflow:hidden;position:relative;isolation:isolate}
.hero-copy{position:relative;z-index:2;padding:56px 10% 44px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 100% 100%,#48664955,transparent 65%)}
.hero-copy>.eyebrow{color:#dce6b5;font-size:10px}.hero .eyebrow:before{color:var(--lime);content:'✧'}
.fashion-headline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(68px,8.5vw,130px);line-height:.9;letter-spacing:-6px;direction:ltr;align-self:flex-end;text-align:left;width:100%;margin:29px 0 25px;color:#fff9eb;font-weight:400}.fashion-headline em{font-weight:400;color:var(--lime)}
.hero h1{font-size:25px;font-weight:400;line-height:1.8;letter-spacing:-.8px;margin:0 0 9px}.hero h1 br{display:none}.hero h1 em{color:#f7f4df}.hero h1 em:after{display:none}.hero-copy p{color:#c1d0bf;font-size:12px;line-height:2;margin:0 0 27px;max-width:310px}.hero-copy p br{display:none}
.primary{border-radius:30px;background:#dce99a;border:1px solid #e8f2b4;color:#172d23;box-shadow:0 5px 0 #a6b46e,0 12px 24px #0b261b25,inset 0 1px 0 #fff8;padding:15px 24px;min-width:190px;gap:35px}.primary:active:not(:disabled){box-shadow:0 2px 0 #a6b46e,0 6px 12px #0b261b20}.hero-note{color:#aabb9b;font-size:10px;margin-top:30px}.hero-note span{color:var(--lime)}
.hero-art{border:0;border-radius:0;min-height:650px;box-shadow:none;position:relative;background:#ccd1c5}.hero-art>img{object-position:center 30%;filter:saturate(.72) contrast(1.04);object-fit:cover}.hero-art:after{border-radius:0;box-shadow:none;background:linear-gradient(0deg,#08291bb3,transparent 45%),linear-gradient(90deg,transparent 80%,#183b3030)}
.editorial{font-size:15px;font-family:Arial,sans-serif;font-style:normal;letter-spacing:2px;bottom:60px;left:32px;line-height:1.5}.round-stamp{top:26px;left:26px;width:83px;height:83px;background:#faf6e4df;font-size:9px;box-shadow:0 8px 20px #0002;backdrop-filter:blur(8px);color:#253a2b;transform:rotate(-12deg)}.image-caption{bottom:20px;left:32px;right:32px;font-size:8px;color:#e9eddf}
.hero-index{position:absolute;top:26px;right:30px;font:9px Arial;letter-spacing:2px;color:#d9e2c8;z-index:3}.hero-scroll{position:absolute;bottom:24px;right:30px;font:9px Arial;letter-spacing:2px;color:#a8bca5;z-index:3}
.ribbon{margin:18px 3% 0;border-radius:50px;padding:16px 3%;background:#e7ebd8;border-color:#dce2c7;box-shadow:inset 0 1px 0 #fff8;font-size:10px;color:#46543c}.section{margin:90px 5%}.section-head{align-items:center;margin-bottom:30px}.section-head .eyebrow{font-size:9px;letter-spacing:1px}.section-head h2{font-size:35px;margin:8px 0}.section-head p{font-size:11px}.section-counter{display:block;font:11px Arial;letter-spacing:3px;color:#7e8d70;margin-bottom:8px}
.shop-tools{border-block:1px solid #d7ddce;padding:18px 0}.filters{gap:7px}.filters button{font-size:11px;border-color:transparent;background:transparent;box-shadow:none;padding:8px 15px}.filters button.selected{background:#203f32;box-shadow:0 5px 12px #173c2520}.search-sort input,.search-sort select{font-size:10px;border-radius:22px;background:#fbfaf6}.demo-label{font-size:9px;letter-spacing:0}.grid{gap:30px 22px}.product{border-radius:24px;padding:9px 9px 16px;background:#fcfbf7;box-shadow:0 9px 25px #243b2509,0 2px 4px #243b2504;border:1px solid #e1e5d9}.product-img{height:355px;border-radius:17px}.product-img img{filter:saturate(.76);transition:transform .7s,filter .7s}.badge{font-size:9px;top:13px;right:12px;padding:6px 11px;background:#f9f9ebdf;color:#37422e;box-shadow:none}.product h3{font-weight:500;font-size:12px;margin-top:15px}.product h3 button{padding:0}.product-price{font-size:11px}.product-line{margin-top:10px}.swatches i{width:9px;height:9px}.product-foot{margin-top:14px;font-size:9px}.product-foot button{border-radius:50%;width:30px;height:30px;background:#e8edda;color:#3a4c34;box-shadow:0 3px 5px #1b3d2010}
.lookbook{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lookbook-card{height:470px;border-radius:28px;overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:end;padding:32px;color:#fffbe9;background:#7d8470;box-shadow:0 16px 30px #243c2110}.lookbook-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.7);transition:transform .7s}.lookbook-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#112d22bc,transparent 80%);z-index:-1}.lookbook-card:first-child img{object-position:center 30%}.lookbook-card:last-child img{object-position:center 35%}.lookbook-card .look-number{position:absolute;right:28px;top:25px;font:10px Arial;letter-spacing:3px}.lookbook-card h3{font:italic 54px/1 Georgia;margin:0 0 15px;direction:ltr;text-align:left;letter-spacing:-2px}.lookbook-card p{font-size:12px;color:#f0f0e1;margin:0}.lookbook-card .look-link{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid #fff5;padding-top:15px;font-size:11px}.look-link b{font:24px Arial;font-weight:400}.lookbook-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.lookbook-intro h2{font-size:30px}.lookbook-intro>span{font:11px Arial;letter-spacing:3px;color:#7a886e}
.installment{padding:55px 5%;gap:8%;border-radius:32px;background:#e7ebd9;box-shadow:0 15px 35px #253a2508,inset 0 1px 0 #fff9;border-color:#d6dfc5}.installment .eyebrow{font-size:10px;color:#727e5d}.installment h2{font-size:36px;font-weight:400;line-height:1.6}.installment p{font-size:11px}.installment .primary{background:#244936;color:#f4f5de;border-color:#3a5b41;box-shadow:0 5px 0 #163624,0 10px 20px #233c291a}.pay-card{background:#fbfcf5;border-radius:24px;box-shadow:7px 9px 0 #cdd8b8,0 24px 35px #28432614;border-color:#e0e5d1}.pay-brand{font-size:29px}.pay-card p{font-size:10px}.steps b{background:#fff;box-shadow:0 4px 10px #26538e09}
.about{background:#1b382b;color:#f3f4dd;border:1px solid #2c4a36;padding:60px 25px;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 15px 30px #152f2010}.about:after{content:'MY';position:absolute;right:-15px;bottom:-65px;font:240px Georgia;color:#f3f4dd06;pointer-events:none;letter-spacing:-20px}.about .eyebrow{color:#b2bf95}.about h2{font:italic clamp(35px,5vw,70px) Georgia;color:#e9efc9;letter-spacing:-2px;margin:25px 0}.about p{color:#bac9b2;font-size:12px}.about a{background:#ffffff08;border-color:#7c946355;color:#e7edc7;box-shadow:none;margin-top:15px;font-size:11px}
footer{border-radius:32px 32px 0 0;background:#14291f;padding:50px 5% 20px;box-shadow:none}.footer-brand{font-size:44px;font-style:normal;letter-spacing:-2px}.footer-brand span{color:var(--lime)}footer h3{font-size:12px;color:#e4eacb}footer p,footer button,footer a{color:#aebb9d}.trust>div{background:#ffffff04;border-color:#6b805b66;border-radius:18px;box-shadow:inset 0 1px 0 #fff1}.trust span,.trust p{color:#9eaf8e}.footer-bottom{color:#8d9d7a}.footer-bottom span:last-child{font-size:9px}
dialog{border-radius:26px;background:#f8f7ef}.notice{background:#e9eedb}.close{background:#e3e9d4}.modal-product img{filter:saturate(.8)}#toast{background:#173d2b;color:#f2f5dd;border:1px solid #6d815944}
@media(hover:hover) and (pointer:fine){.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 #a6b46e,0 16px 24px #0b261b25,inset 0 1px 0 #fff8}.installment .primary:hover:not(:disabled){box-shadow:0 7px 0 #163624,0 16px 24px #233c2925}.product:hover{transform:translateY(-5px);box-shadow:0 20px 35px #243b2513}.product:hover img{filter:saturate(1)}.lookbook-card:hover img{transform:scale(1.035)}}
@media(min-width:1600px){.hero{max-width:1500px;margin-inline:auto}.hero-copy{padding-inline:12%}.section{max-width:1440px;margin-inline:auto}}
@media(max-width:1000px){header{padding-inline:4%}nav{gap:14px;font-size:11px}.hero{min-height:570px}.hero-art{min-height:570px}.hero-copy{padding:45px 9%}.fashion-headline{font-size:86px;letter-spacing:-4px}.hero h1{font-size:21px}.hero-copy p{font-size:11px}.product-img{height:280px}.lookbook-card{height:400px}.lookbook-card h3{font-size:44px}.section{margin:65px 4%}.installment h2{font-size:29px}}
@media(max-width:700px){header{height:auto;min-height:108px;padding:14px 5% 13px}.brand>span{font-size:31px}.brand svg{width:30px}.actions{font-size:10px}.announcement{font-size:9px;padding:9px}nav{font-size:9px;padding-top:9px}.hero{margin:0 4%;border-radius:26px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 26px 34px;align-items:flex-start;text-align:right}.fashion-headline{font-size:82px;letter-spacing:-4px;line-height:.9;margin:27px 0 23px;max-width:100%;text-align:left;align-self:stretch}.hero h1{font-size:23px;margin-bottom:10px}.hero-copy p{font-size:11px;max-width:100%;margin-bottom:23px}.hero-copy .primary{padding:13px 22px;min-width:180px;font-size:12px}.hero-copy .eyebrow{font-size:9px}.hero-note{display:none}.hero-index{top:16px;right:auto;left:20px;font-size:7px;letter-spacing:1px;color:#e4e9c8}.hero-scroll{display:none}.hero-art{min-height:420px;border-radius:0 0 26px 26px}.hero-art>img{object-position:center 35%}.hero-art:after{background:linear-gradient(0deg,#08291b90,transparent 45%)}.editorial{font-size:12px;bottom:60px;left:24px}.round-stamp{top:20px;left:20px;width:75px;height:75px;font-size:8px}.image-caption{left:24px;right:24px;bottom:18px;font-size:7px}.ribbon{margin:15px 4% 0;padding:16px;border-radius:22px;font-size:9px;gap:12px}.section{margin:48px 5%}.section-head h2{font-size:28px}.section-head .eyebrow{font-size:9px}.section-counter{font-size:9px;letter-spacing:2px}.shop-tools{padding:14px 0;gap:13px}.filters{gap:3px}.filters button{padding:7px 10px;font-size:9px}.search-sort input,.search-sort select{font-size:10px}.grid{gap:22px 12px}.product{border-radius:21px;padding:7px 7px 13px}.product-img{height:230px;border-radius:15px}.product h3{font-size:11px}.product-price{font-size:10px}.product-foot{font-size:8px;margin-top:12px}.badge{font-size:8px;padding:5px 8px;top:9px;right:9px}.lookbook{grid-template-columns:1fr;gap:18px}.lookbook-intro{align-items:center}.lookbook-intro h2{font-size:24px}.lookbook-intro>span{font-size:8px;letter-spacing:2px}.lookbook-card{height:390px;border-radius:24px;padding:25px}.lookbook-card h3{font-size:48px}.lookbook-card p{font-size:11px}.lookbook-card .look-number{font-size:9px}.installment{padding:30px 23px;gap:30px;border-radius:27px}.installment h2{font-size:29px}.installment p{font-size:11px}.pay-card{box-shadow:4px 7px 0 #cdd8b8,0 15px 26px #28432612}.about{padding:38px 20px;border-radius:26px}.about h2{font-size:35px;letter-spacing:-1px}.about p{font-size:11px}.about a{font-size:10px;gap:16px}footer{border-radius:26px 26px 0 0;padding-inline:6%}.footer-brand{font-size:40px}.footer-main{gap:25px 15px}.footer-bottom{font-size:9px}}
@media(max-width:380px){.fashion-headline{font-size:72px}.hero-copy{padding-inline:22px}.hero h1{font-size:21px}.product-img{height:205px}.about h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.product,.product-img img,.lookbook-card img,.primary{transition:none}.product:hover,.primary:hover:not(:disabled){transform:none}.lookbook-card:hover img{transform:none}}
