@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 500;font-display:swap;src:url('../fonts/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtKky2F7g.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 400;font-display:swap;src:url('../fonts/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSqn7B6D.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 500;font-display:swap;src:url('../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2') format('woff2')}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--tan:#E8DDD0;--tan-dark:#DDD0C0;--tan-card:#EFE7DC;--ink:#1A130A;--ink-mid:#4A3828;--ink-muted:#735B4C;--terra:#A0522D;--border:rgba(44,28,12,0.13)}
html{height:-webkit-fill-available}body{background:var(--tan);color:var(--ink);font-family:"Montserrat",sans-serif;font-weight:300;letter-spacing:0.02em;overflow-x:clip;min-height:-webkit-fill-available}

/* INTRO */
#page-cover{position:fixed;inset:0;background:#E8DDD0;z-index:9998;pointer-events:none;animation:pageCoverOut 0.4s ease 0.5s forwards}
@keyframes pageCoverOut{from{opacity:1}to{opacity:0}}
#intro{position:fixed;inset:0;z-index:9999;display:flex;background:transparent;width:100%}
#intro-left,#intro-right{overflow:hidden;position:absolute;top:calc(-1 * env(safe-area-inset-top,0px));bottom:calc(-1 * env(safe-area-inset-bottom,0px));transition:transform 1.1s cubic-bezier(0.77,0,0.18,1),opacity 0.5s ease 0.85s}
#intro-left{left:0;width:50%}
#intro-right{right:0;width:50%}
#intro.open #intro-left{transform:translateX(-100%);opacity:0}
#intro.open #intro-right{transform:translateX(100%);opacity:0}
#intro-left img,#intro-right img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;opacity:0;image-rendering:high-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#intro-left img.active,#intro-right img.active{opacity:1}
.intro-seam{display:none}
.intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10002;font-family:"Cormorant Garamond",serif;font-size:76px;font-weight:500;letter-spacing:0.14em;color:#FFFFFF;white-space:nowrap;opacity:0;transition:opacity 0.6s ease;text-align:center}
.intro-logo.visible{opacity:1}

/* CURTAIN */
#curtain{display:none}

/* SITE */
#site{opacity:1}
[id^="page-"]{position:relative;z-index:0}


/* NAV */
nav{background:var(--tan);display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-bottom:0.5px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:1000;flex-wrap:nowrap;transition:background 0.35s ease,border-color 0.35s ease}
body{padding-top:65px}
nav.menu-open{background:transparent !important;border-color:transparent !important;z-index:9999}
.nav-logo{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:400;letter-spacing:0.06em;color:var(--terra);text-decoration:none;flex-shrink:0}
.nav-links{display:flex;gap:clamp(10px,1.5vw,32px);list-style:none;align-items:center;flex-shrink:1;min-width:0}
.nav-links a{font-size:clamp(9px,1vw,11px);letter-spacing:0.1em;text-transform:uppercase;color:var(--terra);text-decoration:none;transition:color 0.3s,font-weight 0s;white-space:nowrap;font-weight:400}
.nav-links a:hover{font-weight:700}
.nav-links a.nav-active{color:var(--terra) !important;font-weight:900 !important}
.mm-link.nav-active{text-decoration:underline;text-underline-offset:6px}
.nav-social{display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0}
.nav-social a{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--terra);text-decoration:none;transition:color 0.3s}
.nav-social a:hover{color:var(--terra)}
.nav-divider{width:1px;height:14px;background:var(--border)}
.nav-contact{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--terra);text-decoration:none;border:0.5px solid var(--terra);padding:10px 22px;transition:all 0.3s;margin-left:8px;font-weight:400}
.nav-contact:hover{background:var(--terra);color:#fff}
#mobile-menu{position:fixed;inset:0;background:var(--tan);z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;visibility:hidden;transition:opacity 0.35s ease,visibility 0.35s ease}
#mobile-menu.is-open{opacity:1;visibility:visible}
.mm-link{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:300;color:var(--terra);text-decoration:none;transition:opacity 0.2s ease}
.mm-link:hover{opacity:0.55}
#ham-icon{display:flex;flex-direction:column;gap:5px;width:22px}
.ham-bar{display:block;width:22px;height:2px;background:var(--terra);transition:transform 0.3s ease,opacity 0.3s ease}
#ham-icon.is-open .ham-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
#ham-icon.is-open .ham-bar:nth-child(2){opacity:0}
#ham-icon.is-open .ham-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mm-close{position:absolute;top:18px;right:14px;background:none;border:none;cursor:pointer;font-size:22px;color:var(--terra);padding:8px;line-height:1}
.mm-social{color:var(--terra);transition:opacity 0.2s ease;display:flex;align-items:center}
.mm-social:hover{opacity:0.6}
.mm-divider{width:1px;height:22px;background:var(--terra)}
.mm-contact-link{font-size:11px;letter-spacing:0.08em;color:var(--ink-muted);text-decoration:none;transition:color 0.2s ease;display:block;text-align:center}
.mm-contact-link:hover{color:var(--terra)}
.about-social-btn{display:inline-block;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--terra);text-decoration:none;border:0.5px solid var(--terra);padding:10px 22px;transition:all 0.3s}
.about-social-btn:hover{background:var(--terra);color:#fff}

/* NAV DROPDOWN */
.nav-dropdown{position:relative;list-style:none}
.nav-dropdown-btn{font-size:clamp(9px,1vw,11px);letter-spacing:0.1em;text-transform:uppercase;color:var(--terra);text-decoration:none;transition:color 0.3s;white-space:nowrap;font-weight:400;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-top:2px}
.nav-dropdown-btn:hover{font-weight:700}
.nav-dropdown-btn.nav-active{font-weight:900 !important}
.nav-dropdown-btn svg{transition:transform 0.2s ease;transform:rotate(180deg)}
.nav-dropdown:hover .nav-dropdown-btn svg{transform:rotate(0deg)}
.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);background:var(--tan-card);border:0.5px solid var(--border);min-width:180px;display:flex;flex-direction:column;z-index:1100;box-shadow:0 8px 32px rgba(26,19,10,0.12);padding:6px 0;padding-top:12px;opacity:0;visibility:hidden;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease}
.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dropdown-menu a{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--terra);text-decoration:none;padding:13px 22px;transition:background 0.2s,padding-left 0.2s;white-space:nowrap;font-weight:400;display:block}
.nav-dropdown-menu a:hover{background:var(--tan-dark);font-weight:700;padding-left:28px}
.nav-dropdown-menu a.nav-active{font-weight:900}
/* Transparent dropdown only when nav is over the home/about hero */
nav.nav--over-hero .nav-dropdown-menu{background:transparent;border-color:transparent;box-shadow:none}
nav.nav--over-hero .nav-dropdown-menu a:hover{background:transparent}
/* Calculators sub-menu */
#mobile-menu-calc{position:fixed;inset:0;background:var(--tan);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;visibility:hidden;transition:opacity 0.35s ease,visibility 0.35s ease}
#mobile-menu-calc.is-open{opacity:1;visibility:visible}
.mm-calc-back{display:flex;align-items:center;gap:8px;position:absolute;top:22px;left:20px;background:none;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--terra);padding:4px;transition:opacity 0.2s}
.mm-calc-back:hover{opacity:0.6}

