:root{--ivory:#f6f2ea;--ivory2:#ede5d9;--cream:#faf7f2;--ink:#352e29;--brown:#6e5b4a;--gold:#b89b72;--crimson:#590710;--line:#d6cfc3;--serif:'Iowan Old Style','Baskerville','Cormorant Garamond',Georgia,serif;--sans: 'Inter','Avenir Next','Helvetica Neue',Arial,sans}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);margin:0;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #9b5b29;outline-offset:4px}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1440px,calc(100% - clamp(32px,7vw,116px)));margin-inline:auto}.staging-ribbon{background:#2d241f;color:#f2eadf;text-align:center;padding:9px 18px;letter-spacing:.21em;font-size:10px;font-weight:600}.staging-pulse{display:inline-block;width:6px;height:6px;border-radius:100%;background:#c9b697;vertical-align:middle;margin-right:8px}.staging-separator{opacity:.45;margin:0 9px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(24px,5vw,72px);background:var(--ivory);position:relative;z-index:5}.brand{display:flex;align-items:center}.brand img{width:145px;height:auto;max-height:70px;object-fit:contain;filter:brightness(.59) sepia(.42) saturate(.8)}.nav{display:flex;gap:40px;margin-left:auto;margin-right:48px}.nav a{font-size:12px;letter-spacing:.045em;color:#65594d;transition:color .2s}.nav a:hover{color:var(--crimson)}.nav-actions{display:flex;gap:16px;align-items:center}.header-wa{border:1px solid var(--crimson);padding:14px 23px;border-radius:1px;color:var(--crimson);font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap;transition:.25s}.header-wa:hover{background:var(--crimson);color:#fff}.header-wa span{padding-left:12px}.menu-toggle{display:none;background:none;border:0;width:40px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{width:22px;height:1px;background:var(--ink)}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--cream);box-shadow:0 20px 30px #31251917;padding:20px 28px}.mobile-nav a{display:block;padding:15px 4px;border-bottom:1px solid var(--line);font-size:14px}.hero{height:min(780px,77vh);min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:#252a43;color:white}.hero-media,.hero-media img,.hero-tint{position:absolute;inset:0;width:100%;height:100%}.hero-media{z-index:-3}.hero-media img{object-fit:cover;object-position:50% 52%;animation:hero-breathe 26s ease-in-out infinite alternate}.hero-tint{background:linear-gradient(90deg,rgba(16,17,29,.74) 0%,rgba(14,21,35,.6) 24%,rgba(16,22,40,.18) 58%,transparent 83%),linear-gradient(0deg,rgba(15,20,32,.3),transparent 30%);z-index:-1}.hero-content{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:32px}.eyebrow{font-size:10px;letter-spacing:.27em;line-height:1.5;font-weight:600}.hero-eyebrow{color:#eee2d8;margin:0 0 24px}.eyebrow-dot{margin:0 12px;color:#d9b484}.hero h1{font:normal clamp(55px,6.3vw,104px)/.98 var(--serif);letter-spacing:-.035em;margin:0;color:#fff7e9;font-weight:400}.hero h1 em,.section h2 em{font-weight:400}.hero-description{max-width:350px;font-size:15px;color:#f2e8de;line-height:1.8;margin:27px 0 29px}.hero-cta-row{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:12px;font-weight:600;letter-spacing:.015em;padding:18px 24px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-light{background:var(--ivory);color:#3f332e}.btn-light:hover{background:white}.text-link{font-size:12px;letter-spacing:.035em;border-bottom:1px solid currentColor;padding:8px 0}.hero-link{color:white}.hero-link span{padding-left:12px}.hero-sidecaption{position:absolute;right:20px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.24em;opacity:.75}.hero-scroll{position:absolute;bottom:30px;left:clamp(24px,5vw,72px);font-size:9px;letter-spacing:.23em;display:flex;gap:13px;align-items:center;opacity:.8}.hero-scroll span{height:1px;width:38px;background:#fff}.intro-strip{border-bottom:1px solid #ddd4c9;background:#f5f0e8}.intro-strip-content{display:flex;justify-content:center;gap:45px;align-items:center;min-height:87px;text-align:center;color:#877867;font:italic 19px/1.3 var(--serif)}.strip-diamond{font-style:normal;color:var(--gold);font-size:18px}.section{padding-block:105px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px}.dark-eyebrow{color:#8d7257;margin:0 0 26px}.eyebrow-number{display:inline-block;border-bottom:1px solid #bea887;padding-bottom:4px;margin-right:18px;color:var(--crimson)}.section h2{font:normal clamp(46px,5vw,78px)/1.02 var(--serif);letter-spacing:-.035em;margin:0}.section-aside{width:300px;max-width:34%;display:flex;flex-direction:column;align-items:flex-start}.section-aside p{font-size:13px;color:#746658;line-height:1.85;margin:0 0 28px}.carousel-controls{display:flex;gap:10px}.circle-arrow{height:42px;width:42px;border-radius:50%;border:1px solid #bcb1a2;background:transparent;color:var(--ink);transition:.2s}.circle-arrow:hover{background:#ddd2c3}.collection-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px;overscroll-behavior-inline:contain}.collection-rail::-webkit-scrollbar{display:none}.package-card{min-width:clamp(282px,29vw,394px);width:clamp(282px,29vw,394px);scroll-snap-align:start;flex:0 0 auto}.package-image{aspect-ratio:4/5;position:relative;overflow:hidden;background:#e6dfd3}.package-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .65s ease}.package-card:hover img{transform:scale(1.035)}.package-number{position:absolute;top:16px;left:17px;background:#fff9eeed;font-size:10px;letter-spacing:.09em;padding:9px 10px;color:#6c5a47}.package-image-note{position:absolute;bottom:0;left:0;right:0;background:#261e1be0;color:#f6eee3;font-size:10px;letter-spacing:.015em;text-align:center;padding:8px 10px}.package-meta{padding:24px 1px 10px}.package-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9d8066;font-size:9px;font-weight:600;letter-spacing:.12em}.package-price{color:var(--crimson);font-size:14px;letter-spacing:0;font-weight:600}.package-meta h3{font:normal 30px/1.2 var(--serif);margin:12px 0;color:#3d342d}.package-meta h3 span{font-size:20px;color:#8a7867;font-style:italic}.package-meta p{font-size:13px;line-height:1.75;color:#76695e;min-height:68px;margin:12px 0 18px}.package-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9d0c4;padding:17px 0 3px;color:var(--crimson);font-weight:600;font-size:12px;letter-spacing:.01em}.package-link:hover{text-decoration:underline}.collection-foot{display:flex;align-items:center;justify-content:space-between;margin-top:34px;gap:28px}.collection-track{height:2px;width:min(440px,50%);background:#e1d8cb}.collection-track span{display:block;background:var(--crimson);height:100%;width:20%;transition:width .2s}.subtle-link{font-size:12px;color:#6c5846;border-bottom:1px solid #bdad99;padding-bottom:6px}.subtle-link span{padding-left:14px}.match-section{background:#ede4d6;position:relative;overflow:hidden;border-top:1px solid #e4d9cc}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,570px);gap:clamp(36px,6vw,100px);align-items:center;position:relative}.match-intro{align-self:stretch;padding-top:46px;position:relative;overflow:hidden}.match-intro h2{font-size:clamp(45px,5.4vw,80px);position:relative;z-index:1}.match-intro>p:not(.eyebrow){max-width:335px;font-size:14px;line-height:1.85;color:#74665b;margin-top:28px;position:relative;z-index:1}.motif-identifier{display:block;margin-top:53px;font-size:10px;letter-spacing:.18em;color:#9c8972;position:relative;z-index:1}.paper-motif{margin-top:15px;max-width:440px;width:94%;opacity:.58;mix-blend-mode:multiply;filter:contrast(.88);border-radius:180px 180px 0 0}.quiz-box{background:#faf8f2;box-shadow:0 12px 50px #5441320a;border:1px solid #e8ded1;padding:clamp(26px,3.4vw,53px);min-height:550px}.quiz-topline{display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:.12em;font-weight:600;color:#9d8067}.quiz-progress{height:2px;background:#e6ddd2;margin:24px 0 46px}.quiz-progress span{display:block;background:var(--crimson);height:100%;width:33.3%;transition:width .3s ease}.quiz-label{font-size:10px;letter-spacing:.21em;font-weight:600;color:#ae8f73;margin:0 0 17px}.quiz-heading{font:normal clamp(32px,3vw,43px)/1.14 var(--serif);margin:0 0 15px;letter-spacing:-.025em}.quiz-sub{font-size:13px;line-height:1.7;color:#86766a;margin:0 0 21px}.quiz-options{display:grid;gap:10px;margin-bottom:22px}.quiz-option{width:100%;background:transparent;border:1px solid #ded3c4;padding:17px 19px;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:.2s}.quiz-option:hover,.quiz-option:focus-visible{border-color:var(--crimson);background:#f4ede5}.quiz-option strong{display:block;font-size:13px;font-weight:600;color:#3c342f}.quiz-option small{display:block;color:#8b7d6e;font-size:11px;line-height:1.6;margin-top:6px}.quiz-option svg{flex:0 0 auto;margin-left:16px}.quiz-back{background:none;border:0;padding:10px 0;font-size:12px;color:#7a6255}.quiz-back:hover{color:var(--crimson)}.quiz-result .result-top{font-size:12px;letter-spacing:.12em;color:#9e7e62}.quiz-result h3{font:normal clamp(44px,5vw,68px)/.95 var(--serif);color:var(--crimson);margin:14px 0 15px}.quiz-result .result-price{font:normal 31px/1.3 var(--serif);margin:14px 0 7px}.quiz-result .result-price small{font:400 12px var(--sans);color:#7e6d60}.quiz-result p{font-size:13px;line-height:1.75;color:#796b61}.reason-list{margin:19px 0 25px;padding-left:18px;color:#5a4c43;font-size:13px;line-height:1.85}.reason-list li{padding-left:4px;margin:6px 0}.result-actions{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0}.result-actions .primary-action{display:inline-flex;align-items:center;background:var(--crimson);color:white;padding:15px 18px;font-size:12px;font-weight:600;gap:18px}.result-actions .secondary-action{display:inline-flex;align-items:center;border:1px solid #a8907b;color:var(--crimson);padding:14px 18px;font-size:12px;font-weight:600}.result-actions a:hover{filter:brightness(1.12)}.match-small{font-size:11px!important;color:#9a8776!important}.quiz-footnote{max-width:1000px;text-align:center;margin-top:32px!important;font-size:11px;line-height:1.8;color:#968778}.quiz-footnote a{text-decoration:underline}.closing-bridge{padding:70px 0;background:var(--ivory);border-top:1px solid #e0d5c8}.closing-bridge .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing-bridge span{color:#998471;font-size:12px}.closing-bridge p{font:italic 30px var(--serif);margin:0;color:#695b4a}.closing-bridge a{font-size:12px;color:var(--crimson);border-bottom:1px solid currentColor;padding:7px 0}.site-footer{background:#3c2e29;color:#cbbdb1;font-size:11px;padding:22px 0}.site-footer .wrap{display:flex;justify-content:space-between;gap:25px}@keyframes hero-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}@media (max-width:1020px){.desktop-nav{gap:16px;margin-right:23px}.match-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,1fr);gap:40px}.intro-strip-content{gap:21px;font-size:16px}.hero h1{font-size:clamp(55px,7vw,85px)}}@media (max-width:720px){.wrap{width:calc(100% - 38px)}.site-header{height:70px;padding:0 19px}.brand img{width:117px}.desktop-nav{display:none}.menu-toggle{display:flex}.header-wa{font-size:11px;padding:11px 14px}.hero{height:auto;min-height:0;overflow:visible;background:var(--ivory);color:var(--ink);display:flex;flex-direction:column}.hero-media{position:relative;z-index:0;display:block;height:min(112vw,570px);width:100%;overflow:hidden}.hero-media img{object-fit:cover;object-position:50% 50%;height:100%;width:100%;animation:none}.hero-tint{display:none}.hero-content{height:auto;padding:36px 0 47px;display:block}.hero-eyebrow{color:#866e54;margin-bottom:17px;font-size:9px}.eyebrow-dot{margin:0 7px}.hero h1{font-size:clamp(48px,12.4vw,75px);color:var(--ink);line-height:.99}.hero-description{color:#77675b;max-width:315px;font-size:13px;margin:19px 0 25px}.hero-cta-row{gap:20px;align-items:flex-start}.btn-light{color:#f9eee4;background:var(--crimson);font-size:11px;gap:12px;padding:17px 16px}.hero-link{color:#655647;font-size:11px}.hero-sidecaption,.hero-scroll{display:none}.intro-strip{display:none}.section{padding-block:65px}.section h2{font-size:clamp(47px,11vw,65px)}.section-header{display:block;margin-bottom:27px}.section-aside{width:auto;max-width:none;margin-top:21px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px}.section-aside p{max-width:260px;margin:0;font-size:12px}.carousel-controls{gap:5px}.circle-arrow{width:36px;height:36px}.collection-rail{gap:14px;margin-right:-19px;padding-right:19px}.package-card{min-width:77vw;width:77vw}.package-meta h3{font-size:29px}.package-meta p{font-size:12px;min-height:72px}.collection-foot{margin-top:22px}.collection-track{width:42%}.subtle-link{font-size:10px}.match-layout{display:flex;flex-direction:column;gap:15px}.match-intro{width:100%;padding-top:0}.match-intro h2{font-size:clamp(47px,10vw,65px)}.match-intro>p:not(.eyebrow){font-size:13px;margin:14px 0}.motif-identifier{display:none}.paper-motif{display:none}.quiz-box{width:100%;padding:28px 22px;min-height:520px}.quiz-progress{margin-bottom:36px}.quiz-footnote{padding:0 5px}.closing-bridge{padding:50px 0}.closing-bridge .wrap{display:block}.closing-bridge p{margin:15px 0}.site-footer .wrap{display:block}.site-footer .wrap span{display:block;margin:8px 0}}@media (max-width:390px){.header-wa{font-size:10px;padding:10px 12px}.hero h1{font-size:46px}.hero-cta-row{gap:12px}.package-card{min-width:83vw;width:83vw}.staging-ribbon{font-size:8px;letter-spacing:.1em}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Avoid an intrinsic-height image stretching the entire desktop quiz row. */
.paper-motif{height:auto;max-height:410px;object-fit:cover;object-position:50% 50%}
/* Keep the quiz as a compact, editorial spread rather than a tall empty canvas. */
@media (min-width:721px){.match-intro{align-self:center;padding-top:0}.motif-identifier{margin-top:28px}.paper-motif{margin-top:8px;width:330px;height:156px;max-height:156px;object-fit:cover;object-position:50% 50%;opacity:.68;filter:contrast(1.18) brightness(.97)}}


/* =====================================================
   XAMIYA 2.0 — V2 TACTILE LUXURY PASS
   Approved design direction, still a PRIVATE PREVIEW.
   ===================================================== */
:root { --crimson: #590710; --champagne: #c5a87e; }
/* Transparent navigation over the opening photography. */
.site-header {
  margin-bottom:-96px;
  position:relative;
  z-index:40;
  background:transparent;
  color:#fff;
}
.brand img {
  filter:brightness(0) invert(1) drop-shadow(0 2px 5px rgba(5,8,18,.34));
}
.desktop-nav a, .header-wa {
  color:#fff;
  text-shadow:0 1px 6px rgba(0,0,0,.58),0 0 1px rgba(0,0,0,.2);
}
.desktop-nav a:hover {color:#f4e4cf}
.header-wa {border-color:rgba(255,255,255,.76);background:rgba(255,255,255,.04);}
.header-wa:hover {background:rgba(255,255,255,.17);color:white}
.menu-toggle span {background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.55)}
.mobile-nav {color:#342b28;background:#f5f0e8;}
/* no fake optical zoom: hold approved photo while real tracking/composite video is pending */
.hero-media img {animation:none!important}
.hero h1 {
  font-family:'Iowan Old Style','Baskerville','Cormorant Garamond',Georgia,serif;
  font-size:clamp(60px,6vw,100px);
  line-height:1.035;
  letter-spacing:-.043em;
  font-weight:400;
  text-wrap:balance;
  text-shadow:0 2px 18px rgba(8,9,20,.20);
}
.hero h1 em {font-style:italic;letter-spacing:-.065em; font-weight:400}
.hero-eyebrow {letter-spacing:.31em}
/* Photographically sampled ivory grain and unequal grazing light, never a flat beige fill. */
.collection.section {
  background-image:linear-gradient(100deg,rgba(248,245,239,.11),rgba(100,73,54,.02)),url("assets/asset-07bc94a22fcb.webp");
  background-size:cover;
  background-position:center center;
  box-shadow:inset 0 15px 45px rgba(115,89,61,.025);
  position:relative;
  isolation:isolate;
}
.collection.section::before {
  content:''; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(ellipse at 12% 19%,rgba(255,255,255,.20),transparent 62%);
  pointer-events:none;
}
.package-number,.package-image-note{display:none!important}
.package-image {box-shadow:0 9px 28px rgba(55,40,30,.10)}
.package-image img {transform:none}
/* Antique stationery as an object: baroque die-cut card in a softly lit ivory scene. */
.match-section {
  background:#e8ddce url("assets/asset-fb5f3517e241.webp") center center / cover no-repeat;
  border-top:1px solid rgba(177,148,117,.25);
}
.match-section::before {
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 17% 20%,rgba(255,255,255,.24),transparent 48%);
}
.match-layout {grid-template-columns:minmax(0,1fr) minmax(460px,580px);gap:clamp(38px,7vw,118px);}
.match-intro {overflow:visible}
.match-intro h2 {line-height:1.055}
.quiz-scene {position:relative;isolation:isolate;padding:32px 4px 34px;min-width:0}
.oval-tray {
  position:absolute; z-index:-2; width:80%;height:31%;right:-4%;bottom:8%;
  border:2px solid rgba(152,116,68,.50);
  border-radius:50%;
  transform:rotate(-12deg) skew(-7deg,1deg);
  background:
    radial-gradient(ellipse at 37% 19%,rgba(255,253,236,.76),rgba(221,199,166,.18) 33%,rgba(135,102,73,.14) 67%,rgba(249,233,202,.37) 88%),
    linear-gradient(115deg,#dac6a9,#ad957a 8%,#f7e7d1 15%,#b59a7b 40%,#ead5b6 65%,#8f765a 94%);
  box-shadow: 0 16px 23px rgba(69,44,29,.19), inset 0 0 0 8px rgba(247,227,191,.37),inset 0 0 0 10px rgba(123,91,56,.24);
  opacity:.7;
}
.crimson-stripes {position:absolute;z-index:-1;left:-37px;bottom:17%;display:flex;gap:19px;transform:rotate(-34deg);}
.crimson-stripes i {
  display:block;width:10px;height:98px;
  border-radius:2px;
  background:linear-gradient(90deg,#4b060d,#72131c 51%,#4f070c);
  box-shadow:3px 4px 8px rgba(55,10,11,.13),inset 1px 0 rgba(255,215,193,.19);
}
.quiz-frame {
  position:relative;
  isolation:isolate;
  filter:drop-shadow(0 15px 16px rgba(72,53,39,.20)) drop-shadow(0 27px 38px rgba(67,48,35,.12));
}
.quiz-frame::before {
  content:'';position:absolute;inset:-2px;z-index:-1;
  background:linear-gradient(128deg,#f9eccc 0%,#b9a080 13%,#d8c2a2 25%,#f4e8d3 48%,#ab8e6e 73%,#f2e1c5 100%);
  mask-image:url("assets/asset-b0bd1a2c43e6.svg");
  mask-size:100% 100%;mask-repeat:no-repeat;
}
.quiz-box {
  background:
    radial-gradient(ellipse at 9% 8%,rgba(255,255,255,.88),transparent 58%),
    linear-gradient(112deg,rgba(250,247,239,.94),rgba(248,244,233,.93) 46%,rgba(235,225,209,.96));
  border:0;
  box-shadow:inset 0 0 0 1px rgba(191,161,127,.19),inset 0 22px 45px rgba(255,255,255,.4);
  mask-image:url("assets/asset-b0bd1a2c43e6.svg");
  mask-size:100% 100%;mask-repeat:no-repeat;
  padding:clamp(48px,5.1vw,70px) clamp(40px,5vw,65px);
  min-height:570px;
}
.quiz-box h3 {letter-spacing:-.027em}
.quiz-topline {font-size:9px;letter-spacing:.095em}
.quiz-progress {margin:22px 0 33px}
.quiz-option {border-radius:14px;background:rgba(255,255,255,.33);padding:15px 15px;}
.quiz-option:hover,.quiz-option:focus-visible {background:rgba(255,255,255,.68);box-shadow:0 5px 18px rgba(105,79,57,.07)}
/* One natural rose, optically grounded in the paper rather than sticker-like. */
.rose-scene {position:absolute;z-index:-1;left:-30%;top:17%;width:35%;filter:drop-shadow(12px 15px 8px rgba(72,52,38,.18));transform:rotate(-14deg);transform-origin:60% 80%;pointer-events:none;}
.rose-scene img {width:100%;height:auto;object-fit:contain;}
@keyframes rose-sway {0%,100%{transform:rotate(-14deg) translateY(0)}50%{transform:rotate(-11.5deg) translateY(-3px)}}
.rose-scene.in-view {animation:rose-sway 9s ease-in-out infinite}
@media(max-width:1020px) {
  .match-layout {grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:36px}
  .quiz-box{padding:56px 42px}
  .crimson-stripes{left:-23px;bottom:15%}
}
@media(max-width:720px) {
  .site-header {height:70px;margin-bottom:-70px;padding:0 19px}
  .hero {background:var(--ivory)}
  .hero-media{height:min(122vw,605px)}
  .hero h1 {font-size:clamp(46px,11.9vw,73px);line-height:1.035;text-shadow:none}
  .hero h1 em {letter-spacing:-.057em}
  .collection.section {background-size:auto 100%;background-position:40% 50%}
  .match-section {background-position:48% 50%}
  .match-layout{display:flex;flex-direction:column;gap:7px}
  .quiz-scene{width:100%;padding:24px 4px 25px;margin-top:13px}
  .quiz-box{padding:55px 32px 62px;min-height:520px}
  .quiz-heading{font-size:clamp(29px,7.4vw,37px)}
  .quiz-sub{font-size:12px}
  .quiz-option{padding:14px 12px;border-radius:13px}
  .quiz-option strong{font-size:12px}
  .quiz-option small{font-size:10.5px}
  .crimson-stripes{left:0;bottom:-8px;gap:13px}
  .crimson-stripes i{height:52px;width:7px}
  .oval-tray{width:85%;height:22%;right:-2%;bottom:4%;}
  .rose-scene{width:25%;left:-9%;top:-3%;z-index:1;opacity:.87}
  .quiz-topline{font-size:8px}
  .quiz-progress{margin:18px 0 26px}
}
@media (max-width:390px){
  .quiz-box{padding:52px 29px 56px}
  .quiz-scene{padding-left:2px;padding-right:2px}
}
@media(prefers-reduced-motion:reduce){.rose-scene.in-view{animation:none!important}}
/* Final mobile margin: no quiz text inside the decorative die-cut edge. */
@media(max-width:720px){
  .quiz-box{padding:76px 42px 75px;min-height:560px}
  .quiz-topline{letter-spacing:.06em}
  .quiz-result .result-actions{gap:7px}
  .quiz-result .result-actions a{padding:12px 13px}
}
@media(max-width:360px){
  .quiz-box{padding:76px 36px 74px}
  .quiz-topline{font-size:7.5px}
}


/* ================================================================
   XAMIYA SECTION 03 · V3 photographed die-cut stationery layers
   All translations are small, view-triggered, and disabled with
   prefers-reduced-motion. Content itself is kept optically stable.
   Layer stacking (back to front): light-textured base, two crimson
   accents, photographed metal tray, photo-paper die-cut card, rose.
   ================================================================ */
.match-section {isolation:isolate;}
.match-section::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(ellipse at 76% 20%,rgba(255,254,244,.19),transparent 57%),
 radial-gradient(ellipse at 19% 90%,rgba(103,74,55,.065),transparent 51%);}
.match-layout,.quiz-footnote{position:relative;z-index:1}
.quiz-scene{
  --rose-track-x:0px;--rose-pointer-x:0px;--rose-track-y:0px;
  --tray-track-x:0px;--tray-track-y:0px;
  --card-track-y:0px;
  perspective:1500px;
  transform-style:preserve-3d;
  isolation:isolate;
  overflow:visible;
}
.quiz-frame{
  z-index:3;
  transform:translate3d(0,var(--card-track-y),0);
  transform-origin:center center;
  transition:transform 230ms ease-out;
}
.quiz-box{
  background-image:
    linear-gradient(120deg,rgba(255,255,255,.48),rgba(255,249,237,.22) 38%,rgba(112,78,49,.085) 100%),
    url("assets/asset-f8713f84940a.webp");
  background-size:cover,cover;
  background-position:center,center;
  background-blend-mode:normal,multiply;
  box-shadow:inset 0 18px 28px rgba(255,255,255,.36),inset 0 -12px 35px rgba(112,85,62,.055);
}
.quiz-frame::before{
  background:linear-gradient(120deg,#9d8257,#efe3cd 14%,#ae9773 33%,#f0e1c7 52%,#a89064 75%,#f4e7d2);
}
.quiz-frame::after{
  content:'';position:absolute;inset:0;z-index:4;pointer-events:none;
  background-image:url("assets/asset-fb335a740ee2.svg");
  background-repeat:no-repeat;background-size:100% 100%;
  opacity:.64;
}
.quiz-topline,.quiz-progress,.quiz-label,.quiz-heading,.quiz-sub,.quiz-options,.quiz-result,.quiz-back{position:relative;z-index:5}
.oval-tray{
  z-index:1;
  border:2px solid rgba(143,113,72,.40);
  background-image:linear-gradient(115deg,rgba(234,213,185,.3),rgba(74,55,44,.08) 65%,rgba(250,228,190,.18)),url("assets/asset-318c37a2d310.webp");
  background-size:cover,cover;
  box-shadow:0 19px 22px rgba(65,46,31,.17),inset 0 0 0 7px rgba(233,210,180,.41),inset 0 0 0 9px rgba(112,75,46,.36),inset 0 0 35px rgba(255,248,230,.20);
  transform:translate3d(var(--tray-track-x),var(--tray-track-y),0) rotate(-8deg) skew(-4deg,1deg);
  transition:transform 250ms ease-out;
  opacity:.83;
}
.crimson-stripes{z-index:0;}
.scene-rose{
  position:absolute;
  z-index:2;
  width:clamp(140px,39%,218px);
  left:-19%;top:-4%;
  pointer-events:none;user-select:none;
  transform-origin:58% 67%;
  transform:translate3d(calc(var(--rose-track-x) + var(--rose-pointer-x)),var(--rose-track-y),0) rotate(-17deg);
  filter:drop-shadow(9px 13px 6px rgba(62,38,26,.23));
  transition:transform 210ms cubic-bezier(.2,.65,.28,1);
  will-change:transform;
}
.scene-rose img{display:block;width:100%;height:auto;object-fit:contain;}
.quiz-scene .quiz-frame{filter:drop-shadow(0 11px 12px rgba(70,51,36,.15)) drop-shadow(0 25px 36px rgba(63,44,30,.12));}
/* Unlike a tilted flat lay, the real quiz is front-facing and readable. */
@media (max-width:1020px){
 .scene-rose{left:-13%;top:-7%;width:34%;}
}
@media (max-width:720px){
 .scene-rose{width:33%;left:-10%;top:-4%;z-index:2;filter:drop-shadow(5px 9px 4px rgba(62,38,26,.17))}
 .quiz-frame{z-index:3}
 .quiz-scene{perspective:none}
 .oval-tray{z-index:1}
 .crimson-stripes{z-index:0}
}
@media (max-width:390px){
 .scene-rose{width:32%;left:-10%;top:-5%;}
}
@media(prefers-reduced-motion:reduce){
 .scene-rose,.quiz-frame,.oval-tray{transform:none!important;transition:none!important;will-change:auto!important}
 .scene-rose{transform:rotate(-17deg)!important}
 .oval-tray{transform:rotate(-8deg)!important}
}


/* ================================================================
   XAMIYA SECTION 03 · V4 CENTRED PAPER QUIZ
   Owner-approved cleanup: no production annotations; consistent
   optical padding, centred questions/options and tactile buttons.
   A single value controls all four paddings at each breakpoint.
   ================================================================ */
.quiz-topline,.quiz-progress,.quiz-label {display:none!important}
.quiz-box {
  --paper-inset:58px;
  padding:var(--paper-inset);
  min-height:640px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#quizBody {width:100%;max-width:450px;margin:auto;position:relative;z-index:5;}
.quiz-heading {text-align:center;text-wrap:balance;font-size:clamp(30px,3vw,41px);line-height:1.13;margin:0 auto 14px;}
.quiz-sub {text-align:center;margin:0 auto 24px;max-width:350px;text-wrap:balance;}
.quiz-options {display:grid;gap:12px;margin:0 auto 15px;width:100%;}
.quiz-option {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:65px;
  padding:14px 17px;
  background:linear-gradient(148deg,rgba(255,255,255,.87),rgba(253,249,241,.78) 46%,rgba(241,232,219,.94));
  border:1px solid rgba(183,158,130,.72);
  border-radius:14px;
  box-shadow:0 2px 1px rgba(255,255,255,.62) inset, 0 1px 2px rgba(103,73,51,.11),
    0 5px 8px rgba(89,60,39,.11),0 12px 20px rgba(91,63,44,.09);
  transform:translateY(0);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.quiz-option strong {line-height:1.35;}
.quiz-option small {margin:5px auto 0;max-width:310px;line-height:1.4;}
.quiz-option svg {display:none;}
.quiz-option:hover,.quiz-option:focus-visible {
  background:linear-gradient(135deg,#fffdf9,#f8f0e6);
  border-color:rgba(118,50,48,.73);
  transform:translateY(-2px);
  box-shadow:0 2px 2px rgba(255,255,255,.78) inset,0 5px 9px rgba(84,57,38,.13),0 15px 22px rgba(84,57,38,.14);
}
.quiz-option:active {
  transform:translateY(1px);
  box-shadow:inset 0 2px 5px rgba(98,64,43,.13),0 2px 3px rgba(84,57,38,.12);
}
.quiz-back {display:block;margin:8px auto 0;text-align:center;}
.quiz-result {text-align:center;}
.quiz-result .result-top {margin-top:0;}
.quiz-result h3 {margin:12px 0 12px;}
.quiz-result .reason-list {margin:17px auto 20px;max-width:355px;text-align:center;padding-left:0;list-style:none;}
.quiz-result .reason-list li {padding-left:0;}
.quiz-result .reason-list li::before {content:'✧';display:block;font-size:12px;color:#a88762;height:16px;line-height:16px;}
.quiz-result .result-actions{justify-content:center;gap:10px;}
.result-actions .primary-action,.result-actions .secondary-action {
  border-radius:12px;
  justify-content:center;
  text-align:center;
  box-shadow:0 2px 3px rgba(255,255,255,.15) inset, 0 6px 10px rgba(83,55,42,.13),0 12px 22px rgba(83,55,42,.09);
  transition:transform .2s ease,box-shadow .2s ease;
}
.result-actions a:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(83,55,42,.2);}
@media(max-width:1020px){.quiz-box{--paper-inset:48px;min-height:630px;}}
@media(max-width:720px){
 .quiz-box{--paper-inset:36px;min-height:620px;}
 .quiz-heading{font-size:clamp(28px,7vw,35px)}
 .quiz-sub{margin-bottom:21px}
 .quiz-option{min-height:58px;padding:12px 11px;border-radius:13px}
 .quiz-options{gap:10px}
 .quiz-result .result-actions{flex-direction:column;align-items:stretch}
 .quiz-result .result-actions a{min-height:44px}
}
@media(max-width:360px){
 .quiz-box{--paper-inset:29px;min-height:630px}
 .quiz-heading{font-size:27px;}
 .quiz-option{padding:10px 8px;min-height:56px}
 .quiz-sub{margin-bottom:17px}
}
@media(prefers-reduced-motion:reduce){.quiz-option,.result-actions a{transition:none!important;}}


/* =========================================================
   XAMIYA E-VITE V5  |  2026-10-28
   MOBILE HR-02 + SEAMLESS BALI PHOTO TRANSITION + COLLECTION
   Fully bundled with the original V4 content, imagery and JS.
   Scope: #xamiya-e2-v5. Undo: restore prior Elementor widget.
   ========================================================= */
#xamiya-e2-v5 {
  --ivory: #f6f2ea;
  width:100vw;
  max-width:none;
  position:relative;
  left:50%;
  margin-left:-50vw;
  overflow-x:clip;
  isolation:isolate;
  color:#352e29;
  background:var(--ivory);
}
#xamiya-e2-v5,#xamiya-e2-v5 *{box-sizing:border-box}
#xamiya-e2-v5 main{display:block;width:100%;overflow:visible}
#xamiya-e2-v5 .hero{
  display:block;
  position:relative;
  isolation:isolate;
  height:clamp(690px,84svh,930px);
  min-height:690px;
  overflow:hidden;
  background:#161b2d;
}
#xamiya-e2-v5 .hero-visual {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  isolation:isolate;
}
#xamiya-e2-v5 .hero-visual > .hero-media {
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
#xamiya-e2-v5 .hero-visual > .hero-media img{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 52%;
  animation:none!important;
}
#xamiya-e2-v5 .hero-visual > .hero-tint{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  background:linear-gradient(90deg,rgba(13,17,30,.61),rgba(16,21,35,.35) 40%,transparent 83%);
  pointer-events:none;
}
/* This is the only dark-to-ivory boundary; no hard photo cut. */
#xamiya-e2-v5 .hero-visual::after {
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  inset:auto 0 0;
  height:clamp(185px,21vh,260px);
  background:linear-gradient(to bottom,
    rgba(246,242,234,0) 0%,
    rgba(246,242,234,.025) 25%,
    rgba(246,242,234,.24) 56%,
    rgba(246,242,234,.70) 83%,
    #f6f2ea 100%);
}
#xamiya-e2-v5 .hero > .hero-content{
  position:relative;
  z-index:3;
  height:100%;
  padding-top:55px;
  padding-bottom:135px;
  display:flex;
  justify-content:center;
}
#xamiya-e2-v5 .hero-visual > .intro-strip {
  position:absolute;
  z-index:4;
  bottom:72px;
  left:0;
  right:0;
  height:auto;
  min-height:52px;
  display:block;
  margin:0;
  padding:0;
  border:0;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none;
}
#xamiya-e2-v5 .intro-strip .intro-strip-content {
  min-height:0;
  height:auto;
  padding:0 20px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:clamp(13px,2.6vw,44px);
  align-items:center;
  color:#fff9f4!important;
  font-style:italic;
  font-size:clamp(15px,1.35vw,20px);
  line-height:1.35;
  text-shadow:0 2px 12px rgba(18,13,20,.65);
}
#xamiya-e2-v5 .intro-strip .strip-diamond{color:#e5d4ba!important;opacity:.95;}
#xamiya-e2-v5 .hero-sidecaption,#xamiya-e2-v5 .hero-scroll {z-index:3;}
/* Section 02: true edge-to-edge background, without clipping cards. */
#xamiya-e2-v5 .collection.section.wrap {
  position:relative;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0!important;
  padding:clamp(75px,7vw,115px) clamp(22px,4.2vw,86px) clamp(70px,6vw,105px);
  background-position:center top;
  background-size:cover;
  box-shadow:none;
  overflow:visible;
}
#xamiya-e2-v5 .collection.section.wrap::before{z-index:0;}
#xamiya-e2-v5 .collection.section.wrap > *{position:relative;z-index:1;}
#xamiya-e2-v5 .collection .section-header{
  width:100%;
  max-width:none;
  min-width:0;
  align-items:end;
}
#xamiya-e2-v5 .collection .section-aside{min-width:0}
#xamiya-e2-v5 .collection .collection-rail {
  display:flex;
  width:100%;
  min-width:0;
  max-width:none;
  overflow-x:auto;
  overflow-y:hidden;
  gap:clamp(14px,1.25vw,22px);
  padding:0 0 12px;
  margin:0;
  scroll-padding-inline:1px;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
}
#xamiya-e2-v5 .collection .package-card {
  flex:0 0 clamp(258px,25.5vw,345px);
  width:clamp(258px,25.5vw,345px);
  min-width:0;
  max-width:none;
  display:flex;
  flex-direction:column;
}
#xamiya-e2-v5 .collection .package-image {width:100%;aspect-ratio:4/5;flex:0 0 auto;}
#xamiya-e2-v5 .collection .package-image img{width:100%;height:100%;object-fit:cover;}
#xamiya-e2-v5 .collection .package-meta{display:flex;flex-direction:column;flex:1;min-width:0;}
#xamiya-e2-v5 .collection .package-meta .package-link{margin-top:auto;}
#xamiya-e2-v5 .collection .package-meta h3{overflow-wrap:break-word;}
#xamiya-e2-v5 .collection .collection-foot {width:100%;min-width:0;}
/* On large monitors, show all five packages as an actual aligned editorial grid.
   Under that width they remain a horizontal keyboard/touch carousel. */
