:root{--sky:#dcebe8;--cream:#f5f0e5;--rust:#aa513b;--deep:#193b3d;--ink:#243c3d;--soft:#a9c1ba;--sans:'Josefin Sans','Trebuchet MS',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--cream);line-height:1.5}a{color:inherit}img{max-width:100%;display:block}em{font-style:normal;font-weight:300}.skip{position:absolute;left:-999px;z-index:12}.skip:focus{left:15px;top:12px;background:white;padding:12px}.header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(23px,5vw,85px);background:#f2f3ee;position:relative;z-index:5;border-bottom:1px solid rgba(25,59,61,.15)}.brand{text-decoration:none;font-size:29px;letter-spacing:.12em;font-weight:300;color:var(--rust);white-space:nowrap;line-height:1}.brand-line{display:block;width:60px;height:1px;background:var(--rust);margin:5px 0 0 2px}.header nav{display:flex;gap:clamp(13px,2.5vw,40px);align-items:center}.header nav a{font-size:12px;letter-spacing:.13em;font-weight:600;text-decoration:none;white-space:nowrap}.header nav a:hover,.inline-arrow:hover,.closing-links a:hover{color:var(--rust)}.header .nav-refugees{color:var(--rust)}.hero{position:relative;overflow:hidden;isolation:isolate;background:#dbeae6}.hero-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 62% 18%,#f4f3df 0%,#cee5e4 45%,#a6c8c9 100%);z-index:-2}.hero-grid{max-width:1510px;margin:auto;display:grid;grid-template-columns: .95fr 1.05fr;min-height:700px;align-items:center;gap:clamp(40px,6vw,110px);padding:65px clamp(24px,6vw,105px) 87px}.hero-left{position:relative}.small-note,.eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em}.star{color:var(--rust);padding:0 8px}.hero h1{font-size:clamp(68px,9.3vw,155px);font-weight:300;letter-spacing:.075em;line-height:.96;margin:44px 0 32px;color:#a74d3b}.hero h1 span{font-weight:300;color:var(--ink)}.hero-quote{font-size:clamp(24px,3.2vw,45px);font-weight:300;line-height:1.2;letter-spacing:.025em;margin:0 0 20px}.hero-quote em{color:var(--rust);font-weight:400}.hero-lede{font-size:17px;max-width:405px;line-height:1.6;color:#42595a;margin:0}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.cta{display:inline-flex;gap:12px;align-items:center;background:var(--rust);color:white;text-decoration:none;padding:17px 21px;font-size:12px;font-weight:600;letter-spacing:.1em;transition:transform .2s,background .2s}.cta:hover{background:#833e30;transform:translateY(-2px)}.sub-link,.inline-arrow{font-size:12px;letter-spacing:.09em;text-decoration:none;font-weight:700}.hero-index{font-size:10px;letter-spacing:.18em;margin-top:75px;opacity:.6}.hero-right{min-width:0}.art-wrap{position:relative;filter:drop-shadow(16px 22px 1px rgba(65,84,79,.17));transform:rotate(1.6deg)}.art-wrap img{width:100%;aspect-ratio:1650 / 1510;object-fit:cover;box-shadow:0 18px 35px rgba(22,45,45,.17);border:8px solid #f6f0e3}.art-corner{position:absolute;right:10px;bottom:-28px;font-size:10px;letter-spacing:.12em}.hero-floor{height:20px;background:linear-gradient(90deg,#6a938d,#d3c09f,#a85d49)}.section-head{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:600;border-bottom:1px solid rgba(29,61,59,.32);padding-bottom:15px}.listening,.story,.archive{padding:clamp(65px,8vw,125px) clamp(24px,7.5vw,130px);max-width:1600px;margin:auto}.listen-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,140px);padding-top:68px}.eyebrow{color:var(--rust)}.listen-title h2,.story-big,.archive-text h2,.closing h2{font-weight:300;font-size:clamp(65px,9vw,145px);line-height:.93;letter-spacing:.035em;margin:30px 0 0}.listen-title h2 em{color:var(--rust)}.rust-dot{color:var(--rust)}.listen-copy{padding-top:42px;max-width:530px}.big-copy{font-size:clamp(24px,2.5vw,35px);font-weight:300;line-height:1.33;margin-top:0}.listen-copy p:not(.big-copy),.story-text p,.archive-text p,.r-intro-grid p{font-size:17px;line-height:1.65}.inline-arrow{display:inline-flex;justify-content:space-between;gap:40px;border-bottom:1px solid currentColor;padding:16px 0 13px;margin-top:12px;color:var(--rust)}.fineprint{font-size:12px!important;opacity:.66;max-width:410px}.landscape{background:#132f31}.landscape-image{height:clamp(300px,45vw,620px);background-image:linear-gradient(to bottom,rgba(12,32,33,.03),rgba(12,32,33,.1)),url('assets/sierra-landscape.jpg');background-size:cover;background-position:center 54%}.landscape-caption{display:flex;justify-content:space-between;gap:16px;color:#e7efee;font-size:11px;letter-spacing:.16em;padding:17px 6vw}.story{background:#f5f0e5}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-top:80px;align-items:center}.story-big{font-size:clamp(80px,12vw,190px);letter-spacing:.035em}.story-big em{color:var(--rust)}.story-big span{color:var(--rust)}.story-text{max-width:530px}.story-text p:first-of-type{font-size:clamp(22px,2.35vw,32px);font-weight:300;line-height:1.42}.story-text .source{font-size:11px;letter-spacing:.14em;color:var(--rust);font-weight:700}.archive{max-width:none;background:#dce8e2}.archive>.section-head,.archive-grid{max-width:1350px;margin-left:auto;margin-right:auto}.archive-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;padding-top:70px;align-items:center}.archive-image img{width:100%;filter:grayscale(1);object-fit:cover;max-height:500px}.archive-text h2{font-size:clamp(55px,6vw,96px);line-height:1.02;margin:25px 0}.archive-text h2 em{color:var(--rust)}.refugees-teaser{background:#263534;color:#f9efdf;position:relative;isolation:isolate;min-height:560px;overflow:hidden}.refugees-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 77% 43%,rgba(197,105,71,.42),transparent 38%),repeating-radial-gradient(circle at 79% 55%,transparent 0 32px,rgba(236,194,156,.11) 33px 34px,transparent 35px 45px),linear-gradient(130deg,#243536,#10282b)}.refugees-inner{max-width:1330px;margin:auto;padding:100px 7vw 100px}.refugees-teaser .eyebrow{color:#dbb08d}.refugees-teaser h2{font-size:clamp(80px,11vw,165px);line-height:.83;letter-spacing:.045em;font-weight:300;margin:36px 0}.refugees-teaser h2 em{color:#e7a078}.refugees-teaser p{font-size:22px;max-width:580px;font-weight:300}.teaser-link{display:inline-block;margin-top:30px;color:#f5dcc3;text-decoration:none;border:1px solid #c69979;padding:18px 24px;font-size:12px;letter-spacing:.16em;font-weight:600}.teaser-link:hover{background:#85513d}.teaser-num{position:absolute;bottom:30px;right:7vw;font-size:11px;letter-spacing:.12em;opacity:.6}.closing{text-align:center;padding:120px 20px;background:#f6f1e7}.closing h2{font-size:clamp(65px,8vw,125px);margin:34px 0}.closing h2 em{color:var(--rust)}.closing-links{display:flex;justify-content:center;gap:45px}.closing-links a{font-weight:700;text-decoration:none;letter-spacing:.13em;font-size:13px;border-bottom:1px solid;padding-bottom:8px}footer{background:#213d3e;color:#f5f0e5;padding:35px clamp(20px,6vw,90px);display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:11px;letter-spacing:.13em}footer a{text-decoration:none}.footer-brand{font-size:25px;letter-spacing:.12em;font-weight:300;color:#eab49e}.refugees-page{background:#eee8dc}.refugees-page .header{background:#eae8df}.r-hero{min-height:680px;position:relative;overflow:hidden;isolation:isolate;background:#1e3033;color:#f5e8d8}.r-stage{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 79% 45%,rgba(205,94,58,.6),transparent 35%),repeating-radial-gradient(circle at 83% 55%,transparent 0 18px,rgba(223,156,108,.1) 19px 20px,transparent 21px 31px),linear-gradient(130deg,#182c32 7%,#273e3d 58%,#332b29 100%)}.r-hero-inner{padding:130px 7vw 130px;max-width:1350px;margin:auto}.r-hero h1{font-size:clamp(76px,12vw,195px);font-weight:300;letter-spacing:.035em;line-height:.86;margin:45px 0}.r-hero h1 em{color:#e6a584}.r-hero h1 span{color:#e6a584}.r-hero-inner>p{font-size:23px;letter-spacing:.15em;font-weight:300}.r-hero-bottom{position:absolute;right:7vw;bottom:30px;letter-spacing:.14em;font-size:11px}.r-intro{padding:100px 7vw;max-width:1480px;margin:auto}.r-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:65px}.r-intro h2,.r-shows h2,.r-contact h2{font-size:clamp(65px,8vw,140px);font-weight:300;letter-spacing:.025em;line-height:.95;margin:0}.r-intro h2 em,.r-contact h2 em{color:var(--rust)}.r-intro-grid>div{max-width:540px}.r-shows{background:#20383b;color:#f6eddd;display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:100px 7vw;align-items:center}.r-shows h2 em{color:#e7a078}.r-shows p{font-size:22px;font-weight:300;max-width:450px}.r-contact{text-align:center;padding:115px 20px}.r-contact h2{margin:30px 0 20px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:25px;padding:70px 30px}.hero h1{font-size:clamp(50px,8vw,90px)}.hero-quote{font-size:32px}.hero-index{margin-top:35px}.listen-layout,.story-grid,.archive-grid{gap:35px}.listen-title h2{font-size:clamp(50px,9vw,90px)}.archive-text h2{font-size:55px}}
@media(max-width:680px){.header{padding:15px 18px;height:auto;min-height:78px;display:block}.brand{display:inline-block;font-size:26px}.header nav{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px}.header nav a{font-size:10px;letter-spacing:.05em}.hero-grid{grid-template-columns:1fr;padding:55px 23px 80px;gap:50px}.hero h1{font-size:clamp(65px,15vw,105px);margin:30px 0}.hero-quote{font-size:32px}.hero-lede{font-size:16px}.hero-index{display:none}.hero-right{width:min(100%,540px);margin:auto}.listen-layout,.story-grid,.archive-grid,.r-intro-grid,.r-shows{grid-template-columns:1fr}.listening,.story,.archive{padding:70px 23px}.section-head{font-size:9px}.listen-layout,.story-grid,.archive-grid{padding-top:50px}.listen-copy{padding:0}.listen-title h2{font-size:clamp(75px,15vw,120px)}.story-big{font-size:clamp(85px,20vw,135px)}.landscape-image{height:360px}.landscape-caption{font-size:9px;flex-wrap:wrap}.refugees-inner{padding:90px 24px 120px}.refugees-teaser h2{font-size:clamp(67px,14vw,110px)}.refugees-teaser p{font-size:20px}.closing{padding:95px 20px}.closing-links{gap:23px}.closing-links a{font-size:11px}footer{padding:30px 20px;gap:16px}.r-hero{min-height:600px}.r-hero-inner{padding:100px 24px}.r-hero h1{font-size:clamp(55px,14vw,110px);word-break:break-word}.r-intro,.r-shows{padding:75px 24px}.r-intro h2,.r-shows h2,.r-contact h2{font-size:clamp(60px,13vw,110px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}

/* Embedded Bandcamp album in the listening section */
.album-player-block{margin:70px auto 0;max-width:1040px;padding:33px clamp(12px,4vw,45px) 38px;background:rgba(255,255,255,.52);border:1px solid rgba(25,59,61,.18)}
.album-player-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid rgba(25,59,61,.22);padding-bottom:16px;margin-bottom:30px}
.player-caption{font-size:11px;letter-spacing:.14em;color:var(--ink)}
.album-player{display:flex;justify-content:center;min-height:470px}
.album-player iframe{display:block;background:white}
.player-note{text-align:center;font-size:14px;line-height:1.5;margin:22px 0 0}
.player-note a{color:var(--rust);text-underline-offset:3px}
@media(max-width:680px){.album-player-block{margin-top:50px;padding:20px 12px 30px}.album-player-heading{flex-wrap:wrap}.album-player iframe{width:min(350px,100%)!important}}

/* Draft 5: portrait artwork first, quieter landing, and "The Band" */
.hero-grid{grid-template-columns:.87fr 1.13fr;min-height:760px;gap:clamp(30px,5vw,82px)}
.hero h1{margin:28px 0 28px}
.hero-quote{font-size:clamp(35px,4.3vw,64px);margin-bottom:0;line-height:1.1}
.hero-quote em{font-weight:300;color:var(--ink)}
.hero-links{margin-top:42px}
.hero-right{display:flex;align-items:center;justify-content:center}
.art-wrap{width:min(100%,490px);transform:none;filter:drop-shadow(14px 18px 1px rgba(65,84,79,.12))}
.art-wrap img{width:100%;aspect-ratio:612 / 1546;max-height:720px;object-fit:cover;object-position:center top;border:6px solid #f6f0e3}
.art-corner{bottom:-24px;right:0}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;min-height:660px}.art-wrap img{max-height:650px}}
@media(max-width:680px){
 .hero-grid{display:flex;flex-direction:column;gap:0;padding:0 0 62px;min-height:0}
 .hero-right{order:0;width:100%;display:block}
 .art-wrap{width:100%;filter:none}
 .art-wrap img{border:0;width:100%;height:clamp(420px,105vw,650px);max-height:none;object-fit:cover;object-position:center top}
 .art-corner{display:none}
 .hero-left{order:1;padding:38px 24px 0;width:100%}
 .hero h1{font-size:clamp(60px,15vw,96px);margin:24px 0 20px}
 .hero-quote{font-size:clamp(34px,9vw,54px)}
 .hero-links{margin-top:32px}
}

/* Draft 6: text-free center artwork; Terrain's own words in the opening; JMT story */
.hero-description{max-width:510px;margin-top:24px;color:#354f50}
.hero-description p{font-size:clamp(16px,1.35vw,19px);line-height:1.58;margin:0 0 14px;letter-spacing:.005em}
.hero-grid{min-height:810px}
.hero-links{margin-top:26px}
.story-trail{font-size:clamp(42px,6.1vw,95px);line-height:1.05;letter-spacing:.01em;overflow-wrap:normal}
.story-text p:first-of-type{font-size:clamp(18px,1.65vw,23px);line-height:1.55;font-weight:400}
.story-text p+ p{margin-top:24px}
@media(max-width:900px){.hero-grid{min-height:730px}.hero-description p{font-size:16px}.story-trail{font-size:clamp(42px,6vw,75px)}}
@media(max-width:680px){.hero-grid{min-height:0}.hero-description{margin-top:20px}.hero-description p{font-size:17px;line-height:1.55}.hero-quote{font-size:clamp(34px,8vw,49px)}.story-trail{font-size:clamp(47px,10vw,75px)}}

/* Draft 7 — concise listening area, portraits, and unified typography */
:root{--ink:#243c3d;--rust:var(--ink)}
body,body *{color:var(--ink)}
.brand,.brand-line,.header .nav-refugees,.hero h1,.hero h1 span,.hero-quote em,.eyebrow,.listen-title h2 em,.rust-dot,.story-big em,.story-big span,.archive-text h2 em,.closing h2 em,.footer-brand,.refugees-teaser h2 em,.r-hero h1 em,.r-hero h1 span,.r-intro h2 em,.r-contact h2 em,.r-shows h2 em,.star,.inline-arrow,.player-note a{color:var(--ink)}
.header nav a:hover,.inline-arrow:hover,.closing-links a:hover{color:var(--ink);text-decoration:underline}
.brand-line{background:var(--ink)}
.cta{background:var(--ink);color:#f5f0e5}
.cta:hover{background:#172c2e;color:#f5f0e5}
.cta *{color:inherit}
.listening{padding-bottom:clamp(65px,8vw,115px)}
.album-player-block{margin:45px auto 0;max-width:540px;padding:30px 20px;background:rgba(255,255,255,.35);border-color:rgba(36,60,61,.15)}
.album-player{min-height:470px}
.archive-grid{margin-bottom:70px}
.band-members{max-width:1350px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,28px)}
.member{margin:0;min-width:0}
.member img{width:100%;height:clamp(185px,24vw,330px);object-fit:cover;object-position:center 22%;filter:grayscale(1);background:#cbd3cf}
.member figcaption{font-weight:600;letter-spacing:.19em;padding-top:14px;font-size:13px;border-top:2px solid var(--ink);margin-top:12px}
/* Preserve contrast without multicolor headings: keep every title, label and paragraph dark. */
.refugees-teaser,.r-hero,.r-shows{background:#dbe7e1;color:var(--ink)}
.refugees-bg{background:radial-gradient(ellipse at 77% 43%,rgba(184,136,103,.19),transparent 40%),repeating-radial-gradient(circle at 79% 55%,transparent 0 32px,rgba(90,105,93,.07) 33px 34px,transparent 35px 45px),linear-gradient(130deg,#e5ece5,#c9d9d4)}
.r-stage{background:radial-gradient(ellipse at 79% 45%,rgba(184,136,103,.23),transparent 35%),repeating-radial-gradient(circle at 83% 55%,transparent 0 18px,rgba(62,91,89,.07) 19px 20px,transparent 21px 31px),linear-gradient(130deg,#e2ece4 7%,#cadbd4 58%,#e2ded1 100%)}
.refugees-teaser .eyebrow,.teaser-link,.teaser-link:hover,.footer-brand{color:var(--ink)}
.teaser-link{border-color:var(--ink)}
.teaser-link:hover{background:rgba(36,60,61,.09)}
footer{background:#dae6df;color:var(--ink)}
footer a,footer span,footer small{color:var(--ink)}
.r-shows{background:#d5e2da}
@media(max-width:680px){.album-player-block{margin-top:25px;padding:20px 12px}.archive-grid{margin-bottom:45px}.band-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.member img{height:clamp(175px,55vw,290px)}}

/* Draft 8 — album track listing, musician credits and a cohesive cool alpine palette. */
:root { --sky:#d9eaf0; --cream:#e6f0f3; --deep:#243c3d; --ink:#243c3d; }
body, .story, .closing, .refugees-page { background:#e6f0f3; }
.header, .refugees-page .header {background:#eaf3f5;}
.hero {background:#d4e9ee;}
.hero-sky {background:radial-gradient(ellipse at 62% 18%,#eef7f8 0%,#d9ebef 47%,#bbd9e1 100%);}
.art-wrap img {border-color:#eaf3f5;}
.hero-floor {background:linear-gradient(90deg,#91bdcb,#c7dfe4,#85aab9);}
.archive {background:#d3e6eb;}
.refugees-teaser,.r-hero,.r-shows {background:#d5e6ec;}
.refugees-bg {background:radial-gradient(ellipse at 77% 43%,rgba(92,143,163,.20),transparent 40%),repeating-radial-gradient(circle at 79% 55%,transparent 0 32px,rgba(52,92,114,.06) 33px 34px,transparent 35px 45px),linear-gradient(130deg,#dcecf0,#c2dce5);}
.r-stage {background:radial-gradient(ellipse at 79% 45%,rgba(85,135,160,.23),transparent 35%),linear-gradient(130deg,#dfeef2 7%,#c4dce5 58%,#d9e8ed 100%);}
footer {background:#cbdfe6;}
.album-player-block {background:rgba(255,255,255,.4);border:1px solid rgba(36,60,61,.12);max-width:440px;}
.album-player {min-height:786px;display:flex;justify-content:center;}
.album-player iframe {display:block;max-width:100%;}
.member figcaption {letter-spacing:normal;display:flex;flex-direction:column;gap:6px;line-height:1.4;}
.member figcaption strong {font-size:14px;letter-spacing:.14em;font-weight:700;}
.member figcaption span {font-size:14px;letter-spacing:0;font-weight:400;}
@media(max-width:680px){.album-player-block{max-width:100%;padding:15px 8px}.album-player iframe{width:min(350px,100%)!important;}.member figcaption span{font-size:13px;}}

/* Draft 9 — Refugees group photo and new band story; retain understated section divider */
.r-photo { max-width:1480px; margin:0 auto; padding:clamp(28px,5vw,72px) clamp(24px,7vw,105px) 0; }
.r-photo img { display:block; width:100%; max-height:680px; object-fit:cover; object-position:center 43%; border:1px solid rgba(36,60,61,.13); }
@media(max-width:680px){.r-photo{padding:28px 18px 0}.r-photo img{aspect-ratio:4/3;max-height:none;object-position:center center}}

/* Draft 10: actual Refugees photo visible on Terrain homepage */
.refugees-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(26px,5vw,85px);max-width:1460px;padding:85px 7vw 100px;}
.refugees-teaser-copy{min-width:0;}
.refugees-teaser h2{font-size:clamp(64px,7.2vw,115px);overflow-wrap:break-word;}
.refugees-teaser p{font-size:clamp(17px,1.55vw,21px);line-height:1.55;}
.refugees-teaser-photo{display:block;align-self:center;box-shadow:16px 20px 0 rgba(36,60,61,.10);}
.refugees-teaser-photo img{width:100%;height:auto;aspect-ratio: 4/3;object-fit:cover;object-position:center;}
@media(max-width:800px){.refugees-inner{grid-template-columns:1fr;padding:65px 7vw 90px;}.refugees-teaser h2{font-size:clamp(62px,12vw,95px);}.refugees-teaser-photo img{aspect-ratio: 4/3;}}


/* Draft 11 — 25–30% smaller section titles, consistent on desktop and mobile */
.listen-title h2,.closing h2{font-size:clamp(46px,6.2vw,100px)}
.story-big{font-size:clamp(55px,8.2vw,130px)}
.story-trail{font-size:clamp(33px,4.45vw,69px)}
.archive-text h2{font-size:clamp(39px,4.4vw,70px)}
.refugees-teaser h2{font-size:clamp(43px,5.1vw,80px)}
.r-hero h1{font-size:clamp(53px,8.5vw,138px)}
.r-intro h2,.r-shows h2,.r-contact h2{font-size:clamp(45px,5.6vw,98px)}
/* Keep the main TERRAIN logotype prominent; scale other sections, not the brand. */
.r-members{padding:75px 7vw 110px;max-width:1480px;margin:0 auto}
.r-members h2{font-weight:300;letter-spacing:.04em;font-size:clamp(42px,5vw,74px);line-height:1.05;margin:34px 0 38px}
.refugee-members-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.8vw,27px)}
.refugee-member{margin:0;min-width:0}
.refugee-member img{width:100%;height:clamp(210px,24vw,345px);object-fit:cover;object-position:center 24%;background:#c5dce5}
.refugee-member figcaption{font-size:15px;font-weight:600;letter-spacing:.09em;margin:13px 0 0;padding-top:10px;border-top:1px solid rgba(36,60,61,.45)}
@media(max-width:900px){
 .refugee-members-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .listen-title h2{font-size:clamp(40px,6.2vw,65px)}
 .archive-text h2{font-size:clamp(39px,4.4vw,55px)}
}
@media(max-width:680px){
 .listen-title h2{font-size:clamp(47px,10vw,83px)}
 .story-big{font-size:clamp(55px,14vw,94px)}
 .story-trail{font-size:clamp(36px,7.5vw,55px)}
 .refugees-teaser h2{font-size:clamp(45px,9vw,72px)}
 .r-hero h1{font-size:clamp(42px,10vw,80px)}
 .r-intro h2,.r-shows h2,.r-contact h2{font-size:clamp(43px,9vw,77px)}
 .r-members{padding:60px 23px 80px}
 .refugee-members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
 .refugee-member img{height:clamp(190px,65vw,320px)}
 .refugee-member figcaption{font-size:14px}
}

/* Draft 12 — restrained text hierarchy and lighter introduction.
   Main TERRAIN logotype remains unchanged; section titles are ~28% smaller than Draft 11. */
.hero-quote {font-size:clamp(16px,1.35vw,19px);line-height:1.58;letter-spacing:.005em;margin:0 0 10px;font-weight:400;}
.hero-quote em {font-weight:600;color:var(--ink);}
.listen-title h2,.closing h2 {font-size:clamp(33px,4.45vw,72px);}
.story-big {font-size:clamp(40px,5.9vw,94px);}
.story-trail {font-size:clamp(24px,3.2vw,50px);}
.archive-text h2 {font-size:clamp(28px,3.2vw,51px);}
.refugees-teaser h2 {font-size:clamp(31px,3.65vw,58px);}
.r-hero h1 {font-size:clamp(38px,6.1vw,99px);}
.r-intro h2,.r-shows h2,.r-contact h2 {font-size:clamp(32px,4vw,71px);}
.r-members h2 {font-size:clamp(30px,3.6vw,53px);}
@media(max-width:900px){.listen-title h2{font-size:clamp(29px,4.45vw,47px)}.archive-text h2{font-size:clamp(28px,3.2vw,40px)}}
@media(max-width:680px){
 .hero-quote{font-size:17px;line-height:1.55;}
 .listen-title h2{font-size:clamp(34px,7.2vw,60px)}
 .story-big{font-size:clamp(40px,10vw,68px)}
 .story-trail{font-size:clamp(26px,5.4vw,40px)}
 .refugees-teaser h2{font-size:clamp(32px,6.5vw,52px)}
 .r-hero h1{font-size:clamp(30px,7.2vw,58px)}
 .r-intro h2,.r-shows h2,.r-contact h2{font-size:clamp(31px,6.5vw,56px)}
}

/* Draft 13: uniform non-title type and refined Friends section */
:root { --body-size: 16px; }
body {font-family:var(--sans);font-size:var(--body-size);font-weight:400;}
/* Unified prose, labels, captions, navigation, and link typography. Headings/logotypes are exceptions. */
body p, body li, .header nav a, .small-note, .eyebrow, .section-head, .member figcaption, .member figcaption strong, .member figcaption span, .refugee-member figcaption, .teaser-link, .sub-link, .inline-arrow, .cta, .footer-brand + span, footer small, .art-corner, .hero-index, .teaser-num, .r-hero-bottom, .closing-links a, .friend-entry a {font-family:var(--sans);font-size:var(--body-size);font-weight:400;line-height:1.6;letter-spacing:normal;}
.hero-quote, .hero-quote em, .hero-description p, .refugees-teaser p, .story-text p, .story-text p:first-of-type, .archive-text p, .r-intro-grid p, .r-intro-grid p.big-copy {font-size:var(--body-size);font-weight:400;line-height:1.6;letter-spacing:normal;}
.hero-quote em, figcaption strong, .member figcaption strong {font-weight:400;}
/* Hero is a visual brand, not an extra opening section on Refugees page */
.r-photo-first {padding-top:clamp(28px,4vw,55px);}
.friends{background:#e6f0f3;padding:clamp(55px,7vw,100px) clamp(24px,7.5vw,130px);max-width:1600px;margin:auto;}
.friends h2{font-size:clamp(30px,3.2vw,49px);font-weight:300;line-height:1.1;margin:35px 0 14px;}
.friends > p{margin:0 0 42px;}
.friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 55px;}
.friend-entry{border-top:1px solid rgba(36,60,61,.28);padding-top:18px;}
.friend-entry a{text-decoration:underline;text-underline-offset:4px;}
.friend-entry p{margin-top:12px;line-height:1.6;}
@media(max-width:730px){.friends-grid{grid-template-columns:1fr;gap:22px}.friends{padding:55px 24px;}}

/* Draft 14 — do not crop the Refugees group portrait on any screen size. */
.refugees-page .r-photo img, .refugees-page .r-photo-first img {
  width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;
}
/* Keep the longer Terrain story legible alongside the archival group photo. */
.archive-text p {margin:0 0 1em;line-height:1.6;}
.archive-text p:last-child {margin-bottom:0;}

/* Draft 15 — continue the thin blue-accent band beneath each tinted section.
   Hero keeps its existing .hero-floor; other colored sections use a matching
   bottom rule. Decorative only, with no impact on text flow. */
.terrain-page .listening,
.terrain-page .story,
.terrain-page .archive,
.terrain-page .refugees-teaser,
.terrain-page .friends,
.refugees-page .r-intro,
.refugees-page .r-members,
.refugees-page .r-shows { position:relative; }
.terrain-page .listening::after,
.terrain-page .story::after,
.terrain-page .archive::after,
.terrain-page .refugees-teaser::after,
.terrain-page .friends::after,
.refugees-page .r-intro::after,
.refugees-page .r-members::after,
.refugees-page .r-shows::after {
  content:''; display:block; position:absolute; height:16px;
  bottom:0; left:0; right:0; pointer-events:none;
  background:linear-gradient(90deg,#91bdcb,#c7dfe4,#85aab9);
}
/* The main site is already blue-toned; extending the full-width rule
   from within centered sections prevents half-width stripes. */
.terrain-page .listening::after,
.terrain-page .story::after,
.terrain-page .friends::after { height:12px; }

/* Draft 16 — Refugees identity at the band photo; no numerical section prefixes. */
.refugees-page .r-photo-first {position:relative; isolation:isolate;}
.refugees-page .r-photo-first::after {content:"";position:absolute;left:clamp(24px,7vw,105px);right:clamp(24px,7vw,105px);bottom:0;height:30%;background:linear-gradient(to top,rgba(9,30,38,.72),transparent);pointer-events:none;z-index:0;}
.refugees-photo-title {position:absolute;z-index:1;left:calc(clamp(24px,7vw,105px) + 22px);bottom:16px;margin:0;color:#fff;font-size:clamp(30px,5.1vw,76px);font-weight:300;letter-spacing:.12em;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.22);}
@media(max-width:680px){.refugees-page .r-photo-first::after{left:18px;right:18px;height:38%}.refugees-photo-title{left:36px;bottom:12px;font-size:clamp(28px,9vw,48px)}}

/* Draft 18 — keep the entire Refugees group visible in the Terrain homepage teaser.
   The source photo is wider than 4:3: imposing 4:3 clipped Judi and Kat. */
.terrain-page .refugees-teaser-photo img {
  width:100%; height:auto; aspect-ratio:auto; object-fit:contain; object-position:center;
}
@media (max-width:800px) {
  .terrain-page .refugees-teaser-photo img { height:auto; aspect-ratio:auto; object-fit:contain; }
}

/* Draft 19: Refugees is the primary identity on its own page.
   Terrain remains a quiet route back to the parent project. */
.refugees-page .header .refugees-brand {font-size:clamp(23px,2.5vw,32px);letter-spacing:.14em;font-weight:300;color:var(--ink)}
.refugees-page .header .refugees-brand .brand-line{width:78px}
.refugees-page .header nav .terrain-return{opacity:.75;border-left:1px solid rgba(36,60,61,.3);padding-left:clamp(10px,2vw,25px)}
.refugees-page footer .refugees-footer-brand{font-size:clamp(20px,2.5vw,27px);letter-spacing:.14em;color:var(--ink)}
.refugees-page footer .terrain-return{opacity:.8}
@media(max-width:680px){
 .refugees-page .header .refugees-brand{font-size:27px}
 .refugees-page .header nav .terrain-return{padding-left:0;border-left:0}
 .refugees-page footer{gap:12px 22px}
}


/* Draft 20 — consistent alternating two-tone blue backgrounds.
   The sequence follows the actual reading order of each page. */
:root {
  --section-light: #e6f0f3;
  --section-deep:  #d3e6eb;
}
/* Terrain: hero / music / story / band / Refugees / conclusion / friends */
.terrain-page .hero         { background:var(--section-deep); }
.terrain-page .listening    { background:var(--section-light); }
.terrain-page .story        { background:var(--section-deep); }
.terrain-page .archive      { background:var(--section-light); }
.terrain-page .refugees-teaser { background:var(--section-deep); }
.terrain-page .closing      { background:var(--section-light); }
.terrain-page .friends      { background:var(--section-deep); }
/* Don't allow earlier background decorations to add an extra third tint. */
.terrain-page .hero-sky { background:transparent; }
.terrain-page .refugees-bg { background:none; }
/* Full-width section coloring; preserve established internal spacing and grids. */
.terrain-page .listening,
.terrain-page .story,
.terrain-page .friends { max-width:none; }
/* Refugees: group photo / sound / band / shows / contact */
.refugees-page .r-photo  { background:var(--section-deep); max-width:none; }
.refugees-page .r-intro  { background:var(--section-light); max-width:none; }
.refugees-page .r-members{ background:var(--section-deep); max-width:none; }
.refugees-page .r-shows  { background:var(--section-light); }
.refugees-page .r-contact{ background:var(--section-deep); }
/* Header/footer anchor the two-page family without interrupting section sequence. */
.terrain-page .header, .refugees-page .header { background:var(--section-light); }
.terrain-page footer, .refugees-page footer { background:var(--section-deep); }