/* Shared identity for independently served brand and case-study pages. */
@font-face{font-family:'UT Pretendard';src:url('/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'UT Maru Buri';src:url('/fonts/MaruBuri-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'UT Maru Buri';src:url('/fonts/MaruBuri-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--brand-sans:'UT Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;--brand-serif:'UT Maru Buri','Batang',serif}
body{font-family:var(--brand-sans);font-size:1rem;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:var(--brand-sans);font-size:1rem}
.urban-home-bar{background:#202c29;color:#fff;border:0;font-family:var(--brand-sans);font-size:.875rem;letter-spacing:.025em}
.urban-home-bar a{color:#fff;min-height:44px;display:inline-flex;align-items:center}
.urban-home-bar span{font-family:var(--brand-sans);font-weight:500;font-size:.75rem;letter-spacing:.08em}
body h1,body h2{font-family:var(--brand-serif);font-weight:400;letter-spacing:-.045em;line-height:1.45}
body h3{font-family:var(--brand-sans);font-weight:600;letter-spacing:-.025em;line-height:1.5}
body .eyebrow{font-family:var(--brand-sans);font-size:.75rem;font-weight:550;letter-spacing:.15em}
body header nav{font-size:.9375rem;font-weight:500}
body header .brand small,body header .wordmark small{font-family:var(--brand-sans);font-size:.75rem;font-weight:500;letter-spacing:.15em}
body .button,body .nav-cta{font-size:1rem;min-height:48px;font-weight:550}
body .prose p,body article p,body .intro-grid>p,body .section-head>p{font-size:1rem;line-height:1.9}
/* Madangchae: bronze and warm porcelain, with the approved roof symbol. */
body.brand-madangchae{--paper:#f8f5ee;--ink:#302b23;--muted:#686056;--line:#d4cabc;--accent:#755039;background:var(--paper);color:var(--ink)}
.brand-madangchae header{background:var(--paper);border-color:var(--line)}
.brand-madangchae header .brand span{font-family:var(--brand-serif);font-weight:600;font-size:1.9rem;letter-spacing:.02em}
.brand-madangchae .hero h1{font-size:clamp(4rem,6.8vw,6.8rem);font-weight:600;letter-spacing:.02em;line-height:1.15}
.brand-madangchae .hero h1 span{font-family:var(--brand-sans);font-size:.875rem;letter-spacing:.22em;font-weight:450;margin-top:20px}
.brand-madangchae .hero-slogan{font-family:var(--brand-serif);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.5;letter-spacing:-.04em}
.brand-madangchae .hero .shade{background:linear-gradient(90deg,#15221ac9,#15221a1a 83%),linear-gradient(0deg,#18241ba3,transparent 45%)}
.brand-madangchae .experience{background:#493c2d;color:#fff5e7}
.brand-madangchae .experience h2,.brand-madangchae .experience strong{color:#fff5e7}.brand-madangchae .experience p{color:#e1d4c3}
.brand-madangchae .spaces{background:#e9e1d4}.brand-madangchae .brand-story{background:#ede6d9}
.brand-madangchae .scene-tabs button{font-size:.9375rem;min-height:46px;border-color:#a99b87}
.brand-madangchae .scene-tabs button.active{background:#755039;color:white;border-color:#755039}
.brand-madangchae .scene-figure h3{font-family:var(--brand-serif);font-weight:400}
.brand-madangchae .button.dark{background:#755039;color:#fff}.brand-madangchae .button.dark:hover{background:#4e3427}
.brand-madangchae .hero-edition{font-family:var(--brand-sans);font-size:.875rem}
.brand-madangchae .story h2{font-size:clamp(2rem,3.5vw,3.7rem)}
/* Jarak: refined straight lines, mineral teal and celadon-tinted surfaces. */
body.brand-jarak{--ivory:#f4f6f0;--ink:#203c38;--muted:#5f6c63;--bronze:#164c4b;--line:#c6d2c7;background:var(--ivory);color:var(--ink)}
.brand-jarak header{background:var(--ivory);border-color:var(--line)}
.brand-jarak header .wordmark span{font-family:var(--brand-sans);font-size:2.1rem;font-weight:500;letter-spacing:.075em}
.brand-jarak header .wordmark small{font-family:var(--brand-sans);font-size:.75rem;font-weight:500;letter-spacing:.18em}
.brand-jarak .hero-top{padding-block:65px 50px;background:var(--ivory)}
.brand-jarak .hero-top h1{font-family:var(--brand-serif);font-size:clamp(2.8rem,5.6vw,5.8rem);font-weight:400;line-height:1.36;letter-spacing:-.065em}
.brand-jarak .hero-top h1 em{color:#164c4b;font-style:normal}
.brand-jarak .hero-aside p{font-size:1rem;line-height:1.9}
.brand-jarak .text-link{color:var(--ink);font-size:1rem;min-height:44px;border-color:#759380}
.brand-jarak .story-mark .large-wordmark{font-family:var(--brand-sans);font-weight:450;letter-spacing:.12em}
.brand-jarak .collection{background:#e3eadf}.brand-jarak .tabs button{font-family:var(--brand-sans);font-size:.9375rem;min-height:46px}.brand-jarak .tabs button.active{background:#164c4b;color:white;border-color:#164c4b}
.brand-jarak .evening{background:#203c38;color:#f4f6f0}.brand-jarak .evening .eyebrow,.brand-jarak .evening p{color:#dae7dc}
.brand-jarak .family{background:#e4e9df}.brand-jarak footer{background:#203c38;color:#f4f6f0}.brand-jarak footer p{color:#dae7dc}
@media(max-width:760px){body header .brand span{font-size:1.6rem}.brand-madangchae .hero-copy{top:10%}.brand-madangchae .hero h1{font-size:3.9rem}.brand-madangchae .hero-slogan{font-size:2rem}.brand-jarak .hero-top{padding-block:38px 32px}.brand-jarak .hero-top h1{font-size:clamp(2.6rem,9vw,4.3rem)}.brand-jarak header .wordmark span{font-size:1.8rem}body h2{font-size:clamp(1.9rem,6.5vw,2.7rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body *,body *::before,body *::after{animation:none!important;transition:none!important}}
.brand-madangchae .experience :is(dt,dd,h3,h4){color:#fff5e7}
.brand-madangchae .experience dd{font-family:var(--brand-sans);font-weight:450;letter-spacing:-.065em}
.brand-madangchae .experience dd>span{font-family:var(--brand-sans)}
.brand-madangchae .experience :is(.eyebrow,figcaption,.experience-source,.experience-cycle>li){color:#dfc9aa}
.brand-madangchae .experience-numbers,.brand-madangchae .experience-numbers>div,.brand-madangchae .experience-manufacturing{border-color:#8b785f}
.brand-madangchae .experience-copy p:not(.eyebrow){font-size:1rem;color:#e1d4c3}
.brand-madangchae .installation-card-copy h3{font-family:var(--brand-serif);font-weight:400}
.brand-madangchae .installation-section-head .eyebrow,.brand-madangchae .installation-heading .eyebrow,.brand-madangchae .installation-detail-heading .eyebrow{font-size:.75rem;color:#755039}
.brand-madangchae .installation-card-copy p{font-size:.8125rem;color:#755039}
.brand-madangchae .installation-card-action,.brand-madangchae .installation-header-link,.brand-madangchae .installation-back{font-size:.875rem}
@media(max-width:760px){.brand-madangchae .hero{height:auto;min-height:790px}.brand-madangchae .hero>img{position:absolute;inset:0;height:100%}.brand-madangchae .hero-copy{position:relative;inset:auto;padding:50px 7% 150px}.brand-madangchae .hero-bottom{bottom:24px}.brand-madangchae .hero .hero-desc{font-size:1rem}.brand-madangchae .hero .hero-edition{flex-wrap:wrap;font-size:.875rem}.brand-madangchae .experience-numbers dt{font-size:.875rem}.brand-madangchae .experience-source{font-size:.75rem}}
.brand-madangchae .brand-story{background:#302b23;color:#f8f5ee}
.brand-madangchae .brand-story p{color:#e2d6c5}
.brand-madangchae .brand-story h2{color:#f8f5ee}
.brand-jarak .family-links h3{font-family:var(--brand-serif)}