@media (min-width: 1500px){
  #xamiya-e2-v5 .collection .collection-rail {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(16px,1.35vw,24px);
    overflow:visible;
  }
  #xamiya-e2-v5 .collection .package-card{
    width:100%;min-width:0;max-width:none;flex:auto;
  }
  #xamiya-e2-v5 .collection .carousel-controls,
  #xamiya-e2-v5 .collection .collection-track{display:none!important;}
}
@media (min-width:721px) and (max-width:1499px){
  #xamiya-e2-v5 .collection .package-card{flex-basis:clamp(275px,28vw,370px);width:clamp(275px,28vw,370px)}
}
@media (max-width:1020px){
  #xamiya-e2-v5 .hero-visual>.intro-strip{bottom:57px;}
  #xamiya-e2-v5 .intro-strip .intro-strip-content{gap:15px;font-size:15px;}
}
@media (max-width:720px){
  #xamiya-e2-v5{width:100vw;overflow-x:clip;}
  #xamiya-e2-v5 .hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    background:var(--ivory);
    color:#352e29;
    overflow:visible;
    display:flex;
    flex-direction:column;
  }
  #xamiya-e2-v5 .hero-visual{
    position:relative;
    inset:auto;
    height:auto!important;
    aspect-ratio:941/1672;
    width:100%;
    min-height:0;
    overflow:hidden;
    flex:0 0 auto;
  }
  #xamiya-e2-v5 .hero-visual>.hero-media {
    position:absolute;
    inset:0;
    width:100%;height:100%;
    min-height:0;
    aspect-ratio:941/1672;
    flex:none!important;
  }
  #xamiya-e2-v5 .hero-visual>.hero-media img{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center;
    animation:none!important;
  }
  #xamiya-e2-v5 .hero-visual>.hero-tint{display:none;}
  #xamiya-e2-v5 .hero-visual::after{
    height:clamp(140px,27vw,210px);
    background:linear-gradient(to bottom,transparent 0%,rgba(246,242,234,.09) 48%,rgba(246,242,234,.75) 89%,#f6f2ea 100%);
  }
  #xamiya-e2-v5 .hero-visual>.intro-strip{
    display:block!important;
    z-index:4;
    bottom:clamp(55px,11vw,90px);
    height:auto;
    min-height:0;
    padding:0;
    background:transparent!important;
    border:none;
  }
  #xamiya-e2-v5 .intro-strip .intro-strip-content{
    width:calc(100% - 34px);
    margin-inline:auto;
    padding:0;
    min-height:0;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 10px;
    font-size:clamp(12px,3vw,15px);
    line-height:1.3;
    color:#fff9f4!important;
    text-align:center;
    text-shadow:0 1px 7px rgba(10,10,22,.85);
  }
  #xamiya-e2-v5 .intro-strip .strip-diamond{font-size:10px;}
  #xamiya-e2-v5 .hero > .hero-content{
    position:relative;
    z-index:2;
    height:auto!important;
    min-height:0;
    flex:none;
    display:block;
    padding:26px 0 50px;
    background:var(--ivory);
  }
  #xamiya-e2-v5 .hero h1{color:#352e29;text-shadow:none;}
  #xamiya-e2-v5 .hero-sidecaption,#xamiya-e2-v5 .hero-scroll{display:none;}
  #xamiya-e2-v5 .collection.section.wrap{
    padding:65px 19px 74px;
    width:100%;
    background-position:center center;
    background-size:cover;
  }
  #xamiya-e2-v5 .collection .collection-rail{
    margin:0;
    padding:0 15px 12px 0;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
  }
  #xamiya-e2-v5 .collection .package-card{
    min-width:0;
    flex:0 0 min(83vw,330px);
    width:min(83vw,330px);
  }
  #xamiya-e2-v5 .collection .package-meta{padding:19px 1px 10px;}
  #xamiya-e2-v5 .collection .package-meta h3{font-size:clamp(25px,6.8vw,29px)}
  #xamiya-e2-v5 .collection .package-meta p{min-height:0;}
  #xamiya-e2-v5 .collection .collection-foot{gap:10px;flex-wrap:wrap;}
}
@media (max-width:390px){
  #xamiya-e2-v5 .intro-strip .intro-strip-content{font-size:12px;gap:4px 8px;}
  #xamiya-e2-v5 .hero-visual>.intro-strip{bottom:58px;}
  #xamiya-e2-v5 .collection .package-card{flex-basis:83vw;width:83vw;}
}
@media (prefers-reduced-motion:reduce){
  #xamiya-e2-v5 .hero-visual img{animation:none!important;}
  #xamiya-e2-v5 .collection .collection-rail{scroll-behavior:auto;}
}

