:root { --ag-neon:#00eaff; --ag-neon-fill:linear-gradient(to bottom,#00eaff 0%,#00c9ff 55%,#00aeff 100%); --ag-red-fill:var(--ag-neon-fill); --ag-ink:#111018; --ag-panel:#151d30; }
html, body { background:#111018; color:#f5f7fb; }
body #page { background:radial-gradient(ellipse at 50% 35%,#2c4e80 0%,#182640 42%,#07090f 85%); color:#f5f7fb; }
body #page > header { background:#111018; }
body #page .index-swiper-container, body #page .top-info-section, body #page .footer-colls-section { background-color:transparent; background-image:none; }
body #page footer, body #page .top-video-box { background-color:transparent; }
body #page main, body #page section { color:#f5f7fb; }
body #page p, body #page li, body #page label, body #page td, body #page th,
body #page .product-inner-text, body #page .product-inner-price-title,
body #page .product-price-title, body #page .product-inner-form-selector-title,
body #page .product-form-box, body #page .product-form-select-box,
body #page .path, body #page .path a { color:#f5f7fb; }
body #page a { color:var(--ag-neon); }
body #page h1, body #page h2, body #page h3, body #page h4,
body #page .custom-title-1, body #page .custom-title-2, body #page .product-title,
body #page .product-inner-title, body #page .price {
 color:var(--ag-neon); -webkit-text-fill-color:var(--ag-neon); background-image:none;
}
body #page .top-info-container p[align="center"] > a > font[size="5"] > b {
 color:var(--ag-neon); -webkit-text-fill-color:var(--ag-neon); background-image:none;
}
body #page .index-swiper-container .swiper-slide-content-info h1::before {
 background:var(--ag-neon-fill); box-shadow:16px 0 0 rgba(0,234,255,.4);
}
body #page .pre-header, body #page .cart-info-container.head-shopping-cart-btn > span {
 background-image:var(--ag-neon-fill); background-color:#00c9ff; color:#111018;
}
body #page .pre-header p, body #page .pre-header a { color:#111018; }
body .ext_button, body .ext_button.white-style:not(:hover), body .ext_button.black-style:not(:hover),
body .ext_button.red-style, body .ext_button:hover, body .product-item:hover .ext_button.black-style {
 background-color:#00c9ff; background-image:var(--ag-neon-fill); color:#111018; -webkit-text-fill-color:#111018; border-color:#00c9ff; text-shadow:none;
}
body .ext_button *, body #page .ext_button { color:#111018; -webkit-text-fill-color:#111018; }
body #page .product-inner-form-head, body #page .price-block, body #popup {
 background-color:var(--ag-panel); background-image:linear-gradient(120deg,#07090f,#2c4e80); color:#f5f7fb;
}
body #page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body #page textarea, body #page select,
body #popup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), body #popup textarea,
body .select2-container, body .select2-dropdown, body .select2-selection, body .select2-results__option {
 background-color:#151d30; color:#f5f7fb; border-color:#65728b;
}
body input::placeholder, body textarea::placeholder { color:#c4cddd; opacity:1; }
body .select2-selection__rendered, body .select2-selection__rendered span, body .select2-results__option { color:#f5f7fb; }
body .select2-results__option--highlighted { background:#00c9ff !important; color:#111018 !important; }
body #page .attr-radio .cms_label:not(.has-color) { background:#151d30; color:#f5f7fb; border-color:#65728b; }
body #page .attr-radio .cms_label.selected:not(.has-color) { background-image:var(--ag-neon-fill); color:#111018; border-color:#00c9ff; }
body #page .attr-radio .cms_label.has-color { background-color:transparent; color:#f5f7fb; }
body #page input[type="checkbox"], body #page input[type="radio"] { accent-color:#00c9ff; }
body #page .footer-colls-section a, body #page footer a { color:#f5f7fb; }
body #page a:hover { text-decoration-color:var(--ag-neon); }
body #popup, body #popup p, body #popup label { color:#f5f7fb; }

body #page input:checked + .cms_label .color-option { border-color:#00c9ff; }
body #page nav a::before, body #page nav a::after,
body #page nav a span::before, body #page nav a span::after { background-color:#00c9ff; border-color:#00c9ff; }
body .login-popup { background:radial-gradient(ellipse at center,#2c4e80,#07090f); color:#f5f7fb; }
body .login-title { color:#00eaff; }
body .login-popup input:not([type="checkbox"]):not([type="hidden"]) { background:#151d30; color:#f5f7fb; border-color:#65728b; }
body #page .product-form-box span, body #page .product-inner-form-selector .disabled { color:#c4cddd; }
body #page .product-inner-form-head { color:#00eaff; }

/* White buttons at rest; cyan only for hover/focus. */
body #page .ext_button, body #popup .ext_button, body .fancybox-content .ext_button,
body .ext_button.white-style:not(:hover), body .ext_button.black-style:not(:hover), body .ext_button.red-style {
 background-color:#fff; background-image:linear-gradient(to bottom,#fff,#f2f2f2); border-color:#e4e4e4; color:#111018; -webkit-text-fill-color:#111018;
}
body #page .ext_button:hover, body #page .ext_button:focus-visible,
body #popup .ext_button:hover, body #popup .ext_button:focus-visible,
body .fancybox-content .ext_button:hover, body .fancybox-content .ext_button:focus-visible,
body #page .product-item:hover .ext_button, body #page .product-item:focus-visible .ext_button,
body .ext_button:hover, body .ext_button:focus-visible {
 background-color:#00c9ff; background-image:var(--ag-neon-fill); border-color:#00c9ff; color:#111018; -webkit-text-fill-color:#111018;
}

/* Neon testimonial cards */
body #page .reviews-item { background:var(--ag-neon-fill); color:#111827; }
body #page .reviews-item * { color:#111827; -webkit-text-fill-color:#111827; text-shadow:none; }

/* Cyan accents, white navigation and dark dropdowns */
body #page h1, body #page h2, body #page h3, body #page h4,
body #page .custom-title-1, body #page .custom-title-2, body #page .product-title,
body #page .product-inner-title, body #page .price,
body #page .top-info-container p[align="center"] > a > font[size="5"] > b {
 background-image:var(--ag-neon-fill); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
body #page header a, body #page header a span, body #page header button, body #page header svg { color:#fff; -webkit-text-fill-color:#fff; }
body #page header .main-menu ul, body #page header .main-menu ul li,
body #page header .main-menu ul a, body #page header .language-item ul { background:#080e1b; background-image:none; }
body #page header .main-menu ul a:hover, body #page header .main-menu ul a:focus-visible,
body #page header .main-menu ul li:hover > a { background:#142136; color:#fff; }
body #page header .main-menu a::before, body #page header .main-menu a::after,
body #page header .main-menu a span::before, body #page header .main-menu a span::after { background-color:#fff; border-color:#fff; }
body #page .reviews-item .reviews-name { background:none; -webkit-text-fill-color:#111827; }
body #page header .cart-info-container > span { color:#080e1b; -webkit-text-fill-color:#080e1b; }

/* White footer headings */
body #page .footer-colls-section h4 { color:#fff; -webkit-text-fill-color:#fff; background:none; background-clip:border-box; -webkit-background-clip:border-box; }

/* Light product surfaces with subtle cyan edges */
:root { --ag-product-light:#fff; }
body #page .featured-products-section, body #page .special-offers-section,
body #page main:has(.product-inner-section) { background:var(--ag-product-light); color:#101827; }
body #page main:has(.product-inner-section) > section { background-color:transparent; }
body #page :is(.featured-products-section,.special-offers-section) :is(.product-price-title,p),
body #page main:has(.product-inner-section) :is(p,li,label,td,th,.product-inner-text,.product-inner-price-title,.product-price-title,.product-inner-form-selector-title,.product-form-box,.product-form-select-box,.path,.path a,.price-name,.product-form-box span,.product-inner-form-selector .disabled) { color:#101827; }
body #page main:has(.product-inner-section) .price-block { background:#eefbfe; }
body #page main:has(.product-inner-section) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body #page main:has(.product-inner-section) textarea, body #page main:has(.product-inner-section) select,
body #page main:has(.product-inner-section) .attr-radio .cms_label:not(.has-color) { background-color:#fff; color:#101827; border-color:#abbcc6; }
body #page main:has(.product-inner-section) .attr-radio .cms_label.has-color { color:#101827; }
body #page main:has(.product-inner-section) input::placeholder, body #page main:has(.product-inner-section) textarea::placeholder { color:#526174; }
body #page :is(.featured-products-section,.special-offers-section) :is(.swiper-button-next,.swiper-button-prev) { color:#101827; }

/* White content on all inner pages; retain homepage dark sections */
body #page:not(:has(.index-swiper-container)) main { background:#fff; color:#101827; }
body #page:not(:has(.index-swiper-container)) main > section { background-color:transparent; }
body #page:not(:has(.index-swiper-container)) main :is(p,li,label,td,th,.product-inner-text,.product-inner-price-title,.product-price-title,.product-inner-form-selector-title,.product-form-box,.product-form-select-box,.path,.path a,.price-name,.product-form-box span,.product-inner-form-selector .disabled) { color:#101827; }
body #page:not(:has(.index-swiper-container)) main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body #page:not(:has(.index-swiper-container)) main textarea, body #page:not(:has(.index-swiper-container)) main select { background-color:#fff; color:#101827; border-color:#abbcc6; }
body #page:not(:has(.index-swiper-container)) main input::placeholder,
body #page:not(:has(.index-swiper-container)) main textarea::placeholder { color:#526174; }

/* Deeper three-stop blue headings on white content only */
body #page:not(:has(.index-swiper-container)) main :is(h1,h2,h3,h4,.custom-title-1,.custom-title-2,.product-title,.product-inner-title),
body #page :is(.featured-products-section,.special-offers-section) :is(h1,h2,h3,h4,.custom-title-1,.custom-title-2,.product-title,.product-inner-title) {
 color:#07558b; background-image:linear-gradient(to bottom,#0f6ff7 0%,#0850d4 100%); filter:drop-shadow(0 1px 1px rgba(0,0,0,.16)); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}

/* Solid navy text on white content surfaces */
body #page:not(:has(.index-swiper-container)) main,
body #page :is(.featured-products-section,.special-offers-section) { color:#080b38; }
body #page:not(:has(.index-swiper-container)) main :is(h1,h2,h3,h4,h5,h6,p,a,li,label,td,th,span,strong,b,.custom-title-1,.custom-title-2,.product-title,.product-inner-title,.price,.product-inner-text,.product-inner-price-title,.product-price-title,.product-inner-form-selector-title,.product-form-box,.product-form-select-box,.path,.price-name),
body #page :is(.featured-products-section,.special-offers-section) :is(h1,h2,h3,h4,p,a,span,.custom-title-1,.custom-title-2,.product-title,.price,.product-price-title) { color:#080b38; -webkit-text-fill-color:#080b38; }
body #page:not(:has(.index-swiper-container)) main :is(h1,h2,h3,h4,h5,h6,.custom-title-1,.custom-title-2,.product-title,.product-inner-title,.price),
body #page :is(.featured-products-section,.special-offers-section) :is(h1,h2,h3,h4,.custom-title-1,.custom-title-2,.product-title,.price) { background-image:none; filter:none; }

/* White text-entry and text-selection fields throughout the storefront */
body #page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),
body #page textarea, body #page select,
body #popup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]), body #popup textarea, body #popup select,
body .login-popup input:not([type="checkbox"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
body .fancybox-content textarea, body .fancybox-content select,
body .select2-container, body .select2-dropdown, body .select2-selection, body .select2-results__option {
 background:#fff !important; color:#080b38 !important; -webkit-text-fill-color:#080b38 !important; border-color:#aeb6c6; caret-color:#080b38;
}
body input::placeholder, body textarea::placeholder { color:#080b38 !important; -webkit-text-fill-color:#080b38 !important; opacity:1; }
body select option, body .select2-selection__rendered, body .select2-selection__rendered span,
body .select2-selection__placeholder, body .select2-results__option, body .select2-results__option * { color:#080b38 !important; -webkit-text-fill-color:#080b38 !important; }
body .select2-results__option--highlighted { background:#e6f8ff !important; color:#080b38 !important; }
body #page .product-form-box span, body #page .product-inner-form-selector .disabled { color:#080b38; -webkit-text-fill-color:#080b38; }

/* Dark header search only */
body #page header .search-container input#title_search { background:transparent !important; color:#fff !important; -webkit-text-fill-color:#fff !important; caret-color:#fff; }
body #page header .search-container input#title_search::placeholder { color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1; }

/* Custom orders, About us, Gallery: final three primary navigation sections */
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"])) main { background:radial-gradient(ellipse at 50% 35%,#2c4e80 0%,#182640 42%,#07090f 85%) !important; color:#fff; }
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"])) main :is(p,li,label,td,th,span,strong,b,.path,.path a) { color:#fff; -webkit-text-fill-color:#fff; }
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"])) main :is(h1,h2,h3,h4,h5,h6,.custom-title-1,.custom-title-2),
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"])) main .top-info-container p[align="center"] > a > font[size="5"] > b { background-image:linear-gradient(to bottom,#00eaff,#00aeff); background-clip:text; -webkit-background-clip:text; color:#00eaff; -webkit-text-fill-color:transparent; filter:none; }
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"])) main :is(h1,h2,h3,h4,h5,h6) :is(span,strong,b) { color:inherit; -webkit-text-fill-color:inherit; }
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"])) main .ext_button, body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"])) main .ext_button * { color:#080b38; -webkit-text-fill-color:#080b38; }

/* White text on the dark category navigation strip */
body #page main .content-menu a, body #page main .content-menu a span { color:#fff !important; -webkit-text-fill-color:#fff !important; background-image:none; }

/* Custom orders and About us: match footer text depth. */
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(3).selected,header .main-menu > li.selected > a[href*="custom-orders"]), header .main-menu > li:nth-last-child(2).selected) main { text-shadow:0 1px 1px #000,0 2px 4px #000,0 4px 10px rgba(0,0,0,.95),0 0 16px rgba(0,0,0,.85); }
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(3).selected,header .main-menu > li.selected > a[href*="custom-orders"]), header .main-menu > li:nth-last-child(2).selected) main :is(h1,h2,h3,h4,h5,h6,.custom-title-1,.custom-title-2),
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(3).selected,header .main-menu > li.selected > a[href*="custom-orders"]), header .main-menu > li:nth-last-child(2).selected) main .top-info-container p[align="center"] > a > font[size="5"] > b {
 text-shadow:none; filter:drop-shadow(0 2px 2px #000) drop-shadow(0 4px 7px rgba(0,0,0,.95));
}
body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(3).selected,header .main-menu > li.selected > a[href*="custom-orders"]), header .main-menu > li:nth-last-child(2).selected) main :is(input,textarea,select,button,.ext_button), body #page:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(3).selected,header .main-menu > li.selected > a[href*="custom-orders"]), header .main-menu > li:nth-last-child(2).selected) main .ext_button * {text-shadow:none;}

/* Cyan link underlines and animated text indicators. */
body #page .top-info-container a:hover, body #page .page-module a:hover {text-decoration-color:#00eaff;}
body #page ul.main-menu > li > a > span::before,
body #page ul.main-menu ul > li > ul > li > a > span::before,
body #page ul.tabs > li > a > span::before {background:#00eaff;}

/* Submenu chevrons: white glyph, transparent background. */
body #page header .main-menu ul > li.has-submenu > a::before {background:transparent; color:#fff; -webkit-text-fill-color:#fff; border:none;}

/* Product section labels and vivid cyan price bars, shared by every product. */
body #page main .product-inner-section .product-inner-form-head, body #page main .product-inner-section .product-inner-form-head * {color:#fff; -webkit-text-fill-color:#fff;}
body #page main:has(.product-inner-section) .price-block {background:#00eaff; background-image:var(--ag-neon-fill);}

/* Contact form: transparent fields with white input and placeholder text. */
body #popup input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]), body #popup textarea, body #popup select {
 background:transparent !important; color:#fff !important; -webkit-text-fill-color:#fff !important; caret-color:#fff; border-color:rgba(255,255,255,.55);
}
body #popup input::placeholder, body #popup textarea::placeholder {color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1;}
body #popup p, body #popup label {color:#fff; -webkit-text-fill-color:#fff;}

/* Catalogue product photos: same 8% / 0.8s hover zoom as homepage. */
body #page .product-list-container .product-photo img {transition:transform .8s cubic-bezier(.2,.65,.3,1);}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 body #page .product-list-container .product-item:hover .product-photo img {transform:scale(1.08);}
}
@media (prefers-reduced-motion:reduce) {body #page .product-list-container .product-photo img {transition:none;}}

/* Hero motorcycles: smooth hover enlargement, retaining existing base size. */
body #page .index-swiper-container .swiper-slide-content-photo .photo {transition:transform .8s cubic-bezier(.2,.65,.3,1);}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 body #page .index-swiper-container .swiper-slide-content-photo:hover .photo {transform:scale(1.08);}
}
@media (min-width:1024px) and (hover:hover) and (prefers-reduced-motion:no-preference) {
 body #page .index-swiper-container .swiper-slide-content-photo:hover .photo {transform:scale(1.134);}
}
@media (prefers-reduced-motion:reduce) {body #page .index-swiper-container .swiper-slide-content-photo .photo {transition:none;}}

/* Automatic gentle hero zoom, independent of pointer position. */
@keyframes ag-hero-breathe {from {transform:scale(1);} to {transform:scale(1.08);}}
@keyframes ag-hero-breathe-desktop {from {transform:scale(1.05);} to {transform:scale(1.134);}}
@media (prefers-reduced-motion:no-preference) {
 body #page .index-swiper-container .swiper-slide-content-photo .photo {animation:ag-hero-breathe 5s ease-in-out infinite alternate;}
}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference) {
 body #page .index-swiper-container .swiper-slide-content-photo .photo {animation-name:ag-hero-breathe-desktop;}
}

/* Slowly pan the homepage information photo inside its stationary mask. */
@keyframes ag-info-photo-drift {
 from {transform:translateX(-2%) scale(1.06);}
 to {transform:translateX(2%) scale(1.06);}
}
@media (prefers-reduced-motion:no-preference) {
 body #page .info-section .featured-products-photo img {animation:ag-info-photo-drift 14s ease-in-out infinite alternate;}
}

/* Gallery collage: floating photographs with depth and hover lift. */
body #page:has(header .main-menu > li:last-child.selected) .gallery-container {gap:0; justify-content:center; margin:0; padding:24px 14px 40px; perspective:1400px; overflow:visible; isolation:isolate;}
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div {position:relative; margin:0 -5px 6px; max-width:40%; transform:translateY(var(--gy,0px)) rotate(var(--gr,-2deg)); transition:transform .8s cubic-bezier(.2,.65,.3,1); z-index:1;}
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(3n+2) {--gy:18px; --gr:2.5deg; z-index:2;}
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(3n) {--gy:-10px; --gr:-3deg;}
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(4n) {--gy:10px; --gr:1.5deg;}
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div a {display:block; box-shadow:0 12px 24px rgba(0,0,0,.6),0 0 15px rgba(0,0,0,.5); transition:box-shadow .8s ease;}
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div img {display:block; max-width:100%; height:auto;}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:hover {transform:translateY(-12px) rotate(0deg) scale(1.1); z-index:10;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:hover a {box-shadow:0 25px 38px rgba(0,0,0,.7),0 0 22px rgba(0,0,0,.55);}
}
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:focus-within {z-index:11;}
@media(max-width:767px) {
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container {padding:16px 10px 28px;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div {width:calc(50% - 8px); max-width:calc(50% - 8px); margin:0 2px 16px;}
}
@media(prefers-reduced-motion:reduce) {body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div,body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div a {transition:none;}}

/* Subtly rounded gallery photo corners. */
body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div a {border-radius:8px; overflow:hidden;}

/* Bring gallery close to title and loosen the collage silhouette. */
body #page:has(header .main-menu > li:last-child.selected) main .top-info-section {padding-bottom:12px;}
body #page:has(header .main-menu > li:last-child.selected) main .gallery-section {padding-top:12px;}
@media(min-width:768px){
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container {display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px 12px; align-items:start; padding:28px 32px 65px;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div {width:100%; max-width:none; margin:0; grid-column:span 4; transform:translate(var(--gx,0px),var(--gy,0px)) rotate(var(--gr,0deg));}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+1) {grid-column:1 / span 5; --gx:0px; --gy:8px; --gr:-4deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+2) {grid-column:6 / span 4; --gx:8px; --gy:46px; --gr:4deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+3) {grid-column:10 / span 3; --gx:-6px; --gy:-14px; --gr:-5deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+4) {grid-column:2 / span 3; --gx:-10px; --gy:-10px; --gr:5deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+5) {grid-column:5 / span 4; --gx:5px; --gy:30px; --gr:-3deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+6) {grid-column:9 / span 4; --gx:0px; --gy:10px; --gr:5deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+7) {grid-column:1 / span 4; --gx:5px; --gy:0px; --gr:-5deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n+8) {grid-column:5 / span 5; --gx:0px; --gy:40px; --gr:3deg;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:nth-child(9n) {grid-column:10 / span 3; --gx:0px; --gy:-8px; --gr:-4deg;}
}
@media(min-width:768px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:hover {transform:translate(var(--gx,0px),calc(var(--gy,0px) - 12px)) rotate(0deg) scale(1.1);}
}

/* Larger overlapping gallery photographs, with stronger hover lift. */
@media(min-width:768px){
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container {gap:10px 4px; padding-left:48px; padding-right:48px; padding-bottom:85px;}
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div {transform:translate(var(--gx,0px),var(--gy,0px)) rotate(var(--gr,0deg)) scale(1.18);}
}
@media(min-width:768px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 body #page:has(header .main-menu > li:last-child.selected) .gallery-container > div:hover {transform:translate(var(--gx,0px),calc(var(--gy,0px) - 18px)) rotate(0deg) scale(1.38);z-index:20;}
}

/* Luminous horizon replaces the footer brush decoration. */
body #page .footer-decoration {position:relative;height:140px;overflow:hidden;background:transparent;}
body #page .footer-decoration .ag-footer-horizon {display:block;width:100%;height:140px;overflow:visible;filter:drop-shadow(0 0 7px rgba(0,201,255,.6));}
body #page .ag-horizon-light {filter:drop-shadow(0 0 5px #00eaff) drop-shadow(0 0 13px #00aeff);stroke-dashoffset:-47;}
@keyframes ag-horizon-sweep {from{stroke-dashoffset:6;}to{stroke-dashoffset:-100;}}
@media(prefers-reduced-motion:no-preference){body #page .ag-horizon-light {animation:ag-horizon-sweep 4s ease-in-out infinite alternate;}}

/* Soft luminous horizon, with a diffuse moving highlight. */
body #page .footer-decoration .ag-footer-horizon {filter:drop-shadow(0 0 12px rgba(0,234,255,.85));}
body #page .ag-footer-horizon > path:first-of-type {stroke-width:3;filter:blur(.8px);}
body #page .ag-horizon-halo {opacity:.65;filter:blur(8px);}
body #page .ag-horizon-light {stroke:#b9fbff;stroke-width:6;stroke-dasharray:12 112;filter:blur(5px) drop-shadow(0 0 10px #00eaff) drop-shadow(0 0 22px #00aeff);}

body #page .ag-horizon-spot {filter:blur(6px) drop-shadow(0 0 12px #00eaff);}
@media(prefers-reduced-motion:reduce){body #page .ag-horizon-spot {display:none;}}

/* Thin horizon and brighter soft light, moving only near the centre. */
body #page .ag-footer-horizon > path:first-of-type {stroke-width:1.4;filter:blur(.45px);}
body #page .ag-horizon-halo {stroke-width:7;opacity:.5;filter:blur(7px);}
body #page .ag-horizon-spot {filter:blur(4px) drop-shadow(0 0 8px #00eaff) drop-shadow(0 0 18px rgba(0,234,255,.9));}

/* Small stationary centre light with gentle brightness breathing. */
body #page .ag-horizon-spot {opacity:.7;filter:blur(4px) drop-shadow(0 0 8px #00eaff) drop-shadow(0 0 14px rgba(0,234,255,.8));}
@keyframes ag-horizon-pulse {from{opacity:.35;}to{opacity:1;}}
@media(prefers-reduced-motion:no-preference){body #page .ag-horizon-spot {animation:ag-horizon-pulse 3s ease-in-out infinite alternate;}}
@media(prefers-reduced-motion:reduce){body #page .ag-horizon-spot {display:block;animation:none;}}

/* Curved footer boundary: same contour as the luminous arc. */
body #page main {padding-bottom:0;}
body #page .footer-decoration {margin-bottom:0;isolation:isolate;}
body #page .footer-decoration .ag-footer-surface {position:absolute;inset:0;display:block;width:100%;height:100%;filter:none;pointer-events:none;z-index:0;}
body #page .footer-decoration .ag-footer-horizon {position:relative;z-index:1;pointer-events:none;}
body #page .footer-colls-section,body #page footer {background:linear-gradient(90deg,#07090f 0%,#151f33 50%,#07090f 100%)!important;margin-top:0;}

/* Soft dark contrast behind the arc on light inner pages only. */
body #page:not(:has(.index-swiper-container)):not(:has(:is(.ag-process-section,header .main-menu > li:nth-last-child(-n+3).selected,header .main-menu > li.selected > a[href*="custom-orders"]))) .footer-decoration .ag-footer-surface {filter:drop-shadow(0 -10px 19px rgba(7,9,15,.6));}

/* Full-width cinematic homepage video, 2026-10-06. */
body #page .video-section {padding:0!important;margin:0;background:#080d1b!important;overflow:hidden;}
body #page .video-section > .container {width:100%;max-width:none;padding:0;margin:0;}
body #page .video-section .video-container {position:relative;isolation:isolate;width:100%;height:auto;min-height:640px;display:flex;align-items:center;padding:110px max(6vw,calc((100vw - 1640px)/2));box-sizing:border-box;}
body #page .video-section .video-box {position:absolute;inset:0;width:100%;height:100%;z-index:-2;}
body #page .video-section .video-box-element {display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:2200px;margin:auto;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
body #page .video-section .video-container::before {content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(8,13,27,.96) 0%,rgba(8,13,27,.84) 28%,rgba(8,13,27,.4) 53%,rgba(8,13,27,.08) 75%,rgba(8,13,27,.35) 100%),linear-gradient(0deg,#080d1b 0%,transparent 25%);}
body #page .video-section .customize-container {position:relative;inset:auto;transform:none;width:50%;max-width:720px;padding:0;margin:0;background:none;}
body #page .video-section .customize-container::before {display:none!important;}
body #page .video-section .customize-title {position:relative;color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:clamp(32px,3vw,52px);line-height:1.15;margin:0 0 24px;padding-top:34px;text-shadow:0 2px 14px rgba(0,0,0,.5);}
body #page .video-section .customize-title::before {content:"";position:absolute;top:0;left:0;width:150px;height:3px;background:linear-gradient(90deg,#00eaff,#00aeff,transparent);box-shadow:0 0 14px rgba(0,234,255,.5);}
body #page .video-section .customize-text,body #page .video-section .customize-text p {color:#fff!important;font-size:17px;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.5);}
body #page .video-section .customize-socials {margin-top:24px;}
body #page .video-section .customize-action {position:static;float:none;text-align:left;justify-content:flex-start;margin:26px 0 0;}
@media(min-width:1600px){body #page .video-section .video-container {min-height:740px;}}
@media(max-width:767px){body #page .video-section .video-container {min-height:640px;align-items:flex-end;padding:220px 24px 60px;}body #page .video-section .customize-container {width:100%;max-width:none;}body #page .video-section .video-container::before {background:linear-gradient(0deg,#080d1b 0%,rgba(8,13,27,.93) 42%,rgba(8,13,27,.2) 100%);}body #page .video-section .customize-text,body #page .video-section .customize-text p {font-size:15px;}body #page .video-section .video-box-element {object-position:65% center;}}

/* First cloud concept: independent drift and evolving volume. */
body #page .index-swiper-container {position:relative;isolation:isolate;overflow:hidden;}
body #page .index-swiper-container::before,body #page .index-swiper-container::after {content:"";position:absolute;inset:0 -18%;width:auto;height:auto;pointer-events:none;background-image:url('/uploads/alien-clouds-v1.webp');background-repeat:repeat-x;--ag-cloud-tile:2200px;background-size:var(--ag-cloud-tile) 90%;background-position:0 35%;transform:none;z-index:-1;opacity:.88;filter:url(#ag-cloud-evolve) brightness(.72);}
body #page .index-swiper-container::after {background-size:var(--ag-cloud-tile) 70%;background-position:0 65%;opacity:.24;filter:blur(3px);}
body #page .index-swiper-container > .index-swiper {position:relative;z-index:1;}
@keyframes ag-cloud-drift {from{background-position-x:0;}to{background-position-x:var(--ag-cloud-tile);}}
@keyframes ag-cloud-breathe {0%,100%{transform:scale(1,1);}50%{transform:scale(1.045,1.085);}}
@media(prefers-reduced-motion:no-preference){body #page .index-swiper-container::before {animation:ag-cloud-drift 180s linear infinite,ag-cloud-breathe 23s ease-in-out infinite;}body #page .index-swiper-container::after {animation:ag-cloud-drift 250s linear infinite,ag-cloud-breathe 31s ease-in-out infinite;animation-delay:-80s,-12s;}}
@media(prefers-reduced-motion:reduce){body #page .index-swiper-container::before {filter:none;}}
@media(max-width:767px){body #page .index-swiper-container::before {--ag-cloud-tile:1600px;background-size:var(--ag-cloud-tile) 65%;opacity:.7;}body #page .index-swiper-container::after {display:none;}}

/* Low-cost cloud compositing: no per-frame SVG or background repaint. */
body #page .index-swiper-container::before,body #page .index-swiper-container::after {filter:none!important;will-change:transform;backface-visibility:hidden;background-position-x:0;animation:none;}
body #page .index-swiper-container::before {opacity:.72;}
body #page .index-swiper-container::after {opacity:.18;background-position-x:700px;}
@keyframes ag-cloud-soft-a {0%{transform:translate3d(-4%,0,0) scale(1,1);}50%{transform:translate3d(0,-.7%,0) scale(1.025,1.045);}100%{transform:translate3d(4%,0,0) scale(1.01,1.015);}}
@keyframes ag-cloud-soft-b {0%{transform:translate3d(-5%,1%,0) scale(1.025,1.04);}100%{transform:translate3d(5%,-1%,0) scale(1,1);}}
@media(prefers-reduced-motion:no-preference){body #page .index-swiper-container::before {animation:ag-cloud-soft-a 50s ease-in-out infinite alternate;}body #page .index-swiper-container::after {animation:ag-cloud-soft-b 70s ease-in-out infinite alternate;}}
body #page .pre-header {background-color:#00c9ff!important;background-image:linear-gradient(#00eaff,#00aeff)!important;}

/* Pause decorative cloud motion when offscreen or tab hidden. */
body #page .index-swiper-container.ag-cloud-paused::before,
body #page .index-swiper-container.ag-cloud-paused::after{animation-play-state:paused!important;}