:root{--ink:#292721;--paper:#eee8dd;--sand:#d6c4aa;--chalk:#f8f5ef;--indigo:#30353e;--line:rgba(41,39,33,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;font-weight:300;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Italiana",serif;font-weight:400;line-height:.97}h1{font-size:clamp(4rem,9vw,8.5rem);letter-spacing:-.045em;margin:0 0 2rem}h1 em{font-weight:400}h2{font-size:clamp(3.1rem,6vw,6.5rem);letter-spacing:-.035em;margin:.35rem 0 2rem}.eyebrow,.section-number,.studio{font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:absolute;z-index:4;width:100%;color:var(--chalk)}.brand{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;align-items:center}.brush{width:27px;height:27px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;grid-row:1/3}.wordmark{font:2.1rem/1 "Italiana",serif}.studio{grid-column:2;letter-spacing:.33em;font-size:.55rem}.topbar nav{display:flex;gap:2.2rem;font-size:.84rem}.topbar nav a{border-bottom:1px solid transparent}.topbar nav a:hover{border-color:currentColor}.menu-button{display:none;background:none;border:0;color:inherit;font:inherit}.hero{height:min(900px,100svh);min-height:680px;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--indigo);color:var(--chalk)}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.73) saturate(.76)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,28,27,.76) 0%,rgba(27,28,27,.35) 43%,transparent 72%)}.hero-copy{position:relative;z-index:1;width:min(680px,85vw);margin-left:8vw;padding-top:60px}.hero-copy .intro{max-width:480px;font-size:1.15rem;margin-bottom:2rem}.text-link{display:inline-flex;gap:.9rem;border-bottom:1px solid currentColor;padding-bottom:.35rem}.hero-note{position:absolute;z-index:1;right:4vw;bottom:2.5rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.manifesto{padding:10rem 8vw;display:grid;grid-template-columns:18% 1fr;border-bottom:1px solid var(--line)}.manifesto>div{max-width:1000px}.manifesto h2{max-width:900px}.manifesto>div>p:last-child{max-width:650px;margin-left:auto;font-size:1.1rem}.collection-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;min-height:620px}.collection-card{padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--sand)}.collection-card span{font-size:.7rem;letter-spacing:.14em}.collection-card h3{font-size:2.8rem;margin:0 0 .75rem}.collection-card p{max-width:250px}.card-tall{padding-top:12rem}.card-light{background:var(--chalk);padding-bottom:8rem}.card-indigo{background:var(--indigo);color:var(--chalk);padding-top:7rem}.workshops{padding:11rem 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.workshop-heading .section-number{margin-bottom:6rem}.workshop-details{padding-top:8rem;max-width:580px}.workshop-details>p{font-size:1.22rem}.workshop-details dl{margin:3.5rem 0}.workshop-details dl div{display:grid;grid-template-columns:42% 1fr;border-top:1px solid var(--line);padding:1rem 0}.workshop-details dt{font-weight:500}.workshop-details dd{margin:0}.button{display:inline-block;background:var(--ink);color:var(--chalk);padding:1rem 1.4rem;font-size:.86rem;letter-spacing:.03em}.button:hover{background:var(--indigo)}.story{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:var(--chalk)}.story-mark{display:grid;place-items:center;background:var(--sand);font:clamp(14rem,35vw,34rem)/1 "Italiana",serif;color:rgba(41,39,33,.72);overflow:hidden}.story-copy{align-self:center;padding:8vw}.story-copy h2{font-size:clamp(3rem,5.5vw,5.5rem)}.story-copy p:not(.eyebrow){max-width:560px}.contact{padding:11rem 8vw 6rem;background:var(--indigo);color:var(--chalk);position:relative}.contact .section-number{position:absolute;right:8vw}.contact h2{max-width:1000px}.contact-links{display:flex;gap:3rem;margin:5rem 0}.contact-links a{font-size:1.1rem;border-bottom:1px solid currentColor}.location{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;margin:0}footer{background:var(--indigo);color:var(--chalk);border-top:1px solid rgba(255,255,255,.18);padding:2rem 4vw;display:flex;justify-content:space-between;font-size:.8rem}
@media(max-width:760px){h1{font-size:clamp(4rem,20vw,6rem)}h2{font-size:clamp(3rem,14vw,4.6rem)}.topbar{height:78px;padding:0 1.25rem}.topbar nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--indigo);padding:1.5rem;flex-direction:column;gap:1rem}.topbar nav.open{display:flex}.menu-button{display:block}.hero{min-height:740px}.hero>img{object-position:64% center}.hero:after{background:linear-gradient(90deg,rgba(25,25,23,.84),rgba(25,25,23,.15))}.hero-copy{margin-left:1.5rem;padding-top:40px}.hero-copy .intro{max-width:85%;font-size:1rem}.hero-note{display:none}.manifesto{padding:7rem 1.5rem;grid-template-columns:1fr;gap:2rem}.manifesto>div>p:last-child{margin:0}.collection-grid{grid-template-columns:1fr;min-height:0}.collection-card{min-height:390px;padding:2rem}.card-tall,.card-light,.card-indigo{padding-top:5rem;padding-bottom:2rem}.workshops{padding:7rem 1.5rem;grid-template-columns:1fr;gap:0}.workshop-heading .section-number{margin-bottom:3rem}.workshop-details{padding-top:1rem}.workshop-details dl div{grid-template-columns:1fr;gap:.2rem}.story{grid-template-columns:1fr}.story-mark{min-height:400px}.story-copy{padding:7rem 1.5rem}.contact{padding:7rem 1.5rem 4rem}.contact .section-number{right:1.5rem}.contact-links{flex-direction:column;gap:1.2rem;margin:3rem 0}footer{padding:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Official Mana Studio identity */
.topbar{height:108px;color:var(--ink);background:rgba(238,232,221,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.brand{display:block;width:168px;height:76px;overflow:hidden}
.brand img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.story-mark{font-size:0;padding:8vw}
.story-mark img{width:min(100%,520px);display:block;mix-blend-mode:multiply}

@media(max-width:760px){
  .topbar{height:86px}
  .brand{width:132px;height:62px}
  .topbar nav{top:86px;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
}

/* Transparent header identity */
.topbar{color:var(--chalk);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:rgba(248,245,239,.26)}
.brand img{object-fit:contain;mix-blend-mode:normal}

@media(max-width:760px){
  .topbar nav{background:rgba(48,53,62,.97);color:var(--chalk);border-bottom-color:rgba(248,245,239,.2)}
}

.brand{position:relative;width:168px;height:56px}
.brand img{position:absolute;left:0;top:-112px;width:168px;height:auto;max-width:none;filter:brightness(0) invert(1);opacity:.96}

@media(max-width:760px){
  .brand{width:132px;height:46px}
  .brand img{top:-88px;width:132px}
}

/* Refined logo scale and placement */
.topbar{padding-left:1.5vw}
.brand{width:202px;height:67px}
.brand img{top:-134px;width:202px}
.story-mark{background:var(--indigo)}
.story-mark img{width:min(100%,520px);filter:brightness(0) invert(1);opacity:.96;mix-blend-mode:normal}

@media(max-width:760px){
  .topbar{padding-left:.75rem}
  .brand{width:158px;height:55px}
  .brand img{top:-106px;width:158px}
}

/* Editorial image for the Objects with presence section */
.manifesto{padding-bottom:0}
.manifesto-image{grid-column:2;margin:7rem 0 0;max-width:1000px;overflow:hidden;background:var(--sand)}
.manifesto-image img{display:block;width:100%;height:auto}

@media(max-width:760px){
  .manifesto{padding-bottom:0}
  .manifesto-image{grid-column:1;margin:2.5rem -1.5rem 0;max-width:none}
}

/* Mana sculptural collection */
.collection-grid{grid-template-columns:1fr 1fr}
.card-sculptural{grid-column:1/-1;display:grid;grid-template-columns:14% 1fr;padding:3.5rem 4vw 0;min-height:0;background:var(--sand)}
.card-sculptural>div:nth-child(2){padding-bottom:3.5rem}
.card-sculptural h3{font-size:clamp(3.5rem,7vw,7.5rem);max-width:none}
.card-sculptural p{max-width:420px;font-size:1.05rem}
.sculptural-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.45rem,1vw,1rem)}
.sculptural-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;background:var(--chalk)}
.card-ritual{grid-column:1/-1;display:grid;grid-template-columns:14% 1fr;padding:3.5rem 4vw 0;min-height:0}
.card-ritual>div:nth-child(2){padding-bottom:3.5rem}
.card-ritual h3{font-size:clamp(3.5rem,7vw,7.5rem);max-width:none}
.card-ritual p{max-width:420px;font-size:1.05rem}
.ritual-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.45rem,1vw,1rem)}
.ritual-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;background:var(--paper)}
.card-commission{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:0;background:var(--indigo)}
.commission-copy{display:flex;flex-direction:column;justify-content:space-between;min-height:780px;padding:4rem 5vw}
.commission-copy h3{font-size:clamp(4rem,7vw,7.5rem);margin-bottom:1.25rem}
.commission-copy p{font-size:1.1rem;max-width:380px}
.commission-gallery{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(248,245,239,.18)}
.commission-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;background:var(--paper)}

