.detail-page{--detail-pad:clamp(22px,6vw,90px)}.detail-page .identity-hero{min-height:0;height:auto;display:block;padding:0;overflow:visible}.detail-page .identity-hero h1{font-size:clamp(48px,7vw,108px);line-height:1;max-width:15ch;margin:24px 0;letter-spacing:-.06em}.detail-heading{padding:35px var(--detail-pad) 45px}.detail-back{display:inline-block;font:11px/1.6 Space,Arial,sans-serif;margin-bottom:40px;text-underline-offset:5px}.detail-back:hover{text-decoration:underline}.detail-heading>span,.detail-kicker,.mono-detail-copy>span,.project-study-meta{font:10px/1.6 Space,Arial,sans-serif;letter-spacing:.08em}.detail-heading>span{display:block}.detail-heading>p{font-size:22px;margin-bottom:0}.detail-visual{margin:0;overflow:hidden}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-visual figcaption,.detail-section figcaption{font:9px/1.6 Space,Arial,sans-serif;letter-spacing:.06em;padding-block:13px}.detail-section{padding:65px var(--detail-pad)}.detail-page .detail-section h2{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:18px 0 28px}.detail-page .detail-section p{font:14px/1.9 Space,Arial,sans-serif;max-width:65ch}.detail-note{font-size:11px!important;line-height:1.8!important}.detail-section figure{margin:0}.detail-section-top{margin-bottom:30px}.detail-page .demo-footer{gap:20px}
/* Ruang: warm, photographic room journal. */
.ruang-demo.detail-page .detail-heading{background:#f8f6f0;color:#593c2c}.detail-room .detail-hero h1{font:500 clamp(55px,8vw,118px)/.95 Bodoni,Georgia,serif;max-width:15ch}.detail-room .detail-heading>p{font:24px/1.5 Bodoni,Georgia,serif}.room-facts{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font:11px/1.5 Space,Arial,sans-serif}.room-cover{height:clamp(340px,55vw,660px);position:relative}.room-cover figcaption{position:absolute;bottom:15px;left:var(--detail-pad);padding:8px 12px;background:#f8f6f0;color:#593c2c}.room-story{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(30px,7vw,120px)}.room-story h2,.room-gallery h2,.room-amenities h2,.related-spaces h2{font-family:Bodoni,Georgia,serif;font-weight:500}.room-rate{align-self:start;background:#e9e1d5;padding:30px}.room-rate>span{font:9px Space,Arial,sans-serif;letter-spacing:.1em}.room-rate strong{font:500 clamp(28px,3vw,40px)/1.4 Bodoni,Georgia,serif;display:block;margin:20px 0}.room-rate strong small{font:11px Space,Arial,sans-serif}.room-rate .demo-button{font-size:11px;text-align:center;display:block;padding:18px 12px;white-space:normal}.room-rate p{font-size:12px!important}.room-gallery{background:#e9e6dc}.room-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.room-gallery-grid figure:nth-child(2){margin-top:80px}.room-gallery-grid img{width:100%;aspect-ratio:1.15;object-fit:cover}.room-gallery-grid a{display:block;overflow:hidden}.room-amenities{display:grid;grid-template-columns:1fr 1fr;gap:35px}.room-amenities ul{list-style:none;padding:0}.room-amenities li{border-bottom:1px solid #c8c0b4;padding:18px 0;font:14px Space,Arial,sans-serif}.related-spaces>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.related-spaces>div>a{background:#e9e1d5;padding:30px}.related-spaces h3{font:500 32px/1.1 Bodoni,Georgia,serif;margin-block:30px}.related-spaces a>span{font:10px/1.5 Space,Arial,sans-serif}.detail-room .demo-footer{background:#593c2c}
/* Mono: object view, specifications, a small companion collection. */
.mono-demo.detail-page .detail-hero{display:grid;grid-template-columns:1.15fr 1fr;background:#f5f5f3;color:#151515}.mono-detail-art{position:relative;display:grid;place-items:center;min-height:620px;background:#e6e6e2;padding:65px}.mono-detail-art>svg{width:100%;max-height:560px}.mono-detail-art>span{position:absolute;bottom:25px;left:30px;font:9px/1.5 Space,Arial,sans-serif;letter-spacing:.06em}.mono-detail-copy{padding:35px clamp(25px,4vw,60px) 50px;min-width:0}.mono-detail-copy>.detail-back{display:block;margin-bottom:45px}.mono-demo.detail-page .mono-detail-copy h1{font:500 clamp(48px,5vw,76px)/1 Bodoni,Georgia,serif;letter-spacing:-.055em;max-width:10ch;margin-block:24px}.mono-detail-copy>p{font:13px/1.85 Space,Arial,sans-serif}.detail-product-price{display:block;font:500 30px/1.5 Bodoni,Georgia,serif;margin-top:28px}.detail-product-price small{font:10px Space,Arial,sans-serif}.object-facts{font:12px/1.7 Space,Arial,sans-serif;margin:25px 0}.object-facts>div{display:grid;grid-template-columns:100px 1fr;gap:10px;border-top:1px solid #c7c8c1;padding:13px 0}.object-facts dt{font-size:10px}.object-facts dd{margin:0}.mono-demo.detail-page .mono-detail-copy>.demo-button{display:flex;justify-content:space-between;background:#151515;color:#c4ff42;border:0;font:12px/1.5 Space,Arial,sans-serif;margin-top:25px;padding:18px 22px;letter-spacing:0}.object-details{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;background:#fff}.object-details h2,.related-objects h2{font-family:Bodoni,Georgia,serif;font-weight:500}.object-details details{border-top:1px solid #c7c8c1;padding:22px 0}.object-details summary{font:14px/1.4 Space,Arial,sans-serif;display:flex;justify-content:space-between;list-style:none;gap:20px;cursor:pointer}.object-details details[open] summary span{transform:rotate(45deg)}.object-details summary::-webkit-details-marker{display:none}.object-details p{font-size:12px!important}.related-objects>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:28px}.related-objects a>div{background:#e6e6e2;aspect-ratio:1.4;overflow:hidden}.related-objects svg{width:100%;height:100%;object-fit:contain}.related-objects h3{font:500 28px Bodoni,Georgia,serif;letter-spacing:-.02em;margin-bottom:8px}.related-objects a>span{font:11px Space,Arial,sans-serif}.detail-object .demo-footer{background:#151515}
/* Forma: a spatial study, with a Swiss index rather than a store layout. */
.forma-demo.detail-page .detail-hero{background:#fff;color:#101010}.detail-architecture .detail-heading{padding-bottom:45px}.project-study-meta{display:flex;justify-content:space-between;gap:20px}.forma-demo.detail-page .detail-heading h1{font:500 clamp(48px,7vw,104px)/1.02 Space,Arial,sans-serif;max-width:16ch;letter-spacing:-.075em;margin-block:35px}.detail-architecture .detail-heading>p{font:14px/1.6 Space,Arial,sans-serif}.architecture-cover{margin-inline:var(--detail-pad);height:clamp(280px,50vw,650px);position:relative}.architecture-cover figcaption{position:absolute;left:18px;bottom:16px;background:#fff;padding:8px 12px;font-size:8px}.architecture-story,.architecture-materials{display:grid;grid-template-columns:1fr 2fr;gap:50px}.architecture-story{padding-block:85px}.detail-page .architecture-story h2{font:400 clamp(29px,3.5vw,49px)/1.2 Space,Arial,sans-serif;letter-spacing:-.065em;margin-top:0;max-width:24ch}.architecture-story p{font-size:13px!important}.architecture-materials{background:#ececea;grid-template-columns:1fr 1fr;align-items:start}.detail-page .architecture-materials h2{font:400 clamp(30px,3.5vw,48px)/1.15 Space,Arial,sans-serif;letter-spacing:-.06em}.architecture-materials ol{list-style:none;padding:0;margin:0}.architecture-materials li{display:flex;gap:40px;border-top:1px solid #a9aaa4;padding:25px 0;font:18px Space,Arial,sans-serif}.architecture-materials li>span{font-size:10px}.architecture-sequence{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.architecture-sequence figure img{width:100%;aspect-ratio:.9;object-fit:cover}.architecture-sequence h2{font-family:Space,Arial,sans-serif;font-weight:400}.architecture-sequence ol{padding-left:20px;font:13px/1.8 Space,Arial,sans-serif}.architecture-sequence li{margin-block:15px}.next-project{border-top:1px solid #b8b9b2}.next-project>a{display:flex;justify-content:space-between;align-items:end;gap:25px}.detail-page .next-project h2{font:400 clamp(30px,4vw,64px)/1.1 Space,Arial,sans-serif;max-width:15ch;letter-spacing:-.06em;margin-bottom:0}.next-project a>span{font:11px/1.6 Space,Arial,sans-serif;padding-bottom:5px}.detail-architecture .demo-footer{background:#101010}
@media(max-width:800px){.detail-section{padding-block:45px}.room-story,.room-amenities,.object-details,.architecture-story,.architecture-materials,.architecture-sequence{grid-template-columns:1fr;gap:30px}.mono-demo.detail-page .detail-hero{grid-template-columns:1fr}.mono-detail-art{min-height:0;height:440px;padding:45px}.mono-detail-copy{padding-inline:var(--detail-pad)}.mono-detail-copy>.detail-back{margin-bottom:25px}.room-cover{height:430px}.room-gallery-grid{gap:18px}.room-gallery-grid figure:nth-child(2){margin-top:45px}.architecture-cover{height:420px}.architecture-story{padding-top:50px}.architecture-sequence figure img{aspect-ratio:1.2}.detail-page .demo-footer{align-items:start}}
@media(max-width:480px){.detail-heading{padding-top:25px;padding-bottom:32px}.detail-back{margin-bottom:25px}.detail-page .identity-hero h1{font-size:52px}.detail-room .detail-heading>p{font-size:21px}.room-facts{font-size:10px;gap:10px 18px}.room-cover{height:330px}.room-rate{padding:22px}.room-gallery-grid,.related-spaces>div,.related-objects>div:last-child{grid-template-columns:1fr}.room-gallery-grid figure:nth-child(2){margin-top:20px}.room-amenities{gap:10px}.room-amenities h2{margin-bottom:10px!important}.mono-detail-art{height:350px;padding:35px}.mono-detail-art>span{left:22px;bottom:18px;font-size:8px}.mono-demo.detail-page .mono-detail-copy h1{font-size:54px}.object-facts>div{grid-template-columns:80px 1fr}.related-objects a>div{aspect-ratio:1.5}.project-study-meta{font-size:8px;flex-wrap:wrap;gap:10px}.forma-demo.detail-page .detail-heading h1{font-size:48px;margin-block:25px}.architecture-cover{height:300px}.architecture-cover figcaption{left:10px;right:10px;bottom:10px;font-size:7px}.detail-page .architecture-story h2{font-size:29px}.architecture-materials li{font-size:16px}.next-project>a{display:block}.next-project a>span{display:block;margin-top:25px}.detail-page .demo-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.detail-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}