:root{--ink:#15191b;--paper:#f4f3ef;--line:#d5d3ca;--accent:#d5ed44;--muted:#747a7a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--accent);color:var(--ink)}.wrap{width:min(100% - 72px,1440px);margin:auto}.header{position:absolute;z-index:10;top:0;left:0;width:100%;color:white;border-bottom:1px solid #ffffff55}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:26px;font-weight:800;letter-spacing:-.09em;white-space:nowrap}.logo span{font-size:11px;letter-spacing:.07em;display:block;font-weight:500;margin-top:-4px}.nav{display:flex;gap:40px;font-size:13px;font-weight:600;letter-spacing:.07em}.nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.nav .contact-nav{border:1px solid #fff9;padding:10px 16px;margin-top:-10px}.menu{display:none;background:transparent;border:0;color:white;font-size:25px}.hero{height:min(900px,100svh);min-height:650px;color:#fff;background:#222a2e;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,13,.82),rgba(7,11,13,.38) 58%,rgba(7,11,13,.25)),url('https://images.unsplash.com/photo-1565043666747-69f6646db940?w=2000&q=85') center/cover;filter:saturate(.6)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e1418aa,transparent 37%);pointer-events:none}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:80px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:clamp(55px,8vw,138px);line-height:1.08;letter-spacing:-.075em;margin:30px 0 32px;font-weight:700;max-width:1200px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff7a;padding-top:25px}.hero-bottom p{font-size:18px;line-height:1.8;margin:0}.scroll{font-size:12px;letter-spacing:.14em}.section{padding:125px 0}.section-head{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:65px}.kicker{color:#616862;font-size:12px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}.section-head h2,.intro h2,.contact h2{font-size:clamp(38px,5.2vw,76px);line-height:1.19;letter-spacing:-.065em;margin:14px 0 0;font-weight:700}.section-head p{max-width:390px;line-height:1.8;color:#555d59;margin:20px 0 0}.intro{background:var(--accent);padding:110px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%}.intro h2{margin:0}.intro p{font-size:19px;line-height:1.9;margin:10px 0 30px}.text-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:14px;font-weight:700}.arrow{font-size:21px;font-weight:400}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:54px 24px}.work-card:nth-child(2){margin-top:90px}.work-card:nth-child(4){margin-top:90px}.work-thumb{height:clamp(260px,31vw,480px);overflow:hidden;position:relative;background:#303a38}.work-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72);transition:transform .6s,filter .6s}.work-card:hover img{transform:scale(1.045);filter:saturate(1)}.work-thumb:after{content:'↗';position:absolute;right:22px;bottom:18px;color:#fff;font-size:30px}.work-info{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:20px;border-top:1px solid var(--ink);margin-top:15px}.work-info h3{font-size:25px;letter-spacing:-.045em;margin:0 0 8px}.work-info p{font-size:14px;color:#717777;margin:0}.tag{border:1px solid #9da3a0;border-radius:40px;padding:6px 10px;font-size:11px;white-space:nowrap}.services{background:#192024;color:#f5f4ef}.services .kicker,.services .section-head p{color:#b3babb}.service-list{border-top:1px solid #667073}.service-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:25px;align-items:center;border-bottom:1px solid #667073;padding:32px 0}.service-row .num{color:var(--accent);font-size:13px}.service-row h3{font-size:clamp(23px,3vw,38px);margin:0;letter-spacing:-.05em}.service-row p{margin:0;color:#b9c0be;line-height:1.7;font-size:15px}.quote{padding:130px 0;background:#e8e7e0}.quote blockquote{font-size:clamp(32px,5vw,72px);line-height:1.36;letter-spacing:-.065em;max-width:1100px;margin:45px 0 32px;font-weight:600}.quote small{font-size:13px;color:#68706a}.contact{background:var(--accent);padding:120px 0}.contact-inner{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact h2{margin-bottom:38px}.contact .cta{display:inline-block;font-size:clamp(20px,2.8vw,36px);font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:10px;letter-spacing:-.04em}.contact .bigarrow{font-size:100px;line-height:1}.footer{background:#121719;color:#f1f2ed;padding:48px 0 40px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer .logo{font-size:34px}.footer-links{display:flex;gap:34px;font-size:13px}.footer-bottom{border-top:1px solid #586062;margin-top:85px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#a6afad;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.wrap{width:min(100% - 36px,1440px)}.header-inner{height:69px}.logo{font-size:22px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#151b1e;padding:25px 18px 30px;flex-direction:column;gap:24px}.nav.open{display:flex}.nav .contact-nav{margin:0;border:0;padding:0}.menu{display:block}.hero{height:760px;min-height:0;max-height:950px}.hero-photo{background-position:60% center}.hero-content{padding-bottom:42px}.hero h1{font-size:clamp(51px,11vw,84px);margin:22px 0 36px}.hero-bottom p{font-size:15px}.scroll{display:none}.section{padding:85px 0}.section-head{display:block;margin-bottom:37px}.section-head p{font-size:15px}.intro{padding:85px 0}.intro-grid{grid-template-columns:1fr;gap:30px}.intro p{font-size:16px}.work-grid{grid-template-columns:1fr;gap:48px}.work-card:nth-child(2),.work-card:nth-child(4){margin-top:0}.work-thumb{height:60vw;min-height:240px}.work-info h3{font-size:22px}.service-row{grid-template-columns:40px 1fr;gap:10px;padding:27px 0}.service-row p{grid-column:2;font-size:14px}.quote{padding:95px 0}.contact{padding:90px 0}.contact .bigarrow{display:none}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:35px;flex-wrap:wrap;gap:20px}.footer-bottom span{display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}