@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+KR:wght@300;400;500;600&display=swap');

:root{--bg:#080808;--ink:#f1f0eb;--muted:#a4a39d;--line:rgba(255,255,255,.18);--acid:#d6ff27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.shell{padding-left:clamp(22px,4vw,70px);padding-right:clamp(22px,4vw,70px)}.header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(22px,4vw,70px);border-bottom:1px solid rgba(255,255,255,.24)}.logo{font-weight:600;font-size:1.35rem;letter-spacing:-.04em}.logo span{color:var(--acid);font-size:.55em;margin-left:5px}.nav{display:flex;gap:38px;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}.nav a{transition:opacity .2s}.nav a:hover{opacity:.55}.menu-button{display:none;background:none;border:0;width:40px;height:32px;padding:8px 0}.menu-button i{display:block;height:1px;background:#fff;margin:6px 0}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden}.hero-media{height:100%;object-fit:cover;filter:saturate(.8);animation:heroZoom 16s ease-out both}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.16) 62%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 46%)}.hero-copy{position:absolute;left:clamp(22px,4vw,70px);top:50%;transform:translateY(-43%)}.kicker{font-size:.68rem;letter-spacing:.24em;margin:0 0 24px}.hero h1{font-size:clamp(4.6rem,11.4vw,12.5rem);line-height:.77;letter-spacing:-.075em;margin:0;font-weight:500}.hero-intro{position:absolute;left:calc(100% + clamp(28px,5vw,90px));bottom:3%;width:290px;font-family:'Noto Sans KR',sans-serif;font-size:clamp(.9rem,1.2vw,1.15rem);line-height:1.8;font-weight:300}.hero-foot{position:absolute;bottom:27px;left:clamp(22px,4vw,70px);right:clamp(22px,4vw,70px);display:flex;justify-content:space-between;align-items:center;font-size:.68rem;letter-spacing:.18em}.hero-foot b{color:var(--acid);font-size:1.2rem;margin-left:8px}.section-label{display:flex;gap:17px;align-items:center;font-size:.7rem;letter-spacing:.15em}.section-label span{color:var(--acid)}.section-label p{margin:0}.intro{padding-top:145px;padding-bottom:130px;border-bottom:1px solid var(--line)}.intro-copy{display:grid;grid-template-columns:2fr 1fr;gap:12%;margin-top:75px}.intro h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(2.4rem,5.2vw,5.6rem);line-height:1.23;letter-spacing:-.055em;font-weight:400;margin:0}.intro-copy>p{font-family:'Noto Sans KR',sans-serif;color:var(--muted);line-height:1.95;font-weight:300;align-self:end;margin:0;max-width:430px}.projects{padding-top:80px;padding-bottom:160px}.project{margin-bottom:95px}.project figure{margin:0;position:relative;overflow:hidden;background:#151515;aspect-ratio:4/3}.project-wide figure{aspect-ratio:2.25/1}.project img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.project figure>span{position:absolute;right:20px;bottom:18px;padding:11px 14px;background:rgba(8,8,8,.76);font-size:.62rem;letter-spacing:.14em;opacity:0;transform:translateY(8px);transition:.35s}.project a:hover img{transform:scale(1.025);filter:brightness(.72)}.project a:hover figure>span{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;gap:30px;margin-top:19px}.project-meta>div{display:flex;gap:18px;align-items:baseline}.project-meta small{color:var(--acid);font-size:.65rem}.project-meta h3{font-size:clamp(1.25rem,2vw,2.2rem);font-weight:500;letter-spacing:-.03em;margin:0}.project-meta>p{font-size:.62rem;line-height:1.55;letter-spacing:.14em;text-align:right;color:var(--muted);margin:3px 0 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,70px)}.project-grid-three{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.5vw,42px)}.project-grid-three .project figure{aspect-ratio:3/4}.feature{height:88vh;min-height:620px;position:relative;overflow:hidden}.feature video{height:100%;object-fit:cover}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 70%),linear-gradient(0deg,rgba(0,0,0,.45),transparent)}.feature-copy{position:absolute;left:clamp(22px,7vw,120px);bottom:clamp(50px,10vh,120px)}.feature-copy p,.feature-copy span{font-size:.66rem;letter-spacing:.18em}.feature-copy p{color:var(--acid)}.feature-copy h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(2.5rem,5vw,5.8rem);line-height:1.17;letter-spacing:-.055em;font-weight:400;margin:24px 0 38px}.about{padding-top:145px;padding-bottom:160px}.about-title{margin:80px 0 110px}.about-title>p{font-size:clamp(5rem,16vw,17rem);line-height:.8;letter-spacing:-.085em;font-weight:500;margin:0;color:#191919}.about-title h2{font-size:clamp(2.8rem,7vw,7.8rem);line-height:.95;letter-spacing:-.065em;margin:-.1em 0 0;font-weight:500}.about-title i{color:var(--acid);font-style:normal;font-weight:400}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%;border-top:1px solid var(--line);padding-top:45px}.about-grid>p{font-family:'Noto Sans KR',sans-serif;font-size:clamp(1.1rem,1.75vw,1.6rem);line-height:1.8;letter-spacing:-.025em;font-weight:300;margin:0}.services>div{display:grid;grid-template-columns:50px 1fr;padding:17px 0;border-bottom:1px solid var(--line);font-size:.76rem;letter-spacing:.09em}.services span{color:var(--acid)}.services p{margin:0}.statement{height:82vh;min-height:620px;position:relative;overflow:hidden}.statement img{height:100%;object-fit:cover;filter:grayscale(1) brightness(.52)}.statement>div{position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,transparent,rgba(0,0,0,.55))}.statement>p{position:absolute;left:clamp(22px,4vw,70px);bottom:clamp(45px,8vw,110px);font-size:clamp(3.3rem,8.5vw,9rem);line-height:.84;letter-spacing:-.065em;font-weight:500;margin:0}.contact{padding-top:140px;padding-bottom:140px}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:end;margin-top:90px}.contact h2{font-family:'Noto Sans KR',sans-serif;font-size:clamp(2.8rem,6vw,6.8rem);line-height:1.15;letter-spacing:-.06em;font-weight:400;margin:0}.contact-grid>div>p{font-family:'Noto Sans KR',sans-serif;color:var(--muted);line-height:1.8;font-weight:300;margin:0 0 40px}.contact-grid a{display:block;border-top:1px solid var(--line);padding:19px 0;font-size:clamp(.75rem,1.2vw,1rem);letter-spacing:.06em;transition:color .2s}.contact-grid a:hover{color:var(--acid)}.footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:.65rem;letter-spacing:.12em;color:var(--muted)}.footer .logo{color:var(--ink)}.footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}@media(max-width:900px){.project-grid-three{grid-template-columns:1fr 1fr}.intro-copy,.about-grid,.contact-grid{grid-template-columns:1fr;gap:55px}.hero-intro{position:static;margin-top:30px}.hero-copy{transform:translateY(-46%)}.intro-copy>p{max-width:600px}.about-title{margin-bottom:80px}}@media(max-width:640px){.header{padding-top:22px;padding-bottom:22px}.nav{position:fixed;inset:0;background:#0a0a0a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;font-size:1.5rem;opacity:0;pointer-events:none;transition:.3s}.nav.open{opacity:1;pointer-events:auto}.menu-button{display:block;position:relative;z-index:2}.hero{min-height:620px}.hero h1{font-size:20vw}.hero-intro{font-size:.88rem}.hero-foot span{display:none}.intro{padding-top:95px;padding-bottom:90px}.intro-copy{margin-top:50px}.projects{padding-top:50px;padding-bottom:80px}.project,.project-wide{margin-bottom:62px}.project-grid,.project-grid-three{grid-template-columns:1fr;gap:0}.project-wide figure,.project figure{aspect-ratio:4/5}.project-meta>p{display:none}.feature{height:72vh;min-height:520px}.about{padding-top:95px;padding-bottom:100px}.about-title{margin:60px 0 70px}.statement{height:68vh;min-height:500px}.contact{padding-top:95px;padding-bottom:90px}.contact-grid{margin-top:60px}.footer{grid-template-columns:1fr 1fr;gap:20px}.footer p:nth-child(2){display:none}.footer p:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}.reveal{opacity:1;transform:none;transition:none}}