



















































.diorama-clean-header, .diorama-clean-footer, .diorama-svo-section, .diorama-svo-modal, .diorama-contact-float { font-family: "Chakra Petch", Arial, sans-serif; }
.diorama-clean-header *, .diorama-clean-footer *, .diorama-svo-section *, .diorama-svo-modal, .diorama-svo-modal * { box-sizing: border-box; }
.diorama-clean-header__inner, .diorama-clean-footer__inner { width: min(1470px, 100% - 30px); margin: 0px auto; }
.diorama-clean-logo { display: inline-flex; align-items: center; gap: 12px; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.diorama-clean-logo img { display: block; width: 96px; max-width: 22vw; height: auto; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 8px 22px); }
.diorama-clean-logo span { color: rgb(255, 255, 255); font-size: 15px; font-weight: 800; line-height: 1.05; text-transform: uppercase; }
.diorama-clean-nav a, .diorama-clean-actions a, .diorama-contact-float a, .diorama-svo-btn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; min-width: max-content; max-width: 100%; padding: 12px 17px; border: 1px solid transparent; font-size: 14px; font-weight: 800; line-height: 1; text-transform: uppercase; white-space: nowrap; overflow: visible; text-overflow: clip; transition: background 0.2s, border-color 0.2s, transform 0.2s; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.diorama-order-card .diorama-svo-btn, .diorama-hero-copy .diorama-svo-btn { min-width: 228px; padding-left: 24px; padding-right: 24px; }
.diorama-svo-btn .diorama-max-word, .diorama-svo-lead .diorama-max-word, .diorama-svo-contact-card .diorama-max-word, .diorama-clean-footer .diorama-max-word, .diorama-hero-copy .diorama-max-word, .diorama-order-card .diorama-max-word { display: inline-block !important; color: inherit !important; font-size: inherit !important; font-style: normal !important; font-weight: 900 !important; line-height: inherit !important; text-transform: uppercase !important; opacity: 1 !important; visibility: visible !important; }
.diorama-clean-header .diorama-clean-logo span, .diorama-clean-header .diorama-clean-nav a { color: rgb(17, 17, 17) !important; }
.diorama-clean-actions a, .diorama-contact-float a, .diorama-svo-btn { background: rgb(142, 139, 94); border-color: rgb(142, 139, 94); box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 35px; }
.diorama-clean-actions a:hover, .diorama-contact-float a:hover, .diorama-svo-btn:hover { background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); transform: translateY(-1px); }
.diorama-hero-copy .diorama-svo-btn { margin-top: 22px; }
.diorama-svo-grid, .diorama-news-grid, .diorama-thanks-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; }
.diorama-svo-card, .diorama-news-card, .diorama-thanks-card { position: relative; display: flex; min-height: 500px; flex-direction: column; overflow: hidden; border: 1px solid rgb(227, 225, 214); background: rgb(247, 247, 243); cursor: pointer; transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s; }
.diorama-svo-card:hover, .diorama-news-card:hover, .diorama-thanks-card:hover { border-color: rgb(142, 139, 94); box-shadow: rgba(0, 0, 0, 0.12) 0px 22px 55px; transform: translateY(-4px); }
.diorama-svo-media, .diorama-news-media, .diorama-thanks-media { position: relative; display: flex; min-height: 285px; aspect-ratio: 16 / 11; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(135deg, rgba(142, 139, 94, 0.2), rgba(0, 0, 0, 0.16)), repeating-linear-gradient(45deg, rgb(239, 238, 231) 0px, rgb(239, 238, 231) 10px, rgb(229, 227, 215) 10px, rgb(229, 227, 215) 20px); }
.diorama-svo-media-asset, .diorama-news-media img, .diorama-news-media video, .diorama-news-media iframe, .diorama-thanks-media img, .diorama-thanks-media video, .diorama-thanks-media iframe { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; object-fit: cover; background: rgb(17, 17, 17); }
.diorama-svo-media video.diorama-svo-media-asset { object-fit: cover; }
.diorama-svo-modal-media .diorama-svo-media-asset { object-fit: contain; }
.diorama-svo-media-badge, .diorama-svo-media-count, .diorama-news-date, .diorama-thanks-date { position: absolute; z-index: 3; top: 14px; display: inline-flex; min-height: 32px; align-items: center; justify-content: center; padding: 8px 11px; background: rgba(0, 0, 0, 0.72); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.diorama-svo-media-badge, .diorama-news-date, .diorama-thanks-date { left: 14px; }
.diorama-svo-media-count { right: 14px; }
.diorama-svo-card-body, .diorama-news-body, .diorama-thanks-body { display: flex; flex: 1 1 0%; flex-direction: column; padding: 22px; }
.diorama-svo-card h3, .diorama-news-card h3, .diorama-thanks-card h3 { margin: 0px 0px 12px; color: rgb(17, 17, 17); font-size: 22px; font-style: italic; font-weight: 800; line-height: 1.15; text-transform: uppercase; }
.diorama-svo-card p, .diorama-news-card p, .diorama-thanks-card p { margin: 0px 0px 18px; color: rgb(94, 94, 94); font-size: 14px; line-height: 1.5; }
.diorama-svo-card-actions, .diorama-news-actions, .diorama-thanks-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; }
.diorama-card-links { display: flex; flex-wrap: wrap; gap: 8px; }
.diorama-svo-btn.secondary { background: rgb(17, 17, 17); border-color: rgb(17, 17, 17); }
.diorama-svo-btn.secondary:hover { background: rgb(142, 139, 94); border-color: rgb(142, 139, 94); }
.diorama-svo-arrows { display: flex; gap: 6px; }
.diorama-svo-arrow { width: 36px; height: 36px; border: 1px solid rgb(201, 198, 181); background: rgb(255, 255, 255); color: rgb(17, 17, 17); cursor: pointer; font-size: 18px; font-weight: 800; line-height: 1; }
.diorama-svo-arrow:hover { border-color: rgb(142, 139, 94); color: rgb(142, 139, 94); }
.diorama-clean-footer { padding: 58px 30px 34px; background: rgb(15, 15, 15); color: rgb(255, 255, 255); }
.diorama-clean-footer__inner { display: grid; grid-template-columns: minmax(240px, 1.3fr) repeat(2, minmax(190px, 0.8fr)); gap: 34px; }
.diorama-clean-footer p { max-width: 520px; margin: 18px 0px 0px; color: rgba(255, 255, 255, 0.72); line-height: 1.6; }
.diorama-clean-footer h3 { margin: 0px 0px 16px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 800; text-transform: uppercase; }
.diorama-clean-footer a { display: table; margin: 8px 0px; color: rgba(255, 255, 255, 0.82) !important; text-decoration: none !important; }
.diorama-clean-footer a:hover { color: rgb(213, 195, 107) !important; }
.diorama-clean-footer__bottom { width: min(1470px, 100% - 30px); margin: 36px auto 0px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.55); font-size: 13px; }
@media (max-width: 1180px){.diorama-svo-grid, .diorama-news-grid, .diorama-thanks-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.diorama-svo-contact-grid, .diorama-clean-footer__inner, .diorama-partners-grid { grid-template-columns: 1fr; }}
@media (max-width: 767px){.diorama-clean-logo img { width: 82px; max-width: 34vw; }
.diorama-clean-nav a, .diorama-clean-actions a, .diorama-svo-btn { min-height: 40px; padding: 10px 12px; font-size: 12px; }
.diorama-svo-grid, .diorama-news-grid, .diorama-thanks-grid { grid-template-columns: 1fr; }
.diorama-svo-card, .diorama-news-card, .diorama-thanks-card { min-height: auto; }
.diorama-svo-media, .diorama-news-media, .diorama-thanks-media { min-height: 255px; }
.diorama-svo-card-actions, .diorama-news-actions, .diorama-thanks-actions { align-items: stretch; flex-wrap: wrap; }
.diorama-card-links { width: 100%; }
.diorama-clean-footer { padding-inline: 15px; }}
.diorama-clean-footer__inner { position: relative; }
.diorama-clean-footer a.diorama-clean-footer__qr { position: absolute; top: 0px; right: 0px; display: block; width: 190px; height: 190px; margin: 0px; overflow: hidden; border-radius: 18px; background: rgb(255, 255, 255); }
.diorama-clean-footer__qr img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
@media (max-width: 1180px){.diorama-clean-footer a.diorama-clean-footer__qr { position: static; width: 170px; height: 170px; margin-top: 12px; }}








