/* Emberline Essentials: Byline. A light, editorial site for an author, speaker and mentor.
   White page, book-page typography (a display serif with a reading serif), double rules, a table of contents for events. */
@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/young-serif-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Literata";font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/fonts/literata-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Literata";font-style:italic;font-weight:200 900;font-display:swap;src:url(/assets/fonts/literata-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Young Serif Fallback";src:local("Georgia"),local("Gelasio"),local("DejaVu Serif");size-adjust:101%;ascent-override:96%;descent-override:26%;line-gap-override:0%}
@font-face{font-family:"Literata Fallback";src:local("Georgia"),local("Gelasio"),local("DejaVu Serif");size-adjust:102%;ascent-override:94%;descent-override:26%;line-gap-override:0%}

:root{
  --paper:#FFFFFF;--ink:#15171D;--field:#1B1D24;--on-field:#FFFFFF;--accent:#D83A1E;--on-accent:#FFFFFF;--accent-text:#C03018;--tint:#F3F4F6;--muted:#585C68;
  --soft:.86;
  --serif:"Young Serif","Young Serif Fallback",Georgia,"Times New Roman",serif;
  --body:"Literata","Literata Fallback",Georgia,"Times New Roman",serif;
  --max:1180px;--gut:clamp(1.25rem,4.5vw,3rem);
  --hair:1px solid var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
picture{display:contents}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:400;font-family:var(--serif);line-height:1.08;letter-spacing:-.012em;text-wrap:balance}
ul,ol{margin:0;padding:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.8rem 1.1rem;z-index:200;font-weight:600}
.skip:focus{left:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.wrap{width:100%;max-width:calc(var(--max) + var(--gut) * 2);margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:calc(46rem + var(--gut) * 2)}
.center{text-align:center}
em{font-style:italic;font-family:var(--body);color:var(--accent-text)}
.band em,.sub-form--dark em{color:inherit}

/* Type pieces */
.kicker{margin:0 0 1rem;font:700 .74rem/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text)}
.kicker--on{color:var(--on-field)}
.h1{font-size:clamp(2.6rem,6.6vw,5rem);line-height:1.02}
.h2{font-size:clamp(2rem,4.6vw,3.4rem)}
.h3{font-size:clamp(1.7rem,3.2vw,2.5rem)}
.h3--s{font-size:clamp(1.35rem,2.4vw,1.8rem)}
.h4{font-size:1.3rem;line-height:1.2}
.h4--rule{margin:3rem 0 1rem;padding-top:1rem;border-top:3px double var(--ink)}
.lede{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.55;color:var(--ink);max-width:40rem;margin:1rem 0 0}
.lede--first{margin-top:0}
.body-l{font-size:1.15rem;max-width:36rem}
.sub{font-style:italic;font-size:1.2rem;line-height:1.45;color:var(--muted);margin:.5rem 0 1.25rem;max-width:34rem}
.meta{font:600 .78rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
.small{font-size:.92rem;line-height:1.55;color:var(--muted)}
.small--on{color:var(--on-field);opacity:var(--soft)}
.acts{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;margin:1.75rem 0 0}
.arr,.ext{width:1.05em;height:1.05em;flex:none;vertical-align:-.15em}

/* Buttons: square, uppercase, quiet */
.btn{display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.5em;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:700 .78rem/1.1 var(--body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn--accent:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn--line{background:transparent}
.btn--text{border-color:transparent;padding-left:.2em;padding-right:.2em;text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1.5px}
.btn--text:hover{background:transparent;color:var(--accent-text)}
.band .btn--accent:hover,.sub-form--dark .btn--accent:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.btn:active{transform:translateY(1px)}

/* Masthead */
.masthead{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--ink);box-shadow:0 3px 0 var(--paper),0 4px 0 var(--ink)}
.masthead__in{display:flex;align-items:center;gap:1.25rem;min-height:4.6rem}
.wordmark{font:400 1.45rem/1 var(--serif);text-decoration:none;letter-spacing:-.01em;margin-right:auto;white-space:nowrap}
.wordmark__logo{height:38px;width:auto}
.mh-nav ul{list-style:none;display:flex;gap:clamp(.9rem,1.8vw,1.8rem)}
.mh-nav a{font:700 .74rem/1 var(--body);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;padding:.6rem 0;border-bottom:2px solid transparent}
.mh-nav a:hover,.mh-nav a[aria-current]{border-bottom-color:var(--ink)}
.mh-cta{padding:.85em 1.2em}
.t-short{display:none}
.menu-btn{display:none;align-items:center;gap:.6rem;background:none;border:1.5px solid var(--ink);color:var(--ink);padding:.7rem .9rem;font:700 .72rem/1 var(--body);letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.menu-btn__i{display:grid;gap:4px;width:18px}
.menu-btn__i i{display:block;height:2px;background:currentColor;transition:transform .25s}
.menu-btn[aria-expanded="true"] .menu-btn__i i:first-child{transform:translateY(3px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-btn__i i:last-child{transform:translateY(-3px) rotate(-45deg)}
.menu{position:fixed;inset:4.7rem 0 0 0;z-index:55;background:var(--paper);overflow:auto;padding:2rem 0 3rem}
.menu[hidden]{display:none}
.menu__in{display:grid;gap:2rem}
.menu__list{list-style:none;display:grid}
.menu__list a{display:block;font:400 clamp(1.8rem,7vw,2.8rem)/1.1 var(--serif);text-decoration:none;padding:.75rem 0;border-bottom:1px solid var(--ink)}
.menu__list a[aria-current]{color:var(--accent-text)}
.menu__mail{margin:1rem 0 0}
body.menu-open{overflow:hidden}

/* Page heads */
.pagehead{padding:clamp(3.2rem,8vw,6rem) 0 clamp(1.5rem,3vw,2.5rem)}
.pagehead--tall{padding-bottom:clamp(5rem,12vw,9rem)}
.pagehead .lede{margin-top:1.25rem}

/* Hero */
.hero{padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,7vw,5.5rem)}
.hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.hero__name{font-size:clamp(3.3rem,9vw,7.6rem);line-height:.96;letter-spacing:-.025em;margin:0 0 1.5rem;text-wrap:balance;overflow-wrap:anywhere}
.hero__line{font-style:italic;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.45;max-width:30rem;margin:0}
.hero__acts{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin:2rem 0 0}
.hero__fig{margin:0;position:relative}
.hero__book{position:absolute;left:-11%;bottom:-5%;width:36%;transform:rotate(-4deg);transform-origin:bottom left}
.hero__book .cover{max-width:none}
.hero__fig--book .mono{transform:translateX(10%)}
.portrait{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--tint);box-shadow:12px 12px 0 0 var(--tint),12px 12px 0 1.5px var(--ink)}
.portrait--mono{background:var(--field);display:grid;place-items:center;position:relative;overflow:hidden}
.portrait--mono::before{content:"";position:absolute;inset:14px;border:1.5px solid var(--on-field);opacity:.55}
.portrait--mono::after{content:"";position:absolute;inset:20px;border:1px solid var(--accent)}
.mono{display:grid;place-items:center}
.mono__t{font:400 clamp(5.5rem,17vw,11rem)/1 var(--serif);color:var(--accent);letter-spacing:-.02em}
.rise{animation:rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Dateline: what is next */
.dateline{border-top:3px double var(--ink);border-bottom:1px solid var(--ink)}
.dateline__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.dateline__list li+li{border-left:1px solid var(--ink)}
.dateline__list li:first-child a{padding-left:0}
.dateline__list a{display:grid;gap:.25rem;padding:1.4rem clamp(1rem,2.4vw,2rem);text-decoration:none;height:100%;transition:background .2s}
.dateline__list a:hover{background:var(--tint)}
.dl__k{font:700 .7rem/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text)}
.dl__t{font:400 1.3rem/1.2 var(--serif)}
.dl__m{font-size:.92rem;color:var(--muted)}

/* Sections */
.sec{padding:clamp(4rem,9vw,7.5rem) 0}
.sec--flush{padding-top:clamp(1rem,2vw,1.5rem)}
.sec--tint{background:var(--tint)}
.sec__head{text-align:center;max-width:48rem;margin:0 auto clamp(2.5rem,5vw,4rem)}
.sec__head .kicker{display:flex;align-items:center;justify-content:center;gap:1rem}
.sec__head .kicker::before,.sec__head .kicker::after{content:"";width:2.5rem;height:5px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.sec__head .lede{margin-left:auto;margin-right:auto}
.sec__head--left{text-align:left;margin:0}
.sec__head--left .kicker{justify-content:flex-start}
.sec__head--left .kicker::before{display:none}

/* Book covers, drawn in type */
.cover{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:2/3;width:100%;padding:9% 9% 9% 13%;position:relative;container-type:inline-size;box-shadow:inset 7px 0 0 rgba(0,0,0,.2),inset 8px 0 0 rgba(255,255,255,.22),0 24px 40px -22px rgba(10,15,25,.55);overflow:hidden}
.cover--xl{max-width:340px}.cover--lg{max-width:270px}.cover--sm{max-width:170px}
.cover__top,.cover__by{font:700 clamp(.5rem,4.4cqw,.72rem)/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase}
.cover__title{font:400 clamp(1rem,13cqw,2.6rem)/1.02 var(--serif);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.cover::after{content:"";position:absolute;left:13%;right:9%;bottom:23%;height:5px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.6}
.cover--1{background:var(--field);color:var(--on-field)}
.cover--1 .cover__title{color:var(--on-field)}
.cover--1::after{border-color:var(--accent);opacity:1}
.cover--2{background:var(--accent);color:var(--on-accent)}
.cover--3{background:var(--ink);color:var(--paper)}
.cover--3::after{border-color:var(--accent);opacity:1}
.cover--4{background:var(--tint);color:var(--ink);box-shadow:inset 7px 0 0 rgba(0,0,0,.12),inset 8px 0 0 rgba(255,255,255,.5),inset 0 0 0 1.5px var(--ink),0 24px 40px -22px rgba(10,15,25,.4)}
.cover--img{padding:0;aspect-ratio:auto;box-shadow:0 24px 40px -22px rgba(10,15,25,.55)}
.cover--img img{width:100%;height:auto}

/* Featured book */
.bookfeat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,5.5rem);align-items:center}
.bookfeat__cover{display:flex;justify-content:center}
.shelf{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem clamp(1.5rem,4vw,3.5rem);margin:clamp(3rem,6vw,5rem) 0 0;padding-top:2.5rem;border-top:1px solid var(--ink)}
.shelf li{width:150px}
.shelf__a{display:grid;gap:.8rem;text-decoration:none}
.shelf__t{font:400 1.05rem/1.2 var(--serif)}
.shelf__y{font:600 .72rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:-.4rem}
.shelf__a:hover .shelf__t{text-decoration:underline;text-underline-offset:.2em}
.booklist{list-style:none}
.bookrow{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:clamp(1.5rem,5vw,4.5rem);padding:clamp(2rem,5vw,3.5rem) 0;border-top:1px solid var(--ink);align-items:start}
.bookrow:last-child{border-bottom:1px solid var(--ink)}
.shoplink{margin-top:2.5rem}

/* About (home) */
.about-s{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(1.5rem,5vw,4.5rem)}
.about-s .h2{font-size:clamp(1.9rem,3.8vw,2.8rem)}
.about-s__body{max-width:40rem}
.dropcap{font-size:clamp(1.2rem,2vw,1.42rem);line-height:1.6;margin:0}
.dropcap::first-letter{font:400 4.6em/.8 var(--serif);float:left;padding:.08em .1em 0 0;color:var(--accent-text)}
.pull{grid-column:1/-1;margin:clamp(1.5rem,4vw,3rem) auto 0;max-width:46rem;text-align:center;padding-top:2.2rem;border-top:3px double var(--ink);position:relative}
.pull p{font:italic 400 clamp(1.5rem,3.2vw,2.3rem)/1.3 var(--body);margin:0;text-wrap:balance}
.pull::before{content:"\201C";display:block;font:400 4.5rem/.5 var(--serif);color:var(--accent-text);margin-bottom:.4rem;height:2rem}
.prose .pull{margin:2.5rem 0;grid-column:auto}

/* Topics as chapters */
.chapters{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,5vw,4.5rem);counter-reset:none}
.chapter{display:flex;gap:1.25rem;padding:1.6rem 0;border-top:1px solid var(--ink)}
.chapter__n{font:400 1.9rem/1.1 var(--serif);color:var(--accent-text);min-width:3.4rem}
.chapter__t{font-size:1.45rem;margin-bottom:.4rem}
.chapter p{margin:0;color:var(--muted)}
.sec--topics .center{margin-top:2.75rem}
.sec--events .center{margin-top:2.25rem}

/* Events as a table of contents */
.toc{list-style:none;border-bottom:1px solid var(--ink)}
.ev{display:grid;grid-template-columns:5.2rem minmax(0,1fr) 11rem;gap:1.5rem;align-items:center;padding:1.5rem 0;border-top:1px solid var(--ink)}
.ev__date{text-align:center;display:grid;line-height:1}
.ev__mo{font:700 .72rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text)}
.ev__day{font:400 2.7rem/1.05 var(--serif)}
.ev__to{font-size:.74rem;color:var(--muted);margin-top:.2rem}
.ev__t{display:flex;align-items:baseline;gap:.6rem;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.2}
.ev__t .lead{flex:1;min-width:1.5rem;border-bottom:2px dotted var(--muted);transform:translateY(-.25rem)}
.ev__city{font:italic 400 1.05rem/1.2 var(--body);color:var(--ink);white-space:nowrap}
.ev__meta{margin:.35rem 0 0;color:var(--muted);font-size:.95rem}
.ev__sum{margin:.6rem 0 0;max-width:40rem}
.ev__go{white-space:nowrap;justify-content:center;width:100%}
.empty{max-width:40rem;margin:0 auto;padding:2rem 0 3rem;text-align:center}
.empty .lede{margin-left:auto;margin-right:auto}
.empty .acts{justify-content:center}

/* Media */
.media-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.poster{position:relative;display:block;aspect-ratio:16/9;background:var(--field);overflow:hidden;margin-bottom:1.25rem}
.poster img,.vid__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.poster:hover img,.vid a:hover img{transform:scale(1.03)}
.play{position:absolute;left:50%;top:50%;width:4.2rem;height:4.2rem;margin:-2.1rem 0 0 -2.1rem;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.play svg{width:1.6rem;height:1.6rem;margin-left:.15rem}
.vlist{list-style:none;margin:1.25rem 0 0;border-top:1px solid var(--ink)}
.vlist a{display:flex;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--ink);text-decoration:none}
.vlist a:hover .vlist__t{text-decoration:underline;text-underline-offset:.2em}
.vlist__d{font:700 .72rem/1.6 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);min-width:4.5rem}
.side-h{font:700 .74rem/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.75rem;padding-bottom:.9rem;border-bottom:3px double var(--ink)}
.linklist{list-style:none}
.linklist a{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;padding:1.1rem 0;border-bottom:1px solid var(--ink);text-decoration:none}
.linklist b{font:400 1.2rem/1.25 var(--serif)}
.linklist span{grid-column:1;color:var(--muted);font-size:.95rem}
.linklist svg{grid-row:1;grid-column:2;align-self:start;margin-top:.2rem}
.linklist a:hover b{text-decoration:underline;text-underline-offset:.2em}
.linklist--wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem}
.vids{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.25rem 1.75rem}
.vid a{display:grid;gap:.35rem;text-decoration:none}
.vid__pic{position:relative;display:block;aspect-ratio:16/9;background:var(--field);overflow:hidden;margin-bottom:.5rem}
.vid__pic .play{width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem}
.vid__d{font:700 .72rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.vid__t{font:400 1.25rem/1.2 var(--serif)}
.vid__s{font-size:.92rem;color:var(--muted)}
.vid a:hover .vid__t{text-decoration:underline;text-underline-offset:.2em}
.mask{overflow:hidden}

/* Testimonials (shown only when the minister has added real ones) */
.quotes{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2rem}
.quote blockquote{margin:0;padding:1.5rem 0 0;border-top:3px double var(--ink)}
.quote p{font:italic 400 1.3rem/1.45 var(--body)}
.quote footer{display:grid;gap:.1rem;font-size:.92rem}
.quote cite{font-style:normal;font-weight:700}
.quote footer span{color:var(--muted)}

/* Bands on the color field */
.band{background:var(--field);color:var(--on-field);padding:clamp(3.5rem,8vw,6rem) 0}
.band__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.band .h2{color:var(--on-field)}
.band .lede{color:var(--on-field);opacity:var(--soft)}
.band__act{display:grid;gap:1rem;justify-items:start}
.band--give{background:var(--ink);color:var(--paper)}
.band--give .h2,.band--give .lede,.band--give .kicker{color:var(--paper)}
.band .btn:not(.btn--accent){color:var(--on-field);border-color:var(--on-field)}

/* Forms */
.form{display:grid;gap:1.1rem}
.form__t{font-size:1.5rem;margin-bottom:.1rem}
.form label{display:grid;gap:.4rem;font:700 .72rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase}
.form input,.form select,.form textarea{width:100%;font:400 1rem/1.4 var(--body);letter-spacing:0;text-transform:none;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);border-radius:0;padding:.85rem .9rem;min-height:3rem}
.form textarea{resize:vertical;min-height:7rem}
.form input::placeholder,.form textarea::placeholder{color:var(--muted);opacity:1}
.form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 1.3rem) 55%,calc(100% - .95rem) 55%;background-size:.4rem .4rem;background-repeat:no-repeat;padding-right:2.4rem}
.form :focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.consent{margin:0;font-size:.85rem;line-height:1.5;color:var(--muted)}
.form-error{margin:0;color:var(--accent-text);font-weight:600;font-size:.95rem}
.form .btn{justify-self:start}
.invite-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.invite-g__form{background:var(--paper);border:1.5px solid var(--ink);padding:clamp(1.4rem,3.4vw,2.6rem);box-shadow:10px 10px 0 0 var(--accent)}
.sec--invite{background:var(--tint)}
.sec--flush.sec--invite{padding-top:clamp(2.5rem,5vw,4rem)}
.invite-g__pic{margin:2rem 0;aspect-ratio:3/2}
.invite-g__pic img{width:100%;height:100%;object-fit:cover}
.sub-form__row{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}
.sub-form__row label{flex:1 1 12rem}
.sub-form--dark label{color:var(--on-field)}
.sub-form--dark .consent{color:var(--on-field);opacity:var(--soft)}
.sub-form--dark .form-error{color:var(--on-field)}
.sub-form .btn{min-height:3rem}
.plainlist{list-style:none;margin:1rem 0 1.5rem}
.plainlist li{padding:.9rem 0;border-top:1px solid var(--ink);display:grid;gap:.15rem}
.plainlist li:last-child{border-bottom:1px solid var(--ink)}
.plainlist span{color:var(--muted);font-size:.97rem}

