/* Eum: hardware, precision and a clear path to service. */
:root{--ink:#171a1f;--green:#171a1f;--lime:#ff7848;--muted:#626973;--paper:#f7f7f5;--line:#dcdedc;--soft:#eceeec;--radius:4px;--accent:#ff7848;--dark:#121417}
body{letter-spacing:-.025em}
.wrap{max-width:1280px;width:calc(100% - 96px)}
h1,h2,h3{letter-spacing:-.055em}
a:hover{color:#ba3d11}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d75120;outline-offset:5px}
.topline{background:#121417;color:#adb1b7;font-size:10px;letter-spacing:.09em}
.topline .wrap{min-height:30px}.topline a{color:#c8cbd0}
.header{background:#f7f7f5;border-color:#dbddda;position:sticky;top:0;z-index:30}
.header-inner{min-height:82px;gap:24px}
.brand{font-size:24px;letter-spacing:-.07em}.brand small{letter-spacing:.17em}
.header nav{gap:24px;font-size:12px}.header nav a[aria-current]{color:#b83b0e;text-decoration:underline;text-underline-offset:7px}
.button{border-radius:2px;border-color:#171a1f;background:#171a1f;transition:background .2s,transform .2s;min-height:50px}
.button:hover{background:#34383f}.button.secondary{color:#171a1f;border-color:#a5aaaf}
.button.small{font-size:12px;border-radius:2px}.button span,.text-link span{transition:transform .2s}
.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}
.panel,.form-panel input,.form-panel select,.form-panel textarea,.menu-toggle{border-radius:4px}
.eyebrow{color:#636b73}.pill{border-color:#c9cdd0;color:#545e67}
.footer{background:#181b20;color:#e6e8e9;border-color:#34383d;padding-block:48px}
.footer p,.footer-links span{color:#afb4bd}.footer a:hover{color:#ff916d}.footer-grid{grid-template-columns:1fr 1.35fr .7fr}.footer .brand img{border:1px solid #484c51;border-radius:5px}
.page-heading{border-bottom:1px solid var(--line);padding-bottom:26px}.page-heading h1{font-weight:750}.page-section{padding-top:48px}
.studio-kicker{font-family:Arial,"Malgun Gothic",sans-serif;font-size:11px;line-height:1.5;letter-spacing:.13em;font-weight:700;color:#6d747b;margin-bottom:23px}
.studio-hero{position:relative;isolation:isolate;background:var(--dark);color:#fff;overflow:hidden}
.hero-photograph{position:absolute;inset:0 0 0 43%;z-index:-2;overflow:hidden;background:#111b2a;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.hero-photograph img{width:100%;height:100%;object-fit:cover;object-position:50% 66%;filter:brightness(.78);animation:hero-image-in 1.4s cubic-bezier(.2,.65,.3,1) both}
.studio-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121417 10%,rgba(18,20,23,.97) 34%,rgba(18,20,23,.5) 53%,rgba(18,20,23,0) 77%),linear-gradient(0deg,rgba(18,20,23,.8),transparent 28%)}
.studio-hero-inner{min-height:658px;display:flex;flex-direction:column}
.hero-meta{display:flex;justify-content:space-between;gap:20px;padding-top:30px;align-items:center;color:#d8dde4;font:10px/1.5 Arial,sans-serif;letter-spacing:.16em}
.hero-meta>span:first-child{display:flex;align-items:center;gap:10px}.hero-meta i{width:6px;height:6px;background:var(--accent);display:block}
.studio-hero-copy{padding:67px 0 57px;max-width:690px;animation:hero-copy-in .85s .1s both}
.studio-hero .studio-kicker{color:#d0d3d7;font-size:12px;letter-spacing:.05em;margin-bottom:22px}
.studio-hero h1{font-size:clamp(43px,4.6vw,70px);line-height:1.2;font-weight:800;letter-spacing:-.075em}
.studio-hero h1 em{color:var(--accent)}
.studio-intro{color:#c0c5cc;font-size:15px;line-height:1.9;margin:28px 0 32px}
.studio-hero .actions{gap:12px}.studio-primary{background:var(--accent);border-color:var(--accent);color:#11151b;font-weight:750}.studio-primary:hover{background:#ff9c79;border-color:#ff9c79;color:#11151b}
.studio-ghost{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:50px;padding:13px 22px;border:1px solid #a0a5ad;font-size:13px;font-weight:650;color:#fff;transition:background .2s,border-color .2s}
.studio-ghost:hover{background:#fff;color:#171a1f;border-color:#fff}.studio-ghost span{transition:transform .2s}.studio-ghost:hover span{transform:translate(3px,-3px)}
.hero-service-line{display:flex;gap:16px;margin-top:30px;font-size:11px;color:#aeb4bc}.hero-service-line span+span{border-left:1px solid #5c6269;padding-left:16px}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;margin-top:auto;padding:19px 0;font-size:9px;color:#c3c8d0;letter-spacing:.025em}
.hero-bottom>a{display:flex;align-items:center;gap:28px;font:10px/1.5 Arial,sans-serif;letter-spacing:.1em;min-height:32px;color:white}.hero-bottom>a>span{font-size:20px}.hero-index{font-family:monospace;letter-spacing:.1em}
.studio-shortcuts{background:#fff;border-bottom:1px solid var(--line)}.studio-shortcuts>.wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.studio-shortcuts a{display:flex;gap:22px;align-items:center;padding:28px 30px;border-right:1px solid var(--line);transition:background .2s;color:var(--ink)}.studio-shortcuts a:first-child{padding-left:0}.studio-shortcuts a:last-child{border:0;padding-right:0}.studio-shortcuts a:hover{background:#f0f1ee}
.shortcut-number{font:11px/1.5 monospace;color:#92979b;align-self:flex-start;margin-top:3px}.studio-shortcuts small{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:.11em;color:#737980;margin-bottom:6px}.studio-shortcuts strong{font-size:17px;letter-spacing:-.04em}.studio-shortcuts b{margin-left:auto;font-size:23px;font-weight:400}
.studio-section{padding-block:104px}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.studio-heading h2,.service-editorial h2,.studio-contact h2{font-size:44px;line-height:1.28;font-weight:750}.section-side{max-width:380px}.section-side p{font-size:14px;line-height:1.9}.section-side .text-link{margin-top:14px;font-size:12px;justify-content:space-between;width:100%;border-bottom:1px solid #a8adb0}
.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.build-choice{min-width:0;color:var(--ink)}.build-choice:hover{color:var(--ink)}.build-photo{position:relative;overflow:hidden;background:#25282d;aspect-ratio:1.12}.build-photo img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.6,.3,1),filter .65s;filter:brightness(.87)}.build-choice:first-child img{object-position:50% 72%}.build-photo>span{position:absolute;left:19px;top:18px;color:#fff;background:#15171be6;padding:5px 8px;font:9px/1.5 Arial,sans-serif;letter-spacing:.12em}.build-choice:hover img{transform:scale(1.04);filter:brightness(1)}
.build-title{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:24px}.build-title h3{font-size:23px;line-height:1.35}.build-title>span{font-size:25px}.build-choice>p{font-size:12px;margin:12px 0 24px}.build-spec{display:flex;gap:15px;border-top:1px solid #c9cecd;padding-top:15px;color:#777e84;font:9px/1.5 Arial,sans-serif;letter-spacing:.07em}.studio-photo-note{font-size:10px;margin-top:23px;color:#6f767d;line-height:1.8}
.studio-service{background:#e9eceb}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.service-editorial>p:not(.studio-kicker){margin-top:23px;font-size:14px;line-height:1.95}.service-editorial figure{margin:37px 0 0}.service-editorial img{width:100%;height:290px;object-fit:cover;filter:saturate(.7)}.service-editorial figcaption{display:flex;gap:15px;justify-content:space-between;font:9px/1.5 Arial,"Malgun Gothic",sans-serif;color:#676f76;padding-top:12px;letter-spacing:.07em}.service-editorial figcaption span{letter-spacing:0}
.service-rows>a{display:flex;gap:26px;border-top:1px solid #bcc2c1;padding:31px 0;color:var(--ink)}.service-rows>a:last-child{border-bottom:1px solid #bcc2c1}.row-number{font:12px/1.5 monospace;color:#767e86}.row-tag{font:9px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#70777e}.service-rows h3{font-size:25px;margin:11px 0 16px}.service-rows p{font-size:13px;line-height:1.9}.row-action{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:650;margin-top:20px}.row-action b{font-size:20px;font-weight:400;transition:transform .25s}.service-rows>a:hover .row-action b{transform:translate(5px,-4px);color:#b83b0e}
.studio-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid #bfc4c5}.studio-steps li{padding:28px 24px 0 0;position:relative}.studio-steps li:before{content:"";position:absolute;left:0;top:-3px;width:5px;height:5px;background:var(--accent)}.studio-steps li>span{font:11px/1.5 monospace;color:#7e858c}.studio-steps h3{font-size:20px;margin:23px 0 15px}.studio-steps p{font-size:12px;line-height:1.9}
.studio-journal{position:relative;isolation:isolate;overflow:hidden;background:#16191f;color:#fff}.studio-journal>img{position:absolute;inset:0 0 0 auto;width:65%;height:100%;object-fit:cover;z-index:-2}.studio-journal:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#14171b 10%,#14171be8 40%,#14171b18)}.journal-inner{padding-block:88px}.journal-inner .studio-kicker{color:#ff956e}.journal-inner h2{font-size:38px;line-height:1.35}.journal-inner>p:not(.studio-kicker){color:#b8bec6;font-size:13px;margin:25px 0}.journal-inner>small{display:block;color:#b3b9c0;font-size:9px;margin-top:29px}
.studio-contact{display:grid;grid-template-columns:1.3fr .7fr;gap:100px}.studio-contact h2{font-size:53px}.contact-phone{display:flex;gap:22px;align-items:center;font:600 clamp(26px,3vw,42px)/1.5 Arial,sans-serif;letter-spacing:-.04em;margin:30px 0 26px}.contact-phone>span{font-size:28px;color:#b83b0e}.kakao-pending{font-size:11px;color:#6d747c}.studio-address{border-top:2px solid #171a1f;padding-top:25px;align-self:center}.studio-address h3{font-size:21px;margin:18px 0}.studio-address p{font-size:14px}.studio-address .text-link{font-size:12px;margin-top:12px}.studio-address dl{border-top:1px solid #c9cdcf;margin:22px 0 0;padding-top:19px;font-size:12px}.studio-address dl>div{display:flex;justify-content:space-between;gap:20px;padding:5px 0}.studio-address dd{margin:0;font-family:Arial,"Malgun Gothic",sans-serif;letter-spacing:.02em}
[data-reveal]{transition:opacity .65s cubic-bezier(.2,.7,.3,1),transform .65s cubic-bezier(.2,.7,.3,1)}
[data-reveal].reveal-pending{opacity:0;transform:translateY(24px)}
[data-reveal]:focus-within{opacity:1;transform:none}
@keyframes hero-image-in{from{transform:scale(1.05)}to{transform:scale(1)}}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header nav{gap:15px;font-size:11px}.header nav .button{padding-inline:12px}.brand{font-size:21px}.studio-hero-inner{min-height:620px}.studio-hero-copy{padding-top:65px}.studio-shortcuts a{padding-inline:20px;gap:13px}.studio-shortcuts strong{font-size:15px}.service-layout{gap:60px}.studio-contact{gap:60px}.build-title h3{font-size:20px}.build-spec{gap:10px;font-size:8px}}
@media(max-width:900px){.header-inner{min-height:74px;flex-wrap:wrap;gap:0}.menu-toggle{display:flex;align-items:center;gap:14px;border:1px solid #aab0b6;background:none;color:#171a1f;min-height:44px;padding:8px 14px}.header nav{display:none;flex-basis:100%;padding:10px 0 20px;gap:0;flex-wrap:wrap;font-size:13px}.header nav.open{display:flex}.header nav a{width:50%;min-height:44px;display:flex;align-items:center}.header nav .button{width:100%;margin-top:8px}.hero-meta>span:last-child{display:none}.studio-heading h2,.service-editorial h2{font-size:36px}.section-side p{font-size:12px}.build-grid{gap:18px}.build-title h3{font-size:18px}.build-spec{flex-wrap:wrap}.studio-shortcuts strong{font-size:14px}.shortcut-number{display:none}.service-layout{gap:40px}.service-rows h3{font-size:22px}.studio-contact h2{font-size:44px}.footer-grid{grid-template-columns:1fr 1.4fr}.footer-links{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.footer-links span{margin:0}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.topline{font-size:8px}.topline .wrap{min-height:28px}.topline span{letter-spacing:.04em}.brand{font-size:21px}.header-inner{min-height:70px}.studio-hero-inner{min-height:735px}.hero-meta{padding-top:22px;font-size:9px}.hero-photograph{inset:250px 0 0 15%;mask-image:linear-gradient(180deg,transparent,#000 30%)}.hero-photograph img{object-position:50% 75%;filter:brightness(.85)}.studio-hero:before{background:linear-gradient(180deg,#121417 5%,#121417 30%,#12141794 54%,#12141705 75%,#121417e8),linear-gradient(90deg,#12141799,transparent)}.studio-hero-copy{padding:38px 0 0;max-width:none}.studio-hero h1{font-size:42px;letter-spacing:-.07em}.studio-hero .studio-kicker{font-size:10px;margin-bottom:17px}.studio-intro{font-size:12px;margin:20px 0 23px;line-height:1.9}.studio-hero .actions{gap:10px}.studio-hero .button{padding:13px 15px;font-size:12px;gap:14px}.studio-ghost{padding:13px 15px;font-size:12px;gap:18px}.hero-service-line{font-size:10px;margin-top:19px}.hero-bottom{padding:12px 0;gap:10px;flex-wrap:wrap}.hero-bottom>a{font-size:8px;gap:13px}.hero-bottom>span:not(.hero-index){font-size:8px;max-width:210px;text-align:right}.hero-index{display:none}.studio-shortcuts>.wrap{display:block}.studio-shortcuts a,.studio-shortcuts a:first-child,.studio-shortcuts a:last-child{padding:19px 0;gap:16px;border-right:0;border-bottom:1px solid #e1e4e3}.studio-shortcuts a:last-child{border-bottom:0}.shortcut-number{display:block}.studio-shortcuts small{font-size:8px;margin-bottom:3px}.studio-shortcuts strong{font-size:15px}.studio-shortcuts b{font-size:21px}.studio-section{padding-block:64px}.studio-kicker{font-size:9px;margin-bottom:17px}.studio-heading{display:block;margin-bottom:28px}.studio-heading h2,.service-editorial h2{font-size:33px}.section-side{margin-top:22px;max-width:none}.section-side p{font-size:13px}.section-side .text-link{width:auto;gap:30px;margin-top:10px}.build-grid{grid-template-columns:1fr;gap:35px}.build-photo{aspect-ratio:1.22}.build-choice:first-child img{object-position:50% 70%}.build-title{margin-top:18px}.build-title h3{font-size:22px}.build-choice>p{font-size:12px;margin:9px 0 17px}.build-spec{font-size:9px;gap:20px;padding-top:13px}.studio-photo-note{font-size:9px;margin-top:27px}.service-layout{grid-template-columns:1fr;gap:35px}.service-editorial>p:not(.studio-kicker){font-size:13px;margin-top:20px}.service-editorial figure{margin-top:26px}.service-editorial img{height:240px}.service-editorial figcaption{font-size:8px}.service-rows>a{padding:27px 0;gap:20px}.service-rows h3{font-size:23px}.studio-steps{grid-template-columns:1fr 1fr;gap:35px 20px}.studio-steps li{padding:23px 0 0}.studio-steps h3{font-size:18px;margin:17px 0 11px}.studio-steps p{font-size:11px}.studio-steps li:nth-child(n+3){border-top:1px solid #bfc4c5}.journal-inner{padding-block:62px}.journal-inner h2{font-size:29px}.studio-journal>img{width:100%;opacity:.45;object-position:center}.studio-journal:before{background:linear-gradient(90deg,#14171bf2,#14171b60)}.journal-inner>p:not(.studio-kicker){font-size:12px;max-width:250px}.studio-contact{grid-template-columns:1fr;gap:46px}.studio-contact h2{font-size:43px}.contact-phone{font-size:32px;margin:24px 0}.studio-contact .actions{gap:16px}.studio-address h3{font-size:22px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-links{grid-column:auto;justify-content:flex-start;gap:5px 25px}.footer-links span{width:100%;margin-top:8px}.page-section{padding-top:35px}.panel{border-radius:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1!important;transform:none!important}}
@media print{.header,.footer,.topline{display:none}.reveal-pending{opacity:1!important;transform:none!important}}
.build-photo.build-case-photo{display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.build-photo.build-case-photo img{object-fit:contain;object-position:center;filter:none;min-height:0}
.build-choice .build-spec{justify-content:space-between;align-items:center;font:inherit}
.build-choice .build-spec strong{color:var(--ink)}
.recommended-card[id]{scroll-margin-top:100px}
@media (min-width:601px) {
  .service-editorial { display:flex; flex-direction:column; }
  .service-editorial figure { display:flex; flex:1; flex-direction:column; }
  .service-editorial img { flex:1 0 290px; height:0; min-height:290px; }
}
@media (max-width:600px) {
  .studio-journal > img { object-position:78% center; }
}
.header .brand { gap:11px; font-size:clamp(23px, 2vw, 28px); letter-spacing:-.035em; }
.header .brand img { width:40px; height:40px; }
.header .brand .brand-english { display:flex; justify-content:space-between; margin-top:4px; font-size:9px; letter-spacing:0; }