.rio-property-page {
  --rio-metal: radial-gradient(circle at 10% 0%, rgba(255,255,255,.96), transparent 30%), linear-gradient(128deg, var(--iphone-cream-light), #e4d9cc 36%, #f8f4ed 62%, var(--iphone-cream-mid));
  color: var(--cream);
  background: #050505;
}

.rio-property-page .site-header { position: absolute; background: linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.18) 78%, transparent); border-bottom-color: rgba(238,227,201,.14); }
.rio-property-page .site-footer { background: #050505; }
.rio-shell { width: min(1260px, calc(100vw - 9vw)); margin-inline: auto; }
.rio-metal { color: var(--ink); background: var(--rio-metal); box-shadow: inset 0 1px rgba(255,255,255,.8); }
.rio-kicker { margin: 0; color: var(--gold-bright); font-size: 9px; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; }
.rio-metal .rio-kicker { color: var(--perbra-gold-bronze); }

.rio-hero { min-height: 100svh; display: grid; grid-template-columns: minmax(430px, .86fr) minmax(520px, 1.14fr); background: #050505; }
.rio-hero__copy { min-height: 100svh; padding: clamp(180px, 20vh, 230px) 4.5vw 56px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
.rio-hero__city { margin: 0; position: absolute; top: 9vh; left: -.035em; color: rgba(208,183,124,.055); font-family: var(--serif); font-size: clamp(210px, 30vw, 470px); line-height: .75; letter-spacing: -.09em; pointer-events: none; }
.rio-hero h1 { max-width: 700px; margin: 23px 0 0; color: var(--gold-bright); background: var(--perbra-heading-gradient-large); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--serif); font-size: clamp(70px, 8.2vw, 128px); font-weight: 400; line-height: .78; letter-spacing: -.06em; }
.rio-hero__floor { margin: 27px 0 0; color: var(--cream); font-family: var(--serif); font-size: clamp(24px, 2.4vw, 38px); }
.rio-hero__statement { max-width: 570px; margin: 25px 0 0; color: rgba(246,240,232,.63); font-size: 13px; line-height: 1.75; }
.rio-hero__meta { margin: 38px 0 0; padding: 20px 0 0; display: grid; grid-template-columns: 1fr .8fr; border-top: 1px solid rgba(246,240,232,.2); }
.rio-hero__meta div + div { padding-left: 28px; border-left: 1px solid rgba(246,240,232,.14); }
.rio-hero__meta dt,.rio-hero__meta dd { margin: 0; }
.rio-hero__meta dt { color: rgba(246,240,232,.43); font-size: 8px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.rio-hero__meta dd { margin-top: 8px; color: var(--cream); font-family: var(--serif); font-size: 20px; }
.rio-hero__visual { min-width: 0; min-height: 100svh; margin: 0; position: relative; overflow: hidden; }
.rio-hero__visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,5,5,.34), transparent 32%), linear-gradient(180deg, rgba(0,0,0,.28), transparent 28%, rgba(0,0,0,.35)); }
.rio-hero__visual img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: center; animation: rio-reveal 1.25s cubic-bezier(.2,.75,.2,1) both; }
.rio-hero__visual figcaption { position: absolute; z-index: 1; right: 4vw; bottom: 30px; left: 4vw; padding-top: 16px; display: flex; justify-content: space-between; color: rgba(255,255,255,.8); border-top: 1px solid rgba(255,255,255,.4); font-size: 8px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }

.rio-intro { padding: clamp(85px, 10vw, 145px) 0 0; }
.rio-intro__heading { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(60px, 10vw, 150px); align-items: end; }
.rio-intro h2,.rio-residence h2,.rio-location h2,.rio-inquiry h2 { margin: 18px 0 0; color: var(--perbra-gold-bronze); background: var(--perbra-heading-gradient-large); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--serif); font-size: clamp(46px, 5.5vw, 82px); font-weight: 400; line-height: .92; letter-spacing: -.045em; }
.rio-lead { margin: 0 0 3px; color: rgba(25,21,16,.7); font-size: clamp(17px,1.5vw,21px); line-height: 1.75; }
.rio-facts { margin-top: clamp(62px,7vw,98px); padding: 27px 0 32px; display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid rgba(39,32,24,.17); }
.rio-facts div { padding: 0 22px; border-right: 1px solid rgba(39,32,24,.14); }
.rio-facts div:first-child { padding-left: 0; }.rio-facts div:last-child { border-right: 0; }
.rio-facts dt,.rio-facts dd { margin: 0; }.rio-facts dt { min-height: 25px; color: rgba(25,21,16,.55); font-size: 8px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }.rio-facts dd { margin-top: 7px; font-family: var(--serif); font-size: clamp(27px,2.5vw,38px); }

