@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;500;600&display=swap');

/* DOCTORS Dongdaemun: dark architectural editorial system */
:root{--ink:#e8e5dd;--deep:#101411;--green:#71816d;--moss:#8d9989;--beige:#b8ae9e;--paper:#171b18;--cream:#252a26;--line:#414842;--muted:#b2b1a9;--brown:#ddd6ca}
body{background:var(--paper);color:var(--ink)}.shell{width:min(1280px,calc(100% - 96px))}.topbar{height:28px;background:#090b09;color:#9ca59b}.header{height:86px;background:rgba(17,21,18,.94);border-color:#333a34}.logo{min-width:270px}.logo-mark{border-color:#9eaa99;color:#d8ddd3}.logo b{color:#f0ede6;letter-spacing:.09em}.logo small{color:#82907f}.nav{gap:28px;color:#cdcfc8}.nav>a,.drop-btn{padding:33px 0}.nav>a:after,.drop-btn:after{bottom:22px;background:#abb8a6}.dropdown{top:75px;background:#181d19;border-color:#424b43;box-shadow:0 18px 35px rgba(0,0,0,.4)}.dropdown a{border-color:#333b35;color:#cdd2ca}.actions a{border-color:#536055;color:#dbe1d9}.actions a:first-child{background:#96a48f;border-color:#96a48f;color:#152016}
.hero{height:790px;background:#0d110e}.hero:before{background:linear-gradient(90deg,rgba(5,8,6,.94),rgba(11,15,12,.63) 42%,rgba(11,15,12,.18)),url('../image8.jpg') center/cover;filter:grayscale(.25) contrast(1.05)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent 69%,rgba(209,204,194,.18) 69.08%,transparent 69.18%),linear-gradient(180deg,transparent 0,transparent 78%,rgba(209,204,194,.18) 78.12%,transparent 78.25%);pointer-events:none}.hero .shell{padding:120px 0}.hero h1{font-family:"Archivo Narrow","Noto Serif TC",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:-.055em;line-height:.88;max-width:710px}.hero .eyebrow{letter-spacing:.22em}.hero-cn{font-size:17px;letter-spacing:.14em;margin-top:30px}.hero-intro{max-width:430px;font-size:13px;color:#c5cbc2}.hero .btn-solid{background:#d7d2c7;border-color:#d7d2c7;color:#172017}.hero .btn-outline{border-color:#899488;color:#e4e6df}.hero-points{right:0;bottom:54px;padding-left:27px;gap:12px;letter-spacing:.13em}.hero-points span{font:10px "DM Mono";color:#c1cbbf}
.intro{padding:130px 0;background:#f0eee8;color:#252925;position:relative}.intro:before{content:"01 / CLINIC MANIFESTO";position:absolute;top:36px;left:calc((100% - min(1280px,calc(100% - 96px)))/2);font:10px "DM Mono";letter-spacing:.13em;color:#8c9288}.intro .eyebrow{color:#657362}.intro .lead{color:#50554e;font-size:17px}.intro .title{font-family:"Archivo Narrow","Noto Serif TC";font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-.04em}.quote{color:#84917f}.signature{font-family:"Archivo Narrow";letter-spacing:.08em}
.core{padding:0;background:#252a26;color:#e9e7df}.core .shell{width:100%;max-width:none}.core .section-head{width:min(1280px,calc(100% - 96px));margin:0 auto;padding:98px 0 43px}.core .title,.director .title{font-family:"Archivo Narrow"}.core .lead{color:#b8c0b6}.cards{border-color:#424a43;grid-template-columns:repeat(4,1fr)}.feature{min-height:230px;border-color:#424a43;background:transparent;padding:31px}.feature:hover{background:#303932}.feature .num{color:#aab8a4}.feature h3{font-size:21px;margin:58px 0 7px}.feature p{color:#b8bcb5}
.director{padding:130px 0;background:#111512;color:#e7e5de}.director-top{margin-bottom:55px}.director-top .lead{color:#adb5ab}.director-card{grid-template-columns:50% 50%;background:#303930}.director-image{min-height:540px;background-position:center}.director-copy{padding:74px 68px}.director-copy h3{font-family:"Archivo Narrow";font-size:52px;letter-spacing:.02em}.director-copy p{color:#c6cec3}.director-copy .btn{border-color:#9ca99a}
.treatment-home{padding:126px 0;background:#e8e5dd;color:#252925}.treatment-home .title{font-family:"Archivo Narrow";font-size:clamp(45px,5vw,68px)}.treatment-grid{border-color:#b8b9b0;grid-template-columns:repeat(7,1fr)}.treatment-card{min-height:360px;border-color:#b8b9b0;padding:29px 22px;display:flex;flex-direction:column}.treatment-card h3{font-size:22px;margin:0 0 13px;writing-mode:vertical-rl;letter-spacing:.12em}.treatment-card span{margin-top:auto;writing-mode:vertical-rl;letter-spacing:.12em}.treatment-card .arrow{left:22px;right:auto;bottom:25px}.treatment-card:hover{background:#263128}
.space{padding:0;background:#e8e5dd}.space .shell{width:100%;max-width:none}.space-grid{height:670px;gap:0;grid-template-columns:1.6fr .4fr}.space-side{gap:0}.space-main,.space-side div{filter:grayscale(.3)}.reserve-band{padding:96px 0;background:#6e7c69}.reserve-band h2{font-family:"Archivo Narrow";font-size:clamp(40px,4.5vw,65px);letter-spacing:-.025em}.footer{background:#0e120f;padding-top:84px}.footer-grid{grid-template-columns:1.4fr 1.1fr .9fr .9fr}.floating a{background:#1d241f;border-color:#485348;color:#d7ded5}.floating .whatsapp{background:#1d241f;color:#4ecb78}.floating .top{background:#d6d2c8;border-color:#d6d2c8;color:#1b251e}
.page-hero{background:#e8e5dd;color:#242924;padding:120px 0 95px}.page-hero h1,.detail-hero h1{font-family:"Archivo Narrow";letter-spacing:-.04em}.page-hero .lead{color:#535950}.breadcrumb{color:#61705f}.page-content{background:#171b18}.two-col{color:#e6e4dd}.sticky h2{font-family:"Archivo Narrow";font-size:45px}.body h2{font-size:33px;color:#e7e4dc}.body p{color:#bfc3ba}.notice{background:#273029;color:#cfd6cc;border-color:#8e9e8a}.team-profile{background:#202620;border-color:#424b43}.team-copy h2{color:#f0ede5;font-family:"Archivo Narrow";font-size:42px}.team-copy>p,.credentials li{color:#bdc4ba}.credentials{border-color:#424b43}.credentials b{color:#e2e7df}.treatment-list{border-color:#424a43}.treatment-list .treatment-card{border-color:#424a43;color:#e4e6de}.detail-hero{background:#283129;color:#e6e8df}.detail-hero .lead{color:#c7d0c4}.program{background:#171b18;color:#e7e5dd}.program h2{font-family:"Archivo Narrow";font-size:50px}.program .lead{color:#aeb7ac}.program-table{border-color:#424a43}.program-row{border-color:#424a43}.program-row h3{color:#edf0e8}.program-row span{color:#b8c0b5}.program-row .price{color:#aabca4}.program-row p{color:#909a90}.equipment{background:#202620;color:#e7e5dd}.equipment .title{font-family:"Archivo Narrow"}.equipment-card{background:#29312b;border-color:#455047}.equipment-card h3{font-family:"Archivo Narrow";font-size:29px}.equipment-card p{color:#b4bcb2}.location-info,.reservation-card{background:#273029;color:#e6e8df}.location-info h2,.reservation-card h2{font-family:"Archivo Narrow"}.location-info dd{color:#e8e5de}.route-copy{background:#202620;border-color:#424b43;color:#e4e2dc}.route-copy h3{font-family:"Archivo Narrow";font-size:33px}.route-copy p{color:#bec5bb}.qr-box{background:#6b7b66}.news-section{background:#171b18;color:#e6e4dc}.news-heading h2{font-family:"Archivo Narrow";font-size:53px}.news-card{background:#202620;border-color:#424b43}.news-copy h2{font-family:"Archivo Narrow";font-size:30px;color:#e7e5de}.news-copy p:last-of-type{color:#b8c0b6}.article-hero{background:#283129;color:#e7e9e1}.article-hero h1{font-family:"Archivo Narrow"}.article-body{background:#171b18}.article-copy h2{color:#e7e5de;font-family:"Archivo Narrow";font-size:33px}.article-copy p{color:#bdc2b8}.article-copy section{border-color:#424a43}
@media(max-width:900px){.shell{width:min(100% - 42px,700px)}.header{height:68px}.nav{top:68px;background:#151a16}.nav>a,.drop-btn{color:#e3e5de}.dropdown{background:#1c221d}.hero{height:650px}.hero .shell{padding:80px 0}.intro:before{left:21px}.cards{grid-template-columns:repeat(2,1fr)}.treatment-grid{grid-template-columns:repeat(2,1fr)}.treatment-card{min-height:180px}.treatment-card h3,.treatment-card span{writing-mode:horizontal-tb}.treatment-card h3{margin:34px 0 2px}.treatment-card .arrow{left:auto;right:24px}.space-grid{height:430px}.director-copy{padding:44px 34px}}@media(max-width:520px){.hero{height:575px}.hero h1{font-size:46px}.intro{padding:100px 0 70px}.intro .title{font-size:42px}.cards{grid-template-columns:1fr}.core .section-head{width:calc(100% - 42px);padding:70px 0 35px}.director,.treatment-home{padding:70px 0}.treatment-grid{grid-template-columns:1fr}.treatment-card{min-height:145px}.space-grid{height:auto;grid-template-columns:1fr}.space-main{height:300px}.space-side{grid-template-columns:1fr 1fr}.space-side div{height:150px}.reserve-band{padding:70px 0}.page-hero{padding:85px 0 70px}.page-content{padding:70px 0}.program h2{font-size:42px}}
