@import url('../portfolio-polish.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');:root{--ink:#071f2b;--orange:#f07d22;--cream:#f4f1eb;--line:#d6dbe0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans KR',sans-serif;color:#11212a;background:var(--cream)}a{text-decoration:none;color:inherit}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,7vw,125px);background:#092632;color:#fff}.brand{font-weight:900;font-size:21px;letter-spacing:.03em}.nav nav{display:flex;gap:29px;font-size:14px;font-weight:700}.nav>a:last-child{border:1px solid #ffffff88;border-radius:22px;padding:10px 17px;font-size:13px}.hero{min-height:635px;color:#fff;padding:130px clamp(22px,7vw,125px) 70px;background:linear-gradient(90deg,#031521e6,#062536a1,#071d2b39),url('../assets/07-dance-motive-hero.png') center/cover}.ey{margin:0 0 17px;color:var(--orange);font:500 12px 'DM Mono';letter-spacing:1.7px}.hero h1,.intro h2,.film h2,.collection h2,.contact h2{font-size:clamp(48px,6vw,94px);line-height:1.04;letter-spacing:-.075em;margin:0}.hero p:not(.ey){max-width:570px;line-height:1.8;color:#dae4e8;margin:25px 0}.metrics{margin-top:55px;display:grid;grid-template-columns:repeat(3,180px)}.metrics div{border-right:1px solid #ffffff33;padding-right:22px}.metrics b{font-size:31px}.metrics span{display:block;color:#b5c1c9;font-size:13px;margin-top:6px}.intro{padding:115px clamp(22px,14vw,240px);display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;background:#fff}.intro h2{font-size:clamp(44px,5vw,77px)}.intro>div:last-child{align-self:end}.intro p:not(.ey){color:#657078;line-height:1.85}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:45px}.course-grid article{padding:30px;min-height:230px;border-right:1px solid var(--line)}.course-grid article:last-child{border:0}.course-grid b{font-size:24px;line-height:1.25;display:block}.course-grid p{color:#68747c;line-height:1.7;font-size:14px}.film{padding:115px clamp(22px,7vw,125px);background:#06222d;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.film h2{font-size:clamp(44px,5vw,78px)}.film p:not(.ey){color:#c5d0d3;line-height:1.8}.film .screen{border:1px solid #39606b;padding:16px}.film img{width:100%;height:390px;object-fit:cover;display:block}.collection{padding:125px clamp(22px,7vw,125px);background:#fff}.collection>div:first-child{max-width:790px}.collection h2{font-size:clamp(43px,5vw,76px)}.collection>div:first-child>p:last-child{line-height:1.8;color:#657078}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}.work{background:#eff2f1}.work img{width:100%;height:280px;object-fit:cover;display:block}.work>div{padding:28px}.work b{font-size:25px}.work p{line-height:1.7;color:#657078;font-size:14px}.process{padding:110px clamp(22px,7vw,125px);background:#0b2732;color:#fff}.process-top{display:flex;justify-content:space-between;gap:30px;align-items:end}.process-top h2{font-size:clamp(43px,5vw,77px);line-height:1.1;letter-spacing:-.065em;margin:0}.process>p{max-width:460px;color:#c4d1d5;line-height:1.8}.steps{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #50707a}.steps article{padding:25px;border-right:1px solid #50707a;min-height:170px}.steps article:first-child{padding-left:0}.steps b{font-size:20px}.steps p{font-size:14px;color:#c1ced2;line-height:1.7}.contact{padding:105px clamp(22px,14vw,240px);background:#14191b;color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:end}.contact h2{font-size:clamp(40px,5vw,76px)}.contact p{color:#bbc2c5;line-height:1.8}.contact a{background:var(--orange);color:#fff;display:inline-block;padding:17px 24px;font-weight:900}footer{padding:42px clamp(22px,7vw,125px);background:#061820;color:#fff;display:flex;justify-content:space-between;font-size:14px}footer span{color:#8ba0a8}@media(max-width:800px){.nav nav{display:none}.nav{height:68px}.hero{min-height:610px;padding:105px 24px 45px}.metrics{grid-template-columns:repeat(3,1fr)}.metrics b{font-size:23px}.intro,.film,.contact{grid-template-columns:1fr;gap:36px;padding:76px 24px}.course-grid{grid-template-columns:1fr}.course-grid article{border-right:0;border-bottom:1px solid var(--line)}.film .screen img{height:280px}.collection,.process{padding:76px 24px}.work-grid{grid-template-columns:1fr}.process-top{display:block}.steps{grid-template-columns:1fr 1fr}.steps article{border-bottom:1px solid #50707a}.contact{display:block}footer{display:grid;gap:12px;padding:35px 24px}}

/* frame hero alignment pass */
.hero{min-height:700px;display:flex;flex-direction:column;justify-content:center;padding-top:118px;padding-bottom:92px}
.hero>.ey,.hero>h1,.hero>p:not(.ey),.hero>.metrics{width:min(760px,100%)}
.hero h1{max-width:690px;word-break:keep-all;overflow-wrap:normal}
.hero p:not(.ey){max-width:540px}.metrics{margin-top:42px;max-width:580px}
@media(max-width:800px){.hero{min-height:620px;padding:108px 24px 55px}.hero h1{font-size:clamp(43px,13vw,61px)}.metrics{max-width:100%;margin-top:32px}.metrics div{min-width:0}}
/* page-specific content axis: matches this hero, not a shared site width */
:root{--page-content:1200px;--page-edge:max(24px,calc((100% - var(--page-content))/2))}
.nav,.hero,.intro,.film,.collection,.process,.contact,.portfolio-detail,footer.portfolio-footer{padding-left:var(--page-edge)!important;padding-right:var(--page-edge)!important}
@media(max-width:1200px){:root{--page-edge:24px}}

:root{--academy-menu-panel:#06222d;--academy-menu-accent:#c96d36}
