/* 실내스마트팜 재배실 — 공간설계 포트폴리오 스타일. np-room- 접두. */
.np-room{background:#f5f4f1;color:#181818;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard",sans-serif;}
.np-room a{color:inherit;}
.np-room .nav{background:rgba(24,24,24,.95);}
.np-room .nav__phone{background:#181818;color:#fff;}
.np-room .nav__menu a:hover{color:#9a9a94;}

.room-hero{position:relative;height:64vh;min-height:440px;}
.room-hero img{width:100%;height:100%;object-fit:cover;}
.room-hero__caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:#fff;padding:60px 24px 32px;}
.room-hero__caption .in{max-width:1100px;margin:0 auto;}
.room-hero__kicker{font-size:.75rem;letter-spacing:.2em;font-weight:800;color:#d8d6cc;margin:0 0 14px;}
.room-hero h1{font-size:2.3rem;font-weight:800;margin:0 0 12px;}
.room-hero p{font-size:1rem;line-height:1.7;color:#e4e2d8;max-width:600px;}

.room-breadcrumb{max-width:1100px;margin:0 auto;padding:18px 24px 0;font-size:.85rem;color:#8a8a84;}
.room-breadcrumb a{color:#8a8a84;text-decoration:underline;}

.room-section{max-width:1100px;margin:0 auto;padding:60px 24px;}
.room-section--white{background:#fff;}
.room-section--white .room-inner{max-width:1100px;margin:0 auto;padding:60px 24px;}
.room-eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#767670;text-transform:uppercase;margin:0 0 14px;}
.room-title{font-size:1.8rem;font-weight:800;margin:0 0 20px;}
.room-body{font-size:1rem;line-height:1.85;color:#3c3c38;max-width:760px;}

/* 스펙 사이드바형 */
.room-spec{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:36px;border-top:1px solid #ddd;}
.room-spec div{padding:18px 0;border-bottom:1px solid #ddd;}
.room-spec b{display:block;font-size:.78rem;color:#8a8a84;margin-bottom:6px;}
.room-spec span{font-size:.98rem;font-weight:700;}
@media(max-width:700px){.room-spec{grid-template-columns:1fr;}}

.room-process{counter-reset:step;display:flex;flex-wrap:wrap;gap:0;margin-top:32px;}
.room-process div{flex:1 1 160px;padding:20px 16px;border-left:2px solid #181818;position:relative;}
.room-process div::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-weight:900;font-size:1.3rem;margin-bottom:8px;}
.room-process p{margin:0;font-size:.85rem;color:#5a5a54;line-height:1.6;}

.room-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;}
.room-gallery img{width:100%;height:220px;object-fit:cover;}
@media(max-width:800px){.room-gallery{grid-template-columns:1fr 1fr;}}

.room-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.room-tags a{border:1px solid #181818;padding:10px 18px;font-size:.88rem;font-weight:700;text-decoration:none;color:#181818;}
.room-tags a:hover{background:#181818;color:#fff;}

.room-faq{margin-top:30px;}
.room-faq details{border-bottom:1px solid #ddd;padding:20px 0;}
.room-faq summary{cursor:pointer;font-weight:800;font-size:1rem;list-style:none;position:relative;padding-right:28px;}
.room-faq summary::-webkit-details-marker{display:none;}
.room-faq summary::after{content:"+";position:absolute;right:0;top:0;font-size:1.3rem;color:#767670;}
.room-faq details[open] summary::after{content:"–";}
.room-faq p{margin:14px 0 0;color:#3c3c38;line-height:1.75;font-size:.94rem;}

.room-cta{background:#181818;color:#fff;text-align:center;padding:70px 24px;}
.room-cta h2{font-size:1.7rem;font-weight:800;margin:0 0 14px;}
.room-cta p{margin:0 0 26px;color:#c7c7c0;}
.room-cta a{display:inline-block;background:#fff;color:#181818;padding:16px 34px;font-weight:800;text-decoration:none;}

.room-biz{background:#fff;color:#8a8a84;font-size:.82rem;line-height:1.9;padding:28px 24px;text-align:center;border-top:1px solid #ddd;}
.room-biz b{color:#181818;}