:root{
  --home-content:1240px;
  --home-gutter:clamp(1.15rem,5vw,4rem);
  --home-pad-x:max(var(--home-gutter), calc((100% - var(--home-content)) / 2));
}
.hero{
  position:relative;z-index:2;
  min-height:100svh;
  display:grid;align-items:end;
  padding:calc(var(--topbar-h) + 2rem) var(--home-pad-x) clamp(2.5rem,6vw,4rem);
  color:#fff7ea;overflow:hidden;
}
.hero-art{position:absolute;inset:0;z-index:0}
.hero-art img{
  width:100%;height:100%;
  object-fit:cover;object-position:center 30%;
  filter:brightness(.5) saturate(.82);
  transform:scale(1.03);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(18,14,11,.88) 0%,rgba(18,14,11,.45) 42%,rgba(18,14,11,.2) 100%),
    linear-gradient(to top,rgba(18,14,11,.75),transparent 50%);
}
.hero-mark{
  position:absolute;right:-4vw;bottom:6vh;z-index:1;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(8rem,28vw,28rem);line-height:.72;
  color:rgba(255,245,232,.04);pointer-events:none;
}
.hero-copy{position:relative;z-index:2;max-width:min(720px,90vw)}
.hero .eyebrow{color:#e9c995;margin-bottom:1rem}
.hero-copy h1{
  max-width:10ch;color:#fff7ea;
  font-size:clamp(2.8rem,9vw,7.5rem);
}
.hero-copy h1 .title-accent{font-style:italic;color:#f0dcc0}
.hero-copy p:not(.eyebrow){
  max-width:38rem;margin-top:1.2rem;
  color:rgba(255,247,234,.82);line-height:1.9;
  font-size:clamp(1rem,1.35vw,1.12rem);
}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.hero-actions .btn{
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
  color:#fff7ea;
  border-color:rgba(255,244,230,.35);
}
.trust-strip{padding:1.2rem var(--home-pad-x) 2.2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative;z-index:2}
.trust-item{border-top:1px solid var(--line);padding-top:.9rem}
.trust-item p{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.trust-item strong{display:block;margin-top:.45rem;font-family:"Cormorant Garamond",serif;font-size:clamp(1.1rem,2.2vw,1.8rem);font-weight:300}
.canvas{position:relative;z-index:2;padding-bottom:4rem}.canvas>section{position:relative}
.work-drift{padding:1.5rem var(--home-pad-x) 6rem}.work-head{padding:0 0 1.2rem;display:flex;justify-content:space-between;gap:1.4rem;align-items:end}.section-sub{max-width:34rem;line-height:1.9;color:var(--soft);font-size:clamp(1rem,1.35vw,1.15rem);letter-spacing:.01em}
.work-note{margin-top:.8rem;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.work-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  width:100%;
  margin:0;
  background:rgba(36,30,24,.12);
}
.work-card{
  position:relative;overflow:hidden;text-decoration:none;color:#fff7ea;
  aspect-ratio:3/4;min-height:280px;
  isolation:isolate;
  transition:opacity .35s ease;
}
.work-card:hover{opacity:.94}
.work-card img{
  width:100%;height:100%;object-fit:cover;object-position:center 20%;
  filter:brightness(.78) saturate(.9);
  transition:transform 1.2s ease,filter .4s ease;
}
.work-card:hover img{transform:scale(1.05);filter:brightness(.85) saturate(.95)}
.work-card:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(20,15,12,.9) 0%,rgba(20,15,12,.05) 50%,transparent 100%);
}
.work-card .label{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;z-index:2}
.work-card span{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:#eacb94}
.work-card h3{
  font-family:"Cormorant Garamond",serif;font-weight:300;
  font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:.92;letter-spacing:-.02em;margin-top:.2rem;
}
.work-card .view-link{
  display:inline-block;margin-top:.5rem;font-size:.48rem;letter-spacing:.18em;
  text-transform:uppercase;color:#fff4e6;opacity:.88;
}
.work-card:hover .view-link{opacity:1}
@media(max-width:1100px){
  .work-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .work-grid{grid-template-columns:repeat(2,1fr);gap:1px}
  .work-card{aspect-ratio:3/4;min-height:0;max-height:none}
}
.about-flow{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,5vw,6rem);align-items:center;padding:clamp(4rem,9vw,9rem) var(--home-pad-x)}
.about-portrait{margin:0;aspect-ratio:3/4;max-height:min(720px,78vh);background:#f3ebe0;border-radius:0 120px 0 0;overflow:hidden;box-shadow:0 28px 80px rgba(42,31,23,.18)}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:saturate(.94)}
.about-copy{max-width:48rem}.about-copy .section-title{margin:.55rem 0 1.5rem}.about-copy p{line-height:1.9;color:var(--soft);margin-top:1rem;font-size:clamp(1rem,1.35vw,1.15rem);letter-spacing:.01em}.about-copy .lead{font-family:"Cormorant Garamond",serif;font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:300;line-height:1.15;color:var(--ink);letter-spacing:-.015em}
/* —— Commission path —— */
.studio-path{
  padding:clamp(3.5rem,8vw,6.5rem) var(--home-pad-x);
}
.studio-path-inner{
  max-width:var(--home-content);
  margin:0 auto;
}
.studio-path-head{
  max-width:40rem;
  margin-bottom:clamp(2rem,4vw,3rem);
}
.studio-path-head .section-title{
  margin:.6rem 0 1rem;
}
.studio-path-head .section-title .title-accent{
  font-style:italic;
  color:var(--clay);
}
.studio-path-lead{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.25rem,2.2vw,1.75rem);
  font-weight:300;
  line-height:1.45;
  color:var(--soft);
  letter-spacing:-.01em;
}
.studio-path-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(.85rem,1.6vw,1.25rem);
}
.studio-path-step{
  position:relative;
  margin:0;
  padding:clamp(1.35rem,2.5vw,1.85rem) clamp(1.1rem,2vw,1.5rem) clamp(1.25rem,2vw,1.65rem);
  background:
    linear-gradient(165deg,rgba(255,255,255,.72),rgba(255,250,244,.42));
  border:1px solid rgba(36,30,24,.1);
  box-shadow:0 18px 50px rgba(42,31,23,.06);
}
.studio-path-num{
  display:block;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2.6rem,4vw,3.5rem);
  font-weight:300;
  line-height:1;
  color:rgba(167,123,69,.35);
  margin-bottom:.65rem;
}
.studio-path-step h3{
  font-family:"Cormorant Garamond",serif;
  font-weight:300;
  font-size:clamp(1.55rem,2.4vw,2.1rem);
  line-height:1.05;
  letter-spacing:-.02em;
  color:var(--ink);
  margin:0 0 .75rem;
}
.studio-path-step p{
  margin:0;
  font-size:clamp(.92rem,1.1vw,1.02rem);
  line-height:1.75;
  color:var(--soft);
}

