.bento-section{scroll-margin-top:105px}
@media(max-width:767px){.project-bento .bento-hand{right:-25px;top:55%;transform:translateY(-20%) scale(.62)}.project-bento .bento-wb-copy .bento-bottom{flex-direction:column;align-items:flex-start;gap:8px}.project-bento .bento-ko-copy .bento-action{font-size:10px;gap:9px}.project-bento .bento-ko-copy .bento-action>span{width:24px;height:24px}}
.bento-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px;text-align:left}
.bento-heading h2{font-size:29px;letter-spacing:-.055em;line-height:1.2;font-weight:700;color:#192231;margin:0}
.bento-kicker{font-size:9px;letter-spacing:.18em;color:#9298a4;margin:0 0 9px}.bento-caption{font-size:11px;color:#8b919c;padding-bottom:4px}
.project-bento{display:grid;grid-template-columns:0.92fr 1.08fr;grid-template-rows:1fr 1fr;gap:20px;height:604px;text-align:left}
.bento-card{position:relative;overflow:hidden;min-width:0;border-radius:22px;isolation:isolate}
.bento-card a{position:relative;z-index:3}.bento-card a:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:3px}
.bento-celestian{grid-row:1/3;background:#11222a;color:#f2ecdc;box-shadow:0 16px 40px #15212b18}
.bento-world,.bento-map-shade{position:absolute;inset:0}.bento-world{z-index:-1}
.bento-map{height:100%;width:100%;object-fit:cover;object-position:47% center;transform:scale(1.04);transition:transform 1.1s cubic-bezier(.2,.65,.3,1);filter:saturate(.62)}
.bento-map-shade{background:linear-gradient(180deg,#11242a16 0%,#13232b08 30%,#13232b55 48%,#101e27e8 73%,#101d26 100%),linear-gradient(90deg,#11242a45,transparent 65%)}
.bento-ce-top{position:absolute;top:27px;left:30px;right:29px;display:flex;justify-content:space-between;align-items:center;color:#ecdfc1;font-size:10px;letter-spacing:.16em;text-shadow:0 1px 6px #12232a}.bento-ce-top img{opacity:.88}
.bento-ce-copy{position:absolute;bottom:31px;left:32px;right:32px}
.bento-ce-sub{font-size:11px;letter-spacing:.25em;color:#d5c6a6;margin:0 0 12px}
.bento-ce-copy h3{font:normal clamp(46px,5vw,66px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.055em;color:#f4edde;margin:0 0 18px}
.bento-ce-description{font-size:12px;line-height:1.85;letter-spacing:.035em;color:#bbc4c6;margin:0 0 26px}
.bento-bottom{display:flex;align-items:center;gap:24px}.bento-action{display:inline-flex;align-items:center;gap:32px;font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap}.bento-action>span{display:inline-grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;width:29px;height:29px;font-size:14px;transition:background .25s,transform .25s}.bento-action:hover>span{transform:translate(2px,-2px);background:#ffffff18}.bento-source{font-size:9px;color:#9da8aa}.bento-source:hover{color:#fff}
.map-route{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.map-route path{stroke:#f0ddac;stroke-width:1;fill:none;stroke-dasharray:450;stroke-dashoffset:450;opacity:0;transition:stroke-dashoffset 1.3s ease,opacity .4s}.map-route circle{fill:#f4e2b4;opacity:0;transition:opacity .6s;filter:drop-shadow(0 0 5px #e2ca80)}
.map-location{position:absolute;left:39%;top:34%;display:grid;grid-template-columns:8px auto;gap:6px 8px;align-items:center;color:#f5e4c1;font-size:10px;text-shadow:0 1px 5px #13262d;opacity:0;transform:translateY(5px);transition:opacity .6s,transform .6s}.map-location i{width:5px;height:5px;background:#f2dfaa;border-radius:50%;box-shadow:0 0 0 4px #f2dfaa25}.map-location small{grid-column:2;font-size:7px;letter-spacing:.15em}
.bento-komore{background:#f3f0f8;border:1px solid #e4deec;color:#352b44;box-shadow:0 12px 35px #51416b09}
.bento-ko-copy{position:relative;z-index:2;width:51%;padding:28px 0 27px 30px;display:flex;flex-direction:column;height:100%;background:linear-gradient(90deg,#f3f0f8 75%,#f3f0f800)}
.bento-ko-brand{display:flex;align-items:center;gap:7px;font-size:8px;color:#8b769f;letter-spacing:.04em;margin:0 0 21px;white-space:nowrap}.bento-ko-brand img{flex:none}
.bento-ko-copy h3{font:500 43px/1.05 'Poppins',sans-serif;letter-spacing:-.06em;margin:0 0 15px;color:#40344e}.bento-ko-copy h3>span{color:#aa90cc}
.bento-ko-copy>p:not(.bento-ko-brand){font-size:12px;line-height:1.9;color:#8a7f96;margin:0 0 17px}
.bento-ko-copy .bento-action{margin-top:auto;color:#735095;gap:25px}.bento-ko-copy .bento-action>span{border-color:#b7a2cb55}.bento-ko-copy .bento-action:hover>span{background:#e7def0}
.bento-campus{position:absolute;left:52%;right:0;top:0;bottom:0;perspective:1000px}
.campus-window{position:absolute;top:38px;left:0;width:345px;height:325px;border:1px solid #fff;border-radius:10px 0 0 0;overflow:hidden;background:#fff;box-shadow:0 15px 40px #64527822;transform:rotate(-3deg);transform-origin:top left;transition:transform .7s cubic-bezier(.2,.65,.3,1),box-shadow .7s}
.campus-toolbar{height:23px;background:#fff;display:flex;align-items:center;gap:4px;padding:0 11px;border-bottom:1px solid #eee9f3}.campus-toolbar>span{height:4px;width:4px;border-radius:50%;background:#d8d0e0}.campus-toolbar small{font:6px system-ui;letter-spacing:.04em;color:#b4aabd;margin-left:13px}
.campus-capture{height:300px;overflow:hidden;position:relative}.campus-capture img{position:absolute;width:430px;max-width:none;height:auto;left:-78px;top:-29px}
.campus-tab{position:absolute;bottom:24px;left:-10px;right:13px;padding:12px 13px;background:#fffffff2;border:1px solid #fff;border-radius:10px;box-shadow:0 8px 24px #5a3e7512;display:flex;gap:9px;align-items:center;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.campus-tab-icon{width:26px;height:29px;border-radius:6px;background:#eee7f6;color:#9c7dbd;display:grid;place-items:center}.campus-tab b{font-weight:500;font-size:10px;color:#756285;display:block;white-space:nowrap}.campus-tab small{font-size:7px;color:#a799b3;display:block;margin-top:4px;white-space:nowrap}
.bento-wordbattle{background:radial-gradient(ellipse at 90% 30%,#7261403b,transparent 70%),#20271f;color:#eee6d4;box-shadow:0 12px 35px #15231b12}
.bento-wordbattle:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20271f 28%,#20271f77),url('/games/wordbattle/gate-epic.png') center/cover;opacity:.38;z-index:-1}
.bento-wb-copy{position:relative;z-index:2;padding:28px 0 28px 30px;width:57%;height:100%;display:flex;flex-direction:column;align-items:flex-start}
.bento-wb-kicker{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:.07em;color:#b6b99e;margin:0 0 20px}.bento-wb-kicker i{width:4px;height:4px;background:#c9bb83;border-radius:50%}
.bento-wb-copy h3{font:normal clamp(31px,3.1vw,41px)/1.05 Georgia,serif;letter-spacing:-.055em;white-space:nowrap;margin:0 0 15px;color:#f0e7cc}.bento-wb-copy h3 span{font-style:italic;color:#d7ba80}
.bento-wb-copy>p:not(.bento-wb-kicker){font-size:12px;line-height:1.85;color:#b9baaa;margin:0 0 17px}.bento-wb-copy .bento-bottom{margin-top:auto;gap:15px}.bento-wb-copy .bento-action{color:#e4d2a4;gap:14px}.bento-wb-copy .bento-action>span{border-color:#cdb57855}.bento-wb-copy .bento-source{font-size:8px;color:#999e8d}
.bento-hand{position:absolute;right:6px;top:50%;width:250px;height:215px;transform:translateY(-41%);pointer-events:none}
.bento-letter{position:absolute;left:90px;top:12px;width:104px;height:149px;padding:11px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:5px 12px 20px #0005;background:linear-gradient(140deg,#eee0b8,#bea16b);border:1px solid #ecdcab;outline:1px solid #947e4b;outline-offset:-6px;color:#393a2a;transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.bento-letter small{font:8px Georgia,serif}.bento-letter b{font:normal 80px/.85 Georgia,serif;text-align:center}.bento-letter>span{font-size:6px;letter-spacing:.2em;text-align:center}.letter-c{transform:translate(-59px,15px) rotate(-18deg)}.letter-a{transform:translate(1px,-12px) rotate(-2deg);z-index:2}.letter-t{transform:translate(61px,20px) rotate(16deg);z-index:1}
@media(hover:hover) and (pointer:fine){.bento-celestian:hover .bento-map{transform:scale(1.065) translateX(-3px)}.bento-celestian:hover .map-route path{stroke-dashoffset:0;opacity:.55}.bento-celestian:hover .map-route circle{opacity:.8}.bento-celestian:hover .map-location{opacity:1;transform:none}.bento-komore:hover .campus-window{transform:rotate(-1deg) translateX(-5px);box-shadow:0 18px 45px #6452782e}.bento-komore:hover .campus-tab{transform:translateY(-4px)}.bento-wordbattle:hover .letter-c{transform:translate(-67px,13px) rotate(-22deg)}.bento-wordbattle:hover .letter-a{transform:translate(1px,-17px) rotate(-2deg)}.bento-wordbattle:hover .letter-t{transform:translate(69px,17px) rotate(21deg)}}
.bento-celestian:focus-within .map-route path{stroke-dashoffset:0;opacity:.55}.bento-celestian:focus-within .map-location{opacity:1;transform:none}
@media(min-width:768px) and (max-width:1000px){.project-bento{grid-template-columns:.9fr 1.1fr}.bento-ko-copy,.bento-wb-copy{padding-left:23px}.bento-wb-copy h3{font-size:33px}.bento-hand{right:-43px;transform:translateY(-36%) scale(.85)}.bento-wb-copy{width:62%}.bento-ko-brand{font-size:7px}.bento-ko-copy h3{font-size:36px}.bento-ko-copy>p:not(.bento-ko-brand){font-size:11px}.campus-tab{left:-4px;right:7px;padding:9px}.campus-tab b{font-size:8px}.campus-tab small{font-size:6px}.bento-ce-copy{left:27px;right:27px}.bento-caption{font-size:10px}}
@media(max-width:767px){.bento-heading{margin-bottom:21px}.bento-heading h2{font-size:27px}.bento-caption{display:none}.project-bento{grid-template-columns:1fr;grid-template-rows:490px 290px 280px;height:auto;gap:16px}.bento-celestian{grid-row:auto}.bento-ce-copy h3{font-size:54px}.bento-card{border-radius:19px}.bento-ce-copy{left:27px;right:27px;bottom:27px}.bento-ce-top{left:27px;right:27px}.bento-ko-copy,.bento-wb-copy{padding:25px 0 25px 26px}.bento-ko-copy h3{font-size:38px}.bento-ko-copy>p:not(.bento-ko-brand){font-size:11px}.bento-ko-brand{font-size:7px;margin-bottom:24px}.bento-hand{right:-24px;transform:translateY(-32%) scale(.82)}.bento-wb-copy{width:60%}.bento-wb-copy h3{font-size:34px}.bento-wb-copy .bento-bottom{gap:12px}.bento-wb-copy .bento-action{font-size:11px;gap:10px}.bento-wb-copy .bento-source{font-size:7px}.campus-tab{left:-7px;right:9px;padding:9px;gap:6px}.campus-tab b{font-size:8px}.campus-tab small{font-size:6px}.campus-tab-icon{width:20px;height:25px;flex:none}.bento-campus{left:53%}.bento-ko-copy .bento-action{font-size:11px;gap:18px}}
@media(max-width:380px){.bento-ce-copy{left:23px;right:23px}.bento-ko-copy,.bento-wb-copy{padding-left:22px}.bento-ko-copy h3{font-size:34px}.bento-wb-copy h3{font-size:31px}.bento-hand{right:-49px;transform:translateY(-28%) scale(.75)}.bento-wb-copy .bento-bottom{flex-wrap:wrap;gap:11px}.bento-ko-copy>p:not(.bento-ko-brand){font-size:10px}.campus-tab small{letter-spacing:-.02em}}
@media(prefers-reduced-motion:reduce){.bento-map,.map-route path,.map-route circle,.map-location,.campus-window,.campus-tab,.bento-letter,.bento-action>span{transition:none!important}.bento-celestian:hover .bento-map{transform:scale(1.04)}.bento-komore:hover .campus-window{transform:rotate(-3deg)}.bento-komore:hover .campus-tab{transform:none}.bento-wordbattle:hover .letter-c{transform:translate(-59px,15px) rotate(-18deg)}.bento-wordbattle:hover .letter-a{transform:translate(1px,-12px) rotate(-2deg)}.bento-wordbattle:hover .letter-t{transform:translate(61px,20px) rotate(16deg)}}