/* GINZBURG — mobile drawer (#irm, ≤1024px) + the mobile header (burger, phone button). See mobile-menu.php. */
html.ir-locked{overflow:hidden}
@media (max-width:1199px){.ir-nav .elementor-nav-menu--dropdown{display:none!important}}

/* ---------- drawer ---------- */
.irm{position:fixed;inset:0;z-index:100100;display:flex;flex-direction:column;direction:rtl;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;color:#F8F4EE;
	background:radial-gradient(120% 60% at 100% 0,rgba(217,196,165,.14),transparent 60%),linear-gradient(rgba(5,40,35,.72),rgba(4,30,26,.86)),url(marble-tile.jpg) center/cover #07423B;
	clip-path:inset(0 0 0 100%);transition:clip-path .62s cubic-bezier(.7,0,.2,1);padding-bottom:env(safe-area-inset-bottom);font-family:Heebo,system-ui,sans-serif}
.irm.is-open{clip-path:inset(0 0 0 0)}
/* 8.11: display:flex above overrides [hidden] — the closed drawer stayed rendered off-screen (sideways pan + links in tab order). Closed = gone. */
.irm[hidden]{display:none!important}
.irm:focus{outline:none}
/* gold hairline frame, like the brand book's plaque */
.irm::before{content:"";position:fixed;inset:10px;border:1px solid rgba(217,196,165,.32);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease .25s}
.irm.is-open::before{opacity:1}
/* faint topographic contour lines — landscape architecture, not decoration for its own sake */
.irm::after{content:"";position:absolute;left:-60px;bottom:120px;width:360px;height:300px;opacity:.13;pointer-events:none;z-index:0;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 300' fill='none' stroke='%23D9C4A5' stroke-width='1.1'%3E%3Cpath d='M20 230c40-60 110-90 170-70s100 70 150 40'/%3E%3Cpath d='M40 250c40-50 100-70 150-55s95 60 140 35'/%3E%3Cpath d='M70 266c35-36 85-50 125-38s80 44 120 26'/%3E%3Cpath d='M0 200c45-75 120-115 190-92s110 82 170 50'/%3E%3Cpath d='M0 168c50-85 130-135 205-110s115 90 155 62'/%3E%3Cpath d='M10 132c55-90 140-145 215-118s100 84 135 66'/%3E%3Cpath d='M118 280c22-20 55-27 80-20s52 26 78 16'/%3E%3C/svg%3E") center/contain no-repeat}

.irm-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px 18px}
.irm-logo{display:flex;align-items:center;line-height:0;opacity:0;transform:translateY(-6px);transition:opacity .5s ease .3s,transform .6s cubic-bezier(.22,.8,.24,1) .3s}
.irm.is-open .irm-logo{opacity:1;transform:none}
.irm-logo img{width:132px;height:auto}
.irm-x{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;cursor:pointer;transition:background-color .25s,transform .45s cubic-bezier(.34,1.3,.64,1)}
.irm-x svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}

.irm-nav{position:relative;z-index:1;display:flex;flex-direction:column;padding:6px 26px 10px;flex:1 0 auto}
.irm-p,.irm-g{opacity:0;transform:translateY(14px)}
.irm.is-open .irm-nav>.irm-p,.irm.is-open .irm-g{animation:irm-in .55s cubic-bezier(.22,.8,.24,1) var(--d,0ms) forwards}
@keyframes irm-in{to{opacity:1;transform:none}}
.irm-g>.irm-p{opacity:1;transform:none}
.irm-p{display:flex;align-items:center;gap:16px;width:100%;padding:17px 2px;border-bottom:1px solid rgba(217,196,165,.2);color:#F8F4EE!important;text-decoration:none;text-align:start;
	-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative}
