/* Sharvit Cinematic 7.0 — architectural depth with a complete HTML fallback. */
:root{--cine-ink:#102b35;--cine-night:#071d29;--cine-blue:#12628b;--cine-stone:#ebe7df;--cine-brass:#b99b73}
body{overflow-x:clip}
.site-header{border-bottom:1px solid rgba(185,155,115,.34);background:rgba(246,244,239,.94);backdrop-filter:blur(14px)}
.site-header.is-scrolled{background:rgba(248,247,243,.98);box-shadow:0 12px 36px rgba(7,29,41,.12)}
.site-header .header-contact{background:var(--cine-night);border-color:var(--cine-night)}
.site-header .brand img{mix-blend-mode:multiply}
.site-header .nav-list a{transition:color .25s,transform .25s}
.site-header .nav-list a:hover{color:var(--cine-blue);transform:translateY(-2px)}
.home{background:#e8e4dc}
.home h1,.home h2,.home h3{letter-spacing:-.055em}
.cine-hero{position:relative;isolation:isolate;min-height:min(820px,calc(100svh - 85px));padding:clamp(28px,4.5vw,70px) 0 88px;overflow:hidden;background:radial-gradient(circle at 77% 25%,#264552 0,#102d3b 47%,#061a24 100%);color:#f9f5eb}
.cine-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 44%,rgba(218,204,178,.05) 50%,transparent 56%);pointer-events:none}
.cine-hero__grain{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:radial-gradient(#fff 0.55px,transparent .55px);background-size:5px 5px;mask-image:linear-gradient(90deg,transparent,#000)}
.cine-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(25px,4vw,72px);min-height:clamp(510px,43vw,650px)}
.cine-hero__copy{position:relative;z-index:3;min-width:0;padding:20px 0 35px}
.cine-hero__eyebrow{display:block;margin-bottom:34px;color:#d5c4a9;font-size:.8rem;font-weight:600;letter-spacing:.05em}
.cine-hero h1{max-width:11.5ch;margin:0 0 26px;color:#fff;font-size:clamp(3.25rem,5.5vw,6.7rem);font-weight:550;line-height:1.05;text-wrap:balance}
.cine-hero__copy>p{max-width:36ch;margin:0;color:#d7e0dd;font-size:clamp(1.08rem,1.4vw,1.36rem);line-height:1.67}
.cine-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:32px}
.cine-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:59px;padding:13px 22px;background:#e6d3af;border:1px solid #e6d3af;color:#092431!important;text-decoration:none;font-weight:700;transition:background .25s,transform .25s}
.cine-button:hover{background:#fff;transform:translateY(-3px)}
.cine-text-link{display:inline-flex;align-items:center;gap:14px;min-height:48px;border-bottom:1px solid #b5c7ca;color:#f5f6f3;text-decoration:none;font-weight:650}
.cine-text-link:hover{color:#e6d3af}
.cine-motion-toggle{display:inline-flex;margin-top:42px;padding:7px 0;border:0;border-bottom:1px solid #819ca2;background:none;color:#d5e2df;font-size:.82rem;cursor:pointer}
.cine-motion-toggle[aria-pressed=true]{color:#fff;border-color:#fff}
.cine-hero__visual{position:relative;min-width:0;padding:18px 25px 25px 0;perspective:1200px}
.cine-hero__visual::before{content:"";position:absolute;inset:0 8px 7px 0;border:1px solid rgba(222,202,166,.36);transform:translate(18px,-14px);pointer-events:none}
.cine-portal{position:relative;isolation:isolate;aspect-ratio:1.28;min-height:420px;overflow:hidden;background:#203846;box-shadow:0 44px 76px rgba(0,0,0,.34);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transform-origin:center;transition:transform .55s ease}
.cine-portal::before{content:"";position:absolute;z-index:2;inset:5% 5.5%;border:clamp(14px,2vw,30px) solid #a9a392;border-left-width:clamp(24px,3vw,46px);border-right-color:#eee0c4;box-shadow:inset 14px 14px 32px rgba(0,0,0,.4),18px 24px 34px rgba(0,0,0,.22);pointer-events:none}
.cine-portal::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.21),transparent 40%,rgba(1,16,27,.5));pointer-events:none}
.cine-portal>img{width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block;transition:opacity .25s}
.cine-portal__edge{position:absolute;z-index:3;bottom:5%;right:5.5%;left:5.5%;height:3.5%;background:#8c897e;box-shadow:0 14px 20px #061723}
.cine-portal__caption{position:absolute;z-index:5;right:8%;bottom:9%;padding:8px 12px;background:rgba(7,29,41,.76);color:#fff;font-size:.75rem}
.cine-portal.is-canvas-ready::before,.cine-portal.is-canvas-ready::after,.cine-portal.is-canvas-ready .cine-portal__edge{opacity:0}
.cine-portal.is-canvas-ready>img{opacity:0}
.cine-portal canvas,.cine-model canvas,.cine-contact__stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.cine-hero__foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:8px;border-top:1px solid rgba(223,228,222,.35);color:#ccd9d6;font-size:.8rem}
.cine-hero__foot a{color:inherit;text-decoration:none}
.home-search-dock{margin-top:-46px!important}
.home .hero-search-wrap{box-shadow:0 23px 50px rgba(8,32,42,.18)}
.home .home-listings--new{padding-top:110px;background:#e8e4dc}
.home .home-listings--stone{background:#d9ddd9}
.home .home-listings .section-heading{padding-bottom:22px;border-bottom:1px solid #aeb9b5}
.home .home-listings .section-heading h2{font-size:clamp(3.2rem,5.1vw,6.1rem)}
.home .home-property-grid{perspective:1400px}
.home .home-property-grid .property-card{position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)!important}
.home .home-property-grid .property-card:nth-child(2){transform:translateZ(-40px) rotateY(-2deg)}
.home .home-property-grid .property-card:hover{transform:translateY(-9px) translateZ(28px)!important}
.home .home-property-grid .property-card__image{box-shadow:0 18px 38px rgba(9,32,40,.14);transform:translateZ(15px)}
.home .home-property-grid .property-card__body{transform:translateZ(8px)}
.home .home-property-grid .property-card__bottom strong{font-size:clamp(1.4rem,2vw,2.15rem)}
.cine-journey{background:#112f3c;color:#f5f2e9}
.cine-journey .home-journey__number,.cine-journey .home-journey__sticky>p,.cine-journey .home-journey__step>span,.cine-journey .home-journey__step p{color:#c8d9d9}
.cine-journey h2,.cine-journey .home-journey__step h3{color:#f8f5ee}
.cine-journey .home-journey__step{border-color:#56717b;opacity:.65}
.cine-journey .home-journey__step[aria-current=step]{opacity:1}
.cine-journey .home-journey__progress{background:#52717b}
.cine-journey .home-journey__progress span{background:#d6ba8d}
.cine-model{position:relative;height:clamp(260px,28vw,400px);background:radial-gradient(circle at 55% 32%,#54727c,#102b38 68%);box-shadow:inset 0 0 0 1px rgba(219,207,178,.3);overflow:hidden}
.cine-model::before{content:"";position:absolute;z-index:1;inset:13% 19%;border:18px solid #9ba39d;transform:perspective(500px) rotateX(55deg) rotateZ(-18deg);box-shadow:20px 21px 20px rgba(0,0,0,.24);pointer-events:none}
.cine-model>img{width:100%;height:100%;object-fit:cover;opacity:.32}
.cine-model.is-canvas-ready>img,.cine-model.is-canvas-ready::before{opacity:0}
.cine-model__label{position:absolute;z-index:3;bottom:17px;right:20px;color:#fff;font-size:.78rem}
.home-sell{background:#203d48}
.home-sell__visual{position:relative;border:clamp(12px,2vw,28px) solid #e4ded2;box-shadow:inset 16px 14px 26px rgba(0,0,0,.18)}
.home-sell__visual img{height:100%;object-fit:cover}
.home-about{background:#e7e3da}
.home-about-image--people{perspective:1000px}
.home-about-image--people figure:first-child{transform:translateY(26px) rotateY(5deg);box-shadow:22px 28px 35px rgba(13,43,52,.14)}
.home-about-image--people figure:last-child{transform:translateY(-20px) rotateY(-5deg);box-shadow:-20px 23px 35px rgba(13,43,52,.15)}
.home-testimonials{background:#f1eee7}
.home-testimonials__frame{position:relative;box-shadow:16px 18px 0 #d3d4cc,32px 36px 0 #b9c4c0}
.home-faq details{border-color:#aab8b5}
.home-faq details[open]{background:#f4f4ef}
.home-faq details summary{transition:padding .25s,color .25s}
.home-faq details[open] summary{color:#12628b;padding-inline-start:10px}
.cine-contact{position:relative;overflow:hidden;background:linear-gradient(110deg,#041723,#154257)}
.cine-contact .home-contact-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,7vw,110px);min-height:480px}
.cine-contact__stage{position:relative;aspect-ratio:1.25;min-height:310px;overflow:hidden;background:radial-gradient(circle at 45% 45%,#779399,#071f2e 72%)}
.cine-contact__fallback{position:absolute;inset:12% 28%;border:clamp(15px,3vw,34px) solid #b0a794;background:linear-gradient(115deg,#335662,#aec7c4);transform:perspective(700px) rotateY(22deg);box-shadow:24px 30px 30px #061925}
.cine-contact__stage.is-canvas-ready .cine-contact__fallback{opacity:0}
.cine-contact__overline{color:#e3c497;font-size:.86rem}
.cine-contact h2{max-width:13ch;margin:12px 0 22px;color:#fff;font-size:clamp(2.9rem,5vw,5.5rem);line-height:1.06}
.cine-contact p{max-width:34ch;color:#e0e9e8;font-size:1.16rem;line-height:1.7}
.cine-contact .home-contact__actions{display:flex;align-items:center;gap:18px;margin-top:25px}
.cine-contact .home-contact__phone{color:#fff}
.cine-contact .button--light{background:#e6d3af;color:#102b35}
/* Inner pages continue the same portal geometry without forcing a WebGL download. */
.discovery-page,.about-page,.media-page,.links-page{background:#e9e6df}
.discovery-intro,.page-hero,.about-opening,.property-top,.contact-section{position:relative;isolation:isolate;overflow:hidden}
.discovery-intro{padding-block:clamp(56px,6vw,95px);background:linear-gradient(105deg,#082532,#1b4352);color:#fff}
.discovery-intro::after,.page-hero::after,.about-opening::after,.contact-info::after,.property-top::after{content:"";position:absolute;z-index:-1;top:-55px;left:3%;width:clamp(170px,28vw,390px);height:clamp(170px,28vw,390px);border:clamp(13px,2vw,25px) solid rgba(206,196,172,.36);box-shadow:inset 24px 20px 25px rgba(0,0,0,.14),24px 22px 0 rgba(112,144,151,.2);transform:perspective(800px) rotateY(-30deg) rotateX(8deg);pointer-events:none}
.discovery-intro h1,.discovery-intro__aside p{color:#fff}
.discovery-intro__aside{position:relative;z-index:1}
.discovery-search,.discovery-sidebar,.discovery-results__head{box-shadow:0 16px 35px rgba(14,47,57,.07)}
.discovery-card{box-shadow:0 14px 30px rgba(10,39,50,.08);transition:transform .35s,box-shadow .35s}
.discovery-card:hover{transform:translateY(-6px);box-shadow:0 24px 42px rgba(10,39,50,.14)}
.page-hero,.about-opening{background:linear-gradient(110deg,#0b2a37,#1c4a5a);color:#fff}
.page-hero h1,.about-opening h1,.about-opening p{color:#fff}
.about-opening{min-height:340px}
.about-story{padding-block:clamp(45px,7vw,100px)}
.about-story__image{border:20px solid #d4d1c7;box-shadow:24px 26px 0 #afbbb8}
.about-person{perspective:1100px}
.about-person__photo{border:13px solid #d7d2c6;box-shadow:20px 25px 35px rgba(5,33,41,.14);transform:rotateY(3deg)}
.about-person:nth-child(2) .about-person__photo{transform:rotateY(-3deg)}
.recommendation-scan,.recommendation-letter{box-shadow:10px 13px 0 #c6ceca}
.contact-section{background:linear-gradient(145deg,#e7e3da,#f7f5f0)}
.contact-info{position:relative;isolation:isolate;background:#0c3040;color:#fff;padding:clamp(30px,5vw,65px)}
.contact-info h1,.contact-info h2,.contact-info p,.contact-info a{color:#fff}
.contact-info::after{opacity:.36;top:auto;bottom:-80px;left:-35px}
.contact-form-panel{background:#fff;box-shadow:0 22px 40px rgba(10,42,54,.1)}
.property-top{background:linear-gradient(110deg,#e9e4d9,#f8f6f0);min-height:250px}
.property-top::after{opacity:.28;left:1%}
.property-gallery__stage{border:clamp(8px,1.5vw,20px) solid #d5d0c5;box-shadow:25px 27px 0 #b4c3c0}
.property-contact{box-shadow:0 18px 35px rgba(8,41,54,.12)}
@media(max-width:900px){.cine-hero__grid{grid-template-columns:.9fr 1.1fr}.cine-portal{min-height:340px}.cine-hero h1{font-size:clamp(3rem,6vw,5rem)}.cine-journey .home-journey__layout{gap:35px}.cine-contact .home-contact-inner{gap:30px}}
@media(max-width:760px){.cine-hero{min-height:0;padding:34px 0 72px}.cine-hero__grid{grid-template-columns:1fr;gap:28px;min-height:0}.cine-hero__copy{padding:0}.cine-hero__eyebrow{margin-bottom:17px}.cine-hero h1{max-width:13ch;margin-bottom:15px;font-size:clamp(2.85rem,10.8vw,4.1rem)}.cine-hero__copy>p{font-size:1rem}.cine-hero__actions{margin-top:22px}.cine-button{min-height:52px}.cine-motion-toggle{margin-top:18px}.cine-hero__visual{padding:12px 12px 14px 0}.cine-portal{min-height:0;aspect-ratio:1.35;transform:none}.cine-hero__foot{margin-top:18px}.home-search-dock{margin-top:-34px!important}.home .home-listings--new{padding-top:76px}.home .home-property-grid .property-card:nth-child(2),.home .home-property-grid .property-card{transform:none!important}.cine-journey .home-journey__layout{display:block}.cine-journey .home-journey__sticky{position:relative;top:auto}.cine-model{height:300px}.cine-journey .home-journey__steps{margin-top:30px}.cine-journey .home-journey__step{min-height:180px}.cine-contact .home-contact-inner{grid-template-columns:1fr;padding-block:45px}.cine-contact__stage{min-height:240px;max-height:320px}.cine-contact h2{font-size:clamp(2.9rem,10vw,4rem)}.discovery-intro{padding-block:48px}.about-opening{min-height:260px}.page-hero::after,.discovery-intro::after,.about-opening::after{left:-55px;opacity:.5}}
@media(max-width:390px){.cine-hero h1{font-size:2.72rem}.cine-hero__actions{align-items:stretch}.cine-button{width:100%}.cine-portal__caption{font-size:.66rem}.cine-contact .home-contact__actions{flex-wrap:wrap}.cine-model{height:260px}}
@media(prefers-reduced-motion:reduce){.cine-portal,.cine-button,.home .home-property-grid .property-card,.discovery-card,.site-header .nav-list a{transition:none!important;transform:none!important}}
html.cine-reduced .cine-portal,html.cine-reduced .home .home-property-grid .property-card,html.cine-reduced .discovery-card{transform:none!important;transition:none!important}
@media(max-width:760px){
  .cine-hero{padding:12px 0 47px}
  .cine-hero__grid{gap:14px}
  .cine-hero__visual{order:-1;padding:5px 7px 7px 0}
  .cine-hero__visual::before{transform:translate(7px,-5px)}
  .cine-portal{aspect-ratio:1.72;min-height:0}
  .cine-portal::before{inset:6% 6%;border-width:12px 16px}
  .cine-hero__copy{padding:0 0 4px}
  .cine-hero__eyebrow{margin-bottom:8px;font-size:.7rem}
  .cine-hero h1{max-width:16ch;margin-bottom:8px;font-size:clamp(2.4rem,8.8vw,3.2rem);line-height:1.02}
  .cine-hero__copy>p{font-size:.94rem;line-height:1.46}
  .cine-hero__actions{gap:7px 18px;margin-top:14px}
  .cine-button{width:auto;min-height:44px;padding:9px 14px;font-size:.85rem}
  .cine-text-link{min-height:37px;font-size:.83rem}
  .cine-motion-toggle{margin-top:8px;font-size:.74rem}
  .cine-hero__foot{margin-top:5px;padding-top:5px}
}
@media(max-width:390px){.cine-hero h1{font-size:2.42rem}.cine-hero__actions{display:flex}.cine-button{width:auto}.cine-portal__caption{font-size:.6rem}}