/* HoloCozy landing page: game imagery leads, with the shared company navigation. */
.holocozy-visual{--cozy-ink:#28213e;--cozy-paper:#f3eefb;--cozy-dark:#251e3d;color:var(--cozy-ink)}
.holocozy-visual main .wrap{width:min(1480px,calc(100% - 96px))}
.visual-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.holocozy-visual .hero{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 66px;background:var(--cozy-dark);color:white}
.holocozy-visual .hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#251e3d 0%,#251e3d 30%,rgba(37,30,61,.94) 58%,rgba(37,30,61,.72) 100%),url('/assets/optimized/HoloCozy_KeyArt_1920x1080-1600.webp') center/cover no-repeat}
.holocozy-visual .hero-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);gap:48px;align-items:center}
.holocozy-visual .hero-copy{min-width:0;max-width:none}
.holocozy-visual .hero h1{margin:0 0 28px;font-size:0;line-height:1}
.holocozy-visual .hero-game-logo{display:block;width:min(100%,400px);height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.16))}
.holocozy-visual .hero-tagline{color:#fff;font-size:clamp(29px,2.6vw,42px);line-height:1.55;letter-spacing:.015em;margin:0 0 22px;font-weight:700}
.holocozy-visual .hero-description{color:#e0d9ef;font-size:16px;line-height:1.85;max-width:450px;margin:0}
.holocozy-visual .hero-actions{margin:28px 0 0;gap:12px}
.holocozy-visual .hero-actions .btn{font-size:14px;min-height:50px;padding:14px 18px;line-height:1.4}
.holocozy-visual .hero-actions .btn-outline{background:transparent;color:#fff;border-color:#9286ab}
.holocozy-visual .hero-actions .btn-outline:hover{background:#ffffff12;border-color:white}
.holocozy-visual .hero-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:26px;color:#ded5ed;font-size:13px;line-height:1.7}
.holocozy-visual .hero-details time{font-weight:700;color:white}
.holocozy-visual .hero-platforms{flex-basis:100%}
.holocozy-visual .hero-art{margin:0;position:relative;min-width:0}
.holocozy-visual .hero-art::after{display:none}
.holocozy-visual .hero-video{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;border:0;border-radius:8px;box-shadow:0 24px 64px #08051266;background:#151120}
.holocozy-visual .features{padding:0;background:var(--cozy-paper)}
.holocozy-visual .features>.wrap{width:100%;max-width:none}
.holocozy-visual .feature-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:0;margin:0;padding:0;align-items:stretch}
.holocozy-visual .feature-image{display:flex;align-items:center;background:#e9e2f5;padding:48px 0 48px 48px;min-width:0}
.holocozy-visual .feature-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;border:0;border-radius:0;box-shadow:none}
.holocozy-visual .feature-copy{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(32px,4vw,80px);min-width:0}
.holocozy-visual .feature-copy h2{font-size:clamp(27px,2.8vw,42px);line-height:1.6;letter-spacing:.015em;margin:0 0 24px;color:var(--cozy-ink)}
.holocozy-visual .feature-copy>p{font-size:16px;line-height:1.95;color:#675e78;margin:0;max-width:470px}
.holocozy-visual .feature-row.reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);background:#faf7f1}
.holocozy-visual .feature-row.reverse .feature-image{order:2;background:#eee9df;padding:48px 48px 48px 0}
.holocozy-visual .feature-row.reverse .feature-copy{order:1}
.holocozy-visual .tools{margin:0;padding:72px 48px 80px;max-width:1576px;margin-inline:auto}
.holocozy-visual .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0}
.holocozy-visual .tool-card{display:block;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.holocozy-visual .tool-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:0;margin:0 0 22px}
.holocozy-visual .tool-card h2{font-size:23px;line-height:1.5;margin:0 0 12px;color:var(--cozy-ink)}
.holocozy-visual .tool-card p{font-size:15px;line-height:1.85;color:#675e78;margin:0}
.holocozy-visual .gallery{padding:76px 0;background:white}
.holocozy-visual .gallery-top{display:block;margin-bottom:32px}
.holocozy-visual .gallery h2,.holocozy-visual .resources h2{font-size:36px;line-height:1.5;color:var(--cozy-ink);margin:0}
.holocozy-visual .gallery-stage{border-radius:8px;background:#eee7f5;border:0}
.holocozy-visual .gallery-stage img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.holocozy-visual .gallery-caption{font-size:15px;color:#675e78}
.holocozy-visual .gallery-count{font-size:14px;color:#675e78}
.holocozy-visual .gallery-controls{margin:20px 0}
.holocozy-visual .thumbs{gap:14px}
.holocozy-visual .resources{padding:60px 0 68px;background:#f3eefb}
.holocozy-visual .resources-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:28px}
.holocozy-visual .resource-links{gap:32px}
.holocozy-visual .resource-link{padding:26px 0;border:0;border-top:1px solid #d3c9e2;border-radius:0;background:transparent}
.holocozy-visual .resource-link strong{font-size:25px;color:var(--cozy-ink)}
.holocozy-visual .resource-link p{font-size:15px;color:#675e78}
.holocozy-visual .resource-link .arrow{right:0;color:#dc3829}
.holocozy-visual .resources .steam-store-btn{font-size:15px;min-height:54px}
@media(min-width:1800px){.holocozy-visual .hero{padding:92px 0}.holocozy-visual .hero-grid{gap:64px}}
@media(max-width:1100px){
 .holocozy-visual main .wrap{width:calc(100% - 64px)}
 .holocozy-visual .hero{padding:48px 0}.holocozy-visual .hero-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px}
 .holocozy-visual .hero-tagline{font-size:29px}.holocozy-visual .hero-description{font-size:15px}
 .holocozy-visual .feature-image{padding:32px 0 32px 32px}.holocozy-visual .feature-row.reverse .feature-image{padding:32px 32px 32px 0}
 .holocozy-visual .feature-copy{padding:32px}.holocozy-visual .feature-copy h2{font-size:28px}.holocozy-visual .feature-copy>p{font-size:15px}
 .holocozy-visual .tools{padding:48px 32px 56px}.holocozy-visual .tool-grid{gap:24px}
}
@media(max-width:760px){
 .holocozy-visual .hero::before{background:linear-gradient(160deg,#251e3d,#35264d)}
 .holocozy-visual main .wrap{width:calc(100% - 40px)}
 .holocozy-visual .hero{padding:28px 0 34px}.holocozy-visual .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:28px}
 .holocozy-visual .hero-copy{display:contents}.holocozy-visual .hero h1{order:0;margin:0;max-width:320px;align-self:center}
 .holocozy-visual .hero-art{order:1;margin-inline:-20px}.holocozy-visual .hero-video{border-radius:0;box-shadow:none}
 .holocozy-visual .hero-tagline{order:2;font-size:29px;line-height:1.45;margin:0}
 .holocozy-visual .hero-description{order:3;max-width:none;margin-top:-10px}
 .holocozy-visual .hero-actions{order:4;margin:0;flex-direction:column;align-items:stretch}
 .holocozy-visual .hero-actions .btn{width:100%;justify-content:center;box-sizing:border-box;min-height:52px}
 .holocozy-visual .hero-details{order:5;margin:0}
 .holocozy-visual .feature-row,.holocozy-visual .feature-row.reverse{display:flex;flex-direction:column;gap:0}
 .holocozy-visual .feature-image,.holocozy-visual .feature-row.reverse .feature-image{order:0;padding:24px 0 0;background:transparent}
 .holocozy-visual .feature-copy,.holocozy-visual .feature-row.reverse .feature-copy{order:1;padding:28px 24px 36px}
 .holocozy-visual .feature-copy h2{font-size:28px;margin-bottom:16px}
 .holocozy-visual .tools{padding:36px 20px 48px}.holocozy-visual .tool-grid{grid-template-columns:1fr;gap:36px}
 .holocozy-visual .tool-card img{margin-bottom:16px}.holocozy-visual .tool-card h2{font-size:24px}
 .holocozy-visual .gallery{padding:42px 0}.holocozy-visual .gallery h2,.holocozy-visual .resources h2{font-size:30px}
 .holocozy-visual .gallery-top{margin-bottom:24px}.holocozy-visual .gallery-stage{margin-inline:-20px;width:calc(100% + 40px);border-radius:0}
 .holocozy-visual .gallery-caption{font-size:14px}.holocozy-visual .thumbs{gap:7px}
 .holocozy-visual .resources{padding:40px 0}.holocozy-visual .resource-links{grid-template-columns:1fr;gap:8px}.holocozy-visual .resource-link{padding:22px 0}
 .holocozy-visual .resources-top{align-items:flex-start;flex-direction:column;gap:24px}.holocozy-visual .resources .closing-action{margin-top:0}
}