html[data-design="4"]{--paper:#eeeae1;--ink:#25382f;--wine:#566b52;--line:#cecfc2;--serif:'Noto Serif KR',Georgia,serif}html[data-design="4"] header{background:#eeeae1f5}html[data-design="4"] .business-band{background:#e0e3d7}html[data-design="4"] footer,html[data-design="4"] .dark{background:#263d32}html[data-design="4"] .button{background:#344c3d;border-color:#344c3d;color:#fff}html[data-design="4"] h2{font-weight:400}html[data-design="4"] .business-card{background:transparent;border-top:1px solid #8d9e87;padding-left:0}html[data-design="4"] .person .image-wrap{aspect-ratio:3/4}html[data-design="4"] .page-heading{background:#e5e7dc}.atelier-hero{padding:25px 5% 65px;max-width:1700px;margin:auto}.atelier-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;border-bottom:1px solid var(--line);padding:0 0 24px}.atelier-layout{display:grid;grid-template-columns:1.25fr 1fr .6fr;align-items:center;gap:4%;padding-top:54px}.atelier-copy h1{font:400 clamp(34px,3.65vw,62px)/1.6 var(--serif);letter-spacing:-3px;margin:23px 0}.atelier-copy h1 em{font-style:normal;color:#6c7c5c}.atelier-copy p{font-size:15px;line-height:2;color:#697065;margin-bottom:30px}.atelier-signature{font:italic 26px Georgia;margin-top:48px;color:#7e8d71}.atelier-cover{margin:0}.atelier-cover img{width:100%;height:490px;object-fit:cover;border-radius:160px 160px 0 0}.atelier-cover figcaption,.atelier-side figcaption{font-size:8px;letter-spacing:1.2px;line-height:1.8;margin-top:15px}.atelier-side{align-self:end;padding-bottom:22px}.atelier-side figure{margin:0}.atelier-side img{height:220px;width:100%;object-fit:cover}.atelier-side p{font:16px/1.9 var(--serif);margin:25px 0}.atelier-side a{font-size:12px;border-bottom:1px solid;padding-bottom:8px}.atelier-intro{text-align:center;border-top:1px solid var(--line);max-width:1100px}.atelier-intro .stats{text-align:left;margin-top:45px}.atelier-intro>.body-copy{margin:25px 0}
html[data-design="5"]{--paper:#f3f2ee;--ink:#202222;--wine:#414b28;--line:#cdcec4;--serif:'Noto Sans KR',sans-serif}html[data-design="5"] header{background:#f3f2eef8}html[data-design="5"] .logo{font-family:Arial,sans-serif;font-weight:900}html[data-design="5"] .button{background:#d9f277;color:#202222;border-color:#202222}html[data-design="5"] h2{font-weight:600;letter-spacing:-2px}html[data-design="5"] .business-band{background:#e5e7dc}html[data-design="5"] .business-card{background:transparent;border-left:1px solid #a8b09a}html[data-design="5"] .business-card h3{font-family:Arial;font-weight:700}html[data-design="5"] .contact-strip{background:#d9f277;max-width:none}html[data-design="5"] footer,html[data-design="5"] .dark{background:#202222}html[data-design="5"] .page-heading{border-bottom:3px solid #202222}.studio-heading{padding:42px 5% 30px;position:relative}.studio-heading h1{font:900 clamp(60px,8.5vw,140px)/.96 Arial,sans-serif;letter-spacing:-.065em;margin:23px 0 0}.studio-heading h1 span{font-size:.74em}.studio-intro{position:absolute;right:6%;top:54px;display:flex;gap:45px;align-items:center}.studio-intro p{font-size:15px;line-height:1.9}.round-cta{display:grid;place-items:center;background:#d9f277;border:1px solid #202222;width:68px;height:68px;border-radius:50%;font-size:35px}.studio-gallery{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:18px;padding:0 5% 38px;align-items:end}.studio-portrait{position:relative;display:block;overflow:hidden}.studio-portrait img{width:100%;height:355px;object-fit:cover;object-position:center 24%;transition:transform .4s}.studio-portrait:hover img{transform:scale(1.035)}.studio-portrait.portrait-1 img{height:295px}.studio-portrait.portrait-2 img{height:330px}.studio-portrait>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:25px 18px 15px;background:linear-gradient(transparent,#000b);color:white;font-size:12px}.studio-ticker{background:#d9f277;display:flex;align-items:center;justify-content:space-around;gap:15px;padding:24px 5%;font:600 clamp(13px,2.4vw,34px) Arial;letter-spacing:-.5px}.studio-ticker b{font-size:30px}.studio-about{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px}.studio-about .body-copy{font-size:17px;line-height:2}.studio-projects .image-wrap{aspect-ratio:1}.studio-projects .project-card:nth-child(2){padding-top:50px}.studio-people{border-top:1px solid var(--line)}.studio-people .image-wrap{aspect-ratio:3/4}.studio-stats{padding-top:0}.design-switcher{max-width:calc(100vw - 20px);overflow:auto}.design-switcher a{flex-shrink:0}.design-switcher .switcher-label{display:none}
@media(max-width:850px){.atelier-layout{grid-template-columns:1.2fr 1fr;gap:25px}.atelier-side{display:none}.atelier-copy h1{font-size:36px;letter-spacing:-2px}.atelier-cover img{height:400px}.atelier-copy p{font-size:14px}.atelier-signature{font-size:20px;margin-top:25px}.studio-heading h1{font-size:11vw}.studio-intro{position:static;justify-content:space-between;margin-top:20px}.studio-intro p{margin:0}.round-cta{height:48px;width:48px;font-size:25px}.studio-gallery{gap:10px}.studio-portrait img{height:270px}.studio-portrait.portrait-1 img{height:230px}.studio-portrait.portrait-2 img{height:250px}.studio-about{grid-template-columns:1fr;gap:20px}.design-switcher{justify-content:flex-start;width:max-content}.design-switcher a{font-size:10px;padding:11px 8px}.design-switcher a b{font-size:12px}}
@media(max-width:540px){.atelier-topline{font-size:7px;letter-spacing:.6px}.atelier-layout{grid-template-columns:1fr;padding-top:30px}.atelier-copy h1{font-size:39px;line-height:1.5}.atelier-cover img{height:420px;border-radius:150px 150px 0 0}.atelier-signature{margin:25px 0 10px}.atelier-hero{padding-bottom:40px}.studio-heading{padding-top:32px}.studio-heading h1{font-size:12.6vw}.studio-heading .eyebrow{font-size:8px}.studio-gallery{grid-template-columns:1fr 1fr}.studio-portrait.portrait-2{display:none}.studio-portrait img{height:280px}.studio-portrait.portrait-1 img{height:235px}.studio-ticker{padding:17px 4%;gap:8px;font-size:12px}.studio-ticker b{font-size:18px}.studio-projects .project-card:nth-child(2){padding-top:0}.design-switcher{left:10px;right:10px;transform:none;width:auto;max-width:none}.design-switcher a{padding:11px 9px}.studio-about h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.studio-portrait img{transition:none}}