@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f7f6f0;--ink:#24251f;--muted:#72736b;--line:#d8d9ce;--yellow:#ecc052;--coral:#da8b71;--font:'DM Sans','Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}p{font-size:16px;line-height:1.95;color:#62645c}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.wrap{width:min(1280px,88%);margin-inline:auto}.section-space{padding-block:110px}.header{height:94px;padding-inline:6%;display:flex;align-items:center;justify-content:space-between;background:rgba(247,246,240,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center}.logo-frame{display:block;position:relative;width:76px;aspect-ratio:1400/1160;overflow:hidden;mix-blend-mode:multiply}.logo-frame img{position:absolute;width:168.786%;max-width:none;height:auto;left:-34.286%;top:-51.724%}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}nav a:hover:after{width:100%}.nav-contact{margin-left:22px}.nav-contact span{margin-left:15px}.menu-toggle{display:none}.eyebrow,.index{font-size:11px;letter-spacing:1.6px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ink)}.index{color:var(--muted);letter-spacing:1px}.hero{padding-top:55px}.hero-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.hero-note{font-size:11px;color:var(--muted)}.hero h1{font-size:clamp(45px,6.45vw,96px);font-weight:500;line-height:1.13;letter-spacing:-.06em;position:relative}.marked{position:relative;isolation:isolate}.marked:after{content:'';position:absolute;background:var(--yellow);left:0;right:0;bottom:7%;height:14%;z-index:-1;transform:none}.period{color:var(--coral)}.hero-description{margin-top:35px;display:flex;justify-content:space-between;align-items:flex-end}.hero-description h2{font-size:19px;letter-spacing:-.8px;margin-bottom:10px;font-weight:600}.hero-description p{font-size:14px;line-height:1.9}.scroll-link{display:flex;align-items:center;gap:18px;font-size:11px}.round-arrow{width:44px;height:44px;border:1px solid #aaa99f;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:transform .25s,background .25s}.scroll-link:hover .round-arrow{transform:translateY(4px);background:var(--yellow)}.hero-art{margin-top:-10px;pointer-events:none}.hero-art img{width:100%;height:auto;mix-blend-mode:multiply}.hero-foot{border-top:1px solid var(--line);padding-block:19px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.section-label{display:flex;align-items:center;justify-content:space-between}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:44px 0 60px}.section-heading h2,.perspective h2,.contact h2{font-size:clamp(34px,3.6vw,52px);line-height:1.45;letter-spacing:-2.5px}.section-heading p{font-size:14px;padding-bottom:8px}.serif-word{font-family:Georgia,'Noto Sans KR',serif;color:#7c8064}.service{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:38px 0;border-top:1px solid var(--line);min-height:450px}.service:last-child{border-bottom:1px solid var(--line)}.service.reverse .service-image{order:2}.service-image{overflow:hidden}.service-image img{width:100%;aspect-ratio:1.3;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s ease}.service:hover .service-image img{transform:translateY(-5px)}.service-label{display:flex;align-items:center;gap:16px;font-size:10px;font-weight:600;letter-spacing:1.3px;margin-bottom:27px}.service-label>span:first-child{display:grid;place-items:center;border:1px solid #bfbfb2;width:29px;height:29px;border-radius:50%;font-size:10px}.service h3{font-size:clamp(28px,2.8vw,40px);line-height:1.5;letter-spacing:-1.8px;margin-bottom:23px}.service p{font-size:14px}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:27px 0 0}.tags li{font-size:10px;padding:6px 10px;border:1px solid var(--line);border-radius:20px;color:#73746b}.perspective{background:#efeee4;position:relative;overflow:hidden}.small-star{font-size:38px;line-height:1;color:#a1915e}.perspective-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;margin-top:45px}.perspective h2{font-size:clamp(40px,4.4vw,64px);margin-bottom:34px}.circled{position:relative}.circled:after{content:'';position:absolute;inset:9% -13% -5%;border:1.5px solid #b59a43;border-radius:50%;transform:rotate(-13deg);pointer-events:none}.perspective p{font-size:14px;line-height:2;max-width:520px;margin-top:18px}.perspective p strong{color:var(--ink);font-weight:600}.perspective p.origin{font-size:14px;margin-top:0}.perspective-image img{width:100%;mix-blend-mode:multiply}.perspective-line{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #cecebf;margin-top:55px;padding-top:25px;font-size:12px}.perspective-line>span:first-child{font-weight:600}.perspective-line>span:last-child{font-size:11px;color:#73746a}.work{background:var(--ink);color:var(--paper)}.work .eyebrow:before{background:var(--yellow)}.work .index{color:#999b8e}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:47px 0 70px}.work-heading h2{font-size:clamp(32px,3.6vw,51px);line-height:1.5;letter-spacing:-2px}.work-heading h2>span{color:var(--yellow)}.work-heading p{font-size:14px;color:#b5b7a9;line-height:2;padding-bottom:6px}.work-steps details{border-top:1px solid #55574b}.work-steps details:last-child{border-bottom:1px solid #55574b}.work-steps summary{list-style:none;display:grid;grid-template-columns:65px 1fr 1fr 35px;align-items:center;padding:25px 0;cursor:pointer;transition:color .2s}.work-steps summary::-webkit-details-marker{display:none}.work-steps summary:hover{color:var(--yellow)}.step-num{font-size:11px;color:var(--yellow)}.step-word{font-size:37px;letter-spacing:-2px;font-weight:500}.step-en{font-size:11px;letter-spacing:1.4px;color:#a6a899}.step-toggle{width:24px;height:24px;position:relative}.step-toggle:before,.step-toggle:after{content:'';position:absolute;background:currentColor;left:3px;right:3px;top:11px;height:1px}.step-toggle:after{transform:rotate(90deg);transition:transform .2s}details[open] .step-toggle:after{transform:rotate(0)}details[open] .step-word{color:var(--yellow)}.step-content{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:5px 35px 38px 65px}.step-content h3{font-size:21px;line-height:1.65;letter-spacing:-.7px;font-weight:500}.step-content p{font-size:13px;line-height:2;color:#b5b7a9}.contact .section-label{margin-bottom:46px}.contact-dot{height:10px;width:10px;border-radius:50%;background:var(--coral)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.contact h2{font-size:clamp(32px,3.2vw,46px)}.contact p{font-size:14px;margin-top:22px}.email-link{padding:28px 0;border-bottom:1px solid var(--ink);display:block}.email-label{font-size:10px;letter-spacing:1.3px;color:var(--muted);display:block;margin-bottom:22px}.email-address{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:clamp(20px,2.45vw,34px);letter-spacing:-1px}.email-address>span{transition:transform .25s}.email-link:hover .email-address>span{transform:translate(5px,-5px)}.footer{border-top:1px solid var(--line);padding:50px 0 32px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.footer-brand{display:block}.footer-brand .logo-frame{width:132px}.back-top{font-size:11px;display:flex;gap:23px;align-items:center}.back-top>span{font-size:20px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;color:#818277;gap:25px}.footer-bottom strong{font-size:11px;color:#5e6056;font-weight:500}.footer-bottom p{font-size:10px;line-height:2;color:#818277;margin-top:8px}.separator{margin:0 9px}.skip-link{position:fixed;top:-100px;left:15px;padding:15px;z-index:50;background:var(--yellow)}.skip-link:focus{top:10px}
@media(min-width:1500px){.header{padding-inline:calc((100% - 1280px)/2)}}
@media(max-width:1000px){nav{gap:20px}.nav-contact{margin-left:0}.hero h1{font-size:7.4vw}.section-space{padding-block:85px}.service{gap:5%;min-height:360px}.service h3{font-size:30px}.service p{font-size:13px}.desktop-br{display:none}.section-heading{align-items:flex-start}.section-heading p{max-width:300px}.perspective-grid{gap:4%}.work-heading p{max-width:270px}.step-content{gap:22px}.contact-grid{gap:6%}}
@media(max-width:700px){html{scroll-padding-top:80px}.wrap{width:88%}.header{height:76px}.brand .logo-frame{width:64px}.menu-toggle{display:block;border:0;background:none;padding:12px 0 12px 12px;cursor:pointer;width:36px;height:42px;position:relative;z-index:22}.menu-toggle span{display:block;width:23px;height:1.5px;background:var(--ink);margin:6px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}nav{display:none;position:absolute;left:0;right:0;top:75px;background:var(--paper);padding:30px 6% 38px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:25px;font-size:17px}nav.open{display:flex}.hero{padding-top:35px}.hero-label{margin-bottom:32px}.hero-note{display:none}.eyebrow,.index{font-size:9px;letter-spacing:1.25px}.hero h1{font-size:clamp(35px,8.9vw,62px);line-height:1.19;letter-spacing:-.065em;max-width:100%}.hero-description{margin-top:30px;align-items:flex-end;gap:12px}.hero-description h2{font-size:15px;letter-spacing:-.6px;line-height:1.7;max-width:260px}.hero-description p{font-size:12px}.scroll-link>span:first-child{display:none}.round-arrow{width:33px;height:33px;font-size:17px}.hero-art{margin:18px -5% 10px}.hero-foot{font-size:8px;letter-spacing:.5px;padding-block:16px}.hero-foot>span:last-child{display:none}.section-space{padding-block:65px}.section-heading{display:block;margin:32px 0 35px}.section-heading h2,.contact h2{font-size:32px;letter-spacing:-1.9px}.section-heading p{margin-top:23px;font-size:13px;max-width:none}.service,.service.reverse{display:flex;flex-direction:column;gap:0;padding:12px 0 40px;align-items:stretch;min-height:0}.service.reverse .service-image{order:0}.service-image{max-width:430px;width:100%;align-self:center}.service-image img{aspect-ratio:1.4}.service-copy{padding:4px 0 0}.service-label{font-size:9px;gap:12px;margin-bottom:19px}.service-label>span:first-child{width:26px;height:26px}.service h3{font-size:30px;line-height:1.45;margin-bottom:17px}.service p{font-size:13px;line-height:1.95}.tags{margin-top:20px}.tags li{font-size:9px}.perspective-grid{display:flex;flex-direction:column;margin-top:30px;gap:0;align-items:stretch}.perspective h2{font-size:40px;letter-spacing:-2px;margin-bottom:28px}.perspective p,.perspective p.origin{font-size:13px}.perspective-image{max-width:350px;align-self:center;width:100%;margin:-5px 0 -10px}.perspective-line{flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;font-size:11px}.perspective-line>span:last-child{font-size:10px}.small-star{font-size:30px}.work-heading{display:block;margin:35px 0 45px}.work-heading h2{font-size:31px;letter-spacing:-1.6px}.work-heading p{font-size:12px;margin-top:24px;max-width:none}.work-steps summary{grid-template-columns:35px 1fr 1fr 24px;padding:23px 0}.step-word{font-size:29px;letter-spacing:-1.5px}.step-num,.step-en{font-size:9px}.step-content{display:block;padding:0 0 28px 35px}.step-content h3{font-size:19px}.step-content p{font-size:12px;margin-top:15px}.contact .section-label{margin-bottom:30px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact p{font-size:13px;margin-top:20px}.email-link{padding:20px 0}.email-label{font-size:9px;margin-bottom:13px}.email-address{font-size:25px;letter-spacing:-.8px}.footer{padding-top:35px}.footer-top{margin-bottom:32px}.footer-brand .logo-frame{width:112px}.back-top{font-size:10px;gap:15px}.footer-bottom{display:block;font-size:9px}.footer-bottom p{font-size:9px}.footer-bottom>span{display:block;margin-top:25px}.separator{margin:0 5px}}
.service-image img,.perspective-image img{height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep the remaining Korean captions aligned after removing the English hero labels. */
.hero-label,.hero-foot{justify-content:flex-end}
@media(max-width:700px){.hero-label{display:none}.hero-foot{padding-block:0;margin-top:16px}}

.creator-links{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.creator-links>span{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}
.creator-links>div{display:flex;flex-wrap:wrap;gap:12px 25px}
.creator-links a{font-size:13px;font-weight:500;display:flex;gap:8px;align-items:center}
.creator-links a>span{color:#8b8d7d;font-size:12px;transition:transform .2s}
.creator-links a:hover>span{transform:translate(2px,-2px)}
.case-studies{margin:0 0 35px}
.case-studies summary{list-style:none;display:flex;align-items:center;gap:20px;cursor:pointer;padding:21px 0;border-top:1px solid var(--line)}
.case-studies summary::-webkit-details-marker{display:none}
.cases-label{font-size:16px;font-weight:500;letter-spacing:-.5px}
.cases-caption{font-size:11px;color:var(--muted)}
.cases-toggle{width:22px;height:22px;margin-left:auto;position:relative}
.cases-toggle:before,.cases-toggle:after{content:'';position:absolute;left:3px;right:3px;top:10px;height:1px;background:var(--ink)}
.cases-toggle:after{transform:rotate(90deg);transition:transform .2s}
.case-studies[open] .cases-toggle:after{transform:rotate(0)}
.case-studies summary:hover .cases-label{color:#8c7136}
.cases-content{padding:12px 0 20px}
.case-group+ .case-group{margin-top:35px}
.case-group h4{font-size:15px;font-weight:500;letter-spacing:-.3px;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.case-group h4:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--yellow)}
.case-group+ .case-group h4:before{background:var(--coral)}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.case-link{display:block;min-width:0}
.case-thumbnail{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e6e5dc}
.case-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.case-play{position:absolute;inset:0;display:grid;place-content:center;color:white;font-size:20px;text-shadow:0 1px 8px #0009;background:#00000012;transition:background .2s}
.case-link:hover .case-thumbnail img{transform:scale(1.035)}
.case-link:hover .case-play{background:#00000030}
.case-title{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;line-height:1.7}
.case-title>span{color:#8b8d7d;font-size:14px}
@media(max-width:700px){.creator-links{margin-top:23px;padding-top:17px}.creator-links>div{gap:12px 20px}.creator-links a{font-size:12px}.case-grid{gap:16px}.case-studies{margin-bottom:25px}.case-studies summary{gap:15px;padding-block:19px}.cases-label{font-size:15px}.cases-caption{font-size:10px}.case-group h4{font-size:14px}.case-title{font-size:12px}}
@media(max-width:520px){.case-grid{grid-template-columns:1fr;gap:24px}.cases-content{padding-top:15px}.case-group+ .case-group{margin-top:32px}.case-title{margin-top:9px}.case-play{font-size:25px}}

@media(min-width:701px){.hero-art{margin-top:48px}}
