:root{--ink:#27231d;--olive:#74705d;--paper:#f8f5ef;--line:rgba(75,67,51,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#efebe2;color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit}img{display:block;max-width:100%}
.site{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(249,247,243,.58),rgba(249,247,243,.36)),url('assets/hero-background.png') center center/cover fixed no-repeat}
.header{position:relative;z-index:4;padding:32px clamp(22px,5vw,76px) 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:rgba(248,246,240,.28)}
.logo{text-decoration:none;text-transform:uppercase;font-size:clamp(26px,3.35vw,51px);letter-spacing:.20em;white-space:nowrap;line-height:1.2}
.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(12px,2.2vw,31px);align-items:center;padding-top:14px}
.nav a{font:11px/1.3 Arial, sans-serif;text-transform:uppercase;letter-spacing:.17em;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:7px;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{border-color:var(--ink)}
.shell{max-width:1230px;width:100%;padding:30px 26px 60px;margin:0 auto;flex:1}
.eyebrow{font:12px/1.5 Arial,sans-serif;letter-spacing:.36em;text-transform:uppercase;color:#575449}.intro{text-align:center;margin:14px auto 26px;font-size:18px;letter-spacing:.45em;font-weight:normal}
.home-grid{display:grid;grid-template-columns:1.36fr 1fr;gap:38px;align-items:start}
.home-description{margin:0 auto 0;max-width:690px;padding:14px 0 6px}.home-description p{font-size:clamp(18px,1.6vw,23px);line-height:1.42;margin:0 0 18px}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 27px}.btn{display:inline-block;padding:15px 22px;text-decoration:none;text-transform:uppercase;font:11px/1.4 Arial,sans-serif;letter-spacing:.18em;border:1px solid #a8a296;background:rgba(252,249,242,.65)}.btn.primary{background:#72705d;color:white;border-color:#72705d}.btn:hover{filter:brightness(.91)}
.home-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.8fr);gap:32px;margin-top:5px;align-items:start}
.module{background:rgba(251,248,242,.75);backdrop-filter:blur(5px);padding:16px 18px;border:1px solid rgba(84,75,61,.17)}.module-title{letter-spacing:.27em;text-transform:uppercase;font:12px/1.5 Arial,sans-serif;margin:0 0 14px}
.track{display:grid;grid-template-columns:88px 1fr;gap:13px;border-top:1px solid var(--line);padding:12px 0}.track:first-of-type{border-top:0;padding-top:0}.track img{width:88px;height:90px;object-fit:cover}.credit{font:10px/1.35 Arial,sans-serif;color:#686258;margin-top:5px}.track h3{font-size:16px;font-weight:normal;margin:0 0 4px}.track p{font-size:12px;line-height:1.38;color:#514a42;margin:0 0 6px}.track audio{width:100%;height:34px}
.quick a{display:block;text-decoration:none;border-top:1px solid var(--line);padding:11px 0;font-size:15px}.quick a:first-of-type{border:0}.quick a:hover{text-decoration:underline}.quick a span{color:var(--olive);margin-right:12px}
.content{max-width:930px;margin:5px auto 0;background:rgba(251,249,244,.91);padding:clamp(25px,5vw,62px);border:1px solid rgba(84,75,61,.18);box-shadow:0 16px 55px #26201318}.content h1{font-size:clamp(38px,4vw,57px);font-weight:normal;letter-spacing:.045em;margin:0 0 19px}.content h2{font-size:26px;font-weight:normal;margin:32px 0 12px}.content p,.content li{font-size:17px;line-height:1.76;color:#4d463c}.content li{margin-bottom:13px}.content ul{padding-left:22px}
.content .track{grid-template-columns:165px 1fr;gap:24px;padding:20px 0}.content .track img{width:165px;height:165px}.content .track h3{font-size:23px}.content .track p{font-size:16px}.content .track audio{height:42px;margin-top:12px}.content .credit{font-size:12px}.link-row{display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0}.link-row p{margin:0}.link-row strong{font-size:22px;font-weight:normal}.link-row .btn{flex-shrink:0}
.footer{padding:15px 25px 25px;border-top:1px solid rgba(70,61,48,.23);background:rgba(249,246,241,.74);text-align:center;font:12px Arial,sans-serif;letter-spacing:.09em;color:#696257}
@media(max-width:1050px){.home-grid{grid-template-columns:1fr}.home-bottom{grid-template-columns:1.2fr .8fr}.header{flex-direction:column;align-items:center}.nav{justify-content:center;padding-top:0}.intro{margin-top:0}}
@media(max-width:690px){.header{padding:25px 16px 13px}.logo{white-space:normal;font-size:30px;text-align:center}.nav{gap:10px 16px}.nav a{font-size:10px;letter-spacing:.08em}.shell{padding:19px 15px 42px}.home-bottom{grid-template-columns:1fr}.home-description p{font-size:17px}.module{padding:14px}.content .track{grid-template-columns:1fr}.content .track img{width:100%;height:auto;max-height:380px}.link-row{align-items:flex-start;flex-direction:column}.site{background-attachment:scroll}.content{padding:22px}.intro{letter-spacing:.28em}}

/* October revision: transparent header, navigation beneath wordmark and aligned left. */
.site{background-image:url('assets/hero-background.png');background-position:center center;background-size:cover;background-repeat:no-repeat}
.header{width:100%;max-width:1230px;margin:0 auto;padding:32px 26px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;background:transparent}
.nav{justify-content:flex-start;gap:clamp(14px,2.5vw,34px);padding-top:0}
.shell{padding-top:28px}
.intro{text-align:left;margin:12px 0 25px;letter-spacing:.45em}
.home-description{margin:0;max-width:690px;padding:0 0 6px}
.home-bottom{margin-top:5px}
@media(max-width:1050px){.header{flex-direction:column;align-items:flex-start}.nav{justify-content:flex-start;padding-top:0}}
@media(max-width:690px){.header{padding:24px 15px 12px;gap:13px}.logo{text-align:left}.nav{justify-content:flex-start;gap:10px 16px}.intro{margin:12px 0 22px}}

/* Nordic minimal edition — generous space, quiet typography, no glass cards */
:root{--ink:#252822;--olive:#555d50;--paper:#f6f6f2;--line:rgba(48,53,46,.19)}
body{background:var(--paper);color:var(--ink)}
.site{background:var(--paper);min-height:100vh}
.header{max-width:1200px;padding:40px 30px 24px;gap:22px;background:transparent}
.logo{font-family:Georgia,'Times New Roman',serif;font-size:clamp(33px,3.4vw,51px);letter-spacing:.155em;font-weight:400;line-height:1.15}
.nav{gap:clamp(16px,2.3vw,31px)}
.nav a{font:11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.105em;color:#52574f;padding-bottom:7px}
.nav a:hover,.nav a[aria-current=page]{border-color:#3b4039}
.shell{max-width:1200px;padding:44px 30px 80px}
/* Homepage gets the actual scenic image, without any full-page whitening filter */
body:has(.home-bottom) .site{background:linear-gradient(180deg,rgba(246,246,242,.08) 0%,rgba(246,246,242,.32) 46%,rgba(246,246,242,.70) 100%),url('assets/hero-background.png') center top/cover no-repeat}
.intro{font-size:clamp(17px,2vw,24px);letter-spacing:.34em;text-align:left;margin:0 0 27px;color:#454b43}
.home-description{max-width:665px;margin:0;padding:0}
.home-description p{font-size:clamp(18px,1.6vw,22px);line-height:1.58;letter-spacing:.005em;margin:0 0 20px;color:#2e332e}
.buttons{margin:25px 0 57px;gap:12px}
.btn{font:11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.1em;padding:14px 20px;border:1px solid #687163;background:transparent;color:#384038;transition:background .2s}
.btn.primary{background:#535d51;border-color:#535d51;color:white}
.btn:hover{background:#e7e8e2;filter:none}.btn.primary:hover{background:#343e36}
.home-bottom{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:56px;align-items:start;margin-top:0}
.module{background:transparent;backdrop-filter:none;border:none;box-shadow:none;padding:0}
.module-title{font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.18em;color:#42473f;margin:0 0 18px}
.track{grid-template-columns:104px minmax(0,1fr);gap:19px;padding:16px 0;border-top:1px solid var(--line)}
.track:first-of-type{border-top:1px solid var(--line);padding-top:16px}
.track img{width:104px;height:110px;object-fit:cover}
.track .credit,.credit{font:10px/1.45 Arial,Helvetica,sans-serif;color:#595d55;margin-top:7px}
.track h3{font-size:17px;line-height:1.32;margin-bottom:7px;color:#252c26}
.track p{font-size:13px;line-height:1.45;color:#4b524b;margin-bottom:9px}
.track audio{height:36px;max-width:100%}
.quick a{font-size:15px;padding:15px 0;border-top:1px solid var(--line);line-height:1.4}
.quick a:first-of-type{border-top:1px solid var(--line)}
.quick a span{color:#626d60;margin-right:9px}
.content{max-width:1000px;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.content h1{font-size:clamp(38px,4.8vw,64px);letter-spacing:0;line-height:1.2;margin-bottom:27px}
.content h2{font-size:25px;margin-top:40px}
.content p,.content li{font-size:17px;line-height:1.8;color:#3e463f}
.content .track{grid-template-columns:172px 1fr;gap:25px;padding:25px 0}
.content .track img{width:172px;height:180px}
.content .track h3{font-size:23px}
.content .track p{font-size:16px}
.link-row{border-color:var(--line);padding:22px 0}
.footer{background:transparent;border-top:1px solid var(--line);text-align:left;padding:22px max(30px,calc((100% - 1140px)/2)) 25px;color:#636a61}
@media(max-width:900px){.home-bottom{gap:32px}.header{padding-top:28px}.shell{padding-top:32px}}
@media(max-width:690px){.header{padding:24px 18px 17px;gap:17px}.logo{font-size:32px;letter-spacing:.1em}.nav{gap:9px 15px}.nav a{font-size:10px;letter-spacing:.06em}.shell{padding:31px 18px 55px}.home-bottom{grid-template-columns:1fr;gap:40px}.home-description p{font-size:18px}.buttons{margin-bottom:44px}.content .track{grid-template-columns:1fr}.content .track img{width:100%;max-width:270px;height:auto;max-height:none}.footer{padding-left:18px}.site{background-attachment:scroll!important}}

/* Nordic custom audio controls: no platform-specific casting / AirPlay button */
.audio-ui{display:flex;align-items:center;gap:11px;width:100%;max-width:540px;margin-top:10px;color:#323b34}
.audio-ui .audio-toggle{height:34px;width:34px;flex:0 0 34px;border:1px solid #6c766b;border-radius:50%;background:rgba(255,255,255,.25);color:inherit;display:grid;place-items:center;cursor:pointer;padding:0}
.audio-ui .audio-toggle:hover{background:rgba(86,103,88,.12)}
.audio-ui .audio-toggle:focus-visible,.audio-ui input:focus-visible{outline:2px solid #434f44;outline-offset:3px}
.audio-ui .audio-toggle svg{height:13px;width:13px;fill:currentColor}
.audio-ui .audio-progress{min-width:45px;flex:1;accent-color:#606f60;height:22px;cursor:pointer;appearance:none;background:transparent;margin:0}
.audio-ui .audio-progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#566355 0 var(--progress,0%),rgba(70,80,70,.24) var(--progress,0%) 100%);border-radius:10px}
.audio-ui .audio-progress::-moz-range-track{height:3px;background:rgba(70,80,70,.24);border-radius:10px}
.audio-ui .audio-progress::-moz-range-progress{height:3px;background:#566355}
.audio-ui .audio-progress::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#566355;border-radius:50%;margin-top:-3.5px}
.audio-ui .audio-progress::-moz-range-thumb{width:10px;height:10px;background:#566355;border:0;border-radius:50%}
.audio-ui .audio-time{font:11px/1.2 Arial,sans-serif;color:#525c53;white-space:nowrap;min-width:69px;text-align:right;font-variant-numeric:tabular-nums}
.audio-ui audio{display:none}