:root{
  --ink:#18202a;
  --paper:#f4f0e8;
  --card:#faf8f3;
  --line:#ded8ce;
  --copper:#9b6348;
  --sage:#6d7969;
  --muted:#666d70;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:20px 2.4vw;background:rgba(244,240,232,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-main{font:600 25px/1 "DM Sans",sans-serif;letter-spacing:-1.3px}
.brand-main span{color:var(--copper);padding:0 5px}
.brand small{margin-top:7px;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}
nav{display:flex;gap:30px;align-items:center;font-size:13px}
nav a{padding:8px 0}
.nav-cta{border-bottom:1px solid currentColor}
.hero{min-height:84vh;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.45fr);gap:5vw;align-items:center;padding:11vh 3.4vw 10vh}
.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:10px;color:var(--sage);font-weight:600;margin:0 0 20px}
h1,h2,h3{margin:0}
h1{font-family:"Playfair Display",serif;font-size:clamp(54px,6.2vw,98px);line-height:.94;font-weight:500;letter-spacing:-.055em;max-width:1100px}
h1 span{display:inline-block}
h1 em{display:inline-block;color:var(--copper);font-weight:500}
h2{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,72px);line-height:1;font-weight:500;letter-spacing:-.045em}
.hero-statement{font-family:"Playfair Display",serif;font-size:clamp(23px,2vw,31px);line-height:1.3;margin:34px 0 14px}
.hero-text{font-size:17px;line-height:1.75;max-width:760px;color:#565e63;margin:0 0 34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;border:1px solid var(--ink);font-size:13px;font-weight:600;cursor:pointer}
.button.primary{background:var(--ink);color:var(--white)}
.button.secondary{background:transparent}
.hero-feature{padding:28px 0 26px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);min-height:390px;display:flex;flex-direction:column;justify-content:center}
.feature-head{display:flex;justify-content:space-between;gap:20px;align-items:center}
.hero-number,.hero-category{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--sage);margin:0}
.carousel-controls{display:flex;gap:6px}
.carousel-controls button{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.carousel-panel{transition:opacity 1s ease-in-out,transform 1s ease-in-out}
.carousel-panel.is-changing{opacity:0;transform:translateY(7px)}
.hero-category{margin-top:48px}
.hero-feature h2{font-size:clamp(25px,2.65vw,42px);line-height:1.05;white-space:nowrap;overflow-wrap:normal;word-break:normal;margin:14px 0 20px}
.hero-feature #carousel-description{line-height:1.7;color:var(--muted);margin:0 0 27px}
.afternic-link,.inquiry-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}
.carousel-dots{display:flex;gap:7px;margin-top:28px}
.carousel-dots button{width:28px;height:2px;padding:0;border:0;background:var(--line);cursor:pointer}
.carousel-dots button.active{background:var(--copper)}
.overview{display:grid;grid-template-columns:1.05fr .8fr 1fr;gap:6vw;align-items:end;padding:10vh 3.4vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.overview h2{font-size:clamp(40px,4.5vw,66px)}
.overview>p{line-height:1.75;color:var(--muted);margin:0}
.overview-list{display:flex;flex-wrap:wrap;gap:9px}
.overview-list span{border:1px solid var(--line);padding:10px 12px;font-size:11px}
.portfolio-section{padding:12vh 0 3vh}
.section-heading{display:grid;grid-template-columns:1.15fr .65fr;gap:10vw;align-items:end;padding:0 3.4vw 50px}
.section-heading>p{line-height:1.7;color:var(--muted);margin:0}
.filters{display:flex;gap:9px;flex-wrap:wrap;padding:0 3.4vw 28px}
.filter{border:1px solid var(--line);background:transparent;padding:10px 14px;font-size:11px;cursor:pointer}
.filter.active{background:var(--ink);color:var(--white);border-color:var(--ink)}
.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.domain-card{position:relative;background:var(--card);padding:34px;min-height:300px;display:flex;flex-direction:column;transition:background .35s ease}
.domain-card:hover{background:var(--white)}
.domain-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.domain-meta,.available{font-size:9px;text-transform:uppercase;letter-spacing:1.55px;color:var(--sage)}
.available{color:var(--copper)}
.domain-card h3{font-family:"Playfair Display",serif;font-size:clamp(29px,2.6vw,41px);line-height:1.03;font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere;margin:34px 0 16px}
.domain-card p{line-height:1.65;color:var(--muted);margin:0 0 30px;font-size:13px}
.domain-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:auto}
.domain-actions a{font-size:11px;font-weight:600}
.domain-actions .inquiry-link{border:0;padding:0;color:var(--muted)}
.hidden-card{display:none}
.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:14vh 3.4vw;background:var(--ink);color:var(--white)}
.eyebrow.light{color:#aeb7ac}
.about-copy p{font-size:17px;line-height:1.85;color:#d1d4d3;margin:0 0 22px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:13vh 3.4vw}
.contact>div>p:last-child{line-height:1.7;color:var(--muted);max-width:500px}
form{display:grid;gap:19px}
label{display:grid;gap:8px;font-size:11px;font-weight:600}
input,textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0;color:var(--ink);outline:none}
input:focus,textarea:focus{border-color:var(--copper)}
textarea{resize:vertical}
form .button{justify-self:start}
.form-note{font-size:10px;color:var(--muted);line-height:1.5}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px;padding:35px 3.4vw;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
footer p:last-child{text-align:right}
@media(max-width:1050px){
  .hero-feature h2{font-size:clamp(28px,5vw,42px);white-space:normal;overflow-wrap:anywhere}
  .hero,.overview,.section-heading,.about,.contact{grid-template-columns:1fr}
  .hero{min-height:auto;padding-top:9vh}
  .hero-feature{margin-top:3vh;min-height:340px}
  .domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .site-header{padding:18px 22px}
  nav a:not(.nav-cta){display:none}
  .hero,.overview,.about,.contact{padding-left:22px;padding-right:22px}
  .section-heading,.filters{padding-left:22px;padding-right:22px}
  .hero{padding-top:7vh;gap:40px}
  .hero-copy{max-width:100%}
  h1{font-size:clamp(40px,11vw,56px);line-height:.98;letter-spacing:-.04em}
  h1 .line1,h1 .line2{display:block;white-space:normal}
  .hero-statement{font-size:22px;margin-top:28px}
  .hero-buttons{margin-top:30px}
  .hero-feature{margin-top:8px;min-height:300px}
  .domain-grid{grid-template-columns:1fr}
  .domain-card{min-height:260px;padding:27px 22px}
  .domain-actions{align-items:flex-end}
  footer{grid-template-columns:1fr;align-items:start;padding-left:22px;padding-right:22px}
  footer p:last-child{text-align:left}
}


@media(min-width:1051px){
.hero-copy{max-width:none}
h1 .line1,h1 .line2{white-space:nowrap;display:inline-block}
}


@media (max-width:1550px) and (min-width:1051px){
  .hero{
    grid-template-columns:1.3fr .7fr;
    gap:4vw;
  }
  h1{
    font-size:clamp(60px,5vw,84px);
  }
  h1 .line1,
  h1 .line2{
    white-space:normal;
  }
}

.explore-link{display:inline-flex;align-items:center;margin-left:18px;font-size:12px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}
/* V6.3 — unified portfolio-card action baseline */
.domain-actions{position:relative;padding-bottom:18px;align-items:flex-end}
.domain-actions::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink)}
.domain-actions .afternic-link,.domain-actions .inquiry-link{border-bottom:0;padding-bottom:0}
.domain-card>.explore-link{position:absolute;left:34px;bottom:18px;margin:0;border:0;padding:0;font-size:11px;font-weight:600}
.domain-card:has(>.explore-link) .domain-actions .inquiry-link{visibility:hidden}
@media(max-width:700px){.domain-card>.explore-link{left:22px}}

