:root{--bg:#000;--surface:#111;--ink:#fff;--ink-secondary:#fffc;--ink-muted:#ffffff80;--border:#ffffff26;--font-heading:"League Gothic","trade-gothic-next-compressed","Arial Narrow",sans-serif;--font-body:"Spoqa Han Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;--font-mono:"Space Mono",monospace;--content-width:1440px;--nav-height:60px;--gap-en-kr:1.2rem}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;overscroll-behavior-y:none;font-size:10px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1.4rem;line-height:1.4}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:100;height:var(--nav-height);background:var(--bg);border-bottom:1px solid var(--border);backface-visibility:hidden;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.site-header__logo{flex-shrink:0;align-items:center;margin-right:24px;display:flex}.site-header__logo-img{width:auto;height:30px}.site-header__logo-text{letter-spacing:.02em;color:var(--text);font-size:2rem;font-weight:700;text-decoration:none}.site-nav{letter-spacing:.05rem;flex-shrink:0;align-items:center;gap:24px;font-size:1.4rem;display:flex}.site-nav a{white-space:nowrap;color:var(--ink-secondary);transition:color .2s}.site-nav a:hover{color:var(--ink);text-decoration:underline}.site-nav__projects-short{display:none}.page{width:100%;max-width:var(--content-width);min-height:100vh;margin:0 auto;padding:0 40px}.home-page{width:100%;max-width:none;padding:0;overflow-x:hidden}.home-carousel-wrap{width:100%;margin-top:var(--nav-height);position:relative;overflow:hidden}.home-carousel{width:100%;height:80vh;position:relative;overflow:hidden}.home-carousel__slide{opacity:0;transition:opacity 1s ease-in-out;position:absolute;inset:0}.home-carousel__slide.active{opacity:1}.home-carousel__slide img{object-fit:cover;width:100%;height:100%}.home-carousel__nav{z-index:10;gap:8px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.home-carousel__dot{appearance:none;cursor:pointer;text-indent:-9999px;background:#fff6;border:none;border-radius:50%;outline:none;width:8px;height:8px;padding:0;font-size:0;line-height:0;transition:background .3s;overflow:hidden}.home-carousel__dot.active{background:#ffffffe6}@media (max-width:768px){.home-carousel-wrap{position:relative}.home-carousel-wrap:before{content:"";padding-bottom:72.2705%;display:block}.home-carousel-wrap .home-carousel{width:100%;height:100%;position:absolute;inset:0}}.case-studies{max-width:var(--content-width);box-sizing:border-box;width:100%;margin:0 auto;padding:80px 40px}.case-study{grid-template-columns:1fr 1fr;align-items:start;gap:40px;min-width:0;margin-bottom:120px;display:grid}.case-study__content{overflow-wrap:break-word;min-width:0;padding-top:20px}.case-study__label{color:var(--ink-muted);letter-spacing:.05rem;margin-bottom:12px;font-size:1rem}.case-study__title{font-family:var(--font-heading);color:var(--ink);overflow-wrap:break-word;margin-bottom:20px;font-size:5rem;font-weight:400;line-height:1}.case-study__description{color:var(--ink-secondary);overflow-wrap:break-word;max-width:500px;margin-bottom:24px;font-size:1.4rem;line-height:1.4}.case-study__link{color:var(--ink-secondary);align-items:center;gap:6px;font-size:1.4rem;transition:color .2s;display:inline-flex}.case-study__link:hover{color:var(--ink)}.case-study__images{gap:12px;min-width:0;display:grid}.case-study__image-wrap{aspect-ratio:720/420;border-radius:2px;width:100%;min-width:0;max-width:720px;position:relative;overflow:hidden}.case-study__image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.case-study__image-wrap:hover img{transform:scale(1.02)}.projects-page{padding-top:calc(var(--nav-height) + 3rem);max-width:100%;margin:0 auto;padding-bottom:3rem;padding-left:.75rem;padding-right:.75rem}.projects-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.project-thumb{display:block;position:relative}.project-thumb__image-wrap{background:var(--surface);width:100%;padding-bottom:75%;position:relative;overflow:hidden}.project-thumb__image-wrap img{object-fit:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.project-thumb:hover .project-thumb__image-wrap img{opacity:.8}.project-thumb__title{font-family:var(--font-body);color:var(--ink-secondary);margin-top:.6rem;margin-bottom:1.4rem;font-size:1.4rem;line-height:1.4}.project-thumb:hover .project-thumb__title{color:var(--ink);text-decoration:underline}.about-page{padding-top:calc(var(--nav-height) + 60px);max-width:1000px;margin:0 auto;padding-bottom:80px;padding-left:20px;padding-right:20px}.about-page h1.about-page__title{font-family:var(--font-body);letter-spacing:.02em;color:var(--ink);margin-bottom:.5rem;font-size:5rem;font-weight:700;line-height:1}.about-page__subtitle{color:var(--ink-muted);letter-spacing:.02em;margin-bottom:40px;font-size:1.5rem;font-weight:400}.about-section{margin-bottom:60px}.about-section__heading{font-family:var(--font-body);color:var(--ink);margin-bottom:20px;font-size:3.1rem;font-weight:700;line-height:.8}.about-section__text{color:var(--ink-secondary);max-width:none;margin-bottom:16px;font-size:1.75rem;line-height:1.4}.about-section__text a{text-underline-offset:2px;text-decoration:underline}.about-section__text a:hover{color:var(--ink)}.about-section__text+.about-section__text,.about-section__text p+p{margin-top:var(--gap-en-kr)}.about-divider{background:#fffc;border:none;height:1px;margin:50px 0 30px}.about-subsection h2{font-family:var(--font-body);color:var(--ink);margin-bottom:20px;font-size:3.1rem;font-weight:700;line-height:.8}.about-subsection p{color:var(--ink-secondary);margin-bottom:4px;font-size:1.75rem;line-height:1.4}.about-subsection .label{color:var(--ink-muted);margin-bottom:2px;font-size:1rem}.about-row{grid-template-columns:1fr 1fr;align-items:start;gap:40px 56px;display:grid}.about-row__cell{min-width:0}.about-row__cell .about-section__text{margin-bottom:0}.about-cards{grid-template-columns:repeat(3,1fr);gap:24px 32px;margin-top:16px;display:grid}.about-card{border-top:1px solid var(--border);padding:20px 0}.about-card__title{font-family:var(--font-body);color:var(--ink);border-left:3px solid var(--ink);margin-bottom:8px;padding-left:12px;font-size:2.2rem;font-weight:700}.about-card p{color:var(--ink-secondary);margin-bottom:4px;font-size:1.6rem;line-height:1.45}.about-card p+p{margin-top:var(--gap-en-kr)}.about-steps{grid-template-columns:repeat(4,1fr);gap:20px 24px;margin-top:16px;display:grid}.about-step{border-top:1px solid var(--border);border-left:3px solid var(--ink);padding:16px 0 16px 14px}.about-step__num{color:var(--ink);letter-spacing:.02em;margin-bottom:6px;font-size:1.5rem;font-weight:500}.about-step__title{color:var(--ink);margin-bottom:10px;font-size:1.75rem;font-weight:700}.about-step p{color:var(--ink-secondary);margin:0;font-size:1.55rem;line-height:1.4}.about-step p+p{margin-top:var(--gap-en-kr)}.about-why-row{grid-template-columns:1fr 1fr;gap:40px 56px;margin-top:16px;display:grid}.about-why-row ul{margin:0;padding:0;list-style:none}.about-why-row li{color:var(--ink-secondary);border-top:1px solid var(--border);padding:4px 0;font-size:1.6rem;line-height:1.5}.about-why-row li:first-child{border-top:none}.about-block{grid-template-columns:repeat(3,1fr);gap:32px 40px;margin-bottom:48px;display:grid}.about-block__item h3{font-family:var(--font-body);color:var(--ink);margin-bottom:8px;font-size:1.6rem;font-weight:700}.about-block__item p{color:var(--ink-secondary);margin-bottom:8px;font-size:1.6rem;line-height:1.45}.about-block__item p:last-child{margin-bottom:0}.about-contact-row{grid-template-columns:1fr 1fr;gap:40px 56px;display:grid}.about-contact-row .about-subsection{margin-bottom:0}.about-contact-row h2{margin-bottom:12px}.people-grid{gap:40px;margin-bottom:40px;display:grid}.people-row{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.person{margin-bottom:24px}.person__name{color:var(--ink);margin-bottom:.35rem;font-size:1.65rem;font-weight:400}.person .person__role{color:var(--ink-muted);margin-bottom:2.5rem;font-size:1.5rem}.person__bio{color:var(--ink-secondary);margin-bottom:.5rem;font-size:1.75rem;line-height:1.55}.person__bio+.person__bio{margin-top:var(--gap-en-kr)}.clients-grid{grid-template-columns:1fr 1fr;gap:8px 40px;display:grid}.clients-grid p{color:var(--ink-secondary);font-size:1.65rem;line-height:1.6}.job-section p{color:var(--ink-secondary);margin-bottom:4px;font-size:14px;line-height:1.5}.project-detail{padding-top:calc(var(--nav-height) + 40px);max-width:var(--content-width);margin:0 auto;padding-bottom:80px;padding-left:3rem;padding-right:3rem}.project-detail__hero{margin-bottom:40px}.project-detail__label{color:var(--ink-muted);margin-bottom:8px;font-size:1rem}.project-detail__title{font-family:var(--font-heading);margin-bottom:16px;font-size:5rem;font-weight:400;line-height:1}.project-detail__intro{color:var(--ink-secondary);grid-template-columns:1fr 1fr 1fr;gap:2.5rem 3rem;margin-bottom:24px;font-size:1.7rem;line-height:1.55;display:grid}.project-detail__intro p{min-width:0;margin-bottom:0}@media (max-width:900px){.project-detail__intro{grid-template-columns:1fr;gap:1rem}.project-detail__intro p{margin-bottom:1em}.project-detail__intro p:last-child{margin-bottom:0}}.project-detail__video-wrap{aspect-ratio:16/9;border-radius:2px;width:100%;margin-bottom:24px;position:relative;overflow:hidden}.project-detail__video{object-fit:cover;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.project-detail__photo-credit{color:var(--ink-muted);margin-top:8px;margin-bottom:24px;font-size:1rem}.project-detail__meta{color:var(--ink-muted);margin-top:8px;margin-bottom:0;font-size:1rem}.project-detail__back{color:var(--ink-secondary);border-bottom:1px solid var(--ink-secondary);align-items:center;gap:6px;padding-bottom:2px;font-size:1.4rem;transition:color .2s;display:inline-flex}.project-detail__back:hover{color:var(--ink);border-color:var(--ink)}.project-detail__gallery{flex-direction:column;gap:16px;display:flex}.project-detail__gallery-row{gap:16px;width:100%;display:grid}.project-detail__gallery-row--1{grid-template-columns:1fr}.project-detail__gallery-row--2{grid-template-columns:1fr 1fr}.project-detail__gallery-row--3{grid-template-columns:1fr 1fr 1fr}.project-detail__gallery-row--4{grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width:768px){.project-detail__gallery-row--2,.project-detail__gallery-row--3,.project-detail__gallery-row--4{grid-template-columns:1fr 1fr}.project-detail__gallery-row--3 .project-detail__image-wrap:last-child{grid-column:1/-1}}.project-detail__image-wrap{border-radius:2px;width:100%;position:relative;overflow:hidden}.project-detail__gallery-row--1 .project-detail__image-wrap,.project-detail__gallery>.project-detail__image-wrap{height:min(72vh,820px)}.project-detail__gallery-row--2 .project-detail__image-wrap{height:min(48vh,520px)}.project-detail__gallery-row--3 .project-detail__image-wrap{height:min(36vh,400px)}.project-detail__gallery-row--4 .project-detail__image-wrap{height:min(30vh,320px)}.project-detail__image-wrap img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (max-width:900px){.project-detail__gallery-row--1 .project-detail__image-wrap,.project-detail__gallery>.project-detail__image-wrap{height:min(62vh,520px)}.project-detail__gallery-row--2 .project-detail__image-wrap{height:min(38vh,300px)}.project-detail__gallery-row--3 .project-detail__image-wrap{height:min(28vh,220px)}.project-detail__gallery-row--4 .project-detail__image-wrap{height:min(24vh,180px)}}.project-detail__credits{border-top:1px solid var(--border);margin-top:40px;padding-top:20px}.project-detail__credits h2{font-family:var(--font-heading);margin-bottom:12px;font-size:3.1rem;font-weight:400}.project-detail__credits p{color:var(--ink-secondary);margin-bottom:4px;font-size:1.4rem}.project-detail__credits-list{flex-wrap:wrap;gap:0 1.5em;margin:0;padding:0;list-style:none;display:flex}.project-detail__credits-item{color:var(--ink-secondary);gap:.4em;margin-bottom:4px;font-size:1.4rem;display:flex}.project-detail__credits-item dt{color:var(--ink-muted);margin:0;font-weight:400}.project-detail__credits-item dt:after{content:":"}.project-detail__credits-item dd{margin:0}.site-footer{border-top:1px solid var(--border);text-align:center;margin-top:60px;padding:20px 0}.site-footer p{color:var(--ink-muted);letter-spacing:.05rem;font-size:1rem}.js-effects [data-reveal]{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.65,.1,1);transform:translateY(20px)}.js-effects [data-reveal].is-visible{opacity:1;transform:translate(0,0)}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}.case-study{grid-template-columns:1fr;gap:24px;margin-bottom:80px}.people-row{grid-template-columns:repeat(2,1fr)}.about-row,.about-why-row,.about-contact-row{grid-template-columns:1fr;gap:24px}.about-block{grid-template-columns:1fr;gap:28px}.about-cards{grid-template-columns:1fr}.about-steps{grid-template-columns:1fr 1fr}}@media (max-width:768px){.page,.projects-page,.case-studies{padding-left:20px;padding-right:20px}.project-detail{padding-left:24px;padding-right:24px}.about-page{padding-left:16px;padding-right:16px}.site-header{padding:0 20px}.site-nav{gap:16px;font-size:1.3rem}.site-nav__projects-full{display:none}.site-nav__projects-short{display:inline}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px}.case-study__title,.about-page h1.about-page__title{font-size:3.6rem}.clients-grid,.people-row{grid-template-columns:1fr}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.js-effects [data-reveal]{opacity:1;transition:none;transform:none}}
