:root {
  --bg-1:#000000; --bg-2:#05040a; --bg-3:#080500; --bg-4:#020202; --bg-5:#06050a;
  --white:#ffffff; --gold:#D4AF37; --gold2:#f0d060; --border:#1e1e1e; --container:1320px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#000;color:#fff;font-family:'Pretendard',-apple-system,sans-serif;font-weight:300;overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}ul{list-style:none;}
.container{max-width:1320px;margin:0 auto;padding:0 60px;}

/* CURSOR */
.cursor{position:fixed;width:6px;height:6px;background:#D4AF37;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}
.cursor-ring{position:fixed;width:40px;height:40px;border:1px solid rgba(212,175,55,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s;}
.cursor-ring.hover{width:64px;height:64px;border-color:rgba(212,175,55,.9);}

/* SCROLL PROGRESS */
.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#D4AF37,rgba(212,175,55,.3));z-index:9999;width:0;pointer-events:none;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:32px 0;transition:padding .4s,background .4s;}
nav.scrolled{padding:18px 0;background:rgba(0,0,0,.94);backdrop-filter:blur(16px);}
.nav-inner{max-width:1320px;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;align-items:center;}
.nav-logo{font-size:20px;font-weight:700;letter-spacing:.08em;}
.nav-logo span{color:#D4AF37;}
.nav-links{display:flex;gap:52px;}
.nav-hamburger{display:none;}
.nav-links a{font-size:18px;font-weight:500;color:#fff;transition:color .3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#D4AF37;transition:width .35s;}
.nav-links a:hover{color:#D4AF37;}
.nav-links a:hover::after{width:100%;}

/* DOT NAV */
.dot-nav{position:fixed;right:36px;top:50%;transform:translateY(-50%);z-index:400;display:flex;flex-direction:column;gap:20px;}
.dot-item{position:relative;display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}
.dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s;flex-shrink:0;}
.dot-item.active .dot{background:#D4AF37;box-shadow:0 0 10px rgba(212,175,55,.6);transform:scale(1.3);}
.dot-item:hover .dot{background:rgba(212,175,55,.6);}
.dot-tooltip{position:absolute;right:18px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.9);border:1px solid #2a2a2a;padding:5px 10px;white-space:nowrap;opacity:0;transform:translateX(4px);transition:all .25s;pointer-events:none;}
.dot-item:hover .dot-tooltip{opacity:1;transform:translateX(0);}

/* HERO */
#hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden;background:#000;}
.hero-cinematic{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(212,175,55,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(212,175,55,.04) 0%,transparent 60%),linear-gradient(160deg,#0a0800 0%,#000 40%,#050300 100%);animation:cinematicPulse 12s ease-in-out infinite alternate;}
@keyframes cinematicPulse{0%{opacity:.7;transform:scale(1);}100%{opacity:1;transform:scale(1.04);}}
#heroCanvas{position:absolute;inset:0;pointer-events:none;}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.03) 1px,transparent 1px);background-size:100px 100px;}
.hero-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.shape{position:absolute;border-radius:50%;border:1px solid rgba(212,175,55,.06);animation:floatShape 20s ease-in-out infinite;}
.shape-1{width:700px;height:700px;top:-150px;right:-150px;}
.shape-2{width:450px;height:450px;bottom:-80px;left:5%;animation-delay:-7s;}
.shape-3{width:220px;height:220px;top:25%;right:18%;animation-delay:-14s;}
@keyframes floatShape{0%,100%{transform:translateY(0) rotate(0);opacity:.5;}33%{transform:translateY(-32px) rotate(5deg);opacity:.9;}66%{transform:translateY(22px) rotate(-3deg);opacity:.6;}}
/* HERO VIDEO */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity 1.2s ease;pointer-events:none;}
.hero-video.loaded{opacity:.45;}
.hero-video-overlay{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.55);}
.hero-video-overlay.active{background:linear-gradient(160deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.65) 50%,rgba(0,0,0,.75) 100%);}

/* 영상 있을 때 - 파티클/배경 숨김 */
#hero.has-video .hero-cinematic{opacity:0;}
#hero.has-video #heroCanvas{opacity:0;}
#hero.has-video .hero-grid{opacity:0;}
#hero.has-video .hero-shapes{opacity:0;}

/* 영상 있을 때 - 텍스트 파란박스 위치 */
#hero.has-video .hero-content{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1320px;padding:0 60px;}
#hero.has-video .hero-eyebrow{margin-bottom:14px;font-size:10px;}
#hero.has-video .hero-title{font-size:clamp(36px,3.8vw,64px);margin-bottom:14px;letter-spacing:-.04em;white-space:nowrap;}
#hero.has-video .hero-sub{font-size:15px;max-width:700px;line-height:1.6;color:rgba(255,255,255,.75);white-space:nowrap;}

.hero-content{position:relative;z-index:10;width:100%;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:#D4AF37;margin-bottom:40px;opacity:0;animation:fadeInUp .8s ease forwards .3s;}
.hero-eyebrow::before{content:'';width:40px;height:1px;background:#D4AF37;}
.hero-title{font-size:clamp(48px,6vw,88px);font-weight:900;line-height:1.1;letter-spacing:-.05em;margin-bottom:40px;}
.hero-title .line{display:block;overflow:hidden;}
.hero-title .line-inner{display:block;opacity:0;filter:blur(8px);transform:translateY(40px);animation:heroLineIn .9s cubic-bezier(0.16,1,0.3,1) forwards;}
.hero-title .line:nth-child(1) .line-inner{animation-delay:.5s;}
.hero-title .line:nth-child(2) .line-inner{animation-delay:.75s;}
.hero-title em{font-style:normal;color:#D4AF37;}
@keyframes heroLineIn{to{opacity:1;filter:blur(0);transform:translateY(0);}}
.hero-sub{font-size:16px;font-weight:400;line-height:1.6;color:rgba(255,255,255,.8);opacity:0;animation:fadeInUp .8s ease forwards 1.2s;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes scrollIndicatorIn{from{opacity:0;transform:translateX(-50%) translateY(20px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}.hero-scroll-indicator{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:scrollIndicatorIn .8s ease forwards 1.6s;}
.hero-scroll-indicator span{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.35);}
.scroll-line{width:1px;height:60px;background:linear-gradient(180deg,#D4AF37,transparent);animation:scrollPulse 2s ease-in-out infinite;}
@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.5);transform-origin:top;}50%{opacity:1;transform:scaleY(1);}}

/* SECTION */
section{padding:200px 0;}
.section-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:#D4AF37;margin-bottom:28px;}
.section-eyebrow::before{content:'';width:32px;height:1px;background:#D4AF37;}

/* ABOUT — 라이트 크림 반전 */
#about{background:#f7f4ee;position:relative;overflow:hidden;}
#about::before{content:'T&C';position:absolute;right:-60px;top:50%;transform:translateY(-50%);font-size:360px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.04);pointer-events:none;user-select:none;}
.section-eyebrow-dark{display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:#8B7340;margin-bottom:28px;}
.section-eyebrow-dark::before{content:'';width:32px;height:1px;background:#8B7340;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.about-headline{font-size:clamp(28px,3.5vw,48px);font-weight:900;letter-spacing:-.05em;line-height:1.2;margin-bottom:24px;color:#111;}
.about-headline em{font-style:normal;color:#8B7340;}
.about-sub{font-size:15px;font-weight:400;line-height:1.75;color:rgba(0,0,0,.65);}

/* About visual */
.about-visual{position:relative;height:420px;}
.av-ring{position:absolute;border-radius:50%;border:1px solid rgba(139,115,64,.15);animation:avFloat 6s ease-in-out infinite;}
.av-ring-1{width:360px;height:360px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:0s;}
.av-ring-2{width:260px;height:260px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(139,115,64,.25);animation-delay:-2s;}
.av-ring-3{width:160px;height:160px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:rgba(139,115,64,.38);animation-delay:-4s;}
@keyframes avFloat{0%,100%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-50%,-52%) scale(1.04);}}
.av-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(139,115,64,.15),transparent 70%);display:flex;align-items:center;justify-content:center;}
.av-center span{font-size:11px;font-weight:700;letter-spacing:.2em;color:#8B7340;}
.av-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#8B7340;opacity:.5;animation:avOrbit 8s linear infinite;}
.av-dot-2{animation-delay:-2.67s;}.av-dot-3{animation-delay:-5.34s;}
@keyframes avOrbit{
  0%{top:calc(50% - 180px);left:50%;transform:translate(-50%,-50%);opacity:.8;}
  25%{top:50%;left:calc(50% + 180px);transform:translate(-50%,-50%);opacity:.4;}
  50%{top:calc(50% + 180px);left:50%;transform:translate(-50%,-50%);opacity:.8;}
  75%{top:50%;left:calc(50% - 180px);transform:translate(-50%,-50%);opacity:.4;}
  100%{top:calc(50% - 180px);left:50%;transform:translate(-50%,-50%);opacity:.8;}
}
.av-line{position:absolute;top:50%;left:50%;width:180px;height:1px;background:linear-gradient(90deg,rgba(139,115,64,.2),transparent);transform-origin:left center;}
.av-line-1{transform:rotate(45deg);}.av-line-2{transform:rotate(135deg);}.av-line-3{transform:rotate(225deg);}.av-line-4{transform:rotate(315deg);}
.av-stat{position:absolute;display:flex;flex-direction:column;align-items:center;}
.av-stat-1{top:10%;left:12%;}.av-stat-2{top:10%;right:12%;}.av-stat-3{bottom:10%;left:12%;}.av-stat-4{bottom:10%;right:12%;}
.av-stat-num{font-size:26px;font-weight:900;color:#8B7340;line-height:1;}
.av-stat-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(0,0,0,.55);margin-top:4px;font-weight:500;}

/* Values */
.values-wrap{margin-top:140px;}
.values-label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(0,0,0,.55);margin-bottom:48px;font-weight:600;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,0,0,.1);}
.value-card{background:#f7f4ee;padding:48px 32px;position:relative;overflow:hidden;transition:background .4s,transform .35s cubic-bezier(0.34,1.56,.64,1);cursor:pointer;}
.value-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#8B7340;transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.value-card:hover{background:#ede7d9;transform:scale(1.04);z-index:2;box-shadow:0 24px 64px rgba(0,0,0,.1);}
.value-card:hover::before{transform:scaleX(1);}
.value-num{font-size:11px;font-weight:600;letter-spacing:.2em;color:#8B7340;margin-bottom:28px;}
.value-title{font-size:22px;font-weight:700;letter-spacing:-.03em;color:#111;line-height:1.25;}
.value-desc{font-size:13px;font-weight:400;line-height:1.8;color:rgba(0,0,0,.6);margin-top:32px;}

/* Ticker */
.award-ticker-wrap{margin-top:140px;padding-top:80px;border-top:1px solid rgba(0,0,0,.1);overflow:hidden;}
.award-ticker-label{font-size:14px;letter-spacing:.12em;color:rgba(0,0,0,.6);margin-bottom:40px;text-align:center;font-weight:500;}
.ticker-track{display:flex;width:max-content;animation:ticker 25s linear infinite;}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.ticker-item{display:flex;align-items:center;gap:28px;padding:0 48px;white-space:nowrap;font-size:13px;color:rgba(0,0,0,.5);border-right:1px solid rgba(0,0,0,.1);}
.ticker-dot{width:4px;height:4px;border-radius:50%;background:#8B7340;flex-shrink:0;}
.ticker-item strong{color:rgba(0,0,0,.75);font-weight:600;}

/* FULLWIDE BLOCK */
.fullwide-block{width:100%;height:420px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.fullwide-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f0900 0%,#1a1000 40%,#0a0700 70%,#050300 100%);}
.fullwide-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px);background-size:60px 60px;}
.fullwide-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);pointer-events:none;}
.fullwide-content{position:relative;z-index:2;text-align:center;}
.fullwide-copy{font-size:clamp(28px,4vw,56px);font-weight:900;letter-spacing:-.05em;line-height:1.15;color:rgba(255,255,255,.9);}
.fullwide-copy em{font-style:normal;color:#D4AF37;}
.fullwide-sub{font-size:14px;font-weight:400;letter-spacing:.1em;color:rgba(255,255,255,.55);margin-top:20px;text-transform:uppercase;}
.fullwide-scroll-text{position:absolute;bottom:32px;left:0;right:0;overflow:hidden;white-space:nowrap;}
.fullwide-scroll-inner{display:inline-block;animation:scrollText 20s linear infinite;font-size:11px;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:rgba(212,175,55,.2);}
@keyframes scrollText{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* COUNTER — 골드 배경 반전 */
.counter-section{background:#D4AF37;padding:120px 0;position:relative;overflow:hidden;}
.counter-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:rgba(0,0,0,.08);}
.counter-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(0,0,0,.08);}
.counter-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 70% 50%,rgba(255,255,255,.1),transparent);pointer-events:none;}
.counter-bg-text{position:absolute;right:-60px;top:50%;transform:translateY(-50%);font-size:280px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.06);pointer-events:none;user-select:none;}
.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1;}
.counter-item{padding:60px 40px;text-align:center;position:relative;border-right:1px solid rgba(0,0,0,.1);}
.counter-item:last-child{border-right:none;}
.counter-num-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px;}
.counter-num{font-size:clamp(52px,6vw,80px);font-weight:900;letter-spacing:-.05em;color:#000;line-height:1;}
.counter-suffix{font-size:clamp(28px,3vw,40px);font-weight:900;color:rgba(0,0,0,.4);}
.counter-label{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(0,0,0,.65);margin-top:16px;}
.counter-desc{font-size:12px;font-weight:500;color:rgba(0,0,0,.55);margin-top:8px;}

/* SERVICE - B3 타임라인형 */
#service{background:var(--bg-3);position:relative;overflow:hidden;}
#service::before{content:'SERVICE';position:absolute;left:-40px;top:50%;transform:translateY(-50%);font-size:280px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(212,175,55,.025);pointer-events:none;user-select:none;white-space:nowrap;}
.service-header{margin-bottom:80px;}
.service-headline{font-size:clamp(32px,4vw,56px);font-weight:900;letter-spacing:-.05em;line-height:1.1;}
.service-headline em{font-style:normal;color:#D4AF37;}
.svc-card{position:relative;overflow:hidden;margin-bottom:2px;}
.svc-card-1{background:#070500;}
.svc-card-2{background:#040408;}
.svc-topline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#D4AF37,rgba(212,175,55,.2),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(0.77,0,.175,1);}
.svc-card:hover .svc-topline{transform:scaleX(1);}
.svc-glow{position:absolute;width:500px;height:500px;border-radius:50%;pointer-events:none;filter:blur(100px);}
.svc-card-1 .svc-glow{background:rgba(212,175,55,.06);top:-150px;right:-100px;}
.svc-card-2 .svc-glow{background:rgba(100,120,255,.05);bottom:-150px;left:-100px;}
.svc-layout{display:grid;grid-template-columns:340px 1fr;}
.svc-left{padding:72px 56px;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;position:relative;}
.svc-num-ghost{position:absolute;bottom:-20px;left:-10px;font-size:200px;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(212,175,55,.05);pointer-events:none;user-select:none;line-height:1;}
.svc-icon{width:44px;height:44px;border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .4s;}
.svc-card:hover .svc-icon{border-color:rgba(212,175,55,.8);background:rgba(212,175,55,.07);}
.svc-icon svg{transition:stroke .4s;}
.svc-card:hover .svc-icon svg{stroke:#D4AF37;}
.svc-num{font-size:80px;font-weight:900;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15);line-height:.9;margin-bottom:18px;transition:-webkit-text-stroke-color .5s;}
.svc-card:hover .svc-num{-webkit-text-stroke-color:rgba(212,175,55,.8);}
.svc-title{font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:10px;transition:color .3s;}
.svc-card:hover .svc-title{color:#f0d060;}
.svc-sub{font-size:12px;color:rgba(255,255,255,.5);letter-spacing:.04em;line-height:1.7;font-weight:400;}
.svc-left-accent{position:absolute;bottom:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,#D4AF37,transparent);opacity:.25;}
.svc-right{padding:72px 64px;display:flex;flex-direction:column;justify-content:center;}
.svc-timeline{display:flex;flex-direction:column;}
.svc-tl-item{display:grid;grid-template-columns:100px 1fr;align-items:stretch;cursor:default;}
.svc-tl-left{display:flex;flex-direction:column;align-items:center;padding-right:24px;}
.svc-tl-label{font-size:10px;font-weight:700;letter-spacing:.15em;color:rgba(212,175,55,.75);margin-bottom:8px;white-space:nowrap;}
.svc-tl-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(212,175,55,.55);flex-shrink:0;transition:all .4s;background:transparent;}
.svc-tl-item:hover .svc-tl-dot{border-color:#D4AF37;background:#D4AF37;box-shadow:0 0 14px rgba(212,175,55,.5);}
.svc-tl-vline{flex:1;width:1px;background:linear-gradient(180deg,rgba(212,175,55,.35),rgba(212,175,55,.05));margin:8px auto 0;}
.svc-tl-item:last-child .svc-tl-vline{display:none;}
.svc-tl-right{padding:0 0 48px 32px;border-left:1px solid rgba(255,255,255,.1);}
.svc-tl-item:last-child .svc-tl-right{padding-bottom:0;}
.svc-tl-header{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.svc-tl-icon{width:32px;height:32px;border:1px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .35s;}
.svc-tl-item:hover .svc-tl-icon{border-color:#D4AF37;background:rgba(212,175,55,.07);}
.svc-tl-icon svg{transition:stroke .35s;}
.svc-tl-item:hover .svc-tl-icon svg{stroke:#D4AF37;}
.svc-tl-name{font-size:17px;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:-.02em;transition:color .35s;}
.svc-tl-item:hover .svc-tl-name{color:#f0d060;}
.svc-tl-desc{font-size:13px;font-weight:400;color:rgba(255,255,255,.65);line-height:1.85;letter-spacing:-.01em;}
.svc-tl-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;}
.svc-tl-tag{font-size:10px;font-weight:500;letter-spacing:.1em;color:rgba(212,175,55,.75);border:1px solid rgba(212,175,55,.3);padding:3px 10px;transition:all .3s;}
.svc-tl-item:hover .svc-tl-tag{border-color:rgba(212,175,55,.6);color:#D4AF37;}

/* WORK */
#work{background:var(--bg-4);}
.work-tagline{font-size:clamp(24px,3.2vw,44px);font-weight:900;letter-spacing:-.04em;color:rgba(255,255,255,.9);margin-top:20px;margin-bottom:80px;line-height:1.15;}
.work-tagline em{font-style:normal;color:#D4AF37;}
.work-tabs{display:flex;gap:8px;margin-bottom:60px;}
.work-tab{padding:12px 32px;font-size:13px;font-weight:600;color:rgba(255,255,255,.5);cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:2px;transition:all .3s;font-family:'Pretendard',sans-serif;letter-spacing:.06em;}
.work-tab.active{color:#fff;background:rgba(212,175,55,.12);border-color:#D4AF37;color:#D4AF37;}
.work-tab:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25);}
.tab-content{display:none;}
.tab-content.active{display:block;}
.broadcast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#1e1e1e;}
.broadcast-item{background:#0a0a0a;aspect-ratio:16/9;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.broadcast-bg-text{position:absolute;font-size:80px;font-weight:900;color:rgba(255,255,255,.04);transition:color .4s;}
.broadcast-item:hover .broadcast-bg-text{color:rgba(212,175,55,.1);}
.broadcast-play-btn{width:52px;height:52px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s;position:relative;z-index:2;}
.broadcast-item:hover .broadcast-play-btn{border-color:#D4AF37;transform:scale(1.14);background:rgba(212,175,55,.12);}
.broadcast-play-btn svg{fill:rgba(255,255,255,.65);transition:fill .3s;margin-left:3px;}
.broadcast-item:hover .broadcast-play-btn svg{fill:#D4AF37;}
.broadcast-video-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:30;transition:background .2s;}
.broadcast-video-close:hover{background:rgba(212,175,55,.8);}
.broadcast-info{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);opacity:0;transform:translateY(6px);transition:all .35s;}
.broadcast-item:hover .broadcast-info{opacity:1;transform:translateY(0);}
.broadcast-channel{font-size:9px;letter-spacing:.2em;color:#D4AF37;text-transform:uppercase;margin-bottom:4px;font-weight:600;}
.broadcast-name{font-size:13px;font-weight:500;color:#fff;}
.digital-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#1e1e1e;}
.digital-item{background:#0a0a0a;aspect-ratio:4/3;position:relative;overflow:hidden;cursor:pointer;}
.digital-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#0d0d0d,#111);transition:background .4s;}
.digital-item:hover .digital-placeholder{background:linear-gradient(135deg,#111,#150f00);}
.digital-img-icon svg{opacity:.2;transition:opacity .3s;}
.digital-item:hover .digital-img-icon svg{opacity:.4;}
.digital-img-label{font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.3);text-transform:uppercase;font-weight:500;}
.digital-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:20px 24px;transition:background .4s;}
.digital-item:hover .digital-overlay{background:rgba(0,0,0,.65);}
.digital-info{opacity:0;transform:translateY(8px);transition:all .35s;}
.digital-item:hover .digital-info{opacity:1;transform:translateY(0);}
.digital-channel{font-size:9px;letter-spacing:.2em;color:#D4AF37;text-transform:uppercase;margin-bottom:4px;font-weight:600;}
.digital-name{font-size:13px;font-weight:500;color:#fff;}
.clients-section{margin-top:120px;padding-top:80px;border-top:1px solid #1e1e1e;}
.clients-label{font-size:clamp(32px,3.5vw,52px);font-weight:900;letter-spacing:-.03em;color:#fff;margin-bottom:12px;text-align:center;}
.clients-sublabel{font-size:14px;font-weight:400;color:rgba(255,255,255,.4);text-align:center;margin-bottom:80px;letter-spacing:.02em;}
.clients-marquee-wrap{overflow:hidden;position:relative;}
.clients-marquee-wrap::before,.clients-marquee-wrap::after{content:'';position:absolute;top:0;bottom:0;width:160px;z-index:2;}
.clients-marquee-wrap::before{left:0;background:linear-gradient(90deg,#020202,transparent);}
.clients-marquee-wrap::after{right:0;background:linear-gradient(-90deg,#020202,transparent);}
.clients-marquee{display:flex;animation:marquee 30s linear infinite;width:max-content;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.client-item{padding:24px 56px;border-right:1px solid #1e1e1e;font-size:15px;font-weight:500;color:rgba(255,255,255,.9);white-space:nowrap;flex-shrink:0;transition:color .3s;display:flex;align-items:center;}
.client-item:hover{color:rgba(255,255,255,.9);}
.client-logo-img{height:28px;width:auto;max-width:110px;object-fit:contain;opacity:.45;filter:grayscale(1) brightness(2);transition:opacity .3s,filter .3s;display:block;}
.client-item:hover .client-logo-img{opacity:.9;filter:grayscale(0) brightness(1);}

/* CONTACT — 딥골드 다크 반전 */
#contact{background:#0f0900;position:relative;padding-top:200px;}
#contact::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#D4AF37,transparent);}
#contact::after{content:'';position:absolute;top:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(212,175,55,.1),transparent 65%);pointer-events:none;}
.contact-top{margin-bottom:100px;}
.contact-headline{font-size:clamp(28px,4vw,58px);font-weight:900;letter-spacing:-.05em;line-height:1.1;margin-bottom:28px;}
.contact-headline em{font-style:normal;color:#D4AF37;}
.contact-sub{font-size:15px;font-weight:400;line-height:1.8;color:rgba(255,255,255,.6);}
.contact-bottom-glow{position:absolute;bottom:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(212,175,55,.07),transparent 65%);pointer-events:none;}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;align-items:start;}
.contact-address-label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#D4AF37;margin-bottom:14px;font-weight:600;}
.contact-address-value{font-size:15px;font-weight:400;line-height:1.9;color:rgba(255,255,255,.75);}
.contact-form{display:flex;flex-direction:column;gap:20px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.form-group{display:flex;flex-direction:column;gap:10px;}
.form-label{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(212,175,55,.85);}
.form-input,.form-textarea{background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.3);color:rgba(255,255,255,.95);padding:16px 20px;font-family:'Pretendard',sans-serif;font-size:14px;font-weight:400;outline:none;transition:border-color .3s,background .3s;}
.form-input:focus,.form-textarea:focus{border-color:#D4AF37;background:rgba(212,175,55,.1);}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(255,255,255,.3);}
.form-textarea{height:120px;resize:none;}
.submit-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 52px;background:#D4AF37;color:#000;font-family:'Pretendard',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;border:none;cursor:pointer;align-self:flex-start;position:relative;overflow:hidden;transition:color .3s;}
.submit-btn::before{content:'';position:absolute;inset:0;background:#000;transform:translateY(100%);transition:transform .4s cubic-bezier(0.77,0,.175,1);}
.submit-btn:hover{color:#D4AF37;}
.submit-btn:hover::before{transform:translateY(0);}
.submit-btn span{position:relative;z-index:1;}
#formMessage{font-size:13px;margin-top:8px;display:none;}

/* FOOTER */
footer{padding:60px 0 40px;background:#0a0600;border-top:1px solid rgba(212,175,55,.1);}
.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;}
.footer-logo{font-size:16px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.5);}
.footer-logo span{color:#D4AF37;}
.footer-nav{display:flex;gap:32px;position:static !important;top:auto;left:auto;right:auto;z-index:auto;padding:0;background:none;}
.footer-nav a{font-size:12px;font-weight:400;color:rgba(255,255,255,.3);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .2s;position:static;}
.footer-nav a:hover{color:rgba(255,255,255,.7);}
.footer-divider{height:1px;background:rgba(255,255,255,.06);margin-bottom:28px;}
.footer-bottom{display:flex;flex-direction:column;gap:12px;}
.footer-info{font-size:11px;color:rgba(255,255,255,.25);line-height:1.8;display:flex;flex-wrap:wrap;gap:4px 0;align-items:center;}
.footer-info span{color:rgba(255,255,255,.25);}
.footer-sep{margin:0 10px;color:rgba(255,255,255,.12);}
.footer-copy{font-size:11px;color:rgba(255,255,255,.15);letter-spacing:.04em;}

/* REVEAL */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s ease,transform .9s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:.12s;}
.reveal-delay-2{transition-delay:.24s;}
.counter-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease;}
.counter-reveal.visible{opacity:1;transform:translateY(0);}

/* ── WORK 페이지네이션 (PC, 6개 초과 시) ── */
.work-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 48px;
}
.work-page-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.15);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: all .3s;
}
.work-page-dot.active {
  background: #D4AF37;
  width: 24px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(212,175,55,.4);
}
.work-page-dot:hover:not(.active) {
  background: rgba(212,175,55,.4);
}
.broadcast-item.hidden,
.digital-item.hidden {
  display: none;
}