:root{--bg:#060606;--bg2:#0e0e0f;--line:rgba(255,255,255,.12);--text:#f2f2ef;--muted:#a8a8a3;--accent:#d8ff45;--max:1320px;--gap:clamp(16px,2vw,28px);--section-pad:clamp(72px,10vw,128px);--poster-ratio:2/3;--wide-ratio:16/9;--feature-ratio:16/10}
*{box-sizing:border-box} html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden} body{margin:0;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.5} img{display:block;max-width:100%} a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}.nav{position:sticky;top:0;z-index:30;background:rgba(6,6,6,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo img{height: 150px;px;width:auto}.nav-links{display:flex;gap:clamp(12px,1.45vw,22px);align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ddd}.nav-links a{opacity:.82}.nav-links a:hover{opacity:1;color:#fff}.menu-btn{display:none;background:none;border:none;color:#fff;font-size:15px}
.hero{min-height:calc(100svh - 84px);display:flex;align-items:center;padding:clamp(40px,7vw,80px) 0;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:end}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.hero h1{margin:0;font-size:clamp(54px,11vw,172px);line-height:.94;letter-spacing:-.05em;max-width:10ch}.hero p{max-width:38rem;color:var(--muted);font-size:clamp(16px,1.65vw,20px);margin:24px 0 0}.hero-side{display:flex;flex-direction:column;gap:16px}.hero-main-card{border:1px solid var(--line);border-radius:32px;overflow:hidden;aspect-ratio:4/5;background:#0b0b0b;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-main-card img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-mini{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#0b0b0b}.mini-card img{width:100%;height:100%;object-fit:cover}
.section{padding:var(--section-pad) 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;margin-bottom:36px}.section-num{color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.section-title h2{margin:0 0 14px;font-size:clamp(30px,4vw,68px);line-height:1.02;letter-spacing:-.04em}.section-title p{margin:0;max-width:54rem;color:var(--muted);font-size:clamp(15px,1.35vw,18px)}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cap-item{background:var(--bg2);padding:28px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.cap-item b{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#fff}.cap-item h3{margin:18px 0 10px;font-size:28px;line-height:1.05;letter-spacing:-.03em}.cap-item p{margin:0;color:var(--muted);font-size:15px}
.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.reel-card{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;aspect-ratio:var(--wide-ratio);background:#101010}.reel-card img{width:100%;height:100%;object-fit:cover}.reel-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 100%)}.reel-label{position:absolute;left:18px;bottom:16px;z-index:1;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.work-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}.work-card{display:flex;flex-direction:column;gap:14px}.poster{border:1px solid var(--line);border-radius:20px;overflow:hidden;aspect-ratio:var(--poster-ratio);background:#101010}.poster img{width:100%;height:100%;object-fit:cover}.work-card h3{margin:0;font-size:18px;letter-spacing:-.02em}.work-card p{margin:0;color:var(--muted);font-size:13px}
.xr-stack{display:flex;flex-direction:column;gap:42px}.xr-feature{display:grid;gap:24px;padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.xr-copy{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,60px);align-items:start}.xr-copy .tag{display:inline-block;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.xr-copy h3{margin:0;font-size:clamp(28px,3.2vw,48px);line-height:1.03;letter-spacing:-.04em}.xr-detail p{margin:2px 0 20px;color:var(--muted);font-size:16px;max-width:42rem}.xr-detail ul{margin:0;padding-left:18px;color:#ddd;display:grid;gap:9px}.xr-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.xr-shot{border:1px solid var(--line);border-radius:22px;overflow:hidden;aspect-ratio:var(--wide-ratio);background:#0f0f0f}.xr-shot img{width:100%;height:100%;object-fit:cover;object-position:center}.infra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.infra-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--bg2)}.infra-img{aspect-ratio:4/3;background:#121212}.infra-img img{width:100%;height:100%;object-fit:cover}.infra-body{padding:18px 18px 20px}.infra-body h3{margin:0 0 8px;font-size:20px}.infra-body p{margin:0;color:var(--muted);font-size:14px}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.partner{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:var(--bg2);min-height:118px;padding:18px;text-align:center;color:#deded9;font-size:clamp(14px,1.15vw,18px);font-weight:650;letter-spacing:.045em;transition:color .22s ease,background .22s ease,box-shadow .22s ease}.partner span{position:relative;z-index:1}.partner::after{content:'';position:absolute;left:18%;right:18%;bottom:18px;height:2px;background:var(--brand);opacity:0;transform:scaleX(.45);transition:opacity .22s ease,transform .22s ease}.partner:hover,.partner:focus-within{color:var(--brand);background:#111;box-shadow:inset 0 -1px 0 var(--brand),0 0 28px var(--glow)}.partner:hover::after,.partner:focus-within::after{opacity:1;transform:scaleX(1)}.contact-card{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap);padding:34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.contact-card h3{margin:0 0 16px;font-size:clamp(34px,4vw,64px);line-height:1.02;letter-spacing:-.04em}.contact-card p{margin:0 0 18px;color:var(--muted)}.contact-list{display:grid;gap:14px;font-size:15px}.cta{display:inline-flex;align-items:center;gap:10px;margin-top:12px;border:1px solid var(--line);padding:14px 18px;border-radius:999px;color:#fff}.cta:hover{border-color:rgba(216,255,69,.4);box-shadow:0 0 0 1px rgba(216,255,69,.2) inset}.footer{padding:26px 0;color:var(--muted);font-size:13px}
@media (max-width:1180px){.work-grid{grid-template-columns:repeat(3,1fr)}.cap-grid{grid-template-columns:repeat(2,1fr)}.infra-grid{grid-template-columns:repeat(2,1fr)}.partner-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:920px){.nav-inner{height:72px}.hero{min-height:calc(100svh - 72px)}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#080808;border-bottom:1px solid var(--line);padding:14px 20px 18px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero-grid,.section-head,.contact-card{grid-template-columns:1fr}.xr-copy{grid-template-columns:1fr}.hero h1{max-width:none}.hero-side{order:-1}.reel-grid{grid-template-columns:1fr}.section-head{gap:16px}.section{padding:72px 0}}
@media (max-width:640px){.container{width:min(calc(100% - 24px),var(--max))}.hero-main-card{border-radius:24px}.hero-mini{grid-template-columns:1fr 1fr;gap:10px}.mini-card,.poster,.infra-card,.reel-card,.xr-media .hero-shot,.xr-media .stack .shot{border-radius:16px}.work-grid,.cap-grid,.infra-grid,.partner-grid{grid-template-columns:1fr 1fr}.xr-media{grid-template-columns:1fr}.cap-item{min-height:180px;padding:20px}.cap-item h3{font-size:22px}.work-card h3{font-size:16px}.partner{min-height:88px}.contact-card{padding:22px}}