@font-face{font-family:"Gmarket Sans";font-style:normal;font-weight:300;src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff")}@font-face{font-family:"Gmarket Sans";font-style:normal;font-weight:500;src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff")}
:root{--paper:#eeece6;--ink:#11110f;--muted:#686660;--line:rgba(17,17,15,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:300 16px/1.65 "Gmarket Sans","Apple SD Gothic Neo",sans-serif;letter-spacing:.02em}a{color:inherit;text-decoration:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding:23px clamp(22px,5vw,78px);border-bottom:1px solid var(--line)}.brand{font:500 clamp(11px,1vw,15px)/1 "Gmarket Sans",sans-serif;letter-spacing:.03em}.back{font:300 10px/1 "Gmarket Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase}.page{max-width:1280px;margin:auto;padding:clamp(38px,7vw,105px) clamp(22px,5vw,78px) clamp(75px,10vw,145px)}.eyebrow{margin:0 0 22px;color:var(--muted);font:300 10px/1 "Gmarket Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase}.project-title{max-width:850px;margin:0;font-size:clamp(42px,7vw,112px);font-weight:300;line-height:.92;letter-spacing:-.045em}.project-subtitle{max-width:630px;margin:28px 0 0;font-size:clamp(15px,1.5vw,21px);line-height:1.6}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:clamp(45px,7vw,96px) 0 28px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.meta span{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em}.meta strong{display:block;margin-top:5px;font-weight:300}.video-wrap{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.button{display:inline-flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid var(--ink);font:500 10px/1 "Gmarket Sans",sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:background .2s,color .2s}.button:hover{background:var(--ink);color:var(--paper)}.button.secondary{border-color:var(--line)}.button.secondary:hover{background:transparent;color:var(--ink);border-color:var(--ink)}.story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:clamp(28px,7vw,115px);margin-top:clamp(65px,10vw,150px)}.story h2{margin:0 0 18px;font-size:clamp(28px,3.5vw,52px);font-weight:300;line-height:1.05;letter-spacing:-.03em}.story p{max-width:690px;margin:0}.inquiry{align-self:start;padding:28px;border-top:1px solid var(--ink);background:#e3e0d8}.inquiry p{margin:0 0 18px;font-size:13px}.inquiry a{font:500 14px/1.4 "Gmarket Sans",sans-serif;text-decoration:underline;text-underline-offset:5px}.related{margin-top:clamp(70px,10vw,145px);padding-top:16px;border-top:1px solid var(--line)}.related h2{margin:0 0 22px;font-size:11px;font-weight:300;letter-spacing:.14em;text-transform:uppercase}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:block}.related-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.88);transition:transform .22s ease}.related-card:hover img{transform:translateY(-3px)}.related-card span{display:block;margin-top:9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.site-footer{padding:22px clamp(22px,5vw,78px);background:var(--ink);color:#efede7;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.service-hero{min-height:min(72vh,760px);display:flex;align-items:flex-end;padding:clamp(110px,15vw,180px) clamp(22px,5vw,78px) clamp(55px,8vw,100px);color:#fff;background:center/cover no-repeat var(--ink);position:relative}.service-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08) 78%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%)}.service-hero>*{position:relative}.service-hero h1{max-width:780px;margin:0;font-size:clamp(48px,8vw,126px);font-weight:300;line-height:.88;letter-spacing:-.055em}.service-hero p{max-width:550px;margin:26px 0 0;font-size:clamp(15px,1.5vw,21px);line-height:1.55}.service-main{max-width:1280px;margin:auto;padding:clamp(62px,10vw,145px) clamp(22px,5vw,78px)}.service-main h2{max-width:760px;margin:0;font-size:clamp(30px,4vw,58px);font-weight:300;line-height:1.08;letter-spacing:-.035em}.service-main>p{max-width:700px;margin:27px 0 0}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(55px,7vw,90px)}.service-list article{padding-top:16px;border-top:1px solid var(--ink)}.service-list h3{margin:0 0 10px;font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.service-list p{margin:0;font-size:13px}.service-cta{margin-top:clamp(68px,10vw,135px);padding:clamp(28px,5vw,60px);background:#11110f;color:#efede7}.service-cta h2{max-width:680px}.service-cta .button{margin-top:25px;border-color:#efede7}.service-cta .button:hover{background:#efede7;color:#11110f}@media(max-width:700px){.meta{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.related-grid,.service-list{grid-template-columns:1fr}.project-title{font-size:45px}.service-hero{min-height:570px}.service-hero h1{font-size:53px}}
