:root{color-scheme:dark;--gutter:40px;--font:"Pretendard Variable",Pretendard,Arial,sans-serif;--muted:#909090}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#000;color:#fff;font-family:var(--font);font-weight:400;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #98adba;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0;font-weight:400}svg{width:20px;height:20px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:200;background:#fff;color:#000;padding:12px}header{position:fixed;inset:0 0 auto;z-index:60;height:64px;padding:0 24px;display:flex;align-items:center;gap:24px;background:linear-gradient(#0005,#0002);backdrop-filter:blur(14px);transition:background .4s,transform .45s}header.scrolled{background:#000e}header.nav-hidden nav,header.nav-hidden .search-toggle{opacity:0;pointer-events:none}header:hover nav,header:hover .search-toggle,header:focus-within nav,header:focus-within .search-toggle{opacity:1;pointer-events:auto}.logo{flex:none}.logo img{width:80px;height:31px}nav{display:flex;align-items:center;justify-content:flex-end;gap:25px;margin-left:auto;transition:opacity .3s}nav>a,nav>button{font-size:13px;white-space:nowrap;line-height:64px;letter-spacing:-.01em}nav i{display:inline-block;width:6px;height:6px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(45deg);vertical-align:3px;margin-left:9px;transition:transform .25s}nav button[aria-expanded=true] i{transform:rotate(225deg)}nav a:hover,nav button:hover{color:#c0c0c0}.search-toggle{padding-left:24px;border-left:1px solid #ffffff30;height:20px;transition:opacity .3s}.search-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6;width:18px;height:18px}.mobile-toggle{display:none}.hero{height:100svh;min-height:540px;position:relative;overflow:hidden;background:#1c1f22}.hero-image{position:absolute;inset:0;background:url('assets/media/ccameoo-students-montage-4k-v2.png') center/cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06091055,transparent 45%,#0004)}#hero-canvas{position:absolute;inset:0}#hero-canvas canvas{width:100%;height:100%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 70%);pointer-events:none}.hero h1{position:absolute;left:var(--gutter);right:var(--gutter);bottom:48px;font-size:clamp(72px,9.4vw,144px);font-weight:300;line-height:1.06;letter-spacing:-.06em;max-width:1180px}.hero h1 span{display:inline-block;animation:hero-in 1.3s cubic-bezier(.16,1,.3,1) both}.hero h1 span+span{animation-delay:.14s}@keyframes hero-in{from{opacity:0;transform:translateY(55px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.section-pad{padding:96px var(--gutter)}.intro{display:grid;grid-template-columns:repeat(12,1fr);gap:32px;min-height:432px;align-items:start}.intro h2{grid-column:1/4;font-size:36px;line-height:1.16;letter-spacing:-.04em;font-weight:350}.intro-copy{grid-column:5/13;font-size:36px;line-height:1.2;letter-spacing:-.045em;background:linear-gradient(115deg,#198da3,#2fb798,#aaa);color:transparent;background-clip:text;-webkit-background-clip:text}.media-section{position:relative;overflow:hidden;height:800px;background:#151719}.media-section iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:max(100%,56.25vw);width:max(100%,1422px);border:0;pointer-events:none}.media-label{position:absolute;top:40px;left:var(--gutter);font-size:16px}.video-open{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:16px;align-items:center;opacity:0;transition:opacity .35s;font-size:14px}.media-section:hover .video-open,.video-open:focus-visible{opacity:1}.play-icon{display:inline-block;width:42px;height:42px;border:1px solid #fffa;border-radius:50%;position:relative;flex:none}.play-icon:after{content:"";position:absolute;left:17px;top:14px;border-left:10px solid white;border-block:6px solid transparent}.reveal{transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1),filter 1s}.js-motion .reveal:not(.seen){opacity:0;transform:translateY(36px);filter:blur(3px)}footer{padding:64px var(--gutter) 28px;border-top:1px solid #333}.footer-links{display:flex;gap:56px;font-size:16px;line-height:1.3}.footer-bottom{display:flex;gap:32px;justify-content:space-between;margin-top:80px;font-size:12px;color:#888}.menu-drawer,.search-drawer{position:absolute;top:64px;left:0;right:0;padding:36px var(--gutter);background:#000f;border-top:1px solid #333;box-shadow:0 16px 32px #0004}.menu-drawer[hidden],.search-drawer[hidden]{display:none}.menu-drawer{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;animation:drawer-in .35s both}.menu-drawer a{font-size:25px;padding:14px 0;border-bottom:1px solid #333}.menu-drawer a:hover{color:#999}.search-drawer form{display:flex;align-items:center;border-bottom:1px solid #666;padding:0 0 18px;gap:24px}.search-drawer input{flex:1;min-width:0;font-size:48px;border:0;outline:0;background:none;font-weight:300}.search-drawer button{font-size:16px}.search-results{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:24px}.search-results a{font-size:20px;padding:12px 0}.video-dialog{padding:56px 20px 20px;background:#000;border:0;width:96vw;max-width:1440px;color:#fff}.video-dialog::backdrop{background:#000e}.dialog-close{position:absolute;right:24px;top:16px;padding:4px;font-size:18px}.dialog-video{aspect-ratio:16/9}.dialog-video iframe{width:100%;height:100%;border:0}@keyframes drawer-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media(min-width:1600px){:root{--gutter:64px}.hero h1{max-width:1450px}}@media(max-width:1100px){nav{gap:15px}header{gap:18px}nav>a,nav>button{font-size:12px}.hero h1{max-width:850px}.intro h2,.intro-copy{font-size:30px}}@media(max-width:900px){:root{--gutter:24px}header{height:64px;padding:0 20px}.logo img{width:72px}nav{display:none}header .search-toggle{margin-left:auto;opacity:1!important;pointer-events:auto!important}.mobile-toggle{display:flex;width:20px;height:18px;flex-direction:column;justify-content:space-between;margin-left:0}.mobile-toggle span{height:1px;background:#fff;width:20px}.menu-drawer{grid-template-columns:repeat(2,1fr);max-height:calc(100svh - 64px);overflow:auto}.menu-drawer a{font-size:22px}.hero{min-height:560px}.hero h1{font-size:clamp(56px,10.6vw,94px);bottom:40px;max-width:760px;line-height:1.13}.hero h1 span{display:block}.section-pad{padding-top:64px;padding-bottom:64px}.intro{grid-template-columns:1fr 2fr;gap:24px;min-height:0}.intro h2{grid-column:1;font-size:26px}.intro-copy{grid-column:2;font-size:26px}.media-section{height:70svh;min-height:420px}.media-section iframe{width:max(100%,124.5svh);height:max(100%,56.25vw)}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-links{gap:24px}.search-drawer input{font-size:32px}}@media(max-width:600px){:root{--gutter:20px}.hero h1{font-size:15.2vw;bottom:42px;line-height:1.13;font-weight:300}.intro{display:block}.intro h2{font-size:28px;margin-bottom:36px}.intro h2 br{display:none}.intro-copy{font-size:27px;line-height:1.33}.media-label{top:24px}.media-section{height:560px;min-height:0}.media-section iframe{width:996px;height:560px}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-bottom{margin-top:50px;flex-direction:column;gap:12px}.video-open{opacity:1;white-space:nowrap}.search-drawer input{font-size:26px}.menu-drawer{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-motion .reveal:not(.seen){opacity:1;transform:none;filter:none}}