@media(max-width:760px){
  .collection-grid{grid-template-columns:1fr}
  .card-sculptural{grid-column:1;padding:3rem 1.5rem 0;grid-template-columns:1fr;gap:2rem}
  .card-sculptural>div:nth-child(2){padding-bottom:0}
  .card-sculptural h3{font-size:clamp(3.25rem,14vw,4.6rem)}
  .sculptural-gallery{grid-column:1;gap:.35rem;margin:0 -1.5rem}
  .sculptural-gallery img{aspect-ratio:3/4}
  .card-ritual{grid-column:1;padding:3rem 1.5rem 0;grid-template-columns:1fr;gap:2rem}
  .card-ritual>div:nth-child(2){padding-bottom:0}
  .card-ritual h3{font-size:clamp(3.25rem,14vw,4.6rem)}
  .ritual-gallery{grid-column:1;gap:.35rem;margin:0 -1.5rem}
  .ritual-gallery img{aspect-ratio:3/4}
  .card-commission{grid-column:1;grid-template-columns:44% 56%}
  .commission-copy{min-height:100%;padding:3rem 1.25rem;justify-content:flex-start;gap:clamp(7rem,34vw,15rem)}
  .commission-copy h3{font-size:clamp(2.7rem,11vw,4rem);line-height:.98}
  .commission-copy p{font-size:.95rem;line-height:1.55}
  .commission-gallery img{aspect-ratio:4/5}
}