/* Isolate inherited layout from the tank landing page. */
#collection{max-width:1470px;width:calc(100% - 90px);margin-left:auto;margin-right:auto}.diorama-svo-card h3{letter-spacing:normal}.diorama-svo-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 12px;background:#8e8b5e;border:1px solid #8e8b5e;color:white;font-size:12px;font-weight:800;text-transform:uppercase}.diorama-clean-footer{display:block;max-width:none;width:100%;margin:0;padding:58px 30px 34px;border:0;font-size:16px}.diorama-clean-footer__inner{max-width:1470px;margin:auto;width:calc(100% - 30px);grid-template-columns:minmax(240px,1.3fr) .8fr .6fr 190px}.diorama-clean-footer a.diorama-clean-footer__qr{position:static;grid-column:4;width:190px;height:190px;margin:0}.diorama-clean-footer .diorama-clean-logo{display:inline-flex}.diorama-clean-footer .diorama-clean-logo span{font-size:16px;font-weight:800;line-height:1.5}.diorama-clean-footer__bottom{max-width:1470px}.diorama-clean-footer .diorama-clean-footer__qr img{object-fit:cover;object-position:center bottom}.diorama-clean-footer h3{font-style:normal}.diorama-clean-footer .diorama-clean-logo img{width:96px}.diorama-clean-footer p{font-size:16px}@media(max-width:1180px){.diorama-clean-footer__inner{grid-template-columns:1.3fr 1fr 1fr;gap:25px}.diorama-clean-footer a.diorama-clean-footer__qr{grid-column:3;width:150px;height:150px}}@media(max-width:767px){#collection{width:calc(100% - 30px)}.diorama-clean-footer__inner{grid-template-columns:1fr 1fr}.diorama-clean-footer__inner>div:first-child{grid-column:1 / -1}.diorama-clean-footer a.diorama-clean-footer__qr{grid-column:2;width:140px;height:140px}.diorama-clean-footer{padding:36px 15px 24px}.diorama-clean-footer__bottom{width:100%}}