/* V6.6 — equal-weight responsive card actions */
.domain-card:has(>.explore-link) .domain-actions{padding-bottom:18px;}
.domain-card:has(>.explore-link)>.explore-link{bottom:36px;left:34px;font-size:11px;font-weight:600;}
.domain-card:has(>.explore-link) .domain-actions .afternic-link{margin-left:auto;}
@media(max-width:700px){
  .domain-card:has(>.explore-link)>.explore-link{left:22px;bottom:36px;}
  .domain-card:has(>.explore-link) .domain-actions{gap:12px;}
  .domain-card:has(>.explore-link)>.explore-link,.domain-card:has(>.explore-link) .domain-actions .afternic-link{font-size:10px;}
}

/* V6.7 — globally locked equal-value card actions */
.domain-card:has(>.explore-link) .domain-actions{
  position:absolute;
  left:34px;
  right:34px;
  bottom:24px;
  margin:0;
  padding:0 0 10px;
  border-bottom:1px solid var(--ink);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.domain-card:has(>.explore-link)>.explore-link{
  position:absolute;
  left:34px;
  bottom:35px;
  z-index:2;
  margin:0;
  padding:0;
  font-size:13px;
  line-height:1;
  font-weight:600;
  border:0;
}
.domain-card:has(>.explore-link) .domain-actions .afternic-link{
  margin-left:auto;
  padding:0;
  border:0;
  font-size:13px;
  line-height:1;
  font-weight:600;
}
@media(max-width:700px){
  .domain-card:has(>.explore-link) .domain-actions{left:22px;right:22px;bottom:20px;padding-bottom:9px;gap:10px;}
  .domain-card:has(>.explore-link)>.explore-link{left:22px;bottom:31px;font-size:12px;white-space:nowrap;}
  .domain-card:has(>.explore-link) .domain-actions .afternic-link{font-size:12px;white-space:nowrap;}
}
@media(max-width:390px){
  .domain-card:has(>.explore-link)>.explore-link,
  .domain-card:has(>.explore-link) .domain-actions .afternic-link{font-size:11px;}
}