:root{--bg:#08090a;--bg2:#0f1114;--surface:#131519;--ink:#f0eee9;--muted:#a7a9ac;--faint:#707276;--line:rgba(214,219,223,.16);--silver:#c9cdd2;--serif:'Bodoni MT','Didot','Times New Roman',Georgia,serif;--sans:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}::selection{background:#e1e2df;color:#111}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #edf4ff;outline-offset:4px}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.site-shell{overflow:hidden}.site-header{position:fixed;inset:0 0 auto 0;z-index:30;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(6,7,9,.72);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:background .3s,border-color .3s}.site-header.scrolled{background:rgba(6,7,9,.95);border-color:var(--line)}.header-inner{height:86px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:13px;min-width:238px}.brand-mark{height:41px;width:41px;border:1px solid rgba(236,236,237,.52);display:grid;place-items:center;font-family:var(--serif);font-size:22px;letter-spacing:-3px;color:#dedfe1;background:linear-gradient(145deg,#1a1c20,#080808);box-shadow:0 0 0 4px rgba(255,255,255,.02)}.brand-label{display:flex;flex-direction:column;gap:4px}.brand-label b{font:500 17px/1 var(--serif);letter-spacing:1.8px}.brand-label small{font:500 8px/1.1 var(--sans);letter-spacing:1.5px;color:#93969a}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:38px;margin:auto}.desktop-nav a,.header-contact{font:600 10px var(--sans);letter-spacing:2px;color:#c5c7ca;transition:color .25s}.desktop-nav a:hover,.header-contact:hover{color:#fff}.header-contact{border:1px solid #666b73;padding:14px 19px;display:flex;justify-content:space-between;gap:24px;min-width:152px}.header-contact:hover{background:#e5e6e8;color:#08090a}.menu-toggle,.mobile-nav{display:none}.hero{min-height:790px;position:relative;padding:145px 0 42px;background:radial-gradient(ellipse at 76% 34%,#20232950 0,transparent 42%),radial-gradient(ellipse at 19% 70%,#1a1b1e40,transparent 46%),#08090a}.hero:before{content:"";position:absolute;top:0;right:0;width:63%;height:100%;background:repeating-linear-gradient(120deg,transparent 0 75px,rgba(250,250,255,.012) 75px 76px);pointer-events:none}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.11' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:40px;position:relative}.hero-copy{position:relative;z-index:2;padding-block:60px 40px}.overline,.eyebrow{font:600 11px/1.5 var(--sans);letter-spacing:2.8px;color:#a9acb0}.overline{display:flex;align-items:center;gap:12px;white-space:nowrap}.overline-dash{width:27px;height:1px;background:#abb0b5}.overline-num{margin-left:15px;font-size:9px;letter-spacing:1.1px;color:#777b82}.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(92px,10.5vw,163px);letter-spacing:-.078em;line-height:.8;margin-top:44px;text-shadow:0 0 35px #d7d7d719}.hero-title>span,.hero-title>em{display:block;font-style:normal;width:max-content;max-width:100%;background:linear-gradient(155deg,#fff 0%,#dde0e2 27%,#969ba2 54%,#fff 77%,#8f949b 99%);background-size:150% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}.hero-title em{font-size:.95em;margin-top:15px;letter-spacing:-.04em}.hero-star{display:inline-block;color:#f6f6f4;font-size:.20em;vertical-align:top;transform:translate(15px,10px);letter-spacing:0;background:none;-webkit-text-fill-color:#ddd}.hero-kicker{font:500 15px/1.5 var(--serif);letter-spacing:5px;margin-top:38px;color:#e8e6e3}.hero-kicker span{color:#858990}.hero-description{margin-top:29px;font-size:15px;line-height:2.25;color:#a3a5ab;font-weight:400}.hero-description strong{color:#e4e5e8;font-weight:500}.hero-actions{display:flex;gap:11px;margin-top:36px;flex-wrap:wrap}.btn{min-width:188px;min-height:53px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 19px;font-size:12px;font-weight:600;letter-spacing:.1px;transition:transform .25s,border-color .25s,background .25s,color .25s;border:1px solid transparent}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#090a0b;background:linear-gradient(110deg,#f7f8f8 0%,#bfc3c8 40%,#f8f9f8 100%)}.btn-primary:hover{background:#fff}.btn-ghost{color:#ebecee;border-color:#474a50}.btn-ghost:hover{border-color:#e5e5e5;background:#25282c}.hero-footnote{margin-top:49px;display:flex;align-items:center;gap:14px;color:#797b81;font:500 9px var(--sans);letter-spacing:2px}.footnote-line{display:block;width:35px;height:1px;background:#757983}.hero-visual{min-height:555px;position:relative;display:flex;align-items:center;justify-content:center}.visual-halo{position:absolute;width:92%;aspect-ratio:1;border:1px solid rgba(218,219,226,.06);border-radius:50%;background:radial-gradient(circle,#d9e1e507 0,transparent 65%);box-shadow:0 0 80px #c7c9d007}.visual-halo:after{content:"";position:absolute;inset:-19px;border:1px solid #dce1e908;border-radius:50%}.hero-art{position:relative;z-index:1;width:min(100%,560px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 20px 90px rgba(0,0,0,.55),0 0 55px #d2d9dd0a}.hero-art img{height:100%;width:100%;object-fit:cover;transform:scale(1.035)}.hero-art:after{position:absolute;content:"";inset:0;border-radius:50%;background:linear-gradient(117deg,transparent 25%,#fff0 42%,#fff9 50%,#fff0 55%,transparent 70%);background-size:250% 100%;animation:hero-glint 9s linear infinite;pointer-events:none;mix-blend-mode:screen;opacity:.13}.art-index{position:absolute;z-index:2;bottom:0;right:-8px;font:500 10px var(--sans);letter-spacing:2px;color:#94979d;writing-mode:vertical-rl}.art-corner{position:absolute;width:40px;height:40px;pointer-events:none}.art-corner.top-left{top:50px;left:-17px;border-left:1px solid #a7a8a988;border-top:1px solid #a7a8a988}.art-corner.bottom-right{bottom:38px;right:9px;border-right:1px solid #a7a8a988;border-bottom:1px solid #a7a8a988}.hero-bottom{display:flex;justify-content:space-between;align-items:center;color:#777a7e;font-size:9px;font-weight:500;letter-spacing:2.1px;margin-top:16px}.scroll-rule{width:1px;height:40px;background:linear-gradient(#d2d5d7,transparent)}.signature-strip{overflow:hidden;border-block:1px solid var(--line);background:#111215}.strip-track{display:flex;gap:35px;align-items:center;width:max-content;padding:19px 0;animation:marquee 38s linear infinite}.strip-track span{font:500 13px var(--serif);letter-spacing:3.8px;color:#a3a4a7;white-space:nowrap}.strip-track i{font-size:12px;font-style:normal;color:#686a6d}.section{padding:125px 0}.section-label{display:inline-flex;gap:18px;align-items:center;white-space:nowrap;font:600 10px/1.1 var(--sans);letter-spacing:1.7px;color:#a7aaae}.section-label>span:first-child{color:#e1e3e4;border-right:1px solid #6d7278;padding-right:17px}.intro-section{background:linear-gradient(180deg,#0a0b0d,#101114)}.intro-layout{display:grid;grid-template-columns:300px 1fr;gap:50px}.intro-content{max-width:900px}.section-headline{font-family:var(--sans);font-weight:500;font-size:clamp(36px,4.1vw,61px);line-height:1.45;letter-spacing:-2.8px;margin-top:18px}.section-headline em{font-family:var(--serif);font-style:normal;font-weight:400;color:#c7c8ce;letter-spacing:-2.5px}.body-copy{font-size:15px;line-height:2.15;max-width:680px;color:#a3a7ad;margin-top:33px}.intro-stat-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:60px;padding-top:30px}.intro-stat-row>div{display:flex;flex-direction:column;gap:12px}.intro-stat-row strong{font:400 30px var(--serif);color:#ddd}.intro-stat-row span{font:500 9px var(--sans);letter-spacing:1.35px;color:#777b82}.services-section{background:#0a0b0d}.section-topline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px}.label-aside{font:500 10px var(--serif);letter-spacing:2px;color:#73757c}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:26px;margin:55px 0 57px}.section-side-copy{color:#8d9197;font-size:13px;line-height:1.9;margin-bottom:12px;max-width:335px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-card{position:relative;min-height:322px;border:1px solid var(--line);background:linear-gradient(155deg,#181a1e99,#0d0e1199);padding:29px;display:flex;flex-direction:column;transition:background .35s,border-color .35s,transform .35s}.service-card:before{content:"";position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e4e4e490,transparent);opacity:0;transition:opacity .4s}.service-card:hover{transform:translateY(-5px);border-color:#989ca06b;background:#16181c}.service-card:hover:before{opacity:1}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-id{font:500 10px var(--serif);letter-spacing:2px;color:#8a8d90}.service-ornament{color:#888e95;font-size:12px}.service-symbol{font:normal 72px/1 var(--serif);margin:24px 0 25px;color:#d9dce0;letter-spacing:-7px;text-shadow:0 0 22px #eeeeee1e}.symbol-detail{font-size:37px;color:#777}.service-ps{font-family:var(--sans);font-size:54px;letter-spacing:-3px;font-weight:300}.service-card h3{font-size:20px;letter-spacing:-.4px;font-weight:600}.service-card p{font-size:12px;line-height:1.9;color:#999da4;margin-top:13px;max-width:340px;flex:1}.service-tags{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}.service-tags span{border-top:1px solid #64666c73;padding-top:9px;color:#84878e;font-size:9px;letter-spacing:1px}.portfolio-section{background:#0f1114}.portfolio-heading{margin-bottom:38px}.filter-row{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.filter-btn{border:0;background:none;color:#858990;padding:0 0 18px;font:600 11px var(--sans);letter-spacing:1.4px;cursor:pointer;position:relative}.filter-btn:hover,.filter-btn.active{color:#eee}.filter-btn.active:after{content:"";height:1px;background:#ddd;left:0;right:0;bottom:-1px;position:absolute}.filter-btn sup{font-size:8px;margin-left:6px;top:-.4em}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{text-align:left;color:#eee;display:block;border:0;background:transparent;padding:0;cursor:pointer;min-width:0}.work-card[hidden]{display:none}.work-main{grid-column:span 2;grid-row:span 2}.work-frame{position:relative;background:#191a1c;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;border:1px solid #49494f77}.work-main .work-frame{aspect-ratio:auto;height:calc(100% - 61px);min-height:560px}.work-frame img,.work-frame video{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.work-card:hover .work-frame img,.work-card:hover .work-frame video{transform:scale(1.045);filter:brightness(1.15)}.work-open{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #aaaaaa88;background:#0c0c0cb5;font-size:16px;transition:background .2s}.work-card:hover .work-open{background:#e7e8e8;color:#111}.work-meta{display:flex;flex-direction:column;padding:15px 1px 21px;gap:8px}.work-meta>span{font:500 9px var(--sans);letter-spacing:1.4px;color:#8b8d93}.work-meta strong{font:400 16px var(--serif);letter-spacing:1px}.motion-play{position:absolute;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#f1f1f0ca;color:#121212;font-size:20px;box-shadow:0 0 0 15px #f1f1f012}.portfolio-after{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:37px;padding-top:22px;gap:15px}.portfolio-after span{font:500 10px var(--serif);letter-spacing:1.8px;color:#7b7d84}.portfolio-after a{font-size:12px;color:#e3e4e6}.portfolio-after a:hover{text-decoration:underline}.process-section{background:#0a0b0d}.process-list{margin-top:58px}.process-item{display:grid;grid-template-columns:150px 1fr 50px;align-items:center;gap:25px;padding:34px 10px 34px 0;border-bottom:1px solid var(--line)}.process-item:first-child{border-top:1px solid var(--line)}.process-item>span:first-child{font:400 44px var(--serif);color:#9d9fa4}.process-item h3{font:400 28px var(--serif);letter-spacing:2px;color:#e6e6e5}.process-item h3 small{font:500 15px var(--sans);letter-spacing:0;margin-left:25px;color:#aeb1b6}.process-item p{font-size:12px;color:#858990;margin-top:14px;line-height:1.9}.process-sym{font-size:22px;color:#9da2a8}.contact-section{position:relative;text-align:center;padding:130px 0;background:radial-gradient(ellipse at 50% 25%,#22262b 0,transparent 56%),linear-gradient(180deg,#15171b,#070809);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-section:before{content:"";position:absolute;width:min(75vw,950px);height:min(75vw,950px);border:1px solid #ddd1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.contact-layout{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.contact-symbol{font-size:25px;color:#c9cbd0;margin-bottom:25px}.contact-layout h2{font-size:clamp(39px,5.7vw,76px);line-height:1.38;font-weight:500;letter-spacing:-3px;margin:18px 0 20px}.contact-layout h2 em{font-style:normal;font-family:var(--serif);color:#dbdde0;font-weight:400}.contact-layout>p:not(.eyebrow){font-size:14px;color:#a4a6ab;line-height:1.9}.contact-btn{margin-top:35px;width:242px}.contact-sub{font:500 11px var(--serif);letter-spacing:3px;color:#777980;margin-top:55px}.footer{padding:47px 0 25px;background:#080809}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:48px}.footer-name{font:400 35px var(--serif);letter-spacing:-1px}.footer-main p{font:500 10px var(--sans);letter-spacing:2px;color:#85898f;margin-top:6px}.footer-links{display:flex;gap:27px;font:500 10px var(--sans);letter-spacing:1px;color:#a0a3a8}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:500 9px var(--sans);letter-spacing:1.2px;color:#77797e}.footer-bottom a{color:#bbb}.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.lightbox[hidden]{display:none}.lightbox-backdrop{position:absolute;inset:0;background:#000e;backdrop-filter:blur(18px)}.lightbox-panel{width:min(980px,100%);max-height:95vh;z-index:2;border:1px solid #d7dbe13d;background:#0d0e10;display:flex;flex-direction:column;padding:22px}.lightbox-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:18px}.lightbox-eyebrow{font:500 9px var(--sans);letter-spacing:2px;color:#81868e}.lightbox-head h3{font:400 25px var(--serif);letter-spacing:1.4px;margin-top:5px}.lightbox-head p{font-size:12px;color:#a0a4ab;margin-top:5px}.lightbox-close{background:#222327;color:#e5e7ec;border:1px solid #676b7180;width:44px;height:44px;cursor:pointer}.lightbox-media{overflow:auto;display:grid;place-items:center;min-height:0;background:#050505}.lightbox-media img,.lightbox-media video{object-fit:contain;max-height:calc(95vh - 165px);max-width:100%;height:auto;width:auto}.lightbox-media video{width:100%;max-height:calc(95vh - 165px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes hero-glint{0%{background-position:230%}100%{background-position:-140%}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1150px){.container{width:min(calc(100% - 64px),var(--max))}.desktop-nav{gap:22px}.brand{min-width:220px}.hero-title{font-size:clamp(77px,9.6vw,129px)}.overline-num{display:none}.intro-layout{grid-template-columns:220px 1fr}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-main{grid-column:span 1;grid-row:span 1}.work-main .work-frame{min-height:0;aspect-ratio:1;height:auto}}
@media(max-width:800px){.container{width:min(calc(100% - 36px),var(--max))}.header-inner{height:73px}.brand{min-width:auto}.brand-label small{font-size:7px}.desktop-nav,.header-contact{display:none}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:1px solid #777a7f5e;background:#111215;align-items:center;cursor:pointer}.menu-toggle span{width:20px;height:1px;background:#eee;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:12px 24px 24px;border-top:1px solid var(--line);background:#0b0c0ef6}.mobile-nav a{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);font:500 17px var(--serif);letter-spacing:2px;padding:17px 5px}.mobile-nav span{font-size:12px;color:#8e9398}.hero{padding-top:112px;min-height:0;padding-bottom:28px}.hero-layout{display:flex;flex-direction:column;gap:0}.hero-copy{padding:15px 0 10px;width:100%}.hero-title{font-size:clamp(70px,15vw,130px);margin-top:27px}.hero-kicker{margin-top:27px}.hero-description{margin-top:22px;font-size:13px}.hero-actions{margin-top:26px}.hero-footnote{margin-top:30px}.hero-visual{min-height:0;width:min(95%,565px);margin:5px 0 25px}.hero-art{width:100%}.hero-bottom{margin-top:0}.art-index{display:none}.section{padding:84px 0}.intro-layout{display:block}.intro-content{margin-top:42px}.section-heading-row{margin-top:40px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:300px;padding:22px}.section-headline{font-size:clamp(32px,6vw,50px)}.portfolio-grid{gap:12px}.process-item{grid-template-columns:76px 1fr 20px}.process-item h3 small{display:block;margin:6px 0 0}.contact-section{padding:100px 0}.footer-main{gap:25px}}
@media(max-width:540px){.brand-mark{width:35px;height:35px;font-size:19px}.brand-label b{font-size:14px}.overline{font-size:8px;letter-spacing:1.8px}.hero-title{font-size:clamp(64px,16vw,89px)}.hero-kicker{font-size:12px;letter-spacing:3.4px}.hero-description{line-height:2}.hero-description br{display:initial}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-footnote{font-size:7px;letter-spacing:1px}.hero-visual{width:min(100%,420px)}.section-label{font-size:9px}.label-aside{display:none}.section-headline{font-size:35px;letter-spacing:-1.7px}.section-headline em{letter-spacing:-1.5px}.body-copy{font-size:13px;margin-top:24px}.intro-stat-row{margin-top:35px;gap:10px}.intro-stat-row strong{font-size:24px}.intro-stat-row span{font-size:7px}.section-heading-row{display:block;margin:34px 0}.section-side-copy{margin-top:20px}.service-grid{grid-template-columns:1fr;gap:9px}.service-card{min-height:260px}.service-symbol{margin:16px 0 17px;font-size:58px}.service-card h3{font-size:18px}.service-card p{font-size:12px}.portfolio-grid{grid-template-columns:1fr;gap:15px}.work-main{grid-column:auto}.work-meta{padding-bottom:12px}.filter-row{gap:25px}.portfolio-after{align-items:flex-start;flex-direction:column}.process-item{grid-template-columns:49px 1fr 12px;gap:8px;padding:25px 0}.process-item>span:first-child{font-size:30px}.process-item h3{font-size:24px}.process-item p{font-size:11px}.contact-layout h2{font-size:39px;letter-spacing:-2px}.contact-layout>p:not(.eyebrow){font-size:12px}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{gap:13px;flex-wrap:wrap}.footer-bottom{font-size:8px}.lightbox-panel{padding:12px}.lightbox-head h3{font-size:19px}.lightbox-media img,.lightbox-media video{max-height:calc(95vh - 125px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}