/* HEADER */
.portfolio-header{padding:48px 48px 80px;border-bottom:0.5px solid var(--border)}
.portfolio-label{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--terra);margin-bottom:32px}
.portfolio-headline{font-family:"Cormorant Garamond",serif;font-size:clamp(52px,7vw,90px);font-weight:300;line-height:1.0;letter-spacing:-0.01em;max-width:800px;color:var(--ink)}
.portfolio-headline em{font-style:italic;color:var(--terra)}

/* LISTINGS */
.listings{padding:0 0 120px}
.listing-item{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;border-bottom:0.5px solid var(--border);cursor:pointer;transition:background 0.4s;min-height:460px;overflow:hidden}
.listing-item:hover{background:rgba(160,82,45,0.04)}
.listing-item.reverse{direction:rtl}
.listing-item.reverse>*{direction:ltr}
.listing-img{overflow:hidden;background:var(--tan-dark);min-height:400px}
.listing-img div{width:100%;height:100%;min-height:400px;background-size:cover;background-position:center;transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);filter:brightness(0.92) saturate(0.9)}
.listing-item:hover .listing-img div{transform:scale(1.04)}
.listing-content{padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between;background:var(--tan-card)}
.listing-number{font-size:10px;letter-spacing:0.22em;color:var(--ink-muted);font-weight:400;margin-bottom:36px}
.listing-name{font-family:"Cormorant Garamond",serif;font-size:clamp(28px,3vw,46px);font-weight:300;line-height:1.1;margin-bottom:10px;color:var(--ink)}
.listing-tagline{font-family:"Cormorant Garamond",serif;font-size:clamp(17px,1.8vw,24px);font-style:italic;color:var(--terra);font-weight:300;margin-bottom:44px;line-height:1.3}
.listing-meta{display:flex;flex-direction:column;gap:11px}
.listing-meta-row{display:flex;align-items:baseline;gap:16px;font-size:12px}
.meta-label{color:var(--ink-mid);text-transform:uppercase;letter-spacing:0.12em;min-width:90px;font-size:10px}
.meta-value{color:var(--ink);font-weight:400;font-size:13px}
.listing-status{margin-top:36px;display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--terra)}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--terra);animation:pulse 2s ease-in-out infinite}
.status-dot.sold{background:var(--ink-muted);animation:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.25}}

