@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--bg:#fff;--surface:#ffffffeb;--surface-soft:#fafafa;--surface-warm:#fff7f2;--text:#111;--muted:#666;--line:#11111114;--line-strong:#11111124;--accent:#ff6b35;--accent-deep:#e35b28;--accent-soft:#ff6b351a;--shadow:0 24px 60px #11111114;--shadow-soft:0 16px 40px #1111110f;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#ff6b3514,#0000 28rem),radial-gradient(circle at 85% 5%,#ff6b350d,#0000 20rem),linear-gradient(#fffdfc 0%,#fff 35%,#fffaf7 100%);margin:0;font-family:Pretendard,sans-serif}body.menu-open,body.modal-open{overflow:hidden}img{max-width:100%;display:block}button,a,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}code{font-family:Space Grotesk,monospace}.container{width:min(calc(100% - 2rem), var(--max-width));margin:0 auto}.page-shell{min-height:calc(100vh - 180px);overflow:clip}.route-loading{place-items:center;min-height:60vh;display:grid}.hero-title,.section-heading h2,.page-intro-box h1,.archive-copy h3,.team-copy h3,.contact-copy h2,.recruit-copy h2,.hero-stage-copy h3,.home-summary-card h2,.crew-login-card h1,.work-detail-copy h2{font-family:Space Grotesk,Pretendard,sans-serif}.site-header{z-index:50;padding-top:.45rem;position:sticky;top:0}.site-header.is-scrolled{padding-top:.25rem}.nav-shell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #ffffffb8;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.48rem .8rem;display:flex;box-shadow:0 10px 30px #1111110d}.brand,.mobile-brand{align-items:center;display:inline-flex}.brand-logo{object-fit:contain;width:112px;height:auto}.brand-logo.mobile{width:122px}.desktop-nav,.admin-actions{align-items:center;gap:.4rem;display:flex}.nav-link,.mobile-nav-link{color:var(--muted);border-radius:999px;padding:.58rem .86rem;transition:background .2s,color .2s,transform .2s}.nav-link:hover,.mobile-nav-link:hover,.ghost-button:hover,.detail-button:hover{background:var(--accent-soft);color:var(--text);transform:translateY(-1px)}.nav-link.is-active{background:var(--accent-soft);color:var(--accent-deep)}.menu-button,.mobile-close{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:none}.mobile-menu{z-index:70;background:#11111147;position:fixed;inset:0}.mobile-menu-inner{background:radial-gradient(circle at 100% 0,#ff6b352e,#0000 18rem),#fffaf7;padding:1.5rem;position:absolute;inset:0}.mobile-menu-top{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.mobile-menu-links{gap:.8rem;display:grid}.mobile-nav-link{padding:1rem 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,5vw,2.4rem);display:block}.section,.page-intro{padding:5.8rem 0}.hero-section{padding:5.1rem 0 2rem}.hero-grid,.split-heading,.recruit-grid,.contact-shell,.work-detail-grid,.crew-profile-grid{gap:1.5rem;display:grid}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:start}.hero-title{letter-spacing:-.05em;margin:1rem 0 1.8rem;font-size:clamp(3rem,7vw,6rem);line-height:1.02}.hero-subtitle,.hero-description,.section-heading p,.page-intro-box p,.team-copy p,.contact-copy p,.recruit-copy p,.archive-meta p,.legacy-meta p,.project-body p,.work-detail-copy p,.crew-login-card p{overflow-wrap:anywhere;line-height:1.72}.hero-subtitle{max-width:40rem;margin:0;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-description{max-width:39rem;color:var(--muted);margin:1.1rem 0 0}.eyebrow,.section-kicker{width:fit-content;color:var(--accent-deep);background:#ff6b3514;border-radius:999px;align-items:center;gap:.5rem;padding:.42rem .82rem;font-size:.86rem;font-weight:600;display:inline-flex}.eyebrow span{background:var(--accent);border-radius:50%;width:8px;height:8px}.hero-actions,.contact-buttons,.section-cta-row,.work-section-stack,.contact-info-stack{flex-wrap:wrap;gap:.9rem;display:flex}.hero-actions,.contact-buttons,.section-cta-row{margin-top:1.7rem}.primary-button,.ghost-button,.detail-button,.anchor-button{border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:50px;padding:.86rem 1.24rem;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 14px 28px #ff6b3538}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #ff6b354d}.ghost-button,.detail-button{border:1px solid var(--line);background:#ffffffe0}.full-width{width:100%}.tag-cloud,.recruit-list,.team-specialties,.project-focus-list,.work-tag-list{flex-wrap:wrap;gap:.65rem;display:flex}.tag-cloud{margin-top:1.45rem}.tag-pill,.recruit-list span,.recruit-copy-badges span,.recruit-card-index,.team-specialties span,.project-focus-list span,.work-tag-list span{border:1px solid var(--line);color:var(--muted);background:#ffffffdb;border-radius:999px;padding:.62rem .92rem;font-size:.92rem}.hero-stats,.stats-band,.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.hero-stats{margin-top:2rem}.hero-stat,.stat-band-item{border:1px solid var(--line);background:#ffffffdb;border-radius:22px;padding:1.05rem 1.1rem}.hero-stat strong,.stat-band-item strong{font-family:Space Grotesk,sans-serif;font-size:1.4rem;display:block}.hero-stat span,.stat-band-item span{color:var(--muted);margin-top:.32rem;display:block}.hero-stage-wrap{min-height:680px;position:relative}.hero-stage,.home-summary-card,.legacy-card,.value-card,.team-card,.project-card,.recruit-card,.contact-card,.contact-form-shell,.page-intro-box,.admin-item,.admin-auth-card,.contact-map-card,.recruit-copy-panel,.poster-reveal-card,.work-poster-card,.work-section-card,.crew-login-card,.crew-badge-card,.crew-project-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.hero-stage{border-radius:var(--radius-xl);background:radial-gradient(circle at 0 0,#ff6b352e,#0000 16rem),linear-gradient(145deg,#fff9f5 0%,#fff 48%,#fff2ec 100%);min-height:620px;padding:1.35rem;position:sticky;top:4.8rem}.hero-stage-copy{border:1px solid var(--line);background:#ffffffe6;border-radius:22px;padding:1.1rem 1.15rem;position:absolute;bottom:1.35rem;left:1.35rem;right:1.35rem}.hero-stage-copy h3{margin:.75rem 0 .65rem;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.25}.hero-stage-copy p{color:var(--muted);margin:0}.poster-reveal-board{background:radial-gradient(circle,#ff6b351a,#0000 12rem),linear-gradient(#ffffffe0,#fff7f2d1);border:1px dashed #ff6b352e;border-radius:28px;position:absolute;inset:1.2rem 1.2rem 8rem;overflow:hidden}.poster-reveal-card{will-change:transform, opacity;border-radius:28px;width:220px;position:absolute;top:calc(50% - 162px);left:calc(50% - 110px);overflow:hidden;box-shadow:0 26px 50px #11111124}.poster-reveal-1{z-index:3}.poster-reveal-2{z-index:2}.poster-reveal-3{z-index:1}.poster-link-card,.archive-link-card{height:100%;display:block}.poster-reveal-card img,.legacy-image,.archive-card img,.work-poster-card img{aspect-ratio:.78;object-fit:cover;width:100%}.poster-meta,.legacy-meta,.archive-meta,.project-body,.contact-form-heading{padding:1rem}.poster-meta{background:linear-gradient(#ffffffeb,#fffffffc)}.poster-meta strong,.legacy-meta h3,.archive-meta h4,.project-body h3,.work-section-card span{margin:0 0 .35rem}.poster-meta span,.legacy-topline,.archive-meta span,.project-subtitle,.contact-card span,.team-index,.team-role-badge,.project-status,.recruit-status,.admin-item-top p,.work-detail-meta span{color:var(--muted)}.poster-reveal-center{border:1px solid var(--line);color:var(--muted);background:#ffffffeb;border-radius:999px;align-items:center;gap:.55rem;padding:.7rem .95rem;font-size:.86rem;display:inline-flex;position:absolute;bottom:1rem;left:1rem}.marquee-shell{background:#ffffffa8;border-block:1px solid #1111110f;margin-top:1.8rem;overflow:hidden}.marquee-track{gap:1rem;width:max-content;padding:.9rem 0;animation:24s linear infinite marquee;display:flex}.marquee-item{color:var(--muted);align-items:center;gap:.8rem;padding-inline:1rem;font-family:Space Grotesk,sans-serif;display:inline-flex}.marquee-item:after{content:"•";color:var(--accent)}.page-intro{padding-top:2.2rem;padding-bottom:2.4rem}.page-intro-box{border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0,#ff6b351f,#0000 16rem),#ffffffeb;padding:clamp(1.5rem,4vw,2.3rem)}.section-heading,.split-heading,.archive-copy,.team-copy{gap:.95rem;display:grid}.split-heading{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end}.section-heading h2,.page-intro-box h1,.archive-copy h3,.team-copy h3,.home-summary-card h2,.work-detail-copy h2{letter-spacing:-.04em;margin:.18rem 0 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.22}.section-heading p,.page-intro-box p,.archive-copy p,.team-copy p{color:var(--muted);margin:0}.home-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.home-summary-card,.story-step,.legacy-card,.value-card,.team-card,.project-card,.recruit-card,.contact-card,.contact-form-shell,.archive-card,.admin-item,.admin-auth-card,.crew-login-card,.crew-badge-card,.crew-project-card{border-radius:28px;padding:1.35rem}.home-summary-card{background:linear-gradient(#fffffff5,#fff7f2e6)}.home-link-cta,.archive-link{color:var(--accent-deep);align-items:center;gap:.35rem;margin-top:.9rem;font-weight:600;display:inline-flex}.legacy-grid,.values-grid,.team-grid,.projects-grid,.recruit-cards,.archive-grid,.archive-feature-grid,.admin-list{gap:1.2rem;display:grid}.legacy-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem}.values-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.value-card p{margin:.9rem 0 0}.value-icon{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.85rem;font-weight:700;display:inline-flex}.stats-band{margin-top:2rem}.team-shell{margin-top:2.8rem}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem}.team-card-top,.contact-card,.recruit-card-top,.admin-item-top,.legacy-topline,.work-detail-meta,.crew-badge-head,.contact-map-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.team-avatar{width:100%;max-width:116px;margin:.8rem auto 1rem}.team-card h4,.contact-card strong,.crew-badge-body strong{margin:0}.team-orange{background:linear-gradient(#fff6eef2,#fff)}.team-blue{background:linear-gradient(#f2f8fff2,#fff)}.team-green{background:linear-gradient(#f3fbf5f2,#fff)}.team-sand{background:linear-gradient(#fffaf0f2,#fff)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.project-card,.archive-card,.legacy-card,.work-poster-card{padding:0;overflow:hidden}.project-card-enhanced,.archive-card{transition:transform .25s,box-shadow .25s,border-color .25s}.project-card-enhanced:hover,.archive-card:hover,.legacy-card:hover{border-color:#ff6b3529;box-shadow:0 26px 54px #1111111f}.project-visual{color:#fff;flex-direction:column;justify-content:space-between;min-height:210px;padding:1.2rem;display:flex}.theme-sunset{background:linear-gradient(135deg,#ff7b39,#ffca69)}.theme-night{background:linear-gradient(135deg,#1d2340,#5566c9)}.theme-candy{background:linear-gradient(135deg,#ff8aa1,#ffb7d4)}.project-status,.recruit-status,.team-role-badge,.admin-badge{width:fit-content;color:var(--text);background:#ffffffe0;border-radius:999px;align-items:center;padding:.4rem .75rem;font-size:.82rem;display:inline-flex}.project-visual-copy strong{margin-top:.3rem;font-family:Space Grotesk,sans-serif;font-size:1.6rem;display:block}.project-body-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-dot{width:36px;height:36px;color:var(--accent-deep);background:#ff6b351a;border-radius:999px;place-items:center;display:inline-grid}.project-detail{overflow:hidden}.project-detail p{border-left:2px solid var(--accent-soft);margin:.9rem 0 0;padding-left:.9rem}.archive-shell{margin-top:4rem}.archive-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.1rem}.archive-card.compact img{min-height:240px}.archive-feature img,.archive-card.compact img,.legacy-card img{transition:transform .45s}.archive-feature:hover img,.archive-card.compact:hover img,.legacy-card:hover img{transform:scale(1.04)}.recruit-grid,.contact-shell,.work-detail-grid,.crew-profile-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start}.recruit-copy-panel,.contact-copy{border-radius:30px;padding:1.55rem}.recruit-copy-panel{background:radial-gradient(circle at 100% 0,#ff6b351f,#0000 14rem),linear-gradient(#fff7f2f2,#fffffff5)}.contact-copy{background:linear-gradient(#fff7f2f2,#fffffff2);border:1px solid #ff6b351f}.recruit-copy-badges{flex-wrap:wrap;gap:.7rem;margin-top:1.15rem;display:flex}.recruit-steps-polished{gap:.9rem;margin-top:1.2rem;display:grid}.recruit-step-card,.work-section-card{background:#ffffffd1;border:1px solid #11111114;border-radius:22px;padding:1rem 1.05rem}.recruit-step-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.recruit-step-number{color:var(--accent-deep);letter-spacing:.04em;font-family:Space Grotesk,sans-serif;font-size:.86rem}.recruit-step-icon{width:34px;height:34px;color:var(--accent-deep);background:#ff6b351a;border-radius:999px;place-items:center;display:inline-grid}.recruit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-card{background:linear-gradient(#fffffffa,#fafafaf2);flex-direction:column;gap:.95rem;display:flex}.recruit-card .primary-button{margin-top:auto}.contact-info-stack{display:grid}.contact-cards{gap:1rem;display:grid}.contact-card{flex-direction:column;align-items:flex-start}.contact-card strong{font-size:1rem;line-height:1.55}.contact-map-card{border-radius:28px;padding:1.1rem}.contact-map-head{margin-bottom:1rem}.contact-map-head h3{margin:.8rem 0 0}.contact-map-frame{border:0;border-radius:20px;width:100%;height:280px}.contact-form-shell{padding:0;overflow:hidden}.apply-form{gap:1rem;padding:0 1.35rem 1.35rem;display:grid}.apply-form label,.admin-auth-card label,.crew-login-card label{gap:.42rem;display:grid}.apply-form span,.admin-auth-card span,.crew-login-card span{font-size:.92rem}.apply-form input,.apply-form textarea,.apply-form select,.admin-auth-card input,.crew-login-card input{border:1px solid var(--line-strong);resize:vertical;background:#fff;border-radius:16px;width:100%;padding:.92rem 1rem}.contact-verification,.admin-warning,.admin-loading,.admin-empty{border:1px solid var(--line);color:var(--muted);background:#ffffffd6;border-radius:20px;margin-top:1rem;padding:1rem 1.1rem}.form-status{color:#b34720;min-height:1.4rem;margin:0}.form-status.is-success{color:var(--accent-deep)}.modal-shell{z-index:80;position:fixed;inset:0}.modal-backdrop{background:#1111115c;position:absolute;inset:0}.modal-panel{z-index:1;border-radius:var(--radius-xl);width:min(100% - 2rem,620px);box-shadow:var(--shadow);background:#fff;margin:6vh auto;padding:1.35rem;position:relative}.modal-close{color:var(--muted);font-size:1.6rem;position:absolute;top:1rem;right:1rem;transform:rotate(45deg)}.work-detail-copy{gap:1rem;display:grid}.work-detail-meta{flex-wrap:wrap;justify-content:flex-start}.work-tag-list{margin-top:.4rem}.work-section-stack{gap:.9rem;display:grid}.work-section-card span{color:var(--accent-deep);font-size:.88rem;display:block}.detail-empty{place-items:center;display:grid}.crew-access-section{padding-top:6rem}.crew-login-shell{place-items:center;display:grid}.crew-login-card{width:min(100%,460px)}.crew-badge-body{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:1rem;display:grid}.crew-photo{aspect-ratio:.76;object-fit:cover;border-radius:22px;width:120px}.crew-project-poster{color:#fff;background:linear-gradient(135deg,#1d2340,#5566c9);border-radius:24px;gap:.35rem;padding:1.2rem;display:grid}.crew-project-poster strong{font-family:Space Grotesk,sans-serif;font-size:2rem;line-height:1.05}.site-footer{padding:2rem 0 3rem}.footer-shell{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.admin-auth-shell{place-items:center;display:grid}.admin-auth-card{width:min(100%,460px)}.admin-shell{gap:1rem;display:grid}.admin-toolbar,.admin-item-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.admin-item-grid strong{margin-bottom:.35rem;display:block}.admin-item-grid span{color:var(--muted);overflow-wrap:anywhere;line-height:1.7}.admin-span-2{grid-column:span 2}.admin-badge-contact{background:#eef6ff}.admin-badge-recruit{background:#fff5ea}.recruit-status.is-reviewed{background:#edf8ef}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1100px){.hero-grid,.split-heading,.home-summary-grid,.values-grid,.projects-grid,.team-grid,.archive-grid,.legacy-grid,.archive-feature-grid,.recruit-cards,.work-detail-grid,.crew-profile-grid{grid-template-columns:1fr 1fr}.recruit-grid,.contact-shell{grid-template-columns:1fr}}@media (width<=860px){.desktop-nav{display:none}.menu-button,.mobile-close{display:inline-flex}.hero-grid,.split-heading,.home-summary-grid,.legacy-grid,.values-grid,.stats-band,.team-grid,.projects-grid,.archive-feature-grid,.archive-grid,.recruit-grid,.recruit-cards,.contact-shell,.admin-stats,.admin-item-grid,.work-detail-grid,.crew-profile-grid{grid-template-columns:1fr}.hero-stage-wrap{min-height:auto}.hero-stage{min-height:620px;position:relative;top:auto}.poster-reveal-board{inset:1rem 1rem 11rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-span-2{grid-column:auto}.footer-shell,.admin-toolbar,.admin-item-actions,.contact-map-head{flex-direction:column;align-items:flex-start}}@media (width<=560px){.site-header{padding-top:.35rem}.brand-logo{width:102px}.hero-section,.section,.page-intro{padding:4rem 0}.hero-title{margin-bottom:1.5rem}.hero-stage{min-height:540px;padding:1rem}.poster-reveal-board{inset:.95rem .95rem 9.8rem}.poster-reveal-card{width:154px;top:calc(50% - 114px);left:calc(50% - 77px)}.hero-stage-copy{bottom:1rem;left:1rem;right:1rem}.hero-stats{grid-template-columns:1fr}.marquee-shell{display:none}.contact-map-frame{height:240px}.modal-panel{margin:4vh auto}.crew-badge-body{grid-template-columns:1fr}.crew-photo{width:100%;max-width:200px}}