/* About page */
.story{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
.story__side{position:sticky;top:6.5rem}
.story__side .small{margin-top:1.8rem}
.prose{max-width:44rem}
.prose p,.prose li{font-size:1.1rem}
.prose h2{font-size:1.7rem;margin:2.5rem 0 .75rem}
.prose h2.h4{font-size:1.3rem}
.prose ul{padding-left:1.2rem;margin:0 0 1em}
.story__body>p:first-of-type::first-letter{font:400 4.6em/.8 var(--serif);float:left;padding:.08em .1em 0 0;color:var(--accent-text)}
.homebox{margin:2.5rem 0 0;padding:1.4rem 1.6rem;border:1.5px solid var(--ink);background:var(--tint)}
.homebox .h4{margin-bottom:.5rem}
.homebox p{margin:0}
.bleed{height:clamp(220px,38vw,480px);margin-top:clamp(2rem,5vw,4rem)}
.bleed img{width:100%;height:100%;object-fit:cover}

/* Press kit */
.kit{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.kit__main section{margin:0 0 2.25rem;padding-top:1.25rem;border-top:3px double var(--ink)}
.kit__main .h4{margin-bottom:.8rem}
.kit__side{position:sticky;top:6.5rem;display:grid;gap:1.5rem}
.kitcard{background:var(--tint);border:1.5px solid var(--ink);padding:1.4rem 1.5rem}
.kitcard .h4{margin-bottom:.8rem}
.kitcard p{margin:0 0 .6rem;font-size:1rem}
.dl{list-style:none;display:grid;gap:1rem}
.dl a{font-weight:700;display:inline-flex;gap:.4em;align-items:center}
.dl span{display:block;font-size:.88rem;color:var(--muted);margin-top:.2rem}
.venues{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 2rem}
.venues li{padding:.6rem 0;border-bottom:1px solid var(--ink);font-size:1.02rem}

/* Resources */
.resl{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.5rem}
.res a{display:grid;gap:.5rem;align-content:start;height:100%;padding:1.5rem;border:1.5px solid var(--ink);text-decoration:none;transition:background .2s,transform .2s}
.res a:hover{background:var(--tint);transform:translateY(-3px)}
.res__type{font:700 .7rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text)}
.res__t{font:400 1.3rem/1.2 var(--serif)}
.res__p{color:var(--muted);font-size:.97rem}
.res__go{font:700 .72rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;margin-top:.4rem;display:inline-flex;gap:.4em;align-items:center}
.giveclose{padding:1rem 0 3rem}

/* Footer */
.foot{margin-top:0;border-top:3px double var(--ink);background:var(--paper);padding-top:clamp(2.5rem,5vw,4rem)}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem}
.foot p{margin:0 0 .4rem}
.foot__name{font:400 1.6rem/1.1 var(--serif)}
.foot__role{color:var(--muted)}
.foot__h{font:700 .72rem/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.8rem!important}
.foot ul{list-style:none;display:grid;gap:.5rem}
.foot a{text-underline-offset:.25em}
.foot ul a{text-decoration:none}
.foot ul a:hover,.foot a:hover{text-decoration:underline}
.foot__home{margin-top:1.5rem}
.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:2.5rem;padding:1.2rem 0 2rem;border-top:1px solid var(--ink);font-size:.88rem;color:var(--muted)}
.foot__base p{margin:0}

