:root{color-scheme:dark;--bg:#171819;--white:#f5f4ef;--muted:#a5a6a4;--line:#444647;font-family:Arial,'Helvetica Neue','Noto Sans KR',sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #e8ed91;outline-offset:5px}button:disabled{cursor:default}::selection{background:#e8ed91;color:#171819}.skip{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;color:#111;padding:14px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1,h2{font-family:Impact,'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:900;line-height:.95;letter-spacing:-.045em}.hero{height:min(900px,100svh);min-height:600px;position:relative;background:#272322;isolation:isolate;overflow:hidden}.heroposter,.herovideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.herovideo{opacity:0;transition:opacity .5s}.herovideo.visible{opacity:1}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.27),transparent 40%,rgba(0,0,0,.64))}.navbar{padding:34px 3.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.logo{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(29px,3.2vw,47px);letter-spacing:-.085em;line-height:1;white-space:nowrap}.logo span{font-size:10px;vertical-align:top;display:inline-block;margin-left:5px;letter-spacing:0}.navlinks{display:flex;gap:31px;font-size:11px;letter-spacing:.05em;font-weight:700}.navlinks a{padding:12px 0;border-bottom:1px solid transparent}.navlinks a:hover{border-color:currentColor}.herofoot{position:absolute;left:3.5%;right:3.5%;bottom:88px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;margin-bottom:19px;line-height:1.5}.hero h1{font-size:clamp(52px,7.4vw,118px);letter-spacing:-.05em;white-space:nowrap}.heroactions{display:flex;align-items:center;gap:10px;padding-bottom:5px;flex-shrink:0}.roundbutton{border:1px solid #d3d4d2;background:transparent;border-radius:40px;padding:16px 22px;font-size:10px;letter-spacing:.06em;white-space:nowrap;transition:background .2s,color .2s}.roundbutton:hover{background:var(--white);color:var(--bg)}.videotoggle{width:40px;height:40px;border:1px solid #a6a7a4;background:transparent;border-radius:50%;font-size:14px}.scrollcue{position:absolute;bottom:30px;left:3.5%;font-size:8px;letter-spacing:.12em;color:#ddd}.collections{padding:104px 2% 0}.collection{margin-bottom:76px;scroll-margin-top:35px}.sectiontitle{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 1.5%;margin-bottom:25px}.sectiontitle h2{font-size:clamp(36px,4.2vw,66px)}.sectiontitle>span{font-size:10px;color:#b5b6b3;padding-bottom:5px;letter-spacing:.08em}.allbutton{border:0;background:none;font-size:10px;font-weight:700;letter-spacing:.05em;padding:12px 0;border-bottom:1px solid #8e918f;white-space:nowrap}.allbutton:hover{color:#e8ed91}.mosaic,.allgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.film{border:0;padding:0;position:relative;display:block;aspect-ratio:16/10;background:#27292b;overflow:hidden;text-align:left;isolation:isolate}.film>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s,opacity .3s}.film:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.73));transition:opacity .25s}.filmtext{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;transition:opacity .22s;pointer-events:none}.filmtext strong{display:block;font-size:clamp(11px,1.1vw,18px);font-weight:700;line-height:1.25;letter-spacing:-.02em}.filmtext small{display:block;margin-top:8px;font-size:8px;letter-spacing:.07em;color:#dededb}.playicon{position:absolute;right:12px;top:12px;border:1px solid #ffffff80;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;z-index:2;opacity:.75;font-size:14px;transition:opacity .2s;pointer-events:none}.film:hover>img{transform:scale(1.035)}.film.playing .filmtext,.film.playing .playicon,.film.playing:after{opacity:0}.hovervideo{position:absolute;inset:0;opacity:0;z-index:1;overflow:hidden;pointer-events:none;transition:opacity .25s}.hovervideo.on{opacity:1}.hovervideo iframe{position:absolute;width:145%;height:145%;left:-22.5%;top:-22.5%;border:0;pointer-events:none}.brands{background:#ecece6;color:#202321;padding:88px 3.5% 80px;margin-top:20px}.brandhead{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}.brandhead h2{font-size:clamp(56px,7vw,112px)}.brandhead .eyebrow{color:#6b706a}.brandhead>p{font-size:12px;line-height:1.9;color:#6a6d66;padding-bottom:5px}.brandsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c4c7be;border-left:1px solid #c4c7be}.brand{height:123px;border-bottom:1px solid #c4c7be;border-right:1px solid #c4c7be;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center}.brand b{font-size:clamp(16px,1.9vw,30px);letter-spacing:-.045em}.brand:nth-child(1) b{font-family:Georgia,serif;font-size:clamp(14px,1.7vw,27px);font-weight:400;letter-spacing:.04em}.brand:nth-child(5) b{font-family:Georgia,serif;font-size:35px}.brand:nth-child(8) b{letter-spacing:.07em;font-size:clamp(13px,1.5vw,24px)}.studio{padding:0 3.5% 110px}.studiorow{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px}.studio h2{font-size:clamp(45px,5.6vw,90px)}.about{font-size:13px;line-height:1.95;color:#a9aca8;max-width:475px;margin-top:30px;word-break:keep-all}.stats{display:flex;gap:35px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:35px 0 33px}.number{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:800;font-size:clamp(62px,6.7vw,108px);letter-spacing:-.065em;line-height:1}.number span{font-family:Arial,sans-serif;font-size:.4em;vertical-align:top;line-height:1.6;letter-spacing:0}.stats p{font-size:9px;color:#a6aaa3;letter-spacing:.07em;margin-top:14px}.skills{font-size:10px;color:#aeb0ac;line-height:2.3;margin-top:26px;letter-spacing:.03em}.contact{padding:95px 3.5% 30px;background:#e7e8e1;color:#202321}.contactrow{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:clamp(57px,7.7vw,123px)}.email{display:inline-block;font-size:clamp(22px,2.4vw,39px);margin-top:30px;letter-spacing:-.055em;border-bottom:1px solid #9a9e92;padding-bottom:8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:29px 20px;padding-top:8px}.formgrid label{display:block;font-size:10px;color:#62685d}.wide{grid-column:1/-1}.formgrid input,.formgrid textarea{display:block;background:none;border:0;border-bottom:1px solid #a8ac9f;border-radius:0;width:100%;padding:13px 0;color:#202321;outline-offset:3px;font-size:13px}.formgrid input::placeholder,.formgrid textarea::placeholder{color:#8b9085}.formgrid textarea{height:80px;resize:vertical;min-height:80px}.emailbutton{background:none;border:0;border-bottom:1px solid #646b5a;padding:17px 0 9px;font-size:11px;color:#202321;font-weight:700;letter-spacing:.04em;margin-top:15px}.formhint{font-size:10px;color:#737a6b;line-height:1.7;margin-top:15px;word-break:keep-all}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:110px;padding-top:24px;border-top:1px solid #b7bcae;font-size:9px;letter-spacing:.03em}.socials{display:flex;gap:25px}.socials a:hover{text-decoration:underline}.playerdialog{border:0;background:#141517;color:var(--white);width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:auto}.playerdialog::backdrop{background:#141517}.ovnav{padding:27px 3.5%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.textbutton{border:0;background:none;padding:12px 0;font-size:11px;letter-spacing:.05em}.playerwrap{width:min(1120px,90%);margin:40px auto 60px}.playerwrap h2{font-family:Arial,sans-serif;font-size:clamp(17px,2.2vw,30px);letter-spacing:-.03em;line-height:1.3;margin-bottom:22px}.player{aspect-ratio:16/9;background:#080808}.player iframe{width:100%;height:100%;border:0}.playerfoot{display:flex;justify-content:space-between;gap:12px;font-size:9px;margin-top:22px;letter-spacing:.05em}.playerfoot a{border-bottom:1px solid #999;padding-bottom:7px}.playerhint{font-size:11px;color:#8e938c;margin-top:20px}.workpage .navbar{border-bottom:1px solid var(--line)}.workbody{padding:78px 3.5% 100px;min-height:75vh}.workheading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.workheading h1{font-size:clamp(65px,9vw,140px)}.workheading h1 span{font-family:Arial,sans-serif;font-size:14px;vertical-align:top;letter-spacing:0;margin-left:15px;line-height:2}.worktools{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #666b65;border-radius:40px;background:none;padding:10px 14px;font-size:9px;letter-spacing:.04em}.filter.selected{background:var(--white);color:var(--bg);border-color:var(--white)}.searchwrap{position:relative;display:block;width:235px}.search{width:100%;border:0;border-bottom:1px solid #666b65;border-radius:0;background:transparent;color:var(--white);font-size:11px;padding:13px 25px 13px 0}.searchwrap>span:last-child{position:absolute;right:3px;top:6px;font-size:23px;pointer-events:none}.counter{font-size:9px;color:#9b9f97;letter-spacing:.06em;margin:25px 0 15px}.allgrid{gap:10px}.allgrid .film{aspect-ratio:16/10}.empty{padding:80px 0;text-align:center;color:#aaa;font-size:14px}.archivefooter{padding:30px 3.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.archivefooter>a:nth-child(2),.archivefooter>span{font-size:10px}[hidden]{display:none!important}@media(min-width:1700px){.collections,.brands,.studio,.contact,.workbody{padding-left:max(3.5%,calc((100vw - 1700px)/2));padding-right:max(3.5%,calc((100vw - 1700px)/2))}}@media(max-width:1100px){.hero h1{font-size:7.7vw}.herofoot{flex-wrap:wrap}.heroactions{padding-top:6px}.navlinks{gap:22px}.studiorow,.contactrow{gap:6%}.number{font-size:7.7vw}.stats{gap:22px}.filmtext{left:12px;right:9px;bottom:12px}}@media(max-width:960px){.mosaic,.allgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.filmtext strong{font-size:16px}.filmtext small{font-size:9px}.film{aspect-ratio:16/9}.studiorow{grid-template-columns:1fr;gap:40px}.stats{justify-content:flex-start;gap:80px;padding-top:0}.number{font-size:90px}.studio h2{font-size:72px}.worktools{align-items:flex-start}.searchwrap{width:100%}}@media(max-width:650px){.hero{height:88svh;min-height:580px;max-height:900px}.navbar{padding:25px 19px;gap:12px}.logo{font-size:31px}.logo span{font-size:8px;margin-left:3px}.navlinks{font-size:8px;gap:13px}.herofoot{left:19px;right:19px;bottom:73px;gap:23px}.hero h1{font-size:clamp(34px,8.6vw,56px)}.hero .eyebrow{font-size:8px;margin-bottom:13px}.heroactions{width:100%;justify-content:space-between}.roundbutton{padding:14px 20px;font-size:9px}.scrollcue{left:19px;bottom:27px;font-size:7px}.collections{padding:65px 8px 0}.collection{margin-bottom:49px}.sectiontitle{padding:0 8px;margin-bottom:18px}.sectiontitle h2{font-size:clamp(30px,7.7vw,48px)}.sectiontitle>span,.allbutton{font-size:8px}.allbutton{padding-bottom:8px}.mosaic,.allgrid{gap:5px}.film,.allgrid .film{aspect-ratio:4/3}.filmtext{left:10px;bottom:11px;right:8px}.filmtext strong{font-size:11px}.filmtext small{font-size:7px;margin-top:5px}.playicon{width:24px;height:24px;right:8px;top:8px;font-size:12px}.brands{padding:66px 19px 62px;margin-top:9px}.brandhead{display:block;margin-bottom:27px}.brandhead h2{font-size:58px}.brandhead>p{font-size:11px;margin-top:22px}.brandsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{height:92px;padding:12px}.brand:last-child{grid-column:1/-1}.brand b{font-size:17px}.brand:nth-child(1) b{font-size:12px}.brand:nth-child(8) b{font-size:12px}.eyebrow{font-size:9px;margin-bottom:17px}.studio{padding:0 19px 74px}.studiorow{padding-top:74px;gap:36px}.studio h2{font-size:clamp(45px,13vw,73px)}.about{font-size:12px;margin-top:24px}.stats{gap:35px;justify-content:space-between;padding-bottom:27px}.number{font-size:clamp(59px,18vw,80px)}.stats p{font-size:8px}.skills{font-size:8px;line-height:2.1;margin-top:21px}.contact{padding:69px 19px 26px}.contactrow{grid-template-columns:1fr;gap:55px}.contact h2{font-size:clamp(56px,15.5vw,85px)}.email{font-size:29px;margin-top:25px}.formgrid{gap:26px 18px}.formgrid input,.formgrid textarea{font-size:16px}.formhint{font-size:9px}.footer{margin-top:70px;align-items:flex-start;font-size:7px;gap:14px}.socials{gap:13px}.workbody{padding:44px 8px 64px}.workheading{padding:0 8px;flex-wrap:wrap;gap:18px;margin-bottom:34px}.workheading h1{font-size:76px}.workheading h1 span{font-size:12px;margin-left:9px}.worktools{padding:0 8px;gap:20px}.filters{gap:6px}.filter{padding:9px 11px;font-size:8px}.counter{margin-left:8px}.search{font-size:13px}.archivefooter{padding:26px 19px;flex-wrap:wrap}.archivefooter>a:nth-child(2),.archivefooter>span{font-size:8px}.archivefooter .logo{font-size:28px}.ovnav{padding:18px 19px;font-size:10px}.playerwrap{margin-top:45px;width:94%}.playerwrap h2{font-size:18px}.playerfoot{font-size:7px}.playerhint{font-size:10px}.textbutton{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.film:hover>img{transform:none}}

.selectionnote{font:10px/1.7 Arial,sans-serif;color:#a5a6a4;margin-top:12px;letter-spacing:.01em}@media(max-width:650px){.selectionnote{font-size:9px;margin-top:9px}}

/* Compact brand wall: familiar local names with company / product associations. */
.brands .brandsgrid{list-style:none;padding:0;margin:0;grid-template-columns:repeat(6,minmax(0,1fr));border:0;column-gap:24px;row-gap:0}
.brands .brand{height:84px;border:0;border-top:1px solid #c7cbc0;padding:15px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0}
.brands .brand b{font-family:Arial,'Noto Sans KR',sans-serif;font-size:clamp(14px,1.5vw,22px);font-weight:700;letter-spacing:-.045em;line-height:1.25;white-space:nowrap}
.brands .brand span{font-size:9px;line-height:1.35;letter-spacing:.025em;color:#777e71;white-space:nowrap}
.brands .brand.corporate{height:94px}
.brands .brand.corporate b{font-weight:800}
.brands .brand:last-child{grid-column:auto}
@media(max-width:1100px){.brands .brandsgrid{column-gap:16px}.brands .brand b{font-size:16px}.brands .brand span{font-size:8px}}
@media(max-width:850px){.brands .brandsgrid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px}.brands .brand.corporate{height:84px}.brands .brand b{font-size:18px}.brands .brand span{font-size:9px}}
@media(max-width:650px){.brands .brandsgrid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:13px}.brands .brand,.brands .brand.corporate{height:76px;padding:12px 0;gap:7px}.brands .brand b{font-size:clamp(12px,3.4vw,17px);letter-spacing:-.055em}.brands .brand span{font-size:8px;letter-spacing:0}.brands .brand:last-child{grid-column:auto}.brandhead{margin-bottom:26px}}

/* Original 3DVIEW identity: cyan / blue accents on a neutral portfolio layout. */
:root{--accent:#43bddc;--accent-dark:#087f9e}
::selection{background:#43bddc;color:#081824}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--accent)}
.navbar .logo,.archivefooter .logo{display:inline-flex;align-items:center;gap:9px;line-height:1;letter-spacing:0}
.logo .logomark{display:block;width:39px;height:39px;object-fit:contain}
.logo .logotype{display:block;width:134px;height:30px;object-fit:contain}
.navlinks a:hover{color:#71d1e8}
.roundbutton:hover{background:var(--accent);border-color:var(--accent);color:#10212b}
.allbutton:hover{color:var(--accent)}
.hero .eyebrow{color:#c5eefa}
.brands{background:#edf1f3}
.brands .brandhead .eyebrow{color:var(--accent-dark)}
.brands .brand{border-top-color:#cbd4d8}
.brands .brand span{color:#697a83;white-space:normal;max-width:100%;line-height:1.4}
.brands .brand.corporate{height:100px}
.brands .brand.corporate b{color:#142f42}
.contact{background:#e8eef1;border-top:3px solid var(--accent)}
.contact .eyebrow{color:var(--accent-dark)}
.email:hover,.emailbutton:hover{color:var(--accent-dark)}
.companydetails{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:28px;font-style:normal;font-size:12px;line-height:1.8;color:#566773}
.companydetails>a{font-size:16px;color:#203b4c;letter-spacing:.03em}
.companydetails>a:hover{text-decoration:underline}
@media(max-width:850px){.brands .brand.corporate{height:84px}}
@media(max-width:650px){.navbar .logo{gap:6px}.logo .logomark{width:27px;height:27px}.logo .logotype{width:94px;height:23px}.navbar{gap:8px}.navlinks{gap:11px}.brands .brand,.brands .brand.corporate{height:82px}.brands .brand span{font-size:8px}.companydetails{font-size:11px;gap:12px;margin-top:22px}.companydetails>a{font-size:15px}.archivefooter .logo .logomark{width:28px;height:28px}.archivefooter .logo .logotype{width:100px;height:24px}}
/* Final QA: keep narrow phones within the viewport. */
.contactrow{grid-template-columns:repeat(2,minmax(0,1fr))}
.contactrow>div,.formgrid>label{min-width:0}
.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.contactrow{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(28px,8.6vw,56px)}.contact h2{font-size:clamp(44px,14.5vw,85px)}.email{font-size:clamp(23px,7vw,29px)}}
@media(max-width:380px){.navbar{padding:24px 16px}.navbar .logo .logomark{width:24px;height:24px}.navbar .logo .logotype{width:80px;height:21px}.navlinks{font-size:7.5px;gap:9px}}