/* Tank palette and larger three-column catalog. */
.dt-tank-world .diorama-svo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.dt-tank-world .diorama-svo-card{background:linear-gradient(145deg,#252e34,#182025);border:1px solid #4a5356;border-radius:7px;min-height:530px}.dt-tank-world .diorama-svo-card h3{color:#f0e5d4}.dt-tank-world .diorama-svo-card p{color:#bbc5cb;font-size:15px}.dt-tank-world .diorama-svo-card-body{padding:24px}.dt-tank-world .diorama-svo-btn{background:#bb8d51;border-color:#bb8d51;color:#111}.dt-tank-world .diorama-svo-btn.secondary{background:#10171d;border-color:#626b6f;color:#eee}.dt-tank-world .diorama-svo-arrow{background:#303b43;border-color:#59656c;color:#f1dfc3}.dt-tank-world .diorama-svo-card:hover{border-color:#c49a63}.dt-tank-world .diorama-svo-media{background:#111920}.dt-tank-world .diorama-svo-card-actions{flex-wrap:wrap}.hero .banner-background:after{background:linear-gradient(90deg,#0b101947,transparent 75%),linear-gradient(0deg,#10161b90,transparent 30%)}.banner-background .banner-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;width:100%;height:100%;object-fit:cover;object-position:center}.banner-background .banner-slide.is-active{opacity:1}.hero-content{max-width:700px;background:linear-gradient(120deg,#0b111be0,#17212bba);border:1px solid #ffffff2a;border-left:3px solid #d7ad72;border-radius:8px;padding:34px 40px;backdrop-filter:blur(5px);box-shadow:0 16px 50px #0004}.hero{padding-top:42px;padding-bottom:100px;min-height:760px}.hero h1{font-size:clamp(44px,5.3vw,72px);margin:22px 0}.hero .lead{font-size:18px}.hero .actions{margin-top:25px}.banner-controls{display:flex;gap:9px;align-items:center}.banner-controls button{border:1px solid #ffffff66;background:#131b24aa;color:white;min-width:34px;height:32px;border-radius:4px;cursor:pointer}.banner-controls button[aria-pressed=true]{background:#dab072;color:#111;border-color:#dab072}.banner-controls button:focus-visible{outline:3px solid #f0d5ae;outline-offset:3px}.hero-bottom{align-items:center}@media(max-width:1180px){.dt-tank-world .diorama-svo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.dt-tank-world .diorama-svo-grid{grid-template-columns:1fr}.dt-tank-world .diorama-svo-card{min-height:500px}.hero-content{padding:25px 22px;width:100%}.hero{padding:30px 15px 110px;min-height:700px}.hero h1{font-size:clamp(39px,9.8vw,60px)}.hero .lead{font-size:16px}.hero-bottom{padding:16px}.hero-bottom span:nth-child(2){display:none}.hero .actions{gap:14px}.hero .button{padding:14px 16px}.hero .secondary{font-size:15px}}@media(prefers-reduced-motion:reduce){.banner-background .banner-slide{transition:none}}

/* Quiet panoramic hero: open typography, no framed panel or bottom strip. */
.hero{min-height:680px;padding-top:80px;padding-bottom:100px;border-bottom:0}.hero-content{max-width:680px;padding:30px 0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.hero .banner-background:after{background:linear-gradient(90deg,rgba(8,14,21,.92) 0%,rgba(8,14,21,.78) 29%,rgba(8,14,21,.38) 55%,rgba(8,14,21,.06) 82%),linear-gradient(0deg,#101315 0%,transparent 20%)}.hero h1{font-family:Arial,sans-serif;font-weight:800;font-size:clamp(38px,4.5vw,62px);line-height:1.12;letter-spacing:-1.8px;margin:24px 0;color:#f4f4f0;text-shadow:0 2px 15px #0003}.hero h1 em{color:#dfb475}.hero .eyebrow{border:0;padding:0;letter-spacing:2px;font-size:11px;color:#d9b984}.hero .lead{max-width:470px;font-size:18px;line-height:1.65;color:#d4d8dc}.hero .actions{gap:28px;margin-top:30px}.hero .button{padding:15px 23px;background:#dab477;border-color:#dab477;font-size:15px}.hero .secondary{font-size:15px;border:0}.hero-bottom{left:0;right:0;bottom:25px;padding:0;justify-content:center;background:none;border:0}.banner-controls{gap:6px}.banner-controls button[data-slide]{width:28px;min-width:28px;height:28px;padding:0;background:transparent;border:0;font-size:0;border-radius:50%;position:relative}.banner-controls button[data-slide]:after{content:"";position:absolute;width:7px;height:7px;left:10px;top:10px;border-radius:50%;background:#ffffff70}.banner-controls button[aria-pressed=true]:after{background:#e6c08a;box-shadow:0 0 0 4px #e6c08a22}.banner-controls #banner-pause{background:#12192080;border:1px solid #ffffff30;border-radius:50%;min-width:28px;width:28px;height:28px;font-size:11px;color:#ddd}.banner-background .banner-slide{object-position:center}@media(max-width:767px){.hero{min-height:620px;padding:55px 24px 85px}.hero-content{padding:0;max-width:100%}.hero h1{font-size:clamp(34px,8.4vw,48px);letter-spacing:-1px;line-height:1.15}.hero .lead{font-size:16px;max-width:420px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero .actions{gap:20px;flex-wrap:wrap}.hero .button{padding:14px 18px}.hero .banner-background:after{background:linear-gradient(90deg,#080e15e6,#080e1566),linear-gradient(0deg,#101315,transparent 25%)}.hero-bottom{padding:0;bottom:22px}}
