/* Mimosova / The living edition — pistachio art direction. */
:root {
  --paper: #f5f3ea;
  --pistachio: #ccd8b6;
  --pistachio-soft: #dfe7cd;
  --pistachio-rich: #becda6;
  --forest: #414936;
  --deep: #343d2c;
  --ink: #414936;
  --moss: #59684b;
  --line: rgba(65,73,54,.24);
  --gutter: clamp(26px, 5.5vw, 112px);
}
body { background: var(--paper); }
button, a { -webkit-tap-highlight-color: transparent; }
.header { padding-block: 27px; }
.brand { letter-spacing: -.06em; }
.desktop-nav { gap: 32px; }
.header-contact { padding: 12px 0; border: 0; border-bottom: 1px solid currentColor; }
.header-contact:hover { background: transparent; }
.eyebrow { letter-spacing: .13em; }
.section { padding-block: clamp(80px, 8vw, 150px); }
.hero-bottom { max-width: 34%; }
.hero-bottom p { font-size: clamp(46px, 5.1vw, 88px); }
.hero-explore { font-size: 11px; min-width: 185px; }
.hero-word { font-size: clamp(100px, 19.4vw, 350px); }
.hero-scroll { letter-spacing: .13em; text-transform: uppercase; font-size: 8px; }

/* An editorial spread, not three repeated full-screen photographs. */
.manifesto { background: var(--pistachio-soft); }
.manifesto-top { border-top: 1px solid var(--line); padding-top: 22px; margin-bottom: 60px; }
.manifesto-heading { display: grid; grid-template-columns: 1fr .35fr; align-items: end; gap: 45px; }
.manifesto h2 { font-size: clamp(70px, 8.7vw, 145px); line-height: 1.04; max-width: none; }
.manifesto h2 em { color: var(--moss); }
.margin-note { font-size: 12px; line-height: 1.9; padding-bottom: 12px; }
.editorial-spread { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 46px 3.5%; max-width: none; margin: 70px 0 0; align-items: start; }
.editorial-spread .approach-frame { width: 100%; max-width: none; margin: 0; }
.editorial-spread .approach-frame-lead { grid-column: 1 / 8; grid-row: 1 / 3; }
.editorial-spread .approach-frame:nth-child(2) { grid-column: 9 / 13; grid-row: 1; padding-top: 70px; }
.editorial-spread .approach-frame:nth-child(3) { grid-column: 9 / 13; grid-row: 2; }
.editorial-spread .approach-frame-lead img { aspect-ratio: 4 / 5; }
.editorial-spread .approach-frame:nth-child(2) img { aspect-ratio: 1 / 1; object-position: 50% 38%; }
.editorial-spread .approach-frame:nth-child(3) img { aspect-ratio: 4 / 3; object-position: 50% 28%; }
.editorial-spread figcaption { font-size: clamp(22px,2.4vw,38px); gap: 14px; margin-top: 16px; padding-top: 15px; }
.editorial-spread .approach-frame-lead figcaption { font-size: clamp(30px,3.6vw,60px); font-style: italic; }
.manifesto-text { position: relative; grid-template-columns: 1fr 1.6fr; max-width: 970px; margin: 72px 0 0 auto; padding-top: 35px; border-top: 1px solid var(--line); }
.manifesto-text p { font-size: 16px; }
.editorial-annotation { grid-column: 1; grid-row: 1 / 4; align-self: center; font: italic 300 clamp(30px,3.2vw,54px)/1.2 var(--serif); color: var(--moss); }
.manifesto-text > .eyebrow, .manifesto-text > p, .manifesto-text > a { grid-column: 2; }

