/* The Realtor v1.35 · Premium Showcase Final */
:root{
  --p135-bg:#f4efe8;--p135-paper:#fffdf9;--p135-ink:#221d18;
  --p135-muted:#746c63;--p135-gold:#bb8644;--p135-gold-deep:#8a6031;
  --p135-dark:#2b2722;--p135-line:rgba(150,124,94,.22);
  --p135-shadow:0 28px 80px rgba(53,40,27,.10);
}
body.pr31-body{
  background:radial-gradient(circle at 10% 0%,rgba(187,134,68,.055),transparent 30rem),var(--p135-bg);
}
.pr31-content{width:min(calc(100% - 64px),1560px)}
.pr31-section{padding-top:104px}
.pr31-section-head{gap:52px;margin-bottom:40px}
.pr31-section-head h2{font-size:clamp(38px,3.2vw,52px);line-height:1.02}
.pr31-section-head>p{font-size:12.5px;line-height:1.72}
.pr31-header{min-height:92px}
.pr31-brand-copy strong{font-size:17px}
.pr31-nav{gap:38px}
.pr31-nav a{font-size:11.5px}
.pr31-header-actions .pr31-btn{min-height:44px;padding:0 20px}

.pr31-hero{
  min-height:720px;border-radius:36px;overflow:hidden;
  box-shadow:var(--p135-shadow);background-position:center 50%!important;
}
.pr31-hero:before{
  background:
    linear-gradient(90deg,rgba(250,247,242,.995) 0%,rgba(250,247,242,.975) 22%,
    rgba(250,247,242,.83) 38%,rgba(250,247,242,.39) 55%,rgba(250,247,242,.08) 73%),
    linear-gradient(0deg,rgba(29,23,18,.055),transparent 52%)!important;
}
.pr31-hero-copy{
  width:min(690px,44vw);
  padding:112px 0 176px clamp(62px,5.4vw,102px);
}
.pr31-hero h1{
  max-width:620px;margin:18px 0 12px;
  font-size:clamp(60px,4.7vw,82px);line-height:.94;letter-spacing:-.052em;
}
.pr31-hero-subtitle{font-size:26px;line-height:1.2}
.pr31-hero-copy p{max-width:555px;margin-top:25px;font-size:13.5px;line-height:1.78}
.pr31-hero-actions{margin-top:31px}
.pr31-hero-actions .pr31-btn,.pr31-hero-actions .pr31-btn-outline{min-height:47px;padding:0 20px}

.pr31-portrait{
  top:16px!important;bottom:auto!important;right:4.7%!important;
  width:clamp(370px,26vw,450px)!important;height:clamp(575px,38vw,632px)!important;
  border-radius:230px 230px 30px 30px!important;overflow:hidden;
  border:1px solid rgba(255,255,255,.96);background:#f4eee6;
  box-shadow:0 36px 78px rgba(44,34,25,.18),0 5px 18px rgba(44,34,25,.08);
}
.pr31-portrait img{object-fit:cover!important;object-position:50% 12%!important;width:100%;height:100%}
.pr31-portrait-caption{display:none!important}

.pr31-values{left:5%;right:5%;bottom:20px!important;border-radius:20px}
.pr31-value{min-height:82px;padding:19px 21px 17px}
.pr31-value strong{font-size:11px}
.pr31-value p{font-size:8.8px;line-height:1.45}

.pr31-approach-grid{grid-template-columns:.9fr 1.1fr;gap:22px}
.pr31-editorial-card{padding:45px;border-radius:28px}
.pr31-editorial-card h3{font-size:44px;line-height:1.04}
.pr31-service-panel{padding:44px;border-radius:29px}
.pr31-service-panel h3{font-size:40px}
.pr31-service{min-height:156px;padding:24px;border-radius:20px}

.pr31-object-grid,.pr31-listing-grid{gap:20px}
.pr31-object-card{border-radius:28px}
.pr31-object-photo{height:325px}
.pr31-object-body{padding:23px 24px 25px}
.pr31-object-body h3{font-size:24px;line-height:1.12}
.pr31-object-address{margin-top:9px;font-size:10.5px}
.pr31-object-meta{padding-top:17px}
.pr31-story-grid{gap:20px}
.pr31-story{border-radius:27px}
.pr31-story-media{height:250px}
.pr31-story-body{padding:24px}

.pr31-contact{margin-top:104px;border-radius:34px;overflow:hidden}
.pr31-contact-copy{padding:62px}
.pr31-contact-form{padding:48px}
.pr31-contact-copy h2{font-size:clamp(38px,3.2vw,52px)}
.pr31-direct a{min-height:40px;padding:0 14px}

