/* FAMILY FASHION / NAVY & GOLD — design matched to selected reference */
:root{--navy:#0b1b30;--navy2:#12283f;--cream:#fffdfb;--canvas:#f8f9fc;--ink:#0c1c33;--gray:#7d8795;--gold:#d5a24a;--gold-light:#f3d698;--line:#e7e9ed;--radius:17px;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:95px}body{font-family:Cairo,Tahoma,sans-serif;background:var(--canvas);color:var(--ink);font-weight:600}em{color:var(--gold)}.wrap{width:min(1250px,calc(100% - 72px))}button,input,textarea,select{font-family:inherit}a:focus-visible,button:focus-visible{outline:3px solid #d4a34a;outline-offset:3px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
#scroll-progress{background:linear-gradient(90deg,#dba744,#ffe4aa);box-shadow:0 0 10px #d8ab4ca6}
.announcement{height:30px;background:#060f1d;color:#e9d4a8;font-size:10px;font-weight:700;letter-spacing:.035em;gap:24px}.announcement .ticker-sep{color:#d6a048}.ticker-preamble{font:700 10px Manrope,Arial,sans-serif;letter-spacing:.1em}.ticker-tail{color:#f1e7d6}
.header{position:sticky;top:0;background:#09182b;color:#f9f9fa;border:0;box-shadow:none}.header.scrolled{background:#09182bf7;box-shadow:0 13px 30px #07182b22}.header-inner{height:81px}.brand{color:#fff;font:800 22px/.84 Manrope,Arial,sans-serif;letter-spacing:-.07em;gap:6px;text-align:left;min-width:146px}.brand em{font-style:italic;color:#e8b84e}.brand .brand-mark svg{stroke:#eeb54e;width:45px;height:40px}.nav{display:flex;gap:clamp(13px,2vw,29px);align-items:center;font-size:12px;font-weight:800}.nav a,.nav-link{color:#f8f7f5;opacity:.88;position:relative;white-space:nowrap}.nav a:hover,.nav-link:hover{color:#f7c76e;opacity:1}.nav .selected{color:#e9b74e;opacity:1}.nav .selected::after{content:'';height:2px;position:absolute;bottom:-17px;right:0;left:0;background:#e8b752}.header-actions{gap:9px}.header-actions .icon-btn{width:39px;height:39px;border:0;background:transparent;color:#fff}.header-actions svg{stroke:#fff}.header-actions .icon-btn:hover{background:#ffffff18}.count{background:#dc5756;color:#fff}
.hero{min-height:610px;background:#0a1b2d;color:#fff;isolation:isolate;overflow:hidden}.hero-bg-pattern{background:radial-gradient(ellipse at 58% 55%,#213954 0,transparent 52%),linear-gradient(125deg,#0f2741,#081426 68%);opacity:1}.hero:before{content:'';position:absolute;width:50vw;height:50vw;top:-35vw;left:-9vw;background:radial-gradient(circle,#d6ac655e 0,transparent 66%);filter:blur(25px);pointer-events:none}.hero:after{content:'FAMILY FASHION';position:absolute;font:800 clamp(100px,13vw,220px) Manrope,Arial,sans-serif;color:#ffffff05;letter-spacing:-.08em;right:3%;bottom:-20px;white-space:nowrap;pointer-events:none}.hero-inner{min-height:620px;grid-template-columns:1fr 1.05fr;gap:10px;align-items:center}.hero-copy{padding:30px 0 94px;max-width:560px;align-self:center;z-index:4}.hero-eyebrow{color:#fafafa;letter-spacing:.31em;font:700 12px Manrope,Arial,sans-serif;display:block;text-align:right;margin-bottom:20px}.hero-title{font-size:clamp(50px,5.4vw,81px);line-height:1.35;letter-spacing:-.055em;font-weight:900;margin:12px 0 18px;color:#efbb57;text-shadow:0 5px 35px #0001}.hero-title span{color:#fff;display:inline}.hero-desc{color:#f0f2f3;font-weight:600;max-width:480px;font-size:14px;line-height:2.1;margin:0 0 32px}.hero-cta{display:flex;gap:25px;align-items:center}.btn.primary{background:linear-gradient(180deg,#f7cf7d,#c8902c);color:#0e1b2d;border:1px solid #e9b456;box-shadow:0 8px 18px #020b1760;border-radius:100px;padding:14px 30px;font-size:14px;font-weight:900}.btn.primary:hover{background:linear-gradient(180deg,#ffe1a5,#d69c3b);transform:translateY(-3px);box-shadow:0 13px 28px #0005}.hero-cta .btn svg{width:20px;height:20px}.hero-secondary{display:flex;align-items:center;gap:10px;color:#f7f9fc;font-size:12px;font-weight:800}.hero-secondary span{border:1px solid #fff5;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;transition:transform .3s}.hero-secondary:hover span{transform:rotate(45deg)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:49px;color:#e9e9ec}.hero-dots{display:flex;gap:7px;align-items:center}.hero-dots i{width:8px;height:8px;border-radius:30px;background:#eef0f57a;display:block}.hero-dots i.active{width:26px;background:#efba52}.scroll-hint{font:600 9px Manrope,Arial,sans-serif;letter-spacing:.2em;color:#f9f8f8aa}
.hero-visual{height:590px;transform:none;align-self:end;position:relative;z-index:3;overflow:visible}.hero-photo{inset:13px -22px -5px -20px;clip-path:none;background:#0d1e32 url('./brand/hero-family.jpg') center 45%/cover no-repeat;filter:none;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 84%,transparent 100%);transition:transform 1.2s var(--ease);transform:scale(1.03)}.hero-photo-outline{display:none}.hero-photo-index{position:absolute;bottom:88px;left:14px;color:#d9b26b;font:600 12px Manrope,Arial,sans-serif;opacity:.8}.hero-float{display:none}.hero-swoosh{position:absolute;left:-20px;right:9%;top:16%;height:65%;border:2px solid #efc87570;border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 13px #dca14c55,inset 0 0 9px #e4b66244;pointer-events:none;z-index:-1}.hero-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,#0c1d3066);z-index:1}.hero-marquee{display:none}
.benefits-wrap{margin-top:-54px;position:relative;z-index:4;padding:0 20px}.benefits{min-height:126px;width:min(1200px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fffcfffa;border:1px solid #ffffffa8;border-radius:26px;box-shadow:0 16px 45px #0c1e3320;overflow:hidden;padding:5px 16px}.benefits>div{display:flex;flex-direction:column;gap:3px;text-align:center;align-items:center;justify-content:center;position:relative;padding:12px 8px}.benefits>div:not(:last-child)::after{content:'';position:absolute;top:20%;left:0;width:1px;height:58%;background:#e6e4e1}.benefits svg{stroke:#ae7e33;width:29px;height:29px;flex-shrink:0}.benefits p{display:flex;flex-direction:column;line-height:1.65;margin:0}.benefits b{font-size:13px;color:#101c2d;font-weight:900}.benefits span{font-size:11px;color:#687480}
.section{padding-top:75px;padding-bottom:72px}.section-head.centered{text-align:center;justify-content:center;margin:0 0 31px}.section-head.centered h2{font-size:32px;color:#0b1b30;line-height:1.5;margin:0 0 0;font-weight:900;letter-spacing:-.045em}.section-head.centered p{font-size:12px;color:#8791a0;max-width:none;margin:0}.title-rule{width:50px;height:3px;background:linear-gradient(90deg,transparent,#dba33f,transparent);display:block;margin:0 auto 8px}.category-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.category-card{height:180px;border-radius:18px;overflow:hidden;isolation:isolate;box-shadow:0 7px 18px #122a4520;background:linear-gradient(110deg,#e6e0e0,#fbf4f4)}.category-card:nth-child(1){background:linear-gradient(120deg,#e6b3be,#f2dbe0)}.category-card:nth-child(2){background:linear-gradient(120deg,#b2c2d7,#e5edf4)}.category-card:nth-child(3){background:linear-gradient(120deg,#e8d2be,#f7ece3)}.category-card img{position:absolute;left:-7px;right:auto;top:-6px;bottom:0;height:116%;width:47%;object-fit:cover;object-position:center top;filter:none;mix-blend-mode:multiply;mask-image:linear-gradient(to right,#000 73%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 73%,transparent 100%);transition:transform .7s var(--ease)}.category-card:hover img{transform:translateX(6px) scale(1.05)}.category-card:after{content:'';background:none}.category-content{position:absolute;z-index:3;right:20px;left:10px;bottom:20px;top:16px;align-items:flex-end;color:#101b2b}.category-content>div{align-self:center}.category-content small{font:700 9px Manrope,Arial,sans-serif;letter-spacing:.08em;color:#6b6972}.category-content h3{font-size:21px;color:#08182c;margin:4px 0;line-height:1.7}.category-content p{color:#5b5b62;font-size:11px;line-height:1.7}.round-arrow{width:33px;height:33px;display:grid;place-items:center;background:linear-gradient(180deg,#f2c879,#af7e29);color:#fff;border:0;border-radius:50%;align-self:flex-end}.round-arrow svg{width:17px;height:17px;stroke:#fff}.category-card:hover{transform:translateY(-8px);box-shadow:0 18px 32px #122a4525}
.campaign{min-height:240px;display:block;border-radius:23px;margin-top:16px;margin-bottom:20px;overflow:hidden;background:linear-gradient(110deg,#152b4a 0%,#0a1529 57%,#0b1e38 100%);box-shadow:0 15px 30px #111f3428}.campaign:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 70px,#e2ad4730 71px,transparent 73px,transparent 145px);opacity:.22}.campaign-photo{position:absolute;width:37%;height:100%;min-height:0;left:0;top:0;background:transparent url('./brand/campaign-bag.jpg') left 45%/90% auto no-repeat;filter:none;mask-image:linear-gradient(to right,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 58%,transparent 100%)}.campaign-content{width:69%;min-height:240px;display:flex;flex-flow:column wrap;justify-content:center;align-items:flex-start;margin-right:22%;padding:26px 32px 24px 0}.campaign .eyebrow{color:#f7d697;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.17em}.campaign-content h2{font-size:clamp(23px,2.9vw,43px);line-height:1.35;color:#fff;margin:8px 0;letter-spacing:-.04em}.campaign-content h2 strong{font:900 72px/.9 Manrope,Arial,sans-serif;letter-spacing:-.08em;color:#e6af48;text-shadow:0 5px 11px #090f1c}.campaign-content p{font-size:12px;color:#f3e8d9;line-height:1.4;margin:4px 0 16px}.campaign .btn.cream{border:1px solid #cda04e;background:linear-gradient(180deg,#f7d17c,#b47c26);color:#111d2c;font-weight:900;border-radius:40px;font-size:12px;padding:10px 23px}.campaign-star{position:absolute;right:25px;top:26px;color:#f5c66d;opacity:.55;font-size:40px}
.arrivals-section{padding-top:62px}.filter-row{justify-content:center;margin-bottom:31px;gap:10px}.filter-pill{padding:9px 18px;border-radius:25px;font-size:12px;background:#fff;border:1px solid #e3e6ec;box-shadow:0 3px 12px #0b1a3010}.filter-pill.active,.filter-pill:hover{background:#0f2741;color:#fff;border-color:#0f2741}.products-grid{grid-template-columns:repeat(4,1fr);gap:26px 18px}.product-card{background:#fff;border:1px solid #eaedf1;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #24334a0a;transition:box-shadow .4s,transform .4s}.product-card:hover{transform:translateY(-8px);box-shadow:0 17px 35px #1b30451d}.product-image{aspect-ratio:1/1.05;background:#f1eff1;border-radius:0}.product-image img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .65s var(--ease)}.product-badge{background:#bf3447;color:#fff;border-radius:5px;font-size:10px;right:11px;top:12px}.product-heart{background:#fff;border-radius:50%;box-shadow:0 3px 11px #1227411f;left:10px;top:10px}.product-heart:hover{background:#f7eedb}.product-info{padding:12px 14px 18px}.product-cat{font-size:10px;color:#8a96a1}.product-name{font-size:14px;line-height:1.5;margin:5px 0 7px;color:#102035;font-weight:800}.price{font:900 15px Manrope,Arial,sans-serif;color:#0c2238}.old-price{font:500 11px Manrope,Arial,sans-serif;color:#9fa6ac}.quick-add{background:#122941ed;color:#fff;font-weight:800}.shop-more{padding-top:36px}.btn.outline{border:1px solid #bca172;border-radius:40px;color:#1a304a;background:#fff;box-shadow:0 6px 22px #121f3415}.btn.outline:hover{background:#0c223e;color:#fff}.section-head:not(.centered) h2{font-size:39px;font-weight:900}.section-head:not(.centered) p{font-size:13px;color:#89929f}
.bestsellers{padding-top:45px;border-top:1px solid #e6e8ed}.bestsellers .product-image{aspect-ratio:1/1.05}
.lookbook-section{background:#081c31;color:#fff;padding:65px 0 0}.lookbook-section h2{font-size:46px;color:#fff}.lookbook-section em{color:#edc06a}.lookbook-section .eyebrow{color:#d5ad64}.lookbook-card{border-radius:19px;overflow:hidden}.lookbook-card:after{background:linear-gradient(0deg,#08182cc7,transparent 60%)}.lookbook-title-row>span{color:#e3c48c}.lookbook-card h3{color:#fff}
.statement{background:#f5f6fa}.statement-inner{min-height:490px;gap:70px}.statement-copy{padding:65px 0}.statement h2{font-size:46px;color:#13253c;font-weight:900}.statement .eyebrow{color:#b58a43}.statement h2 em{color:#bc8a38}.statement p{color:#667382;font-size:13px}.statement-photo{height:390px;border-radius:21px}.statement-photo img{filter:none}.statement-caption{background:#fff;color:#15273d}.text-link{color:#102b4c}.newsletter{padding:90px 0}.newsletter h2{font-size:39px;color:#14263b}.newsletter em{color:#bb8c3f}.newsletter .eyebrow{color:#bc954f}.footer{background:#081b30;color:#fcfcfc}.footer-top,.footer-bottom{border-color:#ffffff25}.footer-brand{color:#fff}.footer a:hover{color:#f0ba58}
.drawer{background:#fff;color:#101f35;box-shadow:-12px 0 55px #06142e55}.drawer-head{background:#101f35;color:#fff}.drawer-head h3{color:#fff}.drawer-head .eyebrow{color:#dab570}.drawer-head .icon-btn{color:#fff}.drawer-foot{background:#fff}.modal-content{background:#fff;border-radius:20px}.modal-head{background:#0c2039;color:#fff}.modal-head h3{color:#fff}.modal-head svg{stroke:#fff}.toast{border-radius:15px;background:#0b1f36;color:#fff;border:1px solid #e4b862;box-shadow:0 12px 35px #101e3455;font-size:13px}.overlay{background:#06152bba}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.category-card:nth-child(2){transition-delay:.09s}.category-card:nth-child(3){transition-delay:.18s}.product-card:nth-child(4n+2){transition-delay:.07s}.product-card:nth-child(4n+3){transition-delay:.13s}.product-card:nth-child(4n+4){transition-delay:.2s}@keyframes heroArrival{from{opacity:0;transform:translate(-30px,20px) scale(1.06)}to{opacity:1;transform:translate(0,0) scale(1.03)}}.hero-photo{animation:heroArrival 1.25s var(--ease) both}.hero-copy .hero-eyebrow{animation:editorialEnter .65s .05s both}.hero-copy .hero-title{animation:editorialEnter .75s .18s both}.hero-copy .hero-desc{animation:editorialEnter .8s .32s both}.hero-copy .hero-cta{animation:editorialEnter .8s .46s both}.hero-swoosh{animation:swoosh-in 2s ease-out both}@keyframes swoosh-in{from{opacity:0;transform:rotate(-32deg) scale(.7)}to{opacity:.8;transform:rotate(-19deg) scale(1)}}
@media (max-width:1100px){.wrap{width:calc(100% - 54px)}.nav{gap:13px;font-size:10px}.hero{min-height:570px}.hero-inner{min-height:570px}.hero-visual{height:560px}.hero-title{font-size:58px}.hero-desc{font-size:12px}.hero-cta{gap:15px}.campaign-content h2 strong{font-size:60px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.announcement{height:29px;font-size:9px;gap:10px}.ticker-preamble,.ticker-tail{display:none}.header-inner{height:69px}.brand{min-width:0;font-size:18px}.brand .brand-mark svg{width:35px}.nav{position:absolute;top:69px;right:0;left:0;display:none;flex-direction:column;gap:0;align-items:stretch;padding:15px 22px 22px;background:#0c213a;box-shadow:0 18px 25px #03162b53}.nav.open{display:flex}.nav a,.nav-link{color:#fff;padding:12px 8px;text-align:right;font-size:13px}.nav .selected::after{display:none}.header-actions{gap:2px}.header-actions .icon-btn{width:31px;height:35px}.hero{min-height:0}.hero-inner{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{order:1;padding:46px 0 0;text-align:center;max-width:none;align-self:stretch}.hero-eyebrow{text-align:center;font-size:10px;margin-bottom:12px}.hero-title{font-size:clamp(41px,8vw,59px);margin:5px 0 12px}.hero-desc{max-width:475px;margin:0 auto 20px;font-size:11px;line-height:2}.hero-cta{justify-content:center}.hero-cta .btn{padding:10px 19px}.hero-bottom{justify-content:center;margin-top:24px}.scroll-hint{display:none}.hero-visual{order:2;width:100%;height:350px;margin-top:-8px;max-height:none;align-self:center}.hero-photo{inset:0 3% -8px;background-position:center 27%!important;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hero-swoosh{top:9%;height:78%;left:7%;right:8%}.hero-photo-index{display:none}.hero-bottom-fade{height:50px}.benefits-wrap{margin-top:0;padding:8px}.benefits{padding:8px 5px;grid-template-columns:repeat(4,1fr);min-height:99px;border-radius:15px}.benefits>div{padding:5px 2px}.benefits svg{width:22px;height:22px}.benefits b{font-size:10px}.benefits span{font-size:9px}.benefits>div:not(:last-child)::after{top:12%;height:75%}.section{padding:54px 0}.section-head.centered h2{font-size:26px}.section-head.centered p{font-size:10px}.category-grid{gap:11px}.category-card{height:163px;border-radius:12px}.category-card img{width:45%;height:116%}.category-content{right:9px;left:7px;top:6px;bottom:9px}.category-content h3{font-size:14px;margin:2px 0}.category-content p{font-size:9px}.category-content small{font-size:7px}.round-arrow{width:25px;height:25px}.campaign{margin:0 auto 0;min-height:220px}.campaign-photo{width:37%;background-size:100% auto;left:0}.campaign-content{margin-right:0;width:100%;min-height:220px;padding:24px 30% 21px 15px}.campaign-content h2{font-size:23px}.campaign-content h2 strong{font-size:50px}.campaign-content p{font-size:10px}.campaign .eyebrow{font-size:8px}.products-grid{grid-template-columns:repeat(2,1fr);gap:13px}.product-card{border-radius:12px}.product-info{padding:10px}.product-name{font-size:12px}.price{font-size:12px}.old-price{font-size:10px}.filter-row{gap:6px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:7px}.filter-pill{flex:0 0 auto;font-size:10px;padding:7px 12px}.lookbook-section{padding-top:58px}.lookbook-section h2{font-size:30px}.lookbook-title-row>span{display:none}.lookbook-scroll{height:auto!important}.lookbook-sticky{position:static}.lookbook-track{overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important}.lookbook-card{scroll-snap-align:center;flex:0 0 79vw;width:79vw;height:400px}.statement-inner{display:flex;flex-direction:column;gap:0;padding-bottom:40px}.statement-copy{padding:55px 0 30px}.statement h2{font-size:37px}.statement-photo{height:340px}.newsletter{padding:60px 0}.newsletter h2{font-size:32px}.footer-top{gap:28px}.footer-bottom{gap:10px}}
@media(max-width:440px){.brand{font-size:15px}.brand .brand-mark svg{width:29px}.hero-title{font-size:40px}.hero-visual{height:300px}.hero-desc{font-size:10px}.hero-cta .btn{font-size:11px}.hero-secondary{font-size:10px}.benefits b{font-size:9px}.benefits span{font-size:8px}.category-grid{grid-template-columns:1fr;gap:11px}.category-card,.category-card:last-child{height:138px;grid-column:auto}.category-card img{width:38%;height:128%;object-position:center top}.category-content h3{font-size:17px}.category-content p{font-size:10px}.campaign{min-height:190px}.campaign-content{min-height:190px;padding-right:20px;padding-left:28%}.campaign-content h2{font-size:19px}.campaign-content h2 strong{font-size:46px}.campaign-photo{background-size:130% auto}.newsletter h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}.hero-photo,.hero-swoosh,.hero-copy *{animation:none!important;transition:none!important}*{scroll-behavior:auto!important}}