@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f5ef;--ink:#171b19;--muted:#666b64;--orange:#ff7947;--line:#d3d7ce;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d84d1a;outline-offset:6px}::selection{background:var(--orange);color:var(--ink)}.page-shell{max-width:1440px;padding:0 64px;margin:auto}.skip-link{position:fixed;top:-80px;left:24px;background:var(--ink);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-logo{position:relative;display:block;width:132px;aspect-ratio:2.27;overflow:hidden;mix-blend-mode:multiply}.brand-logo img{position:absolute;width:142.5%;height:auto;max-width:none;left:-22.36%;top:-54.7%}.site-header nav{display:flex;gap:44px}.site-header nav a{font-size:16px;font-weight:600;display:flex;gap:7px;align-items:baseline}.site-header nav span{font-size:12px;color:var(--muted)}.site-header nav a:hover{color:#b74722}.header-note{font-size:12px;font-weight:600;letter-spacing:.12em}.hero{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;min-height:640px;gap:40px;padding:70px 0 64px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1.5;margin:0 0 22px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.mini-cross{font-size:25px;line-height:1}.hero h1{font-family:var(--serif);font-size:clamp(56px,6.7vw,100px);font-weight:700;line-height:.99;letter-spacing:-.065em;margin:0 0 28px}.hero h1 span{font-style:italic;font-weight:400}.hero-description{font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;gap:34px;padding:14px 20px;border-radius:5px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary-link span{font-size:22px;line-height:1}.primary-link:hover{background:#324a3e;transform:translateY(-2px)}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:.14em;margin-top:58px}.fine-line{height:1px;width:32px;background:var(--ink)}.hero-art{position:relative;min-width:0;aspect-ratio:1;isolation:isolate}.art-circle{position:absolute;inset:7% 7%;border-radius:50%;background:var(--orange)}.art-orbit{position:absolute;inset:1% 1%;border-radius:50%;border:1px solid #b8beb3;transform:rotate(-22deg) scaleX(1.02)}.mascot-button{position:absolute;left:20%;top:9%;width:61%;height:79%;border:0;background:none;cursor:pointer;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:rotate(-7deg);mix-blend-mode:multiply}.mascot-button:hover{transform:rotate(3deg) translateY(-8px)}.mascot-window{position:relative;display:block;aspect-ratio:.765;overflow:hidden;width:100%;pointer-events:none}.mascot-window img{position:absolute;width:412.9%;height:auto;max-width:none;left:-64%;top:-52.3%;user-select:none;-webkit-user-drag:none}.art-spark{position:absolute;line-height:1}.spark-one{font-size:50px;right:0;top:11%;transform:rotate(10deg)}.spark-two{font-size:36px;left:1%;bottom:22%}.art-caption{position:absolute;left:10%;bottom:10%;background:var(--ink);color:var(--paper);padding:8px 13px;border-radius:3px;transform:rotate(-7deg);font-size:12px;font-weight:600;letter-spacing:.045em;max-width:85%}.art-hint{position:absolute;right:0;bottom:0;font-size:12px;color:var(--muted)}.edition{position:absolute;left:0;top:0;font-size:10px;font-weight:600;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}.games-section{border-top:1px solid var(--ink);padding:40px 0 64px}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:30px;letter-spacing:-.055em;line-height:1.4;margin:0;font-weight:700}.count{display:inline-block;margin-left:12px;font-family:var(--serif);font-style:italic;font-size:20px;font-weight:400;vertical-align:top}.section-note{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-placeholder{aspect-ratio:1.2;background:#214e50;border-radius:8px}.project-placeholder.island{background:#628b76}.project-placeholder.space{background:#142d45}.project-meta{display:flex;justify-content:space-between;gap:10px;margin:17px 0 5px;font-size:10px;font-weight:600;letter-spacing:.045em;color:var(--muted)}.project h3{font-family:var(--serif);font-size:28px;letter-spacing:-.04em;line-height:1.25;margin:0 0 8px}.project>p{font-size:14px;color:var(--muted);margin:0}.about-section{padding:54px 0 66px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:32px;align-items:start}.about-section .eyebrow{padding-top:7px}.about-section h2{font-size:27px;line-height:1.55;letter-spacing:-.045em;margin:0}.about-section>p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin:5px 0 0}.site-footer{border-top:1px solid var(--line);padding:24px 0 28px;display:flex;justify-content:space-between;font-size:11px;font-weight:500;letter-spacing:.07em}.site-footer a{letter-spacing:0;font-size:12px}.site-footer a:hover{text-decoration:underline}
@media(min-width:1440px){.hero h1{font-size:100px}}@media(max-width:1100px){.page-shell{padding:0 40px}.header-note{display:none}.hero{min-height:590px;gap:20px}.hero h1{font-size:76px}.hero-footnote{margin-top:36px}.about-section{grid-template-columns:1fr 2fr}.about-section>p:last-child{grid-column:2}}@media(max-width:760px){.page-shell{padding:0 24px}.site-header{height:88px}.brand-logo{width:110px}.site-header nav{gap:25px}.site-header nav a{font-size:14px}.hero{grid-template-columns:1fr;gap:36px;padding:42px 0 46px}.hero h1{font-size:clamp(53px,11.8vw,84px)}.hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}.hero-description{font-size:16px;margin-bottom:22px}.hero-footnote{display:none}.hero-art{width:90%;max-width:430px;margin:auto}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.section-heading h2{font-size:27px}.section-note br{display:none}.project-grid{grid-template-columns:1fr;gap:32px}.project-placeholder{aspect-ratio:1.4}.project h3{font-size:30px}.project-meta{font-size:12px}.project>p{font-size:16px}.games-section{padding:32px 0 42px}.about-section{grid-template-columns:1fr;gap:17px;padding:36px 0}.about-section .eyebrow{margin:0}.about-section h2{font-size:26px}.about-section>p:last-child{grid-column:auto;font-size:16px}.site-footer{font-size:10px;gap:20px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}}
.hero-footnote,.edition,.project-meta,.site-footer,.header-note{font-size:12px}.project-open{display:block;width:100%;padding:0;border:0;text-align:left;color:inherit;background:none;cursor:pointer}.project-image{display:block;position:relative;aspect-ratio:1.18;border-radius:7px;background-image:url('./assets/game-worlds.png');background-size:300% auto;background-position:0% center;overflow:hidden;transition:transform .35s,box-shadow .35s}.project-image.island{background-position:50% center}.project-image.space{background-position:100% center}.project-view{position:absolute;bottom:15px;right:15px;background:var(--paper);color:var(--ink);padding:8px 12px;border-radius:3px;font-size:12px;font-weight:600;display:flex;gap:16px;align-items:center;transform:translateY(8px);opacity:0;transition:opacity .2s,transform .2s}.project-view>span{font-size:20px;line-height:1}.project-open:hover .project-view,.project-open:focus-visible .project-view{opacity:1;transform:translateY(0)}.project-open:hover .project-image{transform:translateY(-5px);box-shadow:0 10px 30px #183b2520}.project-title{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:30px;letter-spacing:-.04em;font-weight:700;line-height:1.35;margin:0 0 7px}.project-title>span{font-family:var(--sans);font-size:25px;font-weight:400;transition:transform .3s}.project-open:hover .project-title>span{transform:rotate(90deg)}.project-description{display:block;font-size:14px;line-height:1.75;color:var(--muted)}.about-copy>p{font-size:14px;color:var(--muted);line-height:1.9;margin:5px 0 0}.value-tags{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.value-tags span{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:3px 12px}.project-dialog{padding:0;border:0;border-radius:12px;background:var(--paper);color:var(--ink);width:min(860px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 120px #0006}.project-dialog[open]{display:grid;grid-template-columns:1.05fr 1fr}.project-dialog::backdrop{background:#0c201dbb;backdrop-filter:blur(6px)}.dialog-open{overflow:hidden}.dialog-art{border-radius:0;aspect-ratio:auto;min-height:470px;background-size:300% auto}.dialog-copy{padding:56px 32px 32px}.dialog-copy .eyebrow{font-size:12px;margin-bottom:18px;color:var(--muted)}.dialog-copy h2{font-family:var(--serif);font-size:42px;letter-spacing:-.055em;line-height:1.1;margin:0 0 20px}.dialog-tagline{font-weight:600;font-size:16px;margin:0 0 16px}.dialog-copy #dialog-description{font-size:16px;color:var(--muted);line-height:1.85;margin-bottom:30px}.dialog-detail{border-top:1px solid var(--line);padding-top:17px;font-size:14px;display:flex;justify-content:space-between;gap:10px}.dialog-detail span{color:var(--muted)}.concept-note{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:0}.dialog-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:28px;line-height:1;cursor:pointer}.dialog-close:hover{background:var(--orange);border-color:var(--orange)}.wave{animation:knight-wave .65s cubic-bezier(.3,.6,.2,1)}@keyframes knight-wave{0%,100%{transform:rotate(-7deg)}20%{transform:rotate(-16deg) translateY(-12px)}50%{transform:rotate(8deg) translateY(-6px)}75%{transform:rotate(-11deg)}}
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:clamp(54px,6.5vw,76px)}.project-meta{flex-wrap:wrap;gap:3px;font-size:12px}.about-copy{grid-column:2}}@media(max-width:760px){.hero .eyebrow{font-size:12px;letter-spacing:.09em}.project-description,.about-copy>p{font-size:16px}.about-copy{grid-column:auto}.project-view{opacity:1;transform:none}.project-image{aspect-ratio:1.4}.project-dialog[open]{grid-template-columns:1fr}.project-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px)}.dialog-art{min-height:0;aspect-ratio:1.32}.dialog-copy{padding:28px 24px}.dialog-copy h2{font-size:36px}.dialog-close{border-color:transparent}.about-section{gap:17px}.hero-art{margin-bottom:10px}.edition{font-size:12px}.hero-description{font-size:16px}.site-footer{font-size:12px}.project-meta{font-size:12px}}
.hero-art{background:var(--paper)}.project-image{background-repeat:no-repeat}.dialog-art{background-size:auto 100%}
@media(max-width:760px){.dialog-art{background-size:300% auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero h1 .visually-hidden{font-style:normal}.project .project-title{font-size:30px;line-height:1.35;margin:0 0 7px}.project>.project-description{font-size:14px;line-height:1.75;margin:0}.project-concept{margin-top:12px;font-size:14px;color:var(--muted)}summary{cursor:pointer}summary:focus-visible{outline:3px solid #d84d1a;outline-offset:5px}.project-concept summary{color:var(--ink);font-weight:500}.project-concept p{margin:12px 0 0;line-height:1.85}.faq-section{border-top:1px solid var(--line);padding:40px 0 54px}.faq-section .eyebrow{margin-bottom:12px}.faq-section h2{font-size:27px;letter-spacing:-.045em;margin:0 0 24px}.faq-item{border-top:1px solid var(--line);padding:16px 0}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{font-weight:600;font-size:16px}.faq-item p{max-width:75ch;font-size:16px;color:var(--muted);margin:14px 0 0;line-height:1.85}.dialog-art.tidebound{background-position:0% center}.dialog-art.moss{background-position:50% center}.dialog-art.orbit{background-position:100% center}
@media(max-width:760px){.project>.project-description,.project-concept{font-size:16px}.faq-section{padding:36px 0}.faq-section h2{font-size:26px}}
.hero-art{overflow:clip}