/* FOOTER */
footer{border-top:0.5px solid var(--border);padding:64px 48px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;background:var(--tan-dark)}
.footer-brand{font-family:"Cormorant Garamond",serif;font-size:30px;font-weight:300;letter-spacing:0.06em;color:var(--ink);margin-bottom:16px}
.footer-tagline{font-size:11px;color:var(--ink-muted);line-height:1.85;max-width:240px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-muted);text-decoration:none;transition:color 0.3s}
.footer-links a:hover{color:var(--ink)}
.footer-contact p{font-size:11px;color:var(--ink-muted);letter-spacing:0.08em;line-height:2.2}
.footer-contact a{color:var(--terra);text-decoration:none;font-size:11px}
.footer-social{display:flex;gap:20px;margin-top:20px}
.footer-social a{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-muted);text-decoration:none;border-bottom:0.5px solid var(--border);padding-bottom:2px;transition:color 0.3s,border-color 0.3s}
.footer-social a:hover{color:var(--terra);border-color:var(--terra)}
.footer-bottom{padding:22px 48px;border-top:0.5px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;background:#0A0704}
.footer-bottom p{font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:0.1em}
.footer-bottom.footer-light{background:var(--tan-dark);border-top:0.5px solid var(--border)}
.footer-bottom.footer-light p{color:var(--ink-muted)}

@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.listing-item{animation:fadeUp 0.7s ease both}
.listing-item:nth-child(1){animation-delay:0.1s}
.listing-item:nth-child(2){animation-delay:0.25s}
.listing-item:nth-child(3){animation-delay:0.4s}

/* GUIDE PAGES */
.guide-header{padding:60px 48px 40px;border-bottom:0.5px solid var(--border)}
.guide-header .portfolio-headline{font-size:clamp(32px,4vw,56px)}
.guide-intro-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:40px 48px 36px;border-bottom:0.5px solid var(--border);align-items:start}
.guide-intro-p{border-left:0.5px solid var(--border);padding-left:20px}
.guide-intro-p p{font-size:11px;line-height:1.85;color:var(--ink-mid)}
.guide-intro p{font-size:12px;line-height:1.85;color:var(--ink-mid);margin-bottom:14px}
.guide-intro p:last-child{margin-bottom:0}
.guide-flow-section{padding:36px 48px 40px;border-bottom:0.5px solid var(--border);overflow-x:clip}
.guide-flow-label{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--terra);margin-bottom:28px;text-align:center}
/* DIAMOND FLOW */
.diamond-flow{display:flex;flex-direction:column;gap:0}
.diamond-row{display:flex;align-items:flex-start;gap:0;position:relative;margin-bottom:0}
.diamond-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}
.diamond-wrap{position:relative;width:44px;height:44px;margin:0 auto}
.diamond-shape{width:32px;height:32px;background:none;border:0.6px solid var(--ink);transform:rotate(45deg);position:absolute;top:6px;left:6px;transition:background 0.2s,border-color 0.2s,transform 0.25s,box-shadow 0.25s}
.diamond-step:hover .diamond-shape{background:var(--ink);border-color:var(--ink)}
.diamond-step.diamond-final:hover .diamond-shape{transform:rotate(45deg) scale(1.22);box-shadow:0 0 0 4px rgba(50,42,35,0.18)}
.diamond-step.diamond-final.tip-active .diamond-shape{transform:rotate(45deg) scale(1.22);box-shadow:0 0 0 4px rgba(50,42,35,0.18)}
@keyframes diamond-final-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.7)}}
.diamond-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;letter-spacing:0.14em;color:var(--ink);font-weight:400;z-index:2;transition:color 0.2s;pointer-events:none}
.diamond-step:hover .diamond-num{color:var(--tan)}
.diamond-label{font-size:11px;color:var(--ink);text-align:center;margin-top:8px;line-height:1.5;letter-spacing:0.03em;font-family:"Montserrat",sans-serif;padding:0 4px}
.diamond-connector{flex:1;height:0.5px;background:#A0968B;opacity:1;margin-top:22px;flex-shrink:1;margin-left:8px;margin-right:8px}
.diamond-step:last-child + .diamond-connector{display:none}
/* Tooltip */
.diamond-step .tip{
  position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);
  background:var(--ink);color:var(--tan);
  font-size:10px;line-height:1.6;letter-spacing:0.03em;
  padding:10px 14px;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity 0.2s;
  z-index:50;text-align:center;min-width:140px;max-width:200px;white-space:normal;
}
.diamond-step:hover .tip{opacity:1}
.diamond-step .tip::after{
  content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:5px solid transparent;border-top-color:var(--ink);
}
@media (max-width: 768px) {
  .diamond-step:hover .tip { opacity: 0 !important; }
  .diamond-step .tip::after { display: none !important; }
}
/* Row connector arrow */
.row-arrow{display:flex;justify-content:flex-end;padding:6px 48px 6px 0;opacity:0.3}
.guide-cta{padding:40px 48px;text-align:center;background:var(--tan-card)}
.guide-cta-label{font-family:"Cormorant Garamond",serif;font-size:28px;font-weight:300;font-style:italic;color:var(--terra)}

