:root{--mint:#CFE9E4;--green:#115E5D;--ink:#115E5D;--line:#CFE9E4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--mint);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #CFE9E4;outline-offset:5px}header{height:112px;margin:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.wordmark{display:flex;align-items:center;gap:12px}.wordmark b{font-size:44px;letter-spacing:-6px;line-height:1;padding-right:5px}.wordmark span{font-size:12px;letter-spacing:3px}nav{margin-left:auto;display:flex;align-items:center;gap:36px;font-size:14px}.nav-cta{border:1px solid var(--green);padding:13px 22px;border-radius:30px}.bsd{align-self:flex-start;margin-top:19px;font-size:18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:66px 6% 24px 10%;display:flex;flex-direction:column}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.2px;margin:0 0 28px}h1{font-size:clamp(48px,5.5vw,84px);letter-spacing:-4px;line-height:1.04;font-weight:500;margin:0}i{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 i{color:var(--green)}.intro{max-width:405px;font-size:17px;line-height:1.65;margin:28px 0}.hero-actions{display:flex;gap:28px;align-items:center}.button{display:inline-block;padding:17px 27px;background:var(--green);color:var(--mint);border:0;border-radius:40px;cursor:pointer;font-size:14px}.button:hover{background:#115E5D}.text-link{font-size:14px;border-bottom:1px solid;padding:5px 0}.hero-foot{margin-top:auto;padding-top:60px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.hero-art{position:relative;overflow:hidden;margin:32px 5% 32px 0;border-radius:220px 220px 8px 8px;background:#CFE9E4}.hero-art img{height:100%;width:200%;max-width:none;object-fit:cover;position:absolute;left:-100%;object-position:100% center}.art-label{position:absolute;bottom:26px;left:0;width:100%;text-align:center;font-size:11px;letter-spacing:1.8px}.section{padding:90px 8%}.services{background:var(--green);color:var(--mint)}.section-top{display:flex;justify-content:space-between}.section-top>span{font-size:10px;letter-spacing:1.5px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:15px 0 55px}h2{font-size:clamp(40px,4.6vw,64px);line-height:1.06;font-weight:400;letter-spacing:-2.6px;margin:0}.section-heading>p{max-width:340px;line-height:1.7;font-size:16px}.service-list{border-top:1px solid #CFE9E4}.service{background:transparent;color:inherit;border:0;border-bottom:1px solid #CFE9E4;display:flex;width:100%;text-align:left;padding:28px 0;gap:40px;cursor:pointer}.number{font-size:13px;padding-top:8px}.service-content{flex:1}.service strong{font-size:30px;font-weight:400}.description{display:none;font-size:16px;line-height:1.65;max-width:650px;margin-top:19px}.open .description{display:block}.toggle{font-size:32px;line-height:1}.approach{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.record-art{overflow:hidden;position:relative;min-height:720px;background:#CFE9E4}.record-art img{height:100%;width:200%;object-fit:cover;position:absolute;left:0;object-position:left center}.approach-copy{padding:90px 12%}.approach-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;margin:28px 0 35px}ol{padding:0;list-style:none}li{display:flex;gap:22px;border-top:1px solid var(--line);padding:22px 0}li>span{font-size:12px;padding-top:5px}h3{font-size:17px;font-weight:500;margin:0 0 8px}li p{font-size:14px;line-height:1.6;margin:0}.session{background:#115E5D;color:var(--mint)}.session-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.session-grid>div>p{max-width:335px;line-height:1.7;margin:25px 0;font-size:16px}.session-note{font-size:11px;letter-spacing:2px;margin-top:70px}form{display:grid;gap:22px}label{display:grid;gap:11px;font-size:14px}input,select,textarea{width:100%;background:transparent;color:var(--mint);border:0;border-bottom:1px solid #CFE9E4;padding:10px 0 15px;border-radius:0;font-size:16px}input::placeholder,textarea::placeholder{color:#CFE9E4}select option{color:var(--ink);background:var(--mint)}textarea{resize:vertical}form .button{background:var(--mint);color:var(--ink);justify-self:start}form .button:hover{background:#CFE9E4}.form-note{font-size:12px;color:#CFE9E4;margin:0;line-height:1.5}#status:empty{display:none}#status{font-size:14px;margin:0}footer{display:flex;align-items:center;gap:30px;padding:42px 5%;font-size:12px}footer p{font-family:Georgia,serif;font-size:21px;margin-right:auto}footer>a:last-child{border-bottom:1px solid;padding-bottom:4px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:90px;gap:15px}nav{gap:15px}nav>a:not(.nav-cta){display:none}.wordmark span{font-size:10px}.bsd{font-size:15px}.nav-cta{padding:11px 15px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 7% 25px}h1{font-size:60px;letter-spacing:-3px}.hero-foot{padding-top:45px}.hero-art{height:440px;margin:10px 7% 40px;border-radius:180px 180px 8px 8px}.section{padding:55px 7%}.section-top>span{display:none}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:100%;margin-top:25px}.service{gap:20px}.service strong{font-size:25px}.approach{grid-template-columns:1fr}.record-art{min-height:440px}.approach-copy{padding:50px 7%}.session-grid{grid-template-columns:1fr;gap:35px}.session-note{margin-top:25px}footer{flex-wrap:wrap;gap:24px;padding:35px 7%}footer p{width:50%;font-size:18px}footer>span{margin-right:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-links{display:grid;gap:15px;margin-top:30px;font-size:15px}.contact-links a{text-decoration:underline;text-underline-offset:5px;justify-self:start}

/* Exact YL Studios palette across surfaces and interaction states. */
body{background:var(--green);color:var(--mint)}:root{--mint:#CFE9E4;--green:#115E5D;--ink:#115E5D;--line:#CFE9E4}h1 i{color:var(--mint)}.nav-cta{border-color:var(--mint)}.button,form .button{background:var(--mint);color:var(--green);border:1px solid var(--mint)}.button:hover,form .button:hover{background:var(--green);color:var(--mint)}.hero-art,.record-art{background:var(--green)}.art-label{background:var(--green);color:var(--mint);padding:12px 5px}.service:hover strong,.text-link:hover,.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}::selection{background:var(--mint);color:var(--green)}


/* Palette sampled from the supplied artwork with its profile converted to sRGB. */
.logo-mark{display:block;width:86px;height:88px;background:url("assets/brand-fixed.png") center 60% / 310px auto no-repeat}.wordmark{gap:0}.hero-art,.record-art{background:var(--mint)}
.admin{max-width:1100px;margin:auto}.admin h1{font-size:clamp(38px,6vw,70px)}.admin p{line-height:1.6}.admin-upload{margin-top:32px;padding:28px;border:1px solid var(--mint);max-width:650px}.admin-upload .button{justify-self:start}.admin input{color:var(--mint)}.admin-track{padding:26px 0;border-bottom:1px solid var(--mint)}.admin-track h3{font-size:22px}.admin-track audio{display:block;width:min(100%,600px);margin:16px 0}.admin button:disabled{opacity:.65;cursor:wait}.admin .section-top a{font-size:14px}

.session-grid{grid-template-columns:1fr}.session-grid>div{max-width:900px}.session .contact-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.session-grid>div>p{max-width:560px}@media(max-width:600px){.session .contact-links{grid-template-columns:1fr}}
.music{border-top:1px solid var(--mint)}.public-track{display:flex;gap:28px;border-top:1px solid var(--mint);padding:28px 0}.public-track>div{flex:1;min-width:0}.public-track h3{font-size:24px;margin-bottom:16px}.track-number{font-size:14px;padding-top:6px}.public-track audio{display:block;width:100%;max-width:760px}.admin-track>div{display:flex;flex-wrap:wrap;gap:12px}

.track-cover{width:112px;height:112px;object-fit:cover;border-radius:8px;flex-shrink:0}.track-cover[hidden]{display:none}.admin-track .track-cover{margin-bottom:16px}.public-track{align-items:center}

.hero h1.yl-phrases{font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.08;letter-spacing:-.035em}.yl-pair{display:block;margin-bottom:.55em}.yl-pair>span{display:block}.yl-answer{font-size:.72em;font-style:italic;font-weight:400;margin-top:.18em}.yl-initial{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.09em}.yl-answer .yl-initial{font-style:normal}@media(max-width:600px){.hero h1.yl-phrases{font-size:clamp(2rem,8vw,2.7rem)}}

.hero h1.yl-phrases{--yl-letter-size:clamp(2.6rem,4.6vw,4.6rem)}.yl-initial,.yl-answer .yl-initial{font-size:var(--yl-letter-size);font-weight:800;font-style:normal;text-decoration:none;line-height:1;vertical-align:baseline}.yl-answer{font-size:1em}@media(max-width:600px){.hero h1.yl-phrases{--yl-letter-size:clamp(2.6rem,10vw,3.5rem)}}

/* Studio artwork fades into the service section instead of sitting in a card. */
.studio-value{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:24px;margin-top:56px;padding-top:40px;border-top:1px solid rgba(207,233,228,.35)}
.studio-value-copy{position:relative;z-index:1;padding:24px 0}
.studio-value .eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:1.8px}
.studio-value h3{font-size:clamp(38px,4.6vw,64px);font-weight:400;line-height:1.06;letter-spacing:-2px;margin:0}
.studio-value-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:24px 0}
.studio-value-art{min-width:0;position:relative}
.studio-value-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%)}
@media(max-width:800px){.studio-value{grid-template-columns:1fr;gap:0;margin-top:32px;padding-top:32px}.studio-value-copy{padding:0}.studio-value-art{margin:8px -5% -24px}.studio-value h3{font-size:44px}}

