@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Cairo:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{--ink:#141414;--paper:#f4f1eb;--orange:#ff581c;--white:#fff;--line:#d9d3c9;--muted:#57524c;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--arabic:Cairo,'Segoe UI',Tahoma,Arial,sans-serif;--edge:clamp(18px,4.2vw,68px)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--body);min-height:100vh;display:flex;flex-direction:column}
[dir=rtl] body{--body:var(--arabic);font-family:var(--body);line-height:1.85}
.language[lang=ar]{font-family:var(--arabic)}
main{flex:1}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;width:100%;object-fit:cover}
h1,h2,h3,p{margin:0}
h1,h2,h3,.wordmark{font-family:var(--display);font-weight:800;line-height:1}
[dir=rtl] :is(h1,h2,h3):not([lang=en]){font-family:var(--body);line-height:1.3;letter-spacing:normal}
:focus-visible{outline:2px solid #115cd0;outline-offset:4px}
.skip{position:absolute;z-index:3;inset-inline-start:1rem;top:-7rem;background:#fff;padding:.8rem}
.skip:focus{top:1rem}
.wrap,.header-inner{width:min(100% - 2 * var(--edge),1370px);margin-inline:auto}
.header{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:2}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.wordmark{direction:ltr;white-space:nowrap;font-size:clamp(26px,3vw,39px);font-weight:900;letter-spacing:-.035em;display:inline-flex;gap:.18em;align-items:center}
.wordmark span{color:inherit}
.header nav,.header-actions,.footer-links{display:flex;align-items:center;gap:clamp(18px,3vw,45px)}
.header nav a,.header-actions button,.footer-links a{font-weight:700;font-size:.94rem}
.header nav a:hover,.footer-links a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.header nav a[aria-current=page]{box-shadow:0 2px 0 var(--orange)}
.header-actions{gap:14px}
.language,.menu{border:0;background:none;padding:7px 3px;min-height:44px;color:var(--ink)}
.menu{display:none}
.hero{display:grid;grid-template-columns:46% 54%;background:radial-gradient(ellipse at 42% 115%,#43251b 0%,#1c1917 41%,var(--ink) 72%);color:#fff;min-height:min(520px,46vw)}
.hero-copy{align-self:center;padding:clamp(40px,6vw,100px) max(var(--edge),calc((100vw - 1370px)/2));padding-inline-end:clamp(22px,3vw,54px)}
.hero h1{font-size:clamp(54px,7.6vw,127px);letter-spacing:-.032em;font-weight:900;line-height:.84;text-align:start;white-space:nowrap}
[dir=rtl] .hero h1{text-align:right}
.hero-line{display:block}
.hero-period{color:var(--orange)}
.hero-copy p{max-width:32ch;margin:24px 0;color:#eee4d8}
.hero-media{position:relative;min-width:0;min-height:0;overflow:hidden;background:#ad795d;perspective:1200px}
.hero-stage{position:absolute;inset:0;overflow:hidden;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.055);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.hero-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,#28181136,transparent 42%,#f9c7a513 70%,#1a0d0933)}
.hero-image{height:100%;min-height:0;object-position:64% center}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:48px;border:2px solid transparent;font-weight:800;line-height:1.3;text-align:center;transition:background .18s,color .18s}
.orange{background:var(--orange);color:#16120f}.orange:hover{background:#ff7649}
.outline{border-color:#fff;color:#fff}.outline:hover{background:#fff;color:var(--ink)}
.ink{background:var(--ink);color:#fff}.ink:hover{background:#fff;color:var(--ink)}
.home-collection{padding-block:42px 48px}
.section-top,.band-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.section-top{margin-bottom:19px}
h2{font-size:clamp(32px,4.2vw,55px);letter-spacing:-.018em}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tile{position:relative;isolation:isolate;display:flex;align-items:end;min-height:150px;aspect-ratio:1.48;background:#41372f;color:#fff;overflow:hidden}
.tile img{position:absolute;inset:0;height:100%;z-index:-2;transition:transform .28s}
.tile::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 45%,#000a)}
.tile:hover img{transform:scale(1.045)}
.tile span{padding:12px 18px;font-size:clamp(19px,2.3vw,32px);line-height:1.3;font-weight:800}
.store-band{background:linear-gradient(110deg,var(--orange) 30%,#ff7742 100%);color:var(--ink)}
.band-inner{padding-block:26px}
.footer{background:var(--ink);color:#fff}
.footer-inner{min-height:110px;padding-block:20px;flex-wrap:wrap}
.footer .wordmark{font-size:26px}.footer small{color:#d9d1c5}
.footer-links{gap:20px}
.interior{padding-block:clamp(32px,6vw,75px) clamp(65px,9vw,125px)}
.interior h1{font-size:clamp(46px,7.5vw,96px);margin-bottom:24px;letter-spacing:-.024em}
.editorial{display:grid;grid-template-columns:1fr 1fr;background:#e9e3d8;min-height:280px}
.editorial img{height:100%;min-height:280px}
.editorial-copy{padding:clamp(23px,5vw,60px);align-self:center}
.editorial-copy p,.store-detail p{margin-bottom:20px;max-width:50ch}
.editorial-copy h2{margin-bottom:16px}
.back{margin-bottom:17px}.search-row{display:grid;max-width:500px;gap:7px}
.search-row label{font-weight:800}
.search-row input{border:1px solid #82786d;border-radius:0;background:#fff;color:var(--ink);min-height:52px;padding:11px 14px;width:100%}
.store-note{color:var(--muted);margin:13px 0 21px}
.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.store-card{background:#fff;border-top:3px solid var(--orange);padding:22px;display:grid;gap:12px;align-content:start}
.store-card h2{font-size:clamp(29px,3vw,40px)}
.store-card p{color:var(--muted)}
.store-card .actions{margin-top:5px;align-items:center}
.all-stores{margin-top:18px}.store-detail,.story{max-width:940px}.store-detail dl{margin:22px 0}.store-detail dt{font-weight:800}.store-detail dd{margin:0 0 16px}
.story-nav{display:flex;flex-wrap:wrap;column-gap:clamp(14px,3vw,36px);margin-bottom:28px;border-block:1px solid var(--line)}
.story-nav a{font-size:.94rem}
.story-milestones{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,45px)}
.story-milestones>div{padding:14px 0 18px;border-block-start:3px solid var(--orange)}
.story-milestones strong{font:900 clamp(48px,7vw,75px)/.9 var(--display);display:block;margin-bottom:14px}
.story-milestones h2{font-size:clamp(26px,3vw,40px);margin-bottom:10px}
.story p,.story-services dd{max-width:66ch}
.story-today{margin-block:6px 28px}
.story-section{padding-block:26px;border-block-start:1px solid var(--line)}
.story-section h2{margin-bottom:14px}
.story-section p+p{margin-top:12px}
.story-services{display:grid;grid-template-columns:1fr 1fr;gap:17px 32px;margin:0}
.story-services>div{padding-inline-start:14px;border-inline-start:3px solid var(--orange)}
.story-services dt{font-weight:800;font-size:1.12rem;margin-bottom:4px}
.story-services dd{margin:0}
.story [tabindex="-1"]{scroll-margin-block-start:20px}
[dir=rtl] .story p,[dir=rtl] .story-services dd{font-size:clamp(16px,1.8vw,18px);line-height:1.95}
[dir=rtl] .story-milestones strong{font-family:var(--arabic);line-height:1.05}
.empty{padding:20px;background:#fff;border-inline-start:4px solid var(--orange)}
@media(max-width:980px){.hero h1{font-size:clamp(52px,7.7vw,83px)}.hero-copy p{margin-block:19px}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .header-inner{height:61px;gap:10px}.header nav{display:none;position:absolute;top:100%;inset-inline:0;padding:12px var(--edge) 18px;background:#fff;box-shadow:0 5px 8px #0002}.header nav.open{display:grid;gap:4px}.header nav a{padding:11px 0;width:max-content}.menu{display:inline-block}.header-actions{gap:10px}
  .hero{display:grid;grid-template-columns:1fr;min-height:0}.hero-copy{padding:27px var(--edge) 24px}.hero h1{font-size:clamp(52px,14.2vw,103px)}.hero-copy p{margin:16px 0 17px}.hero-image{height:auto;aspect-ratio:1.54;object-position:63% 54%}.actions{gap:9px}.button{padding-inline:14px}.home-collection{padding-block:29px 32px}.section-top{align-items:baseline;gap:12px}.section-top .text-link{font-size:.9rem;line-height:1.2;text-align:end}.tiles{gap:9px}.tile{aspect-ratio:1.04;min-height:0}.tile span{padding:8px 7px;font-size:clamp(13px,3.7vw,21px)}.band-inner{padding-block:20px}.band-inner h2{font-size:clamp(28px,7vw,43px)}.footer-inner{gap:12px}.footer small{flex-basis:100%}.editorial{grid-template-columns:1fr}.editorial img{height:auto;min-height:0;aspect-ratio:1.4}.story-milestones{gap:16px}
  .hero-media{aspect-ratio:1.54}.hero-image{height:100%}
}
@media(max-width:560px){.story-milestones,.story-services{grid-template-columns:1fr}.story-milestones>div{padding-bottom:8px}.story-today{margin-top:18px}}
@media(max-width:440px){.store-grid{grid-template-columns:1fr}.store-card{padding:18px}.section-top h2{font-size:30px}.footer-links{gap:13px}.footer-links a{font-size:.85rem}.wordmark{font-size:24px}.header-actions button{font-size:.85rem}}

/* Depth follows the editorial layout. Text and controls keep their normal hit areas. */
:root{--settle:cubic-bezier(.22,1,.36,1)}
.tile,.store-card{
  transform:perspective(960px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
  transition:transform .48s var(--settle),box-shadow .42s var(--settle);
}
.tile{box-shadow:0 10px 24px -19px #302014a6}
.tile img{transition:transform .62s var(--settle)}
.tile span{transition:transform .42s var(--settle)}
.tile:focus-visible span{transform:translateY(-3px)}
.store-card{
  background:linear-gradient(145deg,#fff 44%,#faf6ef);
  box-shadow:0 12px 27px -23px #30201473;
}
.editorial{box-shadow:0 18px 38px -32px #3020149c}
.button{
  transition:transform .28s var(--settle),box-shadow .28s var(--settle),background-color .18s,color .18s;
}
.button:active{transform:perspective(640px) translateZ(-8px) scale(.97)}
.wordmark,.header nav a,.story-milestones>div,.story-services>div{
  transition:transform .4s var(--settle);
}
.search-row input{transition:border-color .2s,box-shadow .25s}
.search-row input:focus{border-color:#ba461e;box-shadow:0 5px 16px -8px #71361673}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .tile:hover,.store-card:hover{
    position:relative;z-index:1;
    transform:perspective(960px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
    box-shadow:0 19px 38px -20px #38241aa6;
  }
  .tile:hover img{transform:scale(1.075)}
  .tile:hover span{transform:translateY(-5px)}
  .button:hover:not(:active){transform:perspective(640px) translateY(-2px) translateZ(12px);box-shadow:0 8px 20px -12px #150c06a6}
  .wordmark:hover,.header nav a:hover,.story-milestones>div:hover,.story-services>div:hover{
    transform:perspective(900px) translateY(-2px) translateZ(6px);
  }
}

@media (prefers-reduced-motion:no-preference){
  .page.interior:not([hidden]){animation:page-depth .54s var(--settle);transform-origin:center top}
  .hero h1,.hero-copy .actions{perspective:950px}
  .hero-line,.hero-copy p,.hero-copy .actions{animation:stage-arrival .7s cubic-bezier(.22,1,.36,1) both}
  .hero-line:nth-child(2){animation-delay:.065s}
  .hero-copy p{animation-delay:.11s}
  .hero-copy .actions{animation-delay:.15s}
  .hero-image{animation:image-arrival .9s cubic-bezier(.22,1,.36,1) both}
  .tile{animation:page-arrival .56s var(--settle) both}
  .tile:nth-child(2){animation-delay:.055s}
  .tile:nth-child(3){animation-delay:.11s}
  .store-card{animation:page-arrival .43s var(--settle) both}
  .store-card:nth-child(3n+2){animation-delay:.035s}
  .store-card:nth-child(3n+3){animation-delay:.07s}
  .entered{animation:section-arrival .58s var(--settle)}
  @media(max-width:720px){
    .header nav.open{animation:menu-arrival .28s cubic-bezier(.22,1,.36,1) both;transform-origin:top}
    .hero-line,.hero-copy p,.hero-copy .actions{animation-duration:.48s}
    .hero-image{animation-duration:.6s}
  }
}
@keyframes page-arrival{from{opacity:.68;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes page-depth{from{opacity:.76;transform:perspective(1800px) translateY(9px) rotateX(-2deg)}to{opacity:1;transform:none}}
@keyframes section-arrival{from{opacity:.86;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes stage-arrival{from{opacity:.55;transform:perspective(950px) translateY(16px) translateZ(-45px) rotateX(-9deg)}to{opacity:1;transform:none}}
@keyframes image-arrival{from{opacity:.78;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes menu-arrival{from{opacity:.72;transform:perspective(750px) rotateX(-8deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  .hero-stage,.tile,.tile:hover img,.tile:focus-visible span,.store-card,.button:active{transform:none}
}