/* CONTACT FORM */
.contact-form-wrap{text-align:left}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.cf-field{display:flex;flex-direction:column;gap:6px}
.cf-label{font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-muted);font-family:"Montserrat",sans-serif}
.cf-input{background:var(--tan-card);border:0.5px solid var(--border);padding:12px 14px;font-size:12px;font-family:"Montserrat",sans-serif;font-weight:300;color:var(--ink);outline:none;border-radius:0;-webkit-appearance:none;transition:border-color 0.2s}
.cf-input:focus{border-color:var(--terra)}
.cf-textarea{min-height:100px;resize:vertical}
.cf-submit{margin-top:20px;font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;padding:14px 36px;border:0.5px solid var(--terra);background:transparent;color:var(--terra);cursor:pointer;transition:all 0.3s}
.cf-submit:hover{background:var(--terra);color:#fff}
.cf-thanks{text-align:center;padding:40px 0}
.cf-thanks-title{font-family:"Cormorant Garamond",serif;font-size:42px;font-weight:300;color:var(--ink);margin-bottom:12px}
.cf-thanks-sub{font-size:11px;letter-spacing:0.12em;color:var(--ink-muted)}



@media (max-width: 1060px) {
  .nav-social { display: none !important; }
}
@media (max-width: 900px) {
  nav { padding: 20px 28px !important; }
  .nav-links { gap: 16px !important; }
  .nav-links a { font-size: 9px !important; letter-spacing: 0.08em !important; }
}
@media (max-width: 640px) {
  .nav-links li:not(:first-child):not(:last-child) { display: none; }
  nav { padding: 16px 20px !important; }
}

@media (max-width: 768px) {

  /* ── NAV ── */
  nav { padding: 14px 20px !important; flex-wrap: nowrap; }
  body { padding-top: 52px !important; }
  .nav-logo { font-size: 20px !important; margin-right: 16px !important; }
  .nav-links { gap: 12px !important; }
  .nav-links a { font-size: 9px !important; letter-spacing: 0.06em !important; }
  .nav-social { display: none !important; }
  .nav-contact { font-size: 9px !important; padding: 6px 12px !important; }

  /* ── CREDENTIALS STRIP ── */
  #page-about [style*="grid-template-columns:repeat(4"] {
    grid-template-columns: 1fr 1fr !important;
  }
  #page-about [style*="grid-template-columns:repeat(4"] > div {
    border-right: none !important;
    border-bottom: 0.5px solid var(--border) !important;
    padding: 28px 24px !important;
  }

  /* ── PHILOSOPHY 3-COL ── */
  #page-about [style*="grid-template-columns:1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    padding: 48px 28px !important;
    gap: 32px !important;
  }

  /* ── SOCIALS CTA ── */
  #page-about > div:last-child {
    padding: 48px 28px !important;
  }
  #page-about > div:last-child > div {
    flex-direction: column !important;
    gap: 14px !important;
  }

  /* ── PORTFOLIO HEADER ── */
  .portfolio-header { padding: 32px 28px 48px !important; }

  /* ── BUYERS / SELLERS GUIDE ── */
  .guide-intro-row { grid-template-columns: 1fr !important; gap: 0 !important; padding: 32px 28px !important; }
  .guide-intro-p { border-left: none !important; padding-left: 0 !important; border-top: 0.5px solid var(--border) !important; padding-top: 20px !important; margin-top: 4px; }
  .guide-intro-p[style*="border-left:none"] { border-top: none !important; padding-top: 0 !important; }
  .guide-flow-section { padding: 28px 16px 32px !important; }
  .diamond-scroll-wrap { overflow: hidden; padding-top: 8px; padding-bottom: 12px; }
  .diamond-row { overflow: visible !important; flex-wrap: nowrap !important; gap: 0 !important; }
  .diamond-step { min-width: 52px; flex: 0 0 52px; position: relative; }
  .diamond-label { font-size: 7px !important; }
  .diamond-num { font-size: 9px !important; }
  .diamond-wrap { width: 34px !important; height: 34px !important; }
  .diamond-shape { width: 24px !important; height: 24px !important; top: 5px !important; left: 5px !important; }
  .diamond-step.tip-active .diamond-shape { background: var(--ink); border-color: var(--ink); }
  .diamond-step.tip-active .diamond-num { color: var(--tan); }
  .diamond-step.diamond-final.tip-active .diamond-shape { transform: rotate(45deg) !important; box-shadow: none !important; animation: diamond-final-pulse 1.3s ease-in-out infinite; }
  .l-arrow-wrap { display: none !important; }
  .guide-flow-section [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    padding: 32px 24px !important;
    gap: 28px !important;
  }
  .guide-flow-section [style*="border-left"] {
    border-left: none !important;
    border-top: 0.5px solid var(--border) !important;
    padding-left: 0 !important;
    padding-top: 20px !important;
  }

  /* ── SELLERS GUIDE (7 steps - needs tighter sizing) ── */
  #page-sellers .diamond-step { min-width: 40px !important; flex: 0 0 40px !important; }
  #page-sellers .diamond-wrap { width: 28px !important; height: 28px !important; }
  #page-sellers .diamond-shape { width: 20px !important; height: 20px !important; top: 4px !important; left: 4px !important; }
  #page-sellers .diamond-label { font-size: 6px !important; }
  #page-sellers .diamond-num { font-size: 8px !important; }
  #sellers-connector { height: 32px !important; }

  /* ── CONTACT ── */
  #page-contact [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  #page-contact [style*="border-right:0.5px"] {
    border-right: none !important;
    border-bottom: 0.5px solid var(--border) !important;
  }
  #page-contact section { padding: 40px 28px !important; }
  #page-contact [style*="padding:60px 48px"] {
    padding: 36px 28px !important;
  }

  /* ── FOOTER ── */
  footer { padding: 32px 28px !important; flex-direction: column !important; gap: 8px !important; text-align: center !important; }
}

@media (max-width: 600px) {
  #hamburger { display:block !important; }
  nav { padding-right: 12px !important; }
  nav > div:last-child { display:none !important; }
  .nav-links { display:none !important; }
  .nav-social { display:none !important; }
  .nav-contact { display:none !important; }
}

@media (max-width: 768px) {
  #intro { height: 100vh; height: -webkit-fill-available; height: 100dvh; width: 100vw; }
  #intro-left img, #intro-right img { height: 100%; min-height: 100%; }
}