/* ============================================================
   XAMIYA V5.2 — MEDIUM-DESKTOP HEADER / HERO CLEARANCE
   721–1699px ONLY. Full desktop >=1700px and mobile <=720px
   retain the previous approved layout.
   The Hero eyebrow now starts safely below the navbar logo.
   ============================================================ */
@media (min-width:721px) and (max-width:1699px) {
  #xamiya-e2-v5 .site-header {
    height:96px;
    min-height:96px;
  }
  #xamiya-e2-v5 .site-header .brand {
    flex:0 0 auto;
    min-width:0;
  }
  #xamiya-e2-v5 .site-header .brand img {
    width:clamp(112px,9.4vw,145px);
    max-width:145px;
    height:auto;
    max-height:63px;
  }
  #xamiya-e2-v5 .hero {
    height:auto!important;
    min-height:clamp(820px,90svh,950px)!important;
  }
  #xamiya-e2-v5 .hero > .hero-content {
    height:auto!important;
    min-height:clamp(820px,90svh,950px);
    justify-content:center!important;
    box-sizing:border-box;
    padding-top:clamp(170px,14vw,225px)!important;
    padding-bottom:150px!important;
  }
  #xamiya-e2-v5 .hero h1 {
    font-size:clamp(52px,5.2vw,89px);
    line-height:1.025;
    max-width:min(940px,85vw);
  }
  #xamiya-e2-v5 .hero-eyebrow {
    margin-top:0;
  }
}
@media (min-width:721px) and (max-width:1050px) {
  #xamiya-e2-v5 .site-header .desktop-nav {gap:clamp(10px,1.4vw,20px);margin-right:clamp(13px,2vw,25px)}
  #xamiya-e2-v5 .site-header .desktop-nav a {font-size:11px}
  #xamiya-e2-v5 .site-header .header-wa {padding:12px 14px}
  #xamiya-e2-v5 .hero > .hero-content {padding-top:176px!important;}
  #xamiya-e2-v5 .hero h1 {font-size:clamp(49px,5.4vw,57px);max-width:95%;}
}