/* Workshop moments */
.workshop-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.4rem,.8vw,.8rem);margin-top:5rem}
.workshop-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;filter:grayscale(1)}

@media(max-width:760px){
  .workshop-gallery{grid-column:1;grid-template-columns:repeat(4,1fr);gap:.3rem;margin:3.5rem -1.5rem 0}
  .workshop-gallery img{aspect-ratio:3/4}
}

/* Airier commissions and earthy studio mark */
.card-commission{grid-template-columns:62% 38%}
.commission-copy{min-height:620px;padding:5rem 7vw;justify-content:flex-start;gap:clamp(8rem,15vw,15rem)}
.commission-copy h3{max-width:620px}
.commission-copy p{max-width:520px;line-height:1.75}
.commission-gallery img{aspect-ratio:4/3}
.story-mark{background:#9a7f68}
.story-mark img{width:min(50%,260px)}

@media(max-width:760px){
  .card-commission{grid-template-columns:65% 35%}
  .commission-copy{min-height:0;padding:3.5rem 2rem;gap:9rem}
  .commission-copy h3{font-size:clamp(3rem,13vw,4.5rem)}
  .commission-copy p{max-width:290px;font-size:1rem;line-height:1.75}
  .commission-gallery img{aspect-ratio:4/3}
  .story-mark img{width:min(50%,210px)}
}

/* Commission section aligned with the collection galleries */
.card-commission{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:14% 1fr;
  min-height:0;
  padding:3.5rem 4vw 0;
  background:var(--indigo)
}
.commission-heading{padding-bottom:3.5rem}
.card-commission h3{max-width:none;font-size:clamp(3.5rem,7vw,7.5rem);margin:0 0 .75rem}
.card-commission p{max-width:420px;font-size:1.05rem;line-height:1.65}
.commission-gallery{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(.45rem,1vw,1rem);
  background:transparent
}
.commission-gallery img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
  background:var(--paper)
}

@media(max-width:760px){
  .card-commission{grid-column:1;grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem 0}
  .commission-heading{padding-bottom:0}
  .card-commission h3{font-size:clamp(3.25rem,14vw,4.6rem)}
  .card-commission p{font-size:1.05rem;line-height:1.65}
  .commission-gallery{grid-column:1;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:0 -1.5rem}
  .commission-gallery img{aspect-ratio:3/4}
}

/* Mana floral vessel hero */
.hero>img{object-position:50% 56%}

@media(max-width:760px){
  .hero>img{object-position:50% 54%}
}