/* ── ABOUT: CINEMATIC HERO ── */
.about-hero{position:relative;height:100vh;margin-top:-65px;background:url('../images/skyline.jpg') center 50%/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}
.about-hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0.0) 38%,rgba(10,7,4,0.65) 74%,rgba(10,7,4,0.96) 100%)}
.about-hero-content{position:relative;z-index:2;padding:0 72px 72px;display:flex;align-items:flex-end;justify-content:space-between}
.about-hero-eyebrow{font-size:9px;letter-spacing:0.26em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:18px}
.about-hero-hed{font-family:"Cormorant Garamond",serif;font-size:clamp(52px,7vw,100px);font-weight:300;line-height:0.95;color:#fff;letter-spacing:-0.01em}
.about-hero-hed em{font-style:italic;color:#D4906A}
.about-hero-cta{display:inline-block;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:#fff;border:0.5px solid rgba(255,255,255,0.45);padding:12px 28px;text-decoration:none;transition:background 0.3s;flex-shrink:0;align-self:flex-end;margin-bottom:6px}
.about-hero-cta:hover{background:rgba(255,255,255,0.12)}
.about-hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:8px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(255,255,255,0.85);animation:heroScrollBob 2.6s ease-in-out infinite}
.about-hero-scroll-line{width:1px;height:34px;background:rgba(255,255,255,0.65)}
@keyframes heroScrollBob{0%,100%{transform:translateX(-50%) translateY(0);opacity:0.35}50%{transform:translateX(-50%) translateY(7px);opacity:0.65}}

/* ── NAV: TRANSPARENT OVER HERO ── */
nav.nav--over-hero{background:transparent !important;border-color:transparent !important}
nav.nav--over-hero .nav-logo{color:rgba(255,255,255,0.92) !important}
nav.nav--over-hero .nav-links a,nav.nav--over-hero .nav-dropdown-btn{color:rgba(255,255,255,0.72) !important}
nav.nav--over-hero .nav-social a{color:rgba(255,255,255,0.55) !important}
nav.nav--over-hero .nav-divider{background:rgba(255,255,255,0.22) !important}
nav.nav--over-hero .nav-contact{color:#fff !important;border-color:rgba(255,255,255,0.42) !important}
nav.nav--over-hero .ham-bar{background:#fff !important}

/* ── ABOUT: BIO SECTION ── */
.about-bio{display:grid;grid-template-columns:1fr 1fr;border-bottom:0.5px solid var(--border)}
.about-bio-photo{position:relative;overflow:hidden;min-height:560px;background:var(--tan-dark)}
.about-bio-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.about-bio-text{padding:80px 64px;display:flex;flex-direction:column;justify-content:center;background:var(--tan-card)}
.about-bio-label{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--terra);margin-bottom:20px}
.about-bio-name{font-family:"Cormorant Garamond",serif;font-size:clamp(40px,4vw,64px);font-weight:300;color:var(--ink);line-height:1.0;margin-bottom:32px}
.about-bio-name em{font-style:italic;color:var(--terra)}
.about-bio-copy{font-size:13px;line-height:1.95;color:var(--ink-mid);margin-bottom:16px;max-width:460px}

@media(max-width:768px){
  .about-hero{margin-top:-52px !important}
  .about-hero-content{padding:0 28px 56px !important;flex-direction:column;align-items:flex-start;gap:28px}
  .about-hero-cta{align-self:flex-start;margin-bottom:0}
  .about-bio{grid-template-columns:1fr !important}
  .about-bio-photo{min-height:72vw !important}
  .about-bio-text{padding:40px 28px !important}
}

/* PROPERTY TAX CALCULATOR PAGE */
.ptax-fy-toggle { display:flex; gap:0; margin-bottom:28px; }
.ptax-fy-btn { flex:1; font-family:"Montserrat",sans-serif; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--terra); background:transparent; border:0.5px solid var(--terra); padding:10px 16px; cursor:pointer; transition:all 0.2s; font-weight:300; }
.ptax-fy-btn:first-child { border-right:none; }
.ptax-fy-btn.active { background:var(--terra); color:#fff; }
.ptax-fy-btn:hover:not(.active) { background:rgba(160,82,45,0.08); }
.ptax-toggle-group { display:flex; flex-direction:column; gap:6px; margin-bottom:28px; }
.ptax-toggle-btn { display:flex; align-items:flex-start; gap:12px; padding:12px 14px; border:0.5px solid var(--border); background:var(--tan); color:var(--ink-muted); font-family:"Montserrat",sans-serif; font-size:11px; cursor:pointer; transition:all 0.15s; text-align:left; }
.ptax-toggle-btn:hover { border-color:var(--terra); color:var(--ink); }
.ptax-toggle-btn.active { background:var(--ink); border-color:var(--ink); color:#fff; }
.ptax-toggle-btn .ptax-check { width:14px; height:14px; border-radius:50%; border:1px solid currentColor; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:9px; margin-top:1px; }
.ptax-toggle-btn.active .ptax-check { background:var(--terra); border-color:var(--terra); }
.ptax-btn-sub { font-size:9px; opacity:0.7; margin-top:3px; display:block; letter-spacing:0.04em; }
.ptax-result-block { padding:20px; background:var(--tan-dark); border:0.5px solid var(--border); margin-bottom:16px; }
.ptax-result-label { font-size:9px; letter-spacing:0.18em; text-transform:uppercase; color:var(--terra); margin-bottom:8px; }
.ptax-result-value { font-family:"Cormorant Garamond",serif; font-size:clamp(32px,3vw,48px); font-weight:300; color:var(--ink); line-height:1.0; }
.ptax-result-sub { font-size:10px; color:var(--ink-muted); margin-top:6px; letter-spacing:0.04em; }
.ptax-abatement-banner { padding:14px 16px; background:rgba(160,82,45,0.06); border-left:2px solid var(--terra); margin-bottom:16px; }
.ptax-abatement-banner p { font-size:10px; color:var(--terra); letter-spacing:0.06em; line-height:1.7; }
.ptax-cri-tip { position:relative; display:inline-block; margin-left:5px; vertical-align:middle; }
.ptax-cri-icon { display:inline-flex; align-items:center; justify-content:center; width:13px; height:13px; border-radius:50%; border:1px solid currentColor; font-size:8px; cursor:default; opacity:0.6; font-style:normal; }
.ptax-cri-body { display:none; position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:var(--ink); color:var(--tan); font-size:10px; line-height:1.7; letter-spacing:0.02em; padding:14px 16px; min-width:260px; z-index:200; text-align:left; font-style:normal; font-weight:300; }
.ptax-cri-body strong { font-weight:500; color:#fff; }
.ptax-cri-body::after { content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:5px solid transparent; border-top-color:var(--ink); }
.ptax-cri-tip:hover .ptax-cri-body { display:block; }
.ptax-math-row { display:flex; justify-content:space-between; align-items:baseline; padding:8px 0; border-bottom:0.5px solid var(--border); font-size:11px; }
.ptax-math-row:last-child { border-bottom:none; font-weight:400; }
.ptax-math-lbl { color:var(--ink-mid); letter-spacing:0.04em; }
.ptax-math-val { color:var(--ink); font-weight:400; }
.ptax-quarterly { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:16px; }
.ptax-q { background:var(--tan-card); border:0.5px solid var(--border); padding:10px 6px; text-align:center; }
.ptax-q-date { font-size:9px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-muted); margin-bottom:4px; }
.ptax-q-amt { font-family:"Cormorant Garamond",serif; font-size:18px; font-weight:300; color:var(--ink); }
.ptax-cap-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.ptax-cap-box { padding:14px 16px; border:0.5px solid var(--border); }
.ptax-cap-label { font-size:9px; letter-spacing:0.16em; text-transform:uppercase; margin-bottom:6px; }
.ptax-cap-box.blocked .ptax-cap-label { color:var(--ink-muted); }
.ptax-cap-box.allowed .ptax-cap-label { color:var(--terra); }
.ptax-cap-val { font-family:"Cormorant Garamond",serif; font-size:24px; font-weight:300; }
.ptax-cap-box.blocked .ptax-cap-val { color:var(--ink-muted); text-decoration:line-through; }
.ptax-cap-box.allowed .ptax-cap-val { color:var(--ink); }
.ptax-cap-sub { font-size:9px; color:var(--ink-muted); margin-top:4px; line-height:1.6; letter-spacing:0.03em; }
.ptax-chart-wrap { position:relative; width:100%; height:220px; margin-top:12px; }
.ptax-section-hdr { font-size:9px; letter-spacing:0.22em; text-transform:uppercase; font-weight:600; color:var(--terra); margin:24px 0 14px; padding-bottom:8px; border-bottom:0.5px solid var(--border); }
.ptax-section-hdr:first-child { margin-top:0; }
.ptax-value-input-wrap { position:relative; margin-bottom:10px; }
.ptax-dollar-prefix { position:absolute; left:0; top:0; bottom:0; display:flex; align-items:center; background:var(--tan-dark); border:0.5px solid var(--border); border-right:none; padding:0 14px; font-size:12px; font-family:"Montserrat",sans-serif; font-weight:300; color:var(--ink-muted); }
.ptax-market-input { width:100%; padding:12px 14px 12px 52px; background:var(--tan-card); border:0.5px solid var(--border); font-family:"Montserrat",sans-serif; font-size:14px; font-weight:400; color:var(--ink); outline:none; transition:border-color 0.2s; -webkit-appearance:none; border-radius:0; }
.ptax-market-input:focus { border-color:var(--terra); }
input[type=range].ptax-slider { -webkit-appearance:none; width:100%; height:2px; background:var(--border); outline:none; cursor:pointer; margin:10px 0 4px; }
input[type=range].ptax-slider::-webkit-slider-thumb { -webkit-appearance:none; width:16px; height:16px; border-radius:50%; background:var(--ink); border:2px solid var(--tan); cursor:pointer; }
input[type=range].ptax-slider::-moz-range-thumb { width:16px; height:16px; border-radius:50%; background:var(--ink); border:2px solid var(--tan); cursor:pointer; }
.ptax-slider-labels { display:flex; justify-content:space-between; font-size:9px; color:var(--ink-muted); letter-spacing:0.06em; }
@media(max-width:768px) {
  .ptax-cap-grid { grid-template-columns:1fr; }
  .ptax-quarterly { grid-template-columns:repeat(2,1fr); }
}
/* AV PHASE-IN PROJECTOR */
.phasein-wrap { border-top:0.5px solid var(--border); }
.phasein-toggle-group { display:flex; gap:0; }
.phasein-toggle-btn { flex:1; font-family:"Montserrat",sans-serif; font-size:9px; letter-spacing:0.1em; text-transform:uppercase; color:var(--terra); background:transparent; border:0.5px solid var(--terra); padding:9px 6px; cursor:pointer; transition:all 0.2s; font-weight:300; text-align:center; line-height:1.4; }
.phasein-toggle-btn + .phasein-toggle-btn { border-left:none; }
.phasein-toggle-btn.active { background:var(--terra); color:#fff; }
.phasein-toggle-btn:hover:not(.active) { background:rgba(160,82,45,0.08); }
.phasein-inputs { display:grid; grid-template-columns:repeat(6,1fr); gap:0; border-bottom:0.5px solid var(--border); align-items:start; }
.phasein-scenario-btn { font-family:"Montserrat",sans-serif; font-size:9px; letter-spacing:0.1em; text-transform:uppercase; color:var(--terra); background:transparent; border:0.5px solid var(--terra); padding:5px 8px; cursor:pointer; transition:all 0.15s; font-weight:300; }
.phasein-scenario-btn.active { background:var(--terra); color:#fff; }
.phasein-scenario-btn:hover:not(.active) { background:rgba(160,82,45,0.08); }
.phasein-input-cell { padding:28px 32px; border-right:0.5px solid var(--border); }
.phasein-input-cell:last-child { border-right:none; }
.phasein-label { font-size:9px; letter-spacing:0.18em; text-transform:uppercase; font-weight:600; color:var(--terra); margin-bottom:8px; display:block; }
.phasein-table-wrap { padding:0 48px 48px; overflow-x:auto; }
.phasein-table { width:100%; border-collapse:collapse; margin-top:32px; }
.phasein-table th { font-size:9px; letter-spacing:0.16em; text-transform:uppercase; color:var(--terra); font-weight:400; padding:10px 16px; border-bottom:0.5px solid var(--border); text-align:right; white-space:nowrap; }
.phasein-table th:first-child { text-align:left; }
.phasein-table td { font-size:11px; color:var(--ink-mid); padding:10px 16px; border-bottom:0.5px solid var(--border); text-align:right; white-space:nowrap; }
.phasein-table td:first-child { text-align:left; color:var(--ink); font-weight:400; }
.phasein-table tr:last-child td { border-bottom:none; }
.phasein-table tr.phasein-full td { background:rgba(160,82,45,0.06); color:var(--ink); font-weight:400; }
.phasein-table tr.phasein-full td:first-child { color:var(--terra); }
.phasein-table tr.phasein-current td { background:var(--tan-card); }
.phasein-table tr.phasein-current td:first-child { color:var(--ink); }
.phasein-abate-note { font-size:10px; color:var(--terra); background:rgba(160,82,45,0.06); border-left:2px solid var(--terra); padding:10px 14px; margin-bottom:24px; line-height:1.7; }
@media(max-width:1100px) {
  .phasein-inputs { grid-template-columns:1fr 1fr 1fr; }
  .phasein-input-cell:nth-child(3) { border-right:none; }
  .phasein-input-cell:nth-child(4),
  .phasein-input-cell:nth-child(5),
  .phasein-input-cell:nth-child(6) { border-top:0.5px solid var(--border); }
  .phasein-table-wrap { padding:0 24px 40px; }
}
@media(max-width:700px) {
  .phasein-inputs { grid-template-columns:1fr 1fr; }
  .phasein-input-cell:nth-child(even) { border-right:none; }
  .phasein-input-cell:nth-child(n+3) { border-top:0.5px solid var(--border); }
}
@media(max-width:600px) {
  .phasein-inputs { grid-template-columns:1fr; }
  .phasein-input-cell { border-right:none !important; border-bottom:0.5px solid var(--border); }
}

.cc-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  min-height: calc(100vh - 65px);
  border-bottom: 0.5px solid var(--border);
}
.cc-inputs {
  padding: 48px 48px 64px;
  border-right: 0.5px solid var(--border);
  position: sticky;
  top: 75px;
  align-self: start;
}
.cc-results {
  padding: 48px 48px 64px;
  background: var(--tan-card);
}
.cc-toggle-group {
  display: flex;
  gap: 0;
}
.cc-toggle-btn {
  flex: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--terra);
  background: transparent;
  border: 0.5px solid var(--terra);
  padding: 10px 16px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 300;
}
.cc-toggle-btn:first-child {
  border-right: none;
}
.cc-toggle-btn.active {
  background: var(--terra);
  color: #fff;
}
.cc-toggle-btn:hover:not(.active) {
  background: rgba(160,82,45,0.08);
}
.cc-input-group {
  margin-bottom: 28px;
}
.cc-input-group:last-child {
  margin-bottom: 0;
}
.cc-prefix-wrap {
  display: flex;
  align-items: stretch;
}
.cc-prefix {
  background: var(--tan-dark);
  border: 0.5px solid var(--border);
  border-right: none;
  padding: 12px 14px;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: var(--ink-muted);
  display: flex;
  align-items: center;
  line-height: 1;
}
.cc-prefix-wrap .cf-input {
  flex: 1;
  border-left: none;
}
.cc-category-header {
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--terra);
  margin: 24px 0 10px;
  padding-bottom: 6px;
  border-bottom: 0.5px solid var(--border);
}
.cc-category-header:first-child {
  margin-top: 0;
}
.cc-line {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 11px;
  color: var(--ink-mid);
  line-height: 1.85;
  gap: 8px;
}
.cc-line-name {
  flex: 1;
  min-width: 0;
}
.cc-assume-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--terra);
  cursor: pointer;
  user-select: none;
  font-weight: 400;
  vertical-align: middle;
}
.cc-assume-toggle input[type="checkbox"] {
  width: 12px;
  height: 12px;
  margin: 0;
  accent-color: var(--terra);
  cursor: pointer;
}
.cc-line-name .cc-note {
  font-size: 9px;
  color: var(--ink-muted);
  font-style: italic;
  letter-spacing: 0.04em;
}
.cc-line-amount {
  white-space: nowrap;
  color: var(--ink);
  font-weight: 400;
  font-size: 11px;
  text-align: right;
  flex-shrink: 0;
}
.cc-total-row {
  margin-top: 28px;
  padding: 16px;
  border-top: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
}
.cc-total-label {
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-mid);
  font-family: "Montserrat", sans-serif;
}
.cc-total-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.cc-total-amount {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  font-weight: 300;
  color: var(--ink);
  text-align: right;
}
.cc-total-pct {
  font-size: 10px;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
  font-family: "Montserrat", sans-serif;
  text-align: right;
}
.cc-disclaimer {
  margin-top: 20px;
  font-size: 9px;
  color: var(--ink-muted);
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-style: italic;
}
.cc-empty-state {
  color: var(--ink-muted);
  font-size: 12px;
  font-style: italic;
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  margin-top: 8px;
  line-height: 1.6;
}
.cc-editable-wrap { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
.cc-editable { font-family:"Montserrat",sans-serif; font-size:12px; font-weight:300; color:var(--ink); background:transparent; border:none; border-bottom:0.5px solid var(--border); text-align:right; width:130px; padding:2px 4px; letter-spacing:0.02em; outline:none; }
.cc-editable:focus { border-bottom-color:var(--terra); }
.cc-hint { font-size:9px; color:var(--ink-muted); letter-spacing:0.04em; }

/* CONCEPT 02 — Segmented + Hero Price + Down-payment reveal */
.cc-seg-row {
  display: flex;
  gap: 18px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.cc-seg-row .cc-input-group {
  margin-bottom: 0;
  min-width: 140px;
  flex: 1;
}
.cc-hero-price-wrap {
  margin-bottom: 28px;
}
.cc-hero-price-label {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--terra);
  display: block;
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
}
.cc-hero-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  border-bottom: 0.5px solid var(--terra);
  padding-bottom: 8px;
}
.cc-hero-currency {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 4vw, 42px);
  color: var(--terra);
  font-weight: 300;
  line-height: 1;
}
.cc-hero-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(34px, 5vw, 52px);
  color: var(--ink);
  font-weight: 300;
  letter-spacing: -0.01em;
  outline: none;
  padding: 0;
  line-height: 1.05;
  width: 100%;
}
.cc-hero-input::placeholder { color: var(--ink-muted); opacity: 0.4; }
.cc-down-wrap {
  border: 0.5px solid var(--border);
  background: var(--tan);
  padding: 20px 22px;
}
.cc-down-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.cc-loan-readout-row {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 0.5px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.cc-loan-readout {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: var(--terra);
  font-weight: 300;
  letter-spacing: -0.005em;
}

/* Compact grid for Monthly Payment inputs */
.pc-compact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  margin-top: 4px;
}
.pc-compact-grid > div { margin-bottom: 0; }
.pc-grid-full { grid-column: 1 / span 2; }
.pc-loan-banner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 12px 16px;
  background: var(--tan);
  border: 0.5px solid var(--border);
  margin-top: 2px;
}
.pc-pmi-banner {
  padding: 12px 16px;
  background: rgba(160,82,45,0.08);
  border: 0.5px solid rgba(160,82,45,0.3);
  font-size: 10px;
  color: var(--terra);
  letter-spacing: 0.04em;
  line-height: 1.6;
  display: none; /* JS toggles this to flex */
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.pc-pmi-banner.is-on { display: flex; }
.pc-pmi-text { flex: 1; min-width: 220px; }
.pc-pmi-text .pc-pmi-reason {
  display: block;
  margin-top: 2px;
  opacity: 0.78;
  font-style: italic;
}
.pc-pmi-edit {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.pc-pmi-edit-label {
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--terra);
  font-weight: 400;
}
.pc-pmi-edit .cc-prefix-wrap { width: 92px; }
.pc-pmi-edit .cf-input {
  padding: 6px 8px;
  font-size: 11px;
}
.pc-pmi-edit .cc-prefix {
  padding: 6px 10px;
  font-size: 11px;
}
.cf-label .meta {
  text-transform: none;
  letter-spacing: 0.06em;
  color: var(--ink-muted);
  font-size: 9px;
  font-weight: 300;
}

@media (max-width: 900px) {
  .cc-layout {
    grid-template-columns: 1fr !important;
  }
  .cc-inputs {
    position: static !important;
    border-right: none !important;
    border-bottom: 0.5px solid var(--border) !important;
    padding: 36px 24px 48px !important;
  }
  .cc-results {
    padding: 36px 24px 48px !important;
  }
  .cc-seg-row { gap: 14px; }
  .cc-down-grid { grid-template-columns: 1fr; }
  .pc-compact-grid { grid-template-columns: 1fr; }
  .pc-grid-full { grid-column: 1; }
}

/* COLLECTION VIEWER */
.coll-selector-wrap{border-bottom:0.5px solid var(--border);overflow:hidden}
.coll-selector{display:flex;overflow-x:auto;scrollbar-width:none}
.coll-selector::-webkit-scrollbar{display:none}
.coll-tab{flex-shrink:0;padding:18px 28px;font-family:"Montserrat",sans-serif;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-muted);background:none;border:none;border-right:0.5px solid var(--border);border-bottom:2px solid transparent;cursor:pointer;transition:color 0.2s,border-bottom-color 0.2s;margin-bottom:-1px;text-align:left;line-height:1}
.coll-tab:hover{color:var(--ink)}
.coll-tab.active{color:var(--terra);border-bottom-color:var(--terra)}
.coll-tab-badge{font-size:8px;letter-spacing:0.1em;text-transform:uppercase;color:var(--terra);display:block;margin-top:5px;font-weight:300}
.coll-tab.coming .coll-tab-badge{color:var(--ink-muted);opacity:0.55}
.coll-viewer{border-bottom:0.5px solid var(--border)}
.coll-viewer-header{padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:0.5px solid var(--border);background:var(--tan)}
.coll-viewer-meta{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.coll-viewer-name{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:300;color:var(--ink);letter-spacing:0.01em}
.coll-viewer-range{font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-muted)}
.coll-open-link{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--terra);text-decoration:none;transition:opacity 0.2s;flex-shrink:0;white-space:nowrap}
.coll-open-link:hover{opacity:0.65}
.coll-coming-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 48px;min-height:360px;background:var(--tan-card)}

@media(max-width:768px){
  .coll-tab{padding:14px 18px;font-size:9px}
  .coll-viewer-header{padding:16px 20px}
  .coll-coming-state{padding:60px 28px;min-height:280px}
}
@media(max-width:540px){
  .coll-bottom-right{border-right:none !important;border-bottom:0.5px solid var(--border) !important}
}