/* The artwork and headline share a bounded stage: no empty metadata rows. */
.hero{padding-top:0}
.hero-layout{grid-template-columns:1.12fr 1fr;gap:24px;min-height:0;padding:32px 0 26px;align-items:center}
.hero h1{font-size:clamp(66px,7.55vw,116px)}
.hero-description{font-size:clamp(18px,1.4vw,21px);margin-top:24px}
.hero-jump{margin-top:23px;font-size:14px}
.hero-footnote{padding-bottom:24px;margin-top:0}
.sculpture-scene{position:relative;width:100%;height:clamp(420px,38vw,610px);isolation:isolate;animation:hero-reveal 1.3s var(--ease) both}
.sculpture-canvas,.sculpture-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.sculpture-canvas{opacity:0;transition:opacity .5s}
.sculpture-fallback{transition:opacity .5s}
.sculpture-ready .sculpture-canvas{opacity:1}
.sculpture-ready .sculpture-fallback{opacity:0}
.sculpture-light{position:absolute;inset:9% -4% 3%;z-index:-1;background:radial-gradient(ellipse at 54% 50%,#e6e3db7a,transparent 66%)}
.sculpture-shadow{position:absolute;width:50%;height:7%;left:27%;bottom:9%;z-index:-1;background:radial-gradient(ellipse,#292b222b,transparent 70%);filter:blur(10px);transform:rotate(-8deg)}
.sculpture-scene .note-one{top:4%;right:0;transform:rotate(5deg);font-size:14px;padding:12px 16px;animation:none;box-shadow:0 7px 20px #11120f05}
.sculpture-scene .note-two{left:3%;bottom:5%;transform:rotate(-7deg);font-size:14px;padding:14px 40px 17px 20px;box-shadow:0 12px 32px #4f132212}
.sculpture-scene .note-two em{font-size:27px}
/* Two fixed icon cells keep the check and cross aligned at every text size. */
.note-row{display:flex;align-items:center}
.note-row+.note-row{margin-top:4px}
.note-symbol{display:inline-flex;align-items:center;justify-content:center;width:24px;flex:0 0 24px;margin-right:10px}
.note-cross{font-size:22px;line-height:24px}


/* Keep the title, shortlist action, divider, and work in one composition. */
.results{padding-top:52px}
.results-heading{display:flex;align-items:center;gap:32px;padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.results-heading h2{font-size:clamp(48px,5.2vw,78px);line-height:1.06;flex:1;min-width:0}
.results-heading h2 em{white-space:nowrap}
.results-heading .results-tools{max-width:none;flex-shrink:0;display:flex;align-items:center;margin:0;padding:0;border:0}
.results-heading .saved-filter{margin:0;min-height:48px;border:1px solid var(--line);padding:11px 16px;gap:9px;font-size:16px;transition:border-color .2s,background .2s}
.results-heading .saved-filter:hover{border-color:var(--ink);background:#efeee7}
.results-heading .saved-filter[aria-pressed=true]{border-color:var(--pink);background:#ff157109}
.results-heading .saved-filter svg{width:18px;height:18px}
.results-heading .saved-filter span{font-size:14px}
.results-heading .personalized-title{max-width:1100px;font-size:clamp(38px,4.5vw,66px)!important;line-height:1.08}
.results-heading .personalized-title em{white-space:normal}

@media(min-width:1680px){
  .hero-layout{padding-top:40px;padding-bottom:34px}
}
@media(max-width:1100px){
  .hero-layout{gap:10px;padding-top:34px;padding-bottom:30px}
  .hero h1{font-size:7.6vw}
  .sculpture-scene{height:440px}
  .sculpture-scene .note-one{font-size:14px;right:-2%;top:3%;padding:10px 12px}
  .sculpture-scene .note-two{left:8%;bottom:2%;padding:12px 32px 13px 16px}
  .sculpture-scene .note-two em{font-size:23px}
  .hero-description{font-size:18px}
  .results-heading{gap:24px}
}
@media(max-width:800px){
  .hero-layout{grid-template-columns:1.14fr 1fr;padding-top:32px;padding-bottom:24px;min-height:0}
  .hero h1{font-size:8vw}
  .sculpture-scene{height:370px;width:110%;margin-left:-5%}
  .sculpture-scene .note-two{left:7%;bottom:0}
  .results{padding-top:40px}
  .results-heading{gap:20px;padding-bottom:22px;margin-bottom:24px}
  .results-heading h2{font-size:48px}
  .results-heading .results-tools{margin:0}
}
@media(max-width:560px){
  .hero-layout{display:flex;gap:0;padding-top:32px;padding-bottom:6px}
  .hero h1{font-size:16vw}
  .hero-description{margin-top:20px;font-size:18px}
  .hero-jump{margin-top:18px}
  .sculpture-scene{width:100%;height:auto;aspect-ratio:1.04;margin:20px 0 6px}
  .sculpture-scene .note-two{bottom:0;left:0;padding:11px 31px 12px 15px}
  .sculpture-scene .note-two em{font-size:23px}
  .sculpture-shadow{bottom:7%}
  .hero-footnote{margin-top:8px;padding-bottom:22px}
  .results{padding-top:34px}
  .results-heading{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;padding-bottom:20px;margin-bottom:22px}
  .results-heading h2{font-size:clamp(43px,12vw,60px);flex-basis:100%}
  .results-heading .results-tools{max-width:none;margin:0;width:100%;justify-content:flex-end}
  .results-heading .saved-filter{font-size:16px;padding:9px 14px;min-height:44px}
  .results-heading .personalized-title{font-size:40px!important}
}
@media(prefers-reduced-motion:reduce){
  .sculpture-scene{animation:none}
  .sculpture-canvas,.sculpture-fallback{transition:none}
}