:root{--dir:1}html[dir=rtl]{--dir:-1}html[data-lenis]{scroll-behavior:auto}.intro{display:none}@media (prefers-reduced-motion:no-preference){html[data-intro=play]{--hero-d:1.15s}html[data-intro=play] .intro{z-index:300;pointer-events:none;animation:0s linear 2.25s forwards intro-end;display:block;position:fixed;inset:0}.intro-wall{background:var(--concrete) var(--grain);-webkit-mask-composite:xor;animation:1.25s cubic-bezier(.7,0,.84,0) .95s forwards intro-open;position:absolute;inset:0;-webkit-mask:url(/mark-window.svg) 50%/auto .1vmin no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:url(/mark-window.svg) 50%/auto .1vmin no-repeat exclude,linear-gradient(#000 0 0)}.intro-stamp{color:var(--ink);place-content:center;justify-items:center;gap:22px;display:grid;position:absolute;inset:0}.intro-mark{width:auto;height:46vmin;animation:stamp .6s var(--ease) .1s both, vanish 0s linear .95s forwards}.intro-cap{inset-inline:0;text-align:center;animation:fade-up .6s var(--ease) .35s both, vanish .2s linear .85s forwards;position:absolute;bottom:11vh}.hero-frame:before{content:"";z-index:1;background:var(--under);transform-origin:50% 0;animation:shutter 1.25s var(--ease-io) calc(var(--hero-d,0s) + var(--n,0) * .14s) both;pointer-events:none;position:absolute;inset:0}.hero-frame img{animation:hero-settle 2.4s var(--ease) calc(var(--hero-d,0s) + var(--n,0) * .14s) both}.hero-w{animation:rise 1.1s var(--ease) calc(var(--hero-d,0s) + .35s + var(--n,0) * 80ms) both}.hero-em{animation:stamp-big 1s var(--ease) calc(var(--hero-d,0s) + .7s) both}.hero-cta{animation:rise 1s var(--ease) calc(var(--hero-d,0s) + .85s) both}}@keyframes shutter{to{transform:scaleY(0)}}@keyframes intro-open{0%{-webkit-mask-size:auto 46vmin,100% 100%;mask-size:auto 46vmin,100% 100%}to{-webkit-mask-size:auto 4200vmin,100% 100%;mask-size:auto 4200vmin,100% 100%}}@keyframes intro-end{to{visibility:hidden}}@keyframes stamp{0%{opacity:0;transform:scale(1.35)rotate(-4deg)}60%{opacity:1}}@keyframes stamp-big{0%{opacity:0;transform:scale(1.5)rotate(-6deg)}}@keyframes vanish{to{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}@keyframes rise{0%{transform:translateY(40px)}}@keyframes hero-settle{0%{transform:scale(1.18)}}.hero{isolation:isolate;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-frames{z-index:-1;display:grid;position:absolute;inset:0 0 4px}.hero-frame{position:relative;overflow:hidden}.hero-frame .photo{position:absolute;inset:0}.hero-frame img{object-position:50% 30%}.hero-frame:first-child img{object-position:42% 30%}.hero-frame:not(:first-child){display:none}.hero-frames:after{content:"";background:linear-gradient(to top, #0a0a09db, #0a0a091f 52%, #0a0a0961), var(--grain);background-blend-mode:normal, overlay;pointer-events:none;position:absolute;inset:0}.hero-copy{padding-block:0 max(28px, env(safe-area-inset-bottom));gap:22px;display:grid}.hero-title{font-family:var(--f-display);font-synthesis:none;letter-spacing:-.005em;text-transform:uppercase;margin:0;font-size:clamp(3.6rem,19vw,12rem);font-weight:900;line-height:.84}.hero-w,.hero-em{display:inline-block}.hero-em{text-transform:none;color:var(--white);transform-origin:30% 70%;font-size:1.12em;line-height:.7}html[lang=ar] .hero-title{font-size:clamp(3rem,15vw,9rem);font-weight:400;line-height:1.15}html[lang=ar] .hero-em{margin-inline-end:.12em;font-size:1.04em;line-height:1}.hero-cta{align-items:center;gap:var(--btn-gap) 24px;flex-wrap:wrap;display:flex}.hero-all{color:var(--white)}@media (min-width:900px){.hero{min-height:100svh}.hero-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.hero-frame:not(:first-child){display:block}.hero-frames:after{background:linear-gradient(to top, #0a0a09d6, #0a0a0900 46%), linear-gradient(to bottom, #0a0a0973, #0a0a0900 22%), var(--grain);background-blend-mode:normal, normal, overlay}.hero-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px 40px;padding-block:0 clamp(28px,4vh,48px)}.hero-title{white-space:nowrap;grid-column:1/-1;font-size:min(10.6vw,24vh,13rem)}html[lang=ar] .hero-title{font-size:min(8.4vw,19vh,10rem)}.hero-cta{grid-column:1/-1}}html[data-motion=full] .hero-frame .photo{transform:translateY(calc(var(--p,0) * (10% + var(--n,0) * 7%))) scale(calc(1 + var(--p,0) * .06))}html[data-motion=full] .hero-copy{translate:0 calc(var(--p,0) * -10vh);opacity:calc(1 - var(--p,0) * 1.4)}.band{background:var(--pink);color:var(--ink);border-block:1.5px solid var(--ink);overflow:hidden}.band-track{width:max-content;animation:38s linear infinite band;display:flex}.band-set{display:flex}.band-set>span{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:18px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}.band i{font-size:22px;font-style:normal;line-height:1}html[data-motion=full] .band-set{transform:skewX(clamp(-14deg, calc(var(--v,0) * -.35deg), 14deg))}@keyframes band{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.band-track{animation:none}}.pick{padding-block:clamp(64px,9vw,130px);position:relative;overflow:hidden}.pick-wash{background:color-mix(in srgb, var(--tint) 20%, var(--concrete));transition:background-color .8s var(--ease);position:absolute;inset:0}.pick-in{gap:28px;display:grid;position:relative}.pick-copy{align-content:start;gap:14px;display:grid}.pick-count,.pick .lede{color:var(--ink)}.pick-stage{justify-items:center;display:grid;position:relative}.pick-photo{aspect-ratio:2/3;background:color-mix(in srgb, var(--tint) 20%, var(--concrete));width:min(78vw,460px);transition:background-color .8s var(--ease);animation:pick-in .8s var(--ease) both}.pick-photo .photo{height:100%}@keyframes pick-in{0%{clip-path:inset(0 0 100%);transform:translateY(-20px)scale(1.04)}}.pick-name{bottom:4%;text-transform:uppercase;align-items:baseline;gap:10px;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;display:flex;position:absolute;inset-inline-start:0}.pick-name-27{font-size:2.4em;line-height:.6}.pick-panel{align-content:start;gap:14px;display:grid}.pick-swatches{grid-template-columns:repeat(7,44px);gap:6px;display:grid}.pick-sw{background:var(--c);width:44px;height:44px;transition:transform .4s var(--ease);border:0;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #0f0f0e33}.pick-sw:after{content:"";border:2px solid #0000;border-radius:50%;transition:border-color .3s;position:absolute;inset:-4px}.pick-sw[aria-pressed=true]:after{border-color:var(--ink)}.pick-sw[data-out]{background:linear-gradient(135deg, transparent 46%, #0f0f0e8c 46% 54%, transparent 54%), var(--c)}@media (hover:hover) and (pointer:fine){.pick-sw:hover{transform:scale(1.12)}}.pick-price{font-size:18px}.pick-hint{min-height:1.5em;color:var(--pink-ink);font-size:13px;font-weight:700}.pick-out{font-weight:700}.pick-view{justify-self:start}@media (min-width:900px){.pick-in{grid-template-columns:1fr 1.1fr .9fr;align-items:center;gap:40px}.pick-photo{width:100%;max-width:520px}}.drops{padding-block:clamp(64px,9vw,130px)}.drops-head{gap:10px;margin-bottom:clamp(24px,4vw,48px);display:grid}.drops-head .big{font-family:var(--f-black);text-transform:none;letter-spacing:0;font-size:clamp(4rem,15vw,14rem);font-weight:400;line-height:.8}html[lang=ar] .drops-head .big{font-weight:700;line-height:1.1}.index-wrap{position:relative}.index{border-top:1px solid var(--line-dark)}.index li{border-bottom:1px solid var(--line-dark)}.index-row{grid-template-columns:auto 1fr auto;grid-template-areas:"n name arrow""n meta arrow""strip strip strip";align-items:center;gap:4px 16px;padding-block:18px;display:grid}.index-n{color:#f6f5f180;grid-area:n;align-self:start;padding-top:8px;font-size:12px;font-weight:700}.index-name{letter-spacing:-.045em;text-transform:uppercase;transition:transform .6s var(--ease), color .3s;grid-area:name;font-size:clamp(2rem,7.5vw,6.4rem);font-weight:700;line-height:.95}html[lang=ar] .index-name{letter-spacing:0;line-height:1.2}.index-meta{color:#f6f5f199;grid-area:meta}.index-arrow{transition:transform .6s var(--ease);grid-area:arrow;font-size:28px}html[dir=rtl] .index-arrow{transform:scaleX(-1)}.index-strip{grid-area:strip;gap:6px;margin-top:10px;display:flex}.index-strip img{object-fit:contain;background:var(--concrete-2);mix-blend-mode:normal;width:64px;height:80px}.index-float{display:none}@media (hover:hover) and (pointer:fine){.index-strip{display:none}.index:hover .index-name{color:#f6f5f147}.index-row:hover .index-name,.index-row:focus-visible .index-name{color:var(--white);transform:translateX(calc(var(--dir) * 24px))}.index-row:hover .index-arrow{transform:translateX(calc(var(--dir) * 10px)) rotate(-45deg)}.index-float{z-index:2;aspect-ratio:4/5;pointer-events:none;background:var(--concrete);opacity:0;width:240px;transition:opacity .35s var(--ease), scale .5s var(--ease);display:block;position:absolute;top:0;left:0;scale:.6}.index-float[data-on]{opacity:1;scale:1}.index-float img{object-fit:contain;mix-blend-mode:multiply;clip-path:inset(100% 0 0);width:100%;height:100%;transition:clip-path .55s var(--ease);position:absolute;inset:0}.index-float img[data-show]{clip-path:inset(0)}}.wanted{padding-block:clamp(64px,9vw,130px)}.denim{background:#10141c;padding-block:clamp(64px,9vw,130px)}.washes{gap:18px;display:grid}.wash-strip{scrollbar-width:none;height:64px;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter);gap:3px;display:flex;overflow-x:auto}.wash-strip::-webkit-scrollbar{display:none}.wash{background:var(--c);min-width:44px;transition:flex-grow .7s var(--ease);border:0;flex:1 0 44px;position:relative}.wash[aria-pressed=true]{outline:2px solid var(--white);outline-offset:3px;flex-grow:3.4}.wash-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wash-show{align-items:center;gap:18px;display:grid}.wash-photo{aspect-ratio:2/3;background:linear-gradient(to bottom, color-mix(in srgb, var(--c) 30%, #e9e8e3), color-mix(in srgb, var(--c) 18%, #e9e8e3)), var(--concrete);width:min(72vw,420px);max-height:70vh;animation:pick-in .7s var(--ease) both;justify-self:center;position:relative}.wash-photo .photo{position:absolute;inset:0}.wash-info{justify-items:start;gap:12px;display:grid}.wash-n{color:#f6f5f199}.wash-title{font-size:clamp(2.4rem,7vw,6rem)}@media (min-width:900px){.wash-strip{height:120px;margin-inline:0;padding-inline:0;overflow:visible}.wash-name{clip:auto;letter-spacing:.08em;text-transform:uppercase;width:auto;height:auto;color:var(--white);mix-blend-mode:difference;opacity:0;padding-inline:8px;font-size:11px;font-weight:700;transition:opacity .4s;position:absolute;inset:auto 0 10px}.wash[aria-pressed=true] .wash-name{opacity:1}.wash-show{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}.wash-photo{justify-self:end;width:100%;max-width:460px}}.cairo{display:grid;position:relative;overflow:hidden}.cairo-photo{aspect-ratio:4/5;overflow:hidden}.cairo-photo .photo{height:100%}.cairo-copy{gap:18px;padding-block:36px clamp(64px,9vw,130px);display:grid}.cairo-quote{max-width:16ch;font-size:clamp(2.2rem,6.4vw,6.4rem)}@media (min-width:900px){.cairo{grid-template-columns:1.1fr 1fr;align-items:center;min-height:100vh}.cairo-photo{aspect-ratio:auto;height:100%}.cairo-copy{padding:clamp(40px,5vw,80px)}html[data-motion=full] .cairo-photo .photo{transform:translateY(calc((var(--p,.5) - .5) * -12%)) scale(1.14)}}.sale{border-top:1.5px solid var(--ink);padding-block:clamp(64px,9vw,130px)}.sale-title{font-size:clamp(3rem,11vw,10rem)}.sale-side{justify-items:start;gap:14px;display:grid}.sale-rail{grid-auto-columns:min(62vw,300px);gap:14px}@media (min-width:1200px){.sale-rail{grid-auto-columns:calc((100% - 2 * var(--gutter) - 3 * 14px) / 4)}}.store{display:grid}.store-photo{aspect-ratio:4/5;overflow:hidden}.store-photo .photo{height:100%}.store-copy{padding:clamp(36px, 6vw, 96px) var(--gutter);align-content:center;justify-items:start;gap:16px;display:grid}.store-phones a{align-items:center;min-height:40px;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;display:inline-flex}.store-cta{flex-wrap:wrap;gap:10px;display:flex}@media (min-width:900px){.store{grid-template-columns:.9fr 1.1fr}.store-photo{aspect-ratio:auto;min-height:90vh}}html:is([data-motion=full],[data-motion=lite]) [data-in]:not([data-on])>*{opacity:0}html:is([data-motion=full],[data-motion=lite]) [data-in][data-on]>*{animation:card-in 1s var(--ease) calc(var(--k,0) * 80ms) backwards}@keyframes card-in{0%{opacity:0;clip-path:inset(22% 0 0);transform:translateY(56px)}to{clip-path:inset(0)}}[data-in]>:nth-child(2){--k:1}[data-in]>:nth-child(3){--k:2}[data-in]>:nth-child(4){--k:3}[data-in]>:nth-child(5){--k:4}[data-in]>:nth-child(6){--k:5}[data-in]>:nth-child(7){--k:6}[data-in]>:nth-child(8){--k:7}[data-in]>:nth-child(9){--k:8}[data-in]>:nth-child(10){--k:9}[data-in]>:nth-child(n+11){--k:10}html:is([data-motion=full],[data-motion=lite]) .rail[data-in][data-on]>*{animation-name:rail-in}@keyframes rail-in{0%{opacity:0;clip-path:inset(36% 0 0);transform:scale(.9)}to{clip-path:inset(0)}}html:is([data-motion=full],[data-motion=lite]) .pick-swatches[data-in][data-on]>*{animation:pop .7s var(--ease) calc(var(--k,0) * 45ms) backwards}@keyframes pop{0%{opacity:0;transform:scale(.3)}}html:is([data-motion=full],[data-motion=lite]) .wash-strip[data-in][data-on]>*{transform-origin:50% 100%;animation:grow .9s var(--ease) calc(var(--k,0) * 55ms) backwards}@keyframes grow{0%{opacity:0;transform:scaleY(0)}}.w{vertical-align:top;margin-block:-.08em -.1em;padding-block:.08em .1em;display:inline-block;overflow:hidden}html[lang=ar] .w{margin-block:-.2em -.32em;padding-block:.2em .32em}.w>span{display:inline-block}html:is([data-motion=full],[data-motion=lite]) [data-rv=words]:not([data-on]) .w>span{transform:translateY(115%)}html:is([data-motion=full],[data-motion=lite]) [data-rv=words][data-on] .w>span{animation:word-up 1.05s var(--ease) calc(var(--w,0) * 75ms) backwards}@keyframes word-up{0%{transform:translateY(115%)rotate(4deg)}}html:is([data-motion=full],[data-motion=lite]) [data-rv=wipe]:not([data-on]){clip-path:inset(100% 0 0)}html:is([data-motion=full],[data-motion=lite]) [data-rv=wipe][data-on]{animation:wipe 1.4s var(--ease-io) backwards}html:is([data-motion=full],[data-motion=lite]) [data-rv=wipe][data-on] img{animation:hero-settle 2.2s var(--ease) backwards}@keyframes wipe{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}html:is([data-motion=full],[data-motion=lite]) [data-rv=stamp]:not([data-on]){opacity:0}html:is([data-motion=full],[data-motion=lite]) [data-rv=stamp][data-on]{animation:stamp-big 1.1s var(--ease) backwards}html[data-motion=full] .sale-title{translate:calc((.5 - var(--p,.5)) * 16vw * var(--dir)) 0}html[data-motion=full] .drops-head .big{scale:calc(1.3 - var(--p,1) * .3);rotate:calc((1 - var(--p,1)) * -6deg);transform-origin:0 100%}html[dir=rtl][data-motion=full] .drops-head .big{transform-origin:100% 100%}html[data-motion=full] .store-photo .photo{transform:translateY(calc((var(--p,.5) - .5) * -10%)) scale(1.12)}.hero,.pick,.drops,.cairo,.sale,.denim,.ft{overflow-x:clip}.cats{padding-block:clamp(56px,8vw,110px) clamp(28px,4vw,56px)}.cats-rail{grid-auto-columns:min(40vw,190px);gap:10px}@media (min-width:1100px){.cats-rail{grid-auto-columns:calc((100% - 2 * var(--gutter) - 8 * 10px) / 9)}}.cat{gap:6px;display:grid}.cat-img{aspect-ratio:4/5;background:var(--concrete-2);display:block;position:relative;overflow:hidden}.cat-img .photo{position:absolute;inset:0}.cat-img img{transition:transform .9s var(--ease)}@media (hover:hover) and (pointer:fine){.cat:hover .cat-img img{transform:scale(1.06)translateY(-2%)}}.cat-name{text-transform:uppercase;font-size:13px;font-weight:700}.cat-n{color:var(--ink-3)}.fresh{padding-block:clamp(28px,4vw,56px) clamp(56px,8vw,110px)}.fresh-rail{grid-auto-columns:min(62vw,300px);gap:14px}@media (min-width:1200px){.fresh-rail{grid-auto-columns:calc((100% - 2 * var(--gutter) - 3 * 14px) / 4)}}.trust{border-block:1.5px solid var(--ink)}.trust-list{gap:0;display:grid}.trust-list li{border-bottom:1px solid var(--line);gap:6px;padding:28px 0;display:grid;position:relative}.trust-list li:last-child{border-bottom:0}.trust-n{top:18px;opacity:.2;font-size:2.6rem;line-height:1;position:absolute;inset-inline-end:0}.trust-t{text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}.trust-d{color:var(--ink-2);max-width:38ch}@media (min-width:900px){.trust-list{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-list li{border-bottom:0;border-inline-start:1px solid var(--line);padding:40px 32px}.trust-list li:first-child{border-inline-start:0;padding-inline-start:0}}.cats,.fresh,.wanted,.pick,.drops,.denim,.sale{padding-block:var(--sec)}.cats+.fresh{padding-top:0}.cairo-copy{padding-block:var(--stack) var(--sec)}@media (min-width:900px){.cairo-copy{padding:var(--sec) clamp(40px, 5vw, 80px)}}.store-copy{gap:var(--stack);padding-block:var(--sec)}.drops-head{margin-bottom:var(--head-gap)}.pick-copy,.pick-panel,.sale-side{gap:var(--stack)}.cats-rail{gap:var(--grid-x);grid-auto-columns:min(46vw,230px)}@media (min-width:1100px){.cats-rail{grid-auto-columns:calc((100% - 2 * var(--gutter) - 4 * var(--grid-x)) / 5)}}.cat{display:block;position:relative}.cat-img{aspect-ratio:4/5}.cat-cap{inset-inline:0;z-index:2;color:var(--white);background:linear-gradient(#0000,#0f0f0ec7);justify-items:start;gap:2px;padding:48px 14px 14px;display:grid;position:absolute;bottom:0}.cat-name{letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:700}html[lang=ar] .cat-name{font-size:clamp(1.1rem,1.7vw,1.5rem)}.cat-n{opacity:.85;font-size:11px;font-weight:700}@media (min-width:900px) and (hover:hover) and (pointer:fine){.wash:hover .wash-name{opacity:1}}
