@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');

:root{
  --bg:#f7f7f6;
  --white:#fff;
  --ink:#171719;
  --muted:#77777b;
  --line:#e7e7e5;
  --accent:#b06f91;
  --accent-dark:#89556f;
  --shadow:0 18px 45px rgba(25,25,25,.10);
  --radius:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img,video{display:block;max-width:100%}

.header{
  height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1180px)/2));
  position:sticky;top:0;z-index:100;
}
.logo{
  width:62px;height:62px;border-radius:20px;overflow:hidden;background:#111;
  box-shadow:0 5px 15px rgba(0,0,0,.12);
}
.logo img{width:100%;height:100%;object-fit:cover}
.nav{display:flex;align-items:center;gap:7px}
.nav a{padding:11px 14px;border-radius:12px;font-size:14px;color:#555;transition:.2s}
.nav a:hover,.nav a.active{background:#f0eeee;color:#111}
.menu-btn{
  display:none;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:#444
}

.page{width:min(1180px,calc(100% - 32px));margin:auto}
.hero{padding:72px 0 48px;text-align:center}
.hero h1{font:600 clamp(52px,9vw,92px)/.98 "Playfair Display",serif;letter-spacing:-.045em}
.hero h1 span{color:var(--accent)}
.hero p{max-width:600px;margin:22px auto 0;color:var(--muted);font-size:16px;line-height:1.75}
.hero-btn{
  display:inline-flex;margin-top:27px;background:var(--accent);color:white;padding:13px 22px;
  border-radius:10px;font-size:14px;box-shadow:0 8px 20px rgba(176,111,145,.22)
}

.media-feed{display:flex;flex-direction:column;gap:26px;padding:20px 0 80px}
.media-card{
  background:#000;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);
  position:relative;isolation:isolate;
}
.media-card img,.media-card video{width:100%;height:auto;max-height:790px;object-fit:cover}
.media-card.vertical img,.media-card.vertical video{aspect-ratio:9/16}
.media-info{
  position:absolute;left:0;right:0;bottom:0;padding:65px 28px 25px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.78));z-index:2;
}
.media-info h2{font:500 clamp(30px,5vw,48px) "Playfair Display",serif}
.media-info p{font-size:13px;color:#eee;margin-top:5px}
.media-badge{
  position:absolute;top:17px;left:17px;background:rgba(255,255,255,.88);color:#222;
  padding:7px 11px;border-radius:999px;font-size:10px;z-index:3
}
.video-card video{background:#000}

  width:min(150px,20vw);aspect-ratio:1;margin:auto;border-radius:50%;
  background:conic-gradient(var(--accent) var(--progress),#dfe1e3 0);
  display:grid;place-items:center;position:relative;
}

.about{padding:80px 0}
.about-head{text-align:center;margin-bottom:48px}
.about-head h1{font:500 clamp(48px,7vw,74px) "Playfair Display",serif}
.about-head p{color:var(--muted);max-width:600px;margin:18px auto;line-height:1.75}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-photo{border-radius:22px;overflow:hidden;background:#ddd}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-copy{background:white;border-radius:22px;padding:38px;display:flex;flex-direction:column;justify-content:center}
.about-copy h2{font:500 42px "Playfair Display",serif}.about-copy h2 span{color:var(--accent)}
.about-copy p{color:var(--muted);line-height:1.8;margin-top:18px}
.about-facts{margin-top:28px;border-top:1px solid var(--line)}
.fact{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.fact span{color:#888}

.gallery{padding:70px 0}.gallery-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.gallery-head h1{font:500 56px "Playfair Display",serif}.gallery-head p{color:var(--muted)}
.gallery-grid{columns:2 320px;column-gap:20px}.gallery-item{break-inside:avoid;margin-bottom:20px;border-radius:20px;overflow:hidden;background:#ddd;box-shadow:0 7px 25px rgba(0,0,0,.06)}.gallery-item img{width:100%;height:auto;transition:.35s}.gallery-item:hover img{transform:scale(1.015)}

.contact{padding:85px 0}.contact-inner{max-width:760px;margin:auto;text-align:center;background:white;border-radius:28px;padding:60px 30px;box-shadow:var(--shadow)}
.contact-inner h1{font:500 clamp(48px,7vw,76px) "Playfair Display",serif}.contact-inner h1 span{color:var(--accent)}
.contact-inner p{color:var(--muted);line-height:1.8;margin:18px auto;max-width:550px}
.socials{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.socials a{background:#f3f2f2;padding:12px 17px;border-radius:11px;font-size:13px}.socials a:hover{background:#e9e7e7}

.footer{background:#57485a;color:#fff;margin-top:30px;padding:55px max(24px,calc((100% - 1180px)/2)) 25px}
.footer h2{font:500 34px "Playfair Display",serif}.footer p{color:#ddd;margin-top:20px;max-width:550px;line-height:1.7}.footer-row{display:flex;gap:10px;margin-top:24px}.footer-row a{width:43px;height:43px;border-radius:10px;background:white;color:#57485a;display:grid;place-items:center;font-weight:600}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:45px;padding-top:22px;text-align:center;color:#d7cfd8;font-size:12px}

.mobile-menu{position:fixed;inset:0;background:white;z-index:150;transform:translateX(100%);transition:.3s;padding:24px}.mobile-menu.open{transform:none}.mobile-top{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:none;font-size:34px;color:#777}.mobile-links{margin-top:60px}.mobile-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;font:500 28px "Playfair Display",serif}.mobile-links small{font:11px "DM Sans";color:#999}

@media(max-width:720px){
 .header{height:76px}.logo{width:58px;height:58px}.nav{display:none}.menu-btn{display:block}
 .hero{padding:52px 0 28px}.hero h1{font-size:55px}.hero p{font-size:14px}
 .media-feed{gap:17px}.media-card{border-radius:18px}.media-info{padding:60px 18px 18px}.media-info h2{font-size:34px}
 .about-grid{grid-template-columns:1fr}.about{padding:55px 0}.about-copy{padding:28px}.about-copy h2{font-size:37px}
 .gallery-head{display:block}.gallery-head h1{font-size:47px}.gallery-head p{margin-top:8px}
 .contact{padding:55px 0}.contact-inner{padding:45px 20px}
 .footer{padding-top:42px}
}


.youtube-card iframe{
  display:block;
  width:100%;
  aspect-ratio:9/16;
  min-height:520px;
  border:0;
  background:#000;
}
@media(max-width:720px){
  .youtube-card iframe{min-height:0;height:auto}
}


/* Modern contact page */
.contact-page{padding:72px 0 90px}
.contact-modern{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  gap:54px;
  align-items:start;
}
.contact-intro{padding:22px 0}
.eyebrow{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--accent);
  margin-bottom:18px;
}
.contact-intro h1{
  font:500 clamp(52px,7vw,82px)/.95 "Playfair Display",serif;
  letter-spacing:-.04em;
}
.contact-intro h1 span{color:var(--accent)}
.contact-intro>p{
  color:var(--muted);
  line-height:1.8;
  font-size:16px;
  max-width:440px;
  margin-top:24px;
}
.contact-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid var(--line);
  max-width:440px;
}
.note-dot{
  width:10px;height:10px;border-radius:50%;
  background:#76a875;margin-top:5px;flex:none;
  box-shadow:0 0 0 5px rgba(118,168,117,.12);
}
.contact-note strong,.contact-note span{display:block}
.contact-note strong{font-size:13px}
.contact-note span{color:#999;font-size:12px;margin-top:4px}

.contact-form{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:32px;
  box-shadow:0 20px 55px rgba(25,25,25,.07);
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}
.form-grid label{display:block}
.form-grid label.full{grid-column:1/-1}
.form-grid label>span{
  display:block;
  font-size:13px;
  font-weight:600;
  margin-bottom:9px;
}
.form-grid label>span b{color:var(--accent);font-weight:600}
.form-grid input,.form-grid textarea{
  width:100%;
  border:1px solid #dedede;
  background:#fafafa;
  border-radius:13px;
  padding:14px 15px;
  font:400 14px "DM Sans",Arial,sans-serif;
  color:var(--ink);
  outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.form-grid input{height:50px}
.form-grid textarea{min-height:160px;resize:vertical;line-height:1.6}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#aaa}
.form-grid input:focus,.form-grid textarea:focus{
  background:#fff;border-color:var(--accent);
  box-shadow:0 0 0 4px rgba(176,111,145,.10);
}
.form-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-top:24px;padding-top:20px;border-top:1px solid var(--line);
}
.form-bottom p{font-size:11px;color:#999;line-height:1.5;max-width:270px}
.form-bottom button{
  border:0;background:var(--accent);color:#fff;
  padding:14px 21px;border-radius:12px;
  font:600 13px "DM Sans",Arial,sans-serif;
  cursor:pointer;box-shadow:0 9px 24px rgba(176,111,145,.25);
  transition:transform .2s,background .2s;
}
.form-bottom button:hover{transform:translateY(-2px);background:var(--accent-dark)}
.form-bottom button span{margin-left:8px;font-size:16px}

@media(max-width:850px){
  .contact-modern{grid-template-columns:1fr;gap:28px}
  .contact-intro{padding:10px 0}
  .contact-intro>p,.contact-note{max-width:650px}
}
@media(max-width:600px){
  .contact-page{padding:48px 0 65px}
  .contact-form{padding:21px;border-radius:22px}
  .form-grid{grid-template-columns:1fr;gap:18px}
  .form-grid label.full{grid-column:auto}
  .form-bottom{align-items:flex-end;flex-direction:column}
  .form-bottom p{max-width:none;width:100%}
  .form-bottom button{width:100%;padding:15px}
}

/* Header logo: no broken-image dependency */
.logo{display:grid;place-items:center;background:#111;color:#fff;text-align:center;font:700 11px/1 "DM Sans",Arial,sans-serif;letter-spacing:.04em}
.logo span{opacity:.98}.logo b{font-size:15px;letter-spacing:.02em}
.logo:hover{color:#fff}

/* Gallery */
.gallery-head{text-align:center;justify-content:center}
.gallery-head h1{font-size:64px;letter-spacing:-.04em}
.gallery-head p{margin-top:10px}
.gallery-grid{columns:1;max-width:760px;margin:0 auto}
.gallery-item{display:block;width:100%;padding:0;border:0;cursor:pointer;text-align:left;break-inside:avoid;margin-bottom:22px;border-radius:22px;overflow:hidden;background:#ddd;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.gallery-item img{width:100%;height:auto;transition:transform .35s,filter .35s}.gallery-item:hover img{transform:scale(1.012);filter:brightness(.96)}

/* Full-screen photo viewer */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.90);z-index:300;display:none;align-items:center;justify-content:center;padding:34px 46px}
.lightbox.open{display:flex}
.lightbox-content{width:min(760px,calc(100vw - 150px));height:min(90vh,900px);display:flex;align-items:center;justify-content:center}
.lightbox-content img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.lightbox-close{position:absolute;right:22px;top:16px;border:0;background:transparent;color:#fff;font-size:48px;line-height:1;cursor:pointer;font-weight:200}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:76px;border:0;background:rgba(0,0,0,.52);color:#fff;font-size:46px;font-weight:200;cursor:pointer;display:grid;place-items:center}
.lightbox-prev{left:0}.lightbox-next{right:0}
@media(max-width:720px){
 .gallery{padding:54px 0}.gallery-head h1{font-size:54px}.gallery-head p{font-size:14px}
 .gallery-grid{max-width:none}.gallery-item{border-radius:18px;margin-bottom:16px}
 .lightbox{padding:20px 47px}.lightbox-content{width:calc(100vw - 94px);height:88vh}
 .lightbox-arrow{width:42px;height:64px;font-size:38px}.lightbox-close{right:12px;top:8px;font-size:42px}
}


/* V8 footer refinement */
.footer{padding:54px max(24px,calc((100% - 1180px)/2)) 24px;background:#57485a}
.footer-inner{max-width:1180px;margin:0 auto}
.footer h2{font-size:30px;line-height:1.25}
.footer p{font-size:15px;margin-top:20px;max-width:620px}
.footer-row{margin-top:24px}
.footer-divider{height:1px;background:rgba(255,255,255,.16);margin-top:34px}
.footer-bottom{border:0;margin-top:22px;padding-top:0}
.powered{text-align:center;color:#d7cfd8;font-size:12px;margin-top:14px}
.powered strong{font-weight:600}
@media(max-width:720px){
  .footer{padding:46px 24px 22px}
  .footer h2{font-size:27px;white-space:nowrap}
  .footer p{font-size:14px;line-height:1.65}
  .footer-divider{margin-top:32px}
  .powered{font-size:11px}
}
/* Local videos: keep the card clean and prevent any iframe/black-bottom artifact. */
.video-card video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#000;display:block}
@media(max-width:720px){.video-card video{min-height:0;height:auto}}


/* V9 professional video + footer */
.video-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#000;border:0;outline:0;pointer-events:auto}
.video-card{overflow:hidden}
.footer{margin-top:0;background:linear-gradient(145deg,#4f4352,#625067);padding:64px max(24px,calc((100% - 1180px)/2)) 24px}
.footer-inner{max-width:1180px;margin:auto}
.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.footer-kicker{display:block;font:700 11px/1 "DM Sans",Arial,sans-serif;letter-spacing:.22em;color:#d8c8d7;margin-bottom:13px}
.footer h2{margin:0;font:500 clamp(30px,4vw,46px)/1.08 "Playfair Display",serif;letter-spacing:-.025em}
.footer h2 span{color:#e1a7c6}
.footer p{color:#e7e0e7;margin:18px 0 0;max-width:610px;line-height:1.75;font-size:14px}
.footer-social{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.footer-social a{width:48px;height:48px;border-radius:14px;background:#fff;color:#57485a;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.12);transition:transform .2s,background .2s,color .2s}
.footer-social a:hover{transform:translateY(-3px);background:#f5eaf1;color:#8d5476}
.footer-social svg{width:21px;height:21px;fill:currentColor}
.footer-social a:nth-child(3) svg{fill:none}
.footer-divider{height:1px;background:rgba(255,255,255,.16);margin:44px 0 20px}
.footer-bottom{border:0;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#d9d1da;font-size:12px}
.footer-bottom strong{color:#fff;font-weight:700}
@media(max-width:720px){
 .footer{padding:48px 24px 22px}
 .footer-top{display:block}
 .footer-social{margin-top:26px}
 .footer-social a{width:46px;height:46px}
 .footer-divider{margin:34px 0 18px}
 .footer-bottom{flex-direction:column;gap:8px;text-align:center}
}

/* V10: branded header, modern menu and contact-rich footer */
.header{position:sticky;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:100;padding-left:max(22px,calc((100% - 1180px)/2));padding-right:max(22px,calc((100% - 1180px)/2));}
.header .logo{justify-self:start}
.logo-image{display:block;background:#111}
.logo-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.brand-center{justify-self:center;font:600 22px/1 "DM Sans",Arial,sans-serif;letter-spacing:.03em;color:#171719}
.menu-btn{justify-self:end}
.media-info h2{font-size:clamp(27px,5vw,44px);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.media-info{padding-bottom:28px}

.mobile-menu{width:min(520px,92vw);left:auto;right:0;inset-block:0;transform:translateX(105%);padding:20px 24px 24px;box-shadow:-25px 0 70px rgba(0,0,0,.12);overflow-y:auto}
.mobile-menu.open{transform:none}
.mobile-top{display:flex;justify-content:flex-end;padding-bottom:10px;border-bottom:1px solid var(--line)}
.menu-brand{display:none}
.close{font-size:38px;line-height:1;color:#222}
.menu-search{margin:10px 0 10px;position:relative}
.menu-search input{width:100%;height:52px;border:0;border-radius:28px;background:#f1f1f1;padding:0 48px 0 18px;font:14px "DM Sans";outline:none}
.menu-search span{position:absolute;right:18px;top:10px;font-size:27px;color:#444}
.mobile-links{margin-top:8px}
.mobile-links a{font:500 23px "DM Sans",Arial,sans-serif;padding:20px 2px;align-items:center}
.mobile-links a span{color:#222}.mobile-links small{font-size:11px;letter-spacing:.12em}
.menu-contact{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.menu-label{display:block;font-size:10px;letter-spacing:.2em;color:#999;margin-bottom:10px}
.menu-contact>a:not(.menu-cta){font-size:14px;color:#555;display:block;margin-bottom:18px}
.menu-cta{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#fff!important;padding:15px 17px;border-radius:12px;font-size:14px!important}
.menu-cta span{font-size:18px}

.footer{padding-top:56px}
.footer-top{align-items:flex-start}
.footer-copy{max-width:650px}
.footer-contact{min-width:230px;color:#f2edf2}
.footer-contact-title{font-size:10px;letter-spacing:.2em;color:#d8c8d7;margin-bottom:16px}
.footer-address{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.45;margin-bottom:18px}
.footer-address strong{font-size:14px;margin-bottom:3px}
.footer-line{display:flex;gap:10px;align-items:center;color:#eee7ee;font-size:13px;margin-top:10px}
.footer-line span{opacity:.92}
.footer-social{margin-top:28px}
.footer-bottom{font-size:12px}
@media(max-width:720px){
 .header{height:76px;grid-template-columns:58px 1fr 42px;padding:0 20px}
 .header .logo{justify-self:start}
 .brand-center{font-size:19px}
 .menu-btn{justify-self:end}
 .footer-top{display:block}
 .footer-copy{max-width:none}
 .footer-contact{margin-top:30px}
 .footer-social{margin-top:28px}
 .mobile-menu{padding:18px 20px 22px}
}


/* V12 — Indigo theme, dark mode, scroll reveals, and polished controls */
:root{
  --accent:#5367d9;
  --accent-dark:#3f50b8;
  --accent-soft:#e9edff;
  --footer-bg:#303653;
  --footer-bg-2:#414a73;
}
body{transition:background-color .3s ease,color .3s ease}
.header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.theme-toggle{
  justify-self:end;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;
  background:var(--white);color:var(--ink);display:grid;place-items:center;cursor:pointer;
  font:600 18px/1 "DM Sans",sans-serif;transition:transform .2s,background .2s,border-color .2s;
  margin-right:8px;box-shadow:0 5px 16px rgba(0,0,0,.06)
}
.theme-toggle:hover{transform:translateY(-2px);background:var(--accent-soft);border-color:var(--accent)}
.theme-icon{display:block;transform:rotate(-18deg)}
.header{grid-template-columns:1fr auto auto auto}
.header .logo{grid-column:1}.brand-center{grid-column:2}.theme-toggle{grid-column:3}.menu-btn{grid-column:4}
.contact-icon{width:21px;height:21px;fill:currentColor;flex:none}
.footer-line{font-size:14px}.footer-line span{line-height:1.2}
.footer{background:linear-gradient(145deg,var(--footer-bg),var(--footer-bg-2))}
.footer h2 span{color:#aebaff}
.footer-kicker{color:#c6cdf8}.footer-contact-title{color:#c6cdf8}
.footer-social a{color:var(--footer-bg)}
.footer-social a:hover{background:#eef1ff;color:var(--accent)}

/* Scroll animation inspired by the supplied reference video. */
@keyframes cardReveal{from{opacity:0;transform:translateY(38px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pageReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Dark theme */
html.dark-mode{color-scheme:dark}
body.dark-mode{--bg:#10131b;--white:#171b25;--ink:#f4f5fa;--muted:#aeb3c0;--line:#2a3040;background:var(--bg);color:var(--ink)}
body.dark-mode .header{background:rgba(16,19,27,.92);border-color:var(--line)}
body.dark-mode .brand-center{color:#f4f5fa}
body.dark-mode .theme-toggle{background:#1b2030;color:#f4f5fa;border-color:#343b50}
body.dark-mode .theme-toggle:hover{background:#252d43}
body.dark-mode .nav a{color:#b9bfcd}body.dark-mode .nav a:hover,body.dark-mode .nav a.active{background:#242a3a;color:#fff}
body.dark-mode .contact-inner,.dark-mode .contact-form,.dark-mode .about-copy{background:#171b25;border-color:var(--line)}
body.dark-mode .form-grid input,body.dark-mode .form-grid textarea{background:#11151d;border-color:#343b4a;color:#f4f5fa}
body.dark-mode .mobile-menu{background:#121620;color:#f4f5fa}
body.dark-mode .mobile-links a span{color:#f4f5fa}body.dark-mode .mobile-links a{border-color:var(--line)}
body.dark-mode .menu-search input{background:#202634;color:#fff}
body.dark-mode .close{color:#fff}
body.dark-mode .gallery-item{background:#1c212c}
body.dark-mode .footer{background:linear-gradient(145deg,#1d2333,#29324d)}
body.dark-mode .footer-social a{background:#f4f5fa;color:#222b43}
body.dark-mode .footer-divider{background:rgba(255,255,255,.12)}
body.dark-mode .hero-btn,.dark-mode .menu-cta,.dark-mode .form-bottom button{background:var(--accent)}
body.dark-mode .logo{box-shadow:0 6px 18px rgba(0,0,0,.35)}

@media(max-width:720px){
 .header{grid-template-columns:58px 1fr 36px 42px;padding:0 20px}
 .theme-toggle{width:32px;height:32px;margin-right:5px;font-size:16px}
 .brand-center{font-size:18px}
 .footer-line{font-size:14px}.contact-icon{width:22px;height:22px}
}


/* V13 — premium warm yellow accent */
:root{
  --accent:#F2C94C;
  --accent-dark:#C99B16;
  --accent-soft:#FFF4C7;
}
.hero h1 span,.about-copy h2 span,.contact-inner h1 span,.footer h2 span{color:#F2C94C !important}
.hero-btn,.menu-cta,.form-bottom button{background:#F2C94C !important;color:#171719 !important;border-color:#F2C94C !important}
.hero-btn:hover,.menu-cta:hover,.form-bottom button:hover{background:#FFD95A !important;color:#171719 !important;box-shadow:0 12px 30px rgba(242,201,76,.25)}
.theme-toggle:hover{background:#FFF4C7;border-color:#F2C94C;color:#171719}
.contact-icon,.phone-icon{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;display:block;fill:currentColor}
.footer-line{gap:10px;align-items:center}
.footer-social a:hover{background:#FFF4C7 !important;color:#C99B16 !important}

/* V13 — animate the entire experience */
.v13-reveal{opacity:0;transform:translateY(24px) scale(.985);will-change:transform,opacity}
.v13-reveal.v13-visible{opacity:1;transform:none;transition:opacity .72s ease var(--v13-delay,0ms),transform .72s cubic-bezier(.2,.8,.2,1) var(--v13-delay,0ms)}
.v13-pop{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-color .3s ease,color .3s ease}
.v13-pop:hover{transform:translateY(-4px) scale(1.01)}
img,video{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.gallery-item:hover img{transform:scale(1.025)}
.video-card:hover video{transform:scale(1.012);filter:brightness(1.04)}
.footer-social a,.theme-toggle,.menu-btn,.logo,.hero-btn,.menu-cta,.form-bottom button{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-color .3s ease,color .3s ease}
.menu-btn:hover,.logo:hover,.theme-toggle:hover{transform:translateY(-2px) scale(1.035)}
.footer-social a:hover{transform:translateY(-4px) scale(1.04)}
@media(prefers-reduced-motion:reduce){.v13-reveal{opacity:1;transform:none}.v13-reveal.v13-visible{transition:none}img,video{transition:none}}

/* Dark mode: keep the same yellow brand accent */
body.dark-mode{--accent:#FFD84D;--accent-dark:#E5B62D;--accent-soft:#3A3215}
body.dark-mode .hero-btn,body.dark-mode .menu-cta,body.dark-mode .form-bottom button{background:#FFD84D !important;color:#171719 !important}


/* V14 — yellow accents everywhere + card stack slider */
:root{
  --accent:#F2C94C !important;
  --accent-dark:#C99B16 !important;
  --accent-soft:#FFF4C7 !important;
  --footer-bg:#171717;
  --footer-bg-2:#242018;
}

/* Make every previous dusty-rose / blue accent use the brand yellow. */
.hero h1 span,.about-copy h2 span,.contact-inner h1 span,.footer h2 span,
.footer-kicker,.footer-contact-title,.eyebrow,.highlight,.accent{color:#F2C94C !important}
.hero-btn,.menu-cta,.form-bottom button{background:#F2C94C !important;color:#171717 !important}
.hero-btn:hover,.menu-cta:hover,.form-bottom button:hover{background:#FFD95A !important;color:#171717 !important}
.theme-toggle:hover{background:#FFF4C7 !important;border-color:#F2C94C !important;color:#171717 !important}
.footer-social a:hover{background:#FFF4C7 !important;color:#C99B16 !important}

/* Professional footer: neutral base, yellow brand details. */
.footer{background:linear-gradient(145deg,#151515,#262218) !important;color:#fff}
.footer-divider{background:rgba(242,201,76,.22) !important}
.footer-bottom strong{color:#F2C94C !important}

/* Stack slider */
.stack-slider{
  position:relative;
  width:min(760px,100%);
  margin:0 auto;
  height:clamp(520px,78vw,790px);
  touch-action:pan-y;
  user-select:none;
}
.stack-card{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  border-radius:24px !important;
  overflow:hidden;
  transform-origin:50% 100%;
  opacity:0;
  pointer-events:none;
  will-change:transform,opacity,filter;
  transition:transform .65s cubic-bezier(.22,.75,.2,1),opacity .45s ease,filter .45s ease,box-shadow .45s ease;
}
.stack-card img,.stack-card video{width:100% !important;height:100% !important;object-fit:cover !important;aspect-ratio:auto !important}
.stack-card.is-active{opacity:1;pointer-events:auto;z-index:5;transform:translate3d(0,0,0) scale(1);filter:none;box-shadow:0 24px 55px rgba(0,0,0,.18)}
.stack-card.stack-pos-1{opacity:.86;pointer-events:none;z-index:4;transform:translate3d(0,20px,0) scale(.965);filter:brightness(.86)}
.stack-card.stack-pos-2{opacity:.55;pointer-events:none;z-index:3;transform:translate3d(0,38px,0) scale(.93);filter:brightness(.72)}
.stack-card.stack-hidden{opacity:0;pointer-events:none;z-index:1;transform:translate3d(0,70px,0) scale(.88)}
.video-stack .media-info{padding-bottom:42px}
.stack-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:20;
  width:48px;height:68px;border:1px solid rgba(255,255,255,.18);border-radius:16px;
  background:rgba(15,15,15,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  color:#fff;font-size:42px;line-height:1;font-weight:300;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.18);
}
.stack-arrow:hover{background:#F2C94C;color:#171717;transform:translateY(-50%) scale(1.06);box-shadow:0 12px 30px rgba(242,201,76,.24)}
.stack-prev{left:16px}.stack-next{right:16px}
.stack-dots{
  position:absolute;z-index:25;left:50%;bottom:18px;transform:translateX(-50%);
  display:flex;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(0,0,0,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.stack-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.48);cursor:pointer;transition:.3s ease}
.stack-dots button.active{width:24px;border-radius:999px;background:#F2C94C}
.photo-stack{height:clamp(480px,80vw,780px);max-width:760px}
.photo-stack .stack-card{background:#111;box-shadow:0 20px 50px rgba(0,0,0,.14)}
.photo-stack .stack-card img{border-radius:24px}
.photo-stack .stack-card.is-active{cursor:zoom-in}

/* swipe feedback */
.stack-slider.is-dragging .stack-card{transition:none !important}
.stack-slider.is-dragging .is-active{cursor:grabbing}

@media(max-width:720px){
  .stack-slider{width:100%;height:calc(100vw * 1.45);min-height:500px;max-height:700px}
  .video-stack{height:calc((100vw - 32px) * 1.72);max-height:720px}
  .stack-card{border-radius:19px !important}
  .stack-arrow{width:40px;height:56px;font-size:34px;border-radius:13px}
  .stack-prev{left:10px}.stack-next{right:10px}
  .stack-dots{bottom:12px}
}

@media(prefers-reduced-motion:reduce){
  .stack-card{transition:none !important}
  .stack-arrow,.stack-dots button{transition:none !important}
}


/* V15 performance pass — keep the card slider GPU-friendly on phones. */
.stack-slider{contain:layout paint;isolation:isolate;}
.stack-card{contain:layout paint;}
.stack-card.stack-pos-1,.stack-card.stack-pos-2{filter:none;}
.stack-arrow,.stack-dots{backdrop-filter:none;-webkit-backdrop-filter:none;}
@media(max-width:720px){
  .stack-card{will-change:transform,opacity;}
  .stack-card.stack-pos-1{transform:translate3d(0,16px,0) scale(.97);}
  .stack-card.stack-pos-2{transform:translate3d(0,30px,0) scale(.94);}
  .video-card:hover video{transform:none;filter:none;}
}


/* V16 slider refinement — directional exits, smoother stack motion, and mobile-friendly compositing. */
.stack-slider{touch-action:pan-y;overscroll-behavior:contain;}
.stack-card{transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .38s ease,box-shadow .38s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.stack-card.stack-exit-left{opacity:0!important;transform:translate3d(-108%,0,0) rotate(-5deg) scale(.94)!important;z-index:8!important;pointer-events:none!important;}
.stack-card.stack-exit-right{opacity:0!important;transform:translate3d(108%,0,0) rotate(5deg) scale(.94)!important;z-index:8!important;pointer-events:none!important;}
.stack-card.is-active{z-index:6;}
.stack-card.stack-pos-1{z-index:4;}
.stack-card.stack-pos-2{z-index:3;}
.stack-arrow{transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;}
.stack-dots button{transition:width .28s cubic-bezier(.2,.8,.2,1),background-color .22s ease;}
@media(max-width:720px){
 .stack-card{transition:transform .46s cubic-bezier(.16,1,.3,1),opacity .34s ease,box-shadow .34s ease;}
 .stack-card.stack-exit-left{transform:translate3d(-115%,0,0) rotate(-4deg) scale(.96)!important;}
 .stack-card.stack-exit-right{transform:translate3d(115%,0,0) rotate(4deg) scale(.96)!important;}
}
@media(prefers-reduced-motion:reduce){.stack-card{transition:none!important}.stack-card.stack-exit-left,.stack-card.stack-exit-right{opacity:0!important}}

/* ================================================================
   AMANXD V18 — 3D editorial redesign, warm gold, responsive polish
   ================================================================ */
:root{--gold:#c9a45c;--gold-bright:#e7c77e;--ink:#0b0b0c;--paper:#f5f3ee;--surface:#fff;--muted:#85817a;--line:rgba(25,23,19,.12);--accent:var(--gold)}
body{background:var(--paper);color:#171716;transition:background .35s,color .35s}
body.dark-mode{--paper:#090909;--surface:#131313;--ink:#090909;--line:rgba(255,255,255,.12);background:#090909;color:#f4f1eb}
.header{background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand-center,.nav a,.theme-toggle{color:inherit}.nav a:hover,.brand-center:hover{color:var(--gold)}
.theme-toggle{border-color:var(--line)}.theme-toggle:hover{background:var(--gold);color:#111}
.hero-3d{min-height:min(790px,calc(100svh - 78px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3vw;position:relative;padding-top:90px;padding-bottom:110px;overflow:hidden}
.hero-copy{position:relative;z-index:3;max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:10px;letter-spacing:.2em;font-weight:800}.eyebrow i,.note-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px #c9a45c;display:inline-block}
.hero-3d h1{font-size:clamp(58px,8vw,116px);line-height:.91;letter-spacing:-.075em;font-weight:760;margin:28px 0 25px}.hero-3d h1 span{color:var(--gold);font-family:Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-.07em}
.hero-3d p{max-width:440px;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.8;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:28px;padding:15px 21px;background:var(--gold);color:#15130f;border-radius:4px;font-weight:750;box-shadow:0 12px 32px #c9a45c2b;transition:transform .25s,box-shadow .25s}.hero-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px #c9a45c40}.hero-quiet{color:inherit;border-bottom:1px solid var(--gold);padding:8px 0}.hero-meta{display:flex;gap:13px;align-items:center;margin-top:55px;font-size:9px;letter-spacing:.18em;color:var(--muted)}.hero-meta b{color:var(--gold);font-size:12px}
.hero-art{height:min(590px,65vw);min-height:390px;position:relative;display:grid;place-items:center;perspective:1000px;isolation:isolate}.art-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c9a45c36,transparent 68%);filter:blur(20px);animation:glowPulse 6s ease-in-out infinite alternate}.art-orbit{position:absolute;width:83%;aspect-ratio:1;border:1px solid #c9a45c55;border-radius:50%;transform:rotateX(68deg) rotateZ(-24deg);animation:orbitSpin 22s linear infinite}.orbit-two{width:66%;transform:rotateX(72deg) rotateZ(55deg);animation-duration:28s;animation-direction:reverse;border-color:#c9a45c33}.art-cube{width:clamp(170px,24vw,290px);aspect-ratio:1;position:relative;transform-style:preserve-3d;transform:rotateX(-28deg) rotateY(38deg);animation:cubeFloat 7s ease-in-out infinite}.art-cube span{position:absolute;inset:0;border:1px solid #f2d99b;background:linear-gradient(135deg,#e6c77b66,#9a743022 70%,#fff1c522);box-shadow:inset 0 0 35px #d4b36b22,0 0 24px #c9a45c20;backdrop-filter:blur(2px)}.art-cube span:nth-child(1){transform:translateZ(90px)}.art-cube span:nth-child(2){transform:rotateY(90deg) translateZ(90px)}.art-cube span:nth-child(3){transform:rotateY(180deg) translateZ(90px)}.art-cube span:nth-child(4){transform:rotateY(-90deg) translateZ(90px)}.art-cube span:nth-child(5){transform:rotateX(90deg) translateZ(90px)}.art-cube span:nth-child(6){transform:rotateX(-90deg) translateZ(90px)}.art-caption{position:absolute;bottom:8%;right:4%;display:flex;flex-direction:column;gap:7px;text-align:right}.art-caption small{font-size:8px;letter-spacing:.25em;color:var(--muted)}.art-caption strong{font-size:clamp(22px,3vw,38px);letter-spacing:.12em}.art-caption strong span{color:var(--gold)}.hero-scroll{position:absolute;bottom:25px;left:0;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.2em}.hero-scroll span{width:34px;height:1px;background:var(--gold)}
@keyframes cubeFloat{0%,100%{transform:translateY(0) rotateX(-28deg) rotateY(38deg)}50%{transform:translateY(-18px) rotateX(-20deg) rotateY(58deg)}}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(336deg)}}@keyframes glowPulse{to{opacity:.55;transform:scale(1.13)}}
.intro-strip{padding-top:60px;padding-bottom:70px;border-top:1px solid var(--line)}.intro-strip p{font-size:clamp(24px,4vw,46px);line-height:1.25;letter-spacing:-.045em;max-width:900px;margin:18px 0}.intro-strip em{font-family:Georgia,serif;color:var(--gold);font-weight:400}
/* Editorial gallery */
.editorial-gallery{padding-top:100px;padding-bottom:120px}.editorial-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.editorial-heading h1{font-size:clamp(48px,8vw,96px);line-height:.98;letter-spacing:-.07em;margin:20px 0 15px}.editorial-heading h1 span{font-family:Georgia,serif;color:var(--gold);font-weight:400;font-style:italic}.editorial-heading p{color:var(--muted);margin:0;font-size:16px}.gallery-count{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:7px}.gallery-count strong{font-size:48px;line-height:1;color:var(--gold);font-weight:500}.gallery-count span,.gallery-hint{font-size:9px;letter-spacing:.18em;color:var(--muted)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:999px;padding:9px 14px;font-size:12px;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{color:var(--gold);border-color:#c9a45c88;background:#c9a45c12}.filter-btn span{font-size:9px;margin-left:5px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.editorial-card{position:relative;display:block;width:100%;padding:0;border:0;border-radius:5px;overflow:hidden;background:#171717;cursor:zoom-in;aspect-ratio:4/5;isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.editorial-card:nth-child(4n+2){aspect-ratio:4/3}.editorial-card:nth-child(5n){aspect-ratio:3/4}.editorial-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.editorial-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0008);opacity:.4;transition:opacity .3s}.editorial-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px #0002}.editorial-card:hover img{transform:scale(1.055)}.editorial-card:hover:after{opacity:1}.editorial-card[hidden]{display:none}.photo-index,.photo-open{position:absolute;z-index:2;color:#fff}.photo-index{left:15px;bottom:14px;font-size:10px;letter-spacing:.12em}.photo-open{right:14px;bottom:10px;font-size:20px;opacity:0;transform:translateY(5px);transition:.25s}.editorial-card:hover .photo-open{opacity:1;transform:none}
.lightbox{background:rgba(5,5,5,.96);backdrop-filter:blur(18px)}.lightbox-content{max-width:min(88vw,1100px);max-height:90svh;display:flex;flex-direction:column;gap:12px}.lightbox-content img{max-height:82svh;object-fit:contain}.lightbox-caption{display:flex;justify-content:space-between;color:#c9a45c;font-size:9px;letter-spacing:.16em}.lightbox-close,.lightbox-arrow{border:1px solid #ffffff30;background:#171717;color:#fff;border-radius:50%;width:46px;height:46px}
/* Floating sound switch and page loader */
.music-toggle{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:inherit;box-shadow:0 8px 28px #0002;cursor:pointer;font-size:9px;letter-spacing:.13em}.music-bars{height:14px;display:flex;align-items:center;gap:2px}.music-bars i{width:2px;height:5px;background:var(--gold);border-radius:4px}.music-toggle.is-playing .music-bars i{animation:musicWave .7s ease-in-out infinite alternate}.music-bars i:nth-child(2){animation-delay:.15s}.music-bars i:nth-child(3){animation-delay:.3s}.music-bars i:nth-child(4){animation-delay:.45s}@keyframes musicWave{to{height:14px}}.site-loader{position:fixed;inset:0;z-index:2000;background:#090909;color:#f5f0e5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .6s,visibility .6s}.loader-mark{font-size:52px;font-weight:800;letter-spacing:-.08em}.loader-mark span{color:var(--gold)}.loader-line{width:110px;height:1px;background:#ffffff2a;overflow:hidden}.loader-line i{display:block;width:45%;height:100%;background:var(--gold);animation:loaderRun 1.1s ease-in-out infinite}.site-loader small{font-size:8px;letter-spacing:.25em;color:#aaa}.site-loader.loader-done{opacity:0;visibility:hidden}@keyframes loaderRun{from{transform:translateX(-110%)}to{transform:translateX(240%)}}
.footer{background:var(--surface);border-top:1px solid var(--line)}.footer-copy h2 span{color:var(--gold)}
@media(max-width:850px){.hero-3d{grid-template-columns:1fr;min-height:auto;padding-top:85px;padding-bottom:85px}.hero-copy{max-width:680px}.hero-art{height:440px;min-height:0;margin-top:-15px}.art-cube{width:190px}.art-cube span:nth-child(1){transform:translateZ(60px)}.art-cube span:nth-child(2){transform:rotateY(90deg) translateZ(60px)}.art-cube span:nth-child(3){transform:rotateY(180deg) translateZ(60px)}.art-cube span:nth-child(4){transform:rotateY(-90deg) translateZ(60px)}.art-cube span:nth-child(5){transform:rotateX(90deg) translateZ(60px)}.art-cube span:nth-child(6){transform:rotateX(-90deg) translateZ(60px)}.hero-scroll{bottom:20px}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-gallery{padding-top:75px}}
@media(max-width:560px){.hero-3d{padding-top:65px;padding-bottom:75px}.hero-3d h1{font-size:clamp(54px,15vw,78px)}.hero-meta{margin-top:36px;gap:8px;font-size:8px}.hero-art{height:330px;margin-top:0}.art-cube{width:145px}.art-cube span:nth-child(1){transform:translateZ(46px)}.art-cube span:nth-child(2){transform:rotateY(90deg) translateZ(46px)}.art-cube span:nth-child(3){transform:rotateY(180deg) translateZ(46px)}.art-cube span:nth-child(4){transform:rotateY(-90deg) translateZ(46px)}.art-cube span:nth-child(5){transform:rotateX(90deg) translateZ(46px)}.art-cube span:nth-child(6){transform:rotateX(-90deg) translateZ(46px)}.art-caption{right:0;bottom:2%}.intro-strip{padding-top:42px;padding-bottom:48px}.editorial-gallery{padding-top:58px;padding-bottom:80px}.editorial-heading{align-items:flex-start;margin-bottom:30px}.editorial-heading h1{font-size:clamp(44px,12vw,65px)}.gallery-count{padding-top:25px}.gallery-count strong{font-size:34px}.gallery-toolbar{align-items:flex-start;flex-direction:column}.gallery-filters{gap:3px}.filter-btn{padding:8px 10px}.gallery-hint{font-size:8px}.editorial-grid{gap:9px}.editorial-card{border-radius:3px}.photo-index{left:9px;bottom:9px}.music-toggle{right:12px;bottom:12px;padding:10px 12px}.lightbox-content{max-width:94vw}.lightbox-content img{max-height:78svh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V19 refinement: true full-screen hero, natural photo proportions, and a loader that matches the gold 3D identity. */
.hero-3d{min-height:calc(100svh - 78px);padding-top:clamp(42px,7vh,90px);padding-bottom:clamp(62px,9vh,110px)}
.hero-art{min-height:430px}
.editorial-card.photo-two{aspect-ratio:3/4!important;background:#111}
.editorial-card.photo-two img{object-fit:contain!important}
.editorial-card.photo-six{aspect-ratio:1/1!important;background:#111}
.editorial-card.photo-six img{object-fit:contain!important}
.site-loader{background:radial-gradient(ellipse at center,#211b10 0%,#0b0b0b 58%,#070707 100%);gap:27px;overflow:hidden}
.loader-orbit{width:116px;height:116px;position:relative;display:grid;place-items:center;perspective:500px}
.loader-orbit:before,.loader-orbit:after{content:"";position:absolute;inset:10px;border:1px solid #c9a45c99;border-radius:50%;transform:rotateX(68deg) rotateZ(25deg);animation:loaderOrbit 4s linear infinite}
.loader-orbit:after{inset:20px;transform:rotateX(68deg) rotateZ(-35deg);animation-direction:reverse;opacity:.65}
.loader-orbit i{position:absolute;width:40px;height:40px;border:1px solid #f2d99b;background:linear-gradient(135deg,#e6c77b66,#9a743022);box-shadow:0 0 26px #c9a45c30;transform:rotateX(55deg) rotateZ(45deg);animation:loaderCube 3s ease-in-out infinite}
.loader-orbit i:nth-child(2){transform:rotateX(55deg) rotateZ(105deg);opacity:.55;animation-delay:-1s}
.loader-orbit i:nth-child(3){transform:rotateX(55deg) rotateZ(165deg);opacity:.3;animation-delay:-2s}
.loader-orbit b{width:5px;height:5px;border-radius:50%;background:#f2d99b;box-shadow:0 0 18px 5px #c9a45c88;z-index:2}
.site-loader .loader-line{width:130px;height:2px;background:#ffffff20;border-radius:5px}
.site-loader .loader-line i{width:35%;background:linear-gradient(90deg,#9a7430,#ffe6a1,#c9a45c);box-shadow:0 0 12px #c9a45c}
.site-loader small{font-size:8px;letter-spacing:.28em;color:#c9a45c}
@keyframes loaderOrbit{to{transform:rotateX(68deg) rotateZ(385deg)}}
@keyframes loaderCube{0%,100%{translate:0 0;scale:1}50%{translate:0 -5px;scale:1.08}}
.footer-copy{display:none!important}
@media(max-width:850px){.hero-3d{min-height:auto;padding-top:75px;padding-bottom:90px}.hero-art{min-height:390px}}
@media(max-width:560px){.hero-3d{padding-top:60px;padding-bottom:78px}.hero-art{min-height:320px}.editorial-card.photo-two{aspect-ratio:3/4!important}.editorial-card.photo-six{aspect-ratio:1/1!important}}
@media(prefers-reduced-motion:reduce){.loader-orbit:before,.loader-orbit:after,.loader-orbit i{animation:none!important}}

/* V20 — refined warm-gold palette, theme-aware loader, and stable video carousel */
:root{--gold:#b88b3d;--gold-bright:#d9b66c;--accent:#b88b3d;--accent-dark:#98702f;--accent-soft:#f3ead8}
body{background:#f7f5ef;color:#1b1915}
body.dark-mode{background:#11100e;color:#f4f0e7;--gold:#d0a653;--gold-bright:#f0ce83;--line:rgba(255,255,255,.13)}
.hero-3d h1 span{background:linear-gradient(110deg,#a77a31,#e4c47b 52%,#a77a31);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art .art-glow{opacity:.72}
.intro-strip p{max-width:900px;letter-spacing:-.035em}
.site-loader{background:radial-gradient(ellipse at center,#fffaf0 0%,#f3eee2 62%,#e9e2d4 100%);color:#211d16}
.site-loader small{color:#8c682f}
.site-loader .loader-orbit:before,.site-loader .loader-orbit:after{border-color:#b88b3d99}
.site-loader .loader-orbit i{border-color:#b88b3d;background:linear-gradient(135deg,#d9b66c88,#b88b3d22);box-shadow:0 0 24px #b88b3d25}
.site-loader .loader-orbit b{background:#a77a31;box-shadow:0 0 18px 5px #b88b3d55}
.site-loader .loader-line{background:#b88b3d30}
.site-loader .loader-line i{background:linear-gradient(90deg,#a77a31,#f0d99f,#b88b3d)}
body.dark-mode .site-loader{background:radial-gradient(ellipse at center,#282116 0%,#11100e 62%,#090908 100%);color:#f4f0e7}
body.dark-mode .site-loader small{color:#d0a653}
.video-stack{perspective:1200px}
.video-stack .stack-card{transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.video-stack .stack-card.is-active{box-shadow:0 24px 65px rgba(25,20,10,.18)}
.video-stack .stack-card video{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.stack-slider.is-dragging{cursor:grabbing}
.stack-slider.is-dragging .stack-card{pointer-events:none}
.stack-arrow,.stack-dots button{touch-action:manipulation}
@media(max-width:720px){.video-stack{height:clamp(430px,145vw,660px);max-height:660px}.stack-card{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease!important}}
@media(prefers-reduced-motion:reduce){.hero-art .art-cube,.hero-art .art-orbit,.loader-orbit:before,.loader-orbit:after,.loader-orbit i{animation:none!important}}


/* V21 polish — cleaner hero, restrained 3D atmosphere, and lower-cost motion. */
.art-caption{display:none!important}
.hero-3d{position:relative;isolation:isolate;overflow:hidden}
.hero-3d:before,.hero-3d:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px)}
.hero-3d:before{width:min(48vw,620px);height:min(48vw,620px);right:4%;top:5%;background:radial-gradient(circle,#c9a45c1c 0%,#c9a45c0a 42%,transparent 70%);animation:heroGlow 12s ease-in-out infinite alternate}
.hero-3d:after{width:300px;height:300px;left:-150px;bottom:-110px;background:radial-gradient(circle,#d9b66c16,transparent 70%)}
@keyframes heroGlow{from{transform:translate3d(0,0,0) scale(.92)}to{transform:translate3d(-24px,18px,0) scale(1.08)}}
.art-cube{will-change:transform;transform-style:preserve-3d}
.hero-art .art-orbit{will-change:transform}
.hero-btn,.hero-quiet,.nav a,.footer-social a,.filter-btn,.stack-arrow,.stack-dots button,.theme-toggle,.menu-btn,.music-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a{ -webkit-tap-highlight-color:transparent }
/* Keep the expensive image/video effects to hover only, and never animate media layout. */
img,video{transition:opacity .22s ease!important}
.editorial-card img{transition:transform .38s ease,filter .28s ease!important}
.video-stack .stack-card,.stack-card{will-change:transform,opacity}
.v13-reveal{will-change:opacity,transform}
@media(max-width:720px){.v13-reveal{will-change:auto}.hero-3d:before{width:90vw;height:90vw;right:-25%;top:8%}}
@media(prefers-reduced-motion:reduce){.hero-3d:before{animation:none!important}}
.aman-cursor{position:fixed;left:0;top:0;width:13px;height:13px;border:1px solid #b88b3d;border-radius:50%;background:#d9b66c33;box-shadow:0 0 18px #b88b3d55;z-index:3000;pointer-events:none;will-change:transform;transition:width .16s ease,height .16s ease,background .16s ease,opacity .16s ease}
.aman-cursor.is-hover{width:27px;height:27px;background:#d9b66c22}
.aman-cursor.is-down{width:9px;height:9px;background:#d9b66c99}
@media(max-width:850px),(pointer:coarse){.aman-cursor{display:none}}

/* Native cross-page transitions where supported; instant navigation remains the fallback. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:pageOut .16s ease both}
::view-transition-new(root){animation:pageIn .24s ease both}
@keyframes pageOut{to{opacity:0;filter:blur(2px)}}
@keyframes pageIn{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}


/* V22 — AmanXD unified visual identity system */
:root{
  --gold:#b9924b;
  --gold-bright:#dfc17f;
  --gold-deep:#87652f;
  --bg:#f7f4ec;
  --surface:#fffdf8;
  --surface-2:#f0ece2;
  --ink:#211e18;
  --muted:#777064;
  --line:rgba(80,65,40,.16);
  --accent:var(--gold);
  --accent-dark:var(--gold-deep);
  --focus:rgba(185,146,75,.34);
  color-scheme:light;
}
body.dark-mode{
  --bg:#11100e;
  --surface:#1b1915;
  --surface-2:#242119;
  --ink:#f4f0e7;
  --muted:#b7ae9d;
  --line:rgba(235,219,184,.16);
  --gold:#d3ad63;
  --gold-bright:#f0d28d;
  --gold-deep:#a9823e;
  --accent:var(--gold);
  --accent-dark:var(--gold-deep);
  --focus:rgba(211,173,99,.32);
  color-scheme:dark;
}
html,body{background:var(--bg);color:var(--ink)}
body{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
::selection{background:var(--gold);color:#17130b}
a,button,input,textarea{font-family:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--gold);outline-offset:3px
}
.header{
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  border-color:var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.brand-center{color:var(--ink);font-weight:600;letter-spacing:-.035em}
.nav a{color:var(--muted);font-weight:600;letter-spacing:.015em}
.nav a:hover,.nav a.active{background:var(--surface-2);color:var(--gold-deep)}
body.dark-mode .nav a:hover,body.dark-mode .nav a.active{color:var(--gold-bright)}
.theme-toggle,.menu-btn,.close{
  border:1px solid var(--line);background:var(--surface);color:var(--ink);
  border-radius:999px;transition:background .18s ease,border-color .18s ease,color .18s ease
}
.theme-toggle:hover,.menu-btn:hover,.close:hover{border-color:var(--gold);color:var(--gold-deep)}
body.dark-mode .theme-toggle:hover,body.dark-mode .menu-btn:hover{color:var(--gold-bright)}
.hero-btn,.form-bottom button,.menu-cta{
  background:linear-gradient(115deg,var(--gold-deep),var(--gold),var(--gold-bright));
  color:#21190b;border:1px solid #c8a55f66;font-weight:700;
  box-shadow:0 8px 22px rgba(151,112,47,.18)
}
.hero-btn:hover,.form-bottom button:hover,.menu-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}
.filter-btn,.gallery-item,.socials a,.footer-social a,.stack-arrow,.stack-dots button{
  -webkit-tap-highlight-color:transparent;touch-action:manipulation
}
.filter-btn{border-color:transparent}
.filter-btn:hover,.filter-btn.active{
  color:var(--gold-deep);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)
}
body.dark-mode .filter-btn:hover,body.dark-mode .filter-btn.active{color:var(--gold-bright)}
.editorial-card{border:1px solid var(--line);box-shadow:0 8px 26px rgba(32,25,12,.07)}
.editorial-card:hover{box-shadow:0 14px 34px rgba(32,25,12,.14)}
.contact-form,.contact-inner,.about-copy{
  background:var(--surface);border-color:var(--line);color:var(--ink)
}
.form-grid input,.form-grid textarea{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
.form-grid input:focus,.form-grid textarea:focus{background:var(--surface);box-shadow:0 0 0 4px var(--focus)}
.footer{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.footer p,.footer-address,.footer-line,.footer-bottom{color:var(--muted)}
.footer-contact-title,.eyebrow,.gallery-count strong,.footer-copy h2 span{color:var(--gold-deep)}
body.dark-mode .footer-contact-title,body.dark-mode .eyebrow,body.dark-mode .gallery-count strong{color:var(--gold-bright)}
.footer-social a{background:var(--surface);color:var(--ink);border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease}
.footer-social a:hover{transform:translateY(-2px);border-color:var(--gold)}
.footer-divider,.footer-bottom{border-color:var(--line)}
.mobile-menu{background:var(--surface);color:var(--ink)}
.mobile-links a{border-color:var(--line);color:var(--ink)}
.mobile-links small,.menu-label{color:var(--muted)}
.music-toggle{
  background:var(--surface);color:var(--ink);border:1px solid var(--gold);
  box-shadow:0 7px 24px rgba(0,0,0,.12);font-weight:700
}
.music-toggle .music-label{color:var(--ink)}
.music-bars i{background:var(--gold-deep)}
body.dark-mode .music-bars i{background:var(--gold-bright)}
.site-loader{background:radial-gradient(ellipse at center,#fffaf0 0%,#f1eadb 68%,#e7ddc9 100%);color:#241e13}
body.dark-mode .site-loader{background:radial-gradient(ellipse at center,#292216 0%,#11100e 65%,#090908 100%);color:#f4f0e7}
@media(hover:none){
  .editorial-card:hover{transform:none;box-shadow:0 8px 26px rgba(32,25,12,.07)}
  .editorial-card:hover img{transform:none;filter:none}
}
/* Mobile rendering budget: avoid expensive 3D perspective, filters and large animated layers. */
@media(max-width:720px){
  .hero-3d:before{filter:none;animation:none;opacity:.55}
  .art-cube{animation:none;transform:rotateX(-22deg) rotateY(32deg)}
  .art-cube span{backdrop-filter:none;box-shadow:inset 0 0 16px #d4b36b18,0 0 10px #c9a45c14}
  .video-stack{perspective:none;transform:translateZ(0)}
  .video-stack .stack-card{backface-visibility:hidden;transform-style:flat;will-change:transform,opacity}
  .video-stack .stack-card video{transform:none;backface-visibility:visible}
  .v13-reveal{will-change:auto}
  .site-loader .loader-orbit:before,.site-loader .loader-orbit:after{animation-duration:8s}
}
@media(prefers-reduced-motion:reduce){
  .art-cube,.hero-3d:before,.music-bars i{animation:none!important}
}


/* V23 — interactive 3D hero object */
.hero-art{perspective:1100px;overflow:visible}
.art-cube{
  animation:none!important;
  cursor:grab;
  touch-action:pan-y pinch-zoom;
  will-change:transform;
  transform:rotateX(-28deg) rotateY(38deg);
  transition:filter .25s ease;
}
.art-cube.is-dragging{cursor:grabbing;filter:brightness(1.08)}
.art-cube span{backface-visibility:visible}
.hero-art.is-interacting .art-orbit{animation-play-state:paused}
@media(max-width:720px){
  .hero-art{min-height:350px}
  .art-cube{will-change:transform}
}
@media(prefers-reduced-motion:reduce){
  .art-cube{will-change:auto}
}

/* V23 — intentional footer note fills the open right-hand column */
.footer-top{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(220px,1.2fr);align-items:start;gap:clamp(28px,7vw,100px)}
.footer-note{justify-self:end;max-width:440px;padding:10px 0 0}
.footer-note-kicker{display:block;color:var(--gold-bright);font-size:10px;font-weight:700;letter-spacing:.24em;margin-bottom:18px}
.footer-note p{font:500 clamp(22px,3.2vw,38px)/1.2 "Playfair Display",Georgia,serif;color:#f4efe5;margin:0;max-width:430px}
.footer-note-sign{display:block;margin-top:18px;color:var(--gold-bright);font-size:12px;letter-spacing:.12em}
@media(max-width:720px){
  .footer-top{display:grid;grid-template-columns:1fr;gap:34px}
  .footer-note{justify-self:stretch;max-width:520px;padding:0}
  .footer-note p{font-size:25px;max-width:520px}
}


/* V23 — interactive 3D hero object */
.hero-art{perspective:1100px;overflow:visible}
.art-cube{
  animation:none!important;
  cursor:grab;
  touch-action:pan-y pinch-zoom;
  will-change:transform;
  transform:rotateX(-28deg) rotateY(38deg);
  transition:filter .25s ease;
}
.art-cube.is-dragging{cursor:grabbing;filter:brightness(1.08)}
.art-cube span{backface-visibility:visible}
.hero-art.is-interacting .art-orbit{animation-play-state:paused}
@media(max-width:720px){
  .hero-art{min-height:350px}
  .art-cube{will-change:transform}
}
@media(prefers-reduced-motion:reduce){
  .art-cube{will-change:auto}
}

/* V23 — intentional footer note fills the open right-hand column */
.footer-top{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(220px,1.2fr);align-items:start;gap:clamp(28px,7vw,100px)}
.footer-note{justify-self:end;max-width:440px;padding:10px 0 0}
.footer-note-kicker{display:block;color:var(--gold-bright);font-size:10px;font-weight:700;letter-spacing:.24em;margin-bottom:18px}
.footer-note p{font:500 clamp(22px,3.2vw,38px)/1.2 "Playfair Display",Georgia,serif;color:#f4efe5;margin:0;max-width:430px}
.footer-note-sign{display:block;margin-top:18px;color:var(--gold-bright);font-size:12px;letter-spacing:.12em}
@media(max-width:720px){
  .footer-top{display:grid;grid-template-columns:1fr;gap:34px}
  .footer-note{justify-self:stretch;max-width:520px;padding:0}
  .footer-note p{font-size:25px;max-width:520px}
}


/* V24 — keep the hero sculpture dimensional from every supported viewing angle */
.art-cube{
  transform-style:preserve-3d!important;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}
.art-cube span{
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
.footer-note{display:none!important}


/* V25 — refined Get in touch micro-interaction */
.hero-quiet{
  display:inline-flex;align-items:center;gap:10px;position:relative;
  transition:color .22s ease,border-color .22s ease,transform .22s ease;
  animation:quietEnter .85s .18s both cubic-bezier(.2,.75,.25,1);
}
.hero-quiet:after{
  content:"↗";font-size:.82em;opacity:0;transform:translateX(-5px);
  transition:opacity .2s ease,transform .2s ease;
}
.hero-quiet:hover{color:var(--gold-deep);border-color:var(--gold-bright);transform:translateY(-2px)}
body.dark-mode .hero-quiet:hover{color:var(--gold-bright)}
.hero-quiet:hover:after{opacity:1;transform:translateX(0)}
@keyframes quietEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-quiet{animation:none;transition:none}}

/* Back navigation appears only on inner pages (Gallery and Contact). */
.page-back{
  display:inline-flex;align-items:center;gap:9px;
  margin:22px 0 4px;padding:10px 15px;border:1px solid var(--line);
  border-radius:999px;color:var(--muted);background:var(--surface);
  font-size:12px;font-weight:600;letter-spacing:.04em;
  transition:transform .2s ease,border-color .2s ease,color .2s ease;
}
.page-back span{font-size:18px;line-height:1;color:var(--gold)}
.page-back:hover{transform:translateX(-3px);border-color:var(--gold);color:var(--ink)}
.art-cube{cursor:default!important;touch-action:auto!important}


/* V26 — lightweight official video previews */
.youtube-preview{
  position:absolute;inset:0;overflow:hidden;border-radius:inherit;
  background:linear-gradient(145deg,#1b1915,#383024);
}
.youtube-preview>img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease,filter .35s ease;
}
.youtube-preview:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55));
  pointer-events:none;
}
.youtube-preview:hover>img{transform:scale(1.035);filter:brightness(.86)}
.video-play-btn{
  position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:10px;padding:12px 17px;
  border:1px solid rgba(255,255,255,.6);border-radius:999px;
  color:#241b0c;background:linear-gradient(120deg,#e4c276,#f5dfaa);
  box-shadow:0 8px 28px #0005;font-weight:800;letter-spacing:.13em;font-size:9px;
}
.video-play-btn span{font-size:15px}
.youtube-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.youtube-preview.is-playing:after,.youtube-preview.is-playing>img,.youtube-preview.is-playing .video-play-btn{display:none}
.page-paused *{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.youtube-preview>img{transition:none}}


/* V27 — immersive video cards without caption/title strips */
.video-stack .media-info{display:none!important}
.video-stack .youtube-preview{background:#090909}
.video-stack .youtube-preview>img{opacity:.98}
.video-stack .youtube-preview iframe{
  position:absolute;inset:0;width:100%;height:100%;
  border:0;display:block;background:#000
}
.video-stack .stack-card{overflow:hidden}
.video-stack .stack-dots{z-index:8}
.video-stack .stack-arrow{z-index:9}


/* V28 — full-bleed local video cards with animated editorial titles */
.user-video-slider{touch-action:pan-y;cursor:grab}
.user-video-slider:active{cursor:grabbing}
.user-video-slider .stack-card{background:#080808}
.user-video-slider .youtube-preview.local-video-preview{
  position:absolute;inset:0;overflow:hidden;background:#080808;border-radius:inherit;
}
.user-video-slider .featured-local-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  display:block;background:#080808;
}
.user-video-slider .featured-video-shade{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.76) 100%);
}
.user-video-slider .featured-video-title{
  position:absolute;z-index:4;left:clamp(20px,4vw,42px);bottom:clamp(34px,6vw,58px);
  margin:0;max-width:82%;color:#fff;
  font:500 clamp(26px,5vw,48px)/1.05 "Playfair Display",Georgia,serif;
  letter-spacing:-.025em;text-shadow:0 3px 22px rgba(0,0,0,.42);
  opacity:0;transform:translate3d(0,18px,0);
}
.user-video-slider .stack-card.is-active .featured-video-title{
  animation:featuredTitleIn .75s .18s cubic-bezier(.2,.75,.25,1) forwards;
}
@keyframes featuredTitleIn{
  to{opacity:1;transform:translate3d(0,0,0)}
}
.user-video-slider .stack-card.stack-exit-left{transform:translate3d(-34%,0,0) rotate(-3deg) scale(.92);opacity:0}
.user-video-slider .stack-card.stack-exit-right{transform:translate3d(34%,0,0) rotate(3deg) scale(.92);opacity:0}
.user-video-slider .stack-arrow{cursor:pointer;touch-action:manipulation}
.user-video-slider .stack-dots button{cursor:pointer;touch-action:manipulation}
@media(max-width:720px){
  .user-video-slider .featured-local-video{object-position:center}
  .user-video-slider .featured-video-title{left:22px;bottom:38px;font-size:clamp(25px,7vw,36px)}
}
@media(prefers-reduced-motion:reduce){
  .user-video-slider .stack-card{transition:none!important}
  .user-video-slider .stack-card.is-active .featured-video-title{animation:none;opacity:1;transform:none}
}


/* V29 — softly translucent glass navigation bar */
.header{
  background:rgba(250,248,241,.70)!important;
  border-bottom:1px solid rgba(170,151,112,.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:0 8px 28px rgba(48,39,22,.045);
}
body.dark-mode .header{
  background:rgba(17,20,28,.70)!important;
  border-bottom-color:rgba(255,255,255,.09)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12);
}
@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .header{background:rgba(250,248,241,.92)!important}
  body.dark-mode .header{background:rgba(17,20,28,.92)!important}
}


/* V30 — reduce video-card compositing and paint work on mobile */
.user-video-slider .stack-card{
  contain:layout paint;
  will-change:transform,opacity;
  transition:transform .42s cubic-bezier(.2,.72,.22,1),opacity .32s ease!important;
  filter:none!important;
  box-shadow:none!important;
}
.user-video-slider .stack-card.stack-pos-1,
.user-video-slider .stack-card.stack-pos-2,
.user-video-slider .stack-card.stack-hidden{
  filter:none!important;
}
.user-video-slider .featured-local-video{
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
@media(max-width:720px){
  .user-video-slider .stack-card{contain:layout paint style}
  .user-video-slider .stack-arrow{backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* V30 — menu search results */
.menu-search{z-index:5}
.menu-search-results{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;
  max-height:min(52vh,390px);overflow:auto;padding:7px;
  border:1px solid var(--line);border-radius:18px;
  background:var(--paper);box-shadow:0 18px 45px rgba(0,0,0,.14);
}
.menu-search-results[hidden]{display:none}
.search-result{
  display:flex;flex-direction:column;gap:3px;padding:11px 13px;
  border-radius:12px;color:var(--ink);text-decoration:none;
  transition:background .16s ease;
}
.search-result:hover,.search-result:focus-visible{background:var(--surface-2);outline:none}
.search-result strong{font-size:14px;font-weight:650}
.search-result small{font-size:11px;color:var(--muted);letter-spacing:.02em}
.search-empty{margin:0;padding:14px 12px;color:var(--muted);font-size:12px;line-height:1.5}
body.dark-mode .menu-search-results{background:var(--surface);border-color:var(--line);box-shadow:0 18px 45px rgba(0,0,0,.35)}
body.dark-mode .search-result{color:var(--ink)}