/*
Theme Name: Peyee Chen
Author: Peyee Chen
Description: A quiet black-and-white portfolio theme for a singer. Handwriting headings, a listen carousel, calendar with archive, tag-based project pages, discography and contact. Everything is edited from WordPress screens.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: peyee-chen
*/
@font-face{font-family:"Peyee Hand";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/PeyeeHand-Regular.woff") format("woff"),url("fonts/PeyeeHand-Regular.otf") format("opentype")}
@font-face{font-family:"Peyee Hand";font-weight:700;font-style:normal;font-display:swap;src:url("fonts/PeyeeHand-Bold.woff") format("woff"),url("fonts/PeyeeHand-Bold.otf") format("opentype")}
:root{--bg:#fff;--ink:#111;--soft:#6b6b66;--win:#000;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 "Marcellus",Georgia,serif}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
.hand{font-family:"Peyee Hand",cursive;font-weight:400}
.top{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 6vw;padding-top:calc(.8rem + env(safe-area-inset-top,0px));background:var(--bg);border-bottom:.5px solid transparent;transition:border-color .25s}
.top.scrolled{border-bottom-color:var(--ink)}
.mark img{width:140px}
.menu{display:none;background:none;border:0;padding:.5rem 0;font-size:12px;letter-spacing:.14em;cursor:pointer}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.6rem;font-size:12px;letter-spacing:.14em}
nav a{text-decoration:none}
nav a:hover{text-decoration:underline;text-underline-offset:.5em}
.hero{padding:3.5rem 6vw 3rem;display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,6.4fr);gap:5vw;align-items:center}
.hero .ph{margin:0 0 0 4%}
.photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.pc{margin-top:.6rem;font-size:12px;letter-spacing:.06em;color:var(--soft)}
.nm{padding-bottom:1.8rem}
.nameimg{width:min(100%,460px)}
.nm{container-type:inline-size}
.hi{margin:0;white-space:nowrap;font-weight:700;font-size:clamp(2.2rem,5.2vw,5rem);font-size:calc(100cqw / (var(--n,19) * .40));line-height:1.05;transform:rotate(-1.5deg);transform-origin:left bottom}
.lead{margin:1.6rem 0 0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}
.sec{padding:5.5rem 6vw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:1.5rem 5vw;align-items:start}
.sec>h2{position:sticky;top:6.5rem;margin:0;font:700 clamp(2.6rem,5.2vw,4rem)/1 "Peyee Hand",cursive}
.sec.rev{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}
.sec.rev>h2{grid-column:2;grid-row:1;text-align:right}
.sec.rev>.body{grid-column:1;grid-row:1}
.car{position:relative}
.slide{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:1.6rem;align-items:start}
[hidden]{display:none!important}
.slide[hidden]{display:none}
.win{display:grid;place-items:center;width:100%;aspect-ratio:16/9;border:0;background:var(--win);color:#f3f2ee;font-size:12px;letter-spacing:.14em;cursor:pointer;outline:.5px solid var(--soft)}
.cap{margin:.8rem 0 0;font-size:13px;letter-spacing:.05em;color:var(--soft)}
.note{position:relative;padding:2.2rem 0 0 2.6rem;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;transform:rotate(-2deg)}
.note svg{position:absolute;left:-4px;top:.8rem;width:64px;height:40px;color:var(--ink)}
.ctrl{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem}
.ct{font-size:12px;letter-spacing:.14em;color:var(--soft)}
.btns{display:flex;gap:.6rem}
.cb{width:46px;height:46px;display:grid;place-items:center;background:none;border:.5px solid var(--ink);padding:0;cursor:pointer}
.cb svg{width:26px;height:18px}
.cb.prev svg{transform:scaleX(-1)}
.cb:hover{background:var(--ink);color:var(--bg)}
.cb:focus-visible,.win:focus-visible,.reveal:focus-visible,a:focus-visible,summary:focus-visible,.menu:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.txt{max-width:34em;margin:0}
.moreline{display:flex;align-items:center;gap:1rem;margin-top:1.8rem;text-decoration:none;font-size:14px}
.moreline .ln{flex:1;border-top:.5px solid var(--ink)}
.moreline:hover span:last-child{text-decoration:underline;text-underline-offset:.3em}
.rows+.moreline,.recs+.moreline,#arch~.moreline,.feed+.moreline{margin-top:.2rem}
.rows{border-bottom:0}
.row{display:flex;justify-content:space-between;gap:1rem;border-top:.5px solid var(--ink);padding:.7rem 0;font-size:15px}
.row span:last-child{color:var(--soft);text-align:right}
details.g{border-top:.5px solid var(--ink)}
.rows details.g:last-child{border-bottom:.5px solid var(--ink)}
summary{list-style:none;display:grid;grid-template-columns:6.5rem minmax(0,1.1fr) minmax(0,1fr) 1.5rem;gap:1rem;align-items:baseline;padding:.8rem 0;cursor:pointer;font-size:15px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";justify-self:end;font-size:22px;line-height:1}
details[open] summary::after{content:"\2212"}
summary .c{color:var(--soft);text-align:right}
.det{padding:0 0 1.4rem 7.5rem;font-size:14px;color:var(--soft)}
.det p{margin:0 0 .8rem}
.more{display:inline-block;margin-top:1rem;font-size:14px;color:var(--ink)}
.rlink{display:block;text-align:right;margin-top:1.4rem;font-size:14px;text-decoration:none}
.rlink:hover{text-decoration:underline;text-underline-offset:.3em}
.recs{border-bottom:0}
.more2{border-top:0}
.rec{display:grid;grid-template-columns:72px minmax(0,1fr) auto 34px;gap:.4rem 1.4rem;align-items:center;padding:.9rem 0;border-top:.5px solid var(--ink);text-decoration:none;color:inherit}
a.rec:hover .rt h3{text-decoration:underline;text-underline-offset:.2em}
.rec .ar{display:grid;place-items:center;width:34px;height:34px;transition:transform .2s}
.rec .ar svg{width:12px;height:20px}
a.rec:hover .ar{transform:translateX(4px)}
.cv{width:72px;aspect-ratio:1;background:#dcdad4;outline:.5px solid var(--soft);outline-offset:-.5px}
.rec:nth-child(4n+1) .cv{background:#b98a86}
.rec:nth-child(4n+2) .cv{background:#8f9ab8}
.rec:nth-child(4n+3) .cv{background:#a5ad8a}
.rec:nth-child(4n+4) .cv{background:#d9b768}
.rt h3{margin:0;font:400 1.05rem/1.35 "Marcellus",Georgia,serif}
.rt p{margin:.15rem 0 0;font-size:14px;color:var(--soft)}
.rm{margin:0;font-size:13px;color:var(--soft);text-align:right}
.rl{margin:0;min-width:5.5rem;text-align:right;font-size:12px;letter-spacing:.14em}
.rl a{margin-left:1rem}
.allrec summary{display:block;text-align:right;padding:.9rem 0 0;font-size:14px;cursor:pointer;text-decoration:none}
.allrec summary:hover{text-decoration:underline;text-underline-offset:.3em}
.allrec summary::after,.allrec[open] summary::after{content:none}
.allrec[open] summary{border-bottom:0}
.crow{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap;border-top:.5px solid var(--ink);padding:.8rem 0;font-size:15px}
.crow:last-child{border-bottom:.5px solid var(--ink)}
.crow .l{width:7rem;font-size:12px;letter-spacing:.14em;color:var(--soft)}
.crow .h{font-size:1.8rem;margin-left:auto;transform:rotate(-1.5deg)}
.hl{font-weight:700;font-size:1.7rem;line-height:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.reveal{background:none;border:0;padding:0;cursor:pointer;font-weight:700;font-size:1.7rem;line-height:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem 6vw 1rem;font-size:12px;color:var(--soft)}
.fn{padding:1rem 6vw 4rem;font-size:12px;color:var(--soft)}
@media(max-width:1100px){
.rec{grid-template-columns:72px minmax(0,1fr) 34px}
.rm{grid-column:2;text-align:left}
.rec .ar{grid-column:3;grid-row:1}
.slide{grid-template-columns:1fr}
.note{padding-left:2.6rem;max-width:26rem}
}
@media(max-width:900px){
.sec,.sec.rev{display:block;padding:4rem 6vw}
.sec>h2{position:static;margin-bottom:1.4rem}
.sec.rev>h2{text-align:right}
summary{grid-template-columns:1fr 1.5rem;gap:.2rem 1rem}
summary .d{grid-column:1;grid-row:1}summary .t{grid-column:1;grid-row:2}summary .c{grid-column:1;grid-row:3}summary::after{grid-column:2;grid-row:1}summary .c{text-align:left}
.det{padding-left:0}
}
@media(max-width:700px){
.hero{display:block;padding-top:2rem}
.hero .ph{margin-left:0;width:88%}
.nm{padding-top:1.4rem}
.mark img{width:116px}
.menu{display:block}
nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:.5px solid var(--ink);padding:.6rem 6vw 1.2rem}
nav.open{display:block}
nav ul{display:block}
nav a{display:block;padding:.55rem 0;font-size:14px}
.crow .h{margin-left:0}
}
.proof{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:1.6rem 3vw;padding:2.2rem 6vw;border-top:.5px solid var(--ink);border-bottom:.5px solid var(--ink)}
.pcol h3{margin:0 0 .7rem;font:400 12px/1.4 "Marcellus",Georgia,serif;letter-spacing:.14em;color:var(--soft)}
.pcol p{margin:0;font-size:15px;line-height:1.75}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem;margin:2.2rem 0 0}
blockquote{margin:0}
blockquote p{margin:0 0 .4rem;font-size:1.15rem;line-height:1.45}
cite{font-style:normal;font-size:12px;letter-spacing:.14em;color:var(--soft)}
.ent{border-top:.5px solid var(--ink);padding:1.1rem 0 1.3rem}
#calendar .rows{border-bottom:0}
.eh{display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;gap:.2rem 1.4rem;align-items:baseline;text-decoration:none}
.eh .dt{font-size:15px;line-height:1.35}
.eh .dt span{display:block;font-size:13px;color:var(--soft)}
.eh h3{margin:0;font:400 1.3rem/1.25 "Marcellus",Georgia,serif}
.eh .ar{display:grid;place-items:center;width:34px;height:34px;transition:transform .2s}
.eh .ar svg{width:12px;height:20px}
.eh:hover .ar{transform:translateX(4px)}
.eh:hover h3{text-decoration:underline;text-underline-offset:.2em}
.ent .bd{padding-left:calc(6.5rem + 1.4rem)}
.ent .meta{margin:.3rem 0 .6rem;font-size:14px;color:var(--soft)}
.ent .desc{margin:0;font-size:15px}
.plain{text-decoration:underline;text-underline-offset:.25em;font-size:15px}
@media(max-width:1100px){.proof{grid-template-columns:repeat(2,auto)}}
@media(max-width:700px){.quotes{grid-template-columns:1fr}.eh{grid-template-columns:1fr auto}.eh .dt{grid-column:1;grid-row:1}.eh h3{grid-column:1;grid-row:2}.eh .ar{grid-column:2;grid-row:1 / span 2}.eh .dt span{display:inline;margin-left:.4rem}.ent .bd{padding-left:0}.pcol p{font-size:14px}}
.has-sub{position:relative;display:flex;align-items:center;gap:.15rem}
.subtoggle{background:none;border:0;padding:.5rem .4rem;margin:-.5rem 0;cursor:pointer;line-height:0;color:inherit}
.subtoggle svg{width:10px;height:7px}
.sub{display:none;position:absolute;left:-.9rem;top:100%;min-width:9.5rem;margin:0;padding:.7rem .9rem;list-style:none;background:var(--bg);border:.5px solid var(--ink);z-index:40;flex-direction:column;gap:0}
.has-sub:hover .sub,.has-sub:focus-within .sub,.has-sub.open .sub{display:block}
.sub a{display:block;padding:.25rem 0;font-size:12px;letter-spacing:.14em;white-space:nowrap}
.kick{margin:0 0 .6rem;font-size:12px;letter-spacing:.14em;color:var(--soft)}
#q{display:block;width:100%;margin:0 0 .8rem;padding:.3rem 0 .7rem;border:0;border-bottom:.5px solid var(--ink);border-radius:0;background:transparent;color:inherit;font:700 clamp(1.5rem,3vw,2.1rem)/1.2 "Peyee Hand",cursive}
#q::placeholder{color:var(--soft);opacity:1}
#q:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.ctr{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 .6rem;font-size:13px;color:var(--soft)}
.tog{background:none;border:0;padding:0;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:.25em;opacity:.6;cursor:pointer}
.tog[aria-pressed="true"]{opacity:1;font-weight:700}
.yr{margin:2.6rem 0 .8rem;font:700 clamp(2.2rem,5vw,3.4rem)/1 "Peyee Hand",cursive}
.arow{display:grid;grid-template-columns:6.5rem minmax(0,1.1fr) minmax(0,1fr);gap:1rem;align-items:baseline;padding:.8rem 0;border-top:.5px solid var(--ink);text-decoration:none;font-size:15px}
.arow .c{text-align:right;color:var(--soft)}
.arow:hover .t{text-decoration:underline;text-underline-offset:.25em}
#arch{border-bottom:0}
@media(max-width:900px){.arow{grid-template-columns:1fr;gap:.2rem;padding:.8rem 0}.arow .c{text-align:left}}
@media(max-width:700px){.subtoggle{display:none}.has-sub{display:block}.sub{display:block;position:static;min-width:0;border:0;background:none;padding:0 0 .2rem 1rem}.sub a{font-size:13px;padding:.4rem 0}}
.hero.v-stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}
.hero.v-stack .ph{margin:0;width:min(400px,80%)}
.hero.v-stack .nm{width:min(100%,760px);padding-bottom:0}
.hero.v-stack .hi{transform-origin:center}
@media(max-width:700px){.hero.v-stack .ph{width:min(88%,380px)}.hero.v-stack{gap:1.4rem}}
.rlink,.allrec summary,.moreline,.foot a,.plain{text-transform:lowercase}
.vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 2rem}
.vcell{margin:0}
.vcell figcaption{margin:.7rem 0 .4rem;font-size:13px;letter-spacing:.05em;color:var(--soft)}
.note2{margin:0;font-size:1.6rem;line-height:1.2;transform:rotate(-1.5deg);transform-origin:left top}
@media(max-width:700px){.vgrid{grid-template-columns:1fr}}
.feat h3{margin:0 0 .7rem;font:400 clamp(1.6rem,3vw,2.2rem)/1.2 "Marcellus",Georgia,serif}
.latest{margin:1.2rem 0 0;font-size:15px;color:var(--soft)}
.latest .hand{color:var(--ink);font-size:1.6rem;margin-right:.6rem;line-height:1}
.counts{margin:1rem 0 0;display:flex;gap:1.8rem;flex-wrap:wrap;align-items:baseline;font-size:14px}
.counts a{text-decoration:none}
.counts a:hover{text-decoration:underline;text-underline-offset:.3em}
.counts .hand{font-size:1.5rem;line-height:1;transform:rotate(-1.5deg)}
.glance{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:1rem 2rem;margin:1.8rem 0 0;padding:1.2rem 0 1.6rem;border-top:.5px solid var(--ink)}
.glance h3{margin:0 0 .3rem;font:400 12px/1.4 "Marcellus",Georgia,serif;letter-spacing:.14em;color:var(--soft)}
.glance p{margin:0;font-size:15px}
.flt{display:flex;gap:1.4rem;flex-wrap:wrap;margin:0 0 1rem;font-size:14px}
.flt button{background:none;border:0;padding:0;font:inherit;color:var(--ink);cursor:pointer;opacity:.55}
.flt button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:.3em}
.fe{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.6rem 1.4rem;padding:1.3rem 0;border-top:.5px solid var(--ink)}
.fm time{display:block;font-size:13px;color:var(--soft)}
.ft{display:block;font-size:1.6rem;line-height:1.1}
.fb h3{margin:0 0 .4rem;font:400 1.3rem/1.25 "Marcellus",Georgia,serif}
.fb h3 a{text-decoration:none}
.fb h3 a:hover{text-decoration:underline;text-underline-offset:.2em}
.fb p{margin:0 0 .5rem;font-size:15px}
.fb .sm{font-size:13px;color:var(--soft)}
.fb .win{max-width:28rem}
@media(max-width:700px){.glance{grid-template-columns:1fr}.fe{grid-template-columns:1fr;gap:.3rem}.fm{display:flex;align-items:baseline;gap:.8rem}}
.vtag{display:inline-block;margin-top:.3rem;font-size:1.5rem;line-height:1;transform:rotate(-1.5deg)}
.ent .desc+.vtag{margin-top:.5rem}
.pg2{padding:4.5rem 6vw 5rem}
.etitle{margin:0 0 1.6rem;max-width:16em;font:400 clamp(2rem,4.6vw,3.4rem)/1.12 "Marcellus",Georgia,serif}
.entry{max-width:42rem;font-size:1.05rem;line-height:1.75}
.entry>*+*{margin-top:1.2rem}
.vid{margin:2rem 0}
.vid .win{width:100%}
.vid figcaption{margin-top:.7rem;font-size:13px;color:var(--soft)}
.pg2 .kick a{color:inherit}
.pg2 .moreline{max-width:42rem;margin-top:2.4rem}
@media(max-width:900px){.pg2{padding:3rem 6vw 4rem}}
.toch{margin:2.4rem 0 .8rem;font:700 clamp(2rem,3.4vw,2.6rem)/1 "Peyee Hand",cursive}
.toc{list-style:none;margin:0 0 3rem;padding:0}
.toc.asc{counter-reset:c 0}
.toc.asc li{counter-increment:c 1}
.toc.desc{counter-reset:c var(--n)}
.toc.desc li{counter-increment:c -1}
.toc a{display:flex;align-items:baseline;gap:1rem;padding:.75rem 0;border-top:.5px solid var(--ink);text-decoration:none;font-size:16px}
.toc a::before{content:counter(c);width:1.6rem;flex:none;font-size:13px;color:var(--soft)}
.toc .td{margin-left:auto;font-size:13px;color:var(--soft);white-space:nowrap}
.toc a:hover .tt{text-decoration:underline;text-underline-offset:.25em}
.wr{padding:2.8rem 0 1.2rem;border-top:.5px solid var(--ink)}
.wr h3{margin:0 0 1.3rem;font:400 clamp(1.7rem,3vw,2.3rem)/1.2 "Marcellus",Georgia,serif}
.wr .kick{margin:0 0 .5rem}
.toplink{display:block;text-align:right;margin-top:1.8rem;font-size:13px;text-decoration:none}
.toplink:hover{text-decoration:underline;text-underline-offset:.3em}
.writings+.moreline{margin-top:1.4rem}
.latest2{margin:.6rem 0 0;font-size:14px;color:var(--soft)}
.latest2 .hand{color:var(--ink);font-size:1.5rem;margin-right:.5rem;line-height:1}
.perf{margin:0}
.perf figcaption{margin-top:.6rem;font-size:12px;letter-spacing:.06em;color:var(--soft)}
.pa{margin:0 0 2rem}
.pa details.moredet>summary{list-style:none;padding:0;cursor:pointer}
details.moredet>summary::-webkit-details-marker{display:none}
.moredet summary::after,.moredet[open] summary::after{content:none}
.moredet .le{display:none}
.moredet[open] .mo{display:none}
.moredet[open] .le{display:inline}
.fullbio{padding-top:1.6rem}
.fullbio .txt+.txt{margin-top:1.2rem}
.fullbio h4{margin:2rem 0 .6rem;font:700 clamp(1.8rem,3vw,2.3rem)/1.1 "Peyee Hand",cursive}
.evg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:5vw;row-gap:2rem;align-items:start}
.info{max-width:38rem}
.facts{margin:0 0 1.4rem;font-size:14px;color:var(--soft)}
.prog{list-style:none;margin:1.6rem 0;padding:0}
.prog li{padding:.45rem 0;border-top:.5px solid var(--ink);font-size:15px}
.evpic{max-width:26rem}
@media(max-width:900px){.evg{display:block}.evpic{margin-top:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.top{transition:none}}

/* ---------- WordPress extras ---------- */
.admin-bar .top{top:32px}
@media(max-width:782px){.admin-bar .top{top:46px}}
@media(max-width:600px){.admin-bar .top{top:0}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.hint{font-size:13px;color:var(--soft);margin:0 0 1rem}
.ph-empty{aspect-ratio:4/5;background:#dcdad4;display:grid;place-items:center;padding:1rem;text-align:center;font-size:13px;color:var(--soft)}
.photo{height:auto}
.mark img{height:auto}
.cv{overflow:hidden}
.cv img{width:100%;height:100%;object-fit:cover;display:block}
.perf img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.entry img,.evpic img,.postpic img{max-width:100%;height:auto}
.postpic{max-width:36rem;margin:0 0 2rem}
.ptitle{margin:0 0 2rem;font:700 clamp(2.8rem,7vw,5rem)/1 "Peyee Hand",cursive}
.plist{border-bottom:0}
.alignleft{float:left;margin:0 1.5rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.5rem}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry a{text-decoration:underline;text-underline-offset:.2em}
.entry h2,.entry h3,.entry h4{font:700 clamp(1.8rem,3vw,2.4rem)/1.1 "Peyee Hand",cursive;margin-top:2.2rem}
.entry blockquote{margin:2rem 0;padding-left:1.4rem;border-left:.5px solid var(--ink);font-size:1.2rem;line-height:1.5}
.entry ul,.entry ol{padding-left:1.4rem}
.entry figure{margin:2rem 0}
.entry figcaption,.wp-caption-text{margin-top:.6rem;font-size:13px;color:var(--soft)}
.fullbio.entry{max-width:34em}
.intro{max-width:34em}
.intro>p:first-child{margin-top:0}
.flinks{list-style:none;margin:0;padding:0;display:flex;gap:1.4rem;flex-wrap:wrap}
.nav-links{display:flex;gap:1.5rem;margin-top:2.5rem;font-size:13px}
.vid iframe.yt,.slide iframe.yt,.vcell iframe.yt{display:block;width:100%;aspect-ratio:16/9;border:0}
.slide iframe.yt{grid-column:auto}
nav .sub-menu{display:none;position:absolute;left:-.9rem;top:100%;min-width:9.5rem;margin:0;padding:.7rem .9rem;list-style:none;background:var(--bg);border:.5px solid var(--ink);z-index:40;flex-direction:column;gap:0}
nav .menu-item-has-children{position:relative;display:flex;align-items:center;gap:.15rem}
nav .menu-item-has-children:hover>.sub-menu,nav .menu-item-has-children:focus-within>.sub-menu,nav .menu-item-has-children.open>.sub-menu{display:block}
nav .sub-menu a{display:block;padding:.25rem 0;font-size:12px;letter-spacing:.14em;white-space:nowrap}
@media(max-width:700px){nav .menu-item-has-children{display:block}nav .sub-menu{display:block;position:static;min-width:0;border:0;background:none;padding:0 0 .2rem 1rem}nav .sub-menu a{font-size:13px;padding:.4rem 0}}

.win.has-thumb{background-size:cover;background-position:center;color:#fff;box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.28)}