.pr31-page-hero{padding:86px 0 62px}
.pr31-page-hero h1{font-size:clamp(54px,4.8vw,78px)}
.pr31-page-note{padding:29px;border-radius:24px}
.pr31-about-layout{gap:24px}
.pr31-about-portrait{min-height:640px;border-radius:250px 250px 30px 30px}
.pr31-about-portrait img{object-position:50% 12%!important}
.pr31-about-text{padding:56px;border-radius:30px}
.pr31-service-list{gap:20px}
.pr31-service-large{min-height:245px;padding:38px;border-radius:27px}
.pr31-gallery{grid-template-rows:300px 300px;gap:12px;border-radius:30px}
.pr31-gallery.single{height:610px}
.pr31-object-main-card,.pr31-inquiry-card{border-radius:28px}
.pr31-object-main-card{padding:38px}
.pr31-inquiry-card{padding:32px}
.pr31-footer{margin-top:48px;padding:38px 0 46px}

@media(max-width:1100px){
  .pr31-content{width:min(calc(100% - 34px),1560px)}
  .pr31-hero{min-height:740px}
  .pr31-hero-copy{width:54%;padding-left:50px;padding-top:100px}
  .pr31-hero h1{font-size:58px}
  .pr31-portrait{top:24px!important;right:2.3%!important;width:368px!important;height:545px!important}
}

@media(max-width:820px){
  body.pr31-body{padding-bottom:82px}
  .pr31-content{width:calc(100% - 24px)}
  .pr31-header{min-height:70px;padding:0 14px}
  .pr31-nav{display:none}
  .pr31-hero{
    min-height:1030px;border-radius:0 0 28px 28px;
    background-position:66% center!important;
  }
  .pr31-hero:before{
    background:linear-gradient(180deg,rgba(250,247,242,.995) 0%,rgba(250,247,242,.985) 27%,
    rgba(250,247,242,.70) 46%,rgba(250,247,242,.20) 65%,rgba(250,247,242,.02) 100%)!important;
  }
  .pr31-hero-copy{width:auto;padding:50px 20px 20px}
  .pr31-hero h1{max-width:430px;font-size:48px}
  .pr31-hero-subtitle{font-size:21px}
  .pr31-hero-copy p{max-width:470px;font-size:12px}
  .pr31-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,430px)}
  .pr31-hero-actions a{width:100%}
  .pr31-portrait{
    top:365px!important;right:50%!important;transform:translateX(50%)!important;
    width:min(80vw,330px)!important;height:455px!important;border-radius:190px 190px 24px 24px!important;
  }
  .pr31-portrait img{object-position:50% 12%!important}
  .pr31-values{left:12px;right:12px;bottom:12px!important;grid-template-columns:repeat(2,1fr)!important}
  .pr31-value{min-height:74px;padding:11px 12px}
  .pr31-value p{margin:7px 0 0;font-size:8px}
  .pr31-section{padding-top:64px}
  .pr31-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:25px}
  .pr31-section-head h2{font-size:38px}
  .pr31-approach-grid,.pr31-contact,.pr31-about-layout,.pr31-object-layout,.pr31-page-hero-inner{grid-template-columns:1fr}
  .pr31-editorial-card,.pr31-service-panel{padding:28px;border-radius:24px}
  .pr31-editorial-card h3{font-size:35px}
  .pr31-service-panel h3{font-size:33px}
  .pr31-service-grid{grid-template-columns:1fr}
  .pr31-object-grid,.pr31-listing-grid,.pr31-story-grid,.pr31-service-list,.pr31-benefit-grid{grid-template-columns:1fr}
  .pr31-object-photo{height:min(73vw,335px)}
  .pr31-story-media{height:min(62vw,285px)}
  .pr31-contact{margin-top:64px;border-radius:25px}
  .pr31-contact-copy,.pr31-contact-form{padding:29px}
  .pr31-page-hero{padding:54px 0 36px}
  .pr31-page-hero h1{font-size:46px}
  .pr31-about-portrait{height:500px;min-height:0;border-radius:210px 210px 24px 24px}
  .pr31-about-text{padding:30px;border-radius:24px}
  .pr31-object-head{grid-template-columns:1fr}
  .pr31-gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 155px;border-radius:24px}
  .pr31-gallery .main{grid-column:1/3;grid-row:auto}
  .pr31-gallery.single{height:430px}
  .pr31-object-main-card,.pr31-inquiry-card{padding:26px;border-radius:23px}
}

@media(max-width:480px){
  .pr31-header-actions .pr31-btn span{display:none}
  .pr31-hero{min-height:1005px}
  .pr31-hero-copy{padding-top:42px}
  .pr31-hero h1{font-size:43px}
  .pr31-hero-subtitle{font-size:20px}
  .pr31-portrait{top:352px!important;width:min(82vw,305px)!important;height:420px!important}
  .pr31-hero-actions{grid-template-columns:1fr}
  .pr31-section-head h2{font-size:35px}
  .pr31-page-hero h1{font-size:42px}
  .pr31-object-photo{height:265px}
}