#artgraph-site{--ag-dark:#0c1115;--ag-text:#f4f1e9;--ag-accent:#eda17b;--ag-paper:#faf9f5;--ag-ink:#1b252b;--ag-tile:176px;--ag-radius:29px;background:var(--ag-dark);color:var(--ag-text);font-family:'Manrope','Noto Sans KR',sans-serif;container-type:inline-size;isolation:isolate;overflow:hidden}
#artgraph-site *{box-sizing:border-box}
#artgraph-site h1,#artgraph-site h2,#artgraph-site h3,#artgraph-site p{margin:0;font-family:inherit}
#artgraph-site a{color:inherit;text-decoration:none}
#artgraph-site button{font:inherit;color:inherit;cursor:pointer}
#artgraph-site .ag-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 38px;border-bottom:1px solid #ffffff25}
#artgraph-site .ag-wordmark{font-size:28px;font-weight:800;letter-spacing:-1.7px;line-height:1;display:inline-flex;align-items:baseline;gap:6px}
#artgraph-site .ag-dot{width:7px;height:7px;border-radius:50%;background:var(--ag-accent)}
#artgraph-site .ag-links{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:500}
#artgraph-site .ag-links a{min-height:44px;display:flex;align-items:center;gap:9px}
#artgraph-site .ag-links a:hover{color:var(--ag-accent)}
#artgraph-site .ag-contact-link{border-bottom:1px solid var(--ag-accent)}
#artgraph-site .ag-hero{height:592px;position:relative;overflow:hidden;background:#172028;touch-action:pan-y}
#artgraph-site .ag-art{position:absolute;inset:0 0 0 17%;overflow:hidden}
#artgraph-site .ag-scene{position:absolute;inset:0;visibility:hidden;overflow:hidden}
#artgraph-site .ag-scene.is-active,#artgraph-site .ag-scene.is-leaving{visibility:visible}
#artgraph-site .ag-scene img{width:100%;height:100%;object-fit:cover;object-position:54% 31%;filter:saturate(.73);transform:scale(1.035);display:block}
#artgraph-site .ag-scene[data-scene=dead] img{filter:saturate(.7)}
#artgraph-site .ag-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0c1216 2%,#0c1216e3 18%,#0c121676 54%,#0c12161a),linear-gradient(0deg,#0e1317 0%,#0e131777 26%,transparent 75%)}
#artgraph-site .ag-hero-content{height:100%;display:flex;flex-direction:column;position:relative;padding:32px 38px 30px}
#artgraph-site .ag-topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.2px;color:#d6d5d0}
#artgraph-site .ag-topline span:first-child{display:flex;align-items:center;gap:10px}
#artgraph-site .ag-topline span:first-child:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ag-accent)}
#artgraph-site h1{font-size:clamp(62px,13.15cqw,171px);font-weight:800;letter-spacing:-.075em;line-height:1;margin:35px 0 0 -6px;color:var(--ag-text)}
#artgraph-site .ag-message{font-size:27px;font-weight:500;line-height:1.55;letter-spacing:-1px;margin-top:21px;word-break:keep-all}
#artgraph-site .ag-explore{display:inline-flex;align-items:center;align-self:start;gap:18px;min-height:44px;font-size:12px;font-weight:600;margin-top:22px}
#artgraph-site .ag-explore-symbol{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff65;display:grid;place-items:center;font-size:19px;transition:background .2s}
#artgraph-site .ag-explore:hover .ag-explore-symbol{background:#ffffff24}
#artgraph-site .ag-feature-bottom{margin-top:auto;padding-top:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
#artgraph-site .ag-feature-label{font-size:11px;letter-spacing:1.5px;color:var(--ag-accent);margin-bottom:8px}
#artgraph-site .ag-feature-title{font-size:22px;line-height:1.35;letter-spacing:-.7px;font-weight:700}
#artgraph-site .ag-feature-description{font-size:12px;line-height:1.6;color:#c2c8ca;margin-top:5px}
#artgraph-site .ag-slider-controls{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
#artgraph-site .ag-selectors{display:flex;gap:10px}
#artgraph-site .ag-selector{position:relative;display:flex;align-items:center;gap:10px;min-width:150px;min-height:62px;border:0;background:#0c141ac7;padding:10px 12px;text-align:left;overflow:hidden}
#artgraph-site .ag-selector:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff32}
#artgraph-site .ag-selector[aria-pressed=true]{background:#2a343bcc}
#artgraph-site .ag-selector:hover{background:#3a454de0}
#artgraph-site .ag-selector img{width:40px;height:40px;object-fit:cover;border-radius:8px;display:block}
#artgraph-site .ag-selector strong{font-size:12px;white-space:nowrap;font-weight:500}
#artgraph-site .ag-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--ag-accent);transform:scaleX(0);transform-origin:left;z-index:1}
#artgraph-site .ag-playback{display:flex;align-items:center;gap:4px}
#artgraph-site .ag-control{border:1px solid #ffffff25;background:#0b111a75;width:38px;height:34px;display:grid;place-items:center;font-size:18px;line-height:1}
#artgraph-site .ag-control:hover{border-color:var(--ag-accent);background:#ffffff12}
#artgraph-site .ag-pause{font-size:11px;width:74px;letter-spacing:.5px}
#artgraph-site .ag-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#artgraph-site .ag-light{background:var(--ag-paper);color:var(--ag-ink)}
#artgraph-site .ag-about{padding:66px 56px 60px}
#artgraph-site .ag-heading{text-align:center;font-size:36px;font-weight:700;letter-spacing:-1.2px;line-height:1.3}
#artgraph-site .ag-kicker{text-align:center;font-size:11px;font-weight:600;letter-spacing:1.6px;color:#8c5943;margin-bottom:9px}
#artgraph-site .ag-about-content{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px;align-items:center;margin-top:39px}
#artgraph-site .ag-company-mark{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #d9dcd8}
#artgraph-site .ag-company-mark strong{font-size:63px;letter-spacing:-5px;line-height:.9;font-weight:800}
#artgraph-site .ag-company-mark strong span{color:#c27f60}
#artgraph-site .ag-company-mark small{font-size:10px;font-weight:600;letter-spacing:2px;margin-top:22px;color:#65716f}
#artgraph-site .ag-about-copy h3{font-size:25px;line-height:1.55;letter-spacing:-.7px;font-weight:600;word-break:keep-all;margin-bottom:18px}
#artgraph-site .ag-about-copy p{font-size:14px;line-height:1.95;word-break:keep-all;color:#566261;margin-top:10px;max-width:610px}
#artgraph-site .ag-news{padding:45px 56px 49px;border-block:1px solid #e2e4df;background:#f1f2ee}
#artgraph-site .ag-section-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:23px}
#artgraph-site .ag-section-top h2{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:700}
#artgraph-site .ag-section-top span{font-size:11px;color:#67716e;letter-spacing:1px}
#artgraph-site .ag-news-story{display:grid;grid-template-columns:104px 1fr 44px;align-items:center;gap:25px;padding-top:22px;border-top:1px solid #c8ceca}
#artgraph-site .ag-news-image{width:104px;height:104px;object-fit:cover;border-radius:19px}
#artgraph-site .ag-news-story small{display:block;color:#8c5943;font-size:11px;letter-spacing:1px;margin-bottom:8px;font-weight:600}
#artgraph-site .ag-news-story h3{font-size:20px;line-height:1.45;font-weight:600;letter-spacing:-.5px;word-break:keep-all}
#artgraph-site .ag-news-story p{font-size:12px;line-height:1.6;margin-top:7px;color:#64716c}
#artgraph-site .ag-news-arrow{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #bfc8c1;font-size:21px;transition:background .2s,transform .2s}
#artgraph-site .ag-news-story:hover .ag-news-arrow{background:#e1bca6;transform:rotate(45deg)}
#artgraph-site .ag-games{padding:54px 56px 66px}
#artgraph-site .ag-games .ag-heading{margin-bottom:10px}
#artgraph-site .ag-games-description{text-align:center;color:#66716f;font-size:13px;line-height:1.7;margin-bottom:31px}
#artgraph-site .ag-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,var(--ag-tile)));justify-content:center;gap:23px}
#artgraph-site .ag-game-tile{position:relative;aspect-ratio:1;border-radius:var(--ag-radius);overflow:hidden;isolation:isolate;background:#d5d8d8;box-shadow:0 5px 13px #0a16260a}
#artgraph-site .ag-icon-button{border:0;padding:0;display:block;width:100%;height:100%;background:transparent}
#artgraph-site .ag-icon-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .38s cubic-bezier(.2,.7,.2,1)}
#artgraph-site .ag-game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:16px;background:#0b162aca;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .23s;color:white}
#artgraph-site .ag-game-overlay h3{font-size:18px;font-weight:700;letter-spacing:-.5px;line-height:1.4;transform:translateY(7px);transition:transform .23s;word-break:keep-all}
#artgraph-site .ag-game-tile:hover .ag-game-overlay,#artgraph-site .ag-game-tile:focus-within .ag-game-overlay,#artgraph-site .ag-game-tile.is-open .ag-game-overlay{opacity:1}
#artgraph-site .ag-game-tile:hover .ag-icon-button img,#artgraph-site .ag-game-tile:focus-within .ag-icon-button img,#artgraph-site .ag-game-tile.is-open .ag-icon-button img{transform:scale(1.055)}
#artgraph-site .ag-game-tile:hover h3,#artgraph-site .ag-game-tile:focus-within h3,#artgraph-site .ag-game-tile.is-open h3{transform:translateY(0)}
#artgraph-site .ag-markets{display:flex;justify-content:center;gap:10px}
#artgraph-site .ag-store{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#111827;pointer-events:auto;transition:transform .2s,background .2s}
#artgraph-site .ag-store:hover{transform:translateY(-3px);background:#f3e7d7}
#artgraph-site .ag-store img{width:23px;height:23px;display:block}
#artgraph-site .ag-archive{font-size:11px;letter-spacing:1.4px;color:#d9dddd}
#artgraph-site .ag-footer{padding:39px 56px 25px;background:#11191e;color:#dbe0df}
#artgraph-site .ag-footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
#artgraph-site .ag-footer .ag-wordmark{font-size:33px;margin-bottom:15px}
#artgraph-site .ag-footer p{font-size:12px;line-height:1.9;color:#9fabaf}
#artgraph-site .ag-footer-mail small{display:block;font-size:11px;letter-spacing:1px;color:var(--ag-accent);margin-bottom:8px}
#artgraph-site .ag-footer-mail a{display:inline-flex;gap:19px;align-items:center;min-height:44px;font-size:20px;letter-spacing:-.6px}
#artgraph-site .ag-footer-bottom{border-top:1px solid #ffffff1c;margin-top:29px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#95a0a4}
#artgraph-site .ag-footer-bottom nav{display:flex;gap:20px}
#artgraph-site .ag-footer-bottom a:hover{color:white}
@container(max-width:850px){#artgraph-site .ag-feature-bottom{gap:14px}#artgraph-site .ag-selector{min-width:128px;padding:9px;gap:8px}#artgraph-site .ag-selector strong{font-size:11px}#artgraph-site .ag-feature-title{font-size:19px}#artgraph-site .ag-feature-description{font-size:11px}#artgraph-site .ag-about-content{gap:34px}#artgraph-site .ag-about,#artgraph-site .ag-news,#artgraph-site .ag-games,#artgraph-site .ag-footer{padding-left:32px;padding-right:32px}}
@container(max-width:600px){#artgraph-site .ag-nav{padding:16px 21px;gap:13px}#artgraph-site .ag-wordmark{font-size:25px}#artgraph-site .ag-links{gap:16px;font-size:11px}#artgraph-site .ag-links a:nth-child(2),#artgraph-site .ag-links a:nth-child(4){display:none}#artgraph-site .ag-hero{height:655px}#artgraph-site .ag-art{left:0}#artgraph-site .ag-scene img{object-position:53% 27%}#artgraph-site .ag-hero-content{padding:26px 22px 21px}#artgraph-site .ag-topline{font-size:10px;letter-spacing:.7px}#artgraph-site .ag-topline span:last-child{display:none}#artgraph-site h1{font-size:14.2cqw;margin:37px 0 0 -3px}#artgraph-site .ag-message{font-size:23px;margin-top:23px}#artgraph-site .ag-shade{background:linear-gradient(90deg,#0c1216cc,#0c121640),linear-gradient(0deg,#0c1216 4%,#0c1216aa 34%,transparent 85%)}#artgraph-site .ag-feature-bottom{display:block;padding-top:26px}#artgraph-site .ag-feature-title{font-size:20px}#artgraph-site .ag-feature-description{font-size:11px}#artgraph-site .ag-slider-controls{margin-top:18px;gap:9px}#artgraph-site .ag-selectors{width:100%;gap:9px}#artgraph-site .ag-selector{flex:1;min-width:0;padding:9px 8px;gap:8px;min-height:60px}#artgraph-site .ag-selector img{width:35px;height:35px}#artgraph-site .ag-control{height:44px;width:44px}#artgraph-site .ag-pause{width:74px}#artgraph-site .ag-about{padding:46px 23px 38px}#artgraph-site .ag-heading{font-size:29px}#artgraph-site .ag-about-content{grid-template-columns:1fr;gap:27px;margin-top:27px}#artgraph-site .ag-company-mark{min-height:146px;border-right:0;border-bottom:1px solid #d9dcd8;padding-bottom:26px}#artgraph-site .ag-company-mark strong{font-size:56px;letter-spacing:-4px}#artgraph-site .ag-company-mark small{font-size:10px;margin-top:15px}#artgraph-site .ag-about-copy h3{font-size:22px}#artgraph-site .ag-about-copy p{font-size:13px}#artgraph-site .ag-news{padding:35px 23px}#artgraph-site .ag-section-top h2{font-size:28px}#artgraph-site .ag-section-top span{font-size:10px}#artgraph-site .ag-news-story{grid-template-columns:65px 1fr;gap:15px}#artgraph-site .ag-news-image{height:65px;width:65px;border-radius:14px}#artgraph-site .ag-news-story h3{font-size:17px}#artgraph-site .ag-news-story p{font-size:11px}#artgraph-site .ag-news-arrow{display:none}#artgraph-site .ag-games{padding:43px 23px 47px}#artgraph-site .ag-games-description{font-size:12px}#artgraph-site .ag-game-grid{gap:17px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;margin:auto}#artgraph-site .ag-game-overlay{gap:10px;padding:12px}#artgraph-site .ag-game-overlay h3{font-size:16px}#artgraph-site .ag-footer{padding:32px 23px 23px}#artgraph-site .ag-footer-top{flex-direction:column;gap:26px}#artgraph-site .ag-footer-mail a{font-size:21px}#artgraph-site .ag-footer-bottom{flex-direction:column;gap:16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#artgraph-site *,#artgraph-site *:before,#artgraph-site *:after{transition:none!important;scroll-behavior:auto!important}}

/* Website behavior and progressive enhancement. */
html{scroll-behavior:smooth;background:#0c1115}
body{margin:0}
#artgraph-site{font-size:16px;line-height:1.6;overflow:clip}
#artgraph-site [hidden]{display:none!important}
#artgraph-site .ag-js-only{display:none}
#artgraph-site.is-enhanced .ag-js-only{display:flex}
#artgraph-site .ag-skip{position:absolute;top:8px;left:12px;z-index:20;padding:12px 20px;background:#f4f1e9;color:#0c1115;transform:translateY(-160%);font-size:14px;font-weight:600}
#artgraph-site .ag-skip:focus{transform:translateY(0)}
#artgraph-site a:focus-visible,#artgraph-site button:focus-visible{outline:3px solid #eda17b;outline-offset:4px}
#artgraph-site .ag-game-tile:focus-within{outline:3px solid #a56342;outline-offset:5px}
#artgraph-site section[id],#artgraph-site footer[id]{scroll-margin-top:20px}
#artgraph-site .ag-nav{padding-inline:max(38px,calc((100% - 1364px)/2))}
#artgraph-site .ag-hero-content{max-width:1440px;margin-inline:auto}
#artgraph-site .ag-about{max-width:1280px;margin-inline:auto}
#artgraph-site .ag-news,#artgraph-site .ag-games,#artgraph-site .ag-footer{padding-inline:max(56px,calc((100% - 1120px)/2))}
#artgraph-site .ag-scene img{object-position:var(--scene-position,54% 31%)}
#artgraph-site .ag-selector strong{white-space:normal;line-height:1.4}
#artgraph-site .ag-selectors{max-width:500px;flex-wrap:wrap;justify-content:flex-end}
#artgraph-site .ag-news-story+.ag-news-story{margin-top:24px}
#artgraph-site .ag-icon-button:disabled{opacity:1;cursor:default}
#artgraph-site .ag-game-tile .ag-game-overlay{opacity:1;visibility:visible;pointer-events:none}
#artgraph-site.is-enhanced .ag-game-tile .ag-game-overlay{opacity:0;visibility:hidden;pointer-events:none}
#artgraph-site.is-enhanced .ag-game-tile.is-open .ag-game-overlay{opacity:1;visibility:visible}
#artgraph-site .ag-game-tile.is-open .ag-store{pointer-events:auto}
#artgraph-site .ag-store-text{font-size:11px;font-weight:700;line-height:1.05}
#artgraph-site .ag-footer-mail .ag-support-link{font-size:12px;letter-spacing:0;color:#b8c2c5;display:flex;min-height:36px;text-decoration:underline;text-underline-offset:4px}
#artgraph-site .ag-footer-bottom nav{flex-wrap:wrap;align-items:center;gap:10px 20px}
#artgraph-site .ag-footer-bottom nav a{padding-block:8px}
#artgraph-site .ag-simple{background:var(--ag-paper);color:var(--ag-ink);padding:80px 24px 100px;min-height:65vh}
#artgraph-site .ag-simple-inner{max-width:760px;margin-inline:auto}
#artgraph-site .ag-simple .ag-kicker{text-align:left}
#artgraph-site .ag-simple h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;line-height:1.25;color:var(--ag-ink);margin:0 0 22px;font-weight:700}
#artgraph-site .ag-simple h2{font-size:22px;letter-spacing:-.5px;line-height:1.4;margin-top:35px;margin-bottom:10px}
#artgraph-site .ag-simple p{font-size:15px;line-height:1.9;word-break:keep-all;margin-bottom:12px;color:#566261}
#artgraph-site .ag-simple a{text-decoration:underline;text-underline-offset:4px}
#artgraph-site .ag-simple .ag-email{display:inline-block;font-size:clamp(22px,4vw,34px);font-weight:600;color:#19262c;margin:10px 0 24px;letter-spacing:-.8px}
#artgraph-site .ag-simple hr{border:0;border-top:1px solid #d9dfda;margin:32px 0}
#artgraph-site .ag-simple .ag-return{display:inline-flex;align-items:center;gap:26px;background:#172229;color:#f6f2e9;padding:13px 22px;margin-top:22px;text-decoration:none;border-radius:4px}
@container(max-width:850px){#artgraph-site .ag-about,#artgraph-site .ag-news,#artgraph-site .ag-games,#artgraph-site .ag-footer{padding-inline:32px}}
@container(max-width:600px){#artgraph-site .ag-nav{padding:16px 21px}#artgraph-site .ag-about,#artgraph-site .ag-news,#artgraph-site .ag-games,#artgraph-site .ag-footer{padding-inline:23px}#artgraph-site .ag-scene img{position:absolute;height:calc(100% + var(--scene-mobile-crop,0px));top:calc(-1 * var(--scene-mobile-crop,0px));object-position:var(--scene-mobile-position,53% 27%)}#artgraph-site .ag-feature-title{font-size:20px}#artgraph-site .ag-selectors{max-width:none}#artgraph-site .ag-simple{padding:48px 23px 65px}#artgraph-site .ag-simple h1{letter-spacing:-1px}#artgraph-site .ag-footer-bottom nav a{min-height:44px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}