/* AARAU TAXI R61 — photographic clarity, approved identity and cinematic, accessible intro. */
:root{--r61-champagne:#e9c78c;--r61-night:#031120}
/* Keep skip links off the screen except during actual keyboard focus. */
a.skip-link,a.journal-skip{position:fixed!important;left:15px!important;top:0!important;z-index:2147483646!important;transform:translateY(-160%)!important;opacity:0!important;pointer-events:none!important;transition:transform .15s ease,opacity .15s ease}
a.skip-link:focus,a.skip-link:focus-visible,a.journal-skip:focus,a.journal-skip:focus-visible{transform:translateY(13px)!important;opacity:1!important;pointer-events:auto!important}
/* One carefully cropped approved brand asset, not an old vector fallback. */
a.brand,a.r54-logo,a.journal-brand{display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;min-width:0;line-height:1}
a.brand img.r61-brand,a.r54-logo img.r61-brand,a.journal-brand img.r61-brand{display:block!important;width:174px!important;max-height:66px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 3px 9px rgba(0,0,0,.4));margin:0}
a.brand--footer img.r61-brand{width:200px!important;max-height:84px!important}
a.r54-logo img.r61-brand{width:178px!important;max-height:72px!important}
a.journal-brand img.r61-brand{width:166px!important;max-height:62px!important}
@media(max-width:1000px){a.brand img.r61-brand,a.r54-logo img.r61-brand,a.journal-brand img.r61-brand{width:148px!important;max-height:62px!important}}
@media(max-width:600px){a.brand img.r61-brand,a.r54-logo img.r61-brand,a.journal-brand img.r61-brand{width:126px!important;max-height:55px!important}}
/* No hidden/lazy fleet visuals: 6 lightweight cards are downloaded before scroll. */
.fleet-card .fleet-photo{background:#0c2538!important;overflow:hidden!important;isolation:isolate}
.fleet-card .fleet-photo img{display:block!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;object-fit:cover!important;object-position:center!important;transform:none!important;transition:transform .5s cubic-bezier(.22,1,.36,1)!important}
.fleet-card:hover .fleet-photo img,.fleet-card:focus-visible .fleet-photo img{transform:scale(1.035)!important}
.fleet-card .fleet-photo::before{display:none!important}
.fleet-card .fleet-photo::after{inset:65% 0 0!important;background:linear-gradient(to top,rgba(2,14,27,.88),transparent)!important;pointer-events:none!important}
/* Real photographic-style regional visuals replace low-detail illustrations. */
.tour-card img,.tour-card picture img,.tour-photo img,.r54-picture img,.r54-home-tile img,.r55-card img,.r57-card img{image-rendering:auto!important}
.tour-card img,.tour-photo img,.r54-picture img,.r57-thumb img{filter:none!important}
.r54-picture::before,.r54-picture::after{pointer-events:none!important}
/* Crisp chauffeur photography replaces the older small compressed backdrop. */
.experience-photo{background-image:url('/assets/images/chauffeur-r61.webp?v=61')!important;background-size:cover!important;background-position:center center!important;filter:none!important}
@media(min-width:900px){.experience-photo{background-position:45% 50%!important}}
/* The contact/demo handset uses HTML text; no baked-in blurry WhatsApp screenshot. */
.whatsapp-visual{display:flex!important;justify-content:center!important;align-items:flex-end!important;background:radial-gradient(ellipse at 74% 47%,rgba(20,56,75,.75),transparent 65%),linear-gradient(135deg,#0a2135,#03111e)!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;overflow:hidden;position:relative;isolation:isolate}
.whatsapp-visual::before{content:"";position:absolute;inset:0;background:url('/assets/images/hero-r61.webp?v=61') center 48%/cover no-repeat;opacity:.16;filter:brightness(.75)}
.r61-phone{position:relative;width:min(300px,70%);min-height:310px;padding:14px 12px 15px;border:6px solid #111a26;border-bottom-width:0;border-radius:34px 34px 0 0;background:linear-gradient(140deg,#e6eee8,#f3f5ef);box-shadow:0 0 0 2px #607283,0 22px 70px rgba(0,0,0,.67);color:#142529;transform:rotate(-5deg) translateY(24px);font:500 13px/1.4 system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;gap:12px}
.r61-phone-notch{height:12px;width:72px;border-radius:0 0 14px 14px;background:#0b1521;position:absolute;top:-1px;left:50%;transform:translateX(-50%)}
.r61-phone-header{display:flex;align-items:center;gap:10px;padding:20px 7px 13px;margin:-14px -12px 0;background:#075e4d;color:#fff;font-size:12px;font-weight:750;border-radius:26px 26px 0 0}
.r61-phone-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:#e2c18a;color:#13302a;font-weight:900}
.r61-phone-label{display:block;font-size:10px;color:#c4ebda;font-weight:500}
.r61-phone-bubble{border-radius:14px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:12px 14px;max-width:90%}
.r61-phone-bubble.outgoing{align-self:end;background:#d8f3e0;max-width:92%}
.r61-phone-bubble strong{display:block;font-size:12px}
.r61-phone-bubble small{display:block;margin-top:6px;color:#416a5d;font-size:10px}
.r61-phone-state{margin-top:auto;background:#f8e8cc;color:#694a14;border:1px solid #e0c58c;text-align:center;border-radius:9px;padding:8px 6px;font-size:10px;letter-spacing:.055em;font-weight:700}
@media(max-width:650px){.whatsapp-visual{min-height:350px}.r61-phone{transform:rotate(-3deg) translateY(21px);min-height:320px}}
/* High fidelity first-visit intro. Existing service/booking JS still owns the form. */
.r54-splash{background:radial-gradient(ellipse at 50% 42%,#1b3046 0%,#071625 55%,#020b15 100%)!important;isolation:isolate}
.r54-splash::before{content:""!important;position:absolute;inset:-18%;background:radial-gradient(ellipse at center,transparent 12%,rgba(244,205,146,.08) 20%,transparent 22% 34%,rgba(250,216,167,.11) 35%,transparent 36%),repeating-conic-gradient(from 0deg,transparent 0deg 12deg,rgba(255,223,177,.055) 12deg 13deg,transparent 13deg 24deg);mask-image:radial-gradient(circle,black 30%,transparent 75%);pointer-events:none}
.r54-splash::after{content:""!important;position:absolute;inset:-20%;background:radial-gradient(circle at center,rgba(255,238,200,.85) 0%,rgba(245,194,116,.48) 17%,rgba(255,255,255,.09) 35%,transparent 65%);opacity:0;transform:scale(.15);pointer-events:none;z-index:8}
.r54-splash-stage{isolation:isolate;will-change:transform}
.r54-splash-orbit{width:clamp(255px,38vw,460px)!important;height:clamp(255px,38vw,460px)!important;margin-bottom:0!important}
.r61-splash-logo-shell{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none}
.r61-splash-logo{display:block;width:min(74vw,470px);height:auto;max-height:250px;object-fit:contain;opacity:0;transform:scale(.18) translateY(90px);filter:drop-shadow(0 14px 35px rgba(0,0,0,.7));will-change:transform,opacity}
html.r54-splash-active .r61-splash-logo{animation:r61-logo-enter 2.42s cubic-bezier(.16,.95,.17,1) forwards}
.r61-splash-glow{position:absolute;inset:13%;border:1px solid rgba(251,212,157,.18);border-radius:50%;box-shadow:0 0 70px rgba(237,193,132,.12),inset 0 0 45px rgba(223,180,112,.11)}
html.r54-splash-active .r61-splash-glow{animation:r61-glow 2.3s ease-out forwards}
.r54-splash-word{display:none!important}
.r54-splash-kicker{margin-top:5px!important;font-size:11px!important}
.r54-splash-sub{display:none!important;letter-spacing:.26em!important}
.r54-splash-meter{margin-top:22px!important}
html.r54-splash-active .r54-splash-meter::after{animation:r54-load 2.1s .2s cubic-bezier(.2,.7,.3,1) forwards!important}
html.r54-splash-leaving .r54-splash{visibility:visible!important;animation:r61-curtain-away .66s cubic-bezier(.55,0,.65,1) both!important;transition:none!important}
html.r54-splash-leaving .r54-splash-stage{animation:r61-final-zoom .66s cubic-bezier(.32,0,.79,1) both!important}
html.r54-splash-leaving .r54-splash::after{animation:r61-flash .66s ease-out both!important}
html.r54-splash-leaving .r54-splash-skip{opacity:0;pointer-events:none}
@keyframes r61-logo-enter{0%{opacity:0;transform:translateY(64px) scale(.3)}22%{opacity:1}61%{opacity:1;transform:translateY(0) scale(1.13)}82%{transform:translateY(0) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes r61-glow{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.06)}100%{opacity:.5;transform:scale(1)}}
@keyframes r61-final-zoom{0%{transform:scale(1);opacity:1}100%{transform:scale(6.2);opacity:0}}
@keyframes r61-flash{0%{opacity:0;transform:scale(.16)}44%{opacity:.7}100%{opacity:0;transform:scale(2.8)}}
@keyframes r61-curtain-away{0%{opacity:1}70%{opacity:.96}100%{opacity:0;visibility:hidden}}
@media(max-width:650px){.r54-splash-orbit{width:min(82vw,330px)!important;height:min(82vw,330px)!important}.r61-splash-logo{width:min(78vw,330px);max-height:210px}.r54-splash-sub{font-size:8px!important}.r54-splash-kicker{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.r61-splash-logo,.r61-splash-glow,.r54-splash-stage,.r54-splash::after{animation:none!important;transform:none!important;opacity:1!important}.r54-splash{display:none!important}.fleet-card .fleet-photo img{transition:none!important;transform:none!important}}
/* R61 high-resolution airport hero; avoid decoding the older soft AVIF. */
@media(min-width:651px){.hero-scene{background-image:url('/assets/images/hero-r61.webp?v=61')!important;background-size:cover!important;background-position:50% 45%!important;filter:none!important}}
@media(max-width:650px){.hero-scene{background-image:url('/assets/images/hero-r61-mobile.webp?v=61')!important;background-size:cover!important;background-position:64% center!important;filter:none!important}}
a.r54-skiplink{position:fixed!important;left:14px!important;top:0!important;transform:translateY(-170%)!important;opacity:0!important;pointer-events:none!important;transition:transform .15s ease,opacity .15s ease}
a.r54-skiplink:focus,a.r54-skiplink:focus-visible{opacity:1!important;transform:translateY(12px)!important;pointer-events:auto!important}

/* Budget the expensive legacy orbit effects on mobile hardware; composition is transform/opacity-led. */
@media(max-width:650px){.r55-splash-horizon,.r56-splash-satellite{display:none!important}.r61-splash-logo{filter:none!important}.r54-splash::before{opacity:.45}}
