:root{--black:#080808;--panel:#101010;--soft:#161616;--line:#303030;--white:#f3f3f1;--muted:#a4a4a1;--red:#e0241b;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Noto Sans KR",sans-serif;line-height:1.65}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.header{height:76px;position:absolute;z-index:20;top:0;left:0;width:100%;padding:0 max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff24}.logo{display:flex;align-items:center;gap:9px;font:800 1rem/1 Inter,sans-serif;letter-spacing:.13em}.logo i{width:8px;height:8px;background:var(--red);display:inline-block}.header nav{display:flex;gap:38px;font:600 .78rem Inter,sans-serif;letter-spacing:.1em}.header nav a,.header-contact{transition:.2s}.header nav a:hover{color:#ff4b42}.header-contact{justify-self:end;border-bottom:1px solid #fff;padding-bottom:3px;font-size:.86rem;font-weight:700}.menu-button{display:none;background:none;border:0;color:#fff}.hero{height:min(920px,100vh);min-height:720px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-media,.hero-media picture,.hero-media img,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:65% 43%}.hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.86) 34%,rgba(5,5,5,.22) 66%,rgba(5,5,5,.18)),linear-gradient(0deg,rgba(5,5,5,.65),transparent 45%)}.hero-copy{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto;padding-top:55px}.kicker{font:700 .72rem/1.2 Inter,sans-serif;letter-spacing:.18em;color:#aaa;margin:0 0 25px;display:flex;align-items:center;gap:10px}.kicker span{width:25px;height:2px;background:var(--red)}.hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.04;letter-spacing:-.065em;margin:0;max-width:850px}.hero h1 em{font-style:normal}.hero-copy>p:not(.kicker){max-width:570px;margin:28px 0 35px;color:#c9c9c5;font-size:1.05rem}.actions{display:flex;align-items:center;gap:24px}.btn{min-height:54px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover{background:#f2382e}.btn.text{padding-inline:2px;border-bottom:1px solid #8a8a8a;min-height:40px}.btn.text b{margin-left:15px}.hero-index{position:absolute;z-index:2;right:max(24px,calc((100vw - var(--max))/2));bottom:48px;display:flex;gap:15px;align-items:center}.hero-index b{font:700 2.2rem Inter;color:var(--red)}.hero-index span{font:600 .65rem/1.5 Inter;letter-spacing:.12em}.statement{padding:140px 0 90px}.statement>div{display:grid;grid-template-columns:1.1fr .65fr;gap:80px;align-items:end}.statement h2,.capability h2,.content-showcase h2,.process h2,.contact h2{font-size:clamp(2.25rem,4.5vw,4.3rem);line-height:1.17;letter-spacing:-.055em;margin:0}.statement>div p{color:var(--muted);margin:0 0 7px;font-size:1.02rem;word-break:keep-all}.portfolio{display:grid;grid-template-columns:1.35fr .65fr;gap:84px 24px;padding-bottom:140px}.project a{height:660px;position:relative;overflow:hidden;background:#111;display:block}.project-wide a{height:780px}.project img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.25,1)}.project a:hover img{transform:scale(1.025)}.project a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 30%);opacity:0;transition:.3s}.project a:hover:after{opacity:1}.project:nth-child(1) img{object-position:center 34%}.project:nth-child(2) img{object-position:center 38%}.project:nth-child(3) img{object-position:center 40%}.project:nth-child(4) img{object-position:center 45%}.view{position:absolute;z-index:2;bottom:22px;right:22px;background:#fff;color:#111;font:700 .68rem Inter;padding:11px 14px;opacity:0;transform:translateY(8px);transition:.3s}.project a:hover .view{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #4a4a4a;margin-top:14px}.project-meta span{font:700 .63rem Inter;letter-spacing:.12em;color:var(--red)}.project-meta h3{font-size:1.25rem;margin:5px 0 0}.project-meta p{color:#888;font-size:.82rem;margin:8px 0 0;text-align:right}.project-last{margin-top:-120px}.capability{background:#111;padding:135px 0}.capability-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.capability-copy>p:last-child,.content-showcase>div>p{color:var(--muted);max-width:520px;margin-top:28px}.capability ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.capability li{display:grid;grid-template-columns:62px 1fr;padding:27px 0;border-bottom:1px solid var(--line);gap:15px}.capability li>b{font:700 .75rem Inter;color:var(--red);padding-top:5px}.capability h3{margin:0 0 7px;font-size:1.16rem}.capability li p{margin:0;color:#8f8f8d;font-size:.92rem}.content-showcase{padding:140px 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:110px;align-items:center}.phone{width:min(380px,100%);justify-self:center;background:#151515;padding:12px;box-shadow:0 25px 70px #000;border:1px solid #333}.phone img{aspect-ratio:9/16;object-fit:cover}.content-showcase ul{padding:0;list-style:none;margin:32px 0 0;border-top:1px solid var(--line)}.content-showcase li{padding:14px 0;border-bottom:1px solid var(--line);color:#d4d4d1}.content-showcase li:before{content:"+";color:var(--red);margin-right:14px;font-weight:800}.process{padding:135px 0}.process>div{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:65px}.process>div .kicker{align-self:flex-start}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.process li{min-height:180px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.process li:nth-child(3n){border-right:0}.process b{font:700 .75rem Inter;color:var(--red)}.process span{font-size:1.05rem;font-weight:700}.promotion{margin-bottom:140px;padding:70px;background:radial-gradient(circle at 0 0,#651b1c,transparent 38%),linear-gradient(125deg,#1a0c0c,#760f0b);border-top:2px solid var(--red);position:relative;overflow:hidden}.promotion:after{content:"P";position:absolute;right:-35px;bottom:-180px;font:900 28rem/1 Inter;color:#ffffff08}.promo-copy{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.promo-copy small{font-size:.95rem;color:#ffc6c3}.promo-copy h2{font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.05;letter-spacing:-.06em;margin:12px 0 25px}.promo-copy h2 span{font-size:.45em;color:#f7d7d4}.promo-copy h2 em{font-style:normal;color:#ff4b42}.promo-copy p{color:#e5c7c4}.promo-copy ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);align-content:end;gap:14px}.promo-copy li{border-bottom:1px solid #ffffff45;padding:12px 0}.promo-copy li:before{content:"✓";margin-right:10px}.promo-note{position:relative;z-index:1;margin-top:48px;padding-top:24px;border-top:1px solid #ffffff38;display:flex;align-items:center;justify-content:space-between;gap:35px}.promo-note p{font-size:.78rem;color:#caa9a7;margin:0;max-width:610px}.contact{padding:135px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.contact-copy>p:not(.kicker){color:var(--muted);margin:25px 0}.contact-copy>a{display:inline-block;border-bottom:1px solid #fff;padding-bottom:4px;font:600 .94rem Inter}.contact form{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 18px}.contact label{display:flex;flex-direction:column;gap:8px}.contact label>span{font-size:.83rem;font-weight:700}.contact input,.contact textarea{background:#111;color:#fff;border:1px solid #343434;border-radius:0;padding:15px 16px;outline:0;width:100%}.contact input:focus,.contact textarea:focus{border-color:var(--red)}.contact .full{grid-column:1/-1}.contact .agree{flex-direction:row;align-items:flex-start;gap:10px;color:#aaa}.contact .agree input{width:17px;margin-top:4px;accent-color:var(--red)}.contact .agree span{font-weight:400}.form-status{margin:0;color:#ff7068;font-size:.83rem;min-height:1.2em}.contact button{width:100%;font-size:1rem}.contact button b{margin-left:12px}footer{border-top:1px solid var(--line);padding:42px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#727270;font-size:.73rem}footer>p{text-align:center}footer>div{text-align:right;display:flex;flex-direction:column;gap:4px}footer .logo{color:#fff}@media(max-width:900px){.header{grid-template-columns:1fr auto auto;gap:18px}.header nav{position:absolute;top:76px;left:0;right:0;background:#0b0b0bf5;padding:22px 24px;display:none;flex-direction:column;gap:22px;border-bottom:1px solid #333}.header nav.open{display:flex}.menu-button{display:block}.header-contact{font-size:.78rem}.hero-media img{object-position:62% 42%}.hero-overlay{background:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.4)),linear-gradient(0deg,rgba(5,5,5,.75),transparent 50%)}.statement>div,.capability-grid,.content-showcase,.contact{grid-template-columns:1fr;gap:55px}.portfolio{grid-template-columns:1fr 1fr;gap:70px 20px}.project a,.project-wide a{height:650px}.project-last{margin-top:0}.capability-grid{gap:65px}.content-showcase{padding-inline:0}.process>div{display:block}.process>div .kicker{margin-bottom:25px}.promotion{padding:55px 35px}.promo-copy{grid-template-columns:1fr}.contact{gap:65px}footer{grid-template-columns:1fr;gap:12px}footer>p,footer>div{text-align:left}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:68px;padding:0 18px}.header nav{top:68px}.header-contact{display:none}.hero{height:92vh;min-height:690px}.hero-copy{width:calc(100% - 36px);padding-top:38px}.hero h1{font-size:2.7rem}.hero-copy>p:not(.kicker){font-size:.93rem}.hero-index{display:none}.statement{padding:95px 0 60px}.statement>div{grid-template-columns:1fr;gap:28px}.portfolio{grid-template-columns:1fr;gap:62px;padding-bottom:95px}.project a,.project-wide a{height:610px}.project-meta{display:block}.project-meta p{text-align:left}.view{display:none}.capability{padding:90px 0}.capability li{grid-template-columns:42px 1fr}.content-showcase{padding:95px 0}.phone{width:82%}.process{padding:90px 0}.process ol{grid-template-columns:repeat(2,1fr)}.process li:nth-child(3n){border-right:1px solid var(--line)}.process li:nth-child(2n){border-right:0}.promotion{width:calc(100% - 36px);margin-bottom:95px;padding:45px 22px}.promo-copy{gap:32px}.promo-copy ul{grid-template-columns:1fr}.promo-note{align-items:stretch;flex-direction:column}.promo-note .btn{width:100%}.contact{padding:95px 0}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}.actions{align-items:flex-start;flex-direction:column}.hero .btn.primary{width:100%}footer{padding:32px 0}.statement h2,.capability h2,.content-showcase h2,.process h2,.contact h2{font-size:2.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img,.btn{transition:none}}