@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,500;0,600;1,500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Designed as one composition: typography, people, and connected care. */
:root{--forest:#073a35;--green:#145e52;--lime:#c7f2d7;--ink:#143e38;--paper:#f5f5ee;--muted:#5e706b}body{background:var(--paper)}header{background:#f5f5eef0}.is-home header{background:#092f2bf2;border-color:#c8e0c625;color:#f2f3e8;backdrop-filter:blur(22px)}.is-home header nav a:hover{color:#bef0d0}.is-home header .language,.is-home header .menu{color:#d9eedf}.is-home .nav-cta{background:#d8f2df;color:#173d32;border-color:#d8f2df}.header{min-height:100px}.royal-signature{gap:13px;flex-shrink:0}.signature-symbol{display:block;width:43px;height:52px;background:#358e64;mask:url('/assets/royal-symbol.png') center/contain no-repeat;-webkit-mask:url('/assets/royal-symbol.png') center/contain no-repeat}.signature-type{display:flex;flex-direction:column;align-items:center}.signature-type strong{font:500 36px/.85 'Bodoni Moda',Georgia,serif;letter-spacing:.035em;display:block}.signature-type small{font:500 9px/1 'Space Grotesk',sans-serif;letter-spacing:.43em;margin:11px -4px 0 0}.is-home header .signature-symbol{background:#bfebcd}.is-home header .signature-type{color:#f2f4e8}.header nav{font-family:'Space Grotesk','Noto Sans KR',sans-serif;font-size:14px;gap:22px}.btn{font-family:'Space Grotesk','Noto Sans KR',sans-serif;font-weight:500;letter-spacing:-.01em;transition:transform .3s,background .3s,border-color .3s}.btn.light{background:#cef2d9;border-color:#cef2d9;color:#153c34}.btn.ghost{border-color:#b7d4c26b;background:transparent;color:#e7f3e8}.atelier-hero{position:relative;isolation:isolate;overflow:hidden;background:#092f2b;color:#f1f1e6;perspective:1200px}.hero-light-field{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 45%,#669c6c5c,transparent 55%),radial-gradient(ellipse at 15% 0%,#27584d,transparent 60%),linear-gradient(135deg,#102f2e,#17483c 60%,#254e39);transform:translateY(calc(var(--scene-progress,0)*40px));pointer-events:none}.atelier-hero-inner{position:relative;z-index:2}.atelier-meta{padding:27px 0 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#b7ccbb}.atelier-composition{display:grid;grid-template-columns:1fr 1.22fr;gap:2%;align-items:center;min-height:680px;padding:70px 0 90px}.atelier-title{position:relative;z-index:3}.atelier-title>.eyebrow{font:500 11px/1.5 'Space Grotesk',sans-serif;letter-spacing:.15em;color:#cad8bd;margin-bottom:30px}.atelier-title h1{font-family:'Space Grotesk','Noto Sans KR',sans-serif;font-size:clamp(50px,5.2vw,78px);line-height:1.04;letter-spacing:-.07em;font-weight:400;margin-bottom:26px;white-space:nowrap}.type-line{display:block;overflow:hidden;padding-bottom:5px;margin-bottom:-5px}.type-line>span{display:block;animation:type-curtain .95s cubic-bezier(.16,1,.3,1) both}.type-line:nth-child(2)>span{animation-delay:.11s}.type-line:nth-child(3)>span{animation-delay:.22s}.atelier-title .signature-line{font:italic 500 clamp(92px,9vw,138px)/.93 'Bodoni Moda',Georgia,serif;letter-spacing:-.055em;color:#c9ead2;padding-bottom:20px;margin-bottom:-8px}.atelier-intro{font-size:16px;color:#cad8cf;max-width:380px;line-height:1.7;margin-bottom:25px}.atelier-title .button-row{gap:10px}.atelier-title .btn{font-size:13px;padding:14px 19px;min-height:48px}.portrait-installation{position:relative;isolation:isolate;perspective:1000px;transform:translateY(calc(var(--scene-progress,0)*-45px));animation:portrait-arrival 1.3s cubic-bezier(.16,1,.3,1) backwards;--pointer-x:0;--pointer-y:0}.portrait-panel{margin:0;position:relative;z-index:2;padding:9px 9px 0;background:#e7e9df;border-radius:7px;box-shadow:0 28px 80px #001a2080;transform:rotateY(calc(var(--pointer-x)*8deg)) rotateX(calc(var(--pointer-y)*-7deg)) rotateZ(calc(-2deg + var(--scene-progress,0)*4deg));transition:transform .45s cubic-bezier(.2,.8,.2,1);transform-origin:center;will-change:transform}.portrait-panel img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:3px}.portrait-panel figcaption{display:flex;justify-content:space-between;gap:15px;padding:13px 8px;color:#385344;font:500 9px/1.3 'Space Grotesk',sans-serif;letter-spacing:.13em}.portrait-outline{position:absolute;inset:-18px 16px 7px -14px;border:1px solid #d1eaca38;border-radius:8px;transform:rotate(-6deg) translate(calc(var(--pointer-x)*-12px),calc(var(--pointer-y)*-12px));transition:transform .6s;z-index:0}.portrait-outline.second{inset:11px -16px -19px 15px;transform:rotate(3deg) translate(calc(var(--pointer-x)*14px),calc(var(--pointer-y)*14px));border-color:#e3f0d62a}.portrait-edge-note{position:absolute;left:12px;top:-62px;display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.45;color:#cfdfcc;letter-spacing:.03em}.edge-rule{display:block;width:55px;height:1px;background:#c3dcbf99;transform-origin:right;transform:rotate(-25deg)}.portrait-service{position:absolute;right:10px;bottom:-31px;z-index:3;display:flex;gap:13px;align-items:center;padding:16px 18px;background:#eff5e8;color:#214535;border-radius:6px;box-shadow:0 10px 30px #061e2030;font-size:13px;transform:translateY(calc(var(--scene-progress,0)*35px));transition:background .3s}.portrait-service:hover{background:#ceefd5}.service-dot{width:8px;height:8px;border:2px solid #3c855f;border-radius:50%;box-shadow:0 0 0 4px #53996317}.service-plus{margin-left:18px;font-size:20px;font-weight:300}.atelier-baseline{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c0dec13b;padding:23px 0 25px;font-size:10px;letter-spacing:.07em;color:#c7d6c6}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:0}.scroll-track{height:31px;width:18px;border:1px solid #bcd4bd88;border-radius:10px;position:relative}.scroll-track i{display:block;position:absolute;top:6px;left:7px;height:7px;width:2px;background:#d4efd4;animation:scroll-indicator 2s ease-in-out 2}.baseline-detail{display:flex;gap:35px;font-size:10px}.kinetic-word{font:600 clamp(150px,23vw,340px)/.75 'Space Grotesk',sans-serif;letter-spacing:-.07em;position:absolute;bottom:42px;left:-3%;z-index:0;color:#b7d6b10b;white-space:nowrap;transform:translateX(calc(var(--scene-progress,0)*-100px));pointer-events:none}.connection-section{position:relative;background:#e9ede2;overflow:hidden;padding:105px 0 75px}.connection-heading{position:relative;display:grid;grid-template-columns:1fr 2.6fr 1.4fr;gap:35px;align-items:end}.connection-heading>.eyebrow{font-size:10px;line-height:1.8;max-width:170px;margin:0 0 7px}.connection-heading h2{font:400 clamp(40px,4.5vw,66px)/1.06 'Space Grotesk','Noto Sans KR',sans-serif;letter-spacing:-.06em;margin:0}.connection-heading h2 em{font:italic 500 1.2em/1 'Bodoni Moda',Georgia,serif;color:#438161}.connection-heading>p:last-child{font-size:16px;max-width:245px;margin:0 0 7px}.connection-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:8%;align-items:center;padding-top:40px}.connection-map{position:relative;aspect-ratio:1000/760;min-height:410px;perspective:1000px}.care-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connection-path{fill:none;stroke:#577f5f60;stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--connection-progress,0));transition:stroke .4s,stroke-width .4s}.connection-path.selected{stroke:#246749;stroke-width:3}.center-halo{position:absolute;left:50%;top:50%;width:52%;aspect-ratio:1;border:1px solid #577a4f1c;border-radius:50%;transform:translate(-50%,-50%) scale(calc(.8 + var(--connection-progress,0)*.2));background:radial-gradient(circle,#b2cda442 0,transparent 69%);box-shadow:0 0 0 35px #62895907,0 0 0 70px #62895904}.you-core{position:absolute;left:50%;top:50%;width:clamp(130px,13vw,180px);height:clamp(130px,13vw,180px);transform:translate(-50%,-50%);border-radius:50%;border:1px solid #dce9d3;background:radial-gradient(ellipse at 25% 20%,#537c62,#1c503c 60%,#1a3c31);box-shadow:inset 0 2px 5px #e7ffce50,0 16px 35px #315b3227;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f0f5e7}.you-core>span{font:500 8px/1.5 'Space Grotesk','Noto Sans KR',sans-serif;letter-spacing:.17em}.you-core strong{font:italic 500 clamp(48px,5vw,72px)/1.1 'Bodoni Moda',Georgia,serif;letter-spacing:-.06em}.you-core i{width:18px;height:1px;background:#d8ecd186;margin-top:6px}.care-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%) translateY(22px);opacity:0;display:flex;align-items:center;gap:10px;padding:14px 15px;border:1px solid #a9bba177;border-radius:7px;background:#f4f7edef;box-shadow:0 8px 25px #2e54240b;font-size:13px;color:#2b513d;white-space:nowrap;transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .65s,background .3s,box-shadow .3s;transition-delay:var(--delay),var(--delay),0s,0s;z-index:2}.connections-visible .care-node{opacity:1;transform:translate(-50%,-50%)}.care-node:hover{box-shadow:0 12px 28px #3a652c22;background:#fff}.care-node.selected{background:#214e3a;color:#eaf1de;border-color:#214e3a;box-shadow:0 9px 22px #284d3324}.node-number{font-size:9px;opacity:.55;align-self:start;margin-top:3px}.care-node i{font-style:normal;font-size:16px;margin-left:4px}.care-node.selected i{transform:rotate(45deg)}.connection-detail{position:relative;align-self:stretch;display:flex;align-items:center}.connection-index{position:absolute;right:0;top:25px;font:400 160px/1 'Space Grotesk',sans-serif;color:#cbd5c050;letter-spacing:-.08em;z-index:0;pointer-events:none}.connection-detail-inner{position:relative;z-index:1;padding:30px 0;animation:detail-arrive .5s ease-out both}.connection-detail .eyebrow{font-size:11px;margin-bottom:25px}.connection-detail h3{font:400 clamp(26px,2.6vw,38px)/1.12 'Space Grotesk','Noto Sans KR',sans-serif;letter-spacing:-.05em;max-width:400px;margin-bottom:22px}.connection-detail p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:400px}.connection-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b1c3a9;padding-top:20px;font-size:14px;gap:15px}.connection-link span{font-size:23px}.care-pulse .you-core{animation:care-response .6s ease-out}.manifesto{padding:95px 0}.word-reveal{font-family:'Space Grotesk','Noto Sans KR',sans-serif;font-size:clamp(40px,5vw,75px);line-height:1.15}.service-studio{padding-bottom:100px}.studio-section-heading h2{font-family:'Space Grotesk','Noto Sans KR',sans-serif;letter-spacing:-.055em}.service-tabs button{font-family:'Space Grotesk','Noto Sans KR',sans-serif}.service-detail{border-radius:0 0 8px 8px}.service-detail-copy h3{font-family:'Space Grotesk','Noto Sans KR',sans-serif}.service-sculpture{background:#dbe6cf}.service-sculpture img{display:none}.service-sculpture>span{position:relative;color:#316042;font-size:clamp(60px,8vw,110px);letter-spacing:-.09em;text-align:center;line-height:.95;padding:20px;font-family:'Space Grotesk',sans-serif;z-index:2}.service-sculpture:before,.service-sculpture:after{content:'';position:absolute;inset:15% 7%;border:1px solid #5b835438;border-radius:50%;transform:rotate(-28deg)}.service-sculpture:after{transform:rotate(28deg);inset:10% 15%;border-color:#5b835426}.service-sculpture small{font-family:'Space Grotesk',sans-serif}.article-card{border-radius:6px;box-shadow:none}.article-art{border-radius:5px 5px 0 0}.article-art span{font-family:'Space Grotesk',sans-serif}.delivery-editorial{background:#0d3b32}.delivery-typeset strong{font-family:'Bodoni Moda','Noto Sans KR',serif;font-weight:500;letter-spacing:-.055em}.atelier-reveal{opacity:0;transform:translateY(30px);transition:opacity .75s,transform .85s cubic-bezier(.16,1,.3,1)}.atelier-reveal.atelier-visible{opacity:1;transform:none}.footer-main .royal-signature{margin-bottom:28px}.footer-main .signature-type{align-items:center}.footer-main .signature-type small{font-size:9px}.is-home .mobile-bar .btn{background:#123f33;color:#eef3e8}.is-home .mobile-bar .btn.outline{background:transparent;color:#123f33}.page-intro h1{font-family:'Space Grotesk','Noto Sans KR',sans-serif}.atelier-hero .btn.light:hover{background:#edf8e2}.atelier-hero .btn.ghost:hover{background:#ffffff12}
@keyframes type-curtain{from{transform:translateY(115%) rotate(3deg);opacity:.3}to{transform:none;opacity:1}}@keyframes portrait-arrival{from{opacity:0;transform:perspective(1000px) translateY(60px) rotateY(-12deg) rotateX(8deg)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateY(0) rotateX(0)}}@keyframes scroll-indicator{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(7px);opacity:1}}@keyframes care-response{0%,100%{box-shadow:inset 0 2px 5px #e7ffce50,0 16px 35px #315b3227}40%{box-shadow:inset 0 2px 5px #e7ffce50,0 0 0 18px #437d5412,0 0 0 38px #437d5406}}@keyframes detail-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.atelier-composition{grid-template-columns:1fr 1.12fr;gap:4%;min-height:610px;padding:70px 0 85px}.atelier-title h1{font-size:clamp(45px,5.2vw,64px)}.atelier-title .signature-line{font-size:110px}.atelier-title .button-row{align-items:start;flex-direction:column}.atelier-title .btn{font-size:13px;min-height:44px;padding:12px 19px}.portrait-edge-note{top:-56px}.portrait-service{font-size:11px;padding:13px}.connection-layout{grid-template-columns:1.6fr 1fr;gap:7%}.care-node{font-size:11px;padding:12px 10px;gap:6px}.connection-heading{grid-template-columns:.8fr 1.8fr 1fr;gap:25px}.header nav{gap:17px}.signature-type strong{font-size:32px}.signature-symbol{width:36px;height:45px}.royal-signature{gap:10px}}
@media(max-width:900px){.header{min-height:85px}.signature-type strong{font-size:31px}.atelier-meta span:last-child{display:none}.atelier-composition{gap:4%;grid-template-columns:1fr 1.1fr;min-height:620px}.atelier-title h1{font-size:43px}.atelier-title .signature-line{font-size:94px}.atelier-intro{font-size:15px;max-width:310px}.portrait-service{right:-6px}.portrait-service .service-plus{margin-left:3px}.portrait-edge-note{left:0;font-size:10px}.edge-rule{width:30px}.baseline-detail{gap:12px;font-size:9px}.edition-mark{display:none}.connection-layout{grid-template-columns:1fr;gap:0}.connection-map{width:90%;margin:auto;max-width:720px;min-height:430px}.connection-detail{max-width:none;border-top:1px solid #b1c3a9}.connection-detail-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;width:100%;padding:35px 0}.connection-detail .eyebrow{grid-column:1;margin:0}.connection-detail h3{grid-column:1;margin:0}.connection-detail p:not(.eyebrow){grid-column:2;grid-row:1/span 2;max-width:none;margin:0}.connection-link{grid-column:2;padding-top:15px}.connection-index{display:none}.care-node{font-size:13px;padding:14px}.connection-heading{grid-template-columns:1.7fr 1fr}.connection-heading .eyebrow{grid-column:1/-1;max-width:none}.connection-heading h2{font-size:51px}.you-core{width:155px;height:155px}.you-core strong{font-size:65px}}
@media(max-width:640px){.header{min-height:78px}.signature-type strong{font-size:29px}.signature-type small{font-size:8px;margin-top:9px;letter-spacing:.37em}.signature-symbol{width:32px;height:40px}.royal-signature{gap:10px}.atelier-meta{padding-top:23px;font-size:9px}.atelier-composition{grid-template-columns:1fr;min-height:0;padding:38px 0 66px;gap:72px}.atelier-title .eyebrow{font-size:10px;margin-bottom:21px}.atelier-title h1{font-size:clamp(43px,10.5vw,64px);line-height:1.05;white-space:normal;letter-spacing:-.06em;max-width:540px;margin-bottom:18px}.atelier-title .signature-line{font-size:clamp(90px,23vw,120px);line-height:1}.atelier-intro{font-size:15px;max-width:400px;margin-bottom:23px}.atelier-title .button-row{flex-direction:row;flex-wrap:wrap;gap:8px}.atelier-title .btn{font-size:12px;padding:11px 15px}.portrait-installation{width:94%;margin:0 auto}.portrait-panel{padding:6px 6px 0;transform:rotate(-2deg)}.portrait-panel figcaption{font-size:7px;padding:10px 4px}.portrait-edge-note{top:-40px;font-size:10px;left:3px}.portrait-edge-note br{display:none}.edge-rule{width:33px}.portrait-service{right:3px;bottom:-25px;padding:12px;font-size:11px;gap:10px}.portrait-outline{inset:-10px 8px 4px -6px}.portrait-outline.second{inset:6px -8px -10px 10px}.atelier-baseline{flex-wrap:wrap;gap:18px;padding:22px 0}.baseline-detail{width:100%;justify-content:space-between;font-size:8px}.scroll-cue{font-size:11px}.kinetic-word{font-size:42vw;bottom:50px}.connection-section{padding:55px 0 30px}.connection-heading{display:block}.connection-heading .eyebrow{font-size:9px;margin-bottom:24px}.connection-heading h2{font-size:45px;margin-bottom:24px}.connection-heading p:last-child{font-size:15px;max-width:none}.connection-layout{padding-top:20px}.connection-map{width:100%;aspect-ratio:1/1.17;min-height:390px;margin:0}.care-lines{overflow:hidden}.care-node{font-size:10px;padding:10px 8px;gap:5px;max-width:145px;white-space:normal;line-height:1.3;min-height:48px}.care-node .node-number{display:none}.care-node i{font-size:13px;margin:0}.node-0{--node-x:20%!important;--node-y:24%!important}.node-1{--node-x:75%!important;--node-y:17%!important}.node-2{--node-x:80%!important;--node-y:70%!important}.node-3{--node-x:28%!important;--node-y:85%!important}.node-4{--node-x:17%!important;--node-y:58%!important}.you-core{width:117px;height:117px}.you-core strong{font-size:52px}.you-core>span{font-size:6px}.center-halo{width:62%;box-shadow:0 0 0 25px #62895907,0 0 0 48px #62895904}.connection-detail-inner{display:block;padding:30px 0}.connection-detail .eyebrow{font-size:10px;margin-bottom:20px}.connection-detail h3{font-size:32px;margin-bottom:20px;max-width:none}.connection-detail p:not(.eyebrow){font-size:15px;margin-bottom:25px}.connection-link{font-size:13px}.manifesto{padding:65px 0}.word-reveal{font-size:36px}.service-detail-copy h3{font-size:30px}.service-sculpture{min-height:220px}.service-sculpture>span{font-size:75px}.service-tabs button{min-width:125px}.delivery-typeset strong{font-size:67px}.footer-main .signature-type small{font-size:8px}}
html:lang(ko) .atelier-title h1{font-size:clamp(47px,4.9vw,72px);letter-spacing:-.055em;line-height:1.15}html:lang(ko) .atelier-title .signature-line{font:500 clamp(66px,6.3vw,95px)/1.25 'Noto Sans KR',sans-serif;letter-spacing:-.06em;padding-bottom:12px}html:lang(ko) .connection-heading h2 em{font:500 1em/1.25 'Noto Sans KR',sans-serif;letter-spacing:-.06em}html:lang(ko) .you-core strong{font:500 51px/1.25 'Noto Sans KR',sans-serif}html:lang(ko) .connection-heading h2{line-height:1.2}
@media(max-width:640px){html:lang(ko) .atelier-title h1{font-size:clamp(40px,10vw,62px)}html:lang(ko) .atelier-title .signature-line{font-size:clamp(57px,15vw,82px)}html:lang(ko) .connection-heading h2{font-size:37px}html:lang(ko) .you-core strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){.type-line>span,.portrait-installation,.scroll-track i,.connection-detail-inner,.care-pulse .you-core{animation:none!important}.portrait-installation,.portrait-panel,.portrait-outline,.portrait-outline.second,.portrait-service,.kinetic-word,.hero-light-field{transform:none!important}.care-node{opacity:1;transform:translate(-50%,-50%);transition:none}.connection-path{stroke-dashoffset:0}.atelier-reveal{opacity:1;transform:none}.center-halo{transform:translate(-50%,-50%)}}
/* Functional labels remain legible at every breakpoint. */
.atelier-title .btn,.portrait-service,.care-node,.connection-link{font-size:14px}.care-node{line-height:1.4}.care-node .node-number{font-size:10px}
@media(max-width:1180px){.care-node{font-size:14px;padding:12px 10px}.portrait-service{font-size:14px}.atelier-title .btn{font-size:14px}}
@media(max-width:640px){.care-node{font-size:14px;width:33%;max-width:130px;padding:10px 8px;min-height:51px}.portrait-service{font-size:14px}.atelier-title .btn{font-size:14px}.care-node i{font-size:14px}.connection-link{font-size:14px}}
.care-node{word-break:keep-all}.care-node>span:nth-child(2){text-align:left}.care-node i{flex-shrink:0}