/* Hilltop's orange / cyan identity. Logo remains unfiltered and fully contained. */
:root{--bg:#080808;--paper:#f7f7f7;--muted:#bfc5c9;--line:#33383b;--orange:#fe5502;--gold:#01b2fd;--teal:#11171b;color-scheme:dark}
body{background:var(--bg);color:var(--paper)}body:before{content:none}
html{scroll-padding-top:24px}
.site-header,.site-header.is-scrolled,.site-header.has-mobile-menu.menu-open,.site-header:not(.has-mobile-menu){position:relative;inset:auto;min-height:154px;padding:14px 6%;background:#050505!important;border:0;border-bottom:1px solid #303438;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:36px}
.site-header .logo{width:172px;flex:0 0 172px;aspect-ratio:2028/1504;overflow:visible;padding:0}
.site-header .logo img{position:static;inset:auto;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;mix-blend-mode:normal;transform:none}
.site-header nav>a:not(.nav-contact),.site-header nav>.nav-contact{color:#f7f7f7;font-weight:600;letter-spacing:.015em}
.site-header nav>a:hover,.site-header nav>a[aria-current=page]{color:#01b2fd}
.site-header nav>.nav-contact{background:#fe5502;color:#080808;border:1px solid #fe5502;border-radius:3px;padding:13px 22px}
.site-header nav>.nav-contact:hover,.site-header nav>.nav-contact[aria-current=page]{background:#ff7836;color:#080808}
.read-progress{display:none}.safari-edge-color{background:#050505}.site-header:before,.site-header.is-scrolled:before,.site-header.menu-open:before{content:none!important}
h1,h2,.hero-intro h1,.page-intro h1,.service-detail-intro h1,.booking h1,.about h2,.contact h2{font-weight:700;letter-spacing:-.045em}
h2 em,.hero-intro h1 span,.page-intro h1 span{font-family:Alpine,Arial,sans-serif;font-style:normal;font-weight:700;color:#01b2fd;font-size:1em;letter-spacing:-.045em;line-height:1.1}
.eyebrow,.hero-kicker,.signature{color:#ff854d!important;font-weight:600;letter-spacing:.16em}
.play-hero{padding:100px 6% 70px;min-height:660px;grid-template-columns:minmax(0,1fr) 260px;gap:70px;border:0;background:#080808}
.play-hero:before{background:linear-gradient(90deg,#080808dd,#08080860),linear-gradient(0deg,#080808,transparent 85%),url('assets/mountain-hero.jpg') center 40%/cover;filter:grayscale(1);opacity:.85}
.hero-intro h1{font-size:clamp(3.2rem,5.8vw,6.3rem)}.hero-kicker{order:-1;margin-bottom:26px}.hero-meta p{color:#d1d5d8;max-width:500px}.hero-meta p em{color:white}
.visual-stage{height:330px;border-radius:3px;border:1px solid #454b50;border-top:2px solid #fe5502}.visual-stage>img{filter:saturate(.85);opacity:.9}.visual-caption strong{color:white}.visual-caption .eyebrow{color:#fff!important}
.button,.form-panel .button,.booking .form-panel .button,.contact .button{background:#fe5502;color:#080808;border:1px solid #fe5502;border-radius:3px;font-weight:700;font-size:.95rem;letter-spacing:.01em;box-shadow:none}
.button:hover,.form-panel .button:hover,.booking .form-panel .button:hover,.contact .button:hover{background:#ff7836;color:#080808;border-color:#ff7836}
.studio-link,.text-link,.back-link,.category-link,.card-bottom a,.section-links a{color:#49c7ff;border-color:#366475}.studio-link:hover,.text-link:hover,.category-link:hover{color:white}
.statement{background:#101316;border-color:#303438;padding:26px 6%}.statement p em{color:#01b2fd}.statement b{color:#fe5502}
.section{padding-top:82px;padding-bottom:82px}.services,.catalog-section,.services-directory,.service-options,.about-story{background:#0b0d0f}
.about,.about-copy{background:#111416}.mission-panel,.live-panel,.listening,.team-section{background:#12171a}
.service-list article,.catalog-card,.service-category-card,.team-card{border-radius:3px;border-color:#343b40}.service-list article:hover,.service-category-card:hover{border-color:#01b2fd}.team-card{border-top:2px solid #01b2fd}.team-card:first-child{border-top-color:#fe5502}
.service-list article{background-color:#111416}.price{color:#ff854d;font-weight:700}.category-copy .eyebrow{color:#ff854d}
.page-intro{padding:75px 6% 65px;background:#080808}.page-intro:before{filter:grayscale(1);opacity:.7}.page-intro h1{margin-top:24px}.service-detail-intro{padding:65px 6%;background:#0d1012}.service-categories{background:#101619;border-color:#343b40;color:#bfc5c9}.service-categories a[aria-current=page]{color:#01b2fd;border-color:#fe5502}
.contact,.service-help,.about-cta{background:#101416}.contact:before,.service-help:before,.about-cta:before{filter:grayscale(1);opacity:.35}.contact h2 em{color:#01b2fd}
.booking{padding-top:70px;background:#0b0d0f}.booking .form-panel{background:#12171a;border:1px solid #39434a;border-top:3px solid #01b2fd}.booking label,.booking legend{color:#f0f2f3}.booking-note{border-color:#fe5502}.booking-note strong{color:#ff854d}.booking input:not([type=checkbox]),.booking select,.booking textarea{background:#080c0e;border-color:#52616b;color:white}.checkboxes input{accent-color:#01b2fd}.booking input:focus,.booking select:focus,.booking textarea:focus{outline-color:#01b2fd}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #01b2fd;outline-offset:5px}
.brand-art-section{display:flex;justify-content:center;align-items:center;background:#000;padding:60px 6%;border-top:1px solid #252b30;overflow:hidden}
.brand-art-frame{width:min(760px,100%);aspect-ratio:1.45;overflow:hidden}
.brand-art-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;mix-blend-mode:normal}
footer,.landing footer{background:#080b0d;border:0;border-top:1px solid #283137;color:#bac2c7;padding:42px 6%;gap:36px}footer strong{color:#f7f7f7}footer a[href^="tel:"],footer a[href^="mailto:"]{color:#49c7ff}.motion-setting .motion-control{border-color:#455560;color:#d1d8dc}
@media(min-width:1600px){.play-hero{padding-top:130px;min-height:740px}}
@media(max-width:1100px){.play-hero{gap:40px;grid-template-columns:minmax(0,1fr) 220px}.hero-intro h1{font-size:5.7vw}}
@media(max-width:900px){
.site-header,.site-header.has-mobile-menu{min-height:132px;padding:12px 5%;padding-top:calc(12px + env(safe-area-inset-top,0px));gap:22px}.site-header .logo{width:142px;flex-basis:142px}
.site-header.has-mobile-menu .menu-toggle{color:#fff;background:#111619;border-color:#53616a;border-radius:3px}
.site-header.has-mobile-menu nav.is-open{background:#080b0d;border-color:#36434b;max-height:calc(100dvh - 140px);padding:10px 5% 20px}
.site-header.has-mobile-menu nav>.nav-contact{background:#fe5502;color:#080808;border-color:#fe5502}
.site-header.has-mobile-menu nav>a:not(.nav-contact){border-color:#30383d}
.play-hero{grid-template-columns:1fr;padding:65px 6% 45px;min-height:0;gap:35px}.hero-intro h1{font-size:clamp(2.8rem,7.5vw,4.5rem)}.visual-stage{height:220px;max-width:560px}
.page-intro,.service-detail-intro,.booking{padding-top:54px}.section{padding-top:58px;padding-bottom:58px}.brand-art-section{padding:40px 4%}
}
@media(max-width:600px){.site-header,.site-header.has-mobile-menu{min-height:118px}.site-header .logo{width:126px;flex-basis:126px}.play-hero{padding-top:48px}.hero-intro h1{font-size:clamp(2.45rem,9.2vw,3.4rem)}.hero-kicker{font-size:.65rem;letter-spacing:.1em}.page-intro h1,.service-detail-intro h1,.booking h1{font-size:clamp(2.2rem,9vw,3.2rem)}.brand-art-section{padding:32px 0}.brand-art-frame{width:100%;aspect-ratio:1.25}.brand-art-frame img{object-fit:cover}.service-more .button{white-space:normal}}
/* Compact transparent navigation; retain the original scroll blur and motion. */
.site-header,.site-header.has-mobile-menu,.site-header:not(.has-mobile-menu){position:fixed;inset:0 0 auto;min-height:92px;padding:8px 6%;background:transparent!important;border:0;box-shadow:none;transition:background-color .25s ease,backdrop-filter .25s ease,box-shadow .25s ease}
.site-header .logo{width:100px;flex-basis:100px;aspect-ratio:2028/1504}
.site-header .logo img{filter:drop-shadow(0 1px 3px #000) drop-shadow(0 0 8px #0009)}
.site-header.is-scrolled{background:rgba(8,12,15,.72)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 1px 0 #ffffff18}
.site-header.has-mobile-menu.menu-open{background:rgba(8,12,15,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.site-header.has-mobile-menu nav.is-open{background:rgba(8,12,15,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.play-hero{padding-top:170px;min-height:760px}.page-intro{padding-top:155px}.service-detail-intro,.booking{padding-top:145px}
.play-hero:before{background:linear-gradient(180deg,#05080b99,transparent 30%),linear-gradient(90deg,#080808dd,#08080860),linear-gradient(0deg,#080808,transparent 85%),url('assets/mountain-hero.jpg') center 40%/cover}
.read-progress{display:block;background:#01b2fd;height:1px}
.brand-art-section{padding:55px 6%;background:#000}.brand-art-frame{position:relative;width:min(1000px,100%);aspect-ratio:3.4;overflow:hidden}.brand-art-frame img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:100%;transform:translateY(-18%);object-fit:initial}
html{scroll-padding-top:110px}
@media(max-width:900px){.site-header,.site-header.has-mobile-menu{min-height:84px;padding:7px 5%;padding-top:calc(7px + env(safe-area-inset-top,0px))}.site-header .logo{width:92px;flex-basis:92px}.site-header.has-mobile-menu nav.is-open{max-height:calc(100dvh - 90px)}.play-hero{padding-top:145px;min-height:0}.page-intro,.service-detail-intro,.booking{padding-top:130px}.brand-art-section{padding:40px 2%}.brand-art-frame{width:100%;aspect-ratio:3.4}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
.brand-art-frame{mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 76%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 76%,transparent)}
/* A soft top veil keeps the mark legible without a logo drop shadow. */
.site-header,.site-header.has-mobile-menu,.site-header:not(.has-mobile-menu){background:linear-gradient(to bottom,rgba(0,0,0,.52) 0%,rgba(0,0,0,.22) 55%,rgba(0,0,0,0) 100%)!important}
.site-header .logo img{filter:none}
.site-header.is-scrolled{background:linear-gradient(to bottom,rgba(5,9,12,.68),rgba(5,9,12,.45))!important}
.site-header.has-mobile-menu.menu-open{background:rgba(8,12,15,.88)!important}
/* Full, uncropped artwork follows the opening content on every page. */
.brand-art-section{padding:0 6%;background:#000;border-top:1px solid #252b30;border-bottom:1px solid #252b30}
.brand-art-frame{width:min(660px,100%);aspect-ratio:1;overflow:visible;mask-image:none;-webkit-mask-image:none}
.brand-art-frame img{position:static;width:100%;height:auto;display:block;transform:none;object-fit:contain}
.booking-intro .brand-art-section{margin-top:32px;padding:0;border:1px solid #252b30}
.site-header .logo img{transition:opacity .2s ease}
.site-header.artwork-visible .logo img{opacity:0}
.site-header .logo:after{content:'Home';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:600;opacity:0;transition:opacity .2s ease}
.site-header.artwork-visible .logo:after{opacity:1}
@media(max-width:900px){.brand-art-section{padding:0 3%}.brand-art-frame{width:min(660px,100%);aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){.site-header .logo img,.site-header .logo:after{transition:none}}
/* The landing-page artwork travels upward into the menu as the page scrolls. */
.landing .play-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);align-items:center;gap:30px;padding-top:130px;padding-bottom:70px;min-height:760px;overflow:visible}
.landing .hero-intro h1{font-size:clamp(3rem,5.1vw,5.4rem)}
.hero-brand-anchor{position:relative;width:100%;aspect-ratio:1;align-self:center}
.hero-brand-art{display:block;width:100%;height:auto;mix-blend-mode:normal;pointer-events:none}
.landing.logo-flight-ready .hero-brand-art{position:fixed;left:0;top:0;width:var(--flight-size);height:auto;max-width:none;z-index:60;transform-origin:0 0;will-change:transform,opacity}
.landing.logo-flight-ready .site-header .logo img{opacity:var(--menu-logo-opacity,0);transition:none}
.landing.logo-flight-ready .site-header .logo:after{content:none}
@media(max-width:900px){.landing .play-hero{grid-template-columns:1fr;padding-top:88px;gap:0;min-height:0}.hero-brand-anchor{grid-row:1;width:min(440px,100%);justify-self:center;margin-bottom:15px}.landing .hero-intro{grid-row:2}.landing .hero-intro h1{font-size:clamp(2.45rem,8.8vw,4rem)}}
@media(prefers-reduced-motion:reduce){.landing.logo-flight-ready .hero-brand-art{will-change:opacity}}
.landing .play-hero{overflow:hidden}

/* A centered opening built around the full Hilltop artwork. */
.landing .play-hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-height:100svh;padding:66px 6% 70px;text-align:center}
.landing .play-hero:before{background:linear-gradient(180deg,#05080beb 0%,#05080bbf 40%,#080808ed 100%),url('assets/mountain-hero.jpg') center 42%/cover;filter:grayscale(1);opacity:1}
.landing .hero-brand-anchor{order:0;flex-shrink:0;width:min(570px,72vw);margin:0 0 -80px;align-self:center}
.landing .hero-intro{order:1;align-items:center;width:100%;max-width:1050px;position:relative}
.landing .hero-kicker{order:0;font-size:.7rem;letter-spacing:.24em;margin:0 0 18px;color:#ff854d}
.landing .hero-intro h1{order:1;font-size:clamp(2.2rem,4.2vw,4.3rem);line-height:1.1;margin:0 0 22px;letter-spacing:-.04em}
.landing .hero-intro h1 span{display:inline-block;margin-top:5px}
.landing .hero-meta{order:2;width:100%;text-align:center}
.landing .hero-meta p{margin:0 auto 26px;max-width:560px;font-size:1.05rem;color:#c7d0d5}
.landing .hero-meta .button{min-width:225px;vertical-align:middle}
.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;margin-left:24px;min-height:54px;color:#d1e9f5;font-weight:600;border-bottom:1px solid #01b2fd66}
.hero-secondary:hover{color:#fff;border-color:#01b2fd}
.landing .sound-strip{justify-content:center;gap:50px;text-align:center;background:#0d1114}
@media(min-width:1600px){.landing .play-hero{padding-top:70px}.landing .hero-brand-anchor{width:620px;margin-bottom:-90px}}
@media(max-width:900px){.landing .play-hero{padding-top:80px;padding-bottom:52px;min-height:100svh}.landing .hero-brand-anchor{width:min(500px,94vw);margin-bottom:-60px}.landing .hero-intro{max-width:680px}.landing .hero-intro h1{font-size:clamp(2.1rem,6vw,3.2rem)}.landing .sound-strip{gap:12px;align-items:center}}
@media(max-width:600px){.landing .play-hero{padding-left:6%;padding-right:6%}.landing .hero-brand-anchor{width:100%;margin-bottom:-34px}.landing .hero-kicker{font-size:.6rem;letter-spacing:.14em;margin-bottom:18px}.landing .hero-intro h1{font-size:clamp(1.9rem,7.8vw,2.8rem);line-height:1.13}.landing .hero-meta p{font-size:.98rem;max-width:330px}.landing .hero-meta .button{width:auto;min-width:240px}.hero-secondary{display:flex;width:max-content;margin:14px auto 0;min-height:44px}.landing .sound-strip>span{line-height:1.8}}

/* The Ararat scene is fully opaque, with the artwork leading the opening view. */
.landing .play-hero{padding:84px 0 72px;background:#080808}
.landing .play-hero:before{background:none;filter:none}
.landing .hero-brand-anchor{width:min(1440px,100vw,calc((100svh - 100px)*1.5));aspect-ratio:3/2;margin:0 auto 28px}
.landing .hero-intro{padding:0 6%}
.landing .hero-intro h1{font-size:clamp(2rem,3.5vw,3.6rem)}
.hero-brand-art{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
@media(max-width:900px){.landing .play-hero{padding-top:84px}.landing .hero-brand-anchor{width:100vw;margin-bottom:32px}}
@media(max-width:600px){.landing .hero-intro{padding:0 7%}.landing .hero-intro h1{font-size:clamp(1.9rem,7.8vw,2.8rem)}}

/* Independent depth layers: Ararat, the floating mark, then foreground ridges. */
.landing .play-hero{position:relative;isolation:isolate;overflow:hidden;padding:70px 0 110px;background:#080b0e;min-height:115svh}
.landing .play-hero:before,.landing .play-hero:after{display:none}
.ararat-scene{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#172d3d,#58616a 48%,#080b0e)}
.ararat-backdrop,.ararat-main,.ararat-front{position:absolute;left:0;top:0;width:100%;height:max(100svh,66.6667vw);object-fit:cover;object-position:center top;will-change:transform}
.ararat-backdrop{z-index:0;filter:brightness(.65);transform:translateY(var(--ararat-back,0px))}
.ararat-main{z-index:1;transform:translateY(var(--ararat-back,0px));filter:brightness(.85)}
.ararat-front{z-index:3;transform:translateY(var(--ararat-front,0px))}
.ararat-front img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.ararat-scene:after{content:'';position:absolute;inset:0;z-index:4;background:linear-gradient(180deg,#080b0e55,transparent 25%,transparent 52%,#080b0e 97%);pointer-events:none}
.landing .hero-brand-anchor{width:min(1100px,100vw,calc((100svh - 100px)*1.8));height:min(638px,58vw,calc((100svh - 100px)*1.044));aspect-ratio:auto;margin:0 auto 25px;z-index:1}
.landing .hero-intro{z-index:5;position:relative;padding:0 6%;max-width:1000px}
.landing.logo-flight-ready .hero-brand-art{z-index:2;filter:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.landing .hero-meta p{color:#e0e5e9}
.landing .sound-strip{position:relative;background:#080b0e;border-top:1px solid #ffffff15}
@media(max-width:900px){.landing .play-hero{padding-top:100px}.ararat-backdrop,.ararat-main,.ararat-front{height:100%;object-fit:cover}.ararat-front img{object-fit:cover}.landing .hero-brand-anchor{width:110vw;height:64vw;max-width:800px;margin-bottom:30px}.landing .hero-intro{padding:0 7%}.ararat-scene:after{background:linear-gradient(180deg,#080b0e44,transparent 25%,#080b0e77 55%,#080b0e 95%)}}
@media(prefers-reduced-motion:reduce){.ararat-backdrop,.ararat-main,.ararat-front{will-change:auto}}

/* Keep the brand above scene grading; foreground alone overlaps its lower arc. */
.ararat-scene:after{z-index:1}
.ararat-front{top:-80px}
@media(max-width:900px){.ararat-front{top:-20px}}
/* Feather only the landscape's lower edge into the continuing page. */
.ararat-front{mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}
.ararat-backdrop,.ararat-main{mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}

.landing.logo-flight-ready > .hero-brand-art{z-index:60}
.ararat-front{mask-image:none;-webkit-mask-image:none}
.ararat-front:after{content:'';position:absolute;left:0;right:0;top:85%;height:100vh;background:linear-gradient(to bottom,transparent,#080b0e 18%,#080b0e);pointer-events:none}
/* The traveling graphic passes beneath the glass header; its SVG is above it. */
.landing.logo-flight-ready > .hero-brand-art{z-index:40}
.ararat-front{top:-140px}
@media(max-width:900px){
 .landing .hero-brand-anchor{width:100vw;height:60vw}
 .ararat-backdrop,.ararat-main,.ararat-front{height:66.6667vw;top:175px;object-fit:fill}
 .ararat-front{top:125px}
 .ararat-front img{object-fit:fill}
 .ararat-scene{background:linear-gradient(180deg,#182c3b,#364653 35%,#080b0e 76%)}
}

/* Render the original 3000px artwork: RGB is untouched; only black becomes clear. */
.brand-render-filters{position:absolute;pointer-events:none;overflow:hidden}
.landing.logo-flight-ready .hero-brand-art,.hero-brand-art{filter:url(#remove-logo-black);mix-blend-mode:normal}
.ararat-backdrop{mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 76%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 76%,transparent)}
@media(max-width:900px){.ararat-front{top:95px}}

/* Foreground depth should never hide the name or tagline. */
.ararat-front{top:-65px}
@media(max-width:900px){.ararat-front{top:115px}}
/* Composite the original light-based glow without a dark matte at its edge. */
.landing.logo-flight-ready .hero-brand-art,.hero-brand-art{mix-blend-mode:screen}
.ararat-front{top:-110px}
@media(max-width:900px){.ararat-front{top:115px}}

/* The approved RGBA cutout retains its own color and feathered light halos. */
.landing.logo-flight-ready .hero-brand-art,.hero-brand-art{filter:none;mix-blend-mode:normal}

/* Let the luminous mark illuminate the landscape rather than read as a decal. */
.ararat-light-spill{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:var(--brand-light,1);background:radial-gradient(ellipse 36% 26% at 50% 24%,#ef6d152e,transparent 78%),radial-gradient(ellipse 30% 22% at 50% 48%,#219bff32,transparent 80%);mix-blend-mode:screen}
.ararat-front{top:-120px}
.ararat-front:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 32% 19% at 50% 79%,#399de94a,transparent 80%);opacity:var(--brand-light,1);mix-blend-mode:screen;mask-image:url('assets/ararat-foreground.png');mask-size:100% 100%;-webkit-mask-image:url('assets/ararat-foreground.png');-webkit-mask-size:100% 100%}
@media(max-width:900px){.ararat-front{top:100px}.ararat-light-spill{background:radial-gradient(ellipse 55% 16% at 50% 17%,#ef6d152e,transparent 78%),radial-gradient(ellipse 45% 15% at 50% 32%,#219bff32,transparent 80%)}}

/* Copper horizon and blue mountain shadows unify the photograph with the mark. */
.ararat-color-grade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#16344330 0%,#c77b4c80 33%,#04658eaa 62%,#07192399 90%);mix-blend-mode:color}
.ararat-front img{filter:grayscale(.65) sepia(.4) hue-rotate(155deg) saturate(1.35);mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.landing.logo-flight-ready .site-header .logo img{transition:opacity .55s ease}
@media(prefers-reduced-motion:reduce){.landing.logo-flight-ready .site-header .logo img{transition:none}}

.landing .site-header .logo img{opacity:var(--menu-logo-opacity,0)}
.ararat-front img{mask-image:none;-webkit-mask-image:none}

/* The opening copy and booking action sit above the foreground, in the first view. */
.landing .hero-brand-anchor{height:min(638px,58vw,calc(100svh - 145px));margin-bottom:8px}
.landing .hero-intro{z-index:5;max-width:1020px;padding:0 4%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 36px;text-align:left;align-items:center}
.landing .hero-kicker{display:none}
.landing .hero-intro h1{grid-column:1;grid-row:1;font-size:clamp(1.5rem,2.25vw,2.2rem);line-height:1.15;margin:0;display:block}
.landing .hero-intro h1 br{display:none}
.landing .hero-intro h1 span{display:inline;margin:0}
.landing .hero-meta{display:contents}
.landing .hero-meta p{grid-column:1;grid-row:2;margin:0;max-width:640px;font-size:.9rem;line-height:1.45;text-align:left}
.landing .hero-meta .button{grid-column:2;grid-row:1/3;min-width:150px;min-height:50px;padding:15px 24px}
.landing .hero-secondary{display:none}
.landing .header-book{position:absolute;right:6%;top:20px;min-width:118px;min-height:50px;padding:14px 22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s}
.landing.hero-out-of-view .header-book{opacity:1;visibility:visible;pointer-events:auto}
@media(min-width:901px){
 .landing .site-header nav{position:absolute;left:50%;top:50%;width:max-content;display:flex;justify-content:center;gap:34px;transform:translate(-50%,-50%);transition:left .6s ease,transform .6s ease}
 .landing.hero-out-of-view .site-header nav{left:calc(6% + 150px);transform:translate(0,-50%)}
}
@media(max-width:900px){
 .landing .hero-brand-anchor{height:60vw;margin-bottom:4px}
 .landing .hero-intro{display:flex;flex-direction:column;text-align:center;padding:0 7%;gap:14px}
 .landing .hero-intro h1{font-size:clamp(1.5rem,5.6vw,2.2rem);margin:0}
 .landing .hero-meta{display:flex;flex-direction:column;align-items:center;gap:16px}
 .landing .hero-meta p{text-align:center;font-size:.95rem;margin:0}
 .landing .hero-meta .button{width:auto;min-width:170px}
 .landing .header-book{right:calc(5% + 110px);top:18px;min-width:76px;min-height:48px;padding:12px 16px}
 .landing .header-book span{display:none}
}
@media(prefers-reduced-motion:reduce){.landing .site-header nav,.landing .header-book{transition:none}}

/* Center the opening message beneath the raised artwork. */
.landing .hero-brand-anchor{height:min(580px,52vw,calc(100svh - 240px));margin-bottom:8px}
.landing .hero-intro{display:flex;flex-direction:column;text-align:center;gap:10px;max-width:1100px}
.landing .hero-intro h1{font-size:clamp(1.4rem,2.2vw,2.1rem);text-align:center}
.landing .hero-meta{display:flex;flex-direction:column;align-items:center;gap:14px}
.landing .hero-meta p{text-align:center;margin:0;max-width:720px}
.landing .hero-meta .button{min-height:48px;padding:12px 28px;line-height:1.2}
.landing .ararat-front{top:-215px}
@media(max-width:900px){.landing .hero-brand-anchor{height:calc(60vw - 18px);margin-bottom:8px}.landing .ararat-front{top:82px}.landing .hero-intro h1{font-size:clamp(1.5rem,5.6vw,2.2rem)}}
/* A broad feathered veil provides consistent contrast without a visible panel. */
.landing .hero-intro:before{content:'';position:absolute;inset:-28px -50vw -32px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(3,9,15,.8) 30%,rgba(3,9,15,.8) 72%,transparent)}
.landing .hero-intro h1{color:#fff}
.landing .hero-intro h1 span{color:#91d6ff}
.landing .hero-meta p{color:#f1f5f8;font-size:1rem;font-weight:500;line-height:1.5;max-width:800px}
.landing .hero-meta p em{color:#fff}
.landing .hero-intro h1 span{display:block;margin-top:3px}
.landing .hero-intro{gap:6px}
.landing .hero-meta{gap:10px}
.landing .hero-intro h1 span{display:inline;margin-top:0}
@media(min-width:901px){
 .landing .site-header nav{width:min(80vw,1000px);justify-content:space-evenly;gap:clamp(20px,4vw,64px);transition:left .6s ease,transform .6s ease,width .6s ease}
 .landing.hero-out-of-view .site-header nav{left:calc(100% - 6% - 148px);width:min(52vw,700px);transform:translate(-100%,-50%)}
}
@media(prefers-reduced-motion:reduce){.landing .site-header nav{transition:none}}
@media(min-width:901px){.landing.hero-out-of-view .site-header nav{width:320px;justify-content:flex-end;gap:24px}}
/* Keep link distribution identical while the container glides and contracts. */
@media(min-width:901px){
 .landing .site-header nav,.landing.hero-out-of-view .site-header nav{justify-content:space-between;gap:24px;transition:left .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1),width .65s cubic-bezier(.22,.61,.36,1)}
 .landing .site-header nav>a{flex-shrink:0;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.landing .site-header nav{transition:none}}
@media(min-width:901px){.landing .site-header nav,.landing.hero-out-of-view .site-header nav{justify-content:space-evenly}}
/* Center button labels consistently, including the compact header action. */
.button,button,input[type=submit]{text-align:center;justify-content:center;align-items:center}
.button,button{display:inline-flex;gap:12px}
.landing .header-book{top:50%;transform:translateY(-50%);min-width:96px;min-height:42px;padding:10px 16px;line-height:1.2;font-size:.9rem}
.landing .header-book:active{transform:translateY(calc(-50% + 2px))}