.irm-p::after{content:"";position:absolute;right:0;bottom:-1px;height:1px;width:0;background:linear-gradient(90deg,#9C7C4F,#E9D9BE,#9C7C4F);transition:width .5s cubic-bezier(.22,.8,.24,1)}
.irm-p[aria-expanded="true"]::after{width:100%}
.irm-n{flex:0 0 26px;font:400 17px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.06em;color:#C9AE85;direction:ltr;text-align:start;font-style:italic}
.irm-t{flex:1;font:300 25px/1.15 Heebo,sans-serif;letter-spacing:.005em}
.irm-arr{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:rgba(217,196,165,.55);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.22,.8,.24,1),stroke .3s}
.irm-pm{flex:0 0 20px;width:20px;height:20px;position:relative}
.irm-pm::before,.irm-pm::after{content:"";position:absolute;top:50%;left:3px;right:3px;height:1.4px;margin-top:-.7px;background:#D9C4A5;border-radius:2px;transition:transform .45s cubic-bezier(.22,.8,.24,1)}
.irm-pm::after{transform:rotate(90deg)}
.irm-p[aria-expanded="true"] .irm-pm::after{transform:rotate(0)}
.irm-p[aria-expanded="true"] .irm-t{color:#E9D9BE}

.irm-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,.8,.24,1)}
.irm-sub.is-open{grid-template-rows:1fr}
.irm-sub__in{overflow:hidden;min-height:0;display:flex;flex-direction:column}
.irm-c{display:flex;align-items:center;gap:14px;padding:11px 2px;padding-inline-start:42px;color:rgba(248,244,238,.86)!important;text-decoration:none;border-bottom:1px solid rgba(217,196,165,.08);
	opacity:0;transform:translateX(10px);transition:opacity .3s,transform .4s cubic-bezier(.22,.8,.24,1);touch-action:manipulation}
.irm-sub.is-open .irm-c{opacity:1;transform:none}
.irm-sub.is-open .irm-c:nth-child(2){transition-delay:.04s}.irm-sub.is-open .irm-c:nth-child(3){transition-delay:.08s}.irm-sub.is-open .irm-c:nth-child(4){transition-delay:.12s}.irm-sub.is-open .irm-c:nth-child(5){transition-delay:.16s}
.irm-c::before{content:"";flex:0 0 14px;height:1px;background:linear-gradient(90deg,#B0915F,#F3E8D6)}
.irm-c .irm-t{font:300 17.5px/1.25 Heebo,sans-serif}
.irm-c--all .irm-t{font-weight:400;color:#E9D9BE}
.irm-c:last-child{border-bottom:1px solid rgba(217,196,165,.2);padding-bottom:14px}
.irm-p:active,.irm-c:active{background:rgba(248,244,238,.04)}
@media (hover:hover){.irm-p:hover .irm-arr,.irm-c:hover .irm-arr{stroke:#E9D9BE;transform:translateX(-5px)}.irm-c:hover{color:#E9D9BE!important}}

.irm-cta{position:relative;z-index:1;display:grid;gap:10px;padding:18px 26px 26px;opacity:0;transform:translateY(10px)}
.irm.is-open .irm-cta{animation:irm-in .5s cubic-bezier(.22,.8,.24,1) .42s forwards}
.irm-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.irm-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 14px;border:1px solid rgba(217,196,165,.42);color:#F8F4EE!important;font:400 15px/1 Heebo,sans-serif;
	text-decoration:none;touch-action:manipulation;transition:background-color .25s,border-color .25s;background:rgba(4,30,26,.28)}
.irm-btn svg{width:17px;height:17px;flex:none;fill:currentColor}
.irm-btn:active{background:rgba(248,244,238,.08)}
.irm-btn--gold{background:linear-gradient(115deg,#9C7C4F 0%,#D9C4A5 38%,#F3E8D6 52%,#C9AE85 70%,#9C7C4F 100%);background-size:220% 100%;border:0;color:#07423B!important;font-weight:500;font-size:16px;min-height:56px;
	animation:irm-sheen 6s ease-in-out infinite}
.irm-btn--gold svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}
@keyframes irm-sheen{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.irm-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 4px 0;font:300 13px/1.4 Heebo,sans-serif;color:rgba(248,244,238,.6)}
.irm-foot a{color:rgba(248,244,238,.78)!important;text-decoration:none}

/* the kit's global button styles (.elementor-kit-N button) outrank plain classes — restate with the id */
#irm .irm-x{padding:0!important;border-radius:50%!important;min-width:0;line-height:0;border:1px solid rgba(217,196,165,.45)!important;background:rgba(4,30,26,.3)!important;color:#F8F4EE!important}
#irm .irm-x:hover,#irm .irm-x:focus-visible{background:rgba(217,196,165,.14)!important;transform:rotate(90deg)}
#irm .irm-p{padding:17px 2px!important;width:100%!important;justify-content:flex-start!important;text-align:right!important;background:transparent!important;border-radius:0!important;border-width:0 0 1px!important;border-style:solid!important;border-color:rgba(217,196,165,.2)!important;font:inherit;margin:0;box-shadow:none!important}
#irm button:focus{outline:none}
#irm button:focus-visible,#irm a:focus-visible{outline:1px solid #D9C4A5;outline-offset:3px}

@media (min-width:1200px){.irm{display:none!important}}
@media (max-height:700px){#irm .irm-p{padding:13px 2px!important}.irm-t{font-size:22px}.irm-top{padding:16px 24px 10px}}
@media (prefers-reduced-motion:reduce){
	.irm{clip-path:none;opacity:0;transition:opacity .28s ease}
	.irm.is-open{opacity:1}
	.irm.is-open .irm-nav>.irm-p,.irm.is-open .irm-g,.irm.is-open .irm-cta{animation:none;opacity:1;transform:none}
	.irm-btn--gold{animation:none}
}
/* the "page comes in the next stage" toast must show above the drawer */
.ir-toast{z-index:100200}
html.ir-locked .ir-callbar{visibility:hidden}

/* ---------- the mobile header: a real burger + a phone button over the hero ---------- */
@media (max-width:1199px){
	.ir-nav .elementor-menu-toggle{margin:0 0 0 auto!important;width:46px;height:46px;padding:0!important;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:7px;
		border:1px solid rgba(7,66,59,.22);border-radius:50%;background:transparent!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .35s,background-color .35s}
	.ir-nav .elementor-menu-toggle svg,.ir-nav .elementor-menu-toggle i{display:none!important}
	/* 8.11 (Shaked): the classic three-line burger — one line + two shadows, so it stays dead centre */
	.ir-nav .elementor-menu-toggle::before{content:"";display:block;flex:none;width:20px;height:1.4px;border-radius:2px;background:#07423B;box-shadow:0 -6px 0 #07423B,0 6px 0 #07423B;transition:background-color .35s,box-shadow .35s}
	.ir-nav .elementor-menu-toggle::after{display:none!important}

	.ir-hd-phone{display:block!important}
	.ir-hd-phone .elementor-heading-title{line-height:0}
	.ir-hd-phone a{position:relative;display:grid!important;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(7,66,59,.22);font-size:0!important;color:#07423B!important;
		transition:border-color .35s,background-color .35s,color .35s}
	/* the hidden number is still a grid row ⇒ the icon sat off centre (Shaked 8.11): pin it to the exact middle */
	.ir-hd-phone a::before{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:currentColor;
		-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;
		mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}

	/* over the hero video (dark top, not scrolled yet): glass circles with gold rims, the phone with a slow gold halo */
	body.ir-darktop .ir-header:not(.is-solid) .ir-nav .elementor-menu-toggle,
	body.ir-darktop .ir-header:not(.is-solid) .ir-hd-phone a{border-color:rgba(217,196,165,.6);background:rgba(4,30,26,.34)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
	body.ir-darktop .ir-header:not(.is-solid) .ir-nav .elementor-menu-toggle::before{background:#F3E8D6;box-shadow:0 -6px 0 #F3E8D6,0 6px 0 #F3E8D6}
	body.ir-darktop .ir-header:not(.is-solid) .ir-hd-phone a{color:#F3E8D6!important}
	body.ir-darktop .ir-header:not(.is-solid) .ir-hd-phone a::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(217,196,165,.7);animation:ir-halo 3.2s cubic-bezier(.22,.8,.24,1) 1.6s infinite;pointer-events:none}
	.ir-header.is-solid .ir-hd-phone a{background:#07423B;border-color:#07423B;color:#F3E8D6!important}
}
@keyframes ir-halo{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(1.55);opacity:0}}
@media (max-width:767px){
	.ir-bar{padding:12px 16px!important}
}
@media (prefers-reduced-motion:reduce){body.ir-darktop .ir-header:not(.is-solid) .ir-hd-phone a::after{animation:none;display:none}}
/* 11.11: no numbers in the drawer ⇒ the sub-items indent from the title edge */
.irm-c{padding-inline-start:20px}
