.ruang{background:var(--brand-paper,#202320);color:var(--brand-ink,#f1f1e9);font-family:Inter Tight Variable,Arial,sans-serif;--accent:var(--brand-ink,#f1f1e9);--font-display:"Big Shoulders Display","Arial Narrow",sans-serif}.ruang h1,.ruang h2{font-family:var(--font-display);font-weight:600}.ruang h3{font-family:inherit}.ruang-nav{padding:24px 3.3vw;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #62665f}.ruang-brand{font-size:22px;font-weight:650;letter-spacing:-.06em;line-height:1}.ruang-brand>span{font-weight:300;margin:0 3px}.ruang-brand small{display:block;font-size:8px;font-weight:450;letter-spacing:.14em;margin-top:11px}.ruang-nav nav{display:flex;gap:32px;font-size:11px}.ruang-nav nav a{gap:12px}.ruang-nav nav a>span{font-size:8px;align-self:start;padding-top:8px}.ruang-nav nav a:last-child{border-bottom:1px solid var(--brand-ink,#f1f1e9)}.ruang-hero{position:relative;margin:0 3.3vw;padding-top:43px}.ruang-hero-title>p{font-size:9px;letter-spacing:.13em}.ruang-hero h1{font-size:clamp(54px,6.8vw,116px);letter-spacing:-.01em;margin:22px 0 35px;line-height:.99}.ruang em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}.ruang h1 em,.ruang h2 em{font-size:1.08em;line-height:.9}.ruang-hero .business-photo{height:470px;background:var(--brand-accent,#a6ada0)}.ruang-hero .business-photo img{object-position:50% 43%}.ruang-image-caption{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:15px 0;border-bottom:1px solid #62665f;font-size:9px;letter-spacing:.06em}.ruang-image-caption a{display:flex;align-items:center;gap:18px;min-height:32px;font-size:11px;letter-spacing:0}.ruang-hero-side{position:absolute;right:0;top:46px;font-size:8px;letter-spacing:.12em}.ruang-approach{padding:95px 7vw;display:grid;grid-template-columns:1fr 2fr;gap:6vw}.ruang-approach>p,.ruang-inquiry>p,.ruang-section-label{font-size:9px;letter-spacing:.1em}.ruang-approach h2{font-size:clamp(33px,3.2vw,54px);line-height:1.15;max-width:800px}.ruang-approach>div>div{display:flex;gap:45px;justify-content:space-between;margin-top:40px}.ruang-approach>div>div>span{font-size:40px;font-weight:300;letter-spacing:-.09em;line-height:1}.ruang-approach>div>div>p{font-size:12px;line-height:1.9;max-width:410px;color:#c2c7bc}.ruang-index{padding:50px 3.3vw 90px;background:var(--brand-soft,#e4e4dc);color:var(--brand-paper,#202320)}.ruang-section-label{display:flex;justify-content:space-between;gap:25px;padding-bottom:24px;border-bottom:1px solid #a0a49a}.ruang-index-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:5vw;align-items:start;margin-top:35px}.ruang-project-list{display:grid}.ruang-project-list button{background:transparent;border:0;border-bottom:1px solid #a0a49a;padding:25px 0;display:flex;align-items:start;gap:24px;text-align:left}.ruang-project-list button>span{font-size:9px;padding-top:7px}.ruang-project-list button>strong{font-size:clamp(21px,2.1vw,35px);font-weight:450;letter-spacing:-.04em;line-height:1.1}.ruang-project-list small{display:block;font-size:10px;letter-spacing:0;margin-top:14px}.ruang-project-list button>svg{margin-left:auto;flex-shrink:0}.ruang-project-list button[aria-pressed=true]{border-bottom:2px solid var(--brand-paper,#202320)}.ruang-project-list button[aria-pressed=true]>strong{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.ruang-selected-image{height:370px;overflow:hidden}.ruang-selected-image img{width:100%;height:100%;object-fit:cover}.ruang-project-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:12px;font-size:10px}.ruang-detail-button{display:flex;align-items:center;gap:15px;border:1px solid var(--brand-paper,#202320);background:transparent;padding:10px 15px;min-height:44px;white-space:nowrap;font-size:11px!important}.ruang-inquiry{padding:85px 7vw 100px}.ruang-inquiry h2{font-size:clamp(48px,6vw,92px);margin:28px 0 35px;max-width:1000px}.ruang-inquiry a{border-bottom:1px solid #62665f;padding:23px 0;font-size:14px}.ruang-footer,.ruang-inquiry a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #62665f}.ruang-footer{padding:30px 3.3vw;gap:30px}.ruang-footer>strong{font-size:17px;letter-spacing:-.045em}.ruang-footer>p{font-size:9px;color:#c2c7bc;max-width:430px}.ruang-footer a{font-size:10px}.ruang-dialog-photo{width:100%;height:260px;object-fit:cover;margin:20px 0}.ruang-dialog-note{font-size:14px;line-height:1.8;margin:0 0 25px}@media (max-width:1000px){.ruang-hero-side{display:none}.ruang-hero h1{font-size:72px}.ruang-approach{padding:65px 5vw;grid-template-columns:1fr 2.5fr;gap:30px}.ruang-selected-image{height:310px}.ruang-project-caption{flex-wrap:wrap;gap:12px}.ruang-project-list button{gap:15px}.ruang-nav nav{gap:20px}}@media (max-width:650px){.ruang-nav{padding:22px 23px;gap:18px}.ruang-brand{font-size:19px}.ruang-brand small{font-size:7px;letter-spacing:.1em}.ruang-nav nav a:not(:first-child){display:none}.ruang-nav nav{gap:0}.ruang-hero{margin:0 23px;padding-top:32px}.ruang-hero-title>p{font-size:8px}.ruang-hero h1{font-size:clamp(38px,10.8vw,62px);margin:25px 0 28px}.ruang-hero .business-photo{height:360px}.ruang-hero .business-photo img{object-position:54% center}.ruang-image-caption{align-items:start;font-size:8px;gap:14px}.ruang-image-caption>span{max-width:150px}.ruang-image-caption a{font-size:10px;min-height:30px;gap:10px}.ruang-approach{display:block;padding:55px 23px}.ruang-approach h2{font-size:34px;margin-top:25px}.ruang-approach>div>div{gap:30px;margin-top:30px}.ruang-approach>div>div>span{font-size:30px}.ruang-approach>div>div>p{font-size:12px}.ruang-index{padding:35px 23px 50px}.ruang-section-label{font-size:8px;gap:20px}.ruang-section-label>span{display:none}.ruang-index-layout{grid-template-columns:1fr;gap:30px;margin-top:15px}.ruang-project-list button{padding:23px 0}.ruang-project-list button>strong{font-size:27px}.ruang-selected-image{height:280px}.ruang-project-caption{font-size:9px}.ruang-inquiry{padding:55px 23px}.ruang-inquiry h2{font-size:clamp(40px,11vw,63px)}.ruang-inquiry a{font-size:12px}.ruang-footer{padding:30px 23px;flex-wrap:wrap;gap:18px}.ruang-footer>strong{font-size:15px}.ruang-footer p{order:3;flex-basis:100%}.ruang-dialog-photo{height:210px}}.ruang-detail-button,.ruang-project-list button{transition:background-color .16s,color .16s}.ruang-detail-button:hover{background:var(--brand-paper,#202320);color:var(--brand-ink,#f1f1e9)}.ruang-project-list button:hover{background:#d7d9cf}.ruang-footer a:hover,.ruang-nav a:hover{text-decoration:underline;text-underline-offset:5px}@media (max-width:360px){.ruang-hero h1{font-size:33px}}