/* Reveal on scroll (everything is visible without scripts) */
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease;transition-delay:calc(var(--d,0) * 90ms)}
.js .reveal.in{opacity:1;transform:none}

/* Demo palette switcher */
.pal{position:fixed;left:12px;bottom:12px;z-index:75;display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:6px 8px;box-shadow:0 0 0 1.5px #111,0 10px 30px rgba(10,20,30,.25)}
.pal__t{font:700 .66rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#111;padding:0 .3rem 0 .2rem}
.pal__b{position:relative;display:block;border:0;background:transparent;border-radius:50%;padding:3px;cursor:pointer}
.pal__b i{width:22px;height:22px;border-radius:50%;display:block;background:linear-gradient(135deg,var(--c) 0 55%,var(--k) 55% 100%);box-shadow:0 0 0 1.5px #111}
.pal__b span{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);background:#111;color:#fff;border-radius:999px;padding:.3rem .7rem;font:700 .75rem var(--body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.pal__b:hover span,.pal__b:focus-visible span{opacity:1}
.pal__b[aria-pressed="true"]{box-shadow:0 0 0 2px #111}
.pal :focus-visible{outline-color:#111}
.menu-open .pal{display:none}

/* Responsive */
@media (max-width:1060px){
  .mh-nav{display:none}
  .menu-btn{display:inline-flex}
}
@media (max-width:900px){
  .hero__grid,.bookfeat,.about-s,.media-g,.band__grid,.invite-g,.story,.kit{grid-template-columns:minmax(0,1fr)}
  .hero__fig{max-width:26rem}
  .hero__book{left:3%;bottom:-7%;width:27%}
  .hero__fig--book .mono{transform:translateX(14%)}
  .portrait--mono{aspect-ratio:5/4}
  .bookfeat__cover{justify-content:flex-start}
  .story__side{position:static;max-width:22rem}
  .kit__side{position:static}
  .chapters,.linklist--wide,.venues{grid-template-columns:minmax(0,1fr)}
  .vids{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-s .sec__head--left{margin-bottom:0}
}
@media (max-width:640px){
  body{font-size:1.02rem}
  .masthead__in{min-height:4.1rem;gap:.7rem}
  .menu{inset:4.2rem 0 0 0}
  .wordmark{font-size:1.2rem}
  .t-long{display:none}.t-short{display:inline}
  .mh-cta{padding:.8em 1em}
  .menu-btn{padding:.65rem .75rem}
  .menu-btn__t{display:none}
  .two{grid-template-columns:minmax(0,1fr)}
  .vids{grid-template-columns:minmax(0,1fr)}
  .ev{grid-template-columns:4rem minmax(0,1fr);gap:.4rem 1rem;align-items:start}
  .ev__go{grid-column:2;justify-self:start;margin-top:.5rem}
  .ev__t{flex-wrap:wrap;gap:.1rem .6rem}
  .ev__t .lead{display:none}
  .ev__city{flex-basis:100%}
  .ev__day{font-size:2.2rem}
  .dateline__list li+li{border-left:0;border-top:1px solid var(--ink)}
  .invite-g__form{box-shadow:6px 6px 0 0 var(--accent)}
  .bookrow{grid-template-columns:minmax(0,1fr)}
  .bookrow__cover .cover{max-width:200px}
  .foot__grid{grid-template-columns:minmax(0,1fr)}
  .pal{left:8px;bottom:8px;padding:4px 6px}
  .pal__t{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rise,.js .reveal{animation:none;transition:none;opacity:1;transform:none}
  .poster img,.vid__pic img{transition:none}
}
@media print{.masthead,.menu,.pal,.band,.sub-form{display:none}}