:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf2ee;background:#0b1115;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.skip-link{position:absolute;left:-999px;top:8px;background:#e3f8aa;color:#101812;padding:12px;z-index:10}.skip-link:focus{left:8px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;padding:24px 5vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1rem;letter-spacing:.04em}.brand strong{color:#b9e684}.brand-mark{width:35px;height:35px;border:1px solid #b9e684;border-radius:9px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:7px}.brand-mark i{display:block;border:1px solid #b9e684;border-radius:2px}.brand-mark i:first-child,.brand-mark i:last-child{background:#b9e684}nav{display:flex;gap:27px}nav a{text-decoration:none;font-size:.92rem;color:#b9c6be}nav a:hover,nav a:focus-visible{color:#e3f8aa}.hero{min-height:640px;max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:70px 5vw 110px}.hero-copy{position:relative;z-index:1}.eyebrow{color:#b9e684;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:750;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,6.5vw,6.7rem);letter-spacing:-.07em;line-height:.99;max-width:930px;margin-bottom:28px}h1 em{font-style:normal;color:#b9e684}.intro{font-size:1.25rem;color:#b8c6c1;max-width:480px;line-height:1.55}.button{display:inline-flex;align-items:center;gap:25px;background:#c8ef96;color:#111b16;text-decoration:none;padding:16px 22px;border-radius:3px;font-weight:750;margin-top:22px}.button:hover,.button:focus-visible{background:#e4ffbb}.hero-art{height:480px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#234038 0,#12221e 38%,transparent 66%);border:1px solid #263833;border-radius:50%}.orbit{position:absolute;border:1px solid #507064;border-radius:50%;inset:10%;transform:rotate(-25deg) scaleY(.52)}.orbit-two{inset:4%;transform:rotate(48deg) scaleY(.43);border-color:#7fa987}.core{position:absolute;width:32%;height:32%;border-radius:50%;left:34%;top:34%;background:radial-gradient(circle at 35% 30%,#d3f0b3,#668d78 36%,#284a42 67%,#102b29);box-shadow:0 0 85px #aad48344}.art-label{position:absolute;font-size:.63rem;letter-spacing:.18em;color:#c3dec5}.art-label-one{top:18%;left:14%}.art-label-two{bottom:18%;right:11%}.section{max-width:1280px;margin:auto;padding:90px 5vw}.section-heading{margin-bottom:35px}h2{font-size:clamp(2.3rem,4.3vw,4.5rem);letter-spacing:-.055em;line-height:1.05}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-card{background:#121c20;border:1px solid #30403e;border-radius:8px;overflow:hidden}.card-art{height:290px;position:relative;overflow:hidden}.generation .card-art{background:linear-gradient(135deg,#101b29,#273e4f 50%,#0b1524)}.starfield{position:absolute;inset:0;background-image:radial-gradient(#c0dfe1 1px,transparent 1px);background-size:43px 53px;opacity:.5}.ship-shape{position:absolute;width:48%;height:27%;left:29%;top:37%;clip-path:polygon(0 37%,62% 19%,100% 45%,60% 80%,0 64%,10% 52%);background:linear-gradient(90deg,#627e88,#c2d7d3,#677f85);transform:rotate(-15deg);box-shadow:0 0 50px #b0d6df}.titanic .card-art{background:linear-gradient(#1f3740 4%,#4e686c 52%,#111f2c 53%,#07121a)}.sea-line{position:absolute;top:54%;width:100%;height:3px;background:#a4c2be88}.liner-shape{position:absolute;top:38%;left:12%;width:77%;height:23%;background:#1d2b31;clip-path:polygon(2% 30%,88% 30%,100% 52%,90% 86%,17% 86%,0 61%);border-top:6px solid #d4d8cc}.liner-shape span{position:absolute;top:-50%;width:5%;height:75%;background:#815843}.liner-shape span:nth-child(1){left:31%}.liner-shape span:nth-child(2){left:43%}.liner-shape span:nth-child(3){left:55%}.liner-shape span:nth-child(4){left:67%}.card-content{padding:30px}.card-number{font-size:.72rem;color:#b9e684;text-transform:uppercase;letter-spacing:.17em}.card-content h3{font-size:2rem;letter-spacing:-.04em;margin-bottom:14px}.card-content p:not(.card-number){color:#b4c4bf;line-height:1.6}.card-content .status{border-top:1px solid #32413f;padding-top:18px;font-size:.82rem;color:#8fa6a0!important;margin:24px 0 0}.about{border-top:1px solid #263832}.about p:last-child{max-width:730px;color:#b9c8c2;font-size:1.2rem;line-height:1.7}.contact{background:#14231f;border:1px solid #30453a;border-radius:8px;margin-bottom:70px}.contact p:not(.eyebrow){color:#c9d9d1;font-size:1.15rem}.contact strong{color:#e1f6cb}.contact-note{font-size:.84rem!important;color:#8ea69b!important}footer{max-width:1280px;margin:auto;border-top:1px solid #263832;padding:30px 5vw 45px;display:flex;justify-content:space-between;gap:20px;color:#8fa69d;font-size:.8rem}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:360px;max-width:520px;width:100%;margin:auto}.game-grid{grid-template-columns:1fr}.section{padding-top:70px;padding-bottom:70px}}@media(max-width:520px){.site-header{align-items:flex-start;flex-direction:column}nav{gap:18px}.hero{min-height:0;padding-bottom:70px}.hero-art{height:300px}footer{flex-direction:column}.contact{border-left:0;border-right:0;border-radius:0}.card-art{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.generation .gameplay-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.titanic .titanic-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