/* ==============================================================
   XAMIYA HOMEPAGE V5.3 — SECTION 04 / THE EVITE EXPERIENCE
   Live, cross-subdomain iframe. Isolated to #xamiya-e2-v5.
   ============================================================= */
#xamiya-e2-v5 .experience-section{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 76% 46%,#f8f2e9 0%,#eee3d6 42%,#e8dacc 100%);
  color:#352b2b;padding-block:clamp(90px,10vw,145px);
  border-top:1px solid #d8c9bc;
}
#xamiya-e2-v5 .experience-grain{
  position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.28;
  background-image:radial-gradient(#b89f89 0.45px,transparent .65px);
  background-size:6px 6px;
  mask-image:linear-gradient(90deg,#0007,transparent 85%);
}
#xamiya-e2-v5 .experience-layout{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;gap:clamp(24px,6vw,100px);
  min-height:760px;
}
#xamiya-e2-v5 .experience-story{position:relative;z-index:2;padding-block:20px;display:flex;flex-direction:column;align-items:flex-start;}
#xamiya-e2-v5 .experience-eyebrow{color:#92745f;margin:0 0 30px;}
#xamiya-e2-v5 .experience-section h2{
  font:400 clamp(57px,6.1vw,98px)/.99 var(--serif);
  letter-spacing:-.046em;color:#4b3031;margin:0 0 34px;
}
#xamiya-e2-v5 .experience-section h2 em{font-weight:400;color:#8b4652;}
#xamiya-e2-v5 .experience-seal-button{
  display:block;position:relative;width:clamp(168px,18vw,235px);aspect-ratio:874/820;
  border:0;background:none;padding:0;margin:0 0 5px -8px;isolation:isolate;
  -webkit-tap-highlight-color:transparent;
}
#xamiya-e2-v5 .experience-seal-button img{
  position:relative;z-index:2;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 14px 11px rgba(66,31,32,.19));
  animation:xamiya-seal-breathe 4.2s ease-in-out infinite;
  transition:filter .4s ease,transform .4s ease;
}
#xamiya-e2-v5 .experience-seal-button:hover img{
  filter:drop-shadow(0 17px 15px rgba(66,31,32,.23));
  transform:translateY(-3px) scale(1.035);
}
#xamiya-e2-v5 .experience-seal-button:focus-visible{outline:2px solid #6b2435;outline-offset:7px;border-radius:50%;}
#xamiya-e2-v5 .experience-seal-halo{
  position:absolute;z-index:1;inset:9%;border:1px solid rgba(119,48,65,.27);border-radius:50%;
  animation:xamiya-seal-halo 4.2s ease-in-out infinite;pointer-events:none;
}
@keyframes xamiya-seal-breathe{
  0%,100%{transform:scale(1)}50%{transform:scale(1.038)}
}
@keyframes xamiya-seal-halo{
  0%,100%{transform:scale(1.08);opacity:.42}50%{transform:scale(1.27);opacity:0}
}
#xamiya-e2-v5 .experience-gesture{
  margin:0 0 28px;font:italic 19px/1.45 var(--serif);color:#775f59;
}
#xamiya-e2-v5 .experience-gesture span{font-style:normal;font-size:16px;margin-left:6px;}
#xamiya-e2-v5 .experience-external{
  font-size:12px;font-weight:600;letter-spacing:.015em;
  color:#6e3b46;border-bottom:1px solid #b28e88;padding-bottom:9px;
  transition:color .2s,border-color .2s;
}
#xamiya-e2-v5 .experience-external:hover{color:#4a1726;border-color:#4a1726;}
#xamiya-e2-v5 .experience-external span{margin-left:18px;}
#xamiya-e2-v5 .experience-device-area{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:0;scroll-margin-top:32px;
}
#xamiya-e2-v5 .experience-device-aura{
  position:absolute;width:min(95%,550px);height:73%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(110,38,58,.14),rgba(111,46,66,.06) 47%,transparent 70%);
  filter:blur(24px);transform:translate(14px,8px);pointer-events:none;
}
#xamiya-e2-v5 .experience-phone{
  --device-width:clamp(292px,29vw,376px);
  position:relative;z-index:1;width:var(--device-width);
  aspect-ratio: 9 / 19.5;
  border-radius:clamp(42px,4.4vw,58px);
  padding:5px;
  background:linear-gradient(110deg,#38101d 0%,#9c5d65 7%,#451522 17%,#6e3042 42%,#300d1b 72%,#b1797e 93%,#3c1221 100%);
  box-shadow:0 40px 55px rgba(49,24,29,.23),0 10px 18px rgba(49,24,29,.18),inset 1px 1px 1px #e2acac80,inset -2px -2px 2px #1b0910;
  transition:box-shadow .6s ease,transform .6s ease;
}
#xamiya-e2-v5 .experience-device-area.is-activated .experience-phone{
  box-shadow:0 42px 60px rgba(49,24,29,.28),0 0 0 9px rgba(125,59,76,.12),inset 1px 1px 1px #e2acac80;
}
#xamiya-e2-v5 .experience-phone-rim{
  width:100%;height:100%;padding:6px;border-radius:inherit;
  background:linear-gradient(135deg,#100b10,#251018 52%,#110a0e);
  box-shadow:inset 0 0 0 1px #bd88913d;
}
#xamiya-e2-v5 .experience-screen{
  position:relative;width:100%;height:100%;overflow:hidden;border-radius:clamp(32px,3.9vw,46px);
  background:#3a1a28;isolation:isolate;
}
#xamiya-e2-v5 .experience-screen iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;display:block;
  background:#f5ece4;z-index:2;
}
#xamiya-e2-v5 .experience-screen iframe:not([src]){opacity:0;pointer-events:none;}
#xamiya-e2-v5 .experience-screen-fallback{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:22px;background:radial-gradient(ellipse at 50% 32%,#733a4c,#341320 75%);z-index:1;
  color:#e7c9b7;
}
#xamiya-e2-v5 .experience-loading-mark{
  font:400 110px/1 var(--serif);color:#b98e82;opacity:.4;
}
#xamiya-e2-v5 .experience-loading-name{font-size:10px;letter-spacing:.28em;}
#xamiya-e2-v5 .experience-island{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  width:29%;height:24px;border-radius:99px;background:#09070a;z-index:4;
  box-shadow:0 1px 2px #2228;pointer-events:none;
}
#xamiya-e2-v5 .experience-sidekey,#xamiya-e2-v5 .experience-powerkey{
  position:absolute;width:3px;background:linear-gradient(90deg,#3e1b27,#a16a71,#3d1624);
  border-radius:2px;z-index:0;
}
#xamiya-e2-v5 .experience-sidekey{left:-2px;height:9%;}
#xamiya-e2-v5 .experience-sidekey-top{top:19%;}
#xamiya-e2-v5 .experience-sidekey-bottom{top:31%;}
#xamiya-e2-v5 .experience-powerkey{right:-2px;top:25%;height:12%;}
#xamiya-e2-v5 .experience-device-caption{
  position:relative;margin:24px 0 0;text-align:center;color:#977d74;
  font-size:9px;letter-spacing:.23em;line-height:1.7;font-weight:600;
}
@media(min-width:721px) and (max-width:1200px){
  #xamiya-e2-v5 .desktop-nav a[href="#experience"]{display:none;}
}
@media(max-width:920px){
  #xamiya-e2-v5 .experience-layout{gap:20px;min-height:0;}
  #xamiya-e2-v5 .experience-section h2{font-size:clamp(50px,6.5vw,75px);}
  #xamiya-e2-v5 .experience-phone{--device-width:clamp(275px,36vw,342px);}
}
@media(max-width:720px){
  #xamiya-e2-v5 .experience-section{padding-block:76px 80px;}
  #xamiya-e2-v5 .experience-layout{grid-template-columns:minmax(0,1fr);gap:34px;}
  #xamiya-e2-v5 .experience-story{align-items:center;text-align:center;padding:0;}
  #xamiya-e2-v5 .experience-eyebrow{margin-bottom:22px;}
  #xamiya-e2-v5 .experience-section h2{font-size:clamp(48px,12vw,69px);margin-bottom:20px;}
  #xamiya-e2-v5 .experience-seal-button{width:155px;margin:0 0 0;}
  #xamiya-e2-v5 .experience-gesture{font-size:17px;margin-bottom:16px;}
  #xamiya-e2-v5 .experience-phone{--device-width:min(83vw,354px);}
  #xamiya-e2-v5 .experience-device-caption{font-size:8px;letter-spacing:.16em;margin-top:22px;}
}
@media(max-width:360px){
  #xamiya-e2-v5 .experience-phone{--device-width:85vw;}
  #xamiya-e2-v5 .experience-section h2{font-size:46px;}
}
@media(prefers-reduced-motion:reduce){
  #xamiya-e2-v5 .experience-seal-button img,
  #xamiya-e2-v5 .experience-seal-halo{animation:none!important;}
  #xamiya-e2-v5 .experience-phone{transition:none;}
}


