@font-face{font-family:Alexandria;src:url('/assets/fonts/alexandria-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Alexandria;src:url('/assets/fonts/alexandria-arabic-600-normal.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Alexandria;src:url('/assets/fonts/alexandria-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF}
:root{color-scheme:dark;--bg:#211713;--ink:#f7eddf;--muted:#c8b7a8;--gold:#e4bc75;--line:#f4dcb224}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:radial-gradient(ellipse at 100% 10%,#65432a44,transparent 40%),radial-gradient(ellipse at 0 40%,#78513520,transparent 45%),var(--bg);color:var(--ink);font-family:Alexandria,Arial,sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}a:hover{color:var(--gold)}em{font-style:normal;color:var(--gold)}p,h1,h2,h3,figure{margin:0}button[hidden]{display:none}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.glass{background:linear-gradient(135deg,#ffffff10,#ffffff04);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff0b,0 20px 55px #100a0817;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.skip{position:fixed;top:-100px;right:20px;background:var(--gold);color:var(--bg);z-index:100;padding:12px}.skip:focus{top:8px}.site-header{position:relative;z-index:10;width:min(1340px,calc(100% - 64px));margin:24px auto 0;border-radius:22px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;line-height:1.6;font-size:16px;flex-shrink:0}.brand img{border-radius:50%;object-fit:cover}.brand small{display:block;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-top:4px}nav{display:flex;gap:36px;font-size:12px}nav a{padding:10px 0}.header-contact{font-size:12px;padding:8px 16px;border:1px solid #e4bc7545;border-radius:30px}.header-contact span{margin-right:18px;color:var(--gold)}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:70px;padding-block:70px 90px;min-height:700px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--gold);margin-bottom:20px}.eyebrow span{margin-left:10px}h1{font-size:clamp(38px,4.4vw,63px);font-weight:600;line-height:1.65;letter-spacing:-2px}h1 em{font-weight:400}.intro{color:var(--muted);font-size:14px;line-height:2.3;margin-top:22px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:12px 22px;border-radius:12px;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.gold{background:linear-gradient(120deg,#eaca91,#d4ac66);color:#2c2118;box-shadow:0 8px 30px #d9ae5520}.gold:hover{color:#1b110c;background:#f3d7a3}.outline{border:1px solid #e4bc7533;background:#ffffff03}.hero-note{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--muted);margin-top:38px}.tiny-line{height:1px;width:32px;background:var(--gold)}.hero-visual{position:relative;padding:0 25px 0 0}.photo-frame{position:relative;border-radius:150px 150px 24px 24px;overflow:hidden;aspect-ratio:4/4.7;border:1px solid #edcc8f55;box-shadow:0 25px 80px #0004}.photo-frame:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 70px #21171333;pointer-events:none}.hero-image{width:100%;height:100%;object-fit:cover;object-position:45% 45%}.photo-number{position:absolute;bottom:24px;left:24px;letter-spacing:3px;font-size:9px;text-shadow:0 1px 6px #000}.floating-note{position:absolute;bottom:35px;right:-24px;display:flex;gap:20px;align-items:center;border-radius:18px;padding:20px 26px;background:#3b2c22ba;box-shadow:0 12px 40px #0003;font-size:17px}.floating-note small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.star{font-size:39px;color:var(--gold);line-height:1}.vertical-label{position:absolute;right:0;top:60px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:var(--muted)}.ribbon{display:flex;justify-content:center;align-items:center;gap:50px;white-space:nowrap;overflow:hidden;padding:22px 0;border-block:1px solid var(--line);color:#cbb69b;background:#ffffff03;font-size:17px;letter-spacing:2px}.ribbon i{color:var(--gold);font-size:14px;font-style:normal}.section{padding-block:100px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.8;letter-spacing:-1px}.section-heading>p{font-size:12px;color:var(--muted);line-height:2.2}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.collection-card.offset{padding-top:48px}.collection-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid var(--line);transition:filter .25s}.collection-card a:hover img{filter:brightness(1.07)}figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:14px}figcaption small{font-size:7px;letter-spacing:1px;color:var(--muted)}.collection-foot{text-align:center;margin-top:44px;color:var(--muted);font-size:12px}.collection-foot a{color:var(--gold);display:inline-block;padding:10px 5px}.text-link{font-size:12px;border-bottom:1px solid #e4bc7560;padding-bottom:8px;color:var(--gold);display:inline-block}.text-link span{margin-right:18px}.moments{background:radial-gradient(ellipse at 50% 80%,#765c3e24,transparent 65%),#17120f;border-block:1px solid var(--line)}.moments .section-heading{margin-bottom:12px}.section-intro{color:var(--muted);font-size:12px;margin-bottom:32px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:auto}.video-card{border-radius:20px;overflow:hidden}.video-stage{aspect-ratio:9/14;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 30% 15%,#a0865844,transparent 60%),linear-gradient(130deg,#352a24,#1b1613);overflow:hidden}.video-card:nth-child(2) .video-stage{background:radial-gradient(ellipse at 70% 80%,#b28f6244,transparent 65%),#29211c}.video-monogram{font-size:130px;line-height:1;color:#e4bc7524;position:absolute;top:20%;transform:rotate(15deg)}.video-index{position:absolute;top:22px;left:24px;font-size:9px;letter-spacing:3px;color:var(--muted)}.play-button{position:relative;display:flex;align-items:center;flex-direction:column;gap:15px;color:var(--ink);background:transparent;border:0;cursor:pointer;font-size:12px;padding:16px}.play-icon{font-family:Arial,sans-serif;width:64px;height:64px;display:grid;place-items:center;border:1px solid #ffe9bb66;border-radius:50%;background:#ffffff0c;backdrop-filter:blur(8px);font-size:32px;color:var(--gold);direction:ltr}.play-button:hover .play-icon{background:#e4bc7528}.video-decoration{position:absolute;bottom:32px;font-size:11px;color:var(--muted)}.video-fallback{display:flex;justify-content:space-between;padding:18px 22px;font-size:11px}.video-fallback span{color:var(--gold)}.video-stage iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.video-help{text-align:center;color:var(--muted);font-size:10px;margin-top:24px}.hours{border-radius:16px;padding:18px 25px;display:flex;align-items:center;gap:18px;font-size:13px}.hours small{display:block;color:var(--muted);font-size:11px}.clock{font-size:32px;color:var(--gold)}.branches-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.branch{position:relative;border-radius:20px;padding:38px;overflow:hidden}.branch-no{position:absolute;left:30px;top:18px;font-size:60px;color:#e4bc751c;line-height:1.6}.branch .eyebrow{font-size:10px;margin-bottom:8px}.branch h3{font-size:28px;text-align:right;font-weight:400;margin-bottom:16px}.branch p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:85%;margin-bottom:30px}.contact-banner{margin-top:70px;border-radius:24px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(ellipse at 0 100%,#b78a4729,transparent 75%),#ffffff04}.contact-banner .eyebrow{margin-bottom:6px}.contact-banner h2{font-size:30px}.contact-banner p:not(.eyebrow){color:var(--muted);font-size:11px;margin-top:12px}.contact-actions{flex-shrink:0;display:grid;gap:16px;text-align:center}.phone{font-size:11px}.phone bdi{margin-right:10px;color:var(--gold)}footer{padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:0 36px}.social-links{display:flex;gap:28px;direction:ltr;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.footer-bottom span span{color:var(--gold);margin-right:8px}
@media(min-width:1600px){.hero{min-height:780px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:40px}.actions{gap:8px}.button{padding:12px 16px;gap:15px}.site-header{padding:12px 16px}nav{gap:20px}figcaption{display:block}figcaption small{display:block;margin-top:6px}.floating-note{padding:16px 18px}.contact-banner{padding:32px}.contact-banner h2{font-size:27px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 24px);margin-top:12px;border-radius:18px;flex-wrap:wrap;padding:12px 16px;gap:10px}.brand img{width:44px;height:44px}.brand{font-size:14px;gap:8px}.brand small{font-size:6px;letter-spacing:1px}.header-contact{margin-right:auto;font-size:10px;padding:8px 12px}.header-contact span{margin-right:8px}nav{order:3;width:100%;justify-content:space-around;border-top:1px solid var(--line);padding-top:4px;font-size:11px;gap:6px}.hero{grid-template-columns:1fr;gap:34px;padding-block:38px 58px;min-height:0}.hero-copy{text-align:center}.eyebrow{font-size:10px;margin-bottom:16px}h1{font-size:40px;letter-spacing:-1.5px;line-height:1.65}.intro{font-size:12px;line-height:2.2;margin-top:16px}.desktop-break{display:none}.actions{justify-content:center;margin-top:24px;gap:10px}.button{min-height:49px;font-size:11px;padding:11px 16px}.hero-note{justify-content:center;margin-top:23px;font-size:9px}.hero-visual{width:min(410px,100% - 22px);margin:0 auto;padding-right:20px}.photo-frame{border-radius:110px 110px 18px 18px;aspect-ratio:4/4.6}.floating-note{right:-10px;bottom:25px;font-size:14px;padding:15px 20px}.floating-note small{font-size:9px}.star{font-size:30px}.vertical-label{font-size:7px;letter-spacing:2px}.ribbon{gap:25px;font-size:12px;padding:17px 20px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:16px;font-size:11px}h2{font-size:30px}.collection-grid{grid-template-columns:1fr 1fr;gap:14px}.collection-card.offset{padding-top:32px}.collection-card:last-child{grid-column:1/-1;max-width:65%;justify-self:center;margin-top:16px}figcaption{font-size:12px}figcaption small{font-size:6px;letter-spacing:.8px}.collection-foot{font-size:11px;margin-top:26px}.moments .text-link{margin-top:16px}.video-grid{gap:14px;grid-template-columns:1fr;max-width:320px}.video-stage{aspect-ratio:9/12}.video-card+.video-card{margin-top:12px}.video-monogram{font-size:140px}.hours{width:fit-content;margin-top:24px;padding:15px 20px}.branches-grid{grid-template-columns:1fr;gap:14px}.branch{padding:28px}.branch h3{font-size:26px}.branch p:not(.eyebrow){font-size:12px;max-width:100%}.branch-no{font-size:48px}.contact-banner{display:block;padding:28px 22px;margin-top:36px}.contact-banner h2{font-size:25px}.contact-actions{margin-top:25px}.contact-banner p:not(.eyebrow){line-height:2.2}.footer-top{flex-direction:column;align-items:flex-start;gap:26px}.social-links{width:100%;justify-content:space-between;font-size:10px;gap:8px}.footer-bottom{flex-direction:column;gap:12px;font-size:8px}footer .brand img{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
