/* VAM editorial layer. Load after the functional component styles. */
:root{--paper:#f9f9fb;--ink:#111111;--muted:#2c3036;--orange:#111111;--orange-hover:#2c3036;--line:#d9dce1;--white:#fff;--surface:#fff;--surface-raised:#eff1f4;--on-accent:#f9f9fb;--control-line:#858b94;--heading:Georgia,'Times New Roman',serif;--body:Arial,Helvetica,sans-serif;color-scheme:light}
html{scroll-padding-top:120px}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.75}
::selection{background:#111;color:#f9f9fb}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--heading);font-weight:400;letter-spacing:-.025em;color:var(--ink)}
h2{font-size:clamp(34px,4.1vw,56px);line-height:1.13}
p{color:var(--muted)}
.container{width:min(1280px,calc(100% - 112px))}
.section{padding-block:112px}
.section-heading{align-items:flex-end;gap:64px;margin-bottom:52px}
.section-heading>p,.section-heading>div+div{font-size:15px;line-height:1.85;max-width:400px}
.eyebrow,.project-type,.product-category{font-family:var(--body);color:var(--muted);font-weight:500;letter-spacing:1.8px}
:focus-visible{outline:2px solid #2c3036;outline-offset:4px}
.button,.project-cta,button,input,select,textarea{font-family:var(--body)}
.button{border-radius:2px;font-weight:500;letter-spacing:.15px;min-height:50px}
.primary,.main-nav .nav-cta,.product-card .product-quote,.floating-whatsapp{background:#111;color:#f9f9fb}
.primary:hover,.main-nav .nav-cta:hover,.product-card .product-quote:hover,.floating-whatsapp:hover{background:#2c3036;color:#f9f9fb}
.secondary{background:transparent;color:#111;border:1px solid var(--control-line)}
.secondary:hover{background:#eff1f4;color:#111}
.skip-link{background:#111;color:#fff}
.scroll-progress{height:2px;background:#111}

/* Floating navigation retains both language choices at every width. */
.header{position:sticky;top:16px;z-index:40;width:min(1400px,calc(100% - 40px));margin:16px auto 0;background:rgba(249,249,251,.9);border:1px solid rgba(17,17,17,.13);border-radius:16px;box-shadow:0 8px 30px rgba(17,17,17,.045);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header .nav{width:calc(100% - 56px);max-width:1280px;height:80px;margin-inline:auto;gap:22px}
.nav .brand{order:0;flex-shrink:0;font-family:'Manrope',Arial,sans-serif;font-size:31px;font-weight:800;letter-spacing:-2px;color:#111}
.brand-caption{font-family:var(--body);color:#2c3036}
.brand-mark i{background:#111}
.main-nav{order:1;background:transparent;margin-left:auto;gap:20px;font-family:var(--body);font-size:12px;font-weight:400}
.main-nav>a{color:#111;min-height:44px}
.main-nav>a:not(.nav-cta):hover{color:#2c3036;text-decoration:underline;text-underline-offset:6px}
.main-nav .nav-cta{margin-left:0;gap:14px;padding:12px 16px;border-radius:2px;font-weight:500}
.nav-actions{order:2;display:flex;align-items:center;gap:10px;flex-shrink:0}
.language-switch{display:flex;padding:2px;gap:2px;background:transparent;border:1px solid var(--line)}
.language-switch a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;background:transparent;color:#111;font-size:11px;font-weight:500}
.language-switch a[aria-current=page]{background:#111;color:#fff}
.language-switch a:not([aria-current=page]):hover{background:#eff1f4;color:#111}
.menu-button{background:transparent;border-color:var(--control-line)}
.menu-button span{background:#111}

/* The existing real-image slider becomes the large editorial photograph. */
.hero{display:grid;grid-template-columns:.98fr 1.12fr;gap:64px;align-items:center;padding-block:64px 80px}
.hero-copy{min-width:0;padding:0;max-width:570px}
.hero h1{font-family:var(--heading);font-size:clamp(44px,5.3vw,80px);font-weight:400;line-height:1.1;letter-spacing:-.045em;color:#111;overflow-wrap:normal}
.hero h1 em{font-weight:400;color:#2c3036}
.hero h1 span{color:#111}
.hero-copy .eyebrow{font-size:10px;font-weight:400;letter-spacing:1.7px;margin-bottom:28px;color:#2c3036}
.small-line{background:#111}
.hero-description{max-width:470px;margin-top:28px;color:#2c3036;font-size:15px;line-height:1.95}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero .hero-actions .button{margin:0;gap:18px;min-height:50px;padding:14px 18px;font-size:13px}
.hero-note{margin-top:28px;gap:12px}
.hero-note p{color:#2c3036;font-size:11px;line-height:1.8}
.note-icon{border-color:var(--control-line);color:#111}
.hero-image{height:620px;background:#eff1f4;border:0;border-radius:2px}
.hero-slide.is-render{background:#eff1f4}
.hero-slide img{object-fit:cover;object-position:center}
.hero-slide.is-render img{object-fit:contain}
.hero-image:after{background:none}
.image-tag{top:20px;left:20px;max-width:calc(100% - 124px);padding:9px 11px;background:rgba(249,249,251,.94);border:1px solid rgba(17,17,17,.13);color:#111;font-family:var(--body);font-size:8px;font-weight:500;letter-spacing:1.3px}
.hero-image-caption{left:24px;right:auto;bottom:48px;width:min(330px,calc(100% - 48px));padding:20px 22px;background:rgba(249,249,251,.94);border:1px solid rgba(255,255,255,.6);border-radius:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#111}
.hero-image-caption>span{font-family:var(--body);font-size:8px;letter-spacing:1.4px;color:#2c3036}
.hero-image-caption p{font-family:var(--heading);font-size:32px;line-height:1.13;font-weight:400;letter-spacing:-.6px;color:#111;margin-top:9px}
.hero-image-caption svg{right:20px;bottom:22px;width:26px;height:26px;color:#111}
.image-credit{left:24px;bottom:12px;max-width:calc(100% - 48px);padding:4px 7px;background:rgba(249,249,251,.92);color:#2c3036;font-family:var(--body);font-size:9px;line-height:1.4}
.hero-controls{top:20px;right:20px}
.hero-slide-pickers button,.hero-controls .hero-pause{background:rgba(249,249,251,.94);border-color:var(--control-line);color:#111;font-family:var(--body);font-weight:500}
.hero-slide-pickers button[aria-pressed=true]{background:#111;border-color:#111;color:#fff}
.hero-controls button:hover{background:#2c3036;border-color:#2c3036;color:#fff}
.hero-controls button:focus-visible{outline:2px solid #111;outline-offset:3px;box-shadow:0 0 0 5px #f9f9fb}

.editorial-intro{padding-block:50px 70px;border-top:1px solid var(--line)}
.editorial-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.editorial-intro h2{font-size:clamp(38px,4.5vw,62px);max-width:600px}
.editorial-intro>div>p{font-size:16px;line-height:1.95;max-width:470px}
.editorial-collections{background:var(--paper)}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 64px;align-items:start}
.collection-card{min-width:0}
.collection-card:nth-child(even){margin-top:105px}
.editorial-collections .section-heading h2{font-weight:400}
.collection-image{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#eff1f4;border:0}
.collection-card:first-child .collection-image,.collection-card:last-child .collection-image{aspect-ratio:4/5}
.collection-image>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}
.collection-image-window{position:relative;display:block;width:100%;height:100%;overflow:hidden;transition:transform .6s ease}
.collection-image-window.is-capture{width:100%!important;height:100%;aspect-ratio:auto;margin:0;top:0;transform:none}
.collection-image-window:not(.is-capture)>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.collection-image-window.is-capture>img{position:absolute;left:0;top:50%;display:block;width:100%;height:auto;object-fit:contain;transform:translateY(calc(var(--crop-shift,-17.96875%) - var(--crop-height,787) * 50% / 1280))}
.collection-image-note{position:absolute;bottom:14px;left:14px;max-width:calc(100% - 28px);padding:6px 9px;background:rgba(249,249,251,.94);color:#2c3036;font-family:var(--body);font-size:10px;line-height:1.5}
.collection-copy{padding:24px 0 0}
.collection-number{position:static;display:block;margin-bottom:12px;font-family:var(--body);font-size:10px;font-weight:400;letter-spacing:2px;color:#62666e}
.collection-copy h3{font-size:clamp(27px,2.8vw,36px);font-weight:400;line-height:1.18;letter-spacing:-.03em;margin:0 0 12px;overflow-wrap:anywhere}
.collection-copy p{font-size:14px;line-height:1.9;max-width:480px}
.collection-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;max-width:100%;margin-top:20px;padding:12px 0;border:0;border-bottom:1px solid #111;background:transparent;color:#111;font-family:var(--body);font-size:12px;font-weight:400;line-height:1.5;text-align:left}
.collection-action span{font-size:24px;line-height:1}
.collection-action svg{width:20px;height:20px;flex-shrink:0}

/* Shared surfaces: no dark component or interactive state is left behind. */
.service-ribbon,.trust-bar{background:transparent;color:#2c3036;border-color:var(--line)}
.service-ribbon span,.trust-bar>.container>span{font-family:var(--body);font-size:10px;font-weight:500;letter-spacing:1px;line-height:1.7}
.service-ribbon i,.callout-star,.step-number{color:#111}
.catalog-section,.reference-prices,.trust-section,.destinations-section,.network-section,.project-section,.transformation-section,.comparison-section,.gallery-section,.ideas-section,.build-section,.blog-section{background:var(--paper);border-color:var(--line)}
.service-card,.product-card,.network-card,.build-steps li,.price-reference-group,.trust-card,.blog-card,.transformation-photo,.transformation-process,.catalog-note,.network-embed-panel{background:#fff;border-color:var(--line);box-shadow:none}
.service-card:hover,.service-callout,.service-callout:hover{background:#eff1f4}
.product-media,.network-preview,.idea-image{background:#eff1f4}
.product-body .product-category,.project-type,.card-top span,.reference-note{color:#2c3036}
.product-body h3,.network-card h3,.price-reference-group h3,.trust-card h3,.blog-card h3,.gallery-card h3,.project-card h3{font-family:var(--heading);font-weight:400;color:#111}
.product-image-note,.network-platform,.idea-image>span{background:rgba(249,249,251,.94);border-color:var(--line);color:#2c3036}
.product-card .product-custom,.product-card .product-example,.project-cta,.blog-card a{color:#111}
.product-card .product-custom:hover,.product-card .product-example:hover,.project-cta:hover,.blog-card a:hover{color:#2c3036}
.product-price-options,.project-cta,.steps li,.faq-list details,.faq-list details:first-child,.payment-milestones>*,.remote-workflow>*{border-color:var(--line)}
.product-price-options summary{color:#111}
.reference-table th{background:#eff1f4;color:#111}
.reference-table tbody th{background:transparent;color:#111}
.reference-table td,.reference-table td:first-child small,.reference-table tbody th small{color:#2c3036}
.reference-table td:first-child,.reference-table td:nth-child(2){color:#111}
.table-scroll,.tiktok-mount{scrollbar-color:#858b94 #eff1f4}
.product-estimate{background:#eff1f4;border-color:var(--control-line);color:#111}
.product-estimate .estimate-total{color:#111}
.project-view,.gallery-section .gallery-card .gallery-view{background:#eff1f4;border-color:var(--line)}
.project-view-label,.media-badge{background:#111;color:#fff}
.project-view:hover .project-view-label,.gallery-view:hover .project-view-label{background:#2c3036;color:#fff}
.video-play,.gallery-view:hover .video-play{background:rgba(17,17,17,.86);border-color:#fff;color:#fff}
.project-dialog,.estimator-lead-dialog{background:#f9f9fb;color:#111;border-color:var(--line);color-scheme:light}
.project-dialog::backdrop{background:rgba(17,17,17,.72);backdrop-filter:blur(5px)}
.project-dialog h2,.project-dialog-caption,.project-media-position{color:#2c3036}
.project-full-image{background:transparent}
.project-full-video,.transformation-video-frame{background:#111}
.project-dialog-close,.project-dialog-navigation button,.embed-panel-close{background:#fff;color:#111;border-color:var(--control-line)}
.project-dialog-close:hover,.project-dialog-navigation button:not(:disabled):hover,.embed-panel-close:hover{background:#eff1f4;color:#111;border-color:#111}
.gallery-grid{grid-template-columns:1.05fr .95fr;gap:58px 40px}
.gallery-section .gallery-card .gallery-view{height:440px;--media-height:350px;padding:22px 22px 70px}
.gallery-card h3{font-size:28px;line-height:1.25;letter-spacing:-.02em}
.gallery-card figcaption{padding-top:22px}
.gallery-card figcaption p{font-size:14px;line-height:1.8}
.gallery-current-album,.gallery-current-album h3{font-family:var(--heading);font-size:28px;font-weight:400;color:#111}
.gallery-filters button{background:#eff1f4;color:#fff}
.gallery-filters button:after{background:linear-gradient(transparent,rgba(17,17,17,.85))}
.gallery-filters button[data-gallery-filter=todos]{background:#fff;color:#111;border-color:var(--control-line)}
.gallery-filters button[data-gallery-filter=todos] small{color:#2c3036}
.gallery-filters button[data-gallery-filter=todos][aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.gallery-filters button[data-gallery-filter=todos][aria-pressed=true] small{color:#eef0f3}
.gallery-filters button[aria-pressed=true]{border-color:#111;box-shadow:inset 0 0 0 1px #111}
.gallery-filters button[data-gallery-filter=todos]:hover{background:#eff1f4;color:#111}
.gallery-filters button[data-gallery-filter=todos][aria-pressed=true]:hover{background:#2c3036;color:#fff}
.gallery-filters strong,.gallery-filters small,.media-filters button{font-family:var(--body)}
.media-filters{background:#fff;border-color:var(--line)}
.media-filters button{color:#111}
.media-filters button[aria-pressed=true]{background:#111;color:#fff}
.media-filters button:hover{background:#eff1f4;color:#111}
.media-filters button[aria-pressed=true]:hover{background:#2c3036;color:#fff}
.gallery-more{background:transparent;color:#111;border-color:var(--control-line)}
.gallery-more:hover{background:#111;color:#fff}
.network-card .network-link{background:#111;color:#fff}
.network-card .network-link:hover{background:#2c3036;color:#fff}
.social-links a,.quote-social .social-links a{background:transparent;color:#111;border-color:var(--control-line)}
.social-links a:hover,.quote-social .social-links a:hover{background:#eff1f4;color:#111;border-color:#111}
.quote-section{background:#f0f1f4;color:#111}
.quote-form{background:#fff;color:#111;border-color:var(--line)}
.quote-copy h2,.quote-copy h2 span,.contact-link strong,.contact-link>svg,.contact-link .contact-arrow{color:#111}
.quote-copy .eyebrow,.quote-copy>p:not(.eyebrow),.contact-link span,.quote-social .social-label{color:#2c3036}
.quote-form label,.quote-form h3{color:#111}
.quote-form label span,.quote-form .form-note,.form-status,.product-help{color:#2c3036}
.quote-form input,.quote-form select,.quote-form textarea,.variant-field select{background:#f9f9fb;color:#111;border-color:var(--control-line);color-scheme:light}
.quote-form select option,.variant-field select option{background:#fff;color:#111}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#60646e}
.form-status a{color:#111}
.build-steps li>span:first-child,.card-top svg,.faq-list summary span,.steps li:not(:last-child):after{color:#2c3036}
.expanded-catalog,.integral-services{background:var(--paper);color:#111;border-block:1px solid var(--line)}
.expanded-catalog>summary,.integral-services>summary{min-height:64px;padding:20px;font-family:var(--body);font-size:14px;font-weight:500;line-height:1.7;cursor:pointer;color:#111}

/* Four stages and region coverage remain readable, fully available sections. */
.remote-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
.remote-timeline li{min-width:0;padding-top:24px;border-top:1px solid var(--line)}
.timeline-number{font-family:var(--body);font-size:11px;letter-spacing:1.8px;color:#60646e}
.remote-timeline h3{font-family:var(--heading);font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:18px 0 12px}
.remote-timeline p{font-size:14px;line-height:1.9;color:#2c3036}
.payment-milestones>*{background:#fff}
.payment-milestones>*>strong:first-child,.payment-milestones>*>span:first-child{font-family:var(--heading);font-weight:400;color:#111}
.payment-methods{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.payment-method{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:1px solid var(--line);background:#fff;color:#2c3036;font-family:var(--body);font-size:12px}
.payment-method small{font-size:9px;letter-spacing:1px;color:#111}
.contract-badge{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:24px;padding:12px 0;color:#111;font-family:var(--body);font-size:13px;line-height:1.7}
.contract-badge svg{width:20px;height:20px;flex-shrink:0}
.trust-assurances>p,.trust-payment-note{color:#2c3036;font-size:13px;line-height:1.8}
.destination-links a{background:#fff;color:#111;border-color:var(--line)}
.destination-links a:hover{background:#eff1f4;color:#111;border-color:var(--control-line)}
.destination-links svg{color:#111}
.comparison-frame{background:#eff1f4;border-color:var(--line)}
.compare-label-before,.compare-label-after{background:rgba(249,249,251,.94);color:#111}
.comparison-frame:after{background:#111}
.comparison-slider::-webkit-slider-thumb,.comparison-slider::-moz-range-thumb{background:#111;border-color:#f9f9fb}
.comparison-note{color:#2c3036}
.footer{background:#f9f9fb;border-color:var(--line);padding-top:76px}
.footer-main p,.footer-social>p,.footer-bottom{color:#2c3036}
.footer-main,.footer-social,.footer-bottom{border-color:var(--line)}
.footer-coverage{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;padding-block:50px 64px;border-top:1px solid var(--line)}
.coverage-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.18}
.coverage-copy>p:not(.eyebrow){max-width:470px;margin-top:20px;font-size:14px;line-height:1.9}
.coverage-map{min-width:0;padding:24px;background:#eff1f4;border:1px solid var(--line)}
.coverage-map>p{margin-bottom:18px;font-family:var(--body);font-size:12px;letter-spacing:.5px}
.coverage-map [data-map-load]{min-height:48px;max-width:100%;gap:16px;background:#fff;color:#111;border-color:var(--control-line);font-size:12px;line-height:1.5;text-align:left}
.coverage-map-frame{width:100%;min-width:0}
.coverage-map-frame iframe,.coverage-map iframe{display:block;width:100%;height:320px;border:0;margin-top:20px}
.floating-whatsapp{border-radius:3px;box-shadow:0 5px 20px rgba(17,17,17,.1);border-color:#111}

/* Currency/estimator rules use the same palette even before their enhanced UI loads. */
.currency-panel{color:#2c3036}
.vam-estimator .currency-panel{width:100%;margin:0;padding:0 0 24px}
.currency-switch{background:#fff;border-color:var(--line);border-radius:2px}
.currency-switch [data-currency]{background:transparent;color:#111;border-radius:1px;font-family:var(--body);font-weight:500}
.currency-switch [data-currency][aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.currency-switch [data-currency]:hover:not(:disabled){border-color:#111}
.fx-status,.fx-attribution,.fx-attribution a{color:#2c3036}
[data-fx-refresh]{background:#fff;color:#111;border-color:var(--control-line);border-radius:2px;font-family:var(--body)}
[data-fx-refresh]:hover:not(:disabled){background:#eff1f4;color:#111}
.currency-switch [data-currency]:focus-visible,.fx-attribution a:focus-visible,a.fx-attribution:focus-visible,[data-fx-refresh]:focus-visible{outline:2px solid #2c3036;outline-offset:4px}
.vam-estimator{background:#f9f9fb;color:#111;border-color:var(--line)}
.vam-estimator h2{font-family:var(--heading);font-weight:400;color:#111}
.vam-estimator .estimator-eyebrow,.vam-estimator .estimator-step,.vam-estimator .estimator-result-label,.vam-estimator .estimator-intro,.vam-estimator .estimator-measure-help,.vam-estimator .estimator-secondary,.vam-estimator .estimator-summary,.vam-estimator .estimator-result-meta dt,.vam-estimator .estimator-result-meta dd,.vam-estimator .estimator-disclaimer,.vam-estimator .estimator-footnote,.vam-estimator .estimator-status{color:#2c3036}
.vam-estimator .estimator-inputs,.vam-estimator .estimator-output{background:#fff;color:#111;border-color:var(--line);box-shadow:none}
.vam-estimator .estimator-result-meta,.vam-estimator .estimator-dimensions{border-color:var(--line)}
.vam-estimator .estimator-total{font-family:var(--body);font-weight:500;color:#111}
.vam-estimator .estimator-field label,.estimator-lead-dialog label,.estimator-lead-dialog h3{color:#111}
.vam-estimator .estimator-field label span,.estimator-lead-dialog label span,.estimator-lead-dialog .estimator-modal-intro,.estimator-lead-dialog .estimator-request-note,.estimator-lead-dialog .estimator-lead-notice,.estimator-lead-dialog .estimator-lead-status{color:#2c3036}
.vam-estimator .estimator-field input,.vam-estimator .estimator-field select,.estimator-lead-dialog input,.estimator-lead-dialog select,.estimator-lead-dialog textarea{background:#f9f9fb;color:#111;border-color:var(--control-line);color-scheme:light;font-family:var(--body);font-size:16px}
.vam-estimator select option,.estimator-lead-dialog select option{background:#fff;color:#111}
.vam-estimator input::placeholder,.estimator-lead-dialog input::placeholder,.estimator-lead-dialog textarea::placeholder{color:#60646e}
.vam-estimator .estimator-button,.estimator-lead-dialog .estimator-button{background:#111;color:#fff;border-color:#111;font-family:var(--body);font-weight:500}
.vam-estimator .estimator-button:hover,.estimator-lead-dialog .estimator-button:hover{background:#2c3036;color:#fff;border-color:#2c3036}
.vam-estimator .estimator-button.estimator-button-outline,.estimator-lead-dialog .estimator-button.estimator-button-outline{background:transparent;color:#111;border-color:var(--control-line)}
.vam-estimator .estimator-button.estimator-button-outline:hover,.estimator-lead-dialog .estimator-button.estimator-button-outline:hover{background:#eff1f4;color:#111;border-color:#111}
.estimator-lead-dialog .estimator-close{background:#fff;color:#111;border-color:var(--control-line)}
.vam-estimator input:focus-visible,.vam-estimator select:focus-visible,.estimator-lead-dialog input:focus-visible,.estimator-lead-dialog select:focus-visible,.estimator-lead-dialog textarea:focus-visible,.vam-estimator .estimator-button:focus-visible,.estimator-lead-dialog .estimator-button:focus-visible,.estimator-lead-dialog .estimator-close:focus-visible{outline:2px solid #2c3036;outline-offset:4px}

@media(hover:hover) and (pointer:fine){
  .collection-card:hover .collection-image>img,.collection-card:hover .collection-image-window,.network-preview:hover img,.product-card:hover .product-media>img{transform:scale(1.05)}
  .collection-action:hover{color:#2c3036;border-color:#2c3036}
  .collection-action:hover span{transform:translate(2px,-2px)}
  .service-card:hover,.gallery-card:hover,.network-card:hover,.product-card:hover{transform:none;box-shadow:none;border-color:#858b94}
  .product-card .product-quote:hover,.network-card .network-link:hover{background:#2c3036;color:#fff}
  .idea-card figcaption a:hover{background:#111;color:#fff;border-color:#111}
  .hero-controls button:hover{background:#2c3036;border-color:#2c3036;color:#fff}
  .trust-card:hover,.blog-card:hover{background:#fff;border-color:#858b94}
}
@media(max-width:1100px){
  .main-nav{position:absolute;top:calc(100% + 8px);left:-1px;right:-1px;width:auto;margin:0;padding:18px 24px 24px;background:rgba(249,249,251,.98);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 28px rgba(17,17,17,.07)}
  .main-nav.is-open{display:flex}
  .hero{gap:42px;grid-template-columns:1fr 1.05fr}
  .hero-image{height:560px}
  .collection-grid{gap:62px 40px}
  .collection-card:nth-child(even){margin-top:80px}
}
@media(max-width:1000px){
  .container{width:calc(100% - 64px)}
  .section{padding-block:88px}
  .section-heading{gap:36px}
  .hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:52px 64px}
  .hero-copy{max-width:780px}
  .hero-description{max-width:650px}
  .hero-image{height:560px}
  .editorial-intro>div{gap:40px}
  .footer-coverage{gap:36px}
}
@media(max-width:900px){.remote-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.collection-copy h3{font-size:29px}.gallery-grid{gap:46px 28px}}
@media(max-width:700px){
  .header{top:10px;width:calc(100% - 20px);margin-top:10px;border-radius:12px}
  .header .nav{width:calc(100% - 28px);height:72px;gap:12px}
  .nav .brand{font-size:28px;gap:8px}
  .nav .brand-caption{font-size:5px;letter-spacing:1px}
  .nav-actions{gap:8px}
  .main-nav{top:calc(100% + 8px);padding-inline:18px}
  .editorial-intro>div{grid-template-columns:minmax(0,1fr);gap:24px}
  .editorial-intro>div>p{max-width:600px;font-size:15px}
  .collection-grid{gap:48px 24px}
  .collection-card:nth-child(even){margin-top:50px}
  .collection-copy h3{font-size:25px}
  .footer-coverage{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media(max-width:640px){
  html{scroll-padding-top:106px}
  .container{width:calc(100% - 40px)}
  .section{padding-block:64px}
  .section-heading{gap:24px;margin-bottom:34px}
  .section-heading>p,.section-heading>div+div{font-size:14px}
  .hero{padding-block:36px 54px;gap:30px}
  .hero h1{font-size:clamp(44px,5.3vw,80px);line-height:1.12;letter-spacing:-.04em}
  .hero-description{font-size:14px;margin-top:24px}
  .hero-actions{gap:10px;margin-top:24px}
  .hero .hero-actions .button{padding:13px 15px;font-size:12px;gap:14px;min-height:48px}
  .hero-image{height:auto;aspect-ratio:4/5}
  .hero-image-caption{left:18px;bottom:46px;width:min(280px,calc(100% - 36px));padding:16px 18px}
  .hero-image-caption p{font-size:28px}
  .hero-image-caption svg{right:16px;bottom:18px;width:23px;height:23px}
  .image-credit{left:18px;bottom:10px;font-size:8px}
  .image-tag{top:16px;left:16px;font-size:7px}
  .hero-controls{top:16px;right:16px}
  .editorial-intro{padding-block:34px 30px}
  .collection-grid{grid-template-columns:minmax(0,1fr);gap:46px}
  .collection-card:nth-child(even){margin-top:0}
  .collection-image,.collection-card:first-child .collection-image,.collection-card:last-child .collection-image{aspect-ratio:4/5}
  .collection-copy{padding-top:20px}
  .collection-copy h3{font-size:31px}
  .collection-copy p{font-size:14px}
  .collection-action{margin-top:14px}
  .collection-image-note{font-size:9px;padding:6px 8px;bottom:12px;left:12px}
  .gallery-grid{grid-template-columns:minmax(0,1fr);gap:42px}
  .gallery-section .gallery-card .gallery-view{height:410px;--media-height:330px;padding:18px 18px 66px}
  .gallery-card h3{font-size:26px}
  .remote-timeline{grid-template-columns:minmax(0,1fr);gap:26px}
  .remote-timeline h3{font-size:29px}
  .payment-methods{gap:9px}
  .payment-method{padding:11px 13px;font-size:11px}
  .footer-coverage{padding-block:36px 46px}
  .coverage-map{padding:18px}
  .coverage-map-frame iframe,.coverage-map iframe{height:280px}
  .footer{padding-top:50px}
}
@media(max-width:360px){
  .header .nav{width:calc(100% - 24px);gap:10px}
  .nav .brand{font-size:25px;gap:7px}
  .nav .brand-caption{font-size:5px;letter-spacing:.8px}
  .hero h1{font-size:44px}
  .hero .hero-actions .button{gap:10px;padding-inline:12px;font-size:11px}
  .hero-image-caption p{font-size:25px}
  .hero-image-caption svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .header,.hero-image-caption{backdrop-filter:none;-webkit-backdrop-filter:none}
  .collection-image>img,.collection-image-window,.collection-action span,.network-preview img,.product-card:hover .product-media>img{transition:none;animation:none}
  .collection-card:hover .collection-image>img,.collection-card:hover .collection-image-window,.network-preview:hover img,.product-card:hover .product-media>img{transform:none!important}
  .motion-ready .reveal,.motion-ready .reveal:not(.is-visible){opacity:1!important;transform:none!important;transition:none!important}
}