:root{color-scheme:dark;--paper:#eee7d9;--muted:#b7b6ad;--accent:#d2af6e;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:#172322;color:var(--paper);font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1120px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:25px;letter-spacing:.06em;text-decoration:none}.brand span{color:var(--accent)}.label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}main{padding:85px 0 95px;min-height:67vh}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center}h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,84px);font-weight:400;line-height:1.06;letter-spacing:-.035em;margin:25px 0}p{max-width:620px;color:var(--muted)}.lead{font-size:20px}.status{display:inline-flex;align-items:center;gap:10px;font-size:14px;border:1px solid var(--line);padding:10px 16px;border-radius:3px;margin-top:18px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.file{background:#e7dfce;color:#26312e;padding:36px;transform:rotate(3deg);box-shadow:15px 22px 0 #0002;position:relative}.file .label{color:#5a655b}.file h2{font:42px/1.1 Georgia,serif;font-weight:400;margin:42px 0 24px}.file p{color:#596259;font-size:14px}.rule{height:1px;background:#26312e44;margin:16px 0}.file-number{font:12px ui-monospace,monospace;letter-spacing:.1em}.stamp{display:inline-block;border:1px solid #7a594b;padding:5px 10px;color:#7a594b;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:18px 0 8px}.dev h1{font-size:clamp(40px,6vw,66px);max-width:850px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 50px}.project{border-top:1px solid var(--line);padding:22px 0}.project h3{font:28px Georgia,serif;margin:0 0 12px}.project p{font-size:15px;margin:0}h2{font-size:19px;font-weight:500;margin-top:48px}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:26px 0 34px;font-size:13px;color:var(--muted)}footer p{margin:0}nav a{font-size:14px}.contact{display:inline-block;font-size:clamp(18px,3vw,27px)}@media(max-width:720px){.wrap{padding:0 24px}header{padding:23px 0}.hero{grid-template-columns:1fr;gap:50px}main{padding:48px 0 64px;min-height:auto}.file{max-width:390px;transform:rotate(1deg);margin:0 8px}.projects{grid-template-columns:1fr;gap:0}.lead{font-size:18px}footer{flex-direction:column;gap:12px}}

.hero{grid-template-columns:1fr;gap:44px;padding-top:64px}.hero>section{max-width:850px}.hero h1 br{display:none}.hero h1{max-width:850px}.archive{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:3px}.archive img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.hero .lead{max-width:none}@media(min-width:1000px){.hero{position:relative;display:block;min-height:720px;padding:100px 0}.hero>section{position:relative;z-index:1;width:55%;padding:22px 25px 28px 0;background:linear-gradient(90deg,#172322 60%,#172322ed 82%,#17232200)}.hero h1{font-size:72px}.archive{position:absolute;right:-36px;top:65px;width:77%;height:610px;border:0}.archive:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#172322 0%,#17232288 18%,transparent 42%)}.archive img{height:100%;object-position:58% center}}@media(max-width:720px){.hero{padding-top:48px}.archive img{aspect-ratio:1/1;object-position:54% center}.hero h1{max-width:360px}}
.game-hero{padding:42px 0 64px}.identity{position:relative;z-index:1}.identity h1{display:flex;justify-content:space-between;font:600 clamp(100px,25vw,330px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0;width:100%;padding-right:.025em}.identity .expansion{display:flex;justify-content:space-between;max-width:none;width:100%;font-size:clamp(12px,2.15vw,24px);letter-spacing:.07em;margin:12px 0 0;color:var(--paper)}.development{max-width:none;text-align:center;text-transform:uppercase;letter-spacing:.23em;font-size:12px;margin:34px 0 32px;color:var(--accent)}.archive-art{margin:0;border:1px solid var(--line);overflow:hidden;border-radius:3px}.archive-art img{display:block;width:100%;height:440px;object-fit:cover;object-position:50% 56%}@media(max-width:720px){.game-hero{padding:36px 0 40px}.identity h1{font-size:25vw;letter-spacing:-.045em}.identity .expansion{font-size:12px;letter-spacing:.02em}.development{font-size:10px;letter-spacing:.17em;margin:26px 0}.archive-art img{height:390px;object-position:54% center}}

.archive-art{position:relative;margin-top:42px}.coming-stamp{position:absolute;z-index:2;right:24px;top:28px;transform:rotate(8deg);color:#f2b0a3;border:2px solid #cc6457;background:#371d1ce8;padding:9px 17px;font:700 14px/1.3 system-ui;text-transform:uppercase;letter-spacing:.16em;box-shadow:0 3px 12px #0005}@media(max-width:720px){.archive-art{margin-top:32px}.coming-stamp{right:16px;top:20px;padding:8px 11px;font-size:11px}}
:root{--paper:#e7ebef;--muted:#aab1ba;--accent:#c2cbd6;--line:#ffffff21}body{background:#090d12}.brand span{color:#e7ebef}.coming-stamp{background:#251014f2;color:#ffd4d0;border-color:#b94b4d}a:hover{color:#fff}

.overlay-hero{position:relative;isolation:isolate;padding:0;min-height:680px;margin:34px 0 40px;overflow:hidden;background:#090d12;border:1px solid #ffffff21}.hero-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#030609d9 0%,#030609b8 39%,#03060916 69%,#03060930);z-index:-2}.hero-mark{position:relative;margin:0 5%;padding:15px 0 0;font-size:inherit;line-height:1}.hero-mark svg{display:block;width:100%;height:auto;overflow:visible;fill:#eef1f3;filter:drop-shadow(0 3px 8px #0008)}.letters{font-family:Georgia,'Times New Roman',serif;font-size:320px;font-weight:600}.letters .dot-mark{font-size:130px}.words{font-family:system-ui,sans-serif;font-size:29px;font-weight:450}.old-stamp{position:absolute;width:225px;height:auto;right:30px;bottom:36px;transform:rotate(-10deg);filter:drop-shadow(0 2px 4px #000b)}.old-stamp text{font:800 30px system-ui,sans-serif;letter-spacing:2px}@media(max-width:720px){.overlay-hero{margin:24px 0 30px;min-height:570px}.hero-picture{object-position:54% center}.hero-shade{background:linear-gradient(180deg,#030609e0 0%,#030609bd 27%,#03060928 50%,#03060920)}.hero-mark{margin:0 5%;padding-top:26px}.old-stamp{width:170px;right:18px;bottom:27px}.words{font-size:34px}}

.landing .wrap{width:100%;height:100vh;height:100dvh;min-height:360px;display:grid;grid-template-rows:auto minmax(180px,1fr) auto;gap:16px;padding:env(safe-area-inset-top,0px) max(24px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(24px,env(safe-area-inset-left,0px))}.landing header{padding:18px 0}.landing footer{padding:13px 0 17px;margin:0;flex-direction:row;align-items:center}.landing .overlay-hero{height:auto;min-height:180px;margin:0}.landing .hero-mark{position:absolute;top:3%;left:5%;width:90%;height:62%;margin:0;padding:0}.landing .hero-mark svg{width:100%;height:100%;overflow:visible}.landing .old-stamp{width:clamp(120px,24vw,225px);max-width:42%;height:auto;max-height:20%;right:4%;bottom:6%}@media(max-width:720px){.landing .wrap{gap:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.landing header{padding:14px 0}.landing .hero-mark{height:38%;top:3%}.landing footer{font-size:12px;padding:10px 0 14px}.landing nav a{font-size:12px}}@media(max-height:500px) and (min-width:500px){.landing .wrap{gap:8px}.landing header{padding:8px 0}.landing footer{padding:8px 0}.landing .hero-mark{height:70%;top:0}.landing .old-stamp{right:4%;bottom:10%;max-height:25%}}
@media(max-height:500px) and (min-width:500px){.landing .hero-mark{height:56%;top:0}.landing .old-stamp{bottom:4%;max-height:24%}}
.landing header,.landing footer{flex-wrap:wrap;column-gap:12px;row-gap:8px}@media(max-width:720px){.words{font-size:42px}}
@media(max-height:500px) and (min-width:500px){.landing .old-stamp{width:145px;max-height:18%;bottom:10%}.landing .words{font-size:42px}}

/* V3: enlarged red impression, bounded for short screens. */
.landing .old-stamp{width:562px;max-width:82%;max-height:26%;right:4%;bottom:5%;transform:rotate(-6deg)}
@media(max-height:500px) and (min-width:500px){.landing .old-stamp{width:362px;max-width:55%;max-height:27%;bottom:7%;transform:rotate(-4deg)}}