@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css');
:root{--black:#101010;--white:#f7f7f4;--accent:#f35440;--gray:#666;--line:#d5d5d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--black);font-family:'Pretendard Variable',Pretendard,Arial,sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#101010;color:white;border-bottom:1px solid #ffffff20;position:relative;z-index:5}.brand{font-family:Arial,sans-serif;font-weight:900;font-size:38px;letter-spacing:-3px;display:inline-flex;align-items:center;gap:13px}.brand span{font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.header nav{display:flex;gap:40px;font-size:15px;font-weight:600}.header nav a{padding:12px 0}.header nav a:hover,.footer-links a:hover{color:var(--accent)}.hero{min-height:710px;height:calc(100svh - 88px);max-height:1000px;background:#101010;color:#fff;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 31%;background:linear-gradient(90deg,#101010 0%,rgba(16,16,16,.4) 25%,transparent 65%),linear-gradient(0deg,#101010 0%,transparent 35%),url('assets/life-keyart.png') center/cover no-repeat;opacity:.8}.hero-content{position:relative;padding:60px 4.5% 100px;max-width:1800px;margin:auto}.eyebrow,.section-label,.hero-scroll,.gallery-head>p{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1.8px;font-weight:700}.hero .eyebrow{margin:0 0 28px;color:#c4c4c4}.hero h1{font-family:Arial,sans-serif;line-height:.9;font-size:clamp(82px,10.6vw,170px);letter-spacing:-.065em;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:48px;margin-top:34px}.hero-bottom p{font-size:20px;line-height:1.6;margin:0;font-weight:600}.hero-bottom p span{font-size:13px;color:#b3b3b3;font-weight:400;letter-spacing:.06em}.circle-link{border:1px solid #ffffff70;border-radius:100%;display:grid;place-items:center;width:60px;height:60px;font-size:30px;transition:background .2s}.circle-link:hover{background:var(--accent)}.hero-scroll{position:absolute;bottom:28px;left:4.5%;right:4.5%;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;padding-top:18px;color:#bdbdbd}.section{padding:90px max(5%,calc((100% - 1440px)/2))}.section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:19px;margin-bottom:62px;font-size:11px}.section-label span:last-child{letter-spacing:.02em;font-family:inherit;font-weight:500}h2{font-size:clamp(36px,4.7vw,72px);line-height:1.18;letter-spacing:-.055em;margin:0;font-weight:800}.accent{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.lead{font-size:clamp(22px,2.1vw,31px);font-weight:650;line-height:1.55;margin:0 0 24px;letter-spacing:-.035em}.body-copy{font-size:16px;line-height:1.9;color:var(--gray)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid currentColor;padding:12px 0;font-size:14px;font-weight:650}.text-link span{font-size:22px}.about .text-link{margin-top:16px}.games{background:#eaeae5}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:20px}.game-heading h2{font:900 clamp(66px,7vw,110px)/1 Arial,sans-serif;letter-spacing:-.06em}.game-heading h2 span{font:600 17px/1.5 'Pretendard Variable',sans-serif;display:block;letter-spacing:-.02em;margin-top:12px}.game-heading>p{font-size:17px;line-height:1.7;color:var(--gray)}.game-cover{position:relative;overflow:hidden}.game-cover>img{width:100%;aspect-ratio:1.9;object-fit:cover;object-position:center 43%}.image-tag{position:absolute;bottom:20px;left:22px;color:white;background:#101010b0;padding:9px 12px;font:600 10px Arial,sans-serif;letter-spacing:1.5px}.game-info{display:flex;justify-content:space-between;gap:38px;margin:34px 0 70px}.game-description{display:flex;align-items:flex-start;gap:20px}.app-icon{width:68px;height:68px;border-radius:16px}.game-description h3{font-size:22px;margin:0 0 12px;letter-spacing:-.04em}.game-description p{font-size:15px;line-height:1.8;color:var(--gray);margin:0}.game-actions{flex-shrink:0}.game-actions>.text-link{width:100%;margin-bottom:18px}.stores{display:flex;gap:10px;flex-wrap:wrap}.stores img{height:43px;width:auto}.gallery-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gallery-head button{width:42px;height:42px;border:1px solid #bcbcb8;background:transparent;font-size:20px}.gallery-head button:disabled{opacity:.3;cursor:default}.gallery-head button:hover:not(:disabled){background:#101010;color:white}.gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:18px}.gallery figure{margin:0;flex:0 0 24%;scroll-snap-align:start}.gallery figure img{width:100%;aspect-ratio:665/1440;object-fit:contain;background:#111}.gallery figcaption{font-size:12px;color:var(--gray);margin-top:13px}.archive{margin-top:64px}.archive .eyebrow{color:var(--gray);margin-bottom:22px}.archive-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;padding:24px 0;border-top:1px solid #c6c6c0}.archive-row h3{margin:0;font-size:21px;letter-spacing:-.04em}.archive-row>span{font-size:13px;color:var(--gray)}.archive-note{font-size:12px;color:var(--gray);margin:16px 0 0}.vision{padding:70px 5% 85px;background:var(--accent);color:#101010;position:relative;overflow:hidden}.vision .section-label{border-color:#10101050}.vision-top{display:flex;justify-content:space-between;align-items:start}.vision-top p{font:700 14px/1.5 Arial,sans-serif;letter-spacing:.05em;margin:0}.vision-arrow{font-family:Arial,sans-serif;font-size:150px;line-height:1}.vision h2{font-size:clamp(70px,12vw,182px);line-height:1.05;letter-spacing:-.07em;margin-top:-36px}.vision h2 span{color:var(--white)}.vision-copy{margin:35px 0 0 50%;font-size:18px;line-height:1.8;font-weight:550}.history-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.history h2{font-size:clamp(35px,4vw,58px)}.history .body-copy{margin-top:25px}.timeline article{display:grid;grid-template-columns:105px 1fr;gap:25px;border-top:1px solid var(--line);padding:30px 0}.timeline article:first-child{border:0;padding-top:0}.timeline h3{font:700 34px/1 Arial,sans-serif;letter-spacing:-2px;margin:0}.timeline ul{padding:0;margin:0;list-style:none}.timeline li{display:flex;gap:18px;margin-bottom:18px;font-size:14px;line-height:1.7}.timeline li:last-child{margin-bottom:0}.timeline li>span{min-width:38px;color:#888;font:12px/2 Arial,sans-serif}.timeline p{margin:0}.timeline small{color:var(--gray);font-size:12px}.press{margin-top:75px}.press h3{font-size:21px;margin-bottom:24px}.press>a{display:grid;grid-template-columns:140px 1fr 30px;gap:20px;border-top:1px solid var(--line);padding:26px 0;align-items:center}.press>a>span{color:var(--gray);font-size:13px}.press>a>span:last-child{font-size:24px;text-align:right}.press strong{font-size:18px;font-weight:550}.press a:hover strong{text-decoration:underline}.contact{background:#111;color:white}.contact .section-label{border-color:#444}.contact h2{font-size:clamp(40px,6vw,88px)}.contact-bottom{margin-top:65px;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{color:#aaa;font-size:14px}.contact-bottom>a{font:500 clamp(19px,2.9vw,42px)/1.4 Arial,sans-serif;border-bottom:1px solid #777;padding-bottom:12px;overflow-wrap:anywhere;word-break:break-word}.contact-bottom>a span{margin-left:25px}footer{background:#111;color:#aaa;padding:36px 5%;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px}footer .brand{color:white;font-size:30px}.footer-links{display:flex;gap:25px;font-size:12px}footer>p{font-size:10px;font-family:Arial,sans-serif}.legal{max-width:940px;margin:auto;padding:65px 24px 100px}.legal h1{font-size:36px;margin-bottom:45px}.legal-body{line-height:1.85;font-size:15px;overflow-wrap:anywhere;word-break:normal}.legal-body a{color:#ad3024;text-decoration:underline}.legal-back{display:inline-block;margin-bottom:20px;font-size:14px}
@media(min-width:1800px){.hero-content{padding-left:0}.hero-art{background-position:center}}
@media(max-width:900px){.header nav{gap:22px}.hero{min-height:680px}.hero-art{left:15%;opacity:.55}.hero h1{font-size:clamp(82px,13vw,120px)}.game-info{flex-direction:column}.game-actions{align-self:flex-start}.about-grid{gap:40px}.history-grid{gap:40px;grid-template-columns:1fr 1.4fr}.timeline article{grid-template-columns:70px 1fr;gap:12px}.timeline h3{font-size:28px}.vision-copy{margin-left:35%}.contact-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){html{scroll-padding-top:20px}.header{height:74px;padding:0 6%}.brand{font-size:29px;gap:8px}.brand span{font-size:7px}.header nav{gap:15px;font-size:12px}.header nav a:first-child{display:none}.hero{height:auto;min-height:650px}.hero-content{padding:55px 6% 115px}.hero-art{inset:0 -28% 0 0;background-position:58% center;opacity:.45}.hero h1{font-size:clamp(68px,18vw,108px)}.hero .eyebrow{font-size:10px;margin-bottom:32px}.hero-bottom{margin-top:35px;gap:25px}.hero-bottom p{font-size:17px}.circle-link{width:48px;height:48px;font-size:26px}.hero-scroll{left:6%;right:6%;font-size:9px}.section{padding:58px 6%}.section-label{margin-bottom:38px;font-size:9px}.about-grid,.history-grid{grid-template-columns:1fr;gap:32px}.lead{font-size:22px}.body-copy{font-size:14px}.game-heading{align-items:start;flex-direction:column;gap:8px}.game-heading h2{font-size:72px}.game-heading h2 span{font-size:15px}.game-heading>p{font-size:14px}.game-cover>img{aspect-ratio:1.18;object-position:center}.image-tag{bottom:12px;left:12px;font-size:8px}.game-info{gap:22px;margin:25px 0 42px}.game-description{gap:14px}.app-icon{width:48px;height:48px;border-radius:10px}.game-description h3{font-size:18px}.game-description p{font-size:13px}.stores img{height:40px}.gallery{gap:16px}.gallery figure{flex-basis:70%}.gallery-head>p{font-size:10px}.archive{margin-top:40px}.archive-row{grid-template-columns:1fr;gap:9px;padding:22px 0}.archive-row h3{font-size:19px}.archive-row>span{font-size:11px}.vision{padding:50px 6% 60px}.vision h2{font-size:clamp(65px,18vw,100px);margin-top:12px}.vision-top p{font-size:11px}.vision-arrow{font-size:80px}.vision-copy{margin:30px 0 0;font-size:15px}.timeline article{grid-template-columns:65px 1fr;gap:15px;padding:24px 0}.timeline li{font-size:13px;gap:8px}.timeline li>span{font-size:10px;min-width:32px}.press{margin-top:40px}.press>a{grid-template-columns:1fr 24px;gap:9px;padding:20px 0}.press>a>span:first-child{grid-column:1/-1;font-size:11px}.press strong{font-size:16px}.contact h2{font-size:38px}.contact-bottom{margin-top:35px;gap:8px}.contact-bottom>a{font-size:clamp(17px,5vw,25px)}.contact-bottom>a span{margin-left:5px}footer{padding:30px 6%;gap:25px}.footer-links{width:100%;gap:20px;font-size:11px}footer>p{margin:0}.legal h1{font-size:28px}.legal-body{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Full milestone periods remain above titles to avoid narrow mobile columns. */
.milestone-period{display:block;color:var(--gray);font:12px/1.5 Arial,sans-serif;letter-spacing:.02em;margin-bottom:7px}.timeline li{margin-bottom:26px}.timeline li>div{min-width:0}.timeline small{display:block;margin-top:6px;line-height:1.7}

/* Preserve the complete LIFE artwork, including its top title, at every width. */
.game-cover>img{height:auto;aspect-ratio:auto;object-fit:contain}
