@font-face{font-family:Literata;font-weight:400;font-display:swap;src:url(/fonts/Literata-400.ttf) format("truetype")}
@font-face{font-family:Literata;font-weight:600;font-display:swap;src:url(/fonts/Literata-600.ttf) format("truetype")}
@font-face{font-family:Onest;font-weight:400;font-display:swap;src:url(/fonts/Onest-400.ttf) format("truetype")}
@font-face{font-family:Onest;font-weight:600;font-display:swap;src:url(/fonts/Onest-600.ttf) format("truetype")}
:root{--bg:#F5F5F4;--surface:#FFFFFF;--ink:#111111;--muted:#5C5C5C;--line:#E4E4E2;--accent:#111111;--gold:#6B6B6B;--tint:#EFEFEE;--stage:#ECECEB;--onaccent:#FFFFFF;--shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(0,0,0,.06);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0A0A0A;--surface:#151515;--ink:#F2F2F2;--muted:#A8A8A8;--line:#2A2A2A;--accent:#F2F2F2;--gold:#A8A8A8;--tint:#1E1E1E;--stage:#050505;--onaccent:#111111;--shadow:none;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Onest,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:-9999px;top:10px;z-index:20;background:var(--surface);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600}
.skip:focus{inset-inline-start:16px}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.wrap.wide{max-width:1520px}
@media (min-width:700px){.wrap{padding:0 32px}}
@media (min-width:1200px){.wrap{padding:0 48px}}
/* header */
.top{background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:5}
.bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand lang" "nav nav";align-items:center;column-gap:16px}
.brand{grid-area:brand;display:flex;align-items:center;color:var(--ink);text-decoration:none;font-family:Literata,Georgia,serif;font-weight:600;font-size:21px;min-height:60px;letter-spacing:-.01em}
.lang{grid-area:lang;font-size:14px;font-weight:600;text-decoration:none;padding:7px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}
.lang:hover{border-color:var(--accent);color:var(--accent)}
.nav{grid-area:nav;display:flex;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin:0 -16px;padding:0 16px 10px;font-size:15px}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--accent)}
.nav a[aria-current]{color:var(--accent);border-bottom-color:currentColor;font-weight:600}
@media (min-width:700px){.nav{margin:0 -32px;padding:0 32px 10px}}
@media (min-width:960px){.bar{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav lang";min-height:76px}.nav{justify-content:center;margin:0;padding:0;gap:32px;overflow:visible}}
.home .top{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0}
.home .top .brand,.home .nav a,.home .top .lang{color:#fff}
.home .top .lang{border-color:rgba(255,255,255,.55)}
.home .nav a:hover,.home .top .lang:hover{color:#fff;border-bottom-color:#fff}
.home .top .lang:hover{border-color:#fff}
.front{padding-bottom:88px}
/* type */
h1,h2,h3,.serif{font-family:Literata,Georgia,"Times New Roman",serif;font-weight:600}
h1{font-size:clamp(32px,4.4vw,54px);line-height:1.12;margin:6px 0 14px;letter-spacing:-.02em}
h2{font-size:clamp(23px,2.3vw,30px);line-height:1.22;margin:48px 0 16px;letter-spacing:-.01em}
h3{font-size:19px;line-height:1.3;margin:24px 0 8px}
p{margin:0 0 14px}
.kicker{font-family:Onest,-apple-system,sans-serif;color:var(--gold);font-size:12.5px;line-height:1.4;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}
h2.kicker,h3.kicker{margin-top:32px}
.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--muted);max-width:40em}
.muted{color:var(--muted)}
.small{font-size:14px;line-height:1.5}
.crumbs{font-size:14px;color:var(--muted);margin:0 0 12px}
.crumbs a{color:var(--muted)}
.page{padding-top:28px;padding-bottom:80px}
.head{max-width:52em;margin:0 0 28px}
.head h1{margin-bottom:12px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:64px 0 20px}
.sec-head h2{margin:0}
.sec-head .kicker{margin-bottom:6px}
.more{font-weight:600;text-decoration:none;white-space:nowrap}
.more::after{content:" →"}
/* banner: a picture under a dark veil at the top of a section */
.banner{position:relative;overflow:hidden;border-radius:28px;min-height:300px;display:flex;align-items:flex-end;color:#fff;background:#111111;margin:0 0 40px}
.banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.42) 40%,rgba(0,0,0,.82))}
.banner-in{position:relative;z-index:1;padding:28px 22px 24px;max-width:50em}
.banner h1{color:#fff;margin:0 0 10px}
.banner p{color:rgba(255,255,255,.92)}
.banner .lead{color:rgba(255,255,255,.92)}
.banner .kicker{color:rgba(255,255,255,.78)}
.banner .crumbs,.banner .crumbs a,.banner .pcredit,.banner .pcredit a{color:rgba(255,255,255,.88)}
.pcredit{font-size:12.5px;margin:12px 0 0}
.banner.pos-top>img{object-position:50% 25%}
.banner.pos-left>img{object-position:20% 50%}
@media (min-width:900px){.banner{min-height:440px}.banner-in{padding:48px 52px 40px}}
/* front page */
.hero{position:relative;min-height:640px;min-height:92svh;display:flex;align-items:flex-end;color:#fff;background:#111111;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.3) 26%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.76) 80%,rgba(0,0,0,.86))}
.hero-in{position:relative;z-index:1;width:100%;padding-top:160px;padding-bottom:48px}
.hero .kicker{color:rgba(255,255,255,.78)}
.hero h1{color:#fff;font-size:clamp(50px,9vw,112px);line-height:.98;letter-spacing:-.035em;margin:0 0 18px;max-width:9em}
.hero .lead{color:rgba(255,255,255,.94);font-size:clamp(19px,2vw,24px);max-width:30em;margin:0 0 26px}
.pill{display:inline-block;background:#fff;color:#111111;border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600}
.hero .pcredit{margin-top:36px;max-width:40em}
.hero .pcredit,.hero .pcredit a{color:rgba(255,255,255,.85)}
@media (min-width:900px){.hero-in{padding-bottom:64px}}
.mosaic{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#111111;color:#fff;text-decoration:none}
.tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.86))}
.tile:hover>img{transform:scale(1.04)}
.tile-t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:16px}
.tile-t b{display:block;font-family:Literata,Georgia,serif;font-weight:600;font-size:20px;line-height:1.2}
.tile-t span{display:none;font-size:15px;line-height:1.45;color:rgba(255,255,255,.92);margin-top:6px}
.tile.big{grid-column:1/-1;aspect-ratio:4/3}
.tile.big .tile-t b{font-size:clamp(28px,3.4vw,44px)}
.tile.big .tile-t span{display:block;max-width:28em}
.tile.pos-left>img{object-position:22% 50%}
.tile.pos-top>img{object-position:50% 25%}
.tile.ph>img{transform:scale(1.1)}
.tile.ph:hover>img{transform:scale(1.14)}
@media (min-width:700px){.mosaic{gap:20px}.tile-t{padding:22px}.tile-t span{display:block}}
@media (min-width:960px){.mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.tile.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.tile.big .tile-t{padding:32px}}
.mosaic.small .tile{aspect-ratio:4/3}
@media (min-width:700px){.mosaic.small{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.mosaic.small{grid-template-columns:repeat(5,minmax(0,1fr))}.mosaic.small .tile{aspect-ratio:3/4}}
.spread{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.spread .s-pic{display:flex;align-items:center;justify-content:center;background:#000;padding:24px;min-height:280px}
.spread .s-pic img{display:block;max-height:min(520px,60vh);width:auto;height:auto;max-width:100%}
.spread .s-text{padding:24px 22px 28px;align-self:center}
.spread h3{font-size:clamp(26px,2.6vw,36px);line-height:1.15;margin:0 0 10px}
.spread .verse{margin-top:18px}
@media (min-width:900px){.spread{grid-template-columns:5fr 6fr}.spread .s-text{padding:48px 52px}}
.pair{display:grid;gap:20px;margin-top:20px}
@media (min-width:900px){.pair{grid-template-columns:1fr 1fr;gap:24px}}
.feature{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:28px;overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}
.feature:hover{border-color:var(--accent)}
.feature .pic{aspect-ratio:3/2}
.feature .f-text{display:block;padding:22px 24px 26px}
.feature h2,.feature h3{font-size:clamp(22px,2vw,28px);line-height:1.2;margin:0 0 8px}
.feature .f-text>span{display:block;color:var(--muted);font-size:15.5px;line-height:1.55}
.feature .f-text>.kicker{color:var(--gold);font-size:12.5px;line-height:1.4;margin-bottom:8px}
.feature .f-text>.go{display:inline-block;margin-top:14px;color:var(--accent);font-weight:600}
.feature .go::after,.spread .go::after{content:" →"}
.feats{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:1fr}
.feats li{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 22px;color:var(--muted);font-size:15.5px;line-height:1.55}
.feats b{display:block;color:var(--ink);font-family:Literata,Georgia,serif;font-weight:600;font-size:19px;line-height:1.3;margin-bottom:6px}
@media (min-width:700px){.feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media (min-width:1100px){.feats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.band{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:28px 24px;margin:48px 0 0;display:grid;gap:16px;align-items:center}
.band p{margin:0}
.band .serif{font-size:clamp(21px,2vw,26px);line-height:1.3}
@media (min-width:900px){.band{grid-template-columns:1fr auto;padding:36px 44px}}
.band .pill{background:var(--accent);color:var(--onaccent)}
/* cards */
.cards{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 8px;padding:0;list-style:none}
@media (min-width:700px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (min-width:1100px){.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cards>li{display:flex}
.card{display:flex;flex-direction:column;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .2s}
.card:hover{border-color:var(--accent)}
.card .c-text{display:block;padding:14px 16px 16px}
.card b{display:block;font-family:Literata,Georgia,serif;font-weight:600;font-size:17px;line-height:1.3}
.card .sub{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:5px}
.card .tag{display:block;color:var(--gold);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
@media (min-width:700px){.card .c-text{padding:16px 18px 18px}.card b{font-size:18px}}
.pic{position:relative;display:block;aspect-ratio:4/3;background:var(--stage);overflow:hidden}
.pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.card:hover .pic img,.feature:hover .pic img{transform:scale(1.04)}
.pic.tall{aspect-ratio:4/5}
.pic.up img{object-position:50% 18%}
.pic.obj img{object-fit:contain}
.card:hover .pic.obj img{transform:none}
.pic.ph img{transform:scale(1.09)}
.card:hover .pic.ph img,.feature:hover .pic.ph img{transform:scale(1.13)}
.pic.glyph{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--tint),var(--surface) 75%)}
.pic.glyph span{font-family:Literata,Georgia,serif;font-weight:600;font-size:64px;line-height:1;color:var(--accent);opacity:.85}
.masonry{columns:2;column-gap:14px;margin:16px 0 8px}
@media (min-width:700px){.masonry{columns:3;column-gap:20px}}
@media (min-width:1100px){.masonry{columns:4;column-gap:24px}}
.masonry .card{display:block;break-inside:avoid;margin:0 0 14px}
@media (min-width:700px){.masonry .card{margin-bottom:20px}}
.masonry .pic{aspect-ratio:auto}
.masonry .pic img{height:auto}
@media (max-width:699px){.masonry .card .c-text{padding:12px 12px 14px}.masonry .card b{font-size:15px}.masonry .card .sub{font-size:13px}.cards .card .c-text{padding:12px 12px 14px}.cards .card b{font-size:15.5px}}
.rows{display:grid;gap:10px;grid-template-columns:1fr;margin:12px 0;padding:0;list-style:none}
@media (min-width:700px){.rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (min-width:1100px){.rows{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rows>li{display:flex}
.row{display:flex;align-items:center;gap:14px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 16px;color:var(--ink);text-decoration:none;min-height:66px}
a.row:hover{border-color:var(--accent)}
.row img{width:52px;height:52px;border-radius:10px;object-fit:cover;object-position:50% 18%;flex:none;background:var(--stage)}
.row b{display:block;font-weight:600;font-size:16px;line-height:1.35}
.row .sub{display:block;color:var(--muted);font-size:13.5px;line-height:1.4;margin-top:2px}
.row .tag{color:var(--gold);font-size:12px;font-weight:600;margin-inline-start:6px}
.letters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 8px;padding:0;list-style:none}
.letters a{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:15px;color:var(--ink);text-decoration:none}
.letters a:hover{border-color:var(--accent);color:var(--accent)}
.letter{font-family:Literata,Georgia,serif;font-size:28px;font-weight:600;color:var(--gold);margin:36px 0 8px;scroll-margin-top:16px}
/* old list (legal pages and simple lists) */
.list{list-style:none;padding:0;margin:10px 0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.list li{border-top:1px solid var(--line)}
.list li:first-child{border-top:0}
.list a,.list .li{display:block;padding:12px 18px;color:var(--ink);text-decoration:none}
.list a:hover{background:var(--tint)}
.list .sub{display:block;color:var(--muted);font-size:14px;line-height:1.4;margin-top:2px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:14px 0}
.tiles a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;color:var(--ink);text-decoration:none}
.tiles a:hover{border-color:var(--accent)}
.tiles b{display:block;font-family:Literata,Georgia,serif;font-weight:600;font-size:19px;margin-bottom:4px}
/* the Bible */
.bible-index{display:grid;gap:8px 56px}
@media (min-width:1000px){.bible-index{grid-template-columns:1fr 1fr}}
.bible-index h2{margin-top:8px}
.books-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0 20px;padding:0;list-style:none}
@media (min-width:600px){.books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.books-grid a{display:block;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 14px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15.5px;line-height:1.3}
.books-grid a:hover{border-color:var(--accent);color:var(--accent)}
.books-grid .sub{display:block;color:var(--muted);font-weight:400;font-size:13px;margin-top:2px}
.books-grid .tag{display:block;color:var(--gold);font-weight:600;font-size:11.5px;margin-top:2px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px;margin:16px 0 24px;max-width:900px}
.grid a{display:flex;align-items:center;justify-content:center;height:56px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;font-weight:600;font-size:17px}
.grid a:hover{border-color:var(--accent);color:var(--accent)}
.reader{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "aside" "nav";gap:48px}
.r-main{grid-area:main;min-width:0}
.r-aside{grid-area:aside;min-width:0}
.r-nav{grid-area:nav;min-width:0}
.measure{max-width:680px;margin:0 auto}
.r-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 22px}
.r-head h1{margin:0}
.step{display:flex;gap:8px;flex:none;padding-bottom:6px}
.step a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-size:20px}
.step a:hover{border-color:var(--accent);color:var(--accent)}
.step span{display:block;width:46px}
.text{font-family:Literata,Georgia,"Times New Roman",serif;font-size:19px;line-height:1.78}
.text p{margin:0 0 8px}
@media (min-width:700px){.text{font-size:20.5px}}
.vn{font-family:Onest,-apple-system,sans-serif;font-size:12px;font-weight:600;color:var(--gold);vertical-align:super;line-height:0;margin-inline-end:5px}
.text p:target{background:var(--tint);border-radius:8px;box-shadow:0 0 0 6px var(--tint)}
.empty{color:var(--muted)}
.sv{font-family:Literata,Georgia,serif}
.licence{margin-top:28px}
.r-nav h2{font-family:Onest,-apple-system,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:28px 0 10px}
.r-nav h2:first-child{margin-top:0}
.r-book{font-family:Literata,Georgia,serif;font-size:20px;font-weight:600;margin:0 0 12px}
.r-book a{color:var(--ink);text-decoration:none}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin:0;padding:0;list-style:none}
.chips a{display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}
.chips a:hover{border-color:var(--accent);color:var(--accent)}
.chips a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--onaccent)}
.blist{list-style:none;padding:0;margin:0;columns:2;column-gap:20px;font-size:15px;line-height:1.35}
@media (min-width:700px){.blist{columns:3}}
.blist li{break-inside:avoid}
.blist a{display:block;padding:6px 8px;margin:0 -8px;border-radius:8px;color:var(--ink);text-decoration:none}
.blist a:hover{background:var(--surface);color:var(--accent)}
.blist a[aria-current]{color:var(--accent);font-weight:600}
@media (min-width:820px){
.reader{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"nav main" "nav aside";column-gap:44px}
.r-nav-in{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;padding:2px 6px 24px 2px;scrollbar-width:thin}
.blist{columns:1;font-size:14.5px}
.blist a{padding:4px 8px}
}
@media (min-width:1200px){.reader{grid-template-columns:220px minmax(0,1fr) 280px;grid-template-areas:"nav main aside";column-gap:48px}}
@media (min-width:1440px){.reader{grid-template-columns:240px minmax(0,1fr) 310px;column-gap:64px}}
.r-aside>h2{margin:0 0 4px}
.r-aside h3{font-family:Onest,-apple-system,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:24px 0 10px}
.minis{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:600px) and (max-width:1199px){.minis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mini{display:flex;align-items:center;gap:12px;padding:8px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;min-height:76px}
.mini:hover{border-color:var(--accent)}
.mini img{width:60px;height:60px;border-radius:10px;object-fit:cover;flex:none;background:var(--stage)}
.mini img.obj{object-fit:contain}
.mini b{display:block;font-weight:600;font-size:15px;line-height:1.3}
.mini .sub{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}
.artgrid{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px) and (max-width:1199px){.artgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.artgrid a{display:block;color:var(--ink);text-decoration:none;font-size:13.5px;line-height:1.35}
.artgrid img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:12px;background:var(--stage);margin-bottom:6px}
.artgrid a:hover b{color:var(--accent)}
.artgrid b{display:block;font-weight:600}
.artgrid .sub{color:var(--muted)}
/* detail pages: the text, and related material beside it */
.detail{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}
.d-main{min-width:0}
.side{min-width:0}
.side>section+section{margin-top:36px}
.side h2{font-size:21px;margin:0 0 14px}
@media (min-width:1000px){.detail{grid-template-columns:minmax(0,1fr) 340px;gap:56px}.side.sticky{position:sticky;top:24px;align-self:start}}
@media (min-width:1280px){.detail{grid-template-columns:minmax(0,1fr) 380px;gap:80px}}
.prose{max-width:40em}
.prose p{font-size:18px;line-height:1.7}
.prose h2{font-size:24px}
.d-main .prose p:first-child::first-letter{font-family:Literata,Georgia,serif}
.life p{font-family:Literata,Georgia,serif;font-size:19px;line-height:1.75}
.facts{font-size:16px;color:var(--muted);margin:0 0 22px;max-width:40em}
figure{margin:0 0 24px}
figure img{display:block;width:100%;height:auto;border-radius:16px;background:var(--stage)}
figure.tall img{width:auto;max-width:100%;max-height:80vh;margin:0 auto}
.side figure.tall img{max-height:560px}
figcaption{font-size:15px;line-height:1.5;margin-top:10px}
figcaption .credit{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.stage{background:var(--stage);border-radius:28px;padding:20px;margin:0 0 36px;display:flex;justify-content:center}
.stage img{display:block;width:auto;height:auto;max-width:100%;max-height:78vh;box-shadow:0 18px 50px rgba(0,0,0,.22)}
@media (min-width:900px){.stage{padding:44px}}
.ph-fig .frame{display:block;overflow:hidden;border-radius:16px;background:var(--stage)}
.ph-fig img{border-radius:0;transform:scale(1.08)}
.lead-photo{margin:0 0 40px}
.lead-photo .frame{border-radius:28px}
.lead-photo img{aspect-ratio:16/9;object-fit:cover;max-height:72vh}
.banner.ph>img{transform:scale(1.1)}
.verse{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:16px;padding:14px 18px;margin:0 0 12px}
.verse .label{font-weight:600;display:block}
.verse .ref{font-size:14px;font-weight:600}
.verse q{display:block;quotes:none;font-family:Literata,Georgia,serif;font-size:17px;line-height:1.6;margin-top:4px}
.entry{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin:0}
.entry .region{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.entry b{display:block;font-family:Literata,Georgia,serif;font-size:18px;line-height:1.3;margin-top:4px}
.entry .date{color:var(--muted);font-size:14px}
.entry p{margin:8px 0 0;font-size:16px}
.entries{display:grid;gap:14px;grid-template-columns:1fr;margin:0 0 16px}
@media (min-width:700px){.entries{grid-template-columns:repeat(2,minmax(0,1fr))}}
.facts-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px}
.facts-box dl{margin:0}
.facts-box dt{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}
.facts-box dt:first-child{margin-top:0}
.facts-box dd{margin:2px 0 0;font-size:15.5px}
.credits{border-top:1px solid var(--line);margin-top:44px;padding-top:16px;max-width:52em}
.credits p{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 8px}
.credits h2.kicker{margin-top:0}
.btn{display:inline-block;background:var(--accent);color:var(--onaccent);border-radius:999px;padding:11px 20px;font-weight:600;text-decoration:none;margin:8px 0}
.btn:hover{text-decoration:underline}
.pager{display:flex;justify-content:space-between;gap:12px;margin:40px 0 8px}
.pager a{flex:1;max-width:50%;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:600;line-height:1.35}
.pager a:hover{border-color:var(--accent)}
.pager a small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-bottom:2px}
.pager a[rel=prev] small::before{content:"← "}
.pager .n small::after{content:" →"}
.pager .n{text-align:end;margin-inline-start:auto}
@media (min-width:700px){.pager a{padding:18px 22px;font-size:18px;font-family:Literata,Georgia,serif}.pager a small{font-family:Onest,-apple-system,sans-serif}}
ul.plain{padding-inline-start:22px}
ul.plain li{margin-bottom:6px}
.detail.trio{grid-template-areas:"pic" "main" "rel"}
.trio>.d-pic{grid-area:pic;min-width:0}.trio>.d-main{grid-area:main}.trio>.d-rel{grid-area:rel}
.trio>.d-pic:empty{display:none}
.trio .d-pic figure{max-width:520px;margin:0 auto}
@media (min-width:1000px){.detail.trio{grid-template-areas:"main pic" "main rel";grid-template-rows:auto 1fr;row-gap:36px}.trio>.d-pic:empty{display:block}.trio .d-pic figure{margin:0}}
.rows.one{grid-template-columns:1fr}
.named li{margin-bottom:8px}
/* footer */
.foot{background:var(--surface);border-top:1px solid var(--line);padding:44px 0 36px;font-size:14.5px;color:var(--muted)}
.foot-grid{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.foot-grid>div:first-child{grid-column:1/-1}
@media (min-width:900px){.foot-grid{grid-template-columns:2.2fr 1fr 1.2fr 1.4fr}.foot-grid>div:first-child{grid-column:auto}}
.foot .brand{min-height:0;margin-bottom:12px}
.foot p{margin:0 0 8px;max-width:30em}
.foot h2{font-family:Onest,-apple-system,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin:4px 0 12px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:0 0 8px}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--accent)}
.foot .fine{border-top:1px solid var(--line);margin-top:32px;padding-top:16px;font-size:13px;max-width:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.tile:hover>img,.card:hover .pic img,.feature:hover .pic img{transform:none}.card:hover .pic.ph img,.feature:hover .pic.ph img{transform:scale(1.09)}}