@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#162a4d;--ink:#17243c;--red:#c9364c;--blue:#3a6eae;--paper:#faf7f0;--line:#d7d3cb;--yellow:#f6d580;--shadow:0 16px 34px rgba(28,42,67,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#e9e7e3;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;word-break:keep-all}body.locked,body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}
.entry{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0b1020;transition:opacity .6s,visibility .6s}.entry.dismiss{opacity:0;visibility:hidden}.entry__scene{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(#090d1a55,#070b15aa),url('assets/intro-computer.webp') center/cover}.entry__screen{margin:0 auto;text-align:center;width:min(550px,90vw);padding:26px 18px 22px;color:white;background:rgba(8,19,43,.54);border:1px solid #ffffff57;box-shadow:0 0 65px #58a7ff77,inset 0 0 50px #3d67a24d;backdrop-filter:blur(4px);transform:perspective(800px) rotateX(2deg)}.entry__eyebrow{font-size:10px;letter-spacing:.28em;font-weight:900}.entry__logo{width:min(400px,80%);max-height:250px;object-fit:contain;margin:4px auto -10px;filter:drop-shadow(0 8px 12px #0008)}.entry__screen p{font-weight:700;font-size:clamp(16px,2.5vw,23px);text-shadow:0 2px 12px #07192a}.entry__button{display:flex;justify-content:space-between;align-items:center;width:min(295px,100%);margin:22px auto 13px;padding:16px 19px;background:#fff;color:var(--navy);border:0;font-weight:900;box-shadow:5px 5px 0 var(--red)}.entry__button:hover{transform:translateY(-2px)}.entry__screen small{display:block;color:#e9effb;font-size:11px}
.site-header{height:66px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3.5vw,58px);background:#fbfaf6f2;border-bottom:1px solid #14244422;backdrop-filter:blur(16px);gap:18px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;color:var(--navy);font-size:12px;letter-spacing:.09em;font-weight:900}.brand b{color:var(--red)}.brand__crest{width:33px;height:39px;display:grid;place-items:center;background:var(--navy);color:#f9db80;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);font:900 24px Georgia}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,31px);font-size:12px;font-weight:800}.site-header nav a:hover{color:var(--red)}.music{white-space:nowrap;background:var(--navy);color:#fff;border:0;border-radius:30px;padding:10px 13px;font-size:12px;font-weight:800}
.hero{position:relative;min-height:610px;display:grid;grid-template-columns:46% 54%;background:var(--paper);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:radial-gradient(#172b4826 .6px,transparent .6px);background-size:5px 5px}.hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:72px 2vw 73px max(5vw,calc((100vw - 1390px)/2));background:linear-gradient(90deg,#faf7f0 65%,#faf7f0e0 87%,transparent)}.eyebrow,.section-no{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--red)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:4px}.hero__logo{width:min(490px,96%);height:260px;object-fit:contain;object-position:left center;margin:4px 0 -17px;filter:drop-shadow(0 12px 5px #28354c20)}.hero h1{font-size:clamp(27px,3vw,45px);line-height:1.28;letter-spacing:-.06em;margin:0 0 19px}.hero p{font-size:14px;line-height:1.9;margin:0;color:#4c586b}.hero__link{display:inline-flex;gap:40px;align-items:center;background:var(--navy);color:white;padding:15px 18px;margin-top:25px;font-size:13px;font-weight:900;box-shadow:5px 5px 0 var(--red)}.hero__link span{font-size:19px}.hero__scribble{font-family:Georgia,serif;font-style:italic;color:#bd425b;transform:rotate(-5deg);margin:38px 0 0 19px;font-size:14px}.hero__mosaic{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:9px;padding:35px 45px 35px 15px;background:linear-gradient(135deg,#c5d2e4,#8fa7ca 55%,#c5d2e4)}.hero__mosaic img{width:100%;height:100%;max-height:263px;object-fit:cover;object-position:center;filter:saturate(.98);border:7px solid white;box-shadow:var(--shadow);transform:rotate(var(--rot));--rot:-2deg}.hero__mosaic img:nth-child(2),.hero__mosaic img:nth-child(5){--rot:2deg}.hero__mosaic img:nth-child(3){--rot:-1deg}.hero__mosaic img:nth-child(4){--rot:1deg}.hero__tape{position:absolute;width:100px;height:26px;background:#fff7cfb5;top:26px;left:33%;transform:rotate(-12deg)}.hero__tape--two{top:auto;left:auto;right:17%;bottom:21px;transform:rotate(13deg)}.hero__sticker{position:absolute;right:7px;bottom:43%;background:#fbd879;color:#102448;border:2px dashed #102448;border-radius:50%;font-size:10px;font-weight:900;line-height:1.3;text-align:center;padding:16px;transform:rotate(12deg)}.ticker{overflow:hidden;white-space:nowrap;background:var(--navy);color:#fff;padding:13px 0;font-size:13px;font-weight:900;letter-spacing:.22em;text-align:center}.ticker span{display:inline-block}
.paper-section,.campus-section,.route-section,.commands-section{padding:100px max(4vw,calc((100vw - 1360px)/2));scroll-margin-top:66px}.paper-section{background:var(--paper);background-image:radial-gradient(#24385b13 .7px,transparent .7px);background-size:6px 6px}.section-heading{margin-bottom:38px}.section-heading h2{position:relative;display:table;font-size:clamp(29px,3.4vw,47px);letter-spacing:-.06em;line-height:1.25;margin:11px 0 15px;z-index:0}.underline{position:absolute;z-index:-1;left:1%;right:0;bottom:1px;height:13px;background:#edcc6f99;transform:rotate(-1deg)}.section-heading p{font-size:14px;color:#687180;margin:0}.cast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cast-card{display:grid;grid-template-columns:43% 57%;background:#fff;border:1px solid #e1dfd9;min-height:430px;box-shadow:7px 7px 0 #b8c8d76e}.cast-card__image{position:relative;display:block;padding:0;border:0;overflow:hidden;background:#dde8ee}.cast-card__image img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}.cast-card__image:hover img,.support-card button:hover img{transform:scale(1.05)}.cast-card__image img,.support-card img{transition:transform .35s}.image-corner{position:absolute;bottom:12px;left:12px;background:#fff;color:var(--navy);padding:9px 12px;font-size:11px;font-weight:900;box-shadow:3px 3px 0 var(--red)}.cast-card__info{min-width:0;padding:22px 22px 16px}.cast-card__header{display:flex;align-items:center;justify-content:space-between;gap:7px}.cast-card__number{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--red)}.stamp{border:1px solid #152c4d;color:var(--navy);padding:4px 7px;transform:rotate(5deg);white-space:nowrap;font-size:10px;font-weight:900}.cast-card h3{font-size:clamp(24px,2.1vw,34px);letter-spacing:-.06em;line-height:1.1;margin:21px 0 13px}.cast-card h3 small,.support-card h3 small{display:block;font-size:11px;font-weight:900;letter-spacing:.18em;margin-top:7px;color:#7b889c}.cast-card__line{font-size:12px;line-height:1.6;color:#455266;margin:0 0 16px;border-bottom:2px solid #e5e5e1;padding-bottom:13px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px;margin:0}.fact{min-width:0}.fact dt{font-size:10px;font-weight:900;color:#8a6370;margin-bottom:2px}.fact dd{font-size:11px;line-height:1.45;font-weight:750;margin:0}.tmi{display:grid;grid-template-columns:auto 1fr;gap:9px;border-top:1px dashed #cad0d6;margin-top:14px;padding-top:11px;line-height:1.55;font-size:10px}.tmi strong{display:inline-grid;place-items:center;align-self:start;background:#f8df8c;padding:3px 6px;transform:rotate(-5deg);font-size:9px}.tmi span{color:#465365}.side-heading{border-top:2px solid var(--navy);margin:80px 0 23px;padding-top:20px}.side-heading h3{font-size:26px;margin:8px 0}.side-heading p{margin:0;color:#697584;font-size:13px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.support-card{display:grid;grid-template-columns:38% 62%;background:#fff;border:1px solid #e3dfda;min-height:235px}.support-card button{padding:0;border:0;position:relative;overflow:hidden;background:#e2e4ec}.support-card img{height:100%;width:100%;object-fit:cover}.support-card button span{position:absolute;bottom:8px;left:8px;background:white;padding:7px;font-size:10px;font-weight:900}.support-card>div{padding:21px}.support-card .section-no{font-size:9px}.support-card h3{font-size:24px;letter-spacing:-.05em;margin:10px 0}.support-card p{font-size:12px;line-height:1.6;color:#506075;margin:0 0 12px}.support-card dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0}.support-card .fact dt{font-size:9px}.support-card .fact dd{font-size:11px}
.campus-section{background:#dbe5ed}.map-frame{background:#fff;padding:12px;box-shadow:var(--shadow);border:1px solid #a9bdce;overflow-x:auto}.map-canvas{position:relative;width:100%;min-width:850px}.map-canvas>img{width:100%;height:auto}.map-pin{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;padding:0;border:2px solid white;border-radius:50%;background:#ba334b;color:#fff;font-size:19px;line-height:17px;font-weight:900;box-shadow:0 2px 7px #101d38aa;transition:transform .15s,background .15s;z-index:1}.map-pin:hover,.map-pin:focus-visible,.map-pin.selected{transform:translate(-50%,-50%) scale(1.25);background:#182d50;z-index:2}.map-description{display:grid;grid-template-columns:150px 170px 1fr;align-items:center;gap:20px;background:#fff;padding:18px 25px;margin-top:16px;border-left:7px solid var(--red);box-shadow:var(--shadow);min-height:105px}.map-description__label{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--red)}.map-description h3{font-size:22px;margin:0}.map-description p{font-size:13px;line-height:1.7;margin:0}.place-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:27px}.place-notes>div{background:#f9f8f5;padding:16px;border-top:3px solid #2c5689;box-shadow:3px 3px 0 #7d9db436}.place-notes b{font-size:12px}.place-notes p{font-size:11px;line-height:1.65;color:#536278;margin:8px 0 0}.dorm-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px;border:2px dashed #809bb7;padding:16px;background:#fff9}.dorm-strip__title{font:900 13px 'DM Sans',sans-serif;letter-spacing:.12em;color:var(--red)}.dorm-strip>span:not(:first-child){background:white;padding:8px 11px;font-size:12px}.dorm-strip b{margin-right:6px}.dorm-strip p{flex-basis:100%;font-size:11px;color:#627083;margin:0}
.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calendar-grid article{display:grid;grid-template-columns:52px 1fr;gap:14px;background:#fff;border:1px solid #deddd6;padding:17px;min-height:126px;box-shadow:3px 3px 0 #d9dce0}.month{font-size:35px;font-weight:900;line-height:1;color:var(--red)}.month small{display:block;font-size:8px;letter-spacing:.17em;color:var(--navy);margin-top:4px}.calendar-grid h3{font-size:14px;margin:0 0 7px}.calendar-grid p{font-size:11px;line-height:1.65;color:#536174;margin:0}.calendar-note{font-size:12px;color:#617084;margin:20px 0 0}.route-section{background:#f0dfe0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.route-card{position:relative;background:#fffdfa;padding:27px 25px 25px;min-height:310px;box-shadow:7px 7px 0 #ad818c66;transform:rotate(-1deg)}.route-card:nth-child(2){transform:rotate(1deg)}.route-card:nth-child(3){transform:rotate(-.5deg)}.route-card:before{content:'';position:absolute;top:-10px;left:38%;width:70px;height:21px;background:#f4da9baa;transform:rotate(4deg)}.route-card__num{font-size:46px;font-weight:900;line-height:1;color:#d9aeb9}.route-card__top{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--red);margin-top:16px}.route-card h3{font-size:23px;margin:8px 0 11px}.route-card p{font-size:13px;line-height:1.75;color:#516077;margin:0 0 30px}.route-card__tag{position:absolute;bottom:22px;left:25px;font-size:11px;font-weight:900;background:#eaf0f7;padding:6px 9px}
.commands-section{background:#e2e8ef}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.command-grid>div{display:flex;align-items:center;gap:16px;background:#fff;padding:13px 16px;font-size:12px}.command-grid code{color:var(--red);font:900 12px 'Noto Sans KR',sans-serif;white-space:nowrap;min-width:105px}.command-note{font-size:12px;line-height:1.7;color:#485e75;margin:16px 0 80px}.command-note code{font-weight:900;color:var(--navy)}.end-card{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:48px 25px;text-align:center;box-shadow:10px 10px 0 #bb4457}.end-card:before,.end-card:after{content:'★';position:absolute;color:#ffffff1d;font-size:210px;top:-75px;left:-12px;transform:rotate(-15deg)}.end-card:after{left:auto;right:-12px;top:0;font-size:160px}.end-card>span{position:relative;font-size:11px;letter-spacing:.2em;font-weight:900;color:#e9d681}.end-card h2{position:relative;font-size:clamp(28px,4vw,50px);letter-spacing:-.06em;margin:15px 0 25px}.end-card a{position:relative;display:inline-flex;align-items:center;gap:40px;background:#fff;color:var(--navy);padding:15px 20px;font-size:14px;font-weight:900;box-shadow:5px 5px 0 var(--red)}.end-card a[aria-disabled=true]{cursor:default}.end-card a span{font-size:20px}
.gallery,.zoom{position:fixed;inset:0;z-index:60}.gallery__backdrop{position:absolute;inset:0;background:#10192ddd;backdrop-filter:blur(4px)}.gallery__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(900px,94vw);max-height:92vh;overflow:auto;background:var(--paper);padding:25px;box-shadow:var(--shadow)}.gallery__close{position:absolute;right:18px;top:15px;border:0;background:var(--navy);color:#fff;width:36px;height:36px}.gallery__eyebrow{display:block;font-size:13px;letter-spacing:.08em;font-weight:900;margin:0 45px 17px 0}.gallery__images{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gallery__photo{background:white;border:1px solid var(--line);padding:8px;min-width:0}.gallery__photo img{height:min(58vh,530px);width:100%;object-fit:contain}.gallery__photo span{display:block;text-align:center;padding:8px;font-size:12px;font-weight:900}.gallery__panel p{text-align:center;font-size:11px;color:#59687b;margin:15px 0 0}.zoom{z-index:70;display:grid;place-items:center;background:#0c1325ee;padding:32px 10px}.zoom img{max-width:min(96vw,1400px);max-height:95vh;object-fit:contain}.zoom button{position:absolute;top:13px;right:15px;border:0;border-radius:50%;background:white;color:#122444;font-size:19px;width:40px;height:40px}
@media(max-width:1100px){.site-header nav{gap:12px}.hero{grid-template-columns:43% 57%}.hero__mosaic{padding:40px 22px 40px 10px}.cast-card{grid-template-columns:40% 60%}.cast-card__info{padding:16px}.facts{gap:7px 6px}.map-description{grid-template-columns:120px 130px 1fr}}
@media(max-width:850px){.site-header{height:60px;padding:0 16px}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero__copy{padding:50px 6vw 35px}.hero__mosaic{height:460px;padding:20px 7vw}.hero__mosaic img{max-height:200px}.hero__logo{height:180px}.cast-grid{grid-template-columns:1fr}.cast-card{min-height:365px;grid-template-columns:43% 57%}.cast-card__image img{min-height:365px}.place-notes{grid-template-columns:1fr 1fr}.calendar-grid{grid-template-columns:1fr 1fr}.route-grid{grid-template-columns:1fr}.route-card{min-height:260px}.map-description{grid-template-columns:1fr;gap:7px}.paper-section,.campus-section,.route-section,.commands-section{padding:70px 5vw}}
@media(max-width:560px){.brand{font-size:10px}.brand__crest{width:25px;height:30px;font-size:18px}.music{padding:9px;font-size:11px}.entry__screen{width:90vw}.entry__logo{max-height:170px}.hero__copy{padding-top:42px}.hero__logo{height:155px}.hero__mosaic{height:360px;gap:5px}.hero__mosaic img{border-width:4px;max-height:155px}.hero__sticker{font-size:8px;padding:10px}.hero__scribble{margin-top:23px}.cast-card{display:block}.cast-card__image{height:240px}.cast-card__image img{height:240px;min-height:0;object-position:center 36%}.cast-card__info{padding:18px}.facts{grid-template-columns:1fr 1fr}.cast-card h3{margin:14px 0}.support-grid{grid-template-columns:1fr}.support-card{min-height:190px}.support-card>div{padding:14px}.support-card h3{font-size:20px}.place-notes{grid-template-columns:1fr 1fr}.calendar-grid{grid-template-columns:1fr}.command-grid{grid-template-columns:1fr}.gallery__panel{padding:16px}.gallery__images{gap:5px}.gallery__photo{padding:3px}.gallery__photo img{height:55vh}.map-frame{margin-right:-5vw}.map-canvas{min-width:850px}}