.rio-view { padding: clamp(95px,12vw,175px) 0; display: grid; grid-template-columns: minmax(320px,.74fr) minmax(380px,1.26fr); gap: clamp(70px,11vw,170px); align-items: center; }
.rio-view__image { height: min(72vw,780px); margin: 0; overflow: hidden; }
.rio-view__image img { width:100%;height:100%;object-fit:cover; }
.rio-view h2,.rio-plan h2,.rio-interiors h2 { margin: 18px 0 0; color: var(--gold-bright); background: var(--perbra-heading-gradient-large); background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--serif);font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.91;letter-spacing:-.05em; }
.rio-view__copy > div { max-width: 590px; margin-top: 37px; color: rgba(246,240,232,.65); font-size: 14px; line-height: 1.85; }
.rio-view__copy p { margin: 0 0 21px; }
.rio-index { margin: 58px 0 0!important; color: rgba(208,183,124,.22); font-family:var(--serif);font-size:clamp(92px,11vw,170px);line-height:.7; }
.rio-index span { color:rgba(246,240,232,.34);font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase; }

.rio-copacabana { height:min(68vw,900px);margin:0;position:relative;overflow:hidden; }
.rio-copacabana img { width:100%;height:100%;object-fit:cover; }
.rio-copacabana figcaption { position:absolute;right:4.5vw;bottom:29px;left:4.5vw;padding-top:17px;display:flex;justify-content:space-between;color:#fff;border-top:1px solid rgba(255,255,255,.45);font-size:8px;font-weight:700;letter-spacing:.17em;text-transform:uppercase; }

.rio-residence { padding:clamp(90px,11vw,160px) 0; }
.rio-residence__heading { max-width:1050px; }
.rio-residence__grid { margin-top:clamp(58px,8vw,105px);display:grid;grid-template-columns:.66fr 1fr .62fr;gap:clamp(24px,4vw,65px);align-items:end; }
.rio-residence__copy { align-self:start;color:rgba(25,21,16,.69);font-size:14px;line-height:1.85; }
.rio-residence__copy p { margin:0 0 22px; }
.rio-residence figure { margin:0;overflow:hidden; }.rio-residence img { width:100%;height:100%;object-fit:cover; }
.rio-residence__primary { height:650px; }.rio-residence__secondary { height:430px; }

.rio-plan { padding:clamp(100px,12vw,175px) 0;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(70px,10vw,150px);align-items:center; }
.rio-plan h2 { font-size:clamp(44px,5vw,74px); }
.rio-plan ul { margin:45px 0 0;padding:0;list-style:none;border-top:1px solid rgba(246,240,232,.21); }
.rio-plan li { padding:18px 30px 18px 0;position:relative;color:rgba(246,240,232,.7);border-bottom:1px solid rgba(246,240,232,.13);font-size:12px; }
.rio-plan li::after { content:'＋';position:absolute;right:0;color:var(--gold-bright); }
.rio-plan__drawing { margin:0;padding:clamp(24px,3vw,42px);background:var(--rio-metal);box-shadow:0 35px 90px rgba(0,0,0,.45); }
.rio-plan__drawing img { width:100%;height:auto;display:block; }.rio-plan__drawing figcaption { margin-top:18px;color:rgba(25,21,16,.5);font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase; }

.rio-interiors { padding:clamp(90px,10vw,150px) 0 0;background:#080706; }
.rio-interiors__heading { display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end; }
.rio-interiors__heading > p { margin:0 0 4px;color:rgba(246,240,232,.56);font-size:13px;line-height:1.75; }
.rio-interiors__grid { margin-top:clamp(55px,7vw,95px);display:grid;grid-template-columns:repeat(12,1fr);gap:9px; }
.rio-interiors figure { min-height:360px;margin:0;overflow:hidden; }.rio-interiors img { width:100%;height:100%;display:block;object-fit:cover; }
.rio-interiors figure:nth-child(1){grid-column:span 8}.rio-interiors figure:nth-child(2){grid-column:span 4}.rio-interiors figure:nth-child(3){grid-column:span 7}.rio-interiors figure:nth-child(4){grid-column:span 5}.rio-interiors figure:nth-child(5),.rio-interiors figure:nth-child(6){grid-column:span 6}.rio-interiors figure:nth-child(7){grid-column:span 8}.rio-interiors figure:nth-child(8){grid-column:span 4}.rio-interiors figure:nth-child(9){grid-column:span 7}.rio-interiors figure:nth-child(10){grid-column:span 5}.rio-interiors figure:nth-child(11){grid-column:span 12;min-height:620px}

.rio-location { padding:clamp(95px,11vw,165px) 0; }
.rio-location__grid { display:grid;grid-template-columns:1fr .62fr;gap:clamp(70px,11vw,170px);align-items:center; }
.rio-location__copy > p:last-child { margin:35px 0 0;color:rgba(25,21,16,.69);font-size:14px;line-height:1.85; }
.rio-location figure { height:680px;margin:0;overflow:hidden; }.rio-location img { width:100%;height:100%;object-fit:cover; }

.rio-inquiry { padding:clamp(85px,10vw,150px) 0;background:#080706; }
.rio-inquiry__panel { padding:clamp(40px,6vw,82px);display:grid;grid-template-columns:1fr .68fr;gap:58px 90px;border-top:3px solid var(--perbra-gold-mid);box-shadow:0 34px 100px rgba(0,0,0,.4); }
.rio-inquiry__panel > div > p:last-child { max-width:600px;margin:25px 0 0;color:rgba(25,21,16,.66);font-size:14px;line-height:1.75; }
.rio-inquiry__actions { align-self:end;display:grid;gap:12px; }
.rio-primary-action,.rio-secondary-action { min-height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:var(--black);border:1px solid var(--perbra-gold-bronze);font-size:9px;font-weight:700;letter-spacing:.15em;text-decoration:none;text-transform:uppercase; }
.rio-primary-action{background:var(--perbra-gold-gradient)}.rio-secondary-action{background:rgba(255,255,255,.28)}
.rio-inquiry__note { grid-column:1/-1;margin:0;padding-top:22px;color:rgba(25,21,16,.56);border-top:1px solid rgba(25,21,16,.15);font-size:11px;line-height:1.7; }
.rio-error { min-height:100vh;margin:0;padding:180px 4.5vw;color:var(--cream);background:#050505; }

@keyframes rio-reveal { from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)} }
@media(max-width:980px){.rio-hero{grid-template-columns:1fr}.rio-hero__copy{min-height:720px}.rio-hero__visual{min-height:760px}.rio-intro__heading,.rio-view,.rio-residence__grid,.rio-plan,.rio-interiors__heading,.rio-location__grid,.rio-inquiry__panel{grid-template-columns:1fr}.rio-facts{grid-template-columns:repeat(3,1fr)}.rio-facts div:nth-child(3){border-right:0}.rio-residence__primary{height:600px}.rio-residence__secondary{height:500px}.rio-interiors__heading{gap:30px}.rio-location figure{height:600px}}
@media(max-width:640px){.rio-shell{width:calc(100vw - 30px)}.rio-hero__copy{min-height:750px;padding:155px 15px 45px}.rio-hero__city{top:115px;font-size:58vw}.rio-hero h1{font-size:20vw}.rio-hero__visual{min-height:720px}.rio-hero__meta{grid-template-columns:1fr}.rio-hero__meta div+div{margin-top:15px;padding:15px 0 0;border-top:1px solid rgba(246,240,232,.12);border-left:0}.rio-intro{padding-top:70px}.rio-facts{grid-template-columns:repeat(2,1fr)}.rio-facts div{padding:18px 12px;border-top:1px solid rgba(39,32,24,.12)}.rio-facts div:nth-child(2n){border-right:0}.rio-view{padding:78px 0}.rio-view__image{height:650px}.rio-copacabana{height:68vh}.rio-copacabana figcaption{flex-direction:column;gap:8px}.rio-residence{padding:75px 0}.rio-residence__primary,.rio-residence__secondary{height:430px}.rio-plan{padding:78px 0}.rio-interiors{padding-top:75px}.rio-interiors__grid{grid-template-columns:1fr}.rio-interiors figure,.rio-interiors figure:nth-child(n){min-height:360px;grid-column:1}.rio-interiors figure:nth-child(11){min-height:430px}.rio-location{padding:75px 0}.rio-location figure{height:580px}.rio-inquiry__panel{gap:42px}}
@media(prefers-reduced-motion:reduce){.rio-hero__visual img{animation:none}}