/* —— Testimonials —— */
.voices{
  padding:0 var(--home-pad-x) clamp(3rem,6vw,5rem);
}
.voices-inner{
  max-width:var(--home-content);
  margin:0 auto;
  padding:clamp(2.75rem,5vw,4.5rem) clamp(1.5rem,4vw,3.5rem);
  background:
    radial-gradient(ellipse 80% 70% at 15% 0%,rgba(167,123,69,.14),transparent 55%),
    linear-gradient(155deg,#221c17 0%,#1a1511 48%,#14110e 100%);
  color:#fff7ea;
  box-shadow:0 28px 80px rgba(18,14,11,.18);
}
.voices-inner .eyebrow{
  color:#e9c995;
  margin-bottom:1.25rem;
}
.voices-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:clamp(1.5rem,3.5vw,3rem);
}
.voice-card{
  margin:0;
  padding:0;
  border-top:1px solid rgba(233,201,149,.22);
  padding-top:clamp(1.25rem,2.5vw,1.75rem);
}
.voice-card blockquote{
  margin:0;
  padding:0;
  border:0;
}
.voice-card blockquote p{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.45rem,2.6vw,2.35rem);
  font-weight:300;
  font-style:italic;
  line-height:1.28;
  letter-spacing:-.015em;
  color:rgba(255,247,234,.94);
  margin:0;
}
.voice-card figcaption{
  display:block;
  margin-top:1rem;
  font-family:Inter,system-ui,sans-serif;
  font-size:.58rem;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(233,201,149,.85);
}
.final-cta{margin:0 var(--home-pad-x);padding:clamp(3rem,6vw,5rem);border:1px solid var(--line);background:rgba(255,255,255,.36);display:grid;gap:1rem}
.final-cta p{max-width:40rem;color:var(--soft);line-height:1.8}
@media(max-width:980px){
  .trust-strip{grid-template-columns:1fr}
  .work-head{display:block}
  .section-sub{margin-top:1rem}
  .work-card{max-height:400px}
  .about-flow{grid-template-columns:1fr}
  .about-portrait{max-height:none;width:100%;max-width:28rem;margin:0 auto}
  .studio-path-steps{grid-template-columns:1fr}
  .voices-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .hero-art img{object-position:center 25%}
  .hero-mark{display:none}
}
@media(max-width:620px){
  .hero{padding:calc(var(--topbar-h) + 1.5rem) var(--home-pad-x) 2rem}
  .hero-copy h1{font-size:clamp(2.45rem,11.2vw,4rem);max-width:100%;line-height:.9}
  .hero-copy p:not(.eyebrow){font-size:.98rem;margin-top:.85rem;line-height:1.62}
  .hero-actions{flex-direction:column;gap:.55rem;margin-top:1.2rem}
  .hero-actions .btn{width:100%;text-align:center}
  .hero-mark{display:none}
  .trust-strip{padding:.9rem var(--home-pad-x) 1.2rem;gap:.55rem}
  .trust-item strong{font-size:clamp(1.02rem,6vw,1.35rem)}
  .work-drift{padding:.9rem var(--home-pad-x) 2.6rem}
  .work-head{padding:0 0 .9rem}
  .section-sub{font-size:.95rem;line-height:1.62}
  .work-grid{margin:0;grid-template-columns:repeat(2,1fr)}
  .work-card{aspect-ratio:3/4;min-height:0;max-height:none}
  .work-card .label{left:.65rem;right:.65rem;bottom:.7rem}
  .work-card span{font-size:.46rem;letter-spacing:.16em}
  .work-card h3{font-size:clamp(1.15rem,5.2vw,1.7rem);margin-top:.15rem}
  .work-card .view-link{margin-top:.35rem;font-size:.44rem}
  .studio-path{padding:2.5rem var(--home-pad-x)}
  .studio-path-steps{gap:.75rem}
  .voices-inner{padding:2rem 1.25rem}
  .about-flow{padding:2.2rem var(--home-pad-x);gap:1.2rem}
  .about-portrait{max-width:none;border-radius:0 72px 0 0}
  .about-copy p{line-height:1.65}
  .final-cta{padding:1.6rem 1.1rem;gap:.75rem}
}

@media(max-width:430px){
  .hero-copy h1{font-size:clamp(2.12rem,10.4vw,3.1rem)}
  .hero .eyebrow{font-size:.52rem}
  .hero-copy p:not(.eyebrow){font-size:.93rem;line-height:1.55}
  .work-card{aspect-ratio:3/4;height:auto;min-height:0}
  .final-cta{padding:1.35rem 1rem}
}

@media(max-height:740px) and (max-width:640px){
  .hero{min-height:92svh}
  .hero-actions{margin-top:.85rem}
  .work-drift{padding:.7rem 0 2.2rem}
}