/* Pistachio is the common ground; photographs and swatches carry each colour story. */
[data-collection="painters-palette"] { --collection-paper: #dce5c9; --collection-ink: #35452c; }
[data-collection="chrysanthemum"] { --collection-paper: #cad7ad; --collection-ink: #3d472c; }
[data-collection="all-green"] { --collection-paper: #35492e; --collection-ink: #edf1e3; }
[data-collection="amethyst"] { --collection-paper: #d2dec0; --collection-ink: #3d4333; }
[data-collection="botanical"] { --collection-paper: #e5ecd7; --collection-ink: #35452c; }
[data-collection="ember"] { --collection-paper: #b4c695; --collection-ink: #39452a; }
.collection-edit { background: var(--paper); }
.collection-edit .section-head { align-items: center; padding-bottom: 35px; border-bottom: 1px solid var(--line); }
.collection-edit h2 { font-size: clamp(68px,7.5vw,125px); line-height: 1.04; }
.collection-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 90px 3%; }
.collection-tile { container-type: inline-size; min-width: 0; background: var(--collection-paper); color: var(--collection-ink); padding: clamp(16px,2vw,30px); }
.collection-tile:nth-child(6n+1), .collection-tile:nth-child(6n+5) { grid-column: 1 / 8; }
.collection-tile:nth-child(6n+2), .collection-tile:nth-child(6n+6) { grid-column: 9 / 13; margin-top: 160px; }
.collection-tile:nth-child(6n+3) { grid-column: 2 / 6; }
.collection-tile:nth-child(6n+4) { grid-column: 7 / 13; margin-top: 80px; }
.collection-card-top { display: flex; justify-content: space-between; gap: 16px; padding: 0 0 20px; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; line-height: 1.6; }
.collection-card-top > span:last-child { text-align: right; opacity: .65; }
.tile-image, .collection-tile:nth-child(3n+1) .tile-image { border-radius: 0; aspect-ratio: 4 / 5; background: transparent; }
.tile-image img { object-position: center; }
.tile-caption { display: flex; flex-wrap: wrap; align-items: start; padding-top: 24px; }
.tile-caption > div { min-width: 0; max-width: 100%; }
.tile-caption .eyebrow { display: none; }
.tile-caption h3 { font-size: clamp(24px,9cqi,65px); margin: 0; line-height: 1.08; }
.tile-caption .swatches { margin-top: 9px; }
.tile-story { font: italic 300 clamp(19px,1.7vw,28px)/1.35 var(--serif); margin-top: 12px; opacity: .85; }
.tile-open { background: var(--collection-paper); color: var(--collection-ink); }
.collection-foot { font-size: 10px; letter-spacing: .04em; }

/* Inner-page covers: title and photography composed together. */
.art-intro { min-height: 95svh; padding-top: 145px; padding-bottom: 75px; }
.art-intro .intro-top { margin-bottom: 38px; padding-top: 20px; border-top: 1px solid var(--line); }
.intro-kicker { font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.intro-composition { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 6vw; }
.intro-copy { min-width: 0; }
.art-intro h1 { font-size: clamp(68px,7.5vw,132px); line-height: 1.02; }
.art-intro .intro-bottom { flex-direction: column; align-items: start; gap: 25px; margin-top: 32px; }
.art-intro .intro-bottom p { max-width: 350px; font-size: 13px; line-height: 1.9; }
.intro-detail { font-size: 9px; letter-spacing: .04em; }
.intro-visual { min-width: 0; margin: 0; }
.intro-image { overflow: hidden; }
.intro-image img { height: min(68svh,740px); min-height: 450px; object-fit: cover; }
.intro-visual figcaption { display: flex; justify-content: space-between; gap: 20px; font-size: 9px; line-height: 1.6; padding-top: 15px; }
.intro-visual figcaption span:last-child { text-align: right; opacity: .6; }
.collections-intro { background: var(--pistachio); }
.collections-intro h1 em { color: var(--moss); }
.spaces-intro { background: var(--pistachio-soft); }
.spaces-intro .intro-image img { object-position: 48% 50%; }
.atelier-intro { background: var(--pistachio-rich); }
.atelier-intro .intro-visual { padding: 0 4vw 0 0; }
.atelier-intro h1 em { color: #435d34; }
.workshops-intro { background: var(--pistachio); }
.workshops-intro h1 { font-size: clamp(65px,7.1vw,122px); }
.workshops-intro h1 em { color: var(--moss); }
.workshops-intro .intro-visual { padding-left: 3vw; }

/* Collection chapters: calmer controls, full colour, readable descriptions. */
.collection-index { font-size: 10px; padding-block: 22px; }
.collection-index a { position: relative; padding-bottom: 5px; }
.collection-index a[aria-current]::after { content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0; background: currentColor; }
.collection-story, .collection-story:nth-child(even) { background: var(--collection-paper); color: var(--collection-ink); --ink: var(--collection-ink); border: 0; gap: 7vw; padding-block: 90px; }
.collection-story-copy { position: relative; }
.chapter-number { display: block; font: 300 clamp(50px,6vw,100px)/1 var(--serif); opacity: .35; margin-bottom: 45px; }
.collection-story-copy h2 { font-size: clamp(50px,5.3vw,90px); line-height: 1.03; margin: 22px 0; }
.collection-story-copy > p { max-width: 390px; }
.collection-story-copy .price-note { color: inherit; opacity: .7; }
.collection-story .gallery-frame { background: transparent; }
.collection-story .gallery-controls button, .collection-story .gallery-controls > span { background: var(--collection-paper); color: var(--collection-ink); }
.collection-story .thumbnails > span { opacity: .75; }
.collection-story .pill:hover { background: var(--collection-ink); color: var(--collection-paper); }
.collection-story:nth-child(even) .gallery { order: 2; }

/* Spaces are architectural; tariffs remain still and immediately readable. */
.spaces { background: var(--forest); }
.spaces .section-head h2 { font-size: clamp(64px,7.3vw,124px); }
.space-rail { gap: 30px; }
.space-photo { flex-basis: calc((100% - 60px)/3); }
.space-photo img { aspect-ratio: 4 / 5; }
.space-badge { background: var(--pistachio-soft); color: var(--ink); font-size: 8px; letter-spacing: .12em; }
.space-photo figcaption { padding-top: 17px; border-top: 1px solid #c8d5b540; font-size: 12px; }
.plan h3 { font-size: clamp(40px,4.3vw,66px); }
.process-grid article { padding-top: 22px; border-top: 1px solid var(--line); }

/* Real studio material, with room around it rather than ornamental frames. */
.atelier-teaser { grid-template-columns: 1.1fr 1fr; background: var(--pistachio); }
.teaser-image { min-height: 730px; }
.teaser-copy { padding: 80px 6vw; }
.teaser-copy h2 { font-size: clamp(58px,5.8vw,98px); }
.editorial { gap: 8vw; }
.editorial h2 { font-size: clamp(58px,6vw,100px); }
.reel { max-width: 440px; }
.reel-top { border-top: 1px solid var(--line); padding-top: 18px; }
.reel-frame { padding: 8px; border: 1px solid var(--line); }
.reel-frame > .reel-fallback { inset: 8px; }
.reel figcaption { font-size: 9px; }
.atelier-statement { background: var(--forest); }
.atelier-statement h2 { font-size: clamp(78px,10.5vw,180px); }
.statement-images { grid-template-columns: 1.15fr .65fr; gap: 11vw; }
.statement-images img:last-child { margin-top: 110px; }
.about-alya { background: var(--pistachio-soft); }
.about-alya h2 { font-size: clamp(64px,7vw,120px); }
.about-alya blockquote { font-size: clamp(27px,2.6vw,42px); line-height: 1.35; padding-block: 40px; }
.workshop-banner { background: var(--pistachio-rich); border-top: 1px solid var(--line); }
.workshop-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 50px 30px; }
.workshop-card h3 { font-size: clamp(26px,2.5vw,40px); }
.workshop-card.available { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 6vw; background: var(--forest); color: var(--paper); padding: 45px; margin-top: 25px; }
.workshop-card.available .workshop-image { grid-column: 1; grid-row: 1 / 5; aspect-ratio: 4 / 5; }
.workshop-card.available h3 { grid-column: 2; font-size: clamp(48px,5vw,82px); align-self: end; margin-top: 25px; }
.workshop-card.available p { grid-column: 2; padding-top: 15px; }
.workshop-card.available .text-link { grid-column: 2; justify-self: start; align-self: start; }

/* A visual closing note, not another generic banner. */
.contact { background: var(--deep); }
.contact-note { border-top: 1px solid #c8d5b54d; padding-top: 25px; }
.contact-composition { display: grid; grid-template-columns: 1fr .28fr; gap: 5vw; align-items: end; }
.contact h2 { font-size: clamp(62px,7.5vw,132px); line-height: 1.06; }
.contact h2 em { color: var(--pistachio); }
.contact-still { margin: 0 0 16px; }
.contact-still img { aspect-ratio: 3/4; height: auto; }
.contact-still figcaption { font-size: 10px; color: var(--pistachio); line-height: 1.8; padding-top: 15px; }
.contact-bottom { margin-top: 45px; }
.contact-address { font-size: 11px; }
footer { background: var(--pistachio-rich); }
.footer-word { line-height: 1.16; padding-block: 15px 35px; }

@media (max-width: 1000px) {
  .hero-bottom { max-width: 44%; }
  .art-intro h1 { font-size: clamp(58px,7.7vw,85px); }
  .intro-composition { gap: 35px; }
  .intro-image img { min-height: 400px; height: 55svh; }
  .intro-visual figcaption { flex-direction: column; gap: 5px; }
  .intro-visual figcaption span:last-child { text-align: left; }
  .manifesto-heading { grid-template-columns: 1fr; gap: 25px; }
  .margin-note { justify-self: end; }
  .collection-card-top > span:last-child { display: none; }
  .tile-caption { flex-wrap: wrap; gap: 10px; }
  .collection-tile:nth-child(6n+2), .collection-tile:nth-child(6n+6) { grid-column: 9 / 13; margin-top: 90px; }
  .workshop-grid { gap: 40px 20px; }
  .workshop-card.available { padding: 30px; gap: 30px; }
  .contact-composition { grid-template-columns: 1fr .25fr; gap: 25px; }
}

@media (max-width: 760px) {
  :root { --gutter: clamp(22px,6vw,40px); }
  .header { padding: 20px var(--gutter); }
  .hero-bottom { max-width: none; }
  .hero-bottom p { font-size: clamp(48px,14vw,80px); }
  .hero-word { font-size: 21vw; }
  .hero-explore { min-width: 165px; }
  .section { padding-block: 72px; }
  .manifesto-top { margin-bottom: 36px; padding-top: 18px; }
  .manifesto-top .eyebrow { max-width: none; font-size: 8px; }
  .manifesto-heading { gap: 24px; }
  .manifesto h2 { font-size: clamp(47px,11.4vw,82px); line-height: 1.08; }
  .margin-note { font-size: 11px; padding: 0; justify-self: start; margin-left: 22%; }
  .editorial-spread { grid-template-columns: repeat(6,minmax(0,1fr)); margin-top: 38px; gap: 32px 16px; }
  .editorial-spread .approach-frame-lead { grid-column: 1 / -1; grid-row: 1; }
  .editorial-spread .approach-frame:nth-child(2) { grid-column: 1 / 4; grid-row: 2; padding: 0; }
  .editorial-spread .approach-frame:nth-child(3) { grid-column: 4 / 7; grid-row: 2; padding-top: 55px; }
  .editorial-spread .approach-frame:nth-child(2) img { aspect-ratio: 3 / 4; }
  .editorial-spread .approach-frame:nth-child(3) img { aspect-ratio: 1 / 1; }
  .editorial-spread figcaption { font-size: clamp(19px,4.6vw,27px); display: block; line-height: 1.2; padding-top: 12px; margin-top: 12px; }
  .editorial-spread figcaption > span { display: block; font-size: 8px; margin-bottom: 8px; }
  .editorial-spread .approach-frame-lead figcaption { font-size: 36px; }
  .manifesto-text { display: block; margin-top: 40px; padding-top: 26px; }
  .editorial-annotation { display: block; font-size: 34px; margin-bottom: 28px; }
  .manifesto-text p { font-size: 16px; }
  .collection-edit h2 { font-size: clamp(53px,13vw,87px); }
  .collection-edit .section-head { padding-bottom: 25px; margin-bottom: 32px; }
  .collection-grid { display: flex; gap: 18px; margin-inline: calc(-1 * var(--gutter)); padding-inline: var(--gutter); padding-bottom: 8px; }
  .collection-grid .collection-tile { flex: 0 0 92%; margin: 0; padding: 16px; }
  .collection-card-top { font-size: 8px; padding-bottom: 14px; }
  .collection-card-top > span:last-child { display: none; }
  .tile-caption { padding-top: 20px; flex-wrap: nowrap; gap: 12px; }
  .tile-caption h3 { font-size: clamp(29px,8vw,46px); line-height: 1.08; }
  .tile-caption .swatches { margin-top: 7px; }
  .tile-caption .swatches i { width: 12px; height: 12px; }
  .tile-story { font-size: 20px; }
  .collection-mobile-controls { margin-top: 20px; }
  .art-intro { padding-top: 125px; min-height: 0; padding-bottom: 48px; }
  .art-intro .intro-top { margin-bottom: 32px; gap: 16px; align-items: start; }
  .intro-kicker { font-size: 7px; white-space: nowrap; }
  .art-intro .intro-top .eyebrow { font-size: 8px; max-width: 190px; }
  .intro-composition { display: grid; grid-template-columns: 1fr; gap: 34px; }
  .art-intro h1, .workshops-intro h1 { font-size: clamp(50px,13vw,84px); line-height: 1.04; }
  .art-intro .intro-bottom { margin-top: 24px; gap: 18px; }
  .art-intro .intro-bottom p { font-size: 14px; max-width: 360px; }
  .intro-visual, .atelier-intro .intro-visual, .workshops-intro .intro-visual { padding: 0; }
  .intro-image img { width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 3; }
  .atelier-intro .intro-image img { aspect-ratio: 5 / 4; object-position: 50% 30%; }
  .spaces-intro .intro-image img { aspect-ratio: 1; object-position: 55% 50%; }
  .intro-visual figcaption { flex-direction: row; font-size: 8px; gap: 25px; }
  .intro-visual figcaption span:last-child { text-align: right; }
  .collection-index { padding-block: 18px; font-size: 9px; }
  .collection-story, .collection-story:nth-child(even) { display: flex; flex-direction: column; gap: 32px; padding-block: 42px 60px; scroll-margin-top: 64px; }
  .collection-story .gallery, .collection-story-copy { width: 100%; }
  .collection-story:nth-child(even) .gallery { order: 0; }
  .chapter-number { display: inline-block; font-size: 45px; margin-bottom: 20px; }
  .collection-story-copy h2 { font-size: clamp(42px,11vw,72px); }
  .collection-story-copy > p { font-size: 15px; }
  .spaces .section-head h2 { font-size: clamp(53px,12.5vw,82px); }
  .space-rail { gap: 18px; }
  .space-photo { flex: 0 0 88%; max-width: 440px; }
  .space-photo figcaption { font-size: 12px; }
  .plan h3 { font-size: 43px; }
  .atelier-teaser { grid-template-columns: 1fr; }
  .teaser-image { min-height: 0; aspect-ratio: 4 / 5; }
  .teaser-copy { padding: 55px var(--gutter); }
  .teaser-copy h2 { font-size: clamp(52px,12vw,80px); }
  .editorial h2 { font-size: clamp(50px,12vw,76px); }
  .editorial { gap: 40px; }
  .atelier-statement h2 { font-size: clamp(63px,15vw,100px); }
  .statement-images { gap: 22px; grid-template-columns: 1fr .8fr; }
  .statement-images img:last-child { margin-top: 60px; }
  .about-alya h2 { font-size: 64px; }
  .workshop-grid { grid-template-columns: 1fr; gap: 48px; }
  .workshop-card h3 { font-size: 34px; }
  .workshop-card.available { display: block; padding: 22px; margin: 0; }
  .workshop-card.available .workshop-image { aspect-ratio: 4 / 5; }
  .workshop-card.available h3 { font-size: 43px; margin: 25px 0 15px; }
  .workshop-card.available p { padding: 0; }
  .workshop-card.available .text-link { margin-top: 20px; }
  .contact-composition { grid-template-columns: 1fr; gap: 28px; }
  .contact h2 { font-size: clamp(44px,10.8vw,76px); }
  .contact-still { display: grid; grid-template-columns: 110px 1fr; align-items: end; gap: 25px; margin: 0; }
  .contact-still img { aspect-ratio: 1; object-position: 50% 35%; }
  .contact-still figcaption { font-size: 11px; padding: 0; }
  .contact-bottom { margin: 30px 0 40px; }
  .contact-address { font-size: 11px; overflow-wrap: anywhere; }
  .footer-word { font-size: 21vw; padding-block: 25px; }
}
@media (max-width: 370px) {
  .tile-caption { flex-wrap: wrap; }
  .collection-grid .collection-tile { flex-basis: 96%; }
  .intro-kicker { display: none; }
  .editorial-spread figcaption { font-size: 18px; }
  .hero-bottom p { font-size: 44px; }
  .plan h3 { font-size: 37px; }
}

/* Mobile edition: open photography, distinct surfaces and a quieter reading rhythm. */
@media (max-width: 760px) {
  :root { --gutter: clamp(20px, 5.7vw, 32px); }
  .section { padding-block: 64px; }
  .eyebrow { letter-spacing: .1em; }
  .header { padding-block: 22px; }
  .hero-bottom { bottom: 58px; gap: 18px; }
  .hero-bottom .eyebrow { font-size: 8px; max-width: 220px; margin-bottom: 14px; }
  .hero-bottom p { font-size: clamp(46px,13vw,72px); }
  .hero-scroll { font-size: 8px; }
  .manifesto { background: var(--paper); padding-top: 56px; }
  .manifesto-top { margin-bottom: 28px; }
  .manifesto h2 { font-size: clamp(39px,10.5vw,70px); line-height: 1.07; }
  .manifesto-heading { gap: 20px; }
  .margin-note { margin: 0; justify-self: end; font-size: 10px; }
  .editorial-spread { margin-top: 30px; gap: 25px 18px; }
  .editorial-spread .approach-frame-lead img { aspect-ratio: 1 / 1.12; object-position: 50% 42%; }
  .editorial-spread .approach-frame:nth-child(3) { padding-top: 36px; }
  .editorial-spread .approach-frame-lead figcaption { font-size: 30px; }
  .editorial-spread figcaption { font-size: 19px; }
  .manifesto-text { margin-top: 32px; }
  .editorial-annotation { font-size: 29px; margin-bottom: 20px; }
  .manifesto-text p { font-size: 14px; line-height: 1.9; }
  .collection-edit { background: #c5d4ad; }
  .collection-edit h2 { font-size: clamp(46px,12vw,72px); }
  .collection-edit .section-head { margin-bottom: 26px; padding-bottom: 22px; }
  .collection-edit .section-head > div + div { margin-top: 18px; }
  .collection-edit .section-head p { font-size: 13px; }
  .collection-grid { gap: 22px; }
  .collection-grid .collection-tile {
    flex: 0 0 88%; padding: 0; background: none; color: var(--ink);
  }
  .collection-card-top { padding-bottom: 12px; font-size: 8px; }
  .tile-image, .collection-tile:nth-child(3n+1) .tile-image { aspect-ratio: 4 / 5; }
  .tile-open { background: var(--paper); width: 40px; height: 40px; right: 12px; bottom: 12px; }
  .tile-caption { padding-top: 18px; display: block; }
  .tile-caption h3 { font-size: clamp(29px,8.4vw,43px); }
  .tile-caption .swatches { margin-top: 12px; }
  .tile-story { font-size: 20px; margin-top: 10px; }
  .collection-mobile-controls { align-items: center; margin-top: 26px; gap: 10px; }
  .collection-mobile-controls > span { font-size: 9px; letter-spacing: 0; max-width: 115px; }
  .collection-mobile-controls > div { gap: 8px; }
  .collection-foot { font-size: 9px; margin-top: 26px; }
  .spaces { background: #35492e; }
  .spaces .section-head h2 { font-size: clamp(46px,11.8vw,72px); }
  .spaces .section-head { margin-bottom: 28px; }
  .space-photo { flex-basis: 86%; }
  .space-photo img { aspect-ratio: 1 / 1.08; }
  .space-badge { padding: 8px 10px; font-size: 8px; }
  .space-photo figcaption { font-size: 12px; margin-top: 12px; padding-top: 13px; }
  .plans { margin-top: 42px; }
  .plan, .plan:first-child, .plan:last-child { padding-block: 28px; gap: 12px; }
  .plan h3 { font-size: 38px; }
  .plan p { font-size: 13px; }
  .plan-price { font-size: 35px; }
  .plan .eyebrow { font-size: 8px; }
  .atelier-teaser { background: var(--paper); }
  .teaser-image { aspect-ratio: 1; }
  .teaser-copy { padding: 42px var(--gutter) 56px; }
  .teaser-copy h2 { font-size: clamp(45px,11.5vw,70px); }
  .workshop-banner { padding-block: 45px; background: var(--pistachio); }
  .workshop-banner > span:nth-child(2) { font-size: 38px; }
  .contact { padding-block: 56px; }
  .contact h2 { font-size: clamp(40px,10.2vw,65px); }
  .contact-note { margin-bottom: 28px; }
  .contact-still { grid-template-columns: 100px 1fr; gap: 20px; }
  footer { background: var(--pistachio); }

  /* Covers read as one composition, without a screenful of empty padding. */
  .art-intro { padding-top: 112px; padding-bottom: 34px; background: var(--pistachio); }
  .art-intro .intro-top { margin-bottom: 24px; padding-top: 16px; }
  .art-intro h1, .workshops-intro h1 { font-size: clamp(46px,12vw,76px); }
  .intro-composition { gap: 28px; }
  .art-intro .intro-bottom { margin-top: 20px; }
  .art-intro .intro-bottom p { font-size: 13px; line-height: 1.85; }
  .intro-image img, .atelier-intro .intro-image img { aspect-ratio: 1.15; }
  .spaces-intro .intro-image img { aspect-ratio: 1.1; }
  .intro-visual figcaption { padding-top: 12px; }
  .collection-index { background: var(--paper); min-height: 58px; padding-block: 16px; }
  .collection-story, .collection-story:nth-child(even) {
    background: var(--paper); color: #2d4026; --ink: #2d4026;
    --collection-paper: #edf1e3; --collection-ink: #2d4026;
    gap: 27px; padding-block: 36px 48px;
  }
  .collection-story:nth-child(even) { background: #dce5c9; --collection-paper: #dce5c9; }
  .collection-story-copy h2 { font-size: clamp(36px,10vw,61px); margin-block: 16px; }
  .chapter-number { font-size: 32px; margin-bottom: 14px; opacity: .6; }
  .collection-story-copy > p { font-size: 14px; line-height: 1.85; }
  .collection-story .collection-caption { font-size: 24px !important; }
  .gallery-image { aspect-ratio: 1 / 1.15; }
  .thumbnails { gap: 8px; }
  .thumbnails button { width: 42px; height: 50px; }
  .collection-actions { gap: 16px; }
  .collection-actions .pill { min-height: 48px; }
  .editorial h2, .about-alya h2 { font-size: clamp(46px,12vw,72px); }
  .editorial-copy p, .statement-columns p { font-size: 14px; }
  .editorial { gap: 30px; }
  .reel { width: min(100%,360px); margin-inline: auto; }
  .reel-frame { padding: 6px; }
  .reel-frame > .reel-fallback { inset: 6px; }
  .about-alya { background: var(--pistachio-soft); }
  .workshop-grid { gap: 38px; }
  .workshop-card h3 { font-size: 30px; }
  .workshop-card.available { padding: 18px; }
  .workshop-card.available h3 { font-size: 38px; }
}

@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  /* One-shot mobile entrances; no clipping, blur or scroll interception. */
  .motion-heading.motion-prepared {
    opacity: 1; transform: none;
    transition: opacity .65s ease, transform .8s cubic-bezier(.22,1,.36,1);
  }
  .motion-heading.motion-prepared:not(.motion-visible) { opacity: 0; transform: translateY(14px); }
  .motion-copy.motion-prepared {
    opacity: 1; transform: none;
    transition: opacity .65s ease .07s, transform .75s cubic-bezier(.22,1,.36,1) .07s;
  }
  .motion-copy.motion-prepared:not(.motion-visible) { opacity: 0; transform: translateY(8px); }
  .motion-card.motion-prepared { opacity: 1; transition: opacity .7s ease; }
  .motion-card.motion-prepared:not(.motion-visible) { opacity: .2; }
  .album-prepared:not(.album-open) .album-image img,
  .motion-photography.motion-prepared:not(.motion-visible) img { opacity: .25; transform: scale(1.035); }
  .album-prepared .album-image img, .motion-photography.motion-prepared img {
    transition: opacity .7s ease, transform 1s cubic-bezier(.22,1,.36,1); transform: scale(1);
  }
  .album-prepared figcaption, .album-prepared:not(.album-open) figcaption { opacity: 1; transition: none; }
  .statement-images.motion-prepared:not(.motion-visible) img { transform: none; }
  .motion-palette.motion-prepared:not(.motion-visible) i { opacity: 1; transform: none; }
}

/* Pistachio-led, balanced by milk between the large colour fields. */
.header, .is-inner .header { color: var(--ink); }
.hero { background: var(--pistachio-rich); color: var(--ink); }
.hero-topline { top: 120px; line-height: 1.65; }
.hero-topline > span:last-child { text-align: right; }
.hero-word { color: var(--ink); text-shadow: 0 1px 22px #f5f3ea30; }
.hero-explore:hover { color: var(--moss); }
.manifesto, .editorial, .workshop-formats { background: var(--paper); }
.collection-edit { background: var(--pistachio); }
.atelier-teaser { background: var(--pistachio-soft); }
.collections-intro, .spaces-intro, .atelier-intro, .workshops-intro, .art-intro { background: var(--pistachio-soft); }
.art-intro h1 em { color: var(--moss); }
[data-collection="painters-palette"] { --collection-paper: #e7ecd9; --collection-ink: #414936; }
[data-collection="chrysanthemum"] { --collection-paper: #dce4ca; --collection-ink: #414936; }
[data-collection="all-green"] { --collection-paper: #ccd8b6; --collection-ink: #414936; }
[data-collection="amethyst"] { --collection-paper: #e9ecdf; --collection-ink: #414936; }
[data-collection="botanical"] { --collection-paper: #f0f1e6; --collection-ink: #414936; }
[data-collection="ember"] { --collection-paper: #dee5cd; --collection-ink: #414936; }
.collection-story, .collection-story:nth-child(even) { --ink: #414936; color: var(--collection-ink); }
.collection-index { background: #f5f3eaf5; }
.collection-index a:hover { color: var(--moss); }
.atelier-statement, .workshop-card.available {
  background: var(--pistachio); color: var(--ink);
}
.spaces, .workshop-banner { background: var(--paper); color: var(--ink); }
.spaces .section-head p, .space-photo figcaption > span:last-child,
.rail-caption, .plan .eyebrow, .plan p, .statement-columns { color: var(--ink); }
.spaces .plans, .spaces .plan { border-color: var(--line); }
.space-photo figcaption { border-top-color: var(--line); }
.space-badge { background: var(--paper); color: var(--ink); }
.workshop-banner:hover { background: var(--pistachio-rich); }
.about-alya { background: var(--paper); }
.contact { background: var(--pistachio); color: var(--ink); }
.contact-note, .contact-address { border-top-color: var(--line); }
.contact h2 em, .contact-still figcaption, .contact-bottom p, .contact-address { color: var(--ink); }
.contact .pill.light { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.contact .pill.light:hover { background: var(--deep); }
footer { background: var(--paper); }
.menu-dialog { background: var(--pistachio); color: var(--ink); }
.menu-dialog .close, .menu-dialog nav a { border-color: var(--line); }
.menu-dialog nav a[aria-current] { color: var(--moss); }
@media (max-width: 760px) {
  .hero { --hero-film-top: 152px; }
  .hero-topline { top: calc(var(--hero-film-top) - 10px - 3.3em); left: 6%; right: 6%; font-size: 8px; line-height: 1.65; }
  .hero-film { top: var(--hero-film-top); }
  .hero-word { top: calc(var(--hero-film-top) + 22px); font-size: 20vw; }
  .hero-bottom { left: 9%; right: 9%; bottom: 56px; align-items: center; gap: 16px; text-align: center; }
  .hero-bottom .eyebrow { max-width: none; margin: 0 0 13px; font-size: 8px; letter-spacing: .1em; line-height: 1.65; }
  .hero-credit { display: block; }
  .hero-bottom p { font-size: clamp(42px,12vw,66px); line-height: 1.04; letter-spacing: -.025em; }
  .hero-explore { width: 180px; min-width: 0; min-height: 44px; padding: 10px 0; gap: 16px; font-size: 10px; }
  .hero-scroll { left: 0; width: 100%; text-align: center; bottom: 18px; font-size: 7px; }
  .hero-word, .hero-bottom, .hero-scroll { color: var(--paper); }
  .hero-word { text-shadow: 0 1px 20px #343d2c40; }
  .hero-stage:after { background: linear-gradient(transparent,#343d2c70); }
  .hero-explore:hover { color: var(--paper); }
  .collection-edit { background: var(--pistachio); }
  .spaces { background: var(--paper); }
  .collection-story { background: var(--paper); --collection-paper: #f5f3ea; --collection-ink: #414936; }
  .collection-story:nth-child(even) { background: var(--pistachio-soft); --collection-paper: #dfe7cd; }
}
@media (max-width: 760px) and (max-height: 650px) {
  .header { padding-block: 16px; }
  .hero { --hero-film-top: 136px; }
  .hero-topline { top: calc(var(--hero-film-top) - 10px - 3.2em); font-size: 7px; line-height: 1.6; }
  .hero-word { top: calc(var(--hero-film-top) + 18px); }
  .hero-bottom { bottom: 43px; gap: 10px; }
  .hero-bottom p { font-size: clamp(38px,11vw,50px); }
  .hero-bottom .eyebrow { font-size: 7px; margin-bottom: 9px; }
  .hero-scroll { bottom: 12px; }
}