/* Reference-layout refinement for Sean's draft homepage. All rules are home-scoped. */
.home .site-header .brand > img{width:195px;height:72px;max-width:100%;object-fit:contain;object-position:left center;border-radius:0}
.home .site-header .brand > span{display:none}
@media(max-width:1180px){.home .site-header .brand > img{width:158px;height:62px}}
@media(max-width:800px){.home .site-header .brand > img{width:145px;height:56px}}
.home .hero::before{
  background-image:url("https://www.seepropertywithseansee.com/wp-content/uploads/2026/09/Sean-homepage-half-body-skyline-hero-composite.png");
  background-position:center 52%;
  filter:saturate(.92) contrast(.96);
}
@media(min-width:801px){.home .hero::before{background-position:center top}}
.home .hero::after{
  background:linear-gradient(90deg,rgba(255,251,243,.96) 0%,rgba(255,249,238,.87) 32%,rgba(255,248,237,.12) 59%,rgba(6,30,49,.08) 100%);
}
.home .hero{min-height:540px;padding-top:55px;padding-bottom:70px}
.home .hero .eyebrow{font-size:10px}
.home .hero h1{max-width:590px;font-size:clamp(45px,4.8vw,70px)}
.home .hero-visual{height:465px}

.home .hero-buttons .button{background:linear-gradient(135deg,#7e5b2b,#ac8541);border-color:#ac8541}
.home .hero-buttons .text-link{color:#082b4a}
.home .advisor-card{right:3%;bottom:18px}
.home .hero-photo-credit{position:absolute;right:16px;bottom:7px;z-index:7;color:#fff;font-size:9px;text-shadow:0 1px 4px #123}
.home .hero-photo-credit:hover{text-decoration:underline}

.home-proof-strip{margin-top:-8px;box-shadow:0 7px 26px rgba(8,43,74,.08)}
.home-proof-strip article{padding:13px 17px;grid-template-columns:34px 1fr;gap:9px}
.home-proof-icon{width:34px;height:34px;font-size:15px}
.home-proof-strip strong{font-size:11px}
.home-proof-strip small{font-size:9px}

.home-search-tabs{
  max-width:1320px;
  display:flex;
  align-items:stretch;
  gap:0;
  margin:16px auto 0;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#f4f2ef;
  border:1px solid #e3ded7;
  border-bottom:0;
}
.home-search-tabs button{
  min-width:145px;
  flex:0 0 auto;
  padding:13px 23px;
  border:0;
  border-right:1px solid #e7e0d7;
  background:transparent;
  color:#223a50;
  font:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
}
.home-search-tabs button:hover{background:#e9e8e4}
.home-search-tabs button.active,.home-search-tabs button[aria-pressed="true"]{
  color:#fff;
  background:#0a3154;
}
.home .search-panel{
  max-width:1320px;
  grid-template-columns:1fr 1fr 1fr 1fr 1.2fr auto;
  margin:0 auto;
  padding:15px 16px;
  border-top:0;
  border-radius:0 0 5px 5px;
  box-shadow:0 9px 28px rgba(8,43,74,.07);
}
.home .search-panel h2{
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.home .search-panel input[type="hidden"]{display:none}
.home .search-panel label{min-width:0;padding:0 13px;border-left:1px solid #e7e0d7;order:1}
.home .search-panel label:nth-of-type(1){order:1;border-left:0}
.home .search-panel label:nth-of-type(3){order:2}
.home .search-panel label:nth-of-type(4){order:3}
.home .search-panel label:nth-of-type(2){order:4}
.home .search-panel label:nth-of-type(5){order:5}
.home .search-panel label span{font-size:9px;color:#4c5c66}
.home .search-panel select,.home .search-panel input[type="search"]{
  min-height:28px;
  font-size:11px;
  text-overflow:ellipsis;
}
.home .search-panel > .button{
  order:6;
  margin:0 0 0 13px;
  min-width:154px;
  align-self:center;
  border-radius:5px;
  white-space:nowrap;
}
.home-quick-actions{margin-top:13px;box-shadow:0 5px 18px rgba(8,43,74,.05)}
.home-quick-actions a{min-height:92px;padding:16px 22px;grid-template-columns:43px 1fr 30px}
.home-quick-actions .quick-icon{width:41px;height:41px}
.home-quick-actions strong{font-size:17px}
.home-quick-actions small{font-size:10px}

.home .section{padding-top:38px;padding-bottom:22px}
.home .section-heading{align-items:center;margin-bottom:13px}
.home .section-heading .eyebrow,.home .section-heading-action p{display:none}
.home .section-heading h2{font-size:clamp(26px,2.6vw,34px)}
.home .section-heading-action a{font-size:11px}
.home .daily-carousel-toolbar{min-height:0;margin:-5px 0 10px}
.home .daily-carousel-toolbar p{display:none}
.home .carousel-controls{margin:-40px 0 8px}
.home .daily-carousel-toolbar .carousel-controls{margin:0}
.home .carousel-controls button{width:32px;height:32px;font-size:15px}
.home .card-image{height:153px}
.home .card-image span{display:none}
.home .card-body,.home .insight-body{padding:12px 13px}
.home .card-body h3{font:700 15px/1.3 inherit}
.home .card-body > p:not(.location){margin:6px 0 9px;font-size:10px;line-height:1.3}
.home .card-footer{gap:8px;padding-top:8px}
.home .card-footer strong{font-size:12px}
.home .card-footer a{font-size:10px}
.home .location{margin:0 0 5px;font-size:9px}
.home #resale{padding-top:33px;padding-bottom:30px}
.home #resale .carousel-slide{flex-basis:calc((100% - 32px)/3)}
.home .property-card:hover,.home .insight-card:hover{transform:translateY(-2px)}
.home .insight-section{max-width:1380px;width:100%;padding-top:36px;padding-bottom:40px}
.home .insight-section .carousel-slide{flex-basis:calc((100% - 48px)/4)}
.home .insight-section .card-image{height:128px}
.home .insight-section .insight-body h3{font-size:16px;line-height:1.3}
.home .insight-section .insight-body > p:not(.location){font-size:10px}
.home .insight-section .carousel-viewport{width:100%}
.home-testimonial{display:none!important}

.home-promo-grid{
  max-width:1320px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin:8px auto 0;
  overflow:hidden;
  background:#f8f6f2;
}
.home .home-promo-grid .sell-section{
  position:relative;
  isolation:isolate;
  min-height:278px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:0;
  margin:0;
  padding:30px 30px 30px 35%;
  color:#172434;
  background:linear-gradient(90deg,#f9f7f4,#fff);
  border-radius:0;
}
.home .home-promo-grid .sell-section::before{
  position:absolute;
  z-index:-1;
  content:"";
  inset:5px 65% 0 0;
  background:url("../public/assets/sean-seated-luxury-chair-transparent.webp") left bottom/contain no-repeat;
}
.home .home-promo-grid .sell-section .eyebrow{color:#936b2e;margin-bottom:7px}
.home .home-promo-grid .sell-section h2{color:#142537;font-size:clamp(25px,2.4vw,33px);line-height:1.08}
.home .home-promo-grid .sell-section > div:first-child > p:last-child{
  max-width:370px;margin:10px 0 0;color:#52606c;font-size:12px;line-height:1.5
}
.home .home-promo-grid .sell-section .steps{display:none}
.home .home-promo-grid .sell-detail-link{
  align-self:flex-start;
  margin-top:17px;
  padding:10px 18px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(130deg,#825d2c,#aa7e37);
  font-size:11px;
}
.home .home-promo-grid .home-join-promo{
  min-width:0;
  min-height:278px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:0;
  margin:0;
  padding:30px 45px;
  text-align:center;
  background:linear-gradient(90deg,rgba(6,30,53,.82),rgba(5,27,47,.62)),url("../public/assets/project-heroes/canninghill-piers/facade.webp") center/cover no-repeat;
}
.home .home-promo-grid .home-join-promo .eyebrow{margin-bottom:5px}
.home .home-promo-grid .home-join-promo h2{margin:2px 0 8px;font-size:35px}
.home .home-promo-grid .home-join-promo p{font-size:12px}
.home .home-promo-grid .home-join-promo a{align-self:center;margin-top:16px;padding:10px 18px;font-size:11px}

/* Sean hero: handwritten-style name and quote stay crisp over the supplied skyline. */
.home .hero-visual{position:relative}
.home .hero-visual::after{
  content:"Sean See";position:absolute;z-index:9;right:10%;top:2px;
  color:#0b2c4d;font:italic 48px/1.15 "Segoe Script","Brush Script MT",cursive;
  letter-spacing:-.04em;transform:rotate(-8deg);pointer-events:none
}
.home .hero-visual::before{
  content:"REAL ESTATE ADVISOR";display:block!important;position:absolute;z-index:9;
  inset:auto 9% auto auto;width:auto;height:auto;border:0;border-radius:0;
  background:transparent;box-shadow:none;color:#183858;font:700 10px/1.2 Arial,sans-serif;
  top:76px;
  letter-spacing:.17em;pointer-events:none
}
.home .advisor-card{right:5%;bottom:12px;max-width:280px;padding:18px 20px;background:rgba(255,255,255,.9)}
.home .advisor-card small{font:15px/1.4 Georgia,serif;color:#243545}
.home .advisor-card strong{display:block;margin-top:10px;color:#263e51;font-size:11px;letter-spacing:0}

/* Remove search tabs but keep a clear heading and visible outlined search box. */
.home .search-panel{
  margin-top:20px;border:2px solid #bd9d68;border-radius:8px;
  background:#fff;box-shadow:0 10px 32px rgba(10,42,70,.10)
}
.home .search-panel h2{
  position:static;width:auto;height:auto;overflow:visible;clip-path:none;
  white-space:normal;grid-column:1/-1;order:0;
  margin:0 0 7px;padding:0 12px 0 120px;color:#102f4d;
  font:700 23px/1.2 Georgia,serif
}
.home .search-panel label{border-left:1px solid #d4c9b9}

/* Equal-height project and article cards with aligned actions. */
.home .carousel-track{align-items:stretch}
.home .property-card,.home .insight-card{display:flex;flex-direction:column;align-self:stretch}
.home .property-card .card-body,.home .insight-card .insight-body{display:flex;flex:1;flex-direction:column}
.home .property-card .card-footer{margin-top:auto}
.home .insight-card .article-card-meta{margin-top:auto}
.home .insight-card .insight-body > a:last-child{margin-top:10px}
@media(min-width:801px){
  .home .property-card.carousel-slide{min-height:310px}
  .home .insight-card.carousel-slide{min-height:400px}
}
@media(max-width:800px){
  .home .hero-visual::after{left:4%;right:auto;top:12px;font-size:34px}
  .home .hero-visual::before{left:5%;right:auto;top:57px;font-size:8px}
  .home .advisor-card{left:3%;right:auto;bottom:12px;width:min(40%,250px);max-width:none;padding:12px 14px;text-align:left}
  .home .advisor-card small{font-size:12px;line-height:1.35}
  .home .search-panel h2{font-size:20px;padding-left:12px}
}
@media(max-width:540px){
  body.home{overflow-x:clip}
  .home .site-header{gap:8px;padding-inline:10px}
  .home .site-header .brand{min-width:0;flex:0 1 auto}
  .home .site-header .brand > img{width:112px;height:46px}
  .home .header-actions{gap:5px}
  .home .language-switcher{gap:0;font-size:10px}
  .home .header-actions .button-small{max-width:90px;min-height:36px;padding:6px 8px;font-size:9px;line-height:1.15}
  .home .menu-button{width:38px;height:38px;flex-basis:38px;font-size:24px}
  .home .hero-visual::after{left:4%;right:auto;top:10px;font-size:26px}
  .home .hero-visual::before{left:5%;right:auto;top:46px;font-size:7px}
  .home .advisor-card{left:3%;right:auto;bottom:10px;width:min(46%,210px);max-width:none;padding:10px 12px}
  .home .advisor-card small{font-size:11px;line-height:1.3}
  .home .advisor-card strong{font-size:8px}
  .home .search-panel h2{font-size:18px}
}

@media(max-width:1240px){
  .home-search-tabs,.home .search-panel,.home-quick-actions,.home-promo-grid{max-width:calc(100% - 48px)}
  .home .search-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0}
  .home .search-panel > .button{grid-column:3;justify-self:stretch;margin:0 13px}
  .home .hero h1{font-size:clamp(45px,4.9vw,68px)}
}
@media(max-width:800px){
  .home .hero::before{background-image:url("https://www.seepropertywithseansee.com/wp-content/uploads/2026/09/Sean-homepage-Marina-Bay-sunset-background.png")}
  .home .hero::after{background:linear-gradient(180deg,rgba(255,251,243,.97),rgba(255,251,243,.82) 48%,rgba(10,42,70,.15))}
  .home .hero{padding-bottom:15px}
  .home .hero-visual{width:calc(100% + 44px);max-width:none;min-width:0;height:370px;margin:18px -22px 0;background:url("https://www.seepropertywithseansee.com/wp-content/uploads/2026/09/Sean-homepage-half-body-skyline-hero-composite.png") 68% center/cover no-repeat;border-radius:0;box-shadow:none}
  .home-search-tabs,.home .search-panel,.home-quick-actions,.home-promo-grid{max-width:calc(100% - 32px)}
  .home-search-tabs{margin-top:16px}
  .home-search-tabs button{min-width:130px}
  .home .search-panel{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;padding:14px}
  .home .search-panel label{padding:5px 10px;border-bottom:1px solid #e7e0d7}
  .home .search-panel label:nth-of-type(5){grid-column:1/-1}
  .home .search-panel > .button{grid-column:1/-1;margin:0}
  .home .section{padding-top:34px;padding-bottom:20px}
  .home .carousel-slide,.home #resale .carousel-slide,.home .insight-section .carousel-slide{flex-basis:calc((100% - 16px)/2)}
  .home-promo-grid{grid-template-columns:1fr}
  .home .home-promo-grid .sell-section,.home .home-promo-grid .home-join-promo{min-height:250px;max-width:100%;padding:28px 28px 28px 34%}
  .home .home-promo-grid .home-join-promo{padding:32px}
  .home .home-promo-grid .sell-section::before{inset:8px 66% 0 0}
}
@media(max-width:540px){
  .home .hero-visual{height:320px}
  .home-proof-strip article{padding:10px 14px}
  .home-search-tabs button{min-width:120px;padding:12px 16px}
  .home .search-panel{grid-template-columns:1fr}
  .home .search-panel label,.home .search-panel label:nth-of-type(5){grid-column:1;border-left:0!important}
  .home .search-panel > .button{grid-column:1}
  .home .carousel-slide,.home #resale .carousel-slide,.home .insight-section .carousel-slide{flex-basis:88%}
  .home .home-promo-grid .sell-section{min-height:270px;padding-left:35%}
  .home .home-promo-grid .sell-section::before{inset:18px 64% 0 0}
  .home .home-promo-grid .sell-section h2{font-size:24px}
  .home .home-promo-grid .sell-section > div:first-child > p:last-child{font-size:10px}
}