/* GONGZONE — immersive imagery, quiet typography, precise orange accents. */
:root{--orange:#ef6425;--black:#111315;--muted:#777b80;--line:#dededb}
body{font-family:"Malgun Gothic",Arial,sans-serif;background:#f7f7f4;color:#191b1e;-webkit-font-smoothing:antialiased}
html{scroll-padding-top:100px}
header{position:fixed;height:100px;padding:0 5%;border-bottom:1px solid #ffffff24;background:transparent;color:#fff;transition:height .35s,background .35s,color .35s,box-shadow .35s;z-index:30}
header.scrolled{height:78px;background:#fffffff5;color:#181a1d;border-bottom-color:#e4e4e0;box-shadow:0 3px 25px #00000005;backdrop-filter:blur(18px)}
.brand{font-size:32px;letter-spacing:-1.7px}.brand small{font-size:9px;letter-spacing:2.2px;margin-top:6px}
nav{gap:42px;font-size:14px;font-weight:600}.nav-contact{border:1px solid #ffffff70;border-radius:30px;padding:12px 22px}header.scrolled .nav-contact{border-color:#bbb}
nav a{transition:color .2s}.menu{color:inherit}
.hero{height:100svh;max-height:none;min-height:760px;background:#16191b;color:#fff}
.hero-images .slide{filter:brightness(.9);object-position:center;transition:opacity .9s,transform 6s;transform:scale(1.055)}.hero-images .slide.active{transform:scale(1)}
.hero-shade{background:linear-gradient(90deg,#071018bd 0%,#07101865 45%,#07101808 85%),linear-gradient(0deg,#05090ebd,transparent 65%)}
.hero-copy{top:auto;bottom:23%;left:8%;right:6%;max-width:1000px}
.hero-copy .eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:3px;color:#fff;margin-bottom:26px}.hero-copy .eyebrow:before{content:"";width:34px;height:2px;background:var(--orange)}
h1{font-size:clamp(56px,6.8vw,104px);font-weight:500;letter-spacing:-6px;line-height:1.24;text-shadow:0 2px 32px #0002}h1 em{font-weight:700}
.hero-description{margin:26px 0 24px}.hero-description strong{font-size:17px;font-weight:400;letter-spacing:-.6px;margin-bottom:8px}.hero-description>span{font-size:13px;color:#ffffffb8;line-height:1.85}
.hero-copy .text-link{border:0;gap:30px;font-size:12px;letter-spacing:.3px}.hero-copy .text-link span{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #ffffff70;border-radius:50%;color:#fff;font-size:21px;transition:background .3s,border-color .3s}.hero-copy .text-link:hover span{background:var(--orange);border-color:var(--orange)}
.hero-bottom{left:5%;right:5%;bottom:34px;border-top:1px solid #ffffff35;padding-top:22px;gap:22px;font-size:10px;letter-spacing:1.3px}.hero-bottom>a{display:flex;align-items:center;gap:15px}.slide-controls{gap:12px}.slide-controls button{font-size:18px}.slide-line{width:120px;position:relative;overflow:hidden;background:#ffffff35}.slide-line:after{content:"";position:absolute;inset:0;background:var(--orange);transform-origin:left;animation:slide-progress 3s linear infinite}.hero.is-paused .slide-line:after{animation-play-state:paused}
@keyframes slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.section{padding:120px 8%}.portfolio{background:#f7f7f4;color:#191b1e}.section-heading{margin-bottom:56px;align-items:flex-end}.section-heading h2{font-size:clamp(37px,4.4vw,64px);font-weight:600;line-height:1.25;letter-spacing:-3px}.section-heading>p{color:#74777a;font-size:14px}.eyebrow{font-size:10px;letter-spacing:2.3px}
.filters{gap:10px;border:0;margin:0;padding:0;flex-wrap:wrap;overflow:visible}.filters button{border:1px solid #d8d9d5;border-radius:30px;padding:12px 23px;font-size:12px;color:#65686b;transition:background .25s,color .25s,border-color .25s}.filters button:hover{border-color:#1a1c20;color:#1a1c20}.filters button.selected{background:#1a1c20;color:#fff;border-color:#1a1c20}.filters sup{color:inherit;margin-left:6px}
.project-search{justify-content:flex-end;margin:24px 0 16px;color:#73767a;gap:18px;font-size:11px}.project-search input{width:300px;border:0;border-bottom:1px solid #bdbfbb;border-radius:0;padding:13px 3px;background:transparent;color:#1a1c20;font-size:13px}.project-search input::placeholder{color:#939690}.work-count{font-size:11px;color:#939690;margin-bottom:32px}
.project-groups{gap:85px}.project-group-heading{border-top:1px solid #d4d6d1;margin-bottom:28px;padding:28px 0 0;align-items:center}.project-group-heading h3{font-size:clamp(25px,2.8vw,40px);font-weight:600;letter-spacing:-1.8px;line-height:1.3}.project-group-count{font-size:11px;color:#7f837d}.project-group-count:before{content:"";display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:9px;vertical-align:middle}
.works{gap:38px 28px;grid-template-columns:repeat(2,minmax(0,1fr))}.work{color:#171a1e;background:transparent;border:0;padding:0;text-align:left;min-width:0}.work-image{aspect-ratio:1.5;background:#e5e6e1;border-radius:4px;isolation:isolate}.work-image img{filter:none;transform:scale(1.001);transition:transform .75s cubic-bezier(.2,.7,.2,1)}.work:hover .work-image img{filter:none;transform:scale(1.045)}.work .view{background:#171a1ed9;color:#fff;font-size:11px;border-radius:30px;padding:11px 17px;bottom:20px;right:20px;left:auto;transform:translateY(7px);transition:opacity .3s,transform .3s}.work:hover .view{transform:translateY(0)}
.work-caption{margin-top:18px;gap:15px;align-items:center}.work-caption small{font-size:9px;letter-spacing:1.3px;color:#969990}.project-group .work-caption h3{font-size:17px;line-height:1.5;letter-spacing:-.6px;margin-top:7px;font-weight:500}.work-caption>span{border:1px solid #d8dbd3;width:40px;height:40px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#747a71;transition:background .25s,color .25s}.work:hover .work-caption>span{background:var(--orange);border-color:var(--orange);color:white}
.portfolio-more{margin-top:70px}.portfolio-more button{border:1px solid #bdc1b8;border-radius:40px;padding:17px 36px;font-size:12px;min-width:220px}.portfolio-more button span{margin-left:24px}.portfolio-more button:hover{background:#1a1c20;color:white;border-color:#1a1c20}
.about{background:#16191b;color:#fff;position:relative;padding-top:110px;padding-bottom:120px}.about>.eyebrow{color:var(--orange)}.about-body{gap:9%;align-items:start}.about-body h2{font-size:clamp(40px,4.2vw,65px);line-height:1.35;letter-spacing:-3px;font-weight:500}.about-body .large-copy{font-size:24px;line-height:1.6;letter-spacing:-1px;margin-top:0}.about-body p:not(.large-copy){color:#a5a9ac;font-size:14px;line-height:2.1}.about-tags{margin-top:40px;gap:12px}.about-tags span{border:1px solid #ffffff35;border-radius:25px;padding:10px 17px;color:#c7cbcd;font-size:11px}
.contact{background:#eeeFEa;border-top:0;color:#171a1e;gap:9%;padding-top:110px;padding-bottom:110px}.contact h2{font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1.32;letter-spacing:-3px}.contact-intro>p:not(.eyebrow){color:#6d7269}.contact a[href^="tel:"]{letter-spacing:-1.5px}.contact input,.contact textarea,.contact select{color:#181c16;border-color:#bfc4b8;background:transparent}.contact input::placeholder,.contact textarea::placeholder{color:#92988c}.contact form label{color:#60675a}.contact form button{border-radius:30px}.contact dl{color:#747c6c}.contact-intro .contact-note{color:#6d7269!important}
footer{background:#fff;border-top:1px solid #e7e9e1;padding:38px 5%;color:#858b7f;line-height:1.8}.footer-brand{color:#1b2017;font-weight:700}.footer-brand span{color:#7d8476}
#lightbox{color:#fff;background:#16191b;border:1px solid #ffffff20;border-radius:6px;box-shadow:0 30px 100px #0007}#lightbox::backdrop{background:#05090dd9;backdrop-filter:blur(7px)}#gallery-thumbnails button{border-radius:3px}#gallery-groups button{border-radius:25px}
@media(min-width:1100px){.project-group:has(.work:only-child) .works{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.project-group:has(.work:only-child) .work{grid-column:1}.hero-copy{bottom:23%}}
@media(max-width:1000px){header{height:85px}nav{gap:25px}.hero{min-height:700px}.hero-copy{bottom:22%;left:7%}h1{letter-spacing:-4px}.section{padding:90px 7%}.about-body{gap:40px}.hero-bottom #slide-title{display:none}}
@media(max-width:760px){header,header.scrolled{height:76px;padding:0 6%}.brand{font-size:27px}.brand small{font-size:8px}.menu{display:block;background:none;border:0;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:#16191bf5;padding:30px 7%;color:#fff;flex-direction:column;align-items:flex-start;gap:25px}nav.open{display:flex}header.scrolled nav{background:#fff;color:#1a1c20;border-bottom:1px solid #ddd}.nav-contact{border-radius:24px}.hero{height:100svh;min-height:700px;max-height:1000px}.hero-copy{bottom:23%;left:7%;right:7%}h1{font-size:clamp(45px,8.8vw,66px);letter-spacing:-3px;line-height:1.28}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px;gap:10px;margin-bottom:20px}.hero-description{margin:22px 0 15px}.hero-description strong{font-size:13px}.hero-description>span{font-size:11px}.hero-copy .text-link{font-size:11px;gap:22px}.hero-copy .text-link span{width:36px;height:36px}.hero-bottom{bottom:23px;padding-top:15px;left:7%;right:7%;font-size:8px;gap:12px}.hero-bottom>a{font-size:8px;letter-spacing:.8px}.slide-controls{gap:7px}.slide-line{width:55px}.slide-controls button{padding:5px}.section{padding:72px 7%}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:38px;letter-spacing:-2px}.section-heading>p{font-size:12px;margin-top:22px}.filters{gap:7px}.filters button{font-size:11px;padding:10px 14px}.project-search{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.project-search input{width:70%;font-size:12px}.project-groups{gap:55px}.project-group-heading{padding-top:24px;margin-bottom:20px}.project-group-heading h3{font-size:25px;letter-spacing:-1px}.project-group-count{font-size:9px}.works{grid-template-columns:1fr;gap:30px}.work-image{aspect-ratio:1.38}.work .view{font-size:9px;padding:8px 12px;bottom:13px;right:13px}.project-group .work-caption h3{font-size:16px}.work-caption>span{width:33px;height:33px;font-size:9px}.portfolio-more{margin-top:45px}.about-body{grid-template-columns:1fr;gap:25px}.about-body .large-copy{font-size:28px}.about-body p:not(.large-copy){font-size:12px}.about-tags{gap:8px;margin-top:25px}.about-tags span{font-size:10px;padding:8px 13px}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:40px;letter-spacing:-2px}.contact-intro>p:not(.eyebrow){font-size:12px}footer{padding:30px 7%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.slide-line:after{animation:none}.hero-images .slide,.work-image img{transition:none;transform:none}html{scroll-behavior:auto}}

/* Korean typography and company introduction. */
body{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif}
h1{font-weight:550;letter-spacing:-.055em}
.section-heading h2,.project-group-heading h3{letter-spacing:-.035em}
.about-body{grid-template-columns:1fr;max-width:1100px}
.about-body .large-copy{font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.45;letter-spacing:-.035em;margin-bottom:32px}
.about-description{margin:0 0 34px;max-width:1000px}
.about-description>span{display:block}
.about-body .about-description{font-size:16px!important;line-height:2.05!important;font-weight:350}
.about-body .company-history{font-size:12px!important;letter-spacing:.06em;color:#bec4c8!important;margin-top:36px;padding-top:25px;border-top:1px solid #ffffff20;display:inline-block}
@media(max-width:760px){.about-body .large-copy{font-size:30px;margin-bottom:25px}.about-body .about-description{font-size:14px!important;line-height:1.95!important}.about-description>span+span{margin-top:9px}.about-body .company-history{font-size:11px!important}}

/* Dismiss photo viewer through the surrounding empty area. */
#lightbox{padding-top:28px}#lightbox>img{cursor:default}@media(max-width:760px){#lightbox{padding-top:18px}}

/* Photograph attribution and reproduction notice. */
footer{flex-wrap:wrap}.photo-rights{flex-basis:100%;order:10;width:100%;margin:0;padding-top:18px;border-top:1px solid #ffffff15;font-size:10px;line-height:1.8;color:#929bA0}.detail-photo-rights{max-width:650px;margin:22px auto 8px;padding:15px 12px 0;border-top:1px solid #ffffff20;text-align:center;font-size:10px;line-height:1.9;color:#9ca5ab}@media(max-width:760px){.photo-rights,.detail-photo-rights{font-size:9px}}