/* Let each photograph dissolve into the shared green canvas. */
.hero-art,.record-art{background:transparent;border-radius:0;isolation:isolate}
.hero-art::after,.record-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--green) 0%,transparent 20%,transparent 76%,var(--green) 100%),linear-gradient(90deg,var(--green) 0%,transparent 19%,transparent 79%,var(--green) 100%);z-index:1}
.hero-art{margin:24px 2% 24px 0}
.record-art::after{background:linear-gradient(180deg,var(--green) 0%,transparent 24%,transparent 74%,var(--green) 100%),linear-gradient(90deg,var(--green) 0%,transparent 12%,transparent 72%,var(--green) 100%)}
.approach{padding-top:16px;padding-bottom:24px}
.services{padding-bottom:40px}
.studio-value-art img{mask-image:radial-gradient(ellipse at center,#000 38%,rgba(0,0,0,.85) 56%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,rgba(0,0,0,.85) 56%,transparent 76%)}
@media(max-width:800px){.hero-art{margin:0 0 12px;height:460px}.hero-art::after{background:linear-gradient(180deg,var(--green) 0%,transparent 20%,transparent 73%,var(--green) 100%),linear-gradient(90deg,var(--green) 0%,transparent 16%,transparent 84%,var(--green) 100%)}.services{padding-bottom:16px}.approach{padding-top:0}.record-art{min-height:480px}.record-art::after{background:linear-gradient(180deg,var(--green) 0%,transparent 27%,transparent 72%,var(--green) 100%),linear-gradient(90deg,var(--green) 0%,transparent 12%,transparent 86%,var(--green) 100%)}.approach-copy{padding-top:24px}.studio-value-art{margin-bottom:0}}