@import url("a714-refinements.css?v=715");
@import url("a716-banners.css?v=716");
@import url("a717-site.css?v=718");

/* V7.12: original assets retained; shared homepage grid and a readable launch entry. */
.a712-page .h74 .a711-shell { width:min(1280px,88%); }
.a712-page .h74 #home-news>.wrap { width:min(1280px,88%); max-width:1280px; padding-inline:0; }
.a712-page .a79-carousel .a79-pagination { left:max(6%,calc((100% - 1280px)/2)); }
.a712-page .h74 .a79-launch-kicker { font-size:27px; line-height:1.4; font-weight:500; padding:0; margin-bottom:17px; letter-spacing:1px; border:0; border-radius:0; color:#fff; }
.a712-page .h74 .a79-launch-position { font-size:19px; line-height:1.7; margin-bottom:25px; }
.a712-page .h74 .a79-launch-position>span { font-size:15px; margin-left:13px; }
.a712-page .a79-launch-slide .a78-slide-inner { padding-top:40px; padding-bottom:76px; }
.a712-page .h74 .a79-launch-slide h2 { font-size:clamp(42px,3.7vw,59px); line-height:1.24; margin-bottom:18px; }
.a712-page .h74 .a79-launch-slide h2>span { display:inline-block; font-size:.64em; line-height:1.5; margin-bottom:4px; font-weight:500; letter-spacing:.2px; }
.a712-page .h74 .a79-launch-sub { font-size:14px; line-height:1.7; margin-bottom:22px; }
.a712-page .h74 .a79-launch-slide .a78-event-time { font-size:22px; line-height:1.5; margin-bottom:22px; }
.a712-page .a79-launch-slide .a78-slide-actions { gap:32px; align-items:center; flex-wrap:nowrap; }
.a712-page .a79-launch-slide .a78-slide-actions>.h74-button { min-height:52px; }
.a712-page .a712-reservation { margin:0; text-align:center; }
.a712-page .a712-qr-button { border:0; padding:5px; border-radius:5px; background:white; display:block; box-shadow:0 3px 18px #00153026; transition:box-shadow .25s; }
.a712-page .a712-qr-button:hover { box-shadow:0 0 0 4px #c5e5ff40; }
.a712-page .a712-qr-image { --a712-qr-size:86px; display:block; width:var(--a712-qr-size); height:var(--a712-qr-size); background-image:url('panstone-launch-invitation.png'); background-repeat:no-repeat; background-size:calc(var(--a712-qr-size) * 5.668789809) calc(var(--a712-qr-size) * 18.968152866); background-position:calc(var(--a712-qr-size) * -4.133757962) calc(var(--a712-qr-size) * -15); }
.a712-page .a712-reservation figcaption { font-size:12px; letter-spacing:.8px; line-height:1.5; color:#ecf7ff; margin-top:7px; }
.a712-page .a712-reservation-dialog { width:min(420px,92vw); }
.a712-page .a712-reservation-body { display:flex; flex-direction:column; align-items:center; padding:30px 20px; }
.a712-page .a712-reservation-body .a712-qr-image { --a712-qr-size:235.5px; border:0; box-shadow:0 0 0 10px #fff; margin-bottom:21px; }
.a712-page .h74 .a712-reservation-body p { font-size:14px; }
.a712-page .a712-reservation-body small { font-size:12px; color:#61788c; margin-top:9px; }
.a712-page .a712-reservation-body a { margin-top:22px; font-size:13px; }
@media(max-width:1100px) and (min-width:801px) {
  .a712-page .h74 .a79-launch-kicker { font-size:23px; }
  .a712-page .a79-launch-slide .a78-slide-inner { padding-top:30px; padding-bottom:67px; }
}
@media(max-width:800px) {
  .a712-page .h74 .a79-launch-kicker { font-size:22px; padding:0; margin-bottom:12px; }
  .a712-page .h74 .a79-launch-position { font-size:17px; margin-bottom:21px; }
  .a712-page .h74 .a79-launch-position>span { font-size:12px; margin-left:8px; }
  .a712-page .a79-launch-slide .a78-slide-inner { padding-top:38px; padding-bottom:60px; }
  .a712-page .h74 .a79-launch-slide h2 { font-size:39px; margin-bottom:12px; }
  .a712-page .h74 .a79-launch-sub { margin-bottom:17px; font-size:12px; }
  .a712-page .h74 .a79-launch-slide .a78-event-time { font-size:19px; margin-bottom:19px; }
  .a712-page .a79-launch-slide .a78-slide-actions { gap:28px; align-items:center; }
  .a712-page .a712-qr-image { --a712-qr-size:86px; }
  .a712-page .a712-reservation figcaption { font-size:11px; }
  .a712-page .a79-carousel .a79-launch-art { bottom:55px; height:62vw; right:-28px; max-height:280px; }
}
@media(prefers-reduced-motion:reduce) { .a712-page .a712-qr-button { transition:none; } }

/* Compact product diagrams without scaling their already-small labels. */
.a712-page #cloud-pc .product-choice .a78-mini { max-width:460px; margin:0 auto 22px; min-height:228px; }
.a712-page #cloud-pc .product-choice .a78-mini-kicker { margin-bottom:12px; }
.a712-page #cloud-pc .product-choice .a78-cpc-path { min-height:166px; }
.a712-page #cloud-pc .product-choice .a78-environment { padding:9px 9px 8px; }
.a712-page #cloud-pc .product-choice .a78-environment-title { margin-bottom:8px; }
.a712-page #cloud-pc .product-choice .a78-machine { padding:8px 4px; gap:3px; }
.a712-page #cloud-pc .product-choice .a78-data-location { margin-top:8px; padding-top:7px; }
.a712-page #cloud-pc .product-choice .a78-chassis { padding:10px; }
.a712-page #cloud-pc .product-choice .a78-dual-machines .a78-machine { min-height:78px; padding:9px 4px; }
.a712-page #cloud-pc .product-choice .a78-shared-workplace { padding-top:22px; }
.a712-page #cloud-pc .product-choice .a78-shared-workplace strong { padding:6px 18px; }
.a712-page .a711-business-intro .a711-heading>p { max-width:900px; font-size:16px; }
@media(max-width:900px) and (min-width:721px) {
 .a712-page #cloud-pc .product-choice .a78-mini { min-height:325px; }
}
@media(max-width:720px) {
 .a712-page #cloud-pc .product-choice .a78-mini { min-height:0; max-width:100%; margin-bottom:23px; }
 .a712-page #cloud-pc .product-choice .a78-cpc-path { gap:11px; }
}

/* V7.20: distribute desktop navigation across the available header width. */
@media(min-width:1200px) {
  .site-header-inner {
    gap:clamp(14px,1.25vw,18px) !important;
  }
  .site-header .primary-nav {
    flex:1 1 0;
    min-width:0;
    justify-content:space-between;
    gap:clamp(4px,.7vw,12px) !important;
  }
  .site-header .nav-group,
  .site-header .nav-contact {
    flex:0 0 auto;
  }
  .site-header .nav-summary {
    padding-inline:clamp(0px,.15vw,2px) !important;
    font-size:clamp(14px,1vw,15px) !important;
  }
}

/* Long English labels scale continuously instead of overflowing near 1200px. */
@media(min-width:1200px) {
  html[lang^="en"] .site-header-inner {
    gap:clamp(8px,1vw,18px) !important;
  }
  html[lang^="en"] .site-header .brand img {
    width:clamp(120px,calc(15vw - 60px),180px) !important;
  }
  html[lang^="en"] .site-header .primary-nav {
    gap:clamp(2px,.35vw,6px) !important;
  }
  html[lang^="en"] .site-header .nav-summary {
    padding-inline:0 !important;
    font-size:clamp(12px,calc(.5vw + 6px),14px) !important;
  }
  html[lang^="en"] .site-header .nav-submenu-toggle {
    width:12px;
    min-width:12px;
    padding-inline:0;
  }
  html[lang^="en"] .site-header .nav-contact {
    margin-left:0;
    padding-inline:clamp(4px,.6vw,10px);
    font-size:clamp(12px,.85vw,13.5px);
  }
}

/* Keep the logo, language switcher and menu button usable on narrow phones. */
@media(max-width:480px) {
  .site-header-inner { gap:8px !important; }
  .site-header .brand img { width:clamp(132px,42vw,160px) !important; }
  .site-header .header-actions { gap:6px; }
  .site-header .language-switcher {
    min-width:72px;
    font-size:13px;
  }
  .site-header .menu-toggle {
    width:44px;
    min-width:44px;
  }
}