/* Second Tides • simple, self-hostable static website */
:root{color-scheme:light;--ink:#162d34;--dark:#0d262e;--sand:#f4f0e7;--paper:#fbf9f4;--mist:#e6e8e3;--ochre:#ab8f6a;--line:#d7dcd5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #c7a16e;outline-offset:4px}.skip{position:absolute;top:-100px;left:1rem;background:#fff;padding:1rem;z-index:50}.skip:focus{top:1rem}h1,h2,h3,p{margin-top:0}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,84px);background:var(--paper);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:.18em;white-space:nowrap}.brand .thin{font-weight:400;letter-spacing:.11em}.brand-mark{width:40px;height:40px;flex-shrink:0}.site-header nav{display:flex;gap:35px}.site-header nav a{text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.site-header nav a:hover{color:#916f4a}.hero{min-height:min(690px,calc(100svh - 86px));height:690px;background:var(--dark);position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/coast.jpg') center right/cover no-repeat;filter:saturate(.87)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,30,39,.94) 0%,rgba(9,34,44,.9) 28%,rgba(11,33,40,.69) 52%,rgba(12,33,40,.06) 100%),linear-gradient(0deg,rgba(8,27,36,.35),transparent 32%)}.hero-copy{position:relative;z-index:1;padding-left:clamp(24px,8.8vw,150px);max-width:930px;padding-top:6px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.25em;font-weight:700}.hero-eyebrow{color:#ddc8ab;display:flex;align-items:center;gap:14px}.line{display:inline-block;width:29px;height:1px;background:currentColor}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;font-size:clamp(55px,7vw,116px);line-height:1.03;color:#fff;margin:26px 0 24px}.hero h1 em,.intro-section h2 em,.closing em{font-weight:400;color:#e2bc8f}.hero-copy>p{font-family:Georgia,serif;color:#f2eae1;font-size:clamp(18px,1.7vw,24px);line-height:1.48;max-width:520px}.primary-link{display:inline-flex;align-items:center;gap:43px;padding:18px 22px;background:#e7d6ba;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-top:22px;transition:transform .2s,background .2s}.primary-link:hover{background:#fff;transform:translateY(-2px)}.primary-link span{font-size:19px}.hero-foot{position:absolute;bottom:23px;left:clamp(24px,8.8vw,150px);right:clamp(24px,5vw,84px);color:#fff9;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.22em}.intro-section,.artists-section{padding:110px clamp(22px,8.8vw,150px);max-width:1700px;margin:0 auto}.intro-section{background:var(--paper)}.section-kicker{color:#987956}.intro-grid{display:grid;grid-template-columns:1fr .95fr;gap:9vw;align-items:start;margin-top:29px}.intro-section h2{font-size:clamp(38px,4.7vw,72px);font-family:Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.035em}.intro-section h2 em{color:#9b8061}.intro-text{padding-top:8px;max-width:550px}.intro-text p{font-size:17px;line-height:1.85;color:#4c5d61}.intro-text p+p{margin-top:16px}.artists-section{background:#e9eae5;max-width:none}.section-heading{max-width:1400px;margin:0 auto 34px;display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading h2{font-family:Georgia,serif;font-size:clamp(39px,4.2vw,64px);font-weight:400;letter-spacing:-.03em;margin:13px 0 0}.section-heading p{max-width:250px;font-size:13px;line-height:1.7;color:#56686a;margin:0 0 8px}.artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1400px;margin:0 auto}.artist-card{background:var(--paper);min-width:0;box-shadow:0 3px 17px #1e40400d}.artist-image{height:clamp(180px,19vw,280px);overflow:hidden;position:relative}.artist-image img{display:block;width:100%;height:100%;object-fit:cover}.image-jonah img{object-position:center}.image-alara img{object-fit:cover;object-position:center top}.artist-copy{padding:28px 27px 32px;min-height:270px;display:flex;flex-direction:column}.genre{font-size:10px;letter-spacing:.17em;font-weight:750;color:#92724d}.artist-copy h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,2.1vw,35px);line-height:1.17;margin:12px 0}.artist-copy p{font-size:13px;color:#526166;line-height:1.7;margin:0 0 20px}.release{margin-top:auto;font-size:9px;letter-spacing:.09em;color:#586766;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.release cite{font-style:normal;font-weight:700;color:#233b42}.release.muted{color:#8a9492}.small-line{width:11px;height:1px;background:#89765f}.artist-copy a{font-size:12px;letter-spacing:.04em;font-weight:700;text-decoration:none;border-bottom:1px solid #a99d8b;padding-bottom:4px;align-self:flex-start;margin-top:14px}.artist-copy a:hover{color:#a57950}.artist-copy a span{margin-left:7px}.availability-note{max-width:1400px;margin:20px auto 0;font-size:12px;color:#657170}.closing{background:#17323a;color:#f4eee3;padding:93px 22px 105px;text-align:center}.closing .section-kicker{color:#dac1a2}.closing p{font-family:Georgia,serif;font-size:clamp(40px,5vw,73px);font-weight:400;line-height:1.25;margin:25px 0 29px}.closing em{color:#e9c9a4}.closing svg{color:#ceb394}.footer{background:#0d262e;color:#e9e9e1;padding:40px clamp(22px,8.8vw,150px) 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1400px;margin:0 auto}.footer-brand{font-size:16px;letter-spacing:.17em;font-weight:750}.footer-brand span{font-weight:400}.footer-top>span{font-family:Georgia,serif;color:#e0d4c4;font-size:16px;font-style:italic}.footer-bottom{margin-top:30px;padding-top:19px;border-top:1px solid #ffffff29}.footer-bottom small{font-size:10px;color:#d1d9d4a8;letter-spacing:.02em;line-height:1.6;max-width:430px}
@media(max-width:900px){.intro-grid{gap:30px}.artist-grid{gap:12px}.artist-copy{padding:22px 19px 25px}.artist-copy h3{font-size:27px}}
@media(max-width:680px){.site-header{height:70px;padding:0 21px}.brand{font-size:13px;gap:9px;letter-spacing:.13em}.brand .thin{letter-spacing:.06em}.brand-mark{width:32px;height:32px}.site-header nav{gap:17px}.site-header nav a{font-size:10px;letter-spacing:.04em}.hero{min-height:600px;height:calc(100svh - 70px);max-height:740px}.hero-image{background-position:55% center}.hero-overlay{background:linear-gradient(90deg,#0c2934e8 0%,#092631cc 52%,#09253075 100%),linear-gradient(0deg,#071f2999,transparent 30%)}.hero-copy{padding:0 24px;margin-top:-10px}.hero h1{font-size:clamp(55px,13vw,79px);margin:27px 0 20px}.hero-copy>p{font-size:19px;max-width:345px}.hero-foot{left:24px;right:24px;font-size:8px;letter-spacing:.08em}.hero-foot span:last-child{max-width:155px;text-align:right}.intro-section,.artists-section{padding:74px 24px}.intro-grid{display:block;margin-top:25px}.intro-section h2{font-size:46px}.intro-text{padding-top:9px}.intro-text p{font-size:15px;line-height:1.8}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:44px}.section-heading p{margin-top:12px}.artist-grid{grid-template-columns:1fr;gap:18px}.artist-image{height:250px}.artist-copy{min-height:0;padding:25px 25px 30px}.artist-copy h3{font-size:34px}.artist-copy p{font-size:14px}.artist-copy .release{margin-top:15px}.fine-circle{height:180px;width:180px}.letter{font-size:175px}.availability-note{line-height:1.7}.closing{padding:79px 20px}.closing p{font-size:44px}.footer{padding:35px 24px 25px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.footer-top>span{font-size:15px}.footer-bottom{margin-top:24px;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-link{transition:none}}


/* Streaming service links for Alara Vey */
.streaming{margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}
.streaming-heading{display:block;margin-bottom:12px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#687a7b}
.artist-copy .streaming-links{display:flex;gap:8px;flex-wrap:wrap}
.artist-copy .streaming-links a{display:inline-block;margin:0;padding:9px 11px;border:1px solid #cbd1ca;border-radius:3px;background:transparent;color:#284148;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:0;text-decoration:none;align-self:auto}
.artist-copy .streaming-links a:hover{background:#e9ede7;border-color:#a8b7ae;color:#17323a}