/* V5.4 / LOVE NOTES — one immersive stationery card per snap, never autoplay. */
#xamiya-e2-v5 .love-notes-section{
  padding:clamp(76px,9vw,132px) 0 clamp(78px,9vw,126px);
  background:radial-gradient(ellipse at 52% 44%,#faf6f2 0%,#f6f0ec 56%,#f0e7e2 100%);
  overflow:hidden;position:relative;
}
#xamiya-e2-v5 .love-notes-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:radial-gradient(#ac8e86 0.45px,transparent .45px);
  background-size:9px 9px;
}
#xamiya-e2-v5 .love-notes-heading{position:relative;text-align:center;margin-bottom:clamp(24px,4vw,46px);}
#xamiya-e2-v5 .love-notes-heading .eyebrow{margin-bottom:18px;}
#xamiya-e2-v5 .love-notes-heading h2{margin:0;font:400 clamp(45px,6vw,84px)/.99 var(--serif);letter-spacing:-.027em;color:#4d2b35;}
#xamiya-e2-v5 .love-notes-heading h2 em{font-weight:400;color:#955767;}
#xamiya-e2-v5 .love-notes-subtitle{font:400 14px/1.7 var(--sans);color:#856f6f;margin:22px 0 0;}
#xamiya-e2-v5 .love-notes-carousel{position:relative;}
#xamiya-e2-v5 .love-notes-track{
  --love-card-width:min(77vw,690px);
  display:flex;align-items:center;gap:clamp(8px,1.5vw,24px);
  overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;
  scroll-padding-inline:calc((100% - var(--love-card-width))/2);
  padding:14px calc((100% - var(--love-card-width))/2) 34px;
  scrollbar-width:none;-ms-overflow-style:none;
}
#xamiya-e2-v5 .love-notes-track::-webkit-scrollbar{display:none;}
#xamiya-e2-v5 .love-notes-slide{
  flex:0 0 var(--love-card-width);scroll-snap-align:center;min-width:0;
  transition:transform .45s ease,filter .45s ease;
  transform:scale(.965);filter:saturate(.92);
}
#xamiya-e2-v5 .love-notes-slide.is-current{transform:scale(1);filter:saturate(1);}
#xamiya-e2-v5 .love-notes-paper{position:relative;aspect-ratio:3/2;width:100%;}
#xamiya-e2-v5 .love-notes-paper-art{
  width:100%;height:100%;object-fit:contain;display:block;
  filter:drop-shadow(0 16px 15px rgba(66,39,43,.15)) drop-shadow(0 4px 4px rgba(66,39,43,.10));
}
#xamiya-e2-v5 .love-notes-paper-copy{
  position:absolute;left:17.2%;top:29%;width:65.6%;height:49%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:#5d3038;pointer-events:none;
}
#xamiya-e2-v5 .love-notes-quote-mark{
  font:italic 400 clamp(26px,4.3vw,49px)/.65 var(--serif);
  color:#c78c94;opacity:.85;display:block;margin-bottom:4px;
}
#xamiya-e2-v5 .love-notes-quote{
  margin:0;max-width:100%;font:italic 400 clamp(13px,1.7vw,21px)/1.25 var(--serif);
  letter-spacing:-.013em;color:#64313a;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(84,44,50,.12);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;
}
#xamiya-e2-v5 .love-notes-heart{
  display:flex;align-items:center;justify-content:center;gap:9px;
  font:400 clamp(10px,1.2vw,15px)/1 var(--serif);color:#b87a86;margin:clamp(5px,1.1vw,12px) 0;
}
#xamiya-e2-v5 .love-notes-heart span{width:clamp(22px,3.7vw,49px);height:1px;background:#c9a4a0;}
#xamiya-e2-v5 .love-notes-author{
  margin:0;font:500 clamp(9px,1.08vw,12px)/1.3 var(--sans);
  letter-spacing:.19em;text-transform:uppercase;color:#63333b;
}
#xamiya-e2-v5 .love-notes-footer{
  display:flex;align-items:center;justify-content:center;gap:24px;position:relative;
}
#xamiya-e2-v5 .love-notes-arrow{
  width:46px;height:46px;border:1px solid #d5c3bd;border-radius:50%;
  background:#fff9f4;color:#733c4a;font-size:22px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s,transform .2s;
}
#xamiya-e2-v5 .love-notes-arrow:hover:not(:disabled){background:#703447;color:white;transform:translateY(-2px);}
#xamiya-e2-v5 .love-notes-arrow:disabled{opacity:.3;cursor:default;}
#xamiya-e2-v5 .love-notes-arrow:focus-visible,#xamiya-e2-v5 .love-notes-track:focus-visible{outline:2px solid #733c4a;outline-offset:4px;}
#xamiya-e2-v5 .love-notes-count{font:500 11px/1 var(--sans);letter-spacing:.22em;color:#8d7373;min-width:75px;text-align:center;}
@media(max-width:720px){
  #xamiya-e2-v5 .love-notes-track{--love-card-width:min(97vw,540px);gap:4px;padding-bottom:23px;}
  #xamiya-e2-v5 .love-notes-heading h2{font-size:clamp(43px,10vw,60px);}
  #xamiya-e2-v5 .love-notes-subtitle{font-size:12px;}
  #xamiya-e2-v5 .love-notes-quote-mark{font-size:clamp(22px,7vw,33px);margin-bottom:2px;}
  #xamiya-e2-v5 .love-notes-quote{font-size:clamp(11px,3.15vw,17px);line-height:1.22;-webkit-line-clamp:6;}
  #xamiya-e2-v5 .love-notes-heart{margin:5px 0;gap:6px;}
  #xamiya-e2-v5 .love-notes-author{font-size:clamp(8px,2.3vw,11px);letter-spacing:.14em;}
  #xamiya-e2-v5 .love-notes-paper-copy{top:28.5%;height:51%;}
  #xamiya-e2-v5 .love-notes-arrow{width:42px;height:42px;}
}
@media(max-width:360px){
  #xamiya-e2-v5 .love-notes-quote{font-size:10.8px;line-height:1.14;}
  #xamiya-e2-v5 .love-notes-heart{margin:3px 0;}
}
@media(prefers-reduced-motion:reduce){
  #xamiya-e2-v5 .love-notes-slide,#xamiya-e2-v5 .love-notes-arrow{transition:none;}
}
/* V5.4: prioritize Live Experience in the compact desktop navigation. */
@media(min-width:721px) and (max-width:1200px){
  #xamiya-e2-v5 .desktop-nav a[href="#experience"]{display:inline;}
  #xamiya-e2-v5 .desktop-nav a[href="#love-notes"]{display:none;}
  #xamiya-e2-v5 .desktop-nav a[href="https://evite.xamiya.com/pricing/"]{display:none;}
}
@media(min-width:1201px) and (max-width:1499px){
  #xamiya-e2-v5 .desktop-nav{gap:18px;margin-right:22px;}
  #xamiya-e2-v5 .desktop-nav a{font-size:11px;}
}


/* ============================================================
   XAMIYA HOMEPAGE V5.5 — ULUWATU CANDLELIGHT HERO
   Clean photographic plate, real HTML logo/menu/copy/CTA.
   01 -> 02: single continuous ivory tone, no hard border or wave.
   ============================================================ */
