@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--ink:#20302c;--deep:#1b2b2a;--cream:#f6f4ef;--paper:#fffdfa;--sage:#83958a;--gold:#bdac89;--line:rgba(32,48,44,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans KR',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.shell{width:min(1360px,calc(100% - 88px));margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:9999;padding:15px;background:white}.site-header{position:sticky;top:0;z-index:60;height:82px;background:rgba(246,244,239,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-family:Georgia,'Playfair Display',serif;font-size:31px;letter-spacing:-1.6px;font-weight:600;white-space:nowrap}.logo span{color:#a89369}.site-header nav{display:flex;align-items:center;gap:36px}.site-header nav a{font-size:12.5px;font-weight:700;white-space:nowrap;transition:opacity .2s}.site-header nav a:hover{opacity:.6}.nav-contact{border:1px solid var(--ink);padding:13px 17px}.nav-contact span{margin-left:14px}.menu-toggle{display:none}.hero{background:var(--deep);color:#f5f1e9;min-height:760px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:600px;height:600px;right:-60px;top:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(23deg)}.hero:after{content:'';position:absolute;width:820px;height:820px;right:-190px;top:-220px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.hero-glow{position:absolute;right:-180px;bottom:-420px;width:900px;height:800px;background:radial-gradient(circle,rgba(195,172,133,.15),transparent 68%);pointer-events:none}.hero-inner{position:relative;z-index:2;padding:50px 0 31px}.hero-topline,.hero-stat{display:flex;justify-content:space-between;gap:20px}.eyebrow,.hero-index,.hero-stat,.section-kicker,.section-label,.service-num,.work-label{font-size:11px;letter-spacing:1.35px;font-weight:700}.hero-index{color:#b4bcb8}.hero h1{font-size:clamp(52px,6.3vw,112px);font-weight:600;letter-spacing:-.066em;line-height:1.22;margin:73px 0 35px;max-width:1050px}.hero h1 em{font-weight:500;color:#cbbca0;font-style:normal}.hero-serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.075em}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.hero-bottom p{color:#d5dad5;font-size:16px;line-height:2;letter-spacing:-.025em}.hero-bottom p strong{color:white}.hero-links{display:flex;align-items:center;gap:26px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:18px 22px;border:0;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.btn-cream{background:#ebe6d9;color:#172826}.btn-cream:hover{background:#fffdf7}.text-arrow{font-size:13px;font-weight:700}.hero-stat{margin-top:115px;border-top:1px solid rgba(255,255,255,.2);padding-top:22px;color:#c7cec8;font-size:10px}.hero-outline{position:absolute;bottom:-83px;right:0;color:rgba(255,255,255,.018);font:700 250px Arial;letter-spacing:-25px;pointer-events:none}.ticker{background:#ece8de;border-bottom:1px solid var(--line)}.ticker .shell{display:flex;align-items:center;gap:65px;padding-top:24px;padding-bottom:24px}.ticker span{font-size:11px;font-weight:700;letter-spacing:1.3px;white-space:nowrap}.ticker div{font-size:15px;font-weight:600}.ticker div span{padding:0 10px;color:#a4a49d}.section{padding:130px 0;scroll-margin-top:80px}.two-col{display:grid;grid-template-columns:1fr 2fr;gap:30px}.section-label,.section-kicker{color:#76867b}.section-label{padding-top:10px}.section h2,.contact h2{font-size:clamp(37px,4vw,65px);line-height:1.38;letter-spacing:-.065em;margin:18px 0 32px;font-weight:600}.section h2 em,.contact h2 em{font:italic 400 1.07em 'Playfair Display',Georgia,serif;letter-spacing:-.055em}.intro .lead{font-size:20px;line-height:1.85;font-weight:500;max-width:600px}.intro .muted{font-size:15px;line-height:1.95;color:#66736d;max-width:650px}.services{background:#e9ede8}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:52px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:15px;line-height:1.95;color:#69766c;max-width:360px;margin-bottom:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #bec9c0}.service{padding:36px 35px 45px;min-height:270px;position:relative;border-right:1px solid #bec9c0;background:rgba(255,255,255,.27)}.service:last-child{border:0}.service-symbol{font-size:30px;display:block;margin-bottom:52px;color:#758b7c}.service-num{color:#728878}.service h3{font-size:25px;letter-spacing:-.045em;margin:17px 0}.service p{font-size:14px;color:#6c786f;line-height:1.9;max-width:310px}.portfolio{background:#fcfbf8}.portfolio .works-heading{margin-bottom:40px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}.filter{padding:12px 21px;border-radius:99px;border:1px solid #d4d8d2;background:transparent;color:#57645d;font-size:12px;cursor:pointer;font-weight:700;transition:.2s}.filter:hover,.filter.is-selected{background:#253b36;color:#fff;border-color:#253b36}.filter span{opacity:.64;padding-left:5px}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 28px}.work{min-width:0;animation:appear .3s ease}.work[hidden]{display:none!important}.work-image{position:relative;display:block;background:#e5e9e5;overflow:hidden;aspect-ratio:1.53;border:1px solid rgba(30,42,39,.09)}.work-image img{width:100%;height:100%;object-fit:cover}.browser-bar{height:33px;position:absolute;left:0;top:0;width:100%;z-index:4;display:flex;align-items:center;gap:5px;padding:0 15px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.08)}.browser-bar i{width:7px;height:7px;background:#cbd0cc;border-radius:50%}.browser-bar span{margin:auto;font-size:10px;color:#8b9992;letter-spacing:.3px}.work-image-scene{position:absolute;inset:33px 0 0;overflow:hidden}.work-image-scene>img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.work-image:hover .work-image-scene>img{transform:scale(1.05)}.work-overlay{position:absolute;right:19px;bottom:18px;background:#fff;color:#1b2b2a;padding:12px 17px;font-size:12px;z-index:6;font-weight:700;opacity:0;transform:translateY(6px);transition:.2s}.work-image:hover .work-overlay,.work-image:focus-visible .work-overlay{opacity:1;transform:translateY(0)}.on-photo-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px 45px;color:white;background:linear-gradient(90deg,rgba(21,42,37,.6),transparent 75%)}.on-photo-copy span{letter-spacing:2px;font-size:10px;font-weight:600;margin-bottom:16px}.on-photo-copy strong{font-family:Georgia,'Noto Sans KR',serif;font-size:clamp(27px,3.2vw,52px);letter-spacing:-.05em;line-height:1.35;font-weight:500}.sumsum-copy{display:none}.sumsum-copy strong{font-style:italic;font-size:clamp(33px,4vw,63px)}.ghost-copy{background:linear-gradient(90deg,rgba(4,4,6,.67),transparent 90%)}.ghost-copy strong{font-family:Arial,sans-serif;font-size:clamp(31px,4.2vw,68px);font-weight:900;letter-spacing:-2px}.ghost-copy strong span{color:#b82c26}.body-copy{background:linear-gradient(90deg,rgba(37,44,35,.53),transparent 90%)}.body-copy strong{font-style:italic}.bbang-shot{display:flex;height:100%;background:#e9f3fc}.bbang-left{display:flex;flex-direction:column;justify-content:center;gap:15px;padding:8% 0 8% 8%;width:56%;position:relative;z-index:2}.bbang-left span{font-size:12px;color:#3476ce;font-weight:800}.bbang-left strong{font-weight:800;font-size:clamp(23px,3vw,43px);letter-spacing:-.07em;line-height:1.3;color:#133568}.bbang-left small{color:#607c99}.bbang-shot img{object-fit:contain;width:48%;height:100%;mix-blend-mode:multiply}.care-shot{display:flex;height:100%;align-items:center;gap:1%;justify-content:center;background:linear-gradient(110deg,#e9f4f5,#edf9f0)}.care-shot img{height:75%;width:42%;object-fit:contain;mix-blend-mode:multiply}.care-shot>div{display:flex;flex-direction:column;gap:10px}.care-shot span{font-size:9px;letter-spacing:1.5px;color:#52776d}.care-shot strong{font-size:clamp(28px,3.5vw,55px);font-weight:800;color:#173b53;letter-spacing:-.055em}.care-shot small{font-size:13px;color:#5a7c77}.work-info{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.work-label{font-size:10px;color:#839287;letter-spacing:1.1px}.work-info h3{margin:9px 0;font-size:26px;letter-spacing:-.06em}.work-info p:not(.work-label){font-size:14px;color:#7a867b;margin:0;line-height:1.7}.site-note{display:block;margin-top:7px;color:#ad775f;font-size:11px}.circle-link{border:1px solid #ccd4cb;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px;flex:none;transition:.25s}.circle-link:hover{background:var(--deep);color:#fff}.portfolio-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:55px;padding-top:25px}.portfolio-bottom>span{font-size:11px;letter-spacing:1px;color:#8b938a}.portfolio-bottom a{font-size:13px;font-weight:700}.portfolio-bottom a span{margin-left:14px}.pricing{background:#efeee7}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.price{background:#faf9f5;padding:34px 28px 30px;border:1px solid #dcded7;display:flex;flex-direction:column;min-height:510px;position:relative}.price.featured{border-color:#223c36;background:#f3f5ef}.price>span:not(.pill){font-size:12px;font-weight:700;letter-spacing:1.1px}.price .pill{position:absolute;right:15px;top:-16px;background:#223c36;color:white;padding:9px 15px;font-size:9px;letter-spacing:1px;font-weight:800}.price-amount{font-size:64px;letter-spacing:-.07em;margin:22px 0 15px;line-height:1}.price-amount small{font-size:16px;letter-spacing:0;margin-left:9px}.price>p:not(.price-amount){font-size:13px;color:#718077;line-height:1.75;min-height:50px}.price ul{list-style:none;margin:20px 0 28px;padding:0}.price li{font-size:13px;border-bottom:1px solid #e6e8e1;padding:11px 0;color:#53635a}.price li:before{content:'✓';margin-right:9px;color:#719080}.price>a{margin-top:auto;border-top:1px solid #9cac9b;padding-top:20px;font-size:13px;font-weight:700}.fineprint{margin-top:20px;color:#7c867d;font-size:11px;line-height:1.9}.process{background:#fbfaf7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{border-top:1px solid #9caa9f;padding:21px 0}.steps span{font-size:11px;letter-spacing:1.1px;color:#8b9a90;font-weight:700}.steps h3{font-size:21px;margin:35px 0 10px;letter-spacing:-.045em}.steps p{font-size:13px;color:#6b7b72;line-height:1.85}.contact{background:#20332f;color:#f5f2e9;text-align:center;padding:125px 0;scroll-margin-top:82px}.contact .section-kicker{color:#c8bb9d}.contact h2{margin:18px 0;font-size:clamp(38px,5vw,74px)}.contact h2 em{color:#c6b89d}.contact-inner>p:not(.section-kicker){color:#c5ceca;font-size:15px}.contact .btn{margin-top:28px}.contact .contact-note{font-size:11px!important;margin-top:23px;color:#a9b8b0!important}.contact #copy-status{display:block;min-height:22px;margin-top:12px;font-size:12px;color:#f6e0a8}.footer{background:#13231f;color:#e5e5dc;padding:73px 0 0}.footer-main{display:flex;justify-content:space-between;gap:50px}.footer .logo{font-size:37px}.footer-main p{font-size:13px;color:#9daea6;line-height:1.9;margin-top:20px}.footer-cols{display:flex;gap:95px}.footer-cols>div{display:flex;flex-direction:column;gap:16px}.footer h4{font-size:11px;letter-spacing:1.2px;color:#d9dccd;margin:5px 0 8px}.footer-cols a{color:#9daeaa;font-size:12px}.footer-cols a:hover{color:white}.footer-bottom{border-top:1px solid #34453e;margin-top:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 26px;color:#91a299;font-size:11px}.footer-bottom a{color:#e6eae0}@keyframes appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.shell{width:min(100% - 48px,1360px)}.site-header nav{gap:17px}.hero h1{font-size:clamp(49px,7vw,84px)}.footer-cols{gap:38px}.on-photo-copy{padding:20px 30px}}
@media(max-width:760px){.shell{width:calc(100% - 34px)}.site-header{height:68px}.logo{font-size:27px}.menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:0;width:42px;height:42px;cursor:pointer}.menu-toggle span{width:21px;height:2px;background:#20302c}.site-header nav{position:absolute;top:68px;left:0;right:0;background:#f8f6f0;box-shadow:0 20px 28px rgba(0,0,0,.08);padding:20px 25px 26px;display:none;flex-direction:column;gap:0;align-items:stretch}.site-header nav.is-open{display:flex}.site-header nav a{padding:14px 0;border-bottom:1px solid #daddd6}.nav-contact{border:none!important}.hero{min-height:0}.hero-inner{padding:34px 0 23px}.hero-index{display:none}.hero h1{font-size:clamp(39px,10.5vw,71px);line-height:1.28;margin:69px 0 37px;letter-spacing:-.072em}.hero-bottom{display:block}.hero-bottom p{font-size:12.5px;line-height:1.9}.hero-links{margin-top:33px;gap:17px;flex-wrap:wrap}.btn{padding:15px 17px;font-size:12px;gap:18px}.text-arrow{font-size:12px}.hero-stat{margin-top:83px;gap:11px;flex-wrap:wrap}.hero-stat span{font-size:8px}.hero-stat span:nth-child(4){width:100%;margin-top:10px}.hero-outline{font-size:120px;bottom:35px;right:-35px;letter-spacing:-14px}.ticker .shell{padding:21px 0;display:block}.ticker .shell>span{display:block;margin-bottom:8px}.ticker div{font-size:12px;line-height:1.8}.section{padding:82px 0;scroll-margin-top:68px}.two-col{grid-template-columns:1fr;gap:23px}.section h2{font-size:clamp(34px,9vw,51px)}.intro .lead{font-size:16px}.intro .muted{font-size:13px}.section-heading{display:block;margin-bottom:34px}.section-heading>p{font-size:13px;max-width:initial;margin-top:26px}.service-grid{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid #bec9c0;min-height:0;padding:26px}.service:last-child{border-bottom:0}.service-symbol{margin-bottom:18px}.service h3{font-size:22px}.service p{font-size:13px}.works-grid{grid-template-columns:1fr;gap:39px}.filter{padding:11px 15px;font-size:11px}.filters{gap:7px;margin-bottom:22px}.work-image{aspect-ratio:1.34}.work-image-scene{inset:28px 0 0}.browser-bar{height:28px}.on-photo-copy{padding:20px}.on-photo-copy strong{font-size:clamp(26px,6vw,47px)}.ghost-copy strong{font-size:39px}.care-shot strong{font-size:32px}.care-shot small{font-size:10px}.work-info{margin-top:15px}.work-info h3{font-size:22px}.work-info p:not(.work-label){font-size:12px}.work-label{font-size:9px}.portfolio-bottom{gap:15px}.portfolio-bottom>span{font-size:9px}.portfolio-bottom a{font-size:11px;text-align:right}.pricing-grid{grid-template-columns:1fr;gap:25px}.price{min-height:0}.price .price-amount{font-size:58px}.steps{grid-template-columns:repeat(2,1fr);gap:22px}.steps h3{font-size:18px;margin:26px 0 12px}.steps p{font-size:12px}.contact{padding:80px 0}.contact h2{font-size:clamp(37px,9.2vw,54px)}.footer{padding-top:55px}.footer-main{display:block}.footer-cols{gap:35px;flex-wrap:wrap;margin-top:37px}.footer-cols>div{min-width:75px}.footer-bottom{margin-top:54px;flex-wrap:wrap;font-size:10px}.bbang-left strong{font-size:22px}.bbang-left span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}