/* Approved silver archive campaign. Raster scenery; original product photographs. */
html:has(.archive){background:#121b22}
.archive{position:relative;max-width:1920px;margin-inline:auto;background:#e0e3e5;color:#151b21}
.archive-header{position:absolute;inset:0 0 auto;height:6.2cqw;padding:0 10.5cqw;gap:1.4cqw;background:none;border-bottom:0;mix-blend-mode:multiply}
.archive-header .archive-brand{transform:skew(-7deg)}
.archive-header .archive-brand strong{font:950 1.8cqw/1 Arial,sans-serif;letter-spacing:-.06cqw;white-space:nowrap}
.archive-header .archive-brand span{font-size:12px;letter-spacing:.12em;margin-top:8px}
.archive-header .partner-cross{font-size:22px}
.archive-header .archive-partner{width:9cqw;min-width:85px}
.archive-nav{font-size:14px;gap:1.5cqw}
.header-order{font-size:14px;min-height:44px;margin-left:1cqw}
.archive-hero{height:66.667cqw;background:#e1e4e6;overflow:clip;isolation:isolate}
.hero-paper,.bay-frame{position:absolute;inset:0;background:url('/assets/hero-bay-v7.webp') center/100% 100% no-repeat;pointer-events:none}
.hero-paper{z-index:-2}
.bay-frame{z-index:9}
.bay-left{clip-path:inset(0 93% 0 0)}
.bay-right{clip-path:inset(0 0 0 93%)}
.hero-type{top:5.5cqw;left:15cqw;width:69cqw;height:17.9cqw;fill:#161c22;opacity:.96;z-index:-1}
.hero-id{top:11.5cqw;right:10.3cqw;padding:0;border:0;width:9cqw;height:auto}
.hero-id img{display:block;width:100%}.hero-id b,.hero-id i{display:none}
.hero-title{top:23cqw;left:10.3cqw;max-width:36cqw;z-index:4}
.hero-title h1{font-size:4.15cqw;line-height:1.16;letter-spacing:-.16cqw}
.hero-title p{font-size:2.5cqw;line-height:1.25;margin-top:.5cqw;letter-spacing:-.08cqw}
.hero-title>span{font-size:clamp(12px,1.05cqw,19px);margin-top:1.4cqw;padding-left:5.1cqw;font-weight:500}
.hero-title>span:before{width:3.5cqw;height:2.65cqw}
.mecha-stage{top:1.4cqw;left:28cqw;width:66cqw;z-index:2;aspect-ratio:1600/1278}
.mecha-photo{filter:none!important}
.mecha-open-hint{left:34%;bottom:18%;font-size:14px}
.mecha-point{min-width:44px;min-height:44px;padding:12px}
.mecha-point i{width:9px;height:9px;outline-offset:4px}
.point-weapon{top:12%;left:55%}.point-armor{top:42%;left:33%}.point-base{bottom:8%;left:57%}
.mecha-scan{display:none}
.mecha-aura{inset:18% 23% 20%;background:radial-gradient(ellipse,#96dcff25,transparent 70%)}
.light-one{top:10%;left:42%;width:23%;height:4%;opacity:.3}
.light-two{top:35%;left:50%;width:15%;height:3%;opacity:.25}
.hero-model-actions{top:28.7cqw;left:70cqw;width:21cqw;z-index:5}
.hero-model-actions>strong{font-size:1.5cqw;margin-bottom:.45cqw}
.hero-model-actions button{font-size:clamp(14px,1.13cqw,19px);min-height:36px;padding:.35cqw 0}
.hero-model-actions .hero-buy{font-size:clamp(13px,1.05cqw,18px);opacity:1}
.hero-assortment{z-index:6;bottom:4cqw}
.assortment-shirts{left:-.7cqw;width:48cqw;height:27cqw}
.assortment-white{width:32.7cqw;left:0;bottom:0;transform:rotate(-3deg)}
.assortment-black{width:32.7cqw;left:17cqw;bottom:0;transform:rotate(2deg)}
.assortment-gear{right:2.2cqw;width:31cqw;height:26cqw}
.assortment-pad{width:35cqw;left:-3cqw;bottom:1.5cqw;transform:rotate(-3deg)}
.assortment-badge{width:16cqw;right:-.5cqw;bottom:-1.2cqw;transform:rotate(5deg)}
.hero-controls{left:43cqw;bottom:9cqw;gap:1.3cqw;padding:5px 10px;background:#18232ac9;color:#e8f1f5}
.hero-controls button{font-size:12px;min-height:34px;text-shadow:none}
.hero-chapters{position:absolute;bottom:1cqw;left:25%;right:25%;display:flex;align-items:center;justify-content:center;gap:1.4cqw;z-index:8;font-size:clamp(13px,1.1cqw,19px);font-weight:800;white-space:nowrap}
.hero-chapters>a{display:flex;align-items:center;min-height:44px}.hero-chapters>a:hover{text-decoration:underline;text-underline-offset:6px}
.hero-chapters>span{opacity:.45}.hero-chapters .collection-down{margin-left:1cqw;font-size:23px}
.bay-light{position:absolute;inset:8% 5% 0;z-index:8;pointer-events:none;opacity:.16;mix-blend-mode:screen;background:linear-gradient(90deg,#74d7ff45,transparent 13% 87%,#74d7ff45);animation:bay-power 6s ease-in-out infinite}
.archive-hero.bay-opening .bay-left{animation:bay-open-left 2.1s cubic-bezier(.22,.7,.2,1) both}
.archive-hero.bay-opening .bay-right{animation:bay-open-right 2.1s cubic-bezier(.22,.7,.2,1) both}
.archive-hero.bay-opening .bay-light{animation:bay-energize 2.1s ease-out both}
.mecha-stage.opening .mecha-parallax{animation:bay-model-reveal 2.1s ease-out both}
.archive-hero:has(.opening) .hero-title,.archive-hero:has(.opening) .hero-model-actions{animation:none}
.mecha-stage.opening .mecha-point{opacity:1}
@keyframes bay-open-left{0%{transform:translateX(3.5%);filter:brightness(.8)}18%{transform:translateX(3.5%);filter:brightness(1.1)}100%{transform:translateX(0);filter:brightness(1)}}
@keyframes bay-open-right{0%{transform:translateX(-3.5%);filter:brightness(.8)}18%{transform:translateX(-3.5%);filter:brightness(1.1)}100%{transform:translateX(0);filter:brightness(1)}}
@keyframes bay-energize{0%{opacity:0}22%{opacity:.9}60%{opacity:.4}100%{opacity:.16}}
@keyframes bay-model-reveal{0%{opacity:.8;transform:translateY(6px)}65%,100%{opacity:1;transform:translateY(0)}}
@keyframes bay-power{0%,100%{opacity:.14}50%{opacity:.4}}
.archive-section{padding:3cqw 7cqw 3.5cqw;scroll-margin-top:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.archive-section:before{display:none}
.archive-section-head{height:4.2cqw;min-height:54px;margin-bottom:2.4cqw;gap:1.2cqw}
.section-number{font-size:4.1cqw;letter-spacing:-.25cqw}.section-number:after{font-size:2.5cqw;margin-left:1.3cqw}
.archive-section-head h2{font-size:2.8cqw;letter-spacing:-.1cqw}.section-count{font-size:1.6cqw;margin-left:1.5cqw}
.section-english{display:block;font-size:12px;max-width:none;letter-spacing:.08em;line-height:1.3}
.archive-section-head .slash-mark{width:4cqw;height:1.9cqw}
.apparel-section{height:66.667cqw;background-color:#e1e4e6;background-image:url('/assets/apparel-bay-v7.webp')}
.archive-grid.apparel-grid{position:absolute;top:11.1cqw;left:7cqw;right:7cqw;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:21.6cqw;gap:0 3cqw}
.archive-card{aspect-ratio:1.05;background:none!important;overflow:visible}
.archive-photo{overflow:visible}
.apparel-grid .archive-card{aspect-ratio:auto}
.apparel-grid .archive-photo>img{width:91%;left:4.5%;top:0;filter:none!important}
.archive-caption{bottom:0;left:1cqw;right:1cqw;padding:.3cqw 0;gap:10px;background:none!important;border-top:1px solid #24343d55;min-height:42px}
.archive-caption h3{font-size:clamp(14px,1.25cqw,22px);line-height:1.3}
.archive-caption>button{font-size:clamp(13px,1cqw,17px);min-height:40px;padding:6px 0}
.apparel-grid .archive-caption{background:#e5eaedee!important;padding:.2cqw .6cqw;border:1px solid #81929d40}
.card-index{font:700 14px/1.2 var(--mono);top:.8cqw;left:1cqw;color:#5c6871}.card-index:after{width:14px;margin-top:8px}
.photo-hint{font-size:13px;bottom:4.3cqw;right:1cqw;padding:5px 9px}
.desk-section{background-color:#18232c;background-image:url('/assets/desktop-bay-v7.webp');padding-top:3cqw;padding-bottom:3cqw}
.archive-grid.desk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5cqw 4cqw}
.desk-section .archive-card{aspect-ratio:1.5}
.desk-section .archive-photo>img{width:84%;left:8%;top:-3%;height:auto;filter:none!important}
.desk-section .archive-caption{border-top-color:#e0ebf04d;background:none}
.desk-section .archive-caption{background:#14232de3!important;padding:.2cqw .6cqw}
.desk-grid .archive-card:nth-child(n+3) .archive-photo>img{top:-12%}
.desk-grid .archive-card:nth-child(n+3) .archive-caption{bottom:0}
.desk-section .photo-hint{background:#1b2b35e8;color:#fff;bottom:4.2cqw}
.desk-section .card-index{color:#c1d2dc}
.badge-section{height:33.334cqw;min-height:320px;padding-top:2.6cqw;background:#d6dce1 url('/assets/badge-bay-v7.webp') center/100% 100% no-repeat}
.badge-section .archive-section-head{height:4cqw;position:relative;margin:0;z-index:3;pointer-events:none}
.badge-section .section-english{display:none}
.badge-photo{width:44cqw;left:40cqw;top:-7.6cqw;z-index:2}
.badge-description{left:76cqw;top:12cqw;width:18cqw;color:#15232c;background:#e3e9ece3;padding:1cqw}
.badge-description h3{font-size:1.6cqw;margin-bottom:.8cqw;line-height:1.4}
.badge-description .text-link{font-size:14px;min-height:42px;margin:0;padding:8px 0}
.badge-description .ink-button{font-size:14px;min-height:42px;padding:8px 0}
.badge-description .ink-button{color:inherit}
.badge-side-note{left:7cqw;top:17cqw;font-size:12px;line-height:1.5;color:#4d5e6a}
.badge-pilots{display:none}
.archive-footer{height:auto;min-height:130px;padding:30px 7cqw;gap:2cqw;font-size:14px}
.archive-footer .archive-brand strong{font-size:30px}.archive-footer .archive-brand span{font-size:12px}
.footer-partner img{width:120px}.archive-footer p{font-size:12px;line-height:1.6;max-width:37%}.archive-footer nav{gap:20px}
.archive :is(a,button):focus-visible{outline:2px solid #3184a7;outline-offset:4px}
.archive :is(.desk-section,.archive-footer) :is(a,button):focus-visible{outline-color:#a5dcf6}
.archive.motion-off .bay-frame,.archive.motion-off .bay-light{animation:none!important}
.archive.motion-off .bay-frame{transform:none!important}
@media (min-width:701px) and (max-width:1100px){
 .archive-header{padding-inline:8cqw}.archive-nav{gap:14px;font-size:13px}.archive-header .archive-brand span{display:none}.header-order{font-size:13px}
 .hero-model-actions{left:72cqw;width:20cqw}.hero-model-actions>strong{font-size:14px}.hero-model-actions button{font-size:13px;min-height:32px}.hero-model-actions .hero-buy{font-size:12px}
 .hero-controls{left:42cqw;bottom:7cqw;gap:10px;padding:2px 8px}.hero-controls button{font-size:11px}
 .archive-caption{left:.5cqw;right:.5cqw;gap:5px}.archive-caption h3{font-size:13px}.archive-caption>button{font-size:12px}
 .badge-description{left:74cqw;width:20cqw}.badge-description h3{font-size:16px}.badge-description .text-link,.badge-description .ink-button{font-size:13px}
}
@media(max-width:700px){
 .archive-header{position:relative;height:64px;padding:0 20px;background:#e3e6e8;gap:12px}
 .archive-header .archive-brand strong{font-size:20px;letter-spacing:-.7px}.archive-header .archive-brand span{font-size:9px;margin-top:5px;letter-spacing:.04em}
 .archive-header .partner-cross{font-size:18px}.archive-header .archive-partner{width:80px;min-width:0}.archive-nav{display:none}.header-order{margin-left:auto;font-size:13px;min-height:44px;white-space:nowrap}
 .archive-hero{height:142cqw;min-height:540px}
 .hero-paper,.bay-frame{background-size:auto 100%;background-position:center;clip-path:none}
 .bay-frame{display:none}.hero-paper{opacity:1}
 .hero-type{top:2cqw;left:5cqw;width:91cqw;height:23cqw}
 .hero-id{top:28cqw;right:8cqw;width:16cqw}
 .hero-title{top:26cqw;left:7cqw;max-width:75cqw}
 .hero-title h1{font-size:7.2cqw;letter-spacing:-.3cqw}.hero-title p{font-size:4.4cqw;margin-top:1cqw}
 .hero-title>span{display:none}
 .mecha-stage{width:107cqw;left:-3cqw;top:40cqw}
 .hero-model-actions{top:auto;bottom:10px;left:7cqw;width:86cqw;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf1f2ec;padding:10px 12px;z-index:8}
 .hero-model-actions>strong{font-size:13px;width:98px;margin:0;line-height:1.5}
 .hero-model-actions>div{align-items:end}.hero-model-actions button,.hero-model-actions .hero-buy{font-size:12px;min-height:32px;padding:4px 0}
 .hero-assortment{bottom:27cqw}
 .assortment-shirts{left:-8cqw;width:64cqw;height:32cqw}.assortment-white,.assortment-black{width:44cqw;bottom:0}.assortment-black{left:22cqw}
 .assortment-gear{right:0;width:44cqw;height:28cqw}.assortment-pad{width:46cqw;left:0;bottom:0}.assortment-badge{width:23cqw;right:-1cqw;bottom:-3cqw}
 .hero-controls{left:7cqw;bottom:51cqw;padding:3px 8px;gap:8px;flex-direction:column;align-items:start;background:#1c2c35d9}
 .hero-controls button{font-size:11px;min-height:30px}.hero-controls button>span{font-size:15px}
 .hero-chapters{display:none}
 .mecha-open-hint{font-size:12px;padding:8px 10px;left:36%;bottom:24%}
 .mecha-point{min-height:44px;min-width:44px;padding:12px}.mecha-point i{width:7px;height:7px;outline-offset:3px}.mecha-point span{display:none}
 .point-weapon{top:12%;left:50%}.point-armor{top:39%;left:32%}.point-base{bottom:12%;left:58%}
 .archive-section{padding:25px 16px 28px;background-size:cover;background-position:center}
 .archive-section-head{height:38px;min-height:38px;margin-bottom:18px;gap:9px}.section-number{font-size:33px;letter-spacing:-1px}.section-number:after{font-size:22px;margin-left:8px}.archive-section-head h2{font-size:24px;letter-spacing:-1px}.section-count{font-size:14px;margin-left:8px}.section-english{display:none}.archive-section-head .slash-mark{width:25px;height:17px;margin:0}
 .apparel-section{height:auto;background-image:none;background-color:#dce1e5}
 .archive-grid.apparel-grid{position:static;grid-auto-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}
 .apparel-grid .archive-card{aspect-ratio:.73;background-image:url('/assets/apparel-bay-v7.webp')!important;background-size:345% 225%!important;background-position:6% 38%!important}
 .apparel-grid .archive-photo>img{width:117%;left:-8.5%;top:2%}
 .archive-caption{min-height:60px;left:8px;right:8px;bottom:0;flex-direction:column;align-items:start;justify-content:center;gap:0;padding:4px 0;border-top-color:#34455055}
 .archive-caption h3{font-size:13px;line-height:1.4}.archive-caption>button{font-size:12px;min-height:32px;line-height:1.3;padding:4px 0}
 .card-index{font-size:12px;top:10px;left:10px}.card-index:after{width:12px;margin-top:5px}.photo-hint{display:none}
 .desk-section{background-image:none;background-color:#18242e}
 .archive-grid.desk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}
 .desk-section .archive-card{aspect-ratio:.8;background-image:url('/assets/desktop-bay-v7.webp')!important;background-size:210% 240%!important;background-position:4% 32%!important}
 .desk-section .archive-photo>img{width:110%;left:-5%;top:6%;height:auto}
 .desk-grid .archive-card:nth-child(n+3) .archive-photo>img{top:6%}
 .desk-grid .archive-card:nth-child(n+3) .archive-caption{bottom:0}
 .desk-section .archive-caption{border-top-color:#d3e4ed55}
 .badge-section{height:83cqw;min-height:330px;background-size:auto 100%;background-position:56% center;padding-top:24px}
 .badge-section .archive-section-head{height:38px}.badge-section .archive-section-head h2{font-size:24px}.badge-section .section-number{font-size:33px}
 .badge-photo{width:99cqw;left:-21cqw;top:3cqw}
 .badge-description{left:57cqw;top:35cqw;width:36cqw;color:#f1f6f9;padding:10px;background:#18252dd9}
 .badge-description h3{font-size:16px;margin-bottom:6px}.badge-description .text-link,.badge-description .ink-button{font-size:13px;min-height:38px;padding:6px 0}
 .badge-side-note{left:7cqw;top:66cqw;font-size:10px;line-height:1.3}
 .archive-footer{min-height:150px;padding:24px 20px;flex-wrap:wrap;gap:17px}.archive-footer .archive-brand strong{font-size:25px}.archive-footer .archive-brand span{font-size:10px}.footer-partner img{width:95px}.archive-footer nav{margin-left:auto;gap:20px;font-size:13px}.archive-footer p{max-width:none;width:100%;font-size:11px;order:4;margin:0}
 .archive .gallery-image-panel{padding-top:26px}.archive .gallery-topline{font-size:10px;padding-right:30px}.gallery-topline a{font-size:11px}.archive .gallery-description{font-size:14px}.archive .gallery-info>.eyebrow{font-size:11px}.archive .gallery-help{font-size:12px}
}
@media(max-width:380px){.archive-header{padding-inline:14px;gap:8px}.archive-header .archive-brand strong{font-size:18px}.archive-header .archive-partner{width:65px}.header-order{font-size:12px}.hero-model-actions{padding:8px}.hero-model-actions>strong{font-size:12px}.hero-model-actions button,.hero-model-actions .hero-buy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bay-frame,.bay-light{animation:none!important;transform:none!important}.archive-hero.bay-opening .mecha-parallax{animation:none!important;opacity:1!important}}
