/* CASA398: film first, restrained copy, generous space. */
.site-header{min-height:96px}.site-header .brand strong{font-size:35px}.main-nav{gap:30px}.main-nav .nav-button{font-size:12px;padding:11px 18px}
.film-stage{position:relative;height:calc(100svh - 96px);min-height:500px;max-height:900px;background:#211d19 url('photos/hero-poster.webp') center/cover no-repeat;overflow:hidden}
.film-stage .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.film-stage .hero-video.is-active{opacity:1}
.film-controls{position:absolute;bottom:24px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;z-index:2;color:#fff;text-shadow:0 1px 4px #000}
.film-controls>span{font-size:9px;letter-spacing:.18em}
.film-controls button{color:#fff6e9;background:#211b15a8;border:1px solid #d7c3a278;padding:8px 14px;font-size:11px;cursor:pointer;min-height:40px}
.quiet-intro{text-align:center;padding:100px 0 95px;max-width:1000px}.quiet-intro .eyebrow{font-size:9px;color:#9a815c;margin-bottom:24px}.quiet-intro h1{font-size:clamp(48px,5.7vw,84px);line-height:1.08}.quiet-intro h1 em{color:#947650}.quiet-intro>p:not(.eyebrow){color:#746b61;font-size:14px;margin-top:25px}.quiet-link{display:inline-block;color:#786144;font-size:12px;text-decoration:none;border-bottom:1px solid #b8a182;padding-bottom:5px;margin-top:27px}
.quiet-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.quiet-heading h2{font-size:clamp(36px,3.6vw,52px)}.quiet-heading>p{color:#84796b;font-size:11px;max-width:330px}.quiet-heading .eyebrow{font-size:9px;color:#9a815c;margin-bottom:18px}
.quiet-collection{padding-bottom:100px}.page-home .apartment-grid{gap:52px 40px}.page-home .apartment-card{border:0;background:none;padding-bottom:0;transform:none}.page-home .apartment-card:hover{transform:none}.page-home .card-image{background:#eee9e2;aspect-ratio:4/3}.page-home .card-image img{width:100%;height:100%;object-fit:contain;transform:none;min-height:0}.page-home .apartment-card:hover img{transform:none}.page-home .card-copy{padding:24px 0 0}.page-home .card-copy .eyebrow{font-size:8px;color:#9b8260;margin:0 0 12px;letter-spacing:.18em}.page-home .card-copy h3{font-size:clamp(37px,3.4vw,52px);line-height:1.1;min-height:0}.page-home .card-meta{border:0;padding:0;margin-top:12px;color:#84796b;font-size:12px}.page-home .card-rent{margin-top:12px;display:flex;gap:6px;align-items:baseline}.page-home .card-rent strong{font-size:23px;font-family:var(--serif);font-weight:400}.page-home .card-rent>span{font-size:11px;color:#84796b}.page-home .apartment-card:last-child:nth-child(odd){display:grid;grid-template-columns:1.45fr 1fr;grid-column:1/-1;gap:40px;background:none;color:var(--ink);border:0}.page-home .apartment-card:last-child:nth-child(odd) .card-image{aspect-ratio:16/10}.page-home .apartment-card:last-child:nth-child(odd) .card-image img{height:100%;min-height:0}.page-home .apartment-card:last-child:nth-child(odd) .card-copy{padding:0;align-self:center}.page-home .apartment-card:last-child:nth-child(odd) h3{font-size:clamp(37px,3.4vw,52px)}.page-home .apartment-card:last-child:nth-child(odd) .eyebrow{color:#9b8260}.page-home .apartment-card:last-child:nth-child(odd) .card-meta,.page-home .apartment-card:last-child:nth-child(odd) .card-rent>span{color:#84796b}
.quiet-details{background:#eeebe5;padding:80px 0}.quiet-details .quiet-heading{justify-content:center;margin-bottom:36px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:1060px;margin:auto}.detail-crop{position:relative;aspect-ratio:4/5;overflow:hidden;background:#e1d7c9}.detail-crop img{position:absolute;max-width:none;width:var(--detail-scale);height:auto;left:var(--detail-left);top:var(--detail-top)}.detail-grid figcaption{font-size:11px;letter-spacing:.03em;color:#7a6a55;padding-top:16px}
.quiet-location{padding:100px 0}.location-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px}.location-perks{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px}.location-perks h3{font:22px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:12px}.location-perks p{font-size:12px;color:#82786a;line-height:1.85;max-width:240px}.location-perks a{display:inline-block;font-size:10px;margin-top:12px;color:#89704f}.location-photo img{width:100%;height:auto;display:block}.school-note{border-top:1px solid #ded6ca;border-bottom:1px solid #ded6ca;margin-top:48px;padding:20px 0}.school-note summary{font-size:13px;cursor:pointer;color:#6a5640}.school-content{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:25px;font-size:12px;color:#817364}.school-content p{margin:0}.school-content span{display:block;font-size:11px;margin-top:8px}.school-content p:last-child{grid-column:1/-1;max-width:800px}.journey-note{font-size:10px;color:#9b9081;margin-top:20px;max-width:700px}
.quiet-enquire{padding:65px 0;background:#29231e;color:#f5eadd;text-align:center}.quiet-enquire h2{font-size:clamp(40px,4vw,60px);margin-bottom:28px}.quiet-enquire .button{background:transparent;border:1px solid #b19770;color:#e8d2af;min-width:225px}.quiet-email{display:block;width:fit-content;margin:21px auto 0;font-size:12px;color:#cdbb9f;text-decoration:none}
.residence-tagline{font-size:14px;line-height:1.8;color:#927955;margin-top:18px;letter-spacing:.02em}.suite-heading h1{font-size:clamp(58px,7vw,100px)}.suite-heading .eyebrow{font-size:9px;letter-spacing:.18em}.suite-info h2{font-size:clamp(35px,3.5vw,48px);max-width:450px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.site-footer{padding-block:42px}.footer-small{margin-top:35px;font-size:9px}.footer-grid .brand strong{font-size:29px}.contact-layout h1{font-size:clamp(44px,5vw,64px)}
@media(max-width:1000px){.main-nav{gap:20px}.location-grid{gap:35px}.location-perks{gap:30px 22px}.detail-grid{gap:22px}}
@media(max-width:700px){.site-header{min-height:95px}.site-header .brand strong{font-size:30px}.main-nav{font-size:11px;gap:16px}.main-nav .nav-button{font-size:10px;padding:10px 13px}.film-stage{height:auto;min-height:0;max-height:none;aspect-ratio:16/10;background-color:#211d19;background-size:contain;background-repeat:no-repeat}.film-stage .hero-video{object-fit:contain}.film-controls{bottom:12px}.film-controls>span{font-size:7px;letter-spacing:.13em}.film-controls button{font-size:9px;min-height:34px;padding:5px 10px}.quiet-intro{padding:60px 0}.quiet-intro h1{font-size:48px}.quiet-intro>p:not(.eyebrow){font-size:12px;max-width:290px;margin:22px auto 0}.quiet-heading{display:block;margin-bottom:27px}.quiet-heading h2{font-size:39px}.quiet-heading>p{font-size:10px;margin-top:16px}.quiet-collection{padding-bottom:60px}.page-home .apartment-grid{gap:40px}.page-home .card-image{aspect-ratio:4/3}.page-home .card-copy{padding-top:20px}.page-home .card-copy h3{font-size:40px}.page-home .card-meta{font-size:11px}.page-home .apartment-card:last-child:nth-child(odd){display:block}.page-home .apartment-card:last-child:nth-child(odd) .card-copy{padding-top:20px}.page-home .apartment-card:last-child:nth-child(odd) h3{font-size:40px}.page-home .apartment-card:last-child:nth-child(odd) .card-image{aspect-ratio:4/3}.quiet-details{padding:55px 0}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-grid figcaption{font-size:9px;line-height:1.6;padding-top:11px}.quiet-details .quiet-heading{text-align:center}.quiet-location{padding:60px 0}.location-grid{grid-template-columns:1fr;gap:35px}.location-perks{gap:32px 24px}.location-perks h3{font-size:22px}.location-perks p{font-size:11px}.location-perks a{font-size:9px}.quiet-location .quiet-heading .quiet-link{margin-top:20px}.school-note{margin-top:33px}.school-content{grid-template-columns:1fr;gap:23px}.school-content p:last-child{grid-column:auto}.journey-note{font-size:9px}.quiet-enquire{padding:50px 0}.quiet-enquire h2{font-size:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid .brand{grid-column:1/-1}.footer-grid p{font-size:11px}.footer-links{font-size:11px}.suite-heading h1{font-size:clamp(53px,12vw,78px)}.residence-tagline{font-size:12px}.contact-layout h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.film-stage .hero-video{transition:none}}

@media(max-width:700px){.detail-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:14px}.detail-grid>figure{flex:0 0 76%;scroll-snap-align:start}.detail-grid figcaption{font-size:11px}}