.nav-community{display:inline-flex}
@media(max-width:700px){header nav .nav-community{display:none}}

.hero{gap:7%;padding:66px 0 85px;min-height:600px}
.hero-content{width:51%}
.hero h1{font-size:clamp(32px,3.6vw,50px);line-height:1.55;letter-spacing:-2.1px}
.hero p{font-size:15px;line-height:2.05;max-width:470px}
.hero-secondary{display:inline-flex;gap:17px;align-items:center;font-size:12px;font-weight:600;margin-left:23px;min-height:46px;color:#4c6985}
.hero-secondary:hover{color:#075bfb}
.hero-projects{width:42%;min-width:0;background:#fff;border:1px solid #d5e2f1;border-radius:18px;padding:18px;box-shadow:0 18px 60px #17487e0e;transform:rotate(1deg)}
.hero-projects-top{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 17px;color:#52718f;font-size:8px;letter-spacing:1.4px}
.hero-project-count{color:#8ba0b7}
.hero-project-feature{display:block;border-radius:10px;overflow:hidden;border:1px solid #d9e4ef}
.hero-project-feature>img{display:block;width:100%;height:auto;aspect-ratio:1024/500;object-fit:contain;background:#08231b}
.hero-project-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 16px;background:#f8fbff;gap:12px}
.hero-project-status{color:#237257;font-size:8px;letter-spacing:1px}
.hero-project-caption h2{font-size:17px;font-weight:600;letter-spacing:-.6px;margin:9px 0 0;line-height:1.5}
.hero-project-arrow{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:50%;background:#eaf2ff;color:#075bfb;font-size:16px;transition:background .2s}
.hero-project-feature:hover .hero-project-arrow,.hero-project-next:hover .hero-project-arrow{background:#d5e5ff}
.hero-project-next{display:flex;align-items:center;gap:14px;margin-top:13px;padding:14px 5px 14px 0;border-bottom:1px solid #e0e9f3}
.hero-dungeon-thumb{width:79px;height:76px;flex-shrink:0;display:flex;align-items:center;padding:5px;border-radius:9px;background:radial-gradient(ellipse,#365160,#0a1c2d)}
.hero-dungeon-thumb img{display:block;width:100%;height:auto}
.hero-project-next>div:nth-child(2){min-width:0;flex:1}
.hero-project-next>div>span{color:#68839e;font-size:8px;letter-spacing:1px}
.hero-project-next h2{font-size:16px;font-weight:600;letter-spacing:-.4px;line-height:1.5;margin:6px 0 3px}
.hero-project-next p{font-size:11px;line-height:1.6;margin:0;color:#68839e}
.hero-projects-bottom{display:flex;justify-content:space-between;gap:12px;padding:16px 2px 1px;color:#7b91a8;font-size:8px;line-height:1.7;letter-spacing:.5px}
@media(max-width:900px){.hero{gap:5%}.hero-content{width:51%}.hero-projects{width:44%;padding:14px}.hero h1{font-size:34px}.hero-secondary{margin:9px 0 0;display:flex;width:max-content}.hero-project-caption{padding:15px 12px}.hero-project-caption h2{font-size:14px}.hero-projects-bottom{flex-wrap:wrap;gap:4px}.hero-dungeon-thumb{width:65px;height:65px}.hero-project-next{gap:11px}}
@media(max-width:700px){.hero{padding:38px 0 28px;min-height:0}.hero-content{width:100%}.hero h1{font-size:clamp(29px,7.3vw,40px);line-height:1.5;letter-spacing:-1.6px;margin-top:22px}.hero p{font-size:15px}.hero-secondary{display:inline-flex;margin:15px 0 0 18px;font-size:11px}.hero-projects{width:100%;max-width:430px;margin:32px auto 0;transform:none;padding:16px;border-radius:15px}.hero-project-caption h2{font-size:17px}.hero-dungeon-thumb{width:75px;height:70px}.hero-projects-bottom{flex-wrap:nowrap;font-size:7px;gap:10px}.hero-bottom{margin-top:25px}.hero-project-next{padding-top:12px;padding-bottom:15px}.hero-projects-top{font-size:8px}}
@media(max-width:360px){.hero-secondary{display:flex;margin:7px 0 0}.hero-project-caption h2{font-size:15px}.hero-projects-bottom{flex-wrap:wrap}.hero-projects{padding:13px}}
.project-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.project-summary{background:#fff;border:1px solid #d4e1ef;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}
.project-summary:hover{box-shadow:0 12px 32px #1234530c}
.project-summary-art{display:block;position:relative;aspect-ratio:1024/500;overflow:hidden;background:#09252a}
.shift-summary-art img{width:100%;height:100%;object-fit:contain;display:block}
.summary-map{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:brightness(.65)}
.summary-dungeon-logo{position:absolute;inset:5% 14%;width:72%;height:90%;object-fit:contain}
.project-summary-body{padding:28px;flex:1;display:flex;flex-direction:column;align-items:start}
.project-summary-body h3{font-size:24px;line-height:1.5;letter-spacing:-1px;margin:18px 0 13px}
.project-summary-body p{font-size:15px;line-height:1.9;color:#586f86;margin:0 0 24px}
.project-detail-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #e0e8f2;padding:17px 0 0;color:#075bfb;font-size:13px;font-weight:600;min-height:45px}
@media(max-width:700px){.project-summary-grid{grid-template-columns:1fr;gap:22px}.project-summary-body{padding:24px}.project-summary-body h3{font-size:23px}.project-summary-body p{font-size:14px}}
.back-to-top{position:fixed;right:24px;bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#1361ed;color:#fff;box-shadow:0 6px 22px #124d982e;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s,background .2s;font-size:23px;line-height:1}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{background:#0a4ecc}
.back-to-top:focus-visible{outline:3px solid #1361ed;outline-offset:4px}
@media(max-width:700px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
.hero:before{content:none;display:none}

.about-company{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;padding:74px 0}.about-company-copy h2{font-size:32px;line-height:1.6;letter-spacing:-1.4px;margin:23px 0}.about-company-copy h2 em{font-style:normal;color:#1361ed}.about-company-copy>p{font-size:15px;line-height:2;color:#586f86;margin:0 0 15px;max-width:570px}.about-project-link{display:inline-flex;gap:28px;align-items:center;min-height:44px;margin-top:7px;font-size:13px;font-weight:600;color:#1361ed}.about-focus{border:1px solid #d4e1ef;background:#ffffffb3;border-radius:15px;padding:24px 27px}.about-focus-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid #e0e9f3;font-size:8px;letter-spacing:1.5px;color:#5f7d9d}.about-focus-top>span:last-child{font-size:20px;color:#1361ed}.about-focus-row{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #e0e9f3}.about-focus-number{font-size:10px;color:#1361ed;padding-top:5px}.about-focus-row h3{font-size:17px;line-height:1.6;font-weight:600;margin:0 0 5px;letter-spacing:-.4px}.about-focus-row p{font-size:12px;line-height:1.9;color:#657b91;margin:0}.about-focus-bottom{padding-top:18px;font-size:8px;letter-spacing:1.2px;color:#7890a8}@media(max-width:900px){.about-company{gap:5%}.about-company-copy h2{font-size:27px}.about-company-copy>p{font-size:14px}.about-focus{padding:22px}.about-focus-row{gap:13px}.about-focus-row p{font-size:11px}}@media(max-width:700px){.about-company{grid-template-columns:1fr;gap:28px;padding:54px 0}.about-company-copy h2{font-size:clamp(23px,5.8vw,29px);line-height:1.65;letter-spacing:-1px;margin:21px 0}.about-company-copy>p{font-size:14px;line-height:1.95}.about-focus{padding:22px 24px}.about-focus-row{padding:18px 0}.about-focus-row p{font-size:13px}.about-focus-row h3{font-size:17px}}

/* Bold studio statement */
.about-company{position:relative;gap:7%;padding:80px 0;grid-template-columns:1.2fr 1fr}.about-company-copy h2{font-size:clamp(34px,3.7vw,51px);line-height:1.42;letter-spacing:-2.4px;font-weight:800;margin:24px 0 27px}.about-company-copy h2 em{color:#1361ed}.about-company-copy>p{font-size:16px;line-height:1.95}.about-company-copy>p:last-of-type{font-size:13px;color:#74899f;margin-top:21px}.about-project-link{margin-top:11px;border-bottom:1px solid #b8cfed;gap:40px;padding:7px 0;font-size:13px}.about-focus{position:relative;background:#135ee4;color:#fff;border:0;border-radius:18px;padding:29px 30px;box-shadow:0 18px 42px #135ee41c;overflow:hidden}.about-focus:before{content:'+';position:absolute;right:-20px;top:-70px;font-size:240px;line-height:1;color:#ffffff09;pointer-events:none}.about-focus-top{position:relative;color:#d0e1ff;border-color:#ffffff30;font-size:9px;padding-bottom:23px}.about-focus-top>span:last-child{color:#b8d9ff;font-size:25px}.about-focus-row{position:relative;border-color:#ffffff30;padding:24px 0;gap:20px}.about-focus-number{color:#b6d2ff;font-size:11px}.about-focus-row h3{color:#fff;font-size:21px;font-weight:700;margin-bottom:7px}.about-focus-row p{color:#d3e3ff;font-size:13px;line-height:1.85}.about-focus-bottom{position:relative;color:#bcd5ff;font-size:8px;padding-top:22px;letter-spacing:1.4px}@media(max-width:900px){.about-company-copy h2{font-size:36px;letter-spacing:-1.7px}.about-company-copy>p{font-size:14px}.about-focus{padding:25px}.about-focus-row h3{font-size:19px}.about-focus-row p{font-size:12px}}@media(max-width:700px){.about-company{grid-template-columns:1fr;padding:58px 0;gap:29px}.about-company-copy h2{font-size:clamp(32px,8vw,43px);line-height:1.45;letter-spacing:-1.9px;margin:21px 0 23px}.about-company-copy>p{font-size:14px}.about-company-copy>p:last-of-type{font-size:12px;margin-top:17px}.about-focus{padding:25px;border-radius:14px}.about-focus-row{padding:21px 0}.about-focus-row h3{font-size:20px}.about-focus-row p{font-size:13px}}