/* RetroSoul Games / original studio identity / no remote dependencies */
:root{color-scheme:dark;--bg:#080c15;--panel:#111721;--gold:#e4c58b;--cream:#f3ede1;--muted:#adb6c4;--line:#e4c58b26;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--cream);font:15px/1.8 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #ffe0a0;outline-offset:6px}::selection{background:var(--gold);color:var(--bg)}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.13}h1,h2{letter-spacing:-1.6px}em{color:var(--gold);font-weight:400}img{max-width:100%;display:block}button{color:var(--cream)}.skip{position:fixed;left:20px;top:-100px;padding:10px 20px;background:var(--gold);color:#080c15;z-index:100}.skip:focus{top:15px}.header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:13px}.brand>span{font-size:15px;letter-spacing:3px;line-height:1.1}.brand small{display:block;text-align:center;font-size:8px;letter-spacing:6px;color:var(--gold);margin-top:9px}.header nav{display:flex;align-items:center;gap:38px;font-size:12px}.header nav a{padding:10px 0}.header nav a:last-child{border-bottom:1px solid #e4c58b66}.header nav a:hover,footer a:hover{color:var(--gold)}.header nav span{margin-left:13px}.hero{height:940px;min-height:800px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-art{object-position:center 55%}.hero-shade{z-index:-1;background:linear-gradient(180deg,#080c1566 0%,#080c1510 55%,#080c15 100%),linear-gradient(90deg,#080c15c9,transparent 85%)}.hero-copy{max-width:var(--max);margin:auto;padding:176px 30px 0}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:var(--gold);line-height:1.7}.hero-rule{display:flex;gap:14px;align-items:center;color:var(--gold);width:142px;margin:24px 0 26px;font-size:13px}.hero-rule i{height:1px;background:#e4c58b88;flex:1}h1{font-size:clamp(66px,6.6vw,100px);line-height:1.04;max-width:700px;text-shadow:0 3px 24px #0006}h1 em{font-weight:400}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#e4e5e7;margin-top:26px;max-width:460px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:49px;padding:12px 23px;font-size:11px;letter-spacing:.4px;border:1px solid var(--gold);transition:background .2s,color .2s,transform .2s}.button.gold{background:var(--gold);color:#11151b}.button.gold:hover{background:#f7dda9;transform:translateY(-2px)}.hero-copy .button{margin-top:30px}.button.outline{color:var(--gold)}.button.outline:hover{background:var(--gold);color:#11151b}.hero-foot{position:absolute;bottom:34px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#c7c7c9}.hero-foot a{padding:12px}.hero-foot a span{margin-left:18px}.section{padding:100px max(6%,calc((100% - var(--max))/2))}.welcome{text-align:center;padding-top:75px;padding-bottom:95px}.welcome h2{font-size:42px;margin:22px 0}.welcome>p:last-child{max-width:640px;margin:24px auto 0;color:var(--muted);font-size:14px}.worlds{padding-top:40px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}h2{font-size:55px}.section-head h2{margin-top:15px}.section-head>p{font-size:12px;color:var(--muted);text-align:right}.game-card{border:1px solid var(--line);background:#101720}.game-art{height:480px;position:relative;overflow:hidden}.game-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.game-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#051018bb,transparent 60%),linear-gradient(0deg,#081019e6,transparent 70%)}.status{display:inline-flex;align-items:center;gap:8px;background:#0a151de8;border:1px solid #e4c58b55;font-size:10px;letter-spacing:.8px;padding:5px 13px;color:#f2dba7}.status i{width:5px;height:5px;background:#e4c58b;border-radius:50%;flex-shrink:0}.game-art>.status{position:absolute;right:30px;top:26px}.world-label{position:absolute;top:30px;left:36px;font-size:9px;letter-spacing:2px;color:#f0ddbd}.game-title{position:absolute;left:36px;bottom:35px}.game-title p{font-family:Georgia,serif;font-size:28px;letter-spacing:5px}.game-title h3{font-size:82px;letter-spacing:14px;line-height:1.1;color:#f1d6c5}.art-label{position:absolute;bottom:22px;right:28px;font-size:8px;letter-spacing:1px;color:#d1c9c4}.game-card-info{padding:32px 36px;display:flex;gap:30px;align-items:center;justify-content:space-between}.game-card-info h3{font-size:27px;margin:10px 0 12px}.game-card-info p:not(.eyebrow){color:var(--muted);font-size:13px}.game-card-info .button{flex-shrink:0}.possibility{display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding:36px 0}.spark{font-size:45px;color:var(--gold);width:62px;flex-shrink:0;text-align:center}.possibility h3{font-size:25px;margin-bottom:10px}.possibility p{font-size:13px;color:var(--muted);max-width:700px}.possibility small{display:block;color:#a4aabb;font-size:10px;margin-top:12px}.possibility-mark{font-family:Georgia,serif;font-size:70px;color:#e4c58b77;margin-left:auto;line-height:1}.hana-section{position:relative;border-block:1px solid var(--line);background:#0b141b;isolation:isolate;overflow:hidden}.hana-backdrop{position:absolute;top:0;left:0;right:0;height:680px;background:linear-gradient(0deg,#0b141b 0%,#0b141be0 30%,#0b141bbd 100%),url('assets/gameplay-cedar.webp') center/cover;z-index:-1;opacity:.65}.hana-content{padding-top:85px;padding-bottom:0}.hana-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:50px}.hana-intro h2{margin-top:20px;font-size:66px}.hana-kicker{color:#c5c9ce;font-size:14px;margin-top:21px}.facts{min-width:285px;margin:0;border-top:1px solid var(--line)}.facts>div{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid var(--line)}dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}dd{margin:0;font-size:12px}.status.plain{padding:0;border:0;background:none}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.story-copy>p{color:var(--muted);font-size:14px;margin-bottom:20px}.story-copy .lead{color:#f3ede1;font-family:Georgia,serif;font-size:23px;line-height:1.5}.story-copy blockquote{margin:30px 0;padding-left:22px;border-left:1px solid var(--gold);font-family:Georgia,serif;font-size:24px;font-style:italic;line-height:1.5;color:var(--gold)}blockquote cite{display:block;font-family:Arial,sans-serif;font-size:10px;font-style:normal;color:var(--muted);margin-top:12px}.story-copy .availability{font-size:12px;margin-bottom:0;max-width:420px}.text-link{display:inline-flex;align-items:center;gap:35px;color:var(--gold);font-size:11px;border-bottom:1px solid #e4c58b66;padding:9px 0}.text-link:hover{color:#ffe5af}.story-copy .text-link{margin-top:12px}.story-image{padding-top:8px}.story-image>img{width:100%;aspect-ratio:744/357;object-fit:cover;border:1px solid var(--line)}.story-image figcaption{display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:8px;letter-spacing:1.3px;color:var(--gold)}.story-image figcaption span{color:#c0c5cc;text-transform:none;letter-spacing:0}.concept-note{font-size:11px;line-height:1.7;color:#a1afbd;max-width:430px}.gameplay{margin-top:70px;scroll-margin-top:30px}.subhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.subhead h3{font-size:34px;margin-top:12px}.micro{font-size:8px;letter-spacing:1.3px;color:var(--muted)}video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#03070a;border:1px solid var(--line)}.video-caption{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.8}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.gallery-link{display:block;position:relative;border:1px solid #ffffff25;transition:border-color .2s}.gallery-link:hover{border-color:var(--gold)}.gallery img{width:100%;height:auto;aspect-ratio:16/9}.enlarge{position:absolute;bottom:8px;right:8px;background:#080c15cc;color:var(--gold);padding:1px 9px;font-size:16px}.gallery figcaption{font-size:11px;color:#d2d7dc;margin-top:13px}.gallery figcaption>span{color:var(--gold);font-size:9px;margin-right:12px}.gallery-note{font-size:10px;color:var(--muted);margin-top:24px}.hana-footer{border-top:1px solid var(--line);padding:25px 0;margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px;letter-spacing:1px;color:#a5b6bc}.hana-footer a{color:var(--gold);font-size:10px;letter-spacing:0}.studio{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;align-items:center;padding-block:115px}.studio-identity{text-align:center;position:relative}.seal{width:260px;height:260px;display:grid;place-items:center;border:1px solid #e4c58b20;border-radius:50%;margin:0 auto 28px;background:radial-gradient(ellipse,#e4c58b08,transparent 70%)}.seal:before{content:'';position:absolute;width:300px;height:1px;background:linear-gradient(90deg,transparent,#e4c58b55,transparent);z-index:-1}.studio-identity>p{font-family:Georgia,serif;font-size:17px;letter-spacing:3px}.studio-identity>span{display:block;color:var(--gold);font-size:8px;letter-spacing:2px;margin-top:12px}.studio-copy h2{font-size:46px;margin:20px 0 30px}.studio-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:18px 0}.values{display:flex;gap:20px;color:var(--gold);margin-top:30px;font-size:10px;letter-spacing:1px}.values i{font-style:normal;font-size:8px;color:#e4c58b77}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;background:radial-gradient(ellipse at 80% 70%,#41314926,transparent 55%)}.contact h2{font-size:56px;margin:22px 0 25px}.contact>div>p:not(.eyebrow){color:var(--muted);font-size:13px}.contact-card{border:1px solid var(--line);padding:32px;background:#ffffff02}.contact-icon{display:block;font-size:28px;color:var(--gold);margin-bottom:18px}.contact-card .eyebrow{font-size:8px}.contact-card .email{display:inline-block;font-size:clamp(15px,1.5vw,21px);margin:15px 0;color:var(--cream);border-bottom:1px solid transparent;overflow-wrap:anywhere}.contact-card .email:hover{border-color:var(--gold)}.contact-card>p:not(.eyebrow){font-size:10px!important;color:var(--muted);max-width:300px}.contact-card .text-link{margin-top:20px}footer{padding:45px 5% 25px;border-top:1px solid var(--line)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top{padding-bottom:36px}.footer-top>p{font:italic 22px Georgia,serif;color:var(--gold)}.footer-top>a:last-child{font-size:10px}.footer-bottom{padding-top:25px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-bottom>a{color:#dbcfb3}dialog{max-width:min(1200px,94vw);width:1200px;max-height:94dvh;padding:20px;background:#0d141f;color:var(--cream);border:1px solid #e4c58b88;overflow:auto}dialog::backdrop{background:#02050beF;backdrop-filter:blur(6px)}dialog img{width:100%;max-height:72dvh;object-fit:contain}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px}.lightbox-top{margin-bottom:18px;letter-spacing:1px;color:var(--gold)}.lightbox-bottom{margin-top:18px}.lightbox-bottom p{text-align:center;color:var(--muted)}dialog button{border:1px solid #e4c58b66;background:transparent;padding:8px 14px;font-size:11px;min-height:40px}dialog button:hover{background:#e4c58b22}body.modal-open{overflow:hidden}@media(min-width:1600px){.hero{height:1020px}.hero-copy{padding-top:190px}}@media(max-width:1050px){.hero{height:850px}.hero-copy{padding-left:6%;padding-top:170px}.hero-art{object-position:58% center}.section{padding-inline:6%;padding-block:75px}.worlds{padding-top:25px}.game-art{height:420px}.game-card-info{padding:28px}.game-card-info h3{font-size:24px}.game-card-info .button{font-size:10px;padding:12px 16px;gap:18px}.hana-content{padding-bottom:0}.hana-intro h2{font-size:58px}.story-grid{gap:5%}.story-copy .lead{font-size:21px}.studio{gap:7%}.seal{width:200px;height:200px}.seal img{width:145px}.studio-copy h2{font-size:38px}.contact{gap:5%}.contact h2{font-size:45px}.contact-card{padding:25px}.footer-bottom>span{display:none}}@media(max-width:700px){.header{padding:20px 5%;align-items:center}.brand{gap:8px}.brand>img{width:37px;height:37px}.brand>span{font-size:11px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:4px;margin-top:7px}.header nav{gap:19px;font-size:10px}.header nav span{display:none}.hero{height:850px;min-height:760px}.hero-copy{padding-top:160px;padding-right:6%}.hero-art{object-position:58% bottom}.hero-shade{background:linear-gradient(180deg,#080c1550 0%,#080c1555 55%,#080c15 100%),linear-gradient(90deg,#080c15bc,transparent)}h1{font-size:74px}.hero-copy>.eyebrow{font-size:9px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:320px}.hero-foot{font-size:7px;letter-spacing:1px}.hero-foot>span{max-width:180px}.hero-foot a{font-size:7px;padding:10px 0}.hero-foot a span{margin-left:7px}.section{padding-block:60px}.welcome h2{font-size:30px;letter-spacing:-.5px}.welcome>p:last-child{font-size:13px}.section-head{align-items:start;gap:18px}.section-head>p{font-size:10px;padding-top:4px}.section-head h2{font-size:39px}.worlds{padding-top:10px}.game-art{height:370px}.game-art>img{object-position:54% center}.game-title{left:25px;bottom:38px}.game-title p{font-size:22px;letter-spacing:2px}.game-title h3{font-size:64px}.world-label{top:24px;left:25px;font-size:8px}.game-art>.status{top:20px;right:20px;font-size:9px;padding:4px 9px}.art-label{right:20px;bottom:12px;font-size:7px}.game-card-info{display:block;padding:26px}.game-card-info h3{font-size:25px}.game-card-info .button{margin-top:25px;font-size:11px}.possibility{gap:14px;align-items:start;padding:28px 0}.spark{font-size:35px;width:35px}.possibility h3{font-size:23px}.possibility p{font-size:12px}.possibility small{font-size:9px}.possibility-mark{display:none}.hana-intro{display:block;margin-bottom:35px}.hana-intro h2{font-size:53px}.facts{margin-top:30px;min-width:0}.facts>div{padding:10px 0}.story-grid{grid-template-columns:1fr;gap:35px}.story-copy .lead{font-size:23px}.story-copy>p{font-size:13px}.story-copy blockquote{font-size:23px}.story-image figcaption{font-size:8px}.concept-note{font-size:10px}.hana-content{padding-bottom:0}.gameplay{margin-top:50px}.subhead{display:block}.subhead h3{font-size:29px}.micro{display:block;margin-top:15px}.gallery{gap:18px;grid-template-columns:1fr}.gallery figcaption{font-size:12px}.gallery-note{font-size:10px}.hana-footer{align-items:start;font-size:8px;flex-direction:column;gap:12px}.studio{grid-template-columns:1fr;gap:42px}.studio-identity{padding-bottom:35px;border-bottom:1px solid var(--line)}.seal{width:170px;height:170px;margin-bottom:20px}.seal img{width:125px}.studio-copy h2{font-size:37px}.studio-copy>p:not(.eyebrow){font-size:13px}.contact{grid-template-columns:1fr;gap:32px}.contact h2{font-size:46px}.contact-card .email{font-size:19px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>.brand{width:100%}.footer-top>p{font-size:20px}.footer-bottom{align-items:start;flex-direction:column;gap:12px}.lightbox-top>span{font-size:8px;letter-spacing:0}.lightbox-bottom{gap:8px;flex-wrap:wrap}.lightbox-bottom p{order:3;width:100%;font-size:10px}dialog{padding:14px}dialog button{font-size:10px}}@media(max-width:380px){.header nav{gap:13px;font-size:9px}.brand>span{font-size:10px}.brand>img{width:31px}.hero-copy{padding-top:146px}h1{font-size:62px}.hero{height:790px;min-height:740px}.section-head{display:block}.section-head>p{text-align:left;margin-top:15px}.contact-card .email{font-size:16px}.game-title p{font-size:19px}.game-art>.status{right:12px}.world-label{left:16px;font-size:7px}.values{gap:13px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}