#xamiya-e2-v5 { --hero-bridge-ivory:#f6f2ea; }
#xamiya-e2-v5 .site-header {
  position:absolute!important;top:0;left:0;right:0;z-index:25;
  height:clamp(90px,8.5vw,112px);min-height:0;
  background:transparent!important;border:0;box-shadow:none;
  color:#f9ebd4;
}
#xamiya-e2-v5 .site-header .brand img {
  filter:none!important;width:clamp(135px,12vw,184px);max-height:80px;
  object-fit:contain;
}
#xamiya-e2-v5 .site-header .desktop-nav a {color:#f6e9d7;text-shadow:0 1px 9px rgba(10,14,28,.5);font-size:11px;letter-spacing:.065em;}
#xamiya-e2-v5 .site-header .desktop-nav a:hover {color:#f3cda4;}
#xamiya-e2-v5 .site-header .menu-toggle span{background:#f9e9d8;}
#xamiya-e2-v5 .site-header .mobile-nav {background:#f8f4ee;color:#352e29;box-shadow:0 14px 32px #1c152c45;}
#xamiya-e2-v5 .site-header .mobile-nav a{color:#352e29;text-shadow:none;}
#xamiya-e2-v5 .site-header .heart-enquire{
  position:relative;display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;width:106px;height:99px;padding:0;margin:0;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none;color:#eed4a6;isolation:isolate;
  transform-origin:center 46%;animation:xamiya-heart-breathe 3.8s ease-in-out infinite;
}
#xamiya-e2-v5 .heart-enquire::before{
  content:"";position:absolute;inset:17% 11% 12%;z-index:-1;
  border-radius:50%;filter:blur(14px);background:#e1a36a;
  opacity:.19;animation:xamiya-heart-halo 3.8s ease-in-out infinite;
}
#xamiya-e2-v5 .heart-enquire-shape{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 7px rgba(8,4,16,.55));}
#xamiya-e2-v5 .heart-enquire-text{
  position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);
  padding:0!important;white-space:nowrap;
  color:#efd4a3;font:600 12px/1 var(--serif);letter-spacing:.105em;
  text-transform:uppercase;text-shadow:0 1px 0 #350b1a,0 -1px 0 #f7dfb655;
}
#xamiya-e2-v5 .heart-enquire:hover,#xamiya-e2-v5 .heart-enquire:focus-visible{animation-play-state:paused;transform:scale(1.05);}
#xamiya-e2-v5 .heart-enquire:focus-visible{outline:2px solid #f0d6a3;outline-offset:3px;border-radius:44%!important;}
@keyframes xamiya-heart-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.028)}}
@keyframes xamiya-heart-halo{0%,100%{opacity:.15}50%{opacity:.27}}
#xamiya-e2-v5 .hero{
  display:block!important;position:relative;isolation:isolate;
  height:clamp(720px,90svh,980px)!important;min-height:720px!important;
  background:#142039;color:#fff3df;overflow:hidden!important;
}
#xamiya-e2-v5 .hero-visual{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;}
#xamiya-e2-v5 .hero-visual>.hero-media,
#xamiya-e2-v5 .hero-visual>.hero-motion{position:absolute;inset:0;width:100%;height:100%;display:block;}
#xamiya-e2-v5 .hero-visual>.hero-media img,
#xamiya-e2-v5 .hero-visual>.hero-motion{
  width:100%;height:100%;object-fit:cover;object-position:54% center;
  animation:none!important;
}
#xamiya-e2-v5 .hero-visual>.hero-motion{z-index:1;opacity:0;transition:opacity 1.2s ease;pointer-events:none;}
#xamiya-e2-v5 .hero-visual>.hero-motion.is-ready{opacity:1;}
#xamiya-e2-v5 .hero-visual>.hero-tint{
  z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(7,17,34,.58) 0%,rgba(7,17,34,.30) 31%,rgba(7,17,34,.02) 66%,transparent 95%);
}
#xamiya-e2-v5 .hero-visual::after{
  content:"";position:absolute;inset:auto 0 0;height:clamp(185px,23vh,290px);
  z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(246,242,234,0) 0%,rgba(246,242,234,.015) 19%,
    rgba(246,242,234,.14) 40%,rgba(246,242,234,.46) 66%,
    rgba(246,242,234,.84) 88%,var(--hero-bridge-ivory) 100%);
}
#xamiya-e2-v5 .hero>.hero-content{
  position:relative;z-index:5;box-sizing:border-box;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  height:100%!important;min-height:0!important;
  padding-top:clamp(150px,16vh,205px)!important;
  padding-bottom:clamp(160px,19vh,210px)!important;
  pointer-events:none;
}
#xamiya-e2-v5 .hero>.hero-content a{pointer-events:auto;}
#xamiya-e2-v5 .hero-eyebrow{margin:0 0 19px;font-size:10px;letter-spacing:.24em;color:#f0d9c0;text-shadow:0 2px 10px #071020aa;}
#xamiya-e2-v5 .hero h1{
  font:400 clamp(38px,3.35vw,61px)/1.14 var(--serif);
  max-width:min(570px,45vw)!important;letter-spacing:.01em;
  color:#fff0d8;text-shadow:0 2px 18px #081329a8;
  text-transform:none;
}
#xamiya-e2-v5 .hero h1 em{font-style:italic;font-weight:400;letter-spacing:-.015em;}
#xamiya-e2-v5 .hero-description{margin:24px 0 30px;max-width:480px;color:#f4e6d5;font:400 clamp(13px,1.1vw,16px)/1.7 var(--serif);letter-spacing:.03em;text-shadow:0 2px 10px #081329bd;}
#xamiya-e2-v5 .hero-cta-row{gap:25px;align-items:center;}
#xamiya-e2-v5 .hero .btn-light{
  background:linear-gradient(160deg,#7d1730 0%,#570b21 75%,#390919 100%);
  color:#f4d8a6;border:1px solid #caa66e;border-radius:100px;
  box-shadow:inset 0 1px 0 #edbca34d,0 4px 16px #0e071c60;
  padding:16px 25px;gap:20px;font:600 11px/1.25 var(--serif);
  text-transform:uppercase;letter-spacing:.12em;
}
#xamiya-e2-v5 .hero .btn-light:hover{background:#761d32;transform:translateY(-2px);}
#xamiya-e2-v5 .hero-link{color:#f7e4cb;font:400 12px/1.5 var(--serif);text-shadow:0 1px 9px #081329;}
#xamiya-e2-v5 .hero-scroll{z-index:5;bottom:clamp(82px,10vh,120px);color:#5d4744;opacity:.78;}
/* Section 02 starts with the exact color that ends the Hero fade. */
#xamiya-e2-v5 .experience-section{
  margin-top:-1px;border-top:0!important;
  background:linear-gradient(to bottom,var(--hero-bridge-ivory) 0%,rgba(246,242,234,.94) 130px,rgba(246,242,234,0) 300px),
    radial-gradient(ellipse at 76% 47%,#f8f2e9 0%,#eee3d6 42%,#e8dacc 100%);
  padding-top:clamp(85px,9vw,125px);
}
#xamiya-e2-v5 .experience-grain{mask-image:linear-gradient(to bottom,transparent,#000 210px);}
@media (min-width:721px) and (max-width:1699px){
  #xamiya-e2-v5 .site-header{height:clamp(90px,8.5vw,112px)!important;min-height:0!important;}
  #xamiya-e2-v5 .site-header .brand img{width:clamp(128px,10vw,164px);max-width:none;max-height:80px;}
  #xamiya-e2-v5 .hero{height:clamp(720px,90svh,950px)!important;min-height:720px!important;}
  #xamiya-e2-v5 .hero>.hero-content{height:100%!important;min-height:0!important;padding-top:165px!important;padding-bottom:165px!important;}
  #xamiya-e2-v5 .hero h1{font-size:clamp(38px,3.35vw,61px)!important;max-width:min(570px,45vw)!important;}
}
@media (max-width:1000px) and (min-width:721px){
  #xamiya-e2-v5 .site-header .desktop-nav{gap:11px;margin-right:8px;}
  #xamiya-e2-v5 .site-header .desktop-nav a{font-size:9px;}
  #xamiya-e2-v5 .site-header .heart-enquire{width:88px;height:84px;}
  #xamiya-e2-v5 .hero h1{font-size:clamp(34px,4vw,43px)!important;max-width:44vw!important;}
}
@media (max-width:720px){
  #xamiya-e2-v5 .site-header{height:78px!important;padding:0 16px!important;}
  #xamiya-e2-v5 .site-header .brand img{width:118px!important;max-height:55px;}
  #xamiya-e2-v5 .site-header .nav-actions{gap:5px;}
  #xamiya-e2-v5 .site-header .heart-enquire{width:79px;height:74px;}
  #xamiya-e2-v5 .site-header .heart-enquire-text{font-size:9px;}
  #xamiya-e2-v5 .site-header .menu-toggle{width:31px;}
  #xamiya-e2-v5 .hero{
    height:auto!important;min-height:0!important;max-height:none!important;
    background:var(--hero-bridge-ivory);color:#352e29;
    display:flex!important;flex-direction:column;overflow:visible!important;
  }
  #xamiya-e2-v5 .hero-visual{
    position:relative;inset:auto;flex:0 0 auto;
    width:100%;height:clamp(350px,105vw,555px)!important;aspect-ratio:auto;
    background:#142039;overflow:hidden;
  }
  #xamiya-e2-v5 .hero-visual>.hero-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;}
  #xamiya-e2-v5 .hero-visual>.hero-media img{object-fit:cover;object-position:57% 45%;width:100%;height:100%;}
  #xamiya-e2-v5 .hero-visual>.hero-motion{display:none!important;}
  #xamiya-e2-v5 .hero-visual>.hero-tint{display:block;z-index:2;background:linear-gradient(180deg,#06122766 0%,transparent 38%,transparent 66%,#f6f2ea18 83%);}
  #xamiya-e2-v5 .hero-visual::after{
    height:clamp(105px,25vw,170px);z-index:3;
    background:linear-gradient(to bottom,transparent 0%,rgba(246,242,234,.1) 25%,rgba(246,242,234,.75) 78%,var(--hero-bridge-ivory) 100%);
  }
  #xamiya-e2-v5 .hero>.hero-content{
    position:relative;z-index:4;display:block;flex:none;
    height:auto!important;min-height:0!important;
    padding:0 0 45px!important;margin-top:-12px;
    background:var(--hero-bridge-ivory);pointer-events:auto;
  }
  #xamiya-e2-v5 .hero-eyebrow{color:#8e6b61;text-shadow:none;margin-bottom:14px;font-size:9px;}
  #xamiya-e2-v5 .hero h1{
    font-size:clamp(38px,10vw,61px)!important;max-width:100%!important;
    line-height:1.03;letter-spacing:-.015em;color:#352e29;text-shadow:none;
  }
  #xamiya-e2-v5 .hero-description{color:#75665f;text-shadow:none;font-size:14px;margin:20px 0 24px;}
  #xamiya-e2-v5 .hero-cta-row{gap:15px;}
  #xamiya-e2-v5 .hero .btn-light{font-size:11px;padding:16px 20px;}
  #xamiya-e2-v5 .hero-link{color:#66514b;text-shadow:none;font-size:12px;}
  #xamiya-e2-v5 .hero-scroll{display:none;}
  #xamiya-e2-v5 .experience-section{padding-top:72px;}
}
@media (max-width:390px){
  #xamiya-e2-v5 .site-header .brand img{width:104px!important;}
  #xamiya-e2-v5 .site-header .heart-enquire{width:71px;height:69px;}
  #xamiya-e2-v5 .hero h1{font-size:clamp(35px,9.6vw,43px)!important;}
}
@media (prefers-reduced-motion:reduce){
  #xamiya-e2-v5 .heart-enquire,#xamiya-e2-v5 .heart-enquire::before{animation:none!important;}
  #xamiya-e2-v5 .hero-motion{display:none!important;}
}


/* ============================================================
   XAMIYA HOMEPAGE V5.6 — EDITORIAL FINISH / NAVIGATION
   ============================================================ */
