@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:light;--paper:#eeede9;--ink:#282b27;--muted:#61655d;--line:#c9cbc2;--gutter:clamp(24px,4.4vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,audio:focus-visible{outline:2px solid currentColor;outline-offset:7px}.skip{position:fixed;z-index:9;left:20px;top:-100px;padding:15px;background:var(--paper)}.skip:focus{top:15px}.masthead{display:flex;align-items:center;gap:32px;min-height:94px;margin:0 var(--gutter);border-bottom:1px solid var(--line)}.small-mark{font:600 24px 'Manrope',Arial,sans-serif;letter-spacing:-1.4px}.masthead-note{font-size:12px;letter-spacing:1.6px;margin-left:25px}nav{display:flex;gap:32px;margin-left:auto;font-size:14px}nav a{padding:15px 0}nav span{margin-left:5px}.entrance{padding:0 var(--gutter)}.title-line{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:31px 0 35px}h1{margin:0 0 0 -0.015em;font-family:'Manrope',Arial,sans-serif;font-weight:500;font-size:clamp(100px,16.1vw,260px);letter-spacing:-.075em;line-height:1.05}.title-line p{margin:0 0 15px;font-size:clamp(12px,1vw,16px);line-height:1.55;letter-spacing:2px}.architecture{position:relative;min-height:390px;height:55vw;max-height:760px;background:#74786d url('assets/oenske-architecture.jpg') center 52%/cover no-repeat}.architecture:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(14,22,19,.52));pointer-events:none}.photo-caption{position:absolute;bottom:30px;left:34px;right:34px;z-index:1;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:1.8px}.photo-caption a{font-size:14px;letter-spacing:.2px}.photo-caption a span{margin-left:22px}.listening{padding:66px var(--gutter) 78px}.section-index{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.6px;border-bottom:1px solid var(--line);padding-bottom:23px}.section-index span:last-child{color:var(--muted)}.track-row{display:grid;grid-template-columns:1.15fr 1fr auto;align-items:center;gap:44px;padding-top:38px}.eyebrow{font-size:12px;letter-spacing:1.8px;margin:0 0 21px}h2{font-family:'Manrope',Arial,sans-serif;font-weight:400;letter-spacing:-2px;line-height:1.2;margin:0;font-size:clamp(34px,3.3vw,54px)}.track-meta{font-size:14px;color:var(--muted);margin:16px 0 0}.track-meta span{padding:0 12px}.player audio{width:100%;height:44px}.player-note{font-size:12px;color:var(--muted);margin:13px 0 0;text-align:center}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding:12px 0}.text-link span{margin-left:18px}.about{padding:90px var(--gutter) 110px;display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line)}.about>.eyebrow{padding-top:11px}.about h2{font-size:clamp(45px,5.1vw,80px);line-height:1.12;letter-spacing:-3.7px}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:46px;max-width:760px;margin-top:34px}.about-copy p{font-size:16px;line-height:1.8;margin:0;color:#4c5149}.private{margin:0 var(--gutter);padding:27px 0;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);font-size:14px}.private span:first-child{font-size:12px;letter-spacing:1.8px}.private span:last-child{color:var(--muted)}footer{margin-top:50px;padding:54px var(--gutter) 28px;background:#282e28;color:#eeede9;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center}.footer-mark{font:500 48px 'Manrope',Arial,sans-serif;letter-spacing:-3px}footer p{font-size:12px;letter-spacing:1.4px;text-align:center}footer>div{display:flex;gap:32px;justify-content:flex-end;font-size:14px}.copyright{grid-column:1/-1;font-size:12px;color:#bfc5bb;border-top:1px solid #51574f;padding-top:25px;margin-top:32px}
@media(min-width:1700px){body{max-width:2000px;margin:auto}}
@media(max-width:1000px){.track-row{grid-template-columns:1fr 1fr;gap:30px}.youtube{grid-column:1/-1;justify-self:start}.about{grid-template-columns:1fr 2fr}.about-copy{grid-template-columns:1fr;gap:18px}.masthead-note{display:none}}
@media(max-width:600px){.masthead{min-height:76px;gap:16px}.small-mark{font-size:22px}nav{gap:21px;font-size:14px}.title-line{display:block;padding:32px 0 28px}h1{font-size:22vw;letter-spacing:-.075em}.title-line p{font-size:12px;line-height:1.4;letter-spacing:1.5px;margin:17px 0 0}.title-line br{display:none}.architecture{height:65vh;min-height:380px;max-height:580px;background-position:55% center}.photo-caption{bottom:23px;left:20px;right:20px;align-items:flex-end}.photo-caption>span{max-width:110px;line-height:1.6}.photo-caption a span{margin-left:8px}.listening{padding-top:40px;padding-bottom:48px}.section-index{font-size:11px;letter-spacing:1px;gap:15px}.section-index span:last-child{display:none}.track-row{display:flex;flex-direction:column;align-items:stretch;gap:25px}.track-info h2{font-size:39px;letter-spacing:-1.8px}.eyebrow{margin-bottom:15px}.player{max-width:none}.youtube{align-self:flex-start}.about{padding-top:47px;padding-bottom:52px;grid-template-columns:1fr;gap:21px}.about h2{font-size:49px;letter-spacing:-2.5px}.about-copy{margin-top:26px;gap:18px}.private{padding:24px 0}footer{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px;padding-top:35px}.footer-mark{font-size:39px}footer p{display:none}footer>div{flex-direction:column;gap:18px;align-items:flex-end}.copyright{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}