:root {
 --cream: #f8f6f1; --cream-alt: #f0ede6; --ink:#171715; --text:#4d4b45; --muted:#847f75; --line:#d6d0c6;
 --serif: 'Iowan Old Style','Baskerville','Bodoni MT','Didot','Times New Roman',serif;
 --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a {color:inherit;text-decoration:none} button{font:inherit} img{display:block;max-width:100%}
figure,p,h1,h2{margin:0}
.wrap {width:min(1380px,calc(100% - 8.4vw)); margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}
.site-header {position:relative;z-index:40;border-bottom:1px solid var(--line);background:rgba(248,246,241,.97)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark{font-family:var(--serif);font-weight:400;letter-spacing:.19em;font-size:28px;white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:38px;margin-left:auto}
.site-nav a,.back-to-top {font-size:10px;font-weight:600;letter-spacing:.23em}
.site-nav a {position:relative;padding-block:14px}.site-nav a::after{position:absolute;left:0;bottom:5px;width:0;height:1px;background:currentColor;content:'';transition:width .22s}.site-nav a:hover::after,.site-nav a:focus-visible::after{width:100%}

.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px 0}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;line-height:1.65;letter-spacing:.26em;font-weight:600;color:#747066}
.eyebrow-mark{display:block;width:21px;height:1px;background:#a99b86}.section-num{display:inline-block;font-family:var(--serif);font-size:14px;letter-spacing:0;color:#a49d90}
.hero{min-height:715px;display:grid;grid-template-columns:44% 56%;align-items:stretch;position:relative;padding-block:34px 55px}
.hero-copy{padding:clamp(75px,11vw,156px) 7% 50px 3%;align-self:stretch;position:relative}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.05em;line-height:.98}h1{font-size:clamp(96px,10vw,170px);margin-top:31px}h1 em,h2 em{font-style:italic;font-weight:400}.dot{color:#b29d78}
.tagline{font-family:var(--serif);font-size:clamp(24px,2.65vw,37px);line-height:1.2;margin-top:30px;letter-spacing:-.025em}
.fine-rule{height:1px;width:70px;background:#aa9e8b;margin:31px 0 22px}
.hero-desc,.feature-text{font-size:15px;line-height:1.85;color:var(--text);max-width:435px}
.outline-button{border:1px solid #797369;min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:0 20px;font-size:10px;letter-spacing:.2em;font-weight:650;margin-top:30px;transition:background .2s,color .2s}
.outline-button:hover,.outline-button:focus-visible{background:var(--ink);color:var(--cream)}
.side-note{position:absolute;bottom:20px;left:3%;font-size:9px;letter-spacing:.27em;color:var(--muted)}
.photo-frame{position:relative;overflow:hidden;background:#e9e4dc}.photo-frame img{height:100%;width:100%;object-fit:cover;display:block}
.hero-photo{height:660px;align-self:center}.hero-photo img{object-position:center 37%}
.hero-photo figcaption{position:absolute;bottom:18px;right:20px;color:#fff;text-shadow:0 1px 8px #0009;font-size:9px;letter-spacing:.26em}
.feature-section{padding:94px 0;border-top:1px solid var(--line)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:min(8vw,125px)}
.feature-copy{max-width:490px}h2{font-size:clamp(50px,5vw,83px);line-height:1.04;margin:23px 0 29px}
.feature-text{max-width:455px}.small-line{margin-top:35px;letter-spacing:.22em;font-size:10px;color:#80766b}
.about-photo{height:560px}.about-photo img{object-position:center 31%}.about-grid{grid-template-columns:49% 1fr}
.music{background:var(--cream-alt)}.music-grid{grid-template-columns:minmax(0,41fr) minmax(0,59fr);column-gap:4vw}.music-copy{padding:10px 0 10px 2%}.music-photo{height:500px}.music-photo img{object-position:center 47%}
.music-sub{font-size:11px;font-weight:600;letter-spacing:.34em;color:var(--muted)}.music-copy .fine-rule{margin:26px 0 20px}.fineprint{font-size:11px;line-height:1.6;color:#817b72;margin-top:18px;max-width:360px}
.visuals-grid{grid-template-columns:49% 1fr}.visuals-photo{height:610px}.visuals-photo img{object-position:center 48%}
.join{background:var(--cream-alt)}.join-grid{grid-template-columns:minmax(0,39fr) minmax(0,61fr);column-gap:5vw}.join-photo{height:500px}.join-photo img{object-position:35% center}
.site-footer{border-top:1px solid var(--line);background:var(--cream)}.footer-inner{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-inner .wordmark{font-size:21px}.footer-inner>span{font-size:10px;letter-spacing:.2em;color:var(--muted)}
@media (max-width:1100px){.site-nav{gap:22px}.header-inner{height:78px}.hero{grid-template-columns:46% 54%;min-height:620px}.hero-photo{height:575px}h1{font-size:clamp(77px,9vw,125px)}.feature-section{padding:70px 0}.feature-grid{column-gap:45px}.music-grid,.join-grid{column-gap:4vw}.about-photo,.visuals-photo{height:510px}.music-photo,.join-photo{height:410px}}
@media (max-width:730px){.wrap{width:calc(100% - 40px)}.header-inner{height:68px}.wordmark{font-size:20px}.site-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:18px 20px 25px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;margin:0}.site-nav.is-open{display:flex}.site-nav a{padding:14px;font-size:12px}.menu-toggle{display:block;order:3}.hero{display:flex;flex-direction:column;min-height:0;padding-top:12px;padding-bottom:52px}.hero-copy{padding:55px 3px 34px}.hero h1{font-size:clamp(91px,23vw,145px);margin-top:10px}.hero-desc{max-width:340px}.tagline{margin-top:14px;font-size:28px}.side-note{display:none}.hero-photo{height:auto;aspect-ratio:4/5;width:100%;max-height:680px}.hero-photo img{object-position:center 35%}.feature-section{padding:58px 0}.feature-grid,.music-grid,.join-grid,.about-grid,.visuals-grid{display:flex;flex-direction:column;gap:30px;align-items:stretch}.feature-copy{max-width:none}.about-photo,.visuals-photo{height:auto;aspect-ratio:4/4.5}.music-photo,.join-photo{height:auto;aspect-ratio:5/4}.music-photo{order:-1}.about-copy,.visuals-copy,.join-copy,.music-copy{padding:0 4px}.feature-text{max-width:100%}h2{font-size:clamp(56px,12vw,76px);margin:15px 0 20px}.fine-rule{margin-top:25px}.footer-inner{min-height:100px;flex-wrap:wrap;justify-content:space-between;padding-block:24px}.footer-inner>span{order:3;width:100%;font-size:9px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V2 — ORIGINAL PHOTO-SAFE FRAMING
   Preserve every original photograph without cutting Mily's face or hair.
   The portrait frames keep their natural proportions instead of cropping. */
.photo-frame { background: transparent; }
.photo-frame img { object-fit: contain; object-position: center center; }
.hero-photo { width: min(100%, 440px); margin-inline: auto; }
.about-photo { width: min(100%, 470px); margin-inline: auto; }
.visuals-photo { width: min(100%, 407px); margin-inline: auto; }
.music-photo { width: min(100%, 666px); margin-inline: auto; }
.join-photo { width: min(100%, 667px); margin-inline: auto; }
@media(max-width:1100px) and (min-width:731px) {
  .hero-photo { width: min(100%, 383px); }
  .about-photo { width: min(100%, 429px); }
  .visuals-photo { width: min(100%, 340px); }
  .music-photo { width: min(100%, 545px); }
  .join-photo { width: min(100%, 545px); }
}
@media(max-width:730px) {
  .hero-photo { width:100%; height:auto; max-height:none; aspect-ratio:2/3; }
  .about-photo { width:100%; height:auto; aspect-ratio:1122/1402; }
  .visuals-photo { width:100%; height:auto; aspect-ratio:2/3; }
  .music-photo { width:100%; height:auto; aspect-ratio:1445/1089; }
  .join-photo { width:100%; height:auto; aspect-ratio:1448/1086; }
}

/* V3 - Approved editorial wording and accessible expandable artist story */
.hero-copy {padding-top:clamp(46px,6.6vw,96px);padding-bottom:50px;}
.hero h1 {font-size:clamp(92px,9vw,150px);margin-top:24px;}
.hero .tagline {font-size:clamp(24px,2.2vw,32px);line-height:1.18;max-width:410px;margin-top:23px;}
.hero .fine-rule {margin:24px 0 17px;}
.hero-desc {font-size:14px;line-height:1.65;max-width:390px;}
.hero-desc-second {margin-top:12px;}
.hero .outline-button {margin-top:22px;}
.about-copy h2 {font-size:clamp(39px,4vw,63px);letter-spacing:-.048em;line-height:1.09;}
.about-copy h2 em {font-style:normal;}
.about-toggle {cursor:pointer;background:transparent;color:var(--ink);margin-top:26px;}
.about-toggle span[aria-hidden] {display:inline-block;transition:transform .2s ease;}
.about-toggle[aria-expanded=true] span[aria-hidden] {transform:rotate(90deg);}
.about-story[hidden] {display:none!important;}
.about-story {border-top:1px solid var(--line);margin-top:52px;padding-top:36px;display:grid;grid-template-columns:38% 1fr;gap:8%;align-items:start;}
.about-story-heading h3 {font-family:var(--serif);font-size:clamp(34px,3.2vw,53px);font-weight:400;letter-spacing:-.04em;margin:15px 0;}
.about-story-body {max-width:680px;}
.about-story-body p {color:var(--text);font-size:15px;line-height:1.9;margin-bottom:18px;}
.about-story-body p:last-child {margin-bottom:0;}
@media(max-width:1100px) {
 .hero-copy {padding-top:45px;}
 .hero h1 {font-size:clamp(75px,8.6vw,120px);}
 .hero .tagline {font-size:clamp(21px,2.35vw,28px);}
 .about-copy h2 {font-size:clamp(36px,4vw,55px);}
}
@media(max-width:730px) {
 .hero-copy {padding:42px 3px 35px;}
 .hero h1 {font-size:clamp(88px,22vw,145px);}
 .hero .tagline {font-size:clamp(25px,6.8vw,31px);max-width:400px;}
 .hero-desc {font-size:14px;}
 .about-copy h2 {font-size:clamp(40px,9.4vw,62px);}
 .about-story {margin-top:36px;padding-top:27px;display:block;}
 .about-story-heading h3 {font-size:38px;margin:8px 0 16px;}
 .about-story-body p {font-size:14px;line-height:1.8;}
 .about-photo {aspect-ratio:1122/1402;}
}

/* V4 — Discover More opens directly under its own button, not below the whole image section */
.about-grid { align-items: start; }
.about-copy { padding-top: 28px; }
.about-copy .about-story[hidden] { display: none !important; }
.about-copy .about-story { display: block; margin-top: 28px; padding: 24px 0 0; border-top: 1px solid var(--line); }
.about-copy .about-story-heading h3 { font-family: var(--serif); font-weight: 400; font-size: clamp(32px, 3vw, 44px); line-height: 1.08; letter-spacing: -.035em; margin: 12px 0 17px; }
.about-copy .about-story-body p { max-width: 470px; font-size: 14px; line-height: 1.85; margin: 0 0 15px; }
.about-copy .about-story-body p:last-child { margin-bottom: 0; }
@media(max-width:730px) {
  .about-copy { padding-top: 0; }
  .about-copy .about-story { margin-top: 22px; padding-top: 20px; }
  .about-copy .about-story-heading h3 { font-size: 36px; }
  .about-copy .about-story-body p { font-size: 14px; }
}

/* V5 - Stay Connected: functional newsletter UI preview and official social destinations */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.join-grid{grid-template-columns:minmax(0,48fr) minmax(0,52fr);column-gap:clamp(28px,3vw,58px);align-items:center}
.join-copy{max-width:600px}
.join-copy h2{font-size:clamp(40px,3.85vw,61px);letter-spacing:-.05em;line-height:1.08;margin-bottom:14px}
.join-copy .feature-text{max-width:480px;line-height:1.65}
.join-copy .eyebrow{margin-bottom:10px}
.newsletter-form{margin-top:26px;max-width:530px}
.newsletter-form-row{display:flex;gap:10px;align-items:stretch}
.newsletter-form-row input{min-width:0;flex:1;height:48px;border:1px solid #d1cabf;background:#fffdfa;padding:0 15px;color:var(--ink);font-size:13px;outline-offset:3px}
.newsletter-form-row input:focus-visible{outline:2px solid #77624f}
.newsletter-form-row input::placeholder{color:#857e74}
.subscribe-button{height:48px;padding:0 23px;border:1px solid #75604f;background:#806956;color:#fff;letter-spacing:.17em;font-size:10px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s}
.subscribe-button:hover,.subscribe-button:focus-visible{background:#564336}
.newsletter-consent{margin-top:14px;display:flex;gap:9px;align-items:flex-start;max-width:520px;line-height:1.5;color:#615d56;font-size:11px;cursor:pointer}
.newsletter-consent input{margin:2px 0 0;accent-color:#806956;flex:0 0 auto}
.newsletter-setup-note,.social-note{margin-top:9px;color:#8a8178;font-size:10px;line-height:1.55}
.newsletter-status{min-height:0;font-size:12px;line-height:1.55;margin-top:8px;color:#704d3a}
.newsletter-status:empty{display:none}
.social-icons{display:flex;align-items:center;gap:18px;margin-top:21px}
.social-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#22201d;flex:0 0 auto}
.social-icon svg{display:block;width:20px;height:20px}
a.social-icon:hover,a.social-icon:focus-visible{color:#947153;transform:translateY(-1px)}
.social-icon.is-pending{color:#655e57;cursor:default;opacity:.65}
.join-photo{width:100%;height:auto;aspect-ratio:1448/1086;margin-inline:0}
.join-photo img{object-fit:contain;width:100%;height:100%}
@media(max-width:1100px){.join-grid{grid-template-columns:minmax(0,50fr) minmax(0,50fr);column-gap:30px}.join-copy h2{font-size:clamp(36px,4vw,49px)}.subscribe-button{padding-inline:17px}}
@media(max-width:730px){.join-grid{display:flex;flex-direction:column;gap:30px}.join-copy{max-width:none}.join-copy h2{font-size:clamp(41px,10vw,58px)}.join-photo{width:100%;aspect-ratio:1448/1086}.newsletter-form{max-width:100%}.social-icons{gap:20px}}
@media(max-width:380px){.newsletter-form-row{flex-direction:column}.subscribe-button{width:100%}}

/* V6 — visual-world editorial storytelling in two spacious paragraphs */
.visuals-copy .visuals-text-second { margin-top: 17px; }
.visuals-copy .small-line { margin-top: 27px; }
@media(max-width:730px){ .visuals-copy .visuals-text-second { margin-top: 14px; } }

/* V10: discrete, direct email contact under Stay Connected */
.direct-contact{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:16px;row-gap:6px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;max-width:530px}
.direct-contact-label{font-size:10px;letter-spacing:.22em;font-weight:600;color:#7c7469}
.direct-contact-email{font-family:var(--sans);font-size:clamp(12px,1.16vw,15px);color:var(--ink);text-decoration:none;overflow-wrap:anywhere;border-bottom:1px solid transparent;padding-bottom:2px}
.direct-contact-email:hover,.direct-contact-email:focus-visible{border-bottom-color:currentColor}
.direct-contact-email span{font-size:12px;padding-left:4px;color:#957b63}

/* V11 — quiet, accessible ambient audio: a single icon in the header */
.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:38px;flex:0 0 34px;padding:6px;margin-left:-10px;background:transparent;border:0;color:#5f594f;cursor:pointer;border-radius:50%;transition:color .2s ease,background .2s ease}
.sound-toggle:hover{color:var(--ink);background:rgba(120,105,85,.08)}
.sound-toggle:focus-visible{outline:2px solid #7f6b56;outline-offset:3px}
.sound-toggle .sound-icon{width:21px;height:21px;display:block}
.sound-toggle .sound-icon[hidden]{display:none!important}
@media(max-width:730px){.header-inner{gap:13px}.sound-toggle{margin-left:-5px;width:30px;height:36px;flex-basis:30px}.sound-toggle .sound-icon{width:20px;height:20px}}










/* V14: English-only header, editorial close-up of Mily on the terrace. */
.sound-toggle{margin-left:0}
.about-photo{aspect-ratio:1122/1402;height:auto}
.about-photo img{width:100%;height:auto;object-fit:contain}
@media(max-width:730px){.about-photo{aspect-ratio:1122/1402}}