#xamiya-e2-v5 .design-philosophy{background:#f6f2ea;padding:clamp(90px,9vw,145px) 0 clamp(105px,11vw,165px);color:#392d2c;}
#xamiya-e2-v5 .design-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:end;margin-bottom:55px;}
#xamiya-e2-v5 .design-intro h2{font:400 clamp(52px,5.5vw,84px)/1.03 var(--serif);letter-spacing:-.036em;margin:16px 0 0;}
#xamiya-e2-v5 .design-intro h2 em{font-weight:400;color:#7b253d;}
#xamiya-e2-v5 .design-lede{max-width:400px;color:#756a62;font:400 clamp(15px,1.25vw,18px)/1.8 var(--serif);margin:0 0 5px;}
#xamiya-e2-v5 .design-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
#xamiya-e2-v5 .design-editorial-card{min-width:0;}
#xamiya-e2-v5 .design-editorial-image{position:relative;aspect-ratio:1/.94;overflow:hidden;background:#eae0d3;isolation:isolate;}
#xamiya-e2-v5 .design-editorial-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1);}
#xamiya-e2-v5 .design-editorial-card:hover .design-editorial-image img{transform:scale(1.025);}
#xamiya-e2-v5 .design-editorial-card-paper .design-editorial-image img{filter:sepia(.1) brightness(1.01);}
#xamiya-e2-v5 .design-editorial-card-detail .design-editorial-image img{object-position:58% center;}
#xamiya-e2-v5 .design-editorial-card-story .design-editorial-image{background:radial-gradient(ellipse at 63% 34%,#bd9c93,#4c1b2b 80%);}
#xamiya-e2-v5 .design-editorial-card-story .design-editorial-image img{object-fit:contain;width:110%;height:110%;transform:translate(-4%,1%);filter:drop-shadow(0 18px 15px #290c2070);}
#xamiya-e2-v5 .design-editorial-card-story:hover .design-editorial-image img{transform:translate(-4%,1%) scale(1.02);}
#xamiya-e2-v5 .design-material-type{position:absolute;bottom:19px;left:21px;font:600 10px/1.4 var(--sans);letter-spacing:.18em;color:#f9eee0;text-shadow:0 1px 8px #271d22;z-index:2;}
#xamiya-e2-v5 .design-editorial-card-paper .design-material-type{color:#766352;text-shadow:none;}
#xamiya-e2-v5 .design-emboss{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:400 clamp(105px,13vw,195px)/1 var(--serif);color:#e9dfce;text-shadow:-2px -2px 2px #ffffffb0,2px 3px 3px #9e8c7730;mix-blend-mode:multiply;opacity:.35;}
#xamiya-e2-v5 .design-editorial-copy{padding:27px 9px 0 1px;}
#xamiya-e2-v5 .design-editorial-copy h3{font:400 clamp(27px,2.5vw,38px)/1.17 var(--serif);letter-spacing:-.02em;margin:0 0 13px;color:#433130;}
#xamiya-e2-v5 .design-editorial-copy h3 em{color:#812f49;font-weight:400;}
#xamiya-e2-v5 .design-editorial-copy p{font:400 13px/1.85 var(--sans);color:#81736c;margin:0;max-width:360px;}
#xamiya-e2-v5 .how-section{background:radial-gradient(ellipse at 82% 18%,#702e44 0%,#481426 51%,#2c0e1a 100%);color:#f9ebdf;padding:clamp(90px,10vw,140px) 0 clamp(95px,10vw,140px);position:relative;overflow:hidden;}
#xamiya-e2-v5 .how-section::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#f9e6ca30 .55px,transparent .8px);background-size:5px 5px;}
#xamiya-e2-v5 .how-wrap{position:relative;z-index:1;}
#xamiya-e2-v5 .how-heading{text-align:center;margin:0 auto 66px;}
#xamiya-e2-v5 .how-heading .eyebrow{color:#e2ba9c;}
#xamiya-e2-v5 .how-heading h2{font:400 clamp(52px,5.6vw,84px)/1.08 var(--serif);letter-spacing:-.035em;margin:17px 0 17px;}
#xamiya-e2-v5 .how-heading h2 em{font-weight:400;color:#efc6b0;}
#xamiya-e2-v5 .how-heading>p:last-child{font:400 16px/1.7 var(--serif);color:#d9b8af;margin:0;}
#xamiya-e2-v5 .how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e3bda64f;border-bottom:1px solid #e3bda64f;}
#xamiya-e2-v5 .how-step{padding:32px 34px 38px;min-width:0;position:relative;}
#xamiya-e2-v5 .how-step+.how-step{border-left:1px solid #e3bda64f;}
#xamiya-e2-v5 .how-step-num{font:400 11px/1 var(--sans);letter-spacing:.22em;color:#e2b58c;}
#xamiya-e2-v5 .how-step-ornament{font:400 32px/1 var(--serif);color:#e9b899;margin:33px 0 12px;}
#xamiya-e2-v5 .how-step h3{font:italic 400 clamp(37px,3.7vw,54px)/1.1 var(--serif);color:#fff0df;margin:0 0 19px;}
#xamiya-e2-v5 .how-step p{font:400 13px/1.9 var(--sans);color:#dec8bf;margin:0;max-width:320px;}
#xamiya-e2-v5 .how-cta{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:50px;}
#xamiya-e2-v5 .how-button{display:inline-flex;align-items:center;justify-content:center;gap:34px;background:#f4e8d7;border:1px solid #cba881;border-radius:100px;color:#591d30;padding:18px 29px;text-decoration:none;font:600 11px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.14em;transition:background .2s,transform .2s;}
#xamiya-e2-v5 .how-button:hover{background:#fff7e9;transform:translateY(-2px);}
#xamiya-e2-v5 .how-secondary{color:#e6c4af;font:400 13px/1.4 var(--serif);text-decoration:none;border-bottom:1px solid #a88072;padding:8px 0;}
#xamiya-e2-v5 .site-footer{background:#22121b;color:#d6c4b6;padding:0;font-size:13px;}
#xamiya-e2-v5 .site-footer .footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1fr;gap:clamp(22px,4vw,75px);padding-top:clamp(65px,7vw,105px);padding-bottom:clamp(65px,7vw,100px);align-items:start;}
#xamiya-e2-v5 .footer-logo{display:inline-block;width:min(210px,100%);}
#xamiya-e2-v5 .footer-logo img{width:100%;height:auto;object-fit:contain;display:block;}
#xamiya-e2-v5 .footer-tagline{font:400 clamp(22px,2.3vw,34px)/1.24 var(--serif);color:#f3e4d2;margin:26px 0 26px;}
#xamiya-e2-v5 .footer-tagline em{font-weight:400;color:#d7a58c;}
#xamiya-e2-v5 .footer-instagram{display:inline-flex;align-items:center;gap:11px;color:#e4c4a9;font:400 12px var(--sans);text-decoration:none;border-bottom:1px solid #85645c;padding-bottom:7px;}
#xamiya-e2-v5 .footer-instagram:hover{color:#fff1dd;}
#xamiya-e2-v5 .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
#xamiya-e2-v5 .footer-column h3{font:600 10px/1.4 var(--sans);letter-spacing:.19em;text-transform:uppercase;color:#e7bc9b;margin:4px 0 12px;}
#xamiya-e2-v5 .footer-column a{font:400 13px/1.6 var(--sans);color:#d9c7ba;text-decoration:none;transition:color .2s;}
#xamiya-e2-v5 .footer-column a:hover{color:#fff2de;}
#xamiya-e2-v5 .footer-column a small{display:block;font:400 10px/1.5 var(--sans);color:#c49d8d;margin-top:3px;}
#xamiya-e2-v5 .footer-occasions-note{font:italic 14px/1.6 var(--serif);color:#a89187;margin:11px 0 0;}
#xamiya-e2-v5 .site-footer .footer-bottom{border-top:1px solid #aa807143;padding:25px 0 33px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
#xamiya-e2-v5 .footer-bottom p{font:400 11px/1.75 var(--sans);color:#a9958e;margin:0;}
#xamiya-e2-v5 .footer-bottom strong{font-weight:500;color:#cfb8a7;}
#xamiya-e2-v5 .footer-top-link{font:400 11px/1.5 var(--sans);color:#d5b29d;white-space:nowrap;text-decoration:none;}
/* Mobile navigation: overlay panel with internal scroll, keyboard-close and focus support. */
#xamiya-e2-v5 .mobile-nav[hidden]{display:none!important;}
#xamiya-e2-v5 .mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:45;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain;background:#f8f4ee!important;box-shadow:0 25px 55px #180e1c55;padding:0!important;color:#3e3030;}
#xamiya-e2-v5 .mobile-nav-inner{padding:26px clamp(25px,5vw,52px) 36px;}
#xamiya-e2-v5 .mobile-nav a{font:400 18px/1.3 var(--serif);color:#483637!important;border-bottom:1px solid #d9ccc1;padding:12px 2px;display:block;text-decoration:none;}
#xamiya-e2-v5 .mobile-nav a:hover{color:#842d45!important;}
#xamiya-e2-v5 .mobile-nav-kicker{font:600 10px/1.5 var(--sans);letter-spacing:.2em;color:#986d67;margin:0 0 10px;}
#xamiya-e2-v5 .mobile-nav-kicker-secondary{margin:24px 0 8px;}
#xamiya-e2-v5 .mobile-nav-occasions{margin-top:24px;padding:20px;background:#eee5dc;}
#xamiya-e2-v5 .mobile-nav-occasions>span{font:600 10px/1.5 var(--sans);letter-spacing:.16em;color:#986d67;}
#xamiya-e2-v5 .mobile-nav-occasions a{font-size:16px;padding:10px 0;}
#xamiya-e2-v5 .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg);}
#xamiya-e2-v5 .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg);}
#xamiya-e2-v5 .menu-toggle span{transition:transform .2s ease;}
@media(max-width:1100px){
  #xamiya-e2-v5 .site-footer .footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:40px;}
  #xamiya-e2-v5 .footer-brand-column{grid-column:1/-1;}
  #xamiya-e2-v5 .footer-logo{width:190px;}
  #xamiya-e2-v5 .footer-tagline{margin:10px 0 17px;}
}
@media(max-width:720px){
  #xamiya-e2-v5 .design-philosophy{padding:72px 0 85px;}
  #xamiya-e2-v5 .design-intro{display:block;margin-bottom:34px;}
  #xamiya-e2-v5 .design-intro h2{font-size:clamp(47px,11vw,64px);}
  #xamiya-e2-v5 .design-lede{font-size:15px;margin-top:24px;}
  #xamiya-e2-v5 .design-editorial-grid{grid-template-columns:1fr;gap:43px;}
  #xamiya-e2-v5 .design-editorial-image{aspect-ratio:1.25;}
  #xamiya-e2-v5 .design-editorial-copy{padding:20px 0 0;}
  #xamiya-e2-v5 .design-editorial-copy h3{font-size:34px;}
  #xamiya-e2-v5 .how-section{padding:76px 0 85px;}
  #xamiya-e2-v5 .how-heading{text-align:left;margin-bottom:38px;}
  #xamiya-e2-v5 .how-heading h2{font-size:clamp(45px,10.5vw,66px);}
  #xamiya-e2-v5 .how-steps{display:block;}
  #xamiya-e2-v5 .how-step{padding:26px 5px 29px;}
  #xamiya-e2-v5 .how-step+.how-step{border-left:0;border-top:1px solid #e3bda64f;}
  #xamiya-e2-v5 .how-step-ornament{display:none;}
  #xamiya-e2-v5 .how-step h3{font-size:41px;margin:12px 0;}
  #xamiya-e2-v5 .how-step p{max-width:100%;}
  #xamiya-e2-v5 .how-cta{justify-content:flex-start;gap:16px;}
  #xamiya-e2-v5 .site-footer .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:42px 22px;padding:65px 0 55px;}
  #xamiya-e2-v5 .footer-brand-column{grid-column:1/-1;}
  #xamiya-e2-v5 .footer-column h3{font-size:9px;}
  #xamiya-e2-v5 .footer-column a{font-size:12px;}
  #xamiya-e2-v5 .site-footer .footer-bottom{display:block;padding:22px 0 30px;}
  #xamiya-e2-v5 .footer-top-link{display:inline-block;margin-top:15px;}
  #xamiya-e2-v5 .hero-visual>.hero-motion{display:block!important;object-position:57% 45%;}
}
@media(prefers-reduced-motion:reduce){#xamiya-e2-v5 .hero-visual>.hero-motion{display:none!important;}}


/* XAMIYA V5.7 — four owner-directed refinements */
/* Hero and Sections 02–04 unchanged. */
#xamiya-e2-v5 .design-editorial-card-paper .design-editorial-image{background:#4d0e1c;}
#xamiya-e2-v5 .design-editorial-card-paper .design-editorial-image img{filter:none;object-fit:cover;object-position:center;}
#xamiya-e2-v5 .design-editorial-card-paper .design-material-type{color:#fff2e3;text-shadow:0 1px 9px #1b0818;}
#xamiya-e2-v5 .how-section .how-heading h2{color:#f9f0e8 !important;}
#xamiya-e2-v5 .how-section .how-heading h2 em{color:#f4d5c4 !important;}
#xamiya-e2-v5 .site-footer .footer-logo{width:105px;max-width:100%;}
#xamiya-e2-v5 .site-footer .footer-logo img{filter:none;opacity:.9;}
#xamiya-e2-v5 .love-notes-source{font:500 clamp(8px,.78vw,10px)/1.4 var(--sans);letter-spacing:.08em;color:#8b6166;margin:4px 0 0;}
@media(max-width:1100px){#xamiya-e2-v5 .site-footer .footer-logo{width:100px;}}
@media(max-width:720px){#xamiya-e2-v5 .site-footer .footer-logo{width:95px;}#xamiya-e2-v5 .love-notes-source{font-size:8px;margin-top:2px;}}


/* ============================================================
   XAMIYA HOMEPAGE V5.8 — MOBILE HERO BRIDGE + PRECISE CONTROLS
   A clean compositing boundary: the photo fade owns its seam,
   and Section 02 remains in normal flow without covering it.
   ============================================================ */
#xamiya-e2-v5 .collection .carousel-controls{align-items:center;gap:12px;}
#xamiya-e2-v5 .collection .circle-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 44px;width:44px;height:44px;padding:0;
  border-radius:50%;border:1px solid #c5b4a4;
  color:#6a263b;background:#fffaf3;
  line-height:0;box-shadow:0 2px 10px #49291c0a;
  transition:background .18s,color .18s,border-color .18s,transform .18s;
}
#xamiya-e2-v5 .collection .circle-arrow svg{
  display:block;flex:none;width:21px;height:21px;overflow:visible;
}
#xamiya-e2-v5 .collection .circle-arrow:hover:not(:disabled){
  background:#642138;color:#fff;border-color:#642138;transform:translateY(-1px);
}
#xamiya-e2-v5 .collection .circle-arrow:disabled{opacity:.4;cursor:default;}
#xamiya-e2-v5 .collection .circle-arrow:focus-visible{outline:2px solid #642138;outline-offset:3px;}
/* Former decorative slash marks are removed from the DOM; protect older cached templates. */
#xamiya-e2-v5 .crimson-stripes{display:none!important;}
@media(max-width:720px){
  /* Do not allow the second section's stacking context to eclipse the first section. */
  #xamiya-e2-v5 .hero{position:relative!important;z-index:2!important;isolation:isolate;overflow:visible!important;}
  #xamiya-e2-v5 .hero-visual{
    position:relative!important;z-index:2!important;overflow:visible!important;
    margin-bottom:0!important;
  }
  #xamiya-e2-v5 .hero-visual>.hero-media,
  #xamiya-e2-v5 .hero-visual>.hero-motion{
    overflow:hidden!important;clip-path:inset(0);
  }
  #xamiya-e2-v5 .hero-visual::after{
    content:'';display:block!important;position:absolute!important;
    inset:auto 0 -20px!important;height:clamp(145px,37vw,200px)!important;
    z-index:10!important;pointer-events:none!important;
    background:linear-gradient(to bottom,
      rgba(246,242,234,0) 0%,
      rgba(246,242,234,.08) 20%,
      rgba(246,242,234,.32) 44%,
      rgba(246,242,234,.72) 70%,
      #f6f2ea 93%,#f6f2ea 100%)!important;
  }
  #xamiya-e2-v5 .hero>.hero-content{
    position:relative!important;z-index:1!important;
    margin-top:0!important;padding-top:26px!important;
    background:var(--hero-bridge-ivory)!important;
  }
  #xamiya-e2-v5 .experience-section{
    position:relative!important;z-index:0!important;
    margin-top:0!important;border-top:0!important;
    padding-top:clamp(80px,23vw,100px)!important;
    background:linear-gradient(to bottom,#f6f2ea 0%,#f6f2ea 75px,rgba(246,242,234,.4) 160px,transparent 260px),
      radial-gradient(ellipse at 76% 47%,#f8f2e9 0%,#eee3d6 42%,#e8dacc 100%)!important;
  }
  #xamiya-e2-v5 .collection .circle-arrow{flex-basis:40px;width:40px;height:40px;}
  #xamiya-e2-v5 .collection .circle-arrow svg{width:20px;height:20px;}
}


