#hardware-software .gai-shop-billboard{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:600px;aspect-ratio:1672/941;overflow:hidden;padding:38px;margin:0 0 12px;border:1px solid #d8b37a45;border-radius:28px;background:#061127;box-shadow:0 25px 65px -38px #000b}
.gai-shop-billboard .gsb-scene{position:absolute;inset:0;z-index:0;display:block}
.gai-shop-billboard .gsb-scene img{display:block;width:100%;height:100%;object-fit:contain}
.gai-shop-billboard .gsb-intro,.gai-shop-billboard .gsb-actions,.gai-shop-billboard .gsb-notice{position:relative;z-index:1;width:37%;max-width:430px}
.gai-shop-billboard .eyebrow{font-size:12px;letter-spacing:.07em;color:#ead4a8;margin:0 0 18px}
#hardware-software .gai-shop-billboard h2{font-size:clamp(32px,3.1vw,43px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;color:#fffaf0}
.gai-shop-billboard h2 em{display:block;font-style:normal;color:#ead4a8;margin-top:9px}
.gai-shop-billboard .gsb-intro>p:last-child{font-size:16px;line-height:1.65;color:#e0e3ed;margin:0;max-width:34ch}
.gai-shop-billboard .gsb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.gai-shop-billboard .gsb-actions .btn{min-height:48px;white-space:normal;text-align:center;justify-content:center;max-width:100%;font-size:14px}
.gai-shop-billboard .gsb-actions .gsb-proposal{color:#f2dfb9;border:1px solid #d7ba795c;background:#12203aca;box-shadow:inset 0 1px #fff1}
.gai-shop-billboard .gsb-actions .gsb-proposal:hover{background:#263453;border-color:#ead4a8}
.gai-shop-billboard .gsb-notice{font-size:12px;line-height:1.6;color:#bdc5d7;margin:20px 0 0}
.gai-shop-billboard a:focus-visible{outline:3px solid #f3dab0;outline-offset:4px}
.gsb-caption{font-size:12px;line-height:1.5;color:#bcc0d0;text-align:right;margin:0 4px 32px}
@media(max-width:1050px) and (min-width:981px){#hardware-software .gai-shop-billboard{padding:28px;min-height:590px}.gai-shop-billboard .gsb-intro,.gai-shop-billboard .gsb-actions,.gai-shop-billboard .gsb-notice{width:38%}.gai-shop-billboard .gsb-intro>p:last-child{font-size:15px}}
@media(max-width:980px){
 #hardware-software .gai-shop-billboard{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0;padding:32px;gap:24px}
 .gai-shop-billboard .gsb-intro,.gai-shop-billboard .gsb-actions,.gai-shop-billboard .gsb-notice{width:100%;max-width:none}
 .gai-shop-billboard .gsb-intro{order:1}
 #hardware-software .gai-shop-billboard h2{font-size:clamp(31px,5vw,43px);max-width:23ch}
 .gai-shop-billboard .gsb-intro>p:last-child{max-width:52ch}
 .gai-shop-billboard .gsb-scene{position:relative;inset:auto;order:2;width:min(100%,600px);aspect-ratio:6/5;align-self:center;border-radius:15px;overflow:hidden}
 .gai-shop-billboard .gsb-scene img{object-fit:cover;object-position:right center}
 .gai-shop-billboard .gsb-actions{order:3;margin:0}
 .gai-shop-billboard .gsb-notice{order:4;margin:0}
 .gsb-caption{text-align:center}
}
@media(max-width:500px){
 #hardware-software .gai-shop-billboard{padding:25px 22px;gap:22px;border-radius:24px}
 .gai-shop-billboard .gsb-actions{flex-direction:column}
 .gai-shop-billboard .gsb-actions .btn{width:100%}
 .gai-shop-billboard .gsb-scene{width:calc(100% + 44px);max-width:none;border-radius:0}
}
@media(prefers-reduced-motion:reduce){.gai-shop-billboard *{animation:none!important;transition:none!important}}
.motion-off .gai-shop-billboard *{animation:none!important;transition:none!important}
/* Long translated labels must fit without creating a horizontal page scrollbar. */
@media(min-width:1250px) and (max-width:1400px){
 .header .nav-row{gap:12px}
 .header .desktop-nav{gap:7px}
 .header .desktop-nav a{font-size:12px}
 .header .nav-actions{gap:8px}
}
@media(min-width:801px) and (max-width:1249px){
 .header .desktop-nav{display:none}
 .header .menu-button{display:inline-flex}
 .header .mobile-nav:not([hidden]){display:grid}
}