/* =============================================================
   XAMIYA HOMEPAGE V5.9 — APPROVED IVORY PEBBLED LEATHER MENU
   True text-free photographic leather asset; all links remain
   real accessible HTML. Only the homepage shortcode is affected.
   ============================================================= */
#xamiya-e2-v5 .mobile-nav[hidden]{display:none!important;}
@media(max-width:720px){
  #xamiya-e2-v5 .site-header{z-index:1000!important;}
  #xamiya-e2-v5 .mobile-nav{
    position:fixed!important;inset:0!important;top:0!important;
    width:100vw!important;height:100vh!important;height:100dvh!important;
    max-height:none!important;overflow:hidden!important;
    display:flex!important;justify-content:flex-end!important;
    padding:0!important;margin:0!important;
    z-index:1001!important;color:#594c40!important;
    background:rgba(13,16,27,.53)!important;
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    box-shadow:none!important;
  }
  #xamiya-e2-v5 .mobile-nav-inner{
    position:relative;isolation:isolate;
    width:min(86vw,420px);height:100%;min-height:0;
    display:flex;flex-direction:column;overflow-y:auto;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:clamp(26px,5vh,46px) 25px max(26px,env(safe-area-inset-bottom))!important;
    background-color:#f3eee6;
    background-image:
      linear-gradient(125deg,rgba(255,255,255,.31) 0%,rgba(255,255,255,.06) 34%,rgba(104,81,62,.08) 100%),
      url("assets/warm-ivory-pebbled-leather-v59.webp");
    background-size:cover,cover;
    background-position:center,center top;
    box-shadow:-14px 0 40px rgba(22,16,17,.30),inset 2px 0 3px rgba(255,255,255,.55);
  }
  #xamiya-e2-v5 .mobile-nav-inner::before{
    content:'';position:fixed;top:0;right:0;width:1px;height:100dvh;
    background:rgba(255,255,255,.18);pointer-events:none;
  }
  #xamiya-e2-v5 .mobile-nav-head{position:relative;flex:0 0 auto;margin-bottom:clamp(19px,3vh,31px);padding-right:33px;}
  #xamiya-e2-v5 .mobile-nav-wordmark{
    display:inline-block!important;border:0!important;padding:0!important;
    font:400 clamp(45px,12vw,58px)/1 'Didot','Bodoni MT','Iowan Old Style','Baskerville',Georgia,serif!important;
    letter-spacing:-.075em!important;color:#615246!important;
    text-shadow:0 -1px 1px rgba(52,38,29,.55),0 1.5px 0 rgba(255,255,255,.92),0 2.5px 2px rgba(255,255,255,.6)!important;
  }
  #xamiya-e2-v5 .mobile-nav-wordmark-diamond{font-size:.19em;vertical-align:top;display:inline-block;margin:0 0 0 5px;letter-spacing:0;}
  #xamiya-e2-v5 .mobile-nav-tagline{
    font:600 9px/1.5 var(--sans);letter-spacing:.23em;
    color:#786b5c;margin:13px 0 0;text-shadow:0 1px 0 rgba(255,255,255,.78);
  }
  #xamiya-e2-v5 .mobile-nav-close{
    position:absolute;top:1px;right:-7px;width:43px;height:43px;
    padding:10px;border:0;background:transparent;color:#594a3e;
    display:flex;align-items:center;justify-content:center;
  }
  #xamiya-e2-v5 .mobile-nav-close svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;}
  #xamiya-e2-v5 .mobile-nav-links,#xamiya-e2-v5 .mobile-nav-occasions{flex:0 0 auto;}
  #xamiya-e2-v5 .mobile-nav-links a,#xamiya-e2-v5 .mobile-nav-occasions a{
    display:flex!important;align-items:center;justify-content:space-between;gap:7px;
    min-height:clamp(56px,7.5vh,67px);padding:11px 0!important;
    margin:0!important;border:0!important;border-bottom:1px solid rgba(105,84,66,.25)!important;
    background:transparent!important;text-decoration:none!important;
    font:400 clamp(18px,5.2vw,23px)/1.2 'Iowan Old Style','Baskerville','Palatino Linotype',Georgia,serif!important;
    letter-spacing:-.032em!important;color:#66584b!important;
    text-shadow:0 -1px 1px rgba(63,45,32,.48),0 1.2px 0 rgba(255,255,255,.96),0 2px 1px rgba(255,255,255,.6)!important;
    transition:color .18s ease,padding-left .18s ease;
  }
  #xamiya-e2-v5 .mobile-nav-links a:hover,#xamiya-e2-v5 .mobile-nav-occasions a:hover{color:#4e2b2d!important;padding-left:4px!important;}
  #xamiya-e2-v5 .mobile-nav-links a svg,#xamiya-e2-v5 .mobile-nav-occasions a svg{
    width:17px;height:17px;flex:none;fill:none;stroke:#6d5b4d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.85));
  }
  #xamiya-e2-v5 .mobile-nav-occasions{margin:clamp(22px,4vh,34px) 0 0!important;padding:0!important;background:none!important;}
  #xamiya-e2-v5 .mobile-nav-kicker{margin:0 0 8px!important;font:600 10px/1.5 var(--sans)!important;letter-spacing:.21em;color:#847668!important;text-shadow:0 1px 0 #fff9;}
  #xamiya-e2-v5 .mobile-nav-bottom{padding-top:clamp(22px,4vh,38px);padding-bottom:8px;margin-top:auto;}
  #xamiya-e2-v5 .mobile-nav-instagram{
    display:inline-flex!important;align-items:center;gap:16px;padding:0!important;border:0!important;
    font:400 19px/1.4 'Iowan Old Style','Baskerville',Georgia,serif!important;
    color:#67594d!important;text-shadow:0 -1px 1px rgba(63,45,32,.35),0 1px 0 rgba(255,255,255,.9)!important;
  }
  #xamiya-e2-v5 .mobile-nav-instagram svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
  #xamiya-e2-v5 .mobile-nav a:focus-visible,#xamiya-e2-v5 .mobile-nav button:focus-visible{outline:2px solid #715746;outline-offset:4px;border-radius:2px;}
}
@media(max-width:380px){
  #xamiya-e2-v5 .mobile-nav-inner{width:90vw;padding-left:23px!important;padding-right:23px!important;}
  #xamiya-e2-v5 .mobile-nav-links a,#xamiya-e2-v5 .mobile-nav-occasions a{font-size:18px!important;min-height:53px;}
}
@media(min-width:721px){#xamiya-e2-v5 .mobile-nav{display:none!important;}}
@media(prefers-reduced-motion:reduce){#xamiya-e2-v5 .mobile-nav *{transition:none!important;}}

body.xamiya-mobile-menu-open{overflow:hidden!important;}


/* V5.10 — official Xamiya logo, understated blind-deboss, 60% reduced from oversized visual concept. */
@media(max-width:720px){
 #xamiya-e2-v5 .mobile-nav-official-logo{
   display:inline-flex!important;align-items:center;justify-content:flex-start;
   width:120px!important;max-width:40%!important;height:auto!important;
   padding:0!important;margin:0!important;line-height:0!important;
   text-shadow:none!important;letter-spacing:normal!important;
   background:transparent!important;
 }
 #xamiya-e2-v5 .mobile-nav-official-logo img{
   display:block!important;width:100%!important;height:auto!important;max-width:100%!important;
   object-fit:contain;opacity:.96;
   filter:drop-shadow(0 -1px .7px rgba(60,44,33,.45)) drop-shadow(0 1.4px .7px rgba(255,255,255,.93));
 }
 #xamiya-e2-v5 .mobile-nav-tagline{margin-top:11px!important;}
}