@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/HankenGrotesk-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/HankenGrotesk-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/HankenGrotesk-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/HankenGrotesk-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Newsreader-400-italic.woff2) format('woff2');
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Newsreader-400-italic.woff2) format('woff2');
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Newsreader-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Newsreader-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Newsreader-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Pinyon Script';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/PinyonScript-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Spectral';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Spectral-400-italic.woff2) format('woff2');
}
@font-face {
font-family: 'Spectral';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Spectral-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Spectral';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Spectral-500-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Spectral';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/Spectral-600-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Spline Sans Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/SplineSansMono-400-normal.woff2) format('woff2');
}
@font-face {
font-family: 'Spline Sans Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//briarmont-sl.com/wp-content/themes/briarmont/assets/fonts/SplineSansMono-400-normal.woff2) format('woff2');
} :root{
--paper:    oklch(0.972 0.008 95);
--paper-2:  oklch(0.942 0.012 95);
--paper-3:  oklch(0.915 0.014 92);
--ink:      oklch(0.245 0.022 150);
--ink-soft: oklch(0.44 0.02 150);
--ink-fade: oklch(0.58 0.018 150);
--forest:       oklch(0.355 0.058 142);
--forest-deep:  oklch(0.285 0.05 145);
--forest-bright:oklch(0.48 0.07 142);
--harbor:   oklch(0.56 0.07 234);
--madrone:  oklch(0.57 0.085 46);
--oxblood:  oklch(0.43 0.12 28);
--oxblood-deep: oklch(0.36 0.11 28);
--brass:    oklch(0.66 0.075 82);
--live:     oklch(0.74 0.15 152); --line:     oklch(0.87 0.012 110);
--line-2:   oklch(0.80 0.014 110);
--on-dark:  oklch(0.95 0.01 95);
--on-dark-soft: oklch(0.82 0.015 110);
--serif: "Newsreader", Georgia, serif;
--sans:  "Hanken Grotesk", system-ui, sans-serif;
--mono:  "Spline Sans Mono", ui-monospace, monospace;
--wrap: 1240px;
--r: 3px;
--dens: 1;
--shadow: 0 1px 2px oklch(0.3 0.03 150 / 0.06), 0 8px 30px oklch(0.3 0.03 150 / 0.07);
--shadow-lg: 0 4px 12px oklch(0.3 0.03 150 / 0.1), 0 24px 60px oklch(0.3 0.03 150 / 0.14);
}
*{box-sizing:border-box;} html{scroll-behavior:smooth; scrollbar-gutter:stable;}
body{
margin:0; background:var(--paper); color:var(--ink);
font-family:var(--sans); font-size:17px; line-height:1.6;
-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--serif); font-weight:500; line-height:1.1; margin:0; letter-spacing:-0.01em;}
p{margin:0;}
button{font-family:inherit; cursor:pointer; border:none; background:none; color:inherit;}
a{color:inherit; text-decoration:none;}
img{max-width:100%;} .post-body img{height:auto;}
.mono{font-family:var(--mono); font-weight:400; letter-spacing:-0.01em;}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 32px;} .nav{position:fixed; top:0; left:0; right:0; z-index:50; transition:background .3s, box-shadow .3s, border-color .3s;
border-bottom:1px solid transparent;}
.nav--scrolled{background:oklch(0.972 0.008 95 / 0.88); backdrop-filter:blur(14px) saturate(1.2);
border-bottom-color:var(--line); box-shadow:0 1px 0 oklch(1 0 0 / 0.4);} .nav--over .brand-word{color:var(--on-dark);}
.nav--over .brand-ca{color:oklch(0.82 0.02 95);}
.nav--over .nav-link{color:oklch(0.86 0.015 95);}
.nav--over .nav-link:hover{color:var(--on-dark); background:oklch(1 0 0 / 0.1);}
.nav--over .nav-link.is-active{color:var(--on-dark);}
.nav--over .nav-link.is-active::after{background:var(--on-dark);}
.nav--over .btn--discord, .nav--over .btn--sl{color:var(--on-dark); border-color:oklch(1 0 0 / 0.35);}
.nav--over .btn--discord:hover, .nav--over .btn--sl:hover{border-color:oklch(1 0 0 / 0.8); background:oklch(1 0 0 / 0.1);}
.nav--over .nav-burger span{background:var(--on-dark);}
.nav-inner{max-width:var(--wrap); margin:0 auto; padding:16px 32px; display:flex; align-items:center; gap:16px;}
.brand{display:flex; align-items:center; gap:11px;}
.brand-mark{width:34px; height:34px; display:grid; place-items:center; background:var(--forest); color:var(--on-dark);
font-family:var(--serif); font-size:21px; font-weight:600; border-radius:2px;
flex-shrink:0; }
.brand-mark--lg{width:46px; height:46px; font-size:28px;}
.brand-mark img{width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit;} .brand-mark--img{background:transparent; border-radius:0;}
.brand-word{font-family:var(--serif); font-size:22px; font-weight:600; letter-spacing:-0.02em; color:var(--ink);}
.nav--scrolled .brand-word, .brand-word{color:var(--ink);}
.brand-ca{color:var(--ink-fade); font-weight:400;}
.nav-links{display:flex; gap:6px; margin-left:auto;}
.nav-link{font-size:14.5px; font-weight:500; padding:8px 11px; border-radius:var(--r); color:var(--ink-soft);
transition:color .15s, background .15s; position:relative; white-space:nowrap;}
.nav-link:hover{color:var(--forest); background:oklch(0.355 0.058 142 / 0.06);}
.nav-link.is-active{color:var(--forest);}
.nav-link.is-active::after{content:""; position:absolute; left:13px; right:13px; bottom:2px; height:1.5px; background:var(--forest);}
.nav-actions{display:flex; align-items:center; gap:16px;}
.nav-actions .btn{padding:8px 13px; font-size:13px;}
.nav-actions-main{display:flex; flex-direction:column; align-items:flex-end; gap:7px;}
.nav-actions-btns{display:flex; align-items:center; gap:10px;}
.nav-burger{display:none; flex-direction:column; gap:4px; padding:8px;}
.nav-burger span{width:20px; height:2px; background:var(--ink); border-radius:2px;}
.nav-mobile{display:none; flex-direction:column; gap:4px; padding:12px 24px 20px; background:var(--paper);
border-bottom:1px solid var(--line); max-height:calc(100dvh - 64px); overflow-y:auto; overscroll-behavior:contain;}
.nav-mobile .nav-link{text-align:left; padding:11px 12px;}
.nav-mobile .btn{margin-top:8px; text-align:center;} .nav-dd{position:relative; display:flex;}
.nav-link--dd{display:inline-flex; align-items:center; gap:6px;}
.dd-caret{font-size:9px; transition:transform .18s; opacity:0.7;}
.dd-caret.is-open{transform:rotate(180deg);}
.dd-menu{position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); min-width:286px;
background:var(--paper); border:1px solid var(--line-2); border-radius:var(--r); box-shadow:var(--shadow-lg);
padding:8px; z-index:60; animation:ddIn .16s ease;}
.dd-menu::before{content:""; position:absolute; top:-6px; left:50%; transform:translateX(-50%) rotate(45deg);
width:11px; height:11px; background:var(--paper); border-left:1px solid var(--line-2); border-top:1px solid var(--line-2);}
@keyframes ddIn{from{opacity:0; transform:translateX(-50%) translateY(-4px);}to{opacity:1; transform:translateX(-50%) translateY(0);}}
.dd-head{display:block; font-size:10px; text-transform:uppercase; letter-spacing:0.14em; color:var(--ink-fade);
padding:8px 12px 9px; border-bottom:1px solid var(--line);}
.dd-div{display:block; height:1px; background:var(--line); margin:7px 8px;}
.dd-item{display:flex; flex-direction:column; gap:1px; width:100%; text-align:left; padding:9px 12px; border-radius:2px;
transition:background .14s;}
.dd-item:hover{background:oklch(0.355 0.058 142 / 0.07);}
.dd-item.is-active{background:oklch(0.355 0.058 142 / 0.1);}
.dd-item-label{font-family:var(--sans); font-size:14.5px; font-weight:600; color:var(--ink);
display:inline-flex; align-items:center; gap:8px;}
.dd-livedot{width:7px; height:7px; flex-shrink:0;}
.dd-item.is-active .dd-item-label{color:var(--forest);}
.dd-item-note{font-size:11px; color:var(--ink-fade); letter-spacing:0.01em;} .nav--over .dd-caret{opacity:0.8;} .nav-mobile-grp{display:flex; flex-direction:column; gap:2px; margin:4px 0; padding-top:8px; border-top:1px solid var(--line);}
.nav-mobile-head{font-size:10px; text-transform:uppercase; letter-spacing:0.14em; color:var(--ink-fade); padding:4px 12px 6px;}
.nav-link--sub{padding-left:24px !important; font-size:14px;} .nav--over .nav-mobile .nav-link{color:var(--ink-soft);}
.nav--over .nav-mobile .nav-link:hover{color:var(--forest); background:oklch(0.355 0.058 142 / 0.06);}
.nav--over .nav-mobile .nav-link.is-active{color:var(--forest);}
.nav--over .nav-mobile .nav-link.is-active::after{background:var(--forest);}
.nav--over .nav-mobile .btn--discord,
.nav--over .nav-mobile .btn--sl{color:var(--forest); border-color:var(--line-2);}
.nav--over .nav-mobile .btn--discord:hover,
.nav--over .nav-mobile .btn--sl:hover{border-color:var(--forest); background:oklch(0.355 0.058 142 / 0.05);}
.nav--over:not(.nav--scrolled) .nav-mobile .social-ico{color:var(--ink-soft); border-color:var(--line);}
.nav--over:not(.nav--scrolled) .nav-mobile .social-ico:hover{color:var(--forest); border-color:var(--forest);} .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--sans);
font-size:14.5px; font-weight:600; padding:12px 22px; border-radius:var(--r); transition:all .18s;
border:1.5px solid transparent; white-space:nowrap;}
.btn--primary{background:var(--forest); color:var(--on-dark);}
.btn--primary:hover{background:var(--forest-deep); transform:translateY(-1px); box-shadow:var(--shadow);}
.btn--lg{padding:16px 34px; font-size:16px;}
.btn--discord{background:transparent; color:var(--forest); border-color:var(--line-2);}
.btn--discord:hover{border-color:var(--forest); background:oklch(0.355 0.058 142 / 0.05);}
.btn--sl{background:transparent; color:var(--forest); border-color:var(--line-2);}
.btn--sl:hover{border-color:var(--forest); background:oklch(0.355 0.058 142 / 0.05);}
.btn--ghost{background:transparent; color:var(--forest); border-color:var(--line-2);}
.btn--ghost:hover{border-color:var(--forest); background:oklch(0.355 0.058 142 / 0.05);}
.btn--ghost-light{background:transparent; color:var(--on-dark); border-color:oklch(1 0 0 / 0.3);}
.btn--ghost-light:hover{border-color:oklch(1 0 0 / 0.7); background:oklch(1 0 0 / 0.08);} .kicker{display:inline-flex; align-items:center; gap:12px; flex-wrap:wrap; font-family:var(--mono); font-size:12px;
font-weight:500; text-transform:uppercase; letter-spacing:0.14em; color:var(--madrone); margin-bottom:18px;}
.kicker--sm{font-size:11px; margin-bottom:9px; letter-spacing:0.12em;}
.kicker--light{color:oklch(0.8 0.06 46);}
.tag{display:inline-block; font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:0.04em;
padding:3px 9px; border-radius:2px; background:var(--paper-3); color:var(--ink-soft); text-transform:uppercase;}
.tag--ghost{background:transparent; border:1px solid var(--line-2);}
.tag--new{background:oklch(0.57 0.085 46 / 0.14); color:var(--madrone);}
.tag--status{}
.tag--available{background:oklch(0.55 0.07 150 / 0.16); color:oklch(0.42 0.07 150);}
.tag--leased{background:var(--paper-3); color:var(--ink-fade);} .src{display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:10.5px; font-weight:500;
letter-spacing:0.06em; text-transform:none; padding:3px 9px 3px 7px; border-radius:30px; border:1px solid;}
.src-dot{width:6px; height:6px; border-radius:50%;}
.src-mb{color:var(--forest); border-color:oklch(0.355 0.058 142 / 0.35); background:oklch(0.355 0.058 142 / 0.06);}
.src-mb .src-dot{background:var(--forest-bright);}
.src-wa{color:var(--madrone); border-color:oklch(0.57 0.085 46 / 0.4); background:oklch(0.57 0.085 46 / 0.07);}
.src-wa .src-dot{background:var(--madrone);} .ph{position:relative; overflow:hidden; border-radius:var(--r); background:var(--paper-3);}
.ph-tag{position:absolute; left:12px; bottom:11px; font-family:var(--mono); font-size:11px; color:oklch(1 0 0 / 0.92);
background:oklch(0.2 0.02 150 / 0.42); padding:4px 9px; border-radius:2px; backdrop-filter:blur(3px);
letter-spacing:0.01em; max-width:calc(100% - 24px);} .js-mediafade .ph>img.ph-img{opacity:0;}
.js-mediafade .ph>img.ph-img.is-loaded{opacity:1; transition:opacity .45s ease;}
.js-mediafade .hero-bg>img.ph-img, .js-mediafade .page-hero-bg>img.ph-img{opacity:1; transition:none;} .sec-head{display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:42px;}
.sec-title{font-size:clamp(30px,4vw,46px);}
.sec-lead{margin-top:16px; max-width:56ch; color:var(--ink-soft); font-size:18px; text-wrap:pretty;}
.sec-head-r{flex-shrink:0; padding-bottom:6px;}
.band .sec-lead{color:var(--on-dark-soft);}
.band .sec-title{color:var(--on-dark);} .hero{position:relative; min-height:92vh; display:flex; align-items:flex-end; overflow:hidden;
background:
radial-gradient(120% 80% at 70% 14%, oklch(0.43 0.045 150 / 0.85) 0%, transparent 55%),
radial-gradient(90% 70% at 15% 92%, oklch(0.19 0.03 150) 0%, transparent 60%),
linear-gradient(165deg, oklch(0.4 0.05 150) 0%, oklch(0.3 0.045 150) 45%, oklch(0.19 0.03 150) 100%);}
.hero-bg{position:absolute; inset:0; border-radius:0; aspect-ratio:auto !important;}
.hero-bg img, .hero-bg.ph{width:100%; height:100%; border-radius:0;}
.hero-bg .ph-tag{display:none;}
body.no-hero-photo .hero-bg img, body.no-hero-photo .page-hero-bg img{display:none !important;}
.hero-scrim{position:absolute; inset:0; background:
linear-gradient(180deg, oklch(0.2 0.03 150 / 0.35) 0%, transparent 30%, oklch(0.18 0.03 150 / 0.25) 55%, oklch(0.15 0.025 150 / 0.82) 100%);}
.hero-inner{position:relative; max-width:var(--wrap); margin:0 auto; width:100%; padding:0 32px 96px; color:var(--on-dark);}
.hero-welcome{font-family:var(--mono); font-size:14px; letter-spacing:0.22em; text-transform:uppercase;
color:oklch(0.88 0.04 90); display:block; margin-bottom:14px;}
.hero-title{font-size:clamp(52px,9vw,118px); font-weight:500; letter-spacing:-0.03em; line-height:0.95;
color:var(--on-dark); text-shadow:0 2px 40px oklch(0.1 0.02 150 / 0.5);}
.hero-sub{margin-top:22px; max-width:46ch; font-size:clamp(18px,2.2vw,22px); color:var(--on-dark-soft); text-wrap:pretty;}
.hero-cta{display:flex; gap:14px; margin-top:36px; flex-wrap:wrap;}
.hero-scroll{position:absolute; right:32px; bottom:40px; color:oklch(1 0 0 / 0.6); font-size:12px; letter-spacing:0.1em;} .intro{padding:calc(110px * var(--dens)) 32px;}
.intro-grid{display:grid; grid-template-columns:1.3fr 1fr; gap:72px; align-items:center;}
.intro-lead{font-family:var(--serif); font-size:clamp(24px,3vw,33px); line-height:1.32; font-weight:400;
color:var(--ink); margin-bottom:26px; text-wrap:pretty; letter-spacing:-0.01em;}
.intro-text p{margin-bottom:18px; color:var(--ink-soft); font-size:18px; max-width:60ch; text-wrap:pretty;}
.intro-text p:last-child{margin-bottom:0;}
.intro-cap{margin-top:14px; color:var(--ink-fade); font-size:12px; text-align:right;} .sections{padding:30px 32px calc(100px * var(--dens));}
.sec-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:28px;}
.sec-tile{text-align:left; background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
overflow:hidden; transition:transform .22s, box-shadow .22s, border-color .22s; display:flex; flex-direction:column;}
.sec-tile:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.sec-tile .ph{border-radius:0;}
.sec-tile-body{padding:28px 30px 30px; position:relative;}
.sec-n{position:absolute; top:-18px; right:24px; font-size:13px; color:var(--on-dark);
background:var(--forest); padding:4px 10px; border-radius:2px;}
.sec-tile-body h3{font-size:27px; margin-bottom:10px;}
.sec-tile-body p{color:var(--ink-soft); font-size:16px; margin-bottom:18px; text-wrap:pretty;}
.sec-go{font-family:var(--mono); font-size:13px; font-weight:500; color:var(--forest); letter-spacing:0.02em;} .band{padding:calc(100px * var(--dens)) 0;}
.band--forest{background:var(--forest-deep); color:var(--on-dark);
background-image:radial-gradient(oklch(1 0 0 / 0.025) 1px, transparent 1px); background-size:22px 22px;}
.band--paper2{background:var(--paper-2); border-block:1px solid var(--line);} .reg-grid{display:grid; grid-template-columns:1.15fr 1fr; gap:54px;}
.reg-col-h{font-size:12.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--on-dark-soft);
margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid oklch(1 0 0 / 0.14);}
.band--paper2 .reg-col-h, .evt-section .reg-col-h{color:var(--ink-fade); border-bottom-color:var(--line);}
.reg-residents, .reg-events{display:flex; flex-direction:column; gap:14px;} .res-card{display:flex; gap:18px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
padding:20px 22px; transition:border-color .18s, box-shadow .18s;}
.res-card:hover{border-color:var(--line-2); box-shadow:var(--shadow);}
.band--forest .res-card{background:oklch(0.32 0.04 145); border-color:oklch(1 0 0 / 0.1); color:var(--on-dark);}
.band--forest .res-card h3{color:var(--on-dark);}
.res-avatar{flex-shrink:0; width:54px; height:54px; border-radius:50%; display:grid; place-items:center;
font-family:var(--serif); font-size:21px; font-weight:600; color:var(--on-dark); background:var(--forest);}
.res-avatar[data-tone="Town Council"]{background:var(--madrone);}
.res-avatar[data-tone="Faculty"]{background:var(--harbor);}
.res-avatar[data-tone="Student"]{background:oklch(0.5 0.06 142);}
.res-avatar[data-tone="Business Owner"]{background:oklch(0.5 0.07 80);}
.res-body{min-width:0; flex:1;}
.res-top{display:flex; align-items:center; gap:10px;}
.res-card h3{font-size:19px;}
.res-occ{font-size:13.5px; color:var(--madrone); font-weight:600; margin-top:1px;}
.band--forest .res-occ{color:oklch(0.78 0.07 60);}
.res-bio{font-size:14.5px; color:var(--ink-soft); margin-top:8px; text-wrap:pretty;}
.band--forest .res-bio{color:var(--on-dark-soft);}
.res-meta{font-size:11.5px; color:var(--ink-fade); margin-top:11px; display:flex; gap:8px; flex-wrap:wrap;}
.band--forest .res-meta{color:oklch(0.72 0.02 120);}
.dotsep{opacity:0.5;}
.res-foot{display:flex; justify-content:space-between; font-size:11px; color:var(--ink-fade); margin-top:7px;
padding-top:10px; border-top:1px solid var(--line);}
.band--forest .res-foot{border-top-color:oklch(1 0 0 / 0.1); color:oklch(0.68 0.02 120);}
.res-user{color:var(--forest);}
.band--forest .res-user{color:oklch(0.75 0.07 142);} .evt-row{display:flex; gap:20px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:20px 22px;
transition:border-color .18s, box-shadow .18s;}
.evt-row:hover{border-color:var(--line-2); box-shadow:var(--shadow);}
.band--forest .evt-row{background:oklch(0.32 0.04 145); border-color:oklch(1 0 0 / 0.1); color:var(--on-dark);}
.band--forest .evt-row h3{color:var(--on-dark);}
.evt-date{flex-shrink:0; width:58px; text-align:center; border:1px solid var(--line-2); border-radius:var(--r);
padding:8px 0; display:flex; flex-direction:column; height:fit-content;}
.band--forest .evt-date{border-color:oklch(1 0 0 / 0.18);}
.evt-mon{font-family:var(--mono); font-size:11px; color:var(--madrone); letter-spacing:0.08em;}
.band--forest .evt-mon{color:oklch(0.8 0.07 60);}
.evt-day{font-family:var(--serif); font-size:28px; font-weight:600; line-height:1;}
.evt-top{display:flex; align-items:center; gap:12px; margin-bottom:6px;}
.evt-time{font-size:11.5px; color:var(--ink-fade);}
.band--forest .evt-time{color:oklch(0.72 0.02 120);}
.evt-row h3{font-size:19px;}
.evt-blurb{font-size:14.5px; color:var(--ink-soft); margin-top:5px; text-wrap:pretty;}
.band--forest .evt-blurb{color:var(--on-dark-soft);}
.evt-meta{font-size:11.5px; color:var(--ink-fade); margin-top:9px;}
.band--forest .evt-meta{color:oklch(0.7 0.02 120);} .lore-prev{padding:calc(100px * var(--dens)) 32px;}
.art-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.art-grid--home{grid-template-columns:repeat(4,1fr); gap:22px;}
.art-card{text-align:left; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden;
display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s;}
.art-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.art-card .ph{border-radius:0;}
.art-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.art-body h3{font-size:21px; margin-bottom:8px;}
.art-grid--home .art-body h3{font-size:19px;}
.art-ex{font-size:14.5px; color:var(--ink-soft); flex:1; text-wrap:pretty;}
.art-foot{display:flex; justify-content:space-between; font-size:11px; color:var(--ink-fade); margin-top:16px;
padding-top:13px; border-top:1px solid var(--line);} .cta-band{background:var(--paper-2); border-top:1px solid var(--line); padding:96px 0;}
.cta-inner{text-align:center; max-width:640px; margin:0 auto;}
.cta-inner h2{font-size:clamp(30px,4.5vw,48px); margin-bottom:16px; letter-spacing:-0.02em;}
.cta-inner p{color:var(--ink-soft); font-size:19px; margin-bottom:30px; text-wrap:pretty;}
.cta-inner--mid{padding:90px 32px;} .page-head{padding:150px 0 60px; border-bottom:1px solid var(--line);}
.page-head--forest{background:var(--paper-2);}
.page-head--harbor{background:linear-gradient(180deg, oklch(0.56 0.07 234 / 0.07), transparent);}
.page-head--madrone{background:linear-gradient(180deg, oklch(0.57 0.085 46 / 0.07), transparent);}
.page-head-title{font-size:clamp(38px,6vw,68px); letter-spacing:-0.025em; max-width:18ch;}
.page-head-lead{margin-top:22px; max-width:68ch; font-size:20px; color:var(--ink-soft); text-wrap:pretty; line-height:1.5;} .toolbar{display:flex; justify-content:space-between; align-items:center; gap:24px; margin:38px 0 32px; flex-wrap:wrap;}
.toolbar--mt{margin-top:54px;}
.chips{display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.chip{font-family:var(--mono); font-size:12.5px; padding:8px 15px; border-radius:30px; border:1px solid var(--line-2);
color:var(--ink-soft); transition:all .15s;}
.chip:hover{border-color:var(--forest); color:var(--forest);}
.chip.is-on{background:var(--forest); color:var(--on-dark); border-color:var(--forest);}
.chip-div{width:1px; height:20px; background:var(--line-2); margin:0 4px;}
.search{display:flex; align-items:center; gap:14px;}
.search input{font-family:var(--sans); font-size:15px; padding:10px 16px; border:1px solid var(--line-2);
border-radius:var(--r); background:var(--paper); color:var(--ink); width:230px; transition:border-color .15s;}
.search input:focus{outline:none; border-color:var(--forest);}
.search-count{font-size:12px; color:var(--ink-fade);} .res-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.res-grid--3{grid-template-columns:repeat(3,1fr);}
.prop-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.evt-section{padding:90px 32px;}
.evt-list{display:flex; flex-direction:column; gap:14px;} .prop-card{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden;
display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s; cursor:pointer;}
.prop-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.prop-card.is-leased{opacity:0.82;}
.prop-card .ph{border-radius:0;}
.prop-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.prop-top{display:flex; justify-content:space-between; gap:10px; margin-bottom:12px;}
.prop-body h3{font-size:22px; margin-bottom:7px;}
.prop-blurb{font-size:14.5px; color:var(--ink-soft); flex:1; text-wrap:pretty;}
.prop-specs{display:flex; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--ink-fade); margin-top:15px;}
.prop-specs span{position:relative;}
.prop-foot{display:flex; justify-content:space-between; align-items:baseline; margin-top:16px; padding-top:15px;
border-top:1px solid var(--line);}
.prop-price{font-family:var(--serif); font-size:24px; font-weight:600; color:var(--forest);}
.prop-term{font-size:13px; color:var(--ink-fade); font-weight:400;}
.prop-agent{font-size:11px; color:var(--ink-fade);}
.re-agent-note{margin-top:48px; padding:28px 32px; background:var(--paper-2); border:1px solid var(--line);
border-radius:var(--r); text-align:center;}
.re-agent-note p{color:var(--ink-soft); font-size:16px;} .biz-list{display:flex; flex-direction:column;}
.biz-row{display:grid; grid-template-columns:130px 1fr 200px; gap:28px; align-items:center; padding:24px 4px;
border-bottom:1px solid var(--line);}
.biz-row:first-child{border-top:1px solid var(--line);}
.biz-cat{font-size:12px; color:var(--madrone); text-transform:uppercase; letter-spacing:0.08em;}
.biz-body h3{font-size:21px;}
.biz-note{font-size:14.5px; color:var(--ink-soft); margin-top:4px; text-wrap:pretty;}
.biz-meta{font-size:11.5px; color:var(--ink-fade); margin-top:8px;}
.biz-owner{font-size:13px; color:var(--ink-soft); text-align:right;} .page-hero{position:relative; min-height:62vh; display:flex; align-items:flex-end; overflow:hidden;
background:
radial-gradient(110% 80% at 72% 16%, oklch(0.42 0.045 150 / 0.8) 0%, transparent 55%),
linear-gradient(165deg, oklch(0.38 0.05 150) 0%, oklch(0.28 0.045 150) 50%, oklch(0.19 0.03 150) 100%);}
.page-hero-bg{position:absolute; inset:0; aspect-ratio:auto !important;}
.page-hero-bg img, .page-hero-bg.ph{width:100%; height:100%; border-radius:0;}
.page-hero-bg .ph-tag{display:none;}
.page-hero-scrim{position:absolute; inset:0; background:linear-gradient(180deg, oklch(0.18 0.03 150 / 0.3), oklch(0.15 0.025 150 / 0.82));}
.page-hero-inner{position:relative; padding-bottom:60px; padding-top:120px; color:var(--on-dark);}
.page-hero-inner h1{font-size:clamp(38px,6vw,66px); letter-spacing:-0.025em; color:var(--on-dark); max-width:16ch;}
.page-hero-inner p{margin-top:18px; max-width:54ch; font-size:20px; color:var(--on-dark-soft); text-wrap:pretty;}
.ok-intro{padding:80px 32px 30px;}
.ok-grid{display:grid; grid-template-columns:1.4fr 1fr; gap:64px; align-items:center;}
.ok-lead{font-family:var(--serif); font-size:clamp(22px,2.8vw,30px); line-height:1.36; color:var(--ink); text-wrap:pretty;}
.ok-stats{display:flex; gap:36px;}
.stat{display:flex; flex-direction:column; gap:4px;}
.stat-n{font-family:var(--serif); font-size:38px; font-weight:600; color:var(--forest); line-height:1;}
.stat-l{font-size:11.5px; color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.08em;}  .roll-tally{display:flex; flex-direction:column; gap:7px; line-height:1;}
.roll-tally__n{font-family:var(--serif); font-weight:600; font-size:clamp(54px,8vw,90px); letter-spacing:-0.025em;
color:var(--forest); font-variant-numeric:tabular-nums;}
.roll-tally__l{font-size:12.5px; font-weight:500; text-transform:uppercase; letter-spacing:0.16em; color:var(--ink-fade);}
.roll-tally__sub{font-size:14px; color:var(--ink-soft); max-width:38ch; margin-top:2px;}
.roll-tally--dark .roll-tally__n{color:var(--on-dark);}
.roll-tally--dark .roll-tally__l{color:oklch(0.82 0.06 100);}
.roll-tally--dark .roll-tally__sub{color:var(--on-dark-soft);} .reg-intro__text{flex:1 1 auto; min-width:0; max-width:640px;}
.reg-intro .roll-tally{flex:0 0 auto;}
.page-head--split{display:flex; align-items:center; justify-content:space-between; gap:56px;}
.page-head__main{flex:1 1 auto; min-width:0;}
.page-head__aside{flex:0 0 auto;}
@media (max-width:860px){
.reg-intro, .page-head--split{flex-direction:column; align-items:flex-start; gap:26px;}
} .feature-wrap{display:grid; grid-template-columns:1.5fr 1fr; gap:0; border:1px solid var(--line); border-radius:var(--r);
overflow:hidden; cursor:pointer; transition:box-shadow .2s, border-color .2s; background:var(--paper);}
.feature-wrap:hover{box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.feature-cover{border-radius:0 !important;}
.feature-body{padding:40px 44px; display:flex; flex-direction:column; justify-content:center;}
.feature-body h2{font-size:clamp(28px,3.4vw,40px); margin-bottom:14px; letter-spacing:-0.015em;}
.feature-body p{color:var(--ink-soft); font-size:17px; margin-bottom:20px; text-wrap:pretty;}
.timeline{list-style:none; margin:0; padding:0; position:relative;}
.timeline::before{content:""; position:absolute; left:84px; top:8px; bottom:8px; width:1px; background:oklch(1 0 0 / 0.18);}
.tl-item{display:grid; grid-template-columns:72px 28px 1fr; align-items:start; gap:0; padding:18px 0;}
.tl-year{font-size:15px; color:oklch(0.8 0.07 60); text-align:right; padding-top:2px;}
.tl-dot{width:11px; height:11px; border-radius:50%; background:var(--madrone); margin:6px auto 0;
box-shadow:0 0 0 4px var(--forest-deep); position:relative; z-index:1;}
.tl-body h3{font-size:21px; color:var(--on-dark);}
.tl-body p{color:var(--on-dark-soft); font-size:15px; margin-top:4px; max-width:60ch; text-wrap:pretty;} .reader{position:fixed; inset:0; z-index:100; background:oklch(0.15 0.02 150 / 0.55); backdrop-filter:blur(6px);
display:flex; justify-content:center; align-items:flex-start; padding:40px 24px; overflow-y:auto;
animation:fade .2s ease;}
@keyframes fade{from{opacity:0;}to{opacity:1;}}
.reader-sheet{position:relative; max-width:760px; width:100%; background:var(--paper); border-radius:var(--r);
overflow:hidden; box-shadow:var(--shadow-lg); animation:rise .26s cubic-bezier(.2,.7,.3,1);}
@keyframes rise{from{transform:translateY(20px); opacity:0;}to{transform:translateY(0); opacity:1;}}
.reader-close{position:absolute; top:16px; right:16px; z-index:2; width:38px; height:38px; border-radius:50%;
background:oklch(0.2 0.02 150 / 0.5); color:var(--on-dark); font-size:15px; backdrop-filter:blur(4px); transition:background .15s;}
.reader-close:hover{background:oklch(0.2 0.02 150 / 0.8);}
.reader-cover{border-radius:0 !important;}
.reader-pad{padding:40px 56px 56px;}
.reader-title{font-size:clamp(34px,5vw,52px); letter-spacing:-0.02em; margin:6px 0 14px;}
.reader-meta{font-size:12px; color:var(--ink-fade); margin-bottom:24px;}
.reader-lead{font-family:var(--serif); font-size:24px; line-height:1.4; color:var(--ink); margin-bottom:22px; text-wrap:pretty;}
.reader-body{font-size:18px; line-height:1.75; color:var(--ink-soft); text-wrap:pretty;}
.reader-tags{display:flex; gap:8px; flex-wrap:wrap; margin-top:28px;}
.reader-link{display:inline-block; margin-top:28px; font-size:13px; color:var(--madrone); border-bottom:1px solid currentColor; padding-bottom:2px;}  main{padding-bottom:36px;}
.footer{background:var(--forest-deep); color:var(--on-dark); padding:72px 0 0;}
.footer-inner{max-width:var(--wrap); margin:0 auto; padding:0 32px; display:grid;
grid-template-columns:1.6fr 1fr 1fr 1fr; gap:48px;}
.footer-brand-lockup{display:flex; align-items:center; gap:16px;}
.footer-tag{font-family:var(--serif); font-size:21px; color:var(--on-dark); max-width:22ch; line-height:1.35;}
.footer-fine{font-size:14px; color:var(--on-dark-soft); margin-top:16px; max-width:34ch; line-height:1.6;}
.footer-col h4{font-family:var(--mono); font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:0.1em;
color:oklch(0.75 0.04 90); margin-bottom:18px;}
.footer-col button, .footer-col a{display:block; text-align:left; font-size:15px; color:var(--on-dark-soft);
margin-bottom:11px; transition:color .15s;}
.footer-col button:hover, .footer-col a:hover{color:var(--on-dark);}
.footer-meta{display:block; font-size:13px; color:var(--on-dark-soft); margin-bottom:8px;}
.footer-meta .mono{color:oklch(0.78 0.06 90);}
.footer-base{max-width:var(--wrap); margin:56px auto 0; padding:24px 32px; border-top:1px solid oklch(1 0 0 / 0.12);
display:flex; justify-content:space-between; font-size:13px; color:var(--on-dark-soft); flex-wrap:wrap; gap:10px;}
.footer-sync{font-size:11.5px; color:oklch(0.68 0.04 90);} .sync{display:inline-flex; align-items:center; gap:7px; flex-wrap:wrap;}
.sync .sync-dot{flex-shrink:0; width:7px; height:7px; background:oklch(0.62 0.03 95);}
.sync .sync-dot::after{inset:-3px; border-color:oklch(0.62 0.03 95);}
.sync-dim{color:oklch(0.58 0.025 95);} .sync-clock{font-variant-numeric:tabular-nums; letter-spacing:0.02em;}
.sync--live .sync-dot{background:var(--live);}
.sync--live .sync-dot::after{border-color:var(--live);}
.sync--live .sync-label, .sync--live .sync-clock{color:var(--live);}
.sync--stale .sync-dot, .sync--cold .sync-dot{background:var(--brass);}
.sync--stale .sync-dot::after, .sync--cold .sync-dot::after{animation:none; opacity:0;}
.sync--stale .sync-label, .sync--cold .sync-label{color:var(--brass);}  .form-label{display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:11.5px; font-weight:500;
text-transform:uppercase; letter-spacing:0.16em; color:var(--ink-fade); margin-bottom:14px;}
.fl-sep{color:var(--line-2);}
.band--forest .form-label{color:oklch(0.72 0.03 100);}
.band--forest .fl-sep{color:oklch(1 0 0 / 0.25);} .drawer-tab{display:inline-flex; align-items:center; gap:14px; font-size:12px; font-weight:500;
text-transform:uppercase; letter-spacing:0.18em; color:var(--brass); background:var(--paper);
border:1px solid var(--brass); border-radius:2px; padding:7px 20px; position:relative; z-index:2;
box-shadow:0 1px 0 oklch(1 0 0 / 0.5);}
.dt-d{color:var(--brass); opacity:0.7; font-size:10px;} .folio{position:relative; display:flex; flex-direction:column; align-items:center;}
.folio-inner{width:100%; border:1px solid var(--line-2); border-radius:var(--r); background:var(--paper);
padding:48px 44px; margin-top:-18px; box-shadow:var(--shadow);}
.band--forest .folio-inner{background:oklch(0.31 0.04 145); border-color:oklch(1 0 0 / 0.16);}
.band--forest .drawer-tab{background:var(--forest-deep);} .folio-rule{display:block; height:0; border-top:1px dashed var(--line-2); margin:14px 0 12px;} .seal{display:inline-grid; place-items:center; width:17px; height:17px; margin-left:8px; border-radius:50%;
background:var(--forest); color:var(--on-dark); font-size:10px; font-weight:700; vertical-align:middle;
transform:translateY(-2px);} .muni-link{display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:500; color:var(--forest);
border-bottom:1px solid oklch(0.355 0.058 142 / 0.4); padding-bottom:2px; transition:border-color .15s, color .15s;}
.muni-link:hover{border-bottom-color:var(--forest);}
.muni-link--strong{font-size:14px;}
.ml-arrow{font-size:0.85em; opacity:0.8;}
.band--forest .muni-link{color:oklch(0.82 0.07 110); border-bottom-color:oklch(0.82 0.07 110 / 0.4);} .mc-card{background:var(--paper); border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden;
display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s;}
.mc-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--ink-fade);}
.mc-media{position:relative; display:block; aspect-ratio:1 / 1; overflow:hidden;}
.mc-media .ph-tag, .grp-media .ph-tag{display:none;}
.mc-tab{position:absolute; top:0; left:14px; z-index:3; background:var(--oxblood); color:oklch(0.95 0.02 80);
font-size:10.5px; letter-spacing:0.04em; padding:5px 11px 6px; border-radius:0 0 2px 2px;
box-shadow:0 2px 5px oklch(0.2 0.05 28 / 0.35);}
.mc-tab::after{content:""; position:absolute; left:0; right:0; bottom:-5px; height:5px; background:inherit;
clip-path:polygon(0 0, 100% 0, 50% 100%);}
.mc-verified{position:absolute; top:11px; right:11px; z-index:3; background:oklch(0.96 0.012 95 / 0.94);
color:var(--forest); font-size:9.5px; letter-spacing:0.08em; text-transform:uppercase; padding:4px 8px;
border:1px solid oklch(0.355 0.058 142 / 0.4); border-radius:2px;}
.mc-strip{position:absolute; left:0; right:0; bottom:0; z-index:2; display:flex; justify-content:space-between;
align-items:center; gap:10px; padding:9px 14px; background:linear-gradient(transparent, oklch(0.16 0.02 150 / 0.88));
color:oklch(0.95 0.01 95); font-size:11px; letter-spacing:0.06em; text-transform:uppercase;}
.mc-strip-name{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc-strip-date{flex-shrink:0; opacity:0.85;}
.mc-body{padding:16px 18px 18px;}
.mc-body h3{font-size:20px; line-height:1.15;}
.mc-sub{font-size:11px; color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.05em; margin-top:5px;}
.mc-open{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; text-transform:uppercase;
letter-spacing:0.08em; color:var(--forest); transition:gap .15s;}
.mc-open:hover{gap:10px;}
.band--forest .mc-card{background:oklch(0.34 0.04 145); border-color:oklch(1 0 0 / 0.16);}
.band--forest .mc-body h3{color:var(--on-dark);}
.band--forest .mc-sub{color:oklch(0.74 0.02 100);}
.band--forest .mc-open{color:oklch(0.82 0.07 110);}
.band--forest .seal{background:var(--brass); color:var(--forest-deep);} .grp-card{background:var(--paper); border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden;
display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s;}
.grp-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--ink-fade);}
.grp-media{position:relative; display:block; aspect-ratio:1 / 1; overflow:hidden;}
.grp-ribbon{position:absolute; top:12px; left:0; z-index:3; color:oklch(0.95 0.02 80); font-size:10px;
letter-spacing:0.1em; text-transform:uppercase; padding:4px 12px 4px 14px; background:var(--oxblood);
box-shadow:0 2px 5px oklch(0.2 0.05 28 / 0.3);}
.grp-ribbon[data-cat="Civil"]{background:var(--forest);}
.grp-ribbon[data-cat="Business"]{background:var(--madrone);}
.grp-ribbon[data-cat="University"]{background:var(--harbor);}
.grp-body{padding:16px 18px 18px;}
.grp-body h3{font-size:18px; line-height:1.2;}
.grp-sub{font-size:11px; color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.05em; margin-top:5px;}
.grp-blurb{font-size:13.5px; color:var(--ink-soft); margin-top:9px; text-wrap:pretty;} .folio-meta{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:30px; flex-wrap:wrap;}
.folio-count{text-align:right; flex-shrink:0;}
.folio-count b{font-family:var(--serif); font-size:22px; font-weight:600; display:block;}
.folio-count span{font-size:11px; color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.1em;}
.field{display:flex; align-items:center; gap:12px; border:1px solid var(--line-2); border-radius:var(--r);
background:var(--paper); padding:0 14px; height:46px;}
.field-label{font-family:var(--mono); font-size:10px; text-transform:uppercase; letter-spacing:0.12em; color:var(--ink-fade);}
.field input, .field select{border:none; background:none; font-family:var(--sans); font-size:14.5px; color:var(--ink);
outline:none; min-width:0; width:100%;}
.field--find{flex:1;} .filed-by{display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right;}
.fb-label{font-size:10.5px; text-transform:uppercase; letter-spacing:0.14em; color:var(--ink-fade);}
.fb-sign{font-family:"Pinyon Script", cursive; font-size:34px;
color:var(--brass); line-height:1; margin:1px 0 3px;}
.fb-date{font-size:10px; text-transform:uppercase; letter-spacing:0.12em; color:var(--ink-fade);}
.band--forest .fb-label, .band--forest .fb-date{color:oklch(0.7 0.03 100);} .crest-strip{display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin-top:8px;}
.mc-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.mc-grid--3{grid-template-columns:repeat(3,1fr);}
.grp-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.crest-mini{aspect-ratio:1/1; border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden; position:relative;
display:block; transition:transform .18s, box-shadow .18s;}
.crest-mini:hover{transform:translateY(-3px); box-shadow:var(--shadow);} .reg-intro{margin-bottom:40px; display:flex; align-items:center; justify-content:space-between; gap:56px;}
.reg-intro .sec-title{color:var(--on-dark);}
.reg-intro .sec-lead{color:var(--on-dark-soft); margin-top:14px;}
.reg-intro .sec-lead .mono{color:oklch(0.82 0.06 100);}
.reg-intro-act{margin-top:20px;}
.reg-grid--split{margin-top:54px;}
.reg-col-act{margin-top:18px;}
.band--forest .crest-mini{border-color:oklch(1 0 0 / 0.16);} .folio-section{padding:60px 32px;}
.folio-head{display:flex; justify-content:space-between; align-items:flex-start; gap:32px; margin-bottom:30px;}
.folio-title{font-size:clamp(28px,3.6vw,42px); letter-spacing:-0.015em;}
.folio-note{margin-top:10px; color:var(--ink-soft); font-size:16px; max-width:54ch; font-style:italic; text-wrap:pretty;}
.folio-cta{margin-top:14px;}
.band--forest .folio-title{color:var(--on-dark);}
.band--forest .folio-note{color:var(--on-dark-soft);}
.folio-foot{display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-top:34px;
padding-top:24px; border-top:1px solid var(--line); flex-wrap:wrap;}
.band--forest .folio-foot{border-top-color:oklch(1 0 0 / 0.14);} .prop-media-link{display:block;}
.prop-li{margin-top:14px;}
.prop-li-top{display:flex; justify-content:space-between; font-size:10.5px; text-transform:uppercase;
letter-spacing:0.08em; color:var(--ink-fade); margin-bottom:5px;}
.prop-li-top .is-over{color:var(--oxblood); font-weight:500;}
.prop-li-bar{height:5px; border-radius:3px; background:var(--paper-3); overflow:hidden;}
.prop-li-bar span{display:block; height:100%; border-radius:3px;} .sem-banner{display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;
border:1.5px solid var(--ink); border-radius:var(--r); padding:24px 30px; margin-bottom:30px; background:var(--paper);}
.sem-label{font-size:11px; text-transform:uppercase; letter-spacing:0.14em; color:var(--ink-fade); display:block; margin-bottom:6px;}
.sem-term{font-family:var(--serif); font-size:clamp(28px,3.4vw,40px); font-weight:600; letter-spacing:-0.01em;}
.sem-r{display:flex; align-items:center; gap:26px;}
.sem-r .sem-k{display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:0.12em; color:var(--ink-fade); margin-bottom:4px;}
.sem-r .sem-v{font-size:14px; color:var(--ink);}
.sem-div{width:1px; height:34px; background:var(--line-2);}
.dept-block{margin-top:36px;}
.dept-head{display:flex; align-items:center; gap:18px; margin-bottom:18px;}
.dept-name{font-size:clamp(22px,2.6vw,30px); white-space:nowrap;}
.dept-rule{flex:1; height:1px; background:var(--line-2);}
.dept-count{font-size:11px; text-transform:uppercase; letter-spacing:0.1em; color:var(--ink-fade); white-space:nowrap;}
.course-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
.course-card{border:1px solid var(--line-2); border-radius:var(--r); background:var(--paper); padding:24px 26px;
display:flex; flex-direction:column; transition:box-shadow .18s, border-color .18s;}
.course-card:hover{box-shadow:var(--shadow); border-color:var(--ink-fade);}
.course-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;}
.course-code{font-size:12px; letter-spacing:0.04em; color:var(--forest); border:1px solid oklch(0.355 0.058 142 / 0.4);
padding:3px 9px; border-radius:2px; background:oklch(0.355 0.058 142 / 0.05);}
.course-dept{font-size:10.5px; text-transform:uppercase; letter-spacing:0.1em; color:var(--ink-fade);}
.course-title{font-size:23px; margin-bottom:8px;}
.course-blurb{font-size:15px; color:var(--ink-soft); flex:1; text-wrap:pretty;}
.course-foot{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;}
.course-cap{font-size:11.5px; color:var(--ink-fade); display:inline-flex; align-items:center; gap:7px;}
.cap-dot{width:6px; height:6px; border-radius:50%; background:var(--forest-bright);} .civic-feeds{padding:80px 32px 40px;}
.feeds-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px;}
.feeds-grid .sec-head{margin-bottom:26px;}
.feeds-grid .sec-title{font-size:clamp(26px,3vw,34px);}
.stream-list{display:flex; flex-direction:column; gap:14px;}
.stream-row{display:flex; gap:20px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
padding:18px 20px; transition:border-color .18s, box-shadow .18s;}
.stream-row:hover{border-color:var(--line-2); box-shadow:var(--shadow);}
.stream-row.is-next{border-color:oklch(0.48 0.07 142 / 0.5); box-shadow:0 0 0 1px oklch(0.48 0.07 142 / 0.16);}
.stream-when{flex-shrink:0; width:58px; text-align:center; display:flex; flex-direction:column; gap:3px;
border-right:1px solid var(--line); padding-right:16px;}
.stream-day{font-size:13px; font-weight:500; color:var(--madrone); text-transform:uppercase; letter-spacing:0.06em;}
.stream-time{font-size:11px; color:var(--ink-fade);}
.stream-body{min-width:0; flex:1;}
.stream-top{display:flex; align-items:center; gap:12px; margin-bottom:7px;}
.stream-tag{font-size:11px; color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.06em;}
.stream-row h3{font-size:19px;}
.stream-note{font-size:14.5px; color:var(--ink-soft); margin-top:5px; text-wrap:pretty;}
.stream-by{font-size:11.5px; color:var(--ink-fade); margin-top:9px;}
.live-pip{display:inline-flex; align-items:center; gap:7px; font-size:11px; text-transform:uppercase; letter-spacing:0.08em;
color:var(--oxblood); font-weight:500;}
.stream-countdown{display:inline-block; margin-left:11px; vertical-align:middle; font-family:var(--mono);
font-size:11px; letter-spacing:0.02em; color:var(--forest-deep); background:var(--brass);
padding:3px 10px; border-radius:999px; white-space:nowrap; font-weight:600; text-transform:none;}
.live-dot{width:8px; height:8px; border-radius:50%; background:var(--oxblood); position:relative;}
.live-dot::after{content:""; position:absolute; inset:-4px; border-radius:50%; border:1.5px solid var(--oxblood); opacity:0.5;
animation:livePulse 1.8s ease-out infinite;}
@keyframes livePulse{0%{transform:scale(0.6); opacity:0.7;}100%{transform:scale(1.6); opacity:0;}}
@media (prefers-reduced-motion:reduce){.live-dot::after{animation:none;}} .dispatch{border:1px solid oklch(1 0 0 / 0.16); border-radius:var(--r); overflow:hidden; background:oklch(0.22 0.025 150);
box-shadow:var(--shadow-lg);}
.disp-bar{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
padding:16px 22px; background:oklch(0.18 0.022 150); border-bottom:1px solid oklch(1 0 0 / 0.12);}
.disp-title{display:flex; align-items:center; gap:16px;}
.disp-live{display:inline-flex; align-items:center; gap:8px; font-size:11px; text-transform:uppercase; letter-spacing:0.1em;
color:oklch(0.82 0.1 35); font-weight:500;}
.disp-name{font-size:12px; color:oklch(0.7 0.02 120); letter-spacing:0.04em;}
.disp-legend{display:flex; gap:16px; flex-wrap:wrap;}
.disp-dept{display:inline-flex; align-items:center; gap:7px; font-size:11px; color:oklch(0.78 0.02 120); letter-spacing:0.03em;}
.dd-dot{width:8px; height:8px; border-radius:2px;}
.disp-dept[data-c="harbor"] .dd-dot{background:oklch(0.62 0.09 234);}
.disp-dept[data-c="oxblood"] .dd-dot{background:oklch(0.55 0.16 28);}
.disp-dept[data-c="forest"] .dd-dot{background:oklch(0.62 0.1 142);}
.disp-grid{display:grid; grid-template-columns:1fr 1.3fr;}
.disp-col{padding:22px 24px;}
.disp-col:first-child{border-right:1px solid oklch(1 0 0 / 0.1);}
.disp-h{font-size:11px; text-transform:uppercase; letter-spacing:0.12em; color:oklch(0.66 0.02 120); margin-bottom:16px;}
.disp-units{display:flex; flex-direction:column; gap:2px;}
.disp-unit{display:grid; grid-template-columns:96px 1fr auto; align-items:center; gap:14px; padding:10px 0;
border-bottom:1px solid oklch(1 0 0 / 0.07);}
.unit-call{font-size:12.5px; font-weight:500; letter-spacing:0.02em;}
.unit-call[data-c="harbor"]{color:oklch(0.72 0.09 234);}
.unit-call[data-c="oxblood"]{color:oklch(0.74 0.12 35);}
.unit-call[data-c="forest"]{color:oklch(0.74 0.1 142);}
.unit-assign{font-size:13px; color:oklch(0.78 0.015 120); min-width:0;}
.unit-st{font-size:10px; text-transform:uppercase; letter-spacing:0.06em; padding:3px 9px; border-radius:30px; white-space:nowrap;}
.st-ok{color:oklch(0.82 0.11 142); background:oklch(0.82 0.11 142 / 0.12);}
.st-go{color:oklch(0.85 0.11 90); background:oklch(0.85 0.11 90 / 0.12);}
.st-hot{color:oklch(0.78 0.13 35); background:oklch(0.78 0.13 35 / 0.14);}
.st-off{color:oklch(0.6 0.015 120); background:oklch(1 0 0 / 0.06);}
.disp-log{display:flex; flex-direction:column;}
.log-row{display:grid; grid-template-columns:48px 64px 1fr auto; align-items:start; gap:14px; padding:11px 0;
border-bottom:1px solid oklch(1 0 0 / 0.07);}
.log-time{font-size:12px; color:oklch(0.62 0.02 120);}
.log-code{font-size:11px; font-weight:500; letter-spacing:0.04em; padding:2px 0;}
.log-code[data-c="harbor"]{color:oklch(0.72 0.09 234);}
.log-code[data-c="oxblood"]{color:oklch(0.76 0.12 35);}
.log-code[data-c="forest"]{color:oklch(0.74 0.1 142);}
.log-body{display:flex; flex-direction:column; gap:2px; min-width:0;}
.log-loc{font-size:13.5px; color:oklch(0.88 0.012 110);}
.log-note{font-size:12.5px; color:oklch(0.66 0.015 120); text-wrap:pretty;}
.log-unit{font-size:11px; color:oklch(0.6 0.02 120); white-space:nowrap;}
.disp-foot{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;
padding:16px 24px; background:oklch(0.18 0.022 150); border-top:1px solid oklch(1 0 0 / 0.1);}
.disp-note{font-size:11px; color:oklch(0.62 0.02 120); letter-spacing:0.03em;}
.dispatch .disp-foot .muni-link{color:oklch(0.82 0.07 110); border-bottom-color:oklch(0.82 0.07 110 / 0.4);} .rent-stats{display:grid; grid-template-columns:auto auto auto 1fr; align-items:center; gap:36px;
border:1px solid var(--ink); border-radius:var(--r); padding:20px 28px; margin:30px 0 24px; background:var(--paper);}
.rstat{display:flex; flex-direction:column; gap:3px;}
.rstat-n{font-family:var(--serif); font-size:30px; font-weight:600; line-height:1; color:var(--forest);}
.rstat-l{font-size:10.5px; text-transform:uppercase; letter-spacing:0.1em; color:var(--ink-fade);}
.rstat-bar{height:8px; border-radius:4px; background:var(--paper-3); overflow:hidden; align-self:center;}
.rstat-fill{display:block; height:100%; background:var(--forest); border-radius:4px;}
.rent-toolbar{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:28px;}
.rent-filters{display:flex; gap:12px; flex-wrap:wrap;}
.rent-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.rent-card{background:var(--paper); border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden;
display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s;}
.rent-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--ink-fade);}
.rent-media{position:relative; display:block; aspect-ratio:16 / 10; overflow:hidden;}
.rent-media .ph-tag{display:none;}
.rent-folio{position:absolute; top:0; left:14px; z-index:3; background:var(--oxblood); color:oklch(0.95 0.02 80);
font-size:10px; letter-spacing:0.04em; padding:4px 10px 5px; border-radius:0 0 2px 2px;}
.rent-status{position:absolute; top:11px; right:11px; z-index:3; font-size:9.5px; text-transform:uppercase; letter-spacing:0.06em;
padding:4px 8px; border-radius:2px; border:1px solid;}
.rs-ok{background:oklch(0.96 0.012 95 / 0.94); color:var(--forest); border-color:oklch(0.355 0.058 142 / 0.45);}
.rs-res{background:oklch(0.96 0.012 95 / 0.94); color:var(--madrone); border-color:oklch(0.57 0.085 46 / 0.5);}
.rs-let{background:oklch(0.3 0.02 150 / 0.6); color:oklch(0.9 0.01 95); border-color:oklch(1 0 0 / 0.2);}
.rs-lock{background:oklch(0.96 0.012 95 / 0.94); color:var(--ink-fade); border-color:oklch(0.5 0.01 95 / 0.45);}
.rent-forlet{position:absolute; bottom:11px; right:11px; z-index:3; font-size:9px; text-transform:uppercase; letter-spacing:0.08em;
color:var(--oxblood); background:oklch(0.96 0.012 95 / 0.9); border:1px solid var(--oxblood); padding:3px 7px; border-radius:2px;}
.rent-body{padding:18px 20px 20px; display:flex; flex-direction:column; flex:1;}
.rent-head{display:flex; justify-content:space-between; align-items:baseline; gap:12px;}
.rent-head h3{font-size:20px;}
.rent-region{font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-fade); white-space:nowrap;}
.rent-blurb{font-size:13.5px; color:var(--ink-soft); margin-top:6px; flex:1; text-wrap:pretty;}
.rent-foot{display:flex; justify-content:space-between; align-items:flex-end; gap:14px; margin-top:14px;
padding-top:14px; border-top:1px solid var(--line);}
.rent-k{font-size:10px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-fade); display:block; margin-bottom:3px;}
.rent-v{font-family:var(--serif); font-size:21px; font-weight:600; color:var(--forest);}
.rent-term{font-size:11px; color:var(--ink-fade); font-weight:400;}
.rent-inq{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; text-transform:uppercase; letter-spacing:0.06em;
color:var(--forest); transition:gap .15s;}
.rent-inq:hover{gap:10px;}
.rent-specs{display:flex; gap:8px; flex-wrap:wrap; font-size:11px; color:var(--ink-fade); margin-top:12px;}  @media (max-width:1160px){
.nav-links{display:none;} .nav-actions{margin-left:auto;}
.nav-actions .nav-socials{display:none;}
.nav-burger{display:flex;}
.nav-mobile{display:flex;}
}
@media (max-width:1000px){
.intro-grid{grid-template-columns:1fr; gap:40px;}
.intro-media{max-width:440px;}
.reg-grid{grid-template-columns:1fr; gap:48px;}
.ok-grid{grid-template-columns:1fr; gap:36px;}
.feature-wrap{grid-template-columns:1fr;}
.art-grid, .art-grid--home{grid-template-columns:repeat(2,1fr);}
.mc-grid, .grp-grid{grid-template-columns:repeat(2,1fr);}
.mc-grid--3{grid-template-columns:repeat(2,1fr);}
.crest-strip{grid-template-columns:repeat(3,1fr);}
.folio-inner{padding:36px 26px;}
.feeds-grid{grid-template-columns:1fr; gap:56px;}
.disp-grid{grid-template-columns:1fr;}
.disp-col:first-child{border-right:none; border-bottom:1px solid oklch(1 0 0 / 0.1);}
.rent-grid{grid-template-columns:repeat(2,1fr);}
.course-grid{grid-template-columns:1fr;}
.footer-inner{grid-template-columns:1fr 1fr; gap:36px;}
}
@media (max-width:720px){
body{font-size:16px;}
.nav-actions .btn{display:none;}
.wrap, .nav-inner, .hero-inner, .footer-inner, .footer-base{padding-left:20px; padding-right:20px;}
.sec-grid{grid-template-columns:1fr;}
.res-grid, .res-grid--3, .prop-grid, .art-grid, .art-grid--home{grid-template-columns:1fr;}
.mc-grid, .mc-grid--3, .grp-grid{grid-template-columns:repeat(2,1fr); gap:14px;}
.crest-strip{grid-template-columns:repeat(3,1fr);}
.folio-inner{padding:26px 16px;}
.drawer-tab{font-size:10px; letter-spacing:0.1em; padding:6px 12px; max-width:92%;}
.rent-grid{grid-template-columns:1fr;}
.rent-stats{grid-template-columns:repeat(3,1fr); gap:18px;}
.rstat-bar{grid-column:1 / -1; order:9;}
.sem-banner{flex-direction:column; align-items:flex-start; gap:16px;}
.disp-unit{grid-template-columns:88px 1fr; row-gap:4px;}
.disp-unit .unit-st{grid-column:2; justify-self:start;}
.log-row{grid-template-columns:44px 1fr; row-gap:3px;}
.log-row .log-code{grid-row:1; grid-column:2;}
.log-row .log-unit{grid-column:2;}
.sec-head{flex-direction:column; align-items:flex-start; gap:20px;}
.biz-row{grid-template-columns:1fr; gap:8px;}
.biz-owner{text-align:left;}
.toolbar{flex-direction:column; align-items:flex-start;}
.search input{width:100%;}
.search{width:100%;}
.reader-pad{padding:28px 24px 40px;}
.hero-inner{padding-bottom:64px;}
.footer-inner{grid-template-columns:1fr 1fr;}
.intro, .band, .lore-prev, .sections{padding-top:64px; padding-bottom:64px;}
} .sl-section{padding-top:64px; padding-bottom:96px;}
.sl-grid{display:grid; grid-template-columns:1.1fr 1fr; gap:52px; align-items:center;}
.sl-region{font-size:clamp(34px,4.5vw,52px); letter-spacing:-0.02em; margin:6px 0 8px;}
.sl-coords{font-size:12.5px; color:var(--ink-fade); letter-spacing:0.02em; margin-bottom:20px;}
.sl-note{font-size:16.5px; color:var(--ink-soft); text-wrap:pretty; max-width:46ch; margin-bottom:28px; line-height:1.6;}
.sl-cta{display:flex; flex-direction:column; align-items:flex-start; gap:14px;}
.sl-alt{font-size:12.5px; color:var(--harbor); border-bottom:1px solid oklch(0.56 0.07 234 / 0.4); padding-bottom:2px;} .sl-media{max-width:420px; margin-inline:auto; width:100%;}
.sl-media .intro-cap{text-align:left;}
.sl-steps{margin-top:80px; padding-top:56px; border-top:1px solid var(--line);}
.sl-step-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:32px;}
.sl-step{display:flex; flex-direction:column; gap:14px;}
.sl-step-n{font-size:13px; color:var(--madrone); letter-spacing:0.1em;}
.sl-step h3{font-size:21px; margin-bottom:8px;}
.sl-step p{font-size:15px; color:var(--ink-soft); text-wrap:pretty; line-height:1.6;}
.sl-foot{margin-top:40px;}
@media (max-width:900px){
.sl-grid{grid-template-columns:1fr; gap:36px;}
.sl-step-list{grid-template-columns:1fr; gap:24px;}
} .wrap--reading{max-width:760px;} .band--paper2 .sec-title{color:var(--ink);}
.band--paper2 .sec-lead{color:var(--ink-soft);} .disp-feature{display:grid; grid-template-columns:1.35fr 1fr; gap:0; margin-top:8px;
border:1px solid var(--line); border-radius:var(--r); overflow:hidden; cursor:pointer; background:var(--paper);
transition:box-shadow .2s, border-color .2s;}
.disp-feature:hover{box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.disp-feature-media{position:relative;}
.disp-feature-cover{border-radius:0 !important; height:100%;}
.disp-feature-body{padding:40px 44px; display:flex; flex-direction:column; justify-content:center;}
.disp-feature-title{font-size:clamp(28px,3.2vw,40px); letter-spacing:-0.015em; margin-bottom:14px;}
.disp-feature-ex{font-size:17px; color:var(--ink-soft); text-wrap:pretty; margin-bottom:22px;}
.disp-feature-foot{display:flex; align-items:center; gap:10px; font-size:12px; color:var(--ink-fade);
flex-wrap:wrap; margin-bottom:22px;}
.disp-feature .sec-go{margin-top:0;} .disp-cat{position:absolute; top:14px; left:14px; z-index:2; background:var(--paper);
font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--madrone);
padding:5px 11px; border-radius:2px; box-shadow:var(--shadow);}
.disp-cat--lg{font-size:12px; padding:6px 13px;} .disp-avatar{width:30px; height:30px; border-radius:50%; display:inline-grid; place-items:center;
background:var(--forest); color:var(--on-dark); font-family:var(--serif); font-size:13px; font-weight:600;
flex-shrink:0;}
.disp-avatar--lg{width:46px; height:46px; font-size:19px;} .dispatch-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
.disp-card{text-align:left; background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
overflow:hidden; display:flex; flex-direction:column; cursor:pointer;
transition:transform .2s, box-shadow .2s, border-color .2s;}
.disp-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.disp-card-media{position:relative;}
.disp-card-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.disp-card-title{font-size:21px; margin-bottom:9px; letter-spacing:-0.01em;}
.disp-card-ex{font-size:14.5px; color:var(--ink-soft); flex:1; text-wrap:pretty; line-height:1.55;}
.disp-card-foot{display:flex; align-items:center; gap:7px; flex-wrap:wrap; font-size:11px;
color:var(--ink-fade); margin-top:18px; padding-top:14px; border-top:1px solid var(--line);}
.disp-byline{color:var(--forest); font-weight:500;} .post{padding-top:calc(72px * var(--dens));}
.post-back{display:inline-block; font-size:12.5px; color:var(--ink-fade); letter-spacing:0.04em;
margin-bottom:30px; transition:color .15s;}
.post-back:hover{color:var(--forest);} .post-back + .kicker{display:flex; width:max-content; max-width:100%;} .hb-reader-head .post-standfirst{max-width:72ch;} .hb-head{display:flex; align-items:flex-start; justify-content:space-between; gap:40px;}
.hb-head__text{flex:1 1 auto; min-width:0;}
.hb-head__crest{flex:0 0 auto; width:104px; aspect-ratio:1;} .hb-head__crest img{display:block; width:100%; height:100%; object-fit:contain; border-radius:10px;} @media (max-width:760px){
.hb-head{flex-direction:column-reverse; align-items:flex-start; gap:22px;}
.hb-head__crest{width:76px;}
}
.post-title{font-size:clamp(34px,5vw,54px); line-height:1.05; letter-spacing:-0.02em; margin-bottom:22px;}
.post-standfirst{font-family:var(--serif); font-size:clamp(19px,2.2vw,23px); font-style:italic;
line-height:1.5; color:var(--ink-soft); text-wrap:pretty; margin-bottom:32px;}
.post-byline{display:flex; align-items:center; gap:13px; padding-bottom:30px; border-bottom:1px solid var(--line);}
.post-byline-txt{display:flex; flex-direction:column; gap:3px;}
.post-author{font-size:15px;}
.post-byline-meta{font-size:12px; color:var(--ink-fade); letter-spacing:0.02em;}
.post-cover-wrap{margin:40px auto;}
.post-cover{border-radius:var(--r);} .post-body{font-size:19px; line-height:1.72; color:var(--ink);}
.post-p{margin-bottom:26px; text-wrap:pretty;}
.post-h{font-size:26px; letter-spacing:-0.01em; margin:44px 0 18px;}
.post-list{margin:0 0 28px; padding-left:24px; display:flex; flex-direction:column; gap:12px;}
.post-list li{padding-left:6px; text-wrap:pretty;}
.post-list li::marker{color:var(--madrone);}
.post-quote{margin:40px 0; padding:6px 0 6px 28px; border-left:3px solid var(--madrone);}
.post-quote p{font-family:var(--serif); font-size:25px; font-style:italic; line-height:1.4; color:var(--forest-deep);
text-wrap:pretty; margin-bottom:12px;}
.post-quote cite{font-size:13px; font-style:normal; color:var(--ink-fade); letter-spacing:0.02em;}
.post-fig{margin:36px 0;}
.post-fig figcaption{margin-top:10px; font-size:12px; color:var(--ink-fade); text-align:center;} .post-body .post-fig:not(.doc-fig) > img{
display:block; box-sizing:border-box; max-width:100%; margin:0 auto;
padding:10px; background:var(--paper-2);
border:1px solid var(--line); border-radius:var(--r);
} .post-body pre{
box-sizing:border-box; max-width:100%; margin:20px 0; padding:14px 16px;
background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r);
font-family:var(--mono); font-size:14.5px; line-height:1.6; color:var(--ink);
white-space:pre-wrap; overflow-wrap:break-word;
}
.post-body pre code{font:inherit; background:none; border:0; padding:0;}
.post-body code{
font-family:var(--mono); font-size:0.86em;
background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r);
padding:1px 5px;
}
@media (max-width:600px){
.post-body pre{padding:12px; font-size:13.5px;}
}  .hud-overview{margin-top:12px;}
.hud-overview .hud-overview-shot{display:block; width:100%; height:auto; aspect-ratio:960 / 430; border:1px solid var(--line-2); border-radius:var(--r); overflow:hidden; background:#0b0b0b;}
.hud-overview .hud-overview-shot img{display:block; width:100%; height:auto;}
.hud-overview figcaption{margin-top:14px; display:flex; flex-direction:column; align-items:center; gap:12px;}
.hud-overview figcaption .btn{text-decoration:none;} .hud-guide{margin-top:8px;}
.hud-guide .hud-lede{max-width:45rem; margin:0 0 1rem; color:var(--ink-soft); font-size:1.05rem; line-height:1.6;}
.hud-guide h2{margin:.1rem 0 .7rem;}
.hud-guide .section-label{display:flex; align-items:center; gap:.75rem; margin:3rem 0 .4rem; color:var(--madrone); font-family:var(--mono); font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;}
.hud-guide .section-label::after{content:""; flex:1; height:1px; background:var(--line);}
.hud-guide .read-first{display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:1.5rem 0 .5rem; border:1px solid var(--ink); background:var(--ink);}
.hud-guide .read-first > div{padding:clamp(1.1rem,3vw,1.6rem); background:var(--paper-2);}
.hud-guide .read-first strong{display:block; margin-bottom:.35rem; font-family:var(--mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--oxblood);}
.hud-guide .read-first p{margin:0; color:var(--ink-soft);}
.hud-guide .control-group-title{display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.8rem; margin:2rem 0 .5rem; color:var(--ink-soft); font-family:var(--mono); font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;}
.hud-guide .control-group-title::after{content:""; height:1px; background:var(--line);}
.hud-guide .control-list{border-top:1px solid var(--ink);}
.hud-guide .control{border-bottom:1px solid var(--line-2);}
.hud-guide .control summary{display:grid; grid-template-columns:2.2rem 3rem minmax(0,1fr) 1.25rem; gap:clamp(.6rem,2vw,1.1rem); align-items:center; padding:.85rem 0; cursor:pointer; list-style:none;}
.hud-guide .control summary::-webkit-details-marker{display:none;}
.hud-guide .control summary:hover .control-title{color:var(--forest);}
.hud-guide .control-index{color:var(--madrone); font-family:var(--mono); font-size:.72rem; font-weight:700; letter-spacing:.08em;}
.hud-guide .control-icon{display:grid; place-items:center; width:3rem; height:3rem; overflow:hidden; background:var(--ink); border:1px solid var(--line-2); border-radius:var(--r);}
.hud-guide .control-icon img{display:block; width:2.4rem; height:2.4rem; object-fit:contain;}
.hud-guide .control-icon--collapsed img{width:1rem; height:2.5rem;}
.hud-guide .control-text{min-width:0;}
.hud-guide .control-title{display:block; font-family:var(--serif); font-size:1.2rem; line-height:1.2; color:var(--ink); transition:color .15s;}
.hud-guide .control-summary{display:block; margin-top:.1rem; color:var(--ink-fade); font-size:.9rem; line-height:1.35;}
.hud-guide .disclosure{position:relative; width:1.1rem; height:1.1rem; justify-self:end;}
.hud-guide .disclosure::before,.hud-guide .disclosure::after{content:""; position:absolute; top:50%; left:50%; width:.85rem; height:1.5px; background:var(--ink-soft); transform:translate(-50%,-50%); transition:transform .22s ease;}
.hud-guide .disclosure::after{transform:translate(-50%,-50%) rotate(90deg);}
.hud-guide .control[open] .disclosure::after{transform:translate(-50%,-50%) rotate(0);}
.hud-guide .control-body{max-width:46rem; padding:.15rem 0 1.25rem 5.5rem; color:var(--ink-soft);}
.hud-guide .control-body p{margin:.35rem 0 .8rem;}
.hud-guide .control-body ul{margin:.45rem 0 .8rem; padding-left:1.25rem;}
.hud-guide .control-body strong{color:var(--ink);}
.hud-guide .status-figure{margin:1.5rem 0 1.25rem; padding:.5rem; background:#0b0b0b; border:1px solid var(--ink); border-radius:var(--r);}
.hud-guide .status-shot{display:block; width:100%; height:auto; aspect-ratio:960 / 530;}
.hud-guide .privacy-note{display:grid; grid-template-columns:auto 1fr; gap:1rem; margin-top:1.25rem; padding:1.1rem 1.2rem; color:var(--on-dark); background:var(--forest-deep); border-radius:var(--r);}
.hud-guide .privacy-tag{color:var(--brass); font-size:.7rem;}
.hud-guide .privacy-note p{margin:0;}
.hud-guide .two-column{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1.2rem,3vw,2.2rem); margin-top:1.5rem;}
.hud-guide .instruction-block{padding-top:1rem; border-top:2px solid var(--ink);}
.hud-guide .instruction-block h3{margin:0 0 .6rem; font-family:var(--serif); font-size:1.4rem; font-weight:500;}
.hud-guide .instruction-block p{margin:0; color:var(--ink-soft);}
.hud-guide .troubleshooting{margin-top:1.5rem; border-top:1px solid var(--ink);}
.hud-guide .trouble-row{display:grid; grid-template-columns:minmax(10rem,.8fr) minmax(0,1.2fr); gap:1.25rem; padding:1rem 0; border-bottom:1px solid var(--line);}
.hud-guide .trouble-row strong{font-family:var(--serif); color:var(--ink); font-weight:600;}
.hud-guide .trouble-row span{color:var(--ink-soft);}
@media (max-width:640px){
.hud-guide .control summary{grid-template-columns:1.8rem 2.6rem minmax(0,1fr) 1.1rem; gap:.6rem;}
.hud-guide .control-body{padding-left:0;}
.hud-guide .two-column{grid-template-columns:1fr;}
.hud-guide .trouble-row{grid-template-columns:1fr; gap:.3rem;}
.hud-guide .read-first{grid-template-columns:1fr;}
} .hud-quickstart{margin:1.5rem 0 .5rem;}
.hud-quickstart .hud-quickstart-lede{max-width:45rem; margin:0 0 1.4rem; color:var(--ink-soft); font-size:1.05rem; line-height:1.6;}
.hud-quickstart .quickstart-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid var(--ink); background:var(--ink);}
.hud-quickstart .quickstart-card{display:flex; flex-direction:column; min-width:0; padding:clamp(1.1rem,3vw,1.5rem); background:var(--paper-2);}
.hud-quickstart .quickstart-head{display:grid; grid-template-columns:3rem minmax(0,1fr); gap:.9rem; align-items:center;}
.hud-quickstart .control-icon{display:grid; place-items:center; width:3rem; height:3rem; overflow:hidden; background:var(--ink); border:1px solid var(--line-2); border-radius:var(--r);}
.hud-quickstart .control-icon img{display:block; width:2.4rem; height:2.4rem; object-fit:contain;}
.hud-quickstart .quickstart-name{min-width:0;}
.hud-quickstart .quickstart-name strong{display:block; font-family:var(--serif); font-size:1.25rem; font-weight:600; line-height:1.2; color:var(--ink);}
.hud-quickstart .quickstart-tagline{display:block; margin-top:.15rem; color:var(--ink-fade); font-size:.9rem; line-height:1.35;}
.hud-quickstart .quickstart-actions{margin:1rem 0 .9rem; padding-left:1.15rem; color:var(--ink-soft);}
.hud-quickstart .quickstart-actions li{margin:.3rem 0; line-height:1.5;}
.hud-quickstart .quickstart-actions strong{color:var(--ink);}
.hud-quickstart .quickstart-note{margin:auto 0 0; padding-top:.8rem; border-top:1px solid var(--line); color:var(--ink-fade); font-size:.88rem; line-height:1.5;}  .step-figure{margin:1.6rem 0 1.4rem;}
.step-figure .step-figure-grid{border-top:1px solid var(--ink);}
.step-figure .step-row{display:grid; grid-template-columns:3rem minmax(0,1fr); gap:clamp(.9rem,2.5vw,1.3rem); align-items:start; padding:1.05rem 0; border-bottom:1px solid var(--line);}
.step-figure .step-tile{display:grid; place-items:center; width:3rem; height:3rem; overflow:hidden; background:var(--ink); border:1px solid var(--line-2); border-radius:var(--r);}
.step-figure .step-tile img{display:block; width:2.2rem; height:2.2rem; object-fit:contain;}
.step-figure .step-tile--num{color:var(--brass); font-family:var(--mono); font-size:.85rem; font-weight:700; letter-spacing:.06em;}
.step-figure .step-text{min-width:0;}
.step-figure .step-title{display:block; margin-bottom:.2rem; font-family:var(--serif); font-size:1.15rem; font-weight:600; line-height:1.25; color:var(--ink);}
.step-figure .step-detail{display:block; color:var(--ink-soft); font-size:.95rem; line-height:1.5;}
.step-figure .step-detail a{color:var(--forest);} .pillar-grid{margin:1.6rem 0 1.4rem;}
.pillar-grid .pillar-grid-inner{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem 2rem; border-top:1px solid var(--ink); padding-top:1.5rem;}
.pillar-grid .pillar{display:grid; grid-template-columns:3rem minmax(0,1fr); grid-template-rows:auto auto; column-gap:1rem; row-gap:.25rem; align-items:start;}
.pillar-grid .step-tile{grid-row:1 / span 2; display:grid; place-items:center; width:3rem; height:3rem; overflow:hidden; background:var(--ink); border:1px solid var(--line-2); border-radius:var(--r);}
.pillar-grid .step-tile img{display:block; width:2.2rem; height:2.2rem; object-fit:contain;}
.pillar-grid .pillar-title{font-family:var(--serif); font-size:1.08rem; font-weight:600; line-height:1.25; color:var(--ink);}
.pillar-grid .pillar-detail{color:var(--ink-soft); font-size:.92rem; line-height:1.5;}
@media (max-width:640px){
.hud-quickstart .quickstart-grid{grid-template-columns:1fr;}
.step-figure .step-row{grid-template-columns:2.4rem minmax(0,1fr); gap:.85rem;}
.step-figure .step-tile{width:2.4rem; height:2.4rem;}
.step-figure .step-tile img{width:1.8rem; height:1.8rem;}
.pillar-grid .pillar-grid-inner{grid-template-columns:1fr; gap:1.25rem;}
.pillar-grid .pillar{grid-template-columns:2.4rem minmax(0,1fr); column-gap:.85rem;}
.pillar-grid .step-tile{width:2.4rem; height:2.4rem;}
.pillar-grid .step-tile img{width:1.8rem; height:1.8rem;}
}
.post-tail{margin-top:52px; padding-top:36px; border-top:1px solid var(--line); text-align:center;}
.post-tail-mark{display:block; color:var(--madrone); letter-spacing:0.4em; font-size:15px; margin-bottom:20px;}
.post-tail-note{max-width:52ch; margin:0 auto 22px; color:var(--ink-soft); font-size:16px; text-wrap:pretty;} .post-h{scroll-margin-top:104px;}  .post-reading{max-width:760px;}
.post-toc{display:none;}
@media (min-width:1240px){
.post-reading--toc{max-width:var(--wrap); display:grid;
grid-template-columns:1fr minmax(0,696px) 1fr; align-items:start; column-gap:0;}
.post-reading--toc > *{grid-column:2;}  .post-reading--toc > .post-toc:not([hidden]){grid-column:1; grid-row:1; justify-self:end; display:block;
position:sticky; top:104px; width:180px; margin-right:24px;
max-height:calc(100vh - 140px); overflow-y:auto; overscroll-behavior:contain;}
}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
.post-toc-label{display:block; font-size:11px; letter-spacing:0.08em; text-transform:uppercase;
color:var(--ink-fade); margin-bottom:14px;}
.post-toc-list{list-style:none; margin:0; padding:0; border-left:1px solid var(--line);
display:flex; flex-direction:column;}
.post-toc-link{display:block; padding:6px 0 6px 16px; margin-left:-1px;
border-left:2px solid transparent; font-size:13.5px; line-height:1.4;
color:var(--ink-fade); text-decoration:none; text-wrap:pretty;
transition:color .15s, border-color .15s;}
.post-toc-item--h3 .post-toc-link{padding-left:30px; font-size:12.5px;}
.post-toc-link:hover{color:var(--forest);}
.post-toc-link.is-on{color:var(--madrone); border-left-color:var(--madrone);}
@media (max-width: 900px){
.disp-feature{grid-template-columns:1fr;}
.disp-feature-cover{aspect-ratio:16/9 !important; height:auto;}
.disp-feature-body{padding:30px 26px;}
.dispatch-cards{grid-template-columns:repeat(2,1fr); gap:22px;}
}
@media (max-width: 640px){
.dispatch-cards{grid-template-columns:1fr;}
.post-body{font-size:18px;}
.post-quote p{font-size:21px;}
} .fac-section{padding-top:64px; padding-bottom:80px;}
.band--paper2 .fac-section{padding-top:0; padding-bottom:0;} .staff-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.staff-card{display:flex; flex-direction:column; text-align:left; background:var(--paper); border:1px solid var(--line-2);
border-radius:var(--r); overflow:hidden; transition:transform .2s, box-shadow .2s, border-color .2s;}
.staff-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--ink-fade);}
.staff-photo{position:relative; aspect-ratio:1 / 1; overflow:hidden;}
.staff-photo .ph-tag{display:none;}
.staff-body{padding:18px 20px 20px; display:flex; flex-direction:column; flex:1;}
.fac-title{font-size:11px; text-transform:uppercase; letter-spacing:0.1em; color:var(--madrone); margin-bottom:6px;}
.staff-body h3{font-size:20px; line-height:1.15;}
.fac-cred{font-size:11.5px; color:var(--ink-fade); margin-top:4px;}
.fac-bio{font-size:14px; color:var(--ink-soft); margin-top:11px; flex:1; text-wrap:pretty; line-height:1.55;}
.fac-foot{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px;
padding-top:13px; border-top:1px solid var(--line); font-size:11px;}
.fac-office{color:var(--ink-fade);} .fac-dept{margin-top:36px;}
.fac-dept:first-of-type{margin-top:8px;}
.fac-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
.fac-card{display:flex; gap:18px; text-align:left; background:var(--paper); border:1px solid var(--line-2);
border-radius:var(--r); padding:20px; transition:transform .18s, box-shadow .18s, border-color .18s;}
.fac-card:hover{transform:translateY(-3px); box-shadow:var(--shadow); border-color:var(--ink-fade);}
.fac-avatar{position:relative; flex-shrink:0; width:92px; height:92px; border-radius:var(--r); overflow:hidden;}
.fac-avatar .ph-tag{display:none;}
.fac-main{min-width:0; flex:1; display:flex; flex-direction:column;}
.fac-top{display:flex; justify-content:space-between; align-items:flex-start; gap:12px;}
.fac-top h4{font-family:var(--serif); font-size:19px; font-weight:600; letter-spacing:-0.01em; line-height:1.15;}
.fac-bio{margin-top:8px;}
.fac-courses{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px;}
.course-chip{font-size:11px; color:var(--forest); border:1px solid oklch(0.355 0.058 142 / 0.35);
background:oklch(0.355 0.058 142 / 0.05); padding:3px 8px; border-radius:2px; letter-spacing:0.02em;} .rank-tag{flex-shrink:0; font-family:var(--mono); font-size:10px; text-transform:uppercase; letter-spacing:0.06em;
padding:4px 8px; border-radius:2px; white-space:nowrap;}
.rank--tenured{color:var(--forest); background:oklch(0.355 0.058 142 / 0.12);}
.rank--prof{color:var(--harbor); background:oklch(0.56 0.07 234 / 0.12);}
.rank--prob{color:var(--madrone); background:oklch(0.57 0.085 46 / 0.14);}
.rank--visiting{color:var(--oxblood); background:oklch(0.43 0.12 28 / 0.1);}
.rank--ta{color:var(--ink-fade); background:var(--paper-3);} .team-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.team-card{display:flex; flex-direction:column; background:var(--paper); border:1px solid var(--line-2);
border-radius:var(--r); overflow:hidden; transition:transform .2s, box-shadow .2s, border-color .2s;}
.team-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--ink-fade);}
.team-media{position:relative;}
.team-media .ph-tag{display:none;}
.team-record{position:absolute; top:12px; right:12px; z-index:2; font-size:11px; color:oklch(0.95 0.01 95);
background:oklch(0.2 0.02 150 / 0.6); backdrop-filter:blur(3px); padding:4px 10px; border-radius:30px; letter-spacing:0.03em;}
.team-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.team-top{display:flex; justify-content:space-between; align-items:baseline; gap:12px;}
.team-top h3{font-size:21px; letter-spacing:-0.01em;}
.team-season{font-size:11px; color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.06em; white-space:nowrap;}
.team-blurb{font-size:14px; color:var(--ink-soft); margin-top:8px; text-wrap:pretty; line-height:1.55;}
.team-lead{margin-top:16px; display:flex; flex-direction:column; gap:8px; padding:14px 0; border-top:1px solid var(--line);
border-bottom:1px solid var(--line);}
.team-lead-row{display:flex; justify-content:space-between; align-items:baseline; gap:14px;}
.team-lead-k{font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-fade); flex-shrink:0;}
.team-lead-v{font-size:13.5px; color:var(--ink); text-align:right;}
.team-foot{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; font-size:11.5px;}
.team-roster{color:var(--ink-fade);} .adm-steps{margin-bottom:44px;}
.adm-step-list{grid-template-columns:repeat(3,1fr);}
.adm-step-list a{color:var(--madrone); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:0.18em; transition:color .12s ease;}
.adm-step-list a:hover, .adm-step-list a:focus-visible{color:oklch(0.46 0.095 40);}
.adm-cards{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.adm-card{border:1px solid var(--line-2); border-radius:var(--r); background:var(--paper); padding:32px 34px;
display:flex; flex-direction:column; align-items:flex-start;}
.adm-card h3{font-size:26px; margin:8px 0 12px; letter-spacing:-0.01em;}
.adm-card p{font-size:15.5px; color:var(--ink-soft); text-wrap:pretty; line-height:1.6; margin-bottom:22px; flex:1;}
.adm-card--primary{background:var(--forest-deep); color:var(--on-dark);
background-image:radial-gradient(oklch(1 0 0 / 0.03) 1px, transparent 1px); background-size:20px 20px;}
.adm-card--primary h3{color:var(--on-dark);}
.adm-card--primary p{color:var(--on-dark-soft);}
.adm-links{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px;}
.adm-link{display:flex; flex-direction:column; gap:6px; text-align:left; background:var(--paper-2);
border:1px solid var(--line); border-radius:var(--r); padding:22px 24px; transition:border-color .18s, box-shadow .18s;}
.adm-link:hover{border-color:var(--line-2); box-shadow:var(--shadow);}
.adm-link-k{font-size:10.5px; text-transform:uppercase; letter-spacing:0.1em; color:var(--ink-fade);}
.adm-link-t{font-family:var(--serif); font-size:20px; font-weight:600; letter-spacing:-0.01em; margin-bottom:4px;} .faq-section{padding-top:56px; padding-bottom:0;}
.band--paper2 .faq-section{padding-top:0; padding-bottom:0;}
.faq-wrap{max-width:820px;}
.faq-group{margin-bottom:36px;}
.faq-cat{font-family:var(--mono); font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:0.14em;
color:var(--madrone); margin-bottom:12px; padding-bottom:10px; border-bottom:1px solid var(--line);}
.faq-list{display:flex; flex-direction:column;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%; text-align:left;
padding:18px 4px; font-family:var(--serif); font-size:19px; font-weight:500; color:var(--ink); transition:color .15s;}
.faq-q:hover{color:var(--forest);}
.faq-plus{flex-shrink:0; font-family:var(--sans); font-size:22px; font-weight:400; color:var(--madrone); line-height:1;}
.faq-a{padding:0 4px 20px; font-size:16px; color:var(--ink-soft); text-wrap:pretty; line-height:1.65; max-width:70ch;} .faq-a a{color:var(--madrone); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:0.18em; transition:color .12s ease;}
.faq-a a:hover, .faq-a a:focus-visible{color:oklch(0.46 0.095 40);}
.faq-a a:visited{color:oklch(0.5 0.05 350);}
.faq-a a:visited:hover, .faq-a a:visited:focus-visible{color:oklch(0.46 0.095 40);}
.faq-cta{margin-top:48px; padding:28px 32px; background:var(--paper-2); border:1px solid var(--line);
border-radius:var(--r); display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;}
.faq-cta p{color:var(--ink-soft); font-size:16px;} .doc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.doc-card{display:flex; flex-direction:column; text-align:left; background:var(--paper); border:1px solid var(--line);
border-radius:var(--r); overflow:hidden; cursor:pointer; transition:transform .2s, box-shadow .2s, border-color .2s;}
.doc-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.doc-card-media{position:relative;}
.doc-card-media .ph-tag{display:none;}
.doc-cat{position:absolute; top:12px; left:12px; z-index:2; background:var(--paper); font-size:10.5px; font-weight:600;
letter-spacing:0.06em; text-transform:uppercase; color:var(--forest); padding:4px 10px; border-radius:2px; box-shadow:var(--shadow);}
.doc-card-body{padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.doc-card-body h3{font-size:20px; margin-bottom:8px; letter-spacing:-0.01em;}
.doc-card-body p{font-size:14px; color:var(--ink-soft); flex:1; text-wrap:pretty; line-height:1.55;}
.doc-card-foot{margin-top:16px; padding-top:13px; border-top:1px solid var(--line); font-size:11.5px; color:var(--forest);} .doc-meta{font-size:12px; color:var(--ink-fade); letter-spacing:0.02em;}
.doc-note{margin:28px 0; padding:18px 22px; background:oklch(0.56 0.07 234 / 0.07); border:1px solid oklch(0.56 0.07 234 / 0.25);
border-radius:var(--r); display:flex; gap:16px; align-items:flex-start;}
.doc-note-mark{flex-shrink:0; font-size:11px; text-transform:uppercase; letter-spacing:0.1em; color:var(--harbor);
padding-top:3px;}
.doc-note p{font-size:16px; color:var(--ink); text-wrap:pretty; line-height:1.6; margin:0;}
.doc-steps{list-style:none; margin:0 0 28px; padding:0; counter-reset:step; display:flex; flex-direction:column; gap:14px;}
.doc-steps li{display:flex; gap:16px; align-items:flex-start;}
.doc-step-n{flex-shrink:0; font-size:13px; color:var(--madrone); padding-top:3px; letter-spacing:0.06em;}
.doc-next{margin-top:44px; padding:22px 26px; background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r);
display:flex; flex-direction:column; gap:5px;}
.doc-next-k{font-size:10.5px; text-transform:uppercase; letter-spacing:0.1em; color:var(--ink-fade);}
.doc-next-link{text-align:left; font-family:var(--serif); font-size:21px; font-weight:600; color:var(--forest);
letter-spacing:-0.01em; transition:gap .15s;}
@media (max-width:1000px){
.staff-grid{grid-template-columns:repeat(2,1fr);}
.team-grid, .doc-grid{grid-template-columns:repeat(2,1fr);}
.adm-links{grid-template-columns:1fr;}
}
@media (max-width:720px){
.staff-grid, .fac-grid, .team-grid, .doc-grid, .adm-cards, .adm-step-list{grid-template-columns:1fr;}
.fac-card{flex-direction:column;}
.fac-avatar{width:100%; height:auto; aspect-ratio:16/9;}
} .ok-hist{display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center;}
.ok-hist-text .kicker{margin-bottom:14px;}
.ok-hist-p{font-size:16px; color:var(--ink-soft); margin:16px 0 24px; text-wrap:pretty; line-height:1.6; max-width:56ch;}
.ok-hist .ok-stats{margin-top:28px;}
.ok-hist-media{display:grid; grid-template-columns:1fr; gap:16px;} .hous-intro{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; margin-bottom:44px;}
.hous-text .ok-lead{margin-bottom:16px;}
.hous-media{display:grid; grid-template-columns:1fr; gap:16px;}
.hous-types{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.hous-type{border:1px solid var(--line-2); border-radius:var(--r); background:var(--paper); padding:28px 30px;}
.hous-type .tag{margin-bottom:12px;}
.hous-type h3{font-size:23px; margin-bottom:10px; letter-spacing:-0.01em;}
.hous-type p{font-size:15px; color:var(--ink-soft); text-wrap:pretty; line-height:1.6;} .team-apply{width:100%; margin-top:14px; padding:10px; font-size:12.5px;} .disp-latest{margin-bottom:8px;}
.disp-latest .kicker{margin-bottom:18px;}
.tour-card{cursor:zoom-in;}
.lightbox{position:fixed; inset:0; z-index:120; background:oklch(0.15 0.02 150 / 0.72); backdrop-filter:blur(6px);
display:flex; align-items:center; justify-content:center; padding:40px 24px; animation:fade .2s ease;}
.lightbox-inner{position:relative; max-width:1000px; width:100%; background:var(--paper); border-radius:var(--r);
overflow:hidden; box-shadow:var(--shadow-lg); animation:rise .26s cubic-bezier(.2,.7,.3,1);}
.lightbox-cap{padding:20px 30px 26px;}
.lightbox-cap h3{font-size:26px; letter-spacing:-0.01em;}
.lightbox-cap p{color:var(--ink-soft); font-size:16px; margin-top:6px; text-wrap:pretty;} .tour-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.tour-card{margin:0;}
.tour-card .ph{border-radius:var(--r);}
.tour-card figcaption{margin-top:14px;}
.tour-card h3{font-size:20px; letter-spacing:-0.01em;}
.tour-card p{font-size:14px; color:var(--ink-soft); margin-top:6px; text-wrap:pretty; line-height:1.55;}
.life-grid{display:grid; grid-template-columns:1fr 1fr; gap:44px; margin-top:8px;}
.life-p{font-size:18px; color:var(--ink-soft); text-wrap:pretty; line-height:1.6;}
.town-cta{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:44px;}
.town-cta-card{display:flex; flex-direction:column; gap:6px; text-align:left; background:var(--paper-2);
border:1px solid var(--line); border-radius:var(--r); padding:24px 26px; transition:border-color .18s, box-shadow .18s;}
.town-cta-card:hover{border-color:var(--line-2); box-shadow:var(--shadow);} .job-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.job-card{display:flex; flex-direction:column; background:var(--paper); border:1px solid var(--line-2);
border-radius:var(--r); padding:22px 24px;}
.job-top{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px;}
.job-cat{font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--madrone);}
.job-type{font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-fade);
border:1px solid var(--line-2); padding:3px 8px; border-radius:30px; white-space:nowrap;}
.job-card h3{font-size:21px; letter-spacing:-0.01em;}
.job-org{font-size:13px; color:var(--forest); font-weight:600; margin-top:3px;}
.job-blurb{font-size:14px; color:var(--ink-soft); margin-top:10px; flex:1; text-wrap:pretty; line-height:1.55;}
.job-meta{display:flex; gap:8px; align-items:center; font-size:11.5px; color:var(--ink-fade); margin-top:14px;}
.job-apply{width:100%; margin-top:16px; padding:10px; font-size:12.5px;}
.link-inline{color:var(--forest); border-bottom:1px solid oklch(0.355 0.058 142 / 0.4); padding-bottom:1px;} .stream-toprow{display:grid; grid-template-columns:1.2fr 1fr; gap:20px; margin-bottom:28px;}
.radiobar{display:flex; align-items:center; gap:16px; background:var(--forest-deep); color:var(--on-dark);
border-radius:var(--r); padding:16px 20px; box-shadow:var(--shadow);
background-image:radial-gradient(oklch(1 0 0 / 0.03) 1px, transparent 1px); background-size:18px 18px;}
.radio-play{flex-shrink:0; width:48px; height:48px; border-radius:50%; display:grid; place-items:center;
background:var(--brass); color:var(--forest-deep); font-size:15px; transition:transform .15s;}
.radio-play:hover{transform:scale(1.06);}
.radio-info{min-width:0; flex:1; display:flex; flex-direction:column; gap:4px;}
.radio-station{font-size:11px; letter-spacing:0.06em; color:oklch(0.82 0.07 90); display:inline-flex; align-items:center; gap:9px;}
.radio-station .live-dot{width:9px; height:9px; background:oklch(0.63 0.23 27); box-shadow:0 0 8px oklch(0.63 0.23 27 / 0.7);}
.radio-station .live-dot::after{border-color:oklch(0.68 0.22 27); border-width:1.5px; opacity:0.7;}
.radio-now{font-family:var(--serif); font-size:18px; color:var(--on-dark); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.radio-by{color:var(--on-dark-soft); font-size:15px;}
.radio-eq{display:flex; align-items:flex-end; gap:3px; height:24px; flex-shrink:0;}
.radio-eq span{width:3px; height:6px; background:oklch(0.82 0.07 90); border-radius:2px;}
.radiobar.is-playing .radio-eq span{animation:eq 0.9s ease-in-out infinite;}
.radiobar.is-playing .radio-eq span:nth-child(2){animation-delay:.15s;}
.radiobar.is-playing .radio-eq span:nth-child(3){animation-delay:.3s;}
.radiobar.is-playing .radio-eq span:nth-child(4){animation-delay:.45s;}
.radiobar.is-playing .radio-eq span:nth-child(5){animation-delay:.6s;}
@keyframes eq{0%,100%{height:6px;}50%{height:22px;}}
@media (prefers-reduced-motion:reduce){.radiobar.is-playing .radio-eq span{animation:none; height:14px;}}
.dj-signup{display:flex; flex-direction:column; justify-content:center; gap:14px; background:var(--paper-2);
border:1px solid var(--line); border-radius:var(--r); padding:18px 22px;}
.dj-signup-txt p{font-size:14.5px; color:var(--ink-soft); margin-top:6px; text-wrap:pretty;}
.dj-signup-actions{display:flex; gap:10px; flex-wrap:wrap;}
.dj-signup-actions .btn{padding:9px 15px; font-size:13px;}
.stream-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;}
.stream-btn{display:inline-flex; align-items:center; gap:7px; font-family:var(--sans); font-size:12.5px; font-weight:600;
color:var(--forest); background:var(--paper); border:1px solid var(--line-2); border-radius:var(--r); padding:7px 13px;
transition:border-color .15s, background .15s, color .15s;}
.stream-btn:hover{border-color:var(--forest); background:oklch(0.355 0.058 142 / 0.05);}
.stream-btn.is-on{background:var(--forest); color:var(--on-dark); border-color:var(--forest);}
.sb-ic{font-size:11px;}
@media (max-width:820px){
.stream-toprow{grid-template-columns:1fr;}
} .radio-vol{display:flex; align-items:center; gap:8px; flex-shrink:0;}
.radio-vol-ic{font-size:10px; letter-spacing:0.1em; color:oklch(0.82 0.07 90);}
.radio-vol-slider{-webkit-appearance:none; appearance:none; width:80px; height:4px; border-radius:3px;
background:oklch(1 0 0 / 0.22); outline:none; cursor:pointer;}
.radio-vol-slider::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:14px; height:14px;
border-radius:50%; background:var(--brass); cursor:pointer;}
.radio-vol-slider::-moz-range-thumb{width:14px; height:14px; border:none; border-radius:50%; background:var(--brass); cursor:pointer;} .staff-card--static{cursor:default;}
.staff-card--static:hover{transform:none; box-shadow:var(--shadow); border-color:var(--line-2);}
.credits-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:0 48px;}
.credit-row{display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:14px 0;
border-bottom:1px solid oklch(1 0 0 / 0.12);}
.credit-name{font-family:var(--serif); font-size:18px; color:var(--on-dark);}
.credit-role{font-size:12.5px; color:var(--on-dark-soft); text-align:right;}
@media (max-width:720px){
.credits-grid{grid-template-columns:1fr; gap:0;}
.radio-vol-slider{width:60px;}
}
@media (max-width:1000px){
.ok-hist, .hous-intro{grid-template-columns:1fr; gap:36px;}
.hous-types, .life-grid{grid-template-columns:1fr; gap:20px;}
.tour-grid, .job-grid, .town-cta{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
.tour-grid, .job-grid, .town-cta, .ok-hist-media, .hous-media{grid-template-columns:1fr;}
} .team-section{padding:44px 0;} section.band:has(.team-section){padding-top:0; padding-bottom:0;} .team-member{cursor:pointer; border-radius:12px; height:100%; transition:transform .14s ease, box-shadow .14s ease;}
.team-member:hover{transform:translateY(-3px);}
.team-member:hover, .team-member:focus-within{box-shadow:0 14px 34px oklch(0.2 0.02 150 / 0.16);}
.team-member:focus-visible{outline:2px solid var(--forest); outline-offset:3px;}
.team-member > .muni-citizen-highlight{height:100%;}  .team-modal{position:fixed; inset:0; z-index:9999; padding:20px; display:none;}
.team-modal.is-open{display:flex; align-items:center; justify-content:center;}
.team-modal__backdrop{position:absolute; inset:0; background:oklch(0.15 0.03 150 / 0.55); cursor:pointer;}
.team-modal__box{position:relative; z-index:1; width:min(760px,92vw); max-height:90vh; overflow:hidden;
background:var(--paper); color:var(--ink); border-radius:16px; box-shadow:0 40px 90px oklch(0.15 0.02 150 / 0.4);}
.team-modal__grid{display:grid; grid-template-columns:minmax(0,258px) 1fr; max-height:90vh;}
.team-modal__photo{position:relative; background:var(--forest-deep); min-height:360px;}
.team-modal__initials{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
font-family:var(--serif); font-size:64px; color:oklch(1 0 0 / 0.5);}
.team-modal__img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.team-modal__close{position:absolute; top:12px; right:14px; z-index:2; border:none; cursor:pointer;
width:34px; height:34px; border-radius:50%; background:oklch(1 0 0 / 0.82); color:var(--ink); font-size:22px; line-height:1;}
.team-modal__close:hover{background:var(--paper-2);}
.team-modal__body{padding:34px 34px 32px; display:flex; flex-direction:column; gap:13px; min-width:0; overflow:auto;}
.team-modal__kicker{font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:var(--madrone); margin:0;}
.team-modal__name{font-family:var(--serif); font-size:clamp(26px,3vw,34px); line-height:1.12; margin:0;}
.team-modal__skills{display:flex; flex-wrap:wrap; gap:8px;}
.team-modal__skill{font-size:12px; font-weight:500; padding:4px 11px; border-radius:30px;
background:var(--paper-2); border:1px solid var(--line); color:var(--ink-soft);}
.team-modal__bio{font-size:15.5px; line-height:1.62; color:var(--ink-soft); text-wrap:pretty; margin:0; white-space:pre-line;}
.team-modal__dossier{align-self:flex-start; margin-top:4px;}
@media (max-width:640px){
.team-modal__grid{grid-template-columns:1fr; max-height:86vh;}
.team-modal__photo{min-height:0; aspect-ratio:16/10;}
.team-modal__body{padding:24px;}
}
.team-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.team-card{display:flex; text-align:left; background:var(--paper); border:1px solid var(--line-2);
border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow); cursor:pointer;
transition:transform .15s, box-shadow .15s, border-color .15s;}
.team-card:hover{transform:translateY(-2px); box-shadow:0 12px 30px oklch(0.2 0.02 150 / 0.14); border-color:var(--forest);}
.team-photo{position:relative; flex:0 0 128px; min-height:150px; overflow:hidden; background:var(--forest-deep);}
.team-photo .ph-tag{display:none;}
.team-card-body{padding:18px 20px; display:flex; flex-direction:column; gap:6px; min-width:0;}
.team-role{font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--madrone);}
.team-card-body h3{font-family:var(--serif); font-size:21px; color:var(--ink); margin:0; line-height:1.1;}
.team-blurb{font-size:14px; line-height:1.5; color:var(--ink-soft); text-wrap:pretty;}
.team-more{font-size:11px; letter-spacing:0.04em; color:var(--forest); margin-top:auto; padding-top:6px;}
@media (max-width:820px){ .team-grid{grid-template-columns:1fr;} }
.pm-overlay{position:fixed; inset:0; z-index:200; background:oklch(0.2 0.02 150 / 0.55); backdrop-filter:blur(3px);
display:flex; align-items:center; justify-content:center; padding:24px; animation:pm-fade .18s ease;}
@keyframes pm-fade{from{opacity:0;}to{opacity:1;}}
.pm-card{position:relative; display:grid; grid-template-columns:260px 1fr; max-width:760px; width:100%; max-height:86vh;
background:var(--paper); border-radius:calc(var(--r) * 1.4); overflow:hidden; box-shadow:0 30px 80px oklch(0.15 0.02 150 / 0.45);
animation:pm-rise .22s ease;}
@keyframes pm-rise{from{transform:translateY(12px); opacity:0;}to{transform:none; opacity:1;}}
.pm-photo{position:relative; background:var(--forest-deep); min-height:340px;}
.pm-photo .ph-tag{display:none;}
.pm-close{position:absolute; top:12px; right:12px; z-index:3; width:34px; height:34px; border-radius:50%;
background:oklch(1 0 0 / 0.92); color:var(--ink); font-size:20px; line-height:1; display:grid; place-items:center; box-shadow:var(--shadow);}
.pm-close:hover{background:#fff;}
.pm-body{padding:34px 34px 30px; overflow-y:auto; display:flex; flex-direction:column; gap:9px;}
.pm-name{font-family:var(--serif); font-size:31px; color:var(--ink); margin:0; line-height:1.05;}
.pm-bio{font-size:15px; line-height:1.6; color:var(--ink-soft); text-wrap:pretty;}
.pm-roles{margin-top:8px; padding-top:16px; border-top:1px solid var(--line);}
.pm-roles-label{display:block; font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-fade); margin-bottom:10px;}
.pm-roles-list{display:flex; flex-wrap:wrap; gap:8px;}
.pm-role-chip{font-size:12px; padding:5px 11px; border-radius:999px; background:var(--paper-2); border:1px solid var(--line-2); color:var(--forest); white-space:nowrap;}
.pm-profile{margin-top:20px; align-self:flex-start;}
@media (max-width:640px){
.pm-card{grid-template-columns:1fr; max-height:90vh;}
.pm-photo{min-height:200px;}
} .feat{display:grid; grid-template-columns:1fr 1.15fr; background:var(--paper); border:1px solid var(--line-2);
border-radius:calc(var(--r) * 1.3); overflow:hidden; box-shadow:var(--shadow);}
.feat-photo{position:relative; min-height:420px; background:var(--forest-deep);}
.feat-photo .ph-tag{display:none;}
.feat-tag{position:absolute; top:18px; left:18px; z-index:2; background:var(--brass); color:var(--forest-deep);
font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:0.08em; padding:6px 13px; border-radius:999px;}
.feat-body{padding:44px 46px; display:flex; flex-direction:column; justify-content:center; gap:12px;}
.feat-meta{font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--madrone);}
.feat-name{font-family:var(--serif); font-size:38px; line-height:1.04; color:var(--ink); margin:0;}
.feat-why{font-size:16.5px; line-height:1.6; color:var(--ink); text-wrap:pretty;}
.feat-about{font-size:15px; line-height:1.65; color:var(--ink-soft); text-wrap:pretty;}
.feat-facts{list-style:none; margin:8px 0 2px; padding:16px 0 0; border-top:1px solid var(--line);
display:flex; flex-wrap:wrap; gap:14px 30px;}
.feat-facts li{display:flex; flex-direction:column; gap:3px;}
.feat-fact-k{font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-fade);}
.feat-fact-v{font-family:var(--serif); font-size:16px; color:var(--forest);}
.feat-profile{align-self:flex-start; margin-top:16px;}
@media (max-width:820px){ .feat{grid-template-columns:1fr;} .feat-photo{min-height:280px;} .feat-body{padding:32px 26px;} }
.honor-cols{display:grid; grid-template-columns:1fr 1fr; gap:56px;}
.honor-h{font-family:var(--serif); font-size:28px; color:var(--ink); margin:6px 0 4px;}
.honor-note{font-size:14.5px; color:var(--ink-soft); margin-bottom:18px; text-wrap:pretty;}
.honor-list{list-style:none; margin:0; padding:0;}
.honor-list li{display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:11px 0; border-bottom:1px solid var(--line);}
.honor-name{font-family:var(--serif); font-size:17px; color:var(--ink);}
.honor-meta{font-size:12px; color:var(--ink-fade);}
.honor-list--names{columns:2; column-gap:32px;}
.honor-list--names li{break-inside:avoid;}
@media (max-width:720px){ .honor-cols{grid-template-columns:1fr; gap:36px;} .honor-list--names{columns:1;} }
.honoree-list{list-style:none; margin:0; padding:0;}
.honoree-row{display:grid; grid-template-columns:1.4fr 1fr auto; gap:16px; align-items:baseline; padding:14px 0; border-bottom:1px solid var(--line);}
.honoree-name{font-family:var(--serif); font-size:19px; color:var(--ink);}
.honoree-honor{font-size:12px; color:var(--madrone); text-transform:uppercase; letter-spacing:0.05em;}
.honoree-when{font-size:12px; color:var(--ink-fade); text-align:right;}
@media (max-width:600px){ .honoree-row{grid-template-columns:1fr auto;} .honoree-honor{grid-column:1;} }
.recog-cta{display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;}
.recog-cta-h{font-family:var(--serif); font-size:26px; color:var(--on-dark); margin:6px 0;}
.recog-cta-p{font-size:14.5px; color:var(--on-dark-soft); max-width:52ch; text-wrap:pretty;} .nav-socials{display:flex; gap:16px; align-items:center;}
.kbrm-live{display:inline-flex; align-items:center; gap:7px; font-family:var(--sans); font-size:12px; font-weight:600;
letter-spacing:0.01em; color:var(--oxblood); background:oklch(0.43 0.12 28 / 0.08);
border:1px solid oklch(0.43 0.12 28 / 0.22); border-radius:999px; padding:4px 11px 4px 9px; cursor:pointer;
white-space:nowrap; transition:background .15s, border-color .15s;}
.kbrm-live:hover{background:oklch(0.43 0.12 28 / 0.13); border-color:oklch(0.43 0.12 28 / 0.4);}
.kbrm-live .live-dot{width:7px; height:7px;}
.kbrm-live-ico{font-size:8px; line-height:1; color:var(--oxblood); opacity:0.75;}
.kbrm-live.is-playing{background:var(--oxblood); border-color:var(--oxblood); color:oklch(0.96 0.02 80);}
.kbrm-live.is-playing .live-dot{background:oklch(0.96 0.02 80);}
.kbrm-live.is-playing .live-dot::after{border-color:oklch(0.96 0.02 80);}
.kbrm-live.is-playing .kbrm-live-ico{color:oklch(0.96 0.02 80); opacity:1;}
.nav--over:not(.nav--scrolled) .kbrm-live{color:oklch(0.9 0.05 40); background:oklch(1 0 0 / 0.08); border-color:oklch(1 0 0 / 0.25);}
.nav--over:not(.nav--scrolled) .kbrm-live .live-dot{background:oklch(0.78 0.13 32);}
.nav--over:not(.nav--scrolled) .kbrm-live .live-dot::after{border-color:oklch(0.78 0.13 32);}
.nav--over:not(.nav--scrolled) .kbrm-live-ico{color:oklch(0.9 0.05 40);}
.social-link{font-family:var(--sans); font-size:12.5px; font-weight:500; color:var(--ink-soft);
display:inline-flex; align-items:center; gap:6px; transition:color .15s;}
.social-ico{width:30px; height:30px; border-radius:50%; border:1.5px solid var(--line);
display:inline-flex; align-items:center; justify-content:center; color:var(--ink-soft);
transition:color .15s, border-color .15s, background .15s;}
.social-ico:hover{color:var(--forest); border-color:var(--forest);}
.social-ico-mono{font-family:var(--serif); font-size:15px; font-weight:600; line-height:1;}
.nav--over:not(.nav--scrolled) .social-ico{color:oklch(0.86 0.015 95); border-color:oklch(1 0 0 / 0.28);}
.nav--over:not(.nav--scrolled) .social-ico:hover{color:var(--on-dark); border-color:oklch(1 0 0 / 0.6);} .kbrm-float{position:fixed; left:20px; bottom:20px; z-index:60;
display:inline-flex; align-items:center; gap:8px;
font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:0.01em;
color:var(--oxblood); background:oklch(0.98 0.008 90);
border:1px solid var(--line); border-radius:999px; padding:7px 13px 7px 11px;
box-shadow:0 4px 16px oklch(0.2 0.02 150 / 0.14); cursor:pointer;
transition:transform .15s, box-shadow .15s, background .15s, border-color .15s;}
.kbrm-float:hover{transform:translateY(-1px); box-shadow:0 6px 20px oklch(0.2 0.02 150 / 0.22);
border-color:oklch(0.43 0.12 28 / 0.4);}
.kbrm-float .live-dot{width:8px; height:8px;}
.kbrm-float-txt{white-space:nowrap;}
.kbrm-float-ico{font-size:8px; line-height:1; opacity:0.75;}
.kbrm-float.is-playing{background:var(--oxblood); border-color:var(--oxblood); color:oklch(0.96 0.02 80);}
.kbrm-float.is-playing .live-dot{background:oklch(0.96 0.02 80);}
.kbrm-float.is-playing .live-dot::after{border-color:oklch(0.96 0.02 80);}
.kbrm-float.is-playing .kbrm-float-ico{opacity:1;}
.social-link::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--brass); flex-shrink:0;}
.social-link:hover{color:var(--forest);}
.nav--over:not(.nav--scrolled) .social-link{color:oklch(0.86 0.015 95);}
.nav--over:not(.nav--scrolled) .social-link:hover{color:var(--on-dark);}
.nav-socials--mobile{margin-top:12px; justify-content:flex-start; gap:20px;} .footer-socials{display:flex; flex-wrap:wrap; column-gap:16px; row-gap:10px; margin-top:24px;}
.footer-socials .social-link{color:var(--on-dark-soft);}
.footer-socials .social-link::before{background:var(--brass);} .social-link--mark{gap:7px;}
.social-link--mark::before{display:none;}
.social-link--mark svg{width:14px; height:14px; flex-shrink:0; color:var(--brass);}
.footer-socials .social-link:hover{color:var(--on-dark);}
.footer-inner--4{grid-template-columns:1.5fr repeat(4, 1fr);}
@media (max-width:1000px){ .footer-inner--4{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .footer-inner--4{grid-template-columns:1fr;} }
.btn--brass{background:var(--brass); color:var(--forest-deep); border:1px solid var(--brass);}
.btn--brass:hover{background:oklch(0.72 0.08 84); border-color:oklch(0.72 0.08 84);} .btn--soon, .btn--soon:hover{background:transparent; color:var(--brass); border:1px dashed var(--brass); opacity:.8; cursor:default; pointer-events:none;} .nav-dd .dd-menu{display:none;}
.nav-dd.is-open .dd-menu{display:block;}
.nav-mobile[hidden]{display:none;} .hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; z-index:0;}
.hero-video--embed{overflow:hidden;}
.hero-video--embed iframe{position:absolute; top:50%; left:50%; width:100vw; height:56.25vw; min-height:100%; min-width:177.78vh; transform:translate(-50%,-50%); border:0; pointer-events:none; z-index:1;}
.hero-video--embed[data-interactive] iframe{pointer-events:auto;} .hero-video-poster{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:none; z-index:2;}
.hero-video--embed.video-failed .hero-video-poster{display:block;}
body.no-hero-photo .hero-video{display:none !important;} .page-extra{padding:52px 0;} .post-body a{color:var(--madrone); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:0.18em; transition:color .12s ease;}
.post-body a:hover, .post-body a:focus-visible{color:oklch(0.46 0.095 40);}
.post-body a:visited{color:oklch(0.5 0.05 350);}
.post-body a:visited:hover, .post-body a:visited:focus-visible{color:oklch(0.46 0.095 40);} .doc-steps li{display:block; position:relative; padding-left:34px; gap:0;}
.doc-steps li > .doc-step-n{position:absolute; left:0;} .doc-note strong:first-child{color:var(--harbor); text-transform:uppercase; letter-spacing:0.08em; font-size:0.82em;}
.doc-note--warning{background:oklch(0.72 0.11 60 / 0.10); border-color:oklch(0.7 0.12 60 / 0.35);}
.doc-note--warning strong:first-child{color:oklch(0.6 0.13 55);} .wiki-secret{margin:30px 0; padding:20px 24px 6px; border:1px solid oklch(0.43 0.12 28 / 0.30); border-left:3px solid var(--oxblood);
border-radius:var(--r); background:oklch(0.43 0.12 28 / 0.045);}
.wiki-secret__label{display:flex; align-items:center; gap:8px; margin:0 0 4px; font-family:var(--sans); font-size:10.5px;
text-transform:uppercase; letter-spacing:0.12em; color:var(--oxblood);}
.wiki-secret__mark{width:7px; height:7px; border-radius:50%; background:var(--oxblood); box-shadow:0 0 0 3px oklch(0.43 0.12 28 / 0.15);}
.wiki-secret__title{margin:0 0 10px; font-family:var(--serif); font-size:20px; font-weight:600; letter-spacing:-0.01em; color:var(--oxblood-deep);}
.wiki-secret__body > :last-child{margin-bottom:14px;}
.wiki-secret__body .post-p{color:var(--ink);} .is-style-dropcap::first-letter{float:left; font-family:var(--serif); font-weight:500; font-size:3.4em; line-height:0.7; margin:0.02em 0.14em 0 0; color:var(--forest-deep);}
.is-style-lead{font-size:1.24em; line-height:1.55; color:var(--ink-soft);}
.wp-block-group.is-style-note, .wp-block-group.is-style-warning{margin:28px 0; padding:18px 22px; border-radius:var(--r);}
.wp-block-group.is-style-note{background:oklch(0.56 0.07 234 / 0.07); border:1px solid oklch(0.56 0.07 234 / 0.25);}
.wp-block-group.is-style-warning{background:oklch(0.72 0.11 60 / 0.10); border:1px solid oklch(0.7 0.12 60 / 0.35);}
.wp-block-group.is-style-note strong:first-child, .wp-block-group.is-style-warning strong:first-child{text-transform:uppercase; letter-spacing:0.08em; font-size:0.82em;}
.wp-block-group.is-style-note strong:first-child{color:var(--harbor);}
.wp-block-group.is-style-warning strong:first-child{color:oklch(0.6 0.13 55);}
.wp-block-quote.is-style-pull{border-left:0; text-align:center; padding:12px 6%; margin:44px 0;}
.wp-block-quote.is-style-pull p{font-family:var(--serif); font-size:30px; font-style:italic; line-height:1.35; color:var(--forest-deep);} .folio-empty{border:1px dashed var(--line-2); border-radius:var(--r); padding:34px 24px; text-align:center;
font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-fade);} .civic-divider{display:flex; align-items:center; justify-content:center; gap:16px; margin:28px 0;
color:var(--ink-fade); font-size:13px;}
.civic-divider::before, .civic-divider::after{content:''; height:1px; width:72px; background:var(--line-2);}
.civic-jump{margin-bottom:28px;}
.muni-group-detail{scroll-margin-top:96px;} .civic-roster-portrait{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}  .disp-live--standby{color:oklch(0.8 0.07 82);}
.disp-live--standby .live-dot{background:var(--brass);}
.disp-live--standby .live-dot::after{border-color:var(--brass); animation-duration:3.6s;}
.disp-bands{display:flex; flex-direction:column;}
.band-row{display:grid; grid-template-columns:52px 1fr auto auto; align-items:baseline; gap:14px; padding:12px 0;
border-bottom:1px solid oklch(1 0 0 / 0.07);}
.band-dept{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:500; letter-spacing:0.04em;}
.band-dept .dd-dot{width:8px; height:8px; border-radius:2px;}
.band-dept[data-c="forest"]{color:oklch(0.74 0.1 142);} .band-dept[data-c="forest"] .dd-dot{background:oklch(0.62 0.1 142);}
.band-dept[data-c="oxblood"]{color:oklch(0.74 0.12 35);} .band-dept[data-c="oxblood"] .dd-dot{background:oklch(0.55 0.16 28);}
.band-dept[data-c="harbor"]{color:oklch(0.72 0.09 234);} .band-dept[data-c="harbor"] .dd-dot{background:oklch(0.62 0.09 234);}
.band-body{display:flex; flex-direction:column; gap:2px; min-width:0;}
.band-name{font-size:13.5px; color:oklch(0.88 0.012 110);}
.band-note{font-size:12px; color:oklch(0.66 0.02 120);}
.band-freq{font-size:11.5px; color:oklch(0.62 0.02 120); letter-spacing:0.04em;}
.band-st{font-size:10px; text-transform:uppercase; letter-spacing:0.06em; padding:3px 9px; border-radius:30px;
color:oklch(0.6 0.015 120); background:oklch(1 0 0 / 0.06); white-space:nowrap;}
.disp-log-empty{border:1px dashed oklch(1 0 0 / 0.22); border-radius:var(--r); padding:30px 26px;
display:flex; flex-direction:column; gap:10px; align-items:flex-start;}
.dle-mark{font-size:11px; letter-spacing:0.3em; color:var(--brass);}
.dle-title{font-size:12px; text-transform:uppercase; letter-spacing:0.14em; color:oklch(0.82 0.015 110);}
.dle-copy{font-size:14.5px; color:oklch(0.74 0.015 120); max-width:44ch; text-wrap:pretty;}
.dle-hint{font-size:11.5px; color:oklch(0.62 0.02 120); line-height:1.7;}
.dle-hint a{color:oklch(0.78 0.07 142); border-bottom:1px solid oklch(0.78 0.07 142 / 0.4);}
.log-day{font-size:10.5px; text-transform:uppercase; letter-spacing:0.14em; color:oklch(0.6 0.02 120);
padding:16px 0 5px;}
.log-day:first-child{padding-top:2px;}
.disp-unit--standby .unit-assign{font-style:italic; color:oklch(0.62 0.02 120);} .team-reg{position:absolute; left:8px; bottom:8px; z-index:2; display:inline-flex; align-items:center; gap:6px;
font-size:9.5px; font-weight:500; letter-spacing:0.08em; text-transform:uppercase;
color:var(--on-dark); background:oklch(0.355 0.058 142 / 0.92); padding:4px 8px; border-radius:2px;
backdrop-filter:blur(3px);}
.team-reg .src-dot{width:5px; height:5px; border-radius:50%; background:var(--forest-bright);}
.pm-citizen{margin-top:22px; padding-top:16px; border-top:1px dashed var(--line-2);
display:flex; flex-direction:column; gap:10px;}
.pm-citizen-label{font-size:10.5px; text-transform:uppercase; letter-spacing:0.13em; color:var(--ink-fade);}
.pm-citizen-row{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.pm-citizen-name{font-family:var(--serif); font-size:19px; font-weight:500; color:var(--ink);
display:inline-flex; align-items:center; gap:8px;} .chl{display:grid; grid-template-columns:240px 1fr; background:var(--paper); border:1px solid var(--line-2);
border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow); text-align:left;}
.chl-photo{position:relative; min-height:220px; background:var(--forest-deep); overflow:hidden;}
.chl-photo .ph-tag{display:none;}
.chl-body{padding:26px 30px 24px; display:flex; flex-direction:column; min-width:0;}
.chl-kicker{font-family:var(--mono); font-size:11px; font-weight:500; text-transform:uppercase;
letter-spacing:0.13em; color:var(--madrone); margin-bottom:8px;}
.chl-name{font-family:var(--serif); font-size:26px; font-weight:500; letter-spacing:-0.015em; color:var(--ink);
display:flex; align-items:center; gap:9px; margin:0;}
.chl-sub{font-family:var(--mono); font-size:11.5px; color:var(--ink-fade); letter-spacing:0.03em; margin-top:5px;}
.chl-bio{font-size:15px; color:var(--ink-soft); margin-top:13px; text-wrap:pretty; max-width:58ch;}
.chl-chips{display:flex; flex-wrap:wrap; gap:7px; margin-top:16px;}
.chl-foot{margin-top:auto; padding-top:15px; border-top:1px dashed var(--line-2);
display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.chl-foot-label{font-family:var(--mono); font-size:10.5px; text-transform:uppercase; letter-spacing:0.13em;
color:var(--ink-fade); display:inline-flex; align-items:center; gap:10px;}
.chl-bio + .chl-foot, .chl-chips + .chl-foot{margin-top:20px;}
.chl--compact{grid-template-columns:150px 1fr;}
.chl--compact .chl-photo{min-height:170px;}
.chl--compact .chl-body{padding:18px 22px 16px;}
.chl--compact .chl-name{font-size:21px;}
.chl--compact .chl-bio{font-size:14px; margin-top:9px;}
.chl-pair{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.band--forest .chl{background:oklch(0.32 0.04 145); border-color:oklch(1 0 0 / 0.12); box-shadow:none;}
.band--forest .chl-name{color:var(--on-dark);}
.band--forest .chl-bio{color:var(--on-dark-soft);}
.band--forest .chl-sub{color:oklch(0.72 0.02 120);}
.band--forest .chl-foot{border-top-color:oklch(1 0 0 / 0.16);}
.band--forest .chl-foot-label{color:oklch(0.68 0.02 120);}
.band--forest .chl-kicker{color:oklch(0.78 0.07 60);}
@media (max-width:720px){
.chl, .chl--compact{grid-template-columns:1fr;}
.chl-photo{min-height:200px; aspect-ratio:16/9;}
.chl-pair{grid-template-columns:1fr;}
} .chl-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
@media (max-width:1000px){.chl-grid{grid-template-columns:1fr;}} .chl-photo-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1;} .chl-foot--ooc .chl-foot-label{color:var(--ink-fade);} .greek-summary{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 22px;}
.greek-chip{display:inline-flex; align-items:center; gap:9px; padding:8px 12px 8px 13px; border:1px solid var(--line-2);
border-radius:999px; background:var(--paper); color:var(--ink-soft); cursor:pointer; font-family:var(--mono);
font-size:12px; letter-spacing:0.04em; transition:border-color .15s, color .15s, background .15s; text-decoration:none;}
.greek-chip:hover{border-color:var(--ink-fade); color:var(--ink); background:var(--paper-2);}
.greek-chip__dot{width:9px; height:9px; border-radius:50%; flex:none;}
.greek-chip__n{display:inline-flex; min-width:20px; height:20px; padding:0 6px; align-items:center; justify-content:center;
background:var(--forest); color:var(--on-dark); border-radius:999px; font-size:11px; font-weight:600;}
.club-stack{display:flex; flex-direction:column; gap:30px; margin-top:6px; margin-bottom:34px;}
.club-cat{scroll-margin-top:90px;}
.club-cat__head{display:flex; align-items:center; gap:14px; padding-bottom:12px; margin-bottom:16px; border-bottom:1px solid var(--line);}
.club-cat__bar{width:14px; height:14px; border-radius:3px; flex:none;}
.club-cat__t{font-family:var(--serif); font-size:24px; font-weight:600; letter-spacing:-0.01em; color:var(--ink);}
.club-cat__n{font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-fade); white-space:nowrap;}
.club-cat__d{flex:1; min-width:0; text-align:right; color:var(--ink-soft); font-size:13.5px; text-wrap:pretty;}
.club-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.club-card{display:flex; gap:15px; text-align:left; width:100%; padding:16px; background:var(--paper);
border:1px solid var(--line-2); border-radius:calc(var(--r) + 4px); cursor:pointer; font:inherit; color:inherit;
text-decoration:none; transition:transform .18s, box-shadow .18s, border-color .18s;}
.club-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg); border-color:var(--ink-fade);}
.club-card__crest{width:62px; height:62px; flex:none; border-radius:9px; overflow:hidden; position:relative;
background:var(--paper-3); display:grid; place-items:center;}
.club-card__crest img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.club-card__crest-fallback{font-family:var(--serif); font-size:24px; color:var(--ink-fade);}
.club-card__body{flex:1; min-width:0; display:flex; flex-direction:column;}
.club-card__tag{align-self:flex-start; font-family:var(--mono); font-size:9.5px; font-weight:500; letter-spacing:0.09em;
text-transform:uppercase; color:var(--on-dark); padding:3px 8px; border-radius:3px; margin-bottom:6px;}
.club-card__name{font-family:var(--serif); font-size:18px; font-weight:600; color:var(--ink); line-height:1.2;}
.club-card__blurb{color:var(--ink-soft); font-size:13.5px; line-height:1.5; margin-top:5px;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.club-card__foot{display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:11px; color:var(--ink-fade); font-size:11.5px;}
.club-card__more{margin-left:auto; color:var(--forest); font-weight:500;}
@media (max-width:860px){ .club-grid{grid-template-columns:1fr;} .club-cat__d{display:none;} } .sop{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:32px;align-items:start}
.sop-nav{position:sticky;top:88px;max-height:calc(100dvh - 110px);overflow-y:auto;padding-right:8px;font-size:14px} @media (min-width:1240px){
.sop:has(> .post-toc:not([hidden])){grid-template-columns:minmax(200px,220px) minmax(0,1fr) 150px}
.sop > .post-toc:not([hidden]){display:block; position:sticky; top:104px;
max-height:calc(100vh - 140px); overflow-y:auto; overscroll-behavior:contain} .post-article:has(.sop > .post-toc:not([hidden])) .hb-reader-head{padding-right:182px}
}
.sop-ch{border-bottom:1px solid currentColor;border-color:color-mix(in srgb,currentColor 14%,transparent)}
.sop-ch>summary{cursor:pointer;list-style:none;padding:10px 4px;font-weight:600;letter-spacing:.01em}
.sop-ch>summary::-webkit-details-marker{display:none}
.sop-ch>summary::before{content:"›";display:inline-block;width:1em;transition:transform .15s;opacity:.5}
.sop-ch[open]>summary::before{transform:rotate(90deg)}
.sop-ch ul{list-style:none;margin:0 0 8px;padding:0 0 0 14px}
.sop-link{display:block;padding:5px 8px;border-radius:6px;text-decoration:none;color:inherit;opacity:.82;line-height:1.35}
.sop-link:hover{opacity:1;background:color-mix(in srgb,currentColor 7%,transparent)}
.sop-link.is-on{opacity:1;font-weight:600;background:color-mix(in srgb,currentColor 10%,transparent)}
.sop-reader-title{margin:0 0 18px;font-size:1.6rem;line-height:1.2}
.sop-source{margin-top:28px;padding-top:16px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);opacity:.75}
@media (max-width:820px){.sop{grid-template-columns:1fr;gap:16px}.sop-nav{position:static;max-height:none}} .post-body .doc-figs{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;margin:22px 0}
.post-body .doc-fig{margin:0;padding:10px;background:var(--paper-2);border:1px solid var(--line);
border-radius:calc(var(--r) + 2px);max-width:100%;text-align:center}
.post-body .doc-fig img{display:block;margin:0 auto;width:auto;max-width:100%;max-height:300px;
border-radius:var(--r);background:var(--paper-3)}
.post-body .doc-figs[data-figs="2"] .doc-fig img{max-height:420px}
.post-body .doc-figs[data-figs="3"] .doc-fig img{max-height:330px} .post-body .doc-fig figcaption{width:0;min-width:100%;margin-top:9px;font-family:var(--mono);
font-size:11.5px;line-height:1.4;letter-spacing:.01em;color:var(--ink-soft);text-wrap:balance} @media (max-width:820px){
.post-body .doc-figs{gap:8px;margin:16px 0}
.post-body .doc-fig{padding:6px}
.post-body .doc-fig img,
.post-body .doc-figs[data-figs="2"] .doc-fig img,
.post-body .doc-figs[data-figs="3"] .doc-fig img{max-height:200px}
.post-body .doc-fig figcaption{margin-top:6px;font-size:10.5px}
} .lore-wiki__inner{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:64px} .lore-wiki__inner{padding-top:112px}
.lore-nav{position:sticky;top:88px;max-height:calc(100dvh - 110px);overflow-y:auto;padding-right:10px;font-size:14px;border-right:1px solid var(--line)} @media (min-width:1240px){
.lore-wiki__inner:has(> .post-toc:not([hidden])){grid-template-columns:210px minmax(0,1fr) 150px; column-gap:32px}
.lore-wiki__inner > .post-toc:not([hidden]){display:block; position:sticky; top:104px;
max-height:calc(100vh - 140px); overflow-y:auto; overscroll-behavior:contain}
}
.lore-nav__home{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--madrone);text-decoration:none;padding:2px 0 12px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.lore-nav__home:hover{color:var(--ink)}
.lore-nav__shelf{margin-top:20px}
.lore-nav__shelf-name{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-fade);margin:0 0 6px;font-weight:500}
.lore-nav__books,.lore-nav__pages{list-style:none;margin:0;padding:0}
.lore-nav__book-link{display:block;padding:5px 8px;border-radius:6px;text-decoration:none;color:var(--ink-soft);line-height:1.35}
.lore-nav__book-link:hover{color:var(--ink);background:color-mix(in srgb,var(--madrone) 8%,transparent)}
.lore-nav__book-link.is-on{color:var(--madrone);font-weight:600;background:color-mix(in srgb,var(--madrone) 10%,transparent)}  .post-body:has(.lore-infobox){display:flow-root}
.post-body .lore-infobox{float:right;width:300px;max-width:46%;margin:6px 0 20px 28px;border:1px solid var(--line);background:var(--paper-2);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:14px;line-height:1.45}
.post-body .lore-infobox p{margin:0;font-size:14px;line-height:1.45}
.post-body .lore-infobox th,.post-body .lore-infobox td{padding:7px 12px;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.post-body .lore-infobox tr:first-child th,.post-body .lore-infobox tr:first-child td{border-top:0}
.post-body .lore-infobox th{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-fade);font-weight:500;white-space:nowrap;padding-top:9px} .post-body .lore-infobox tr>td:where(:first-child:not([colspan]):not(.wa-ib-name):not(.wa-ib-cover)){font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-fade);font-weight:500;white-space:nowrap;padding-top:9px}
.post-body .lore-infobox th p,.post-body .lore-infobox tr>td:where(:first-child:not([colspan]):not(.wa-ib-name):not(.wa-ib-cover)) p{font-size:inherit;line-height:inherit} .post-body .lore-infobox tr{height:auto!important} .post-body .lore-infobox tr:first-child td[colspan],.post-body .lore-infobox td.wa-ib-name{background:var(--paper-3);text-align:center;padding:10px 12px}
.post-body .lore-infobox td.wa-ib-name,.post-body .lore-infobox tr:first-child td[colspan] p,.post-body .lore-infobox td.wa-ib-name p{color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.3} .post-body .lore-infobox tr:first-child td[colspan]:not(:has(img)){color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.3}
.post-body .lore-infobox tr:first-child:has(img)+tr td[colspan]:not(:has(img)){background:var(--paper-3);text-align:center;padding:10px 12px}
.post-body .lore-infobox tr:first-child:has(img)+tr td[colspan]:not(:has(img)),.post-body .lore-infobox tr:first-child:has(img)+tr td[colspan]:not(:has(img)) p{color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.3} .post-body .lore-infobox td.wa-ib-name span[style],.post-body .lore-infobox tr:first-child td[colspan] span[style],.post-body .lore-infobox tr:nth-child(2) td[colspan] span[style],.post-body .lore-infobox th span[style],.post-body .lore-infobox tr>td:where(:first-child:not([colspan]):not(.wa-ib-name):not(.wa-ib-cover)) span[style]{color:inherit!important}
.post-body .lore-infobox img{display:block;width:100%;height:auto;margin:0}
.post-body .lore-infobox a{color:var(--madrone)}
@media (max-width:700px){.post-body .lore-infobox{float:none;width:100%;max-width:100%;margin:0 0 22px}} .post-body table:not(.lore-infobox){width:100%;border-collapse:collapse;margin:10px 0 30px;font-size:14.5px;line-height:1.5}
.post-body table:not(.lore-infobox) thead th{text-align:left;vertical-align:bottom;font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-fade);font-weight:500;padding:0 14px 9px;border-bottom:2px solid var(--ink-soft)}
.post-body table:not(.lore-infobox) td{vertical-align:top;padding:11px 14px;border-bottom:1px solid var(--line)}
.post-body table:not(.lore-infobox) tbody tr:nth-child(even){background:var(--paper-2)}
.post-body table:not(.lore-infobox) td em{color:var(--ink-fade)}
.post-body table:not(.lore-infobox) td a{color:var(--madrone)} @media (max-width:640px){
.post-body table:not(.lore-infobox){font-size:13px}
.post-body table:not(.lore-infobox) thead th{padding:0 8px 7px}
.post-body table:not(.lore-infobox) td{padding:9px 8px}
} .sop-reader{container-type:inline-size}
@container (max-width:700px){
.post-body table.wiki-table--stack,
.post-body table.wiki-table--stack tbody,
.post-body table.wiki-table--stack tr,
.post-body table.wiki-table--stack td{display:block;width:auto}
.post-body table.wiki-table--stack thead{position:absolute;width:1px;height:1px;margin:-1px;
padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.post-body table.wiki-table--stack tr{margin:0 0 12px;padding:12px 14px;background:var(--paper);
border:1px solid var(--line);border-radius:calc(var(--r) + 2px)}
.post-body table.wiki-table--stack tbody tr:nth-child(even){background:var(--paper)}
.post-body table.wiki-table--stack td{padding:7px 0;border:0}
.post-body table.wiki-table--stack td::before{content:attr(data-label);display:block;
font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.08em;
text-transform:uppercase;color:var(--ink-fade);margin-bottom:2px} .post-body table.wiki-table--stack td:first-child{font-family:var(--serif);font-size:16px;
font-weight:600;padding-top:0;padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.post-body table.wiki-table--stack td:first-child::before{display:none}
}
.lore-nav__map{margin:2px 0 12px}
.lore-nav__group{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-fade);font-weight:500;margin:10px 0 2px 10px}
.lore-nav__division{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin:16px 0 4px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.lore-nav__group--sub{font-family:var(--serif);font-size:13px;letter-spacing:0;text-transform:none;color:var(--ink-soft);font-weight:600;margin:8px 0 2px 4px}
.lore-nav__pages{margin:2px 0 8px;padding-left:12px;border-left:1px solid var(--line)}
.lore-nav__page{display:block;padding:4px 8px;border-radius:6px;text-decoration:none;color:var(--ink-fade);font-size:13px;line-height:1.32}
.lore-nav__page:hover{color:var(--ink)}
.lore-nav__page.is-on{color:var(--madrone);font-weight:600} .lore-nav__toggle{display:none} .lore-index__chapter,.lore-index__dept,.lore-hub__shelf{scroll-margin-top:92px}
.lore-wiki__main{min-width:0;max-width:760px}
.lore-doc__crumb{font-size:12px;color:var(--ink-fade);margin-bottom:16px}
.lore-doc__crumb a{color:var(--ink-fade);text-decoration:none}
.lore-doc__crumb a:hover{color:var(--madrone)}
.lore-doc__title{font-family:var(--serif);font-size:40px;line-height:1.08;letter-spacing:-.01em;color:var(--ink);margin:0 0 18px}
.lore-doc__lead{font-family:var(--serif);font-size:20px;line-height:1.5;color:var(--ink-soft);margin:0 0 26px;max-width:64ch}
.lore-doc__byline{font-size:13px;color:var(--ink-fade);letter-spacing:0.02em;margin:-8px 0 24px}
.lore-doc__byline a{color:var(--madrone);text-decoration:none}
.lore-doc__byline a:hover{text-decoration:underline} .lore-doc .post-body img{height:auto !important}
.lore-index__chapter{font-family:var(--serif);font-size:24px;color:var(--ink);margin:42px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.lore-index__division{font-family:var(--serif);font-size:30px;line-height:1.12;letter-spacing:-.01em;color:var(--ink);margin:56px 0 2px}
.lore-index__division:first-child{margin-top:8px}
.lore-index__dept{font-family:var(--serif);font-size:21px;color:var(--ink-soft);font-weight:600;margin:30px 0 6px;padding-bottom:5px;border-bottom:1px solid var(--line)}
.lore-hub__shelf{margin:32px 0}
.lore-hub__shelf-name{font-family:var(--serif);font-size:26px;color:var(--ink);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)} .lore-fam-band{margin:36px 0 40px}
.lore-fam-band__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin:0 0 14px;padding-bottom:6px}
.lore-fam-band__head .lore-hub__shelf-name{margin:0;padding-bottom:0;border-bottom:0}
.lore-fam-band__all{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);text-decoration:none;white-space:nowrap}
.lore-fam-band__all:hover{color:var(--madrone)}
.lore-fam-band__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.lore-fam-band .fam-card__crest{width:44px;height:44px;left:14px;bottom:-18px}
.lore-fam-band .fam-card__body{padding:26px 16px 16px}
.lore-fam-band .fam-card__body h3{font-size:16px;letter-spacing:0} .lore-cardlist{list-style:none;margin:0;padding:0}
.lore-cardlist__item{border-bottom:1px solid var(--line)}
.lore-cardlist__link{display:flex;align-items:center;gap:16px;padding:19px 6px;text-decoration:none;color:inherit;border-radius:8px;transition:background .15s}
.lore-cardlist__link:hover{background:color-mix(in srgb,var(--madrone) 6%,transparent)}
.lore-cardlist__media{flex-shrink:0;width:72px}
.lore-cardlist__media .ph{border-radius:6px;overflow:hidden}
.lore-cardlist__media .ph-tag{display:none}
.lore-cardlist__body{min-width:0}
.lore-cardlist__name{display:block;font-family:var(--serif);font-size:20px;color:var(--ink)}
.lore-cardlist__link:hover .lore-cardlist__name{color:var(--madrone)}
.lore-cardlist__ex{font-size:14px;line-height:1.5;color:var(--ink-fade);margin:3px 0 0;max-width:70ch;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (min-width:1100px){
.lore-cardlist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px}
}
@media (max-width:1100px){
.lore-fam-band__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
.lore-fam-band__grid{grid-template-columns:1fr}
}
.lore-mast{display:block;width:100%;max-width:720px;height:auto;margin:0 auto 18px}
.lore-hub__shelf .doc-card-body p{display:-webkit-box;-webkit-line-clamp:3;
-webkit-box-orient:vertical;overflow:hidden}
.lore-tl-band{margin:36px 0 6px} .lore-tl{list-style:none;margin:0;padding:6px 0 18px;max-width:860px}
.lore-tl__item{position:relative;padding:0 0 0 88px;min-height:56px;margin-bottom:18px}
.lore-tl__item:last-child{margin-bottom:0}
.lore-tl__item::before{content:"";position:absolute;left:9px;top:4px;bottom:-18px;width:1px;background:var(--line-2)}
.lore-tl__item:last-child::before{display:none}
.lore-tl__item::after{content:"";position:absolute;left:6px;top:22px;width:7px;height:7px;border-radius:50%;background:var(--madrone)}
.lore-tl__art{position:absolute;left:24px;top:0;display:block;width:56px;height:56px;object-fit:contain;margin:0}
.lore-tl__year{display:inline-block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;color:var(--madrone);
border:1px solid var(--line-2);border-radius:999px;padding:2px 12px;margin-right:8px;vertical-align:middle}
.lore-tl__title{display:inline;font-family:var(--serif);font-size:16px;line-height:1.3;margin:0;color:var(--ink)}
.lore-tl__note{font-size:13.5px;line-height:1.5;color:var(--ink-fade);margin:4px 0 0;max-width:60ch}
.lore-tl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin:0 0 10px}
.lore-tl-head .lore-hub__shelf-name{margin:0;border-bottom:0;flex:1}
@media (max-width:480px){
.lore-tl__item{padding-left:72px;min-height:44px}
.lore-tl__art{left:20px;width:44px;height:44px}
.lore-tl__item::after{top:16px}
}
.lore-tl-more{margin:10px 0 0;text-align:center}
.lore-tl-morelink{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);text-decoration:none;border:1px solid var(--line-2);border-radius:999px;padding:9px 20px;transition:border-color .15s,background .15s}
.lore-tl-morelink:hover{border-color:var(--forest);background:oklch(0.355 0.058 142 / 0.05)} .tlp-hero{text-align:center;padding:34px 0 6px}
.tlp-mast{display:block;width:min(720px,88%);height:auto;margin:0 auto 4px}
.tlp-hero__title{font-family:var(--serif);font-size:clamp(36px,5vw,54px);line-height:1.05;margin:12px 0 12px;color:var(--ink)}
.tlp-hero__lead{max-width:620px;margin:0 auto;color:var(--ink-fade);font-size:16px;line-height:1.65}
.tlp-hero__lead p{margin:0;color:var(--ink-fade);font-size:16px;line-height:1.65}
.tlp-eranav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0 0}
.tlp-eranav a{font-size:12px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;color:var(--forest);text-decoration:none;transition:border-color .15s,background .15s}
.tlp-eranav a:hover{border-color:var(--forest);background:oklch(0.355 0.058 142 / 0.05)}
.tlp-spine{max-width:1000px;margin:26px auto 0;padding-bottom:26px}
.tlp-era{scroll-margin-top:96px}
.tlp-era:focus{outline:none} .tlp-era__head{text-align:center;margin:46px 0 26px}
.tlp-era__name{display:block;font-family:var(--serif);font-size:clamp(24px,3vw,32px);line-height:1.15;margin:0;color:var(--ink)}
.tlp-era__range{display:block;margin-top:4px;font-size:12px;letter-spacing:.16em;color:var(--madrone)} .tlp-list{list-style:none;margin:0;padding:0;position:relative}
.tlp-list::before{content:"";position:absolute;top:4px;bottom:4px;left:50%;width:2px;margin-left:-1px;background:linear-gradient(to bottom,transparent,var(--line-2) 46px,var(--line-2) calc(100% - 46px),transparent)}
.tlp-entry{position:relative;display:grid;grid-template-columns:1fr 88px 1fr;align-items:center;margin:0 0 40px}
.tlp-entry__rail{grid-column:2;grid-row:1;justify-self:center;align-self:center}
.tlp-entry__dot{display:block;width:11px;height:11px;border-radius:50%;background:var(--madrone);box-shadow:0 0 0 5px var(--paper)}
.tlp-entry__media{grid-column:1;grid-row:1;justify-self:end;padding-right:8px}
.tlp-entry__card{grid-column:3;grid-row:1;justify-self:start;max-width:420px;padding-left:8px}
.tlp-entry--flip .tlp-entry__media{grid-column:3;justify-self:start;padding-right:0;padding-left:8px}
.tlp-entry--flip .tlp-entry__card{grid-column:1;justify-self:end;padding-left:0;padding-right:8px}
.tlp-entry__art{display:block;width:min(300px,100%);height:auto;object-fit:contain}
.tlp-entry--textonly .tlp-entry__card{max-width:520px}
.tlp-entry__year{display:inline-block;font-size:12.5px;letter-spacing:.14em;color:var(--madrone);border:1px solid var(--line-2);border-radius:999px;padding:4px 13px}
.tlp-entry__title{font-family:var(--serif);font-size:clamp(21px,2.4vw,26px);line-height:1.2;margin:10px 0 8px;color:var(--ink)}
.tlp-entry__text{font-size:15px;line-height:1.65;color:var(--ink-fade)}
.tlp-entry__text p{margin:0 0 10px}
.tlp-entry__text p:last-child{margin-bottom:0}
.tlp-foot{text-align:center;padding:4px 0 30px} .tlp-anim .tlp-entry{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.tlp-anim .tlp-entry.is-inview{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.tlp-anim .tlp-entry{opacity:1;transform:none;transition:none}
}
@media (max-width:900px){ .tlp-list::before{left:16px;margin-left:0}
.tlp-entry{grid-template-columns:34px 1fr;align-items:start;margin-bottom:34px} .tlp-entry__rail{grid-column:1;grid-row:2;align-self:start;padding-top:14px}
.tlp-entry__media,.tlp-entry--flip .tlp-entry__media{grid-column:2;grid-row:1;justify-self:start;padding:0}
.tlp-entry__card,.tlp-entry--flip .tlp-entry__card{grid-column:2;grid-row:2;justify-self:start;max-width:none;padding:8px 0 0}
.tlp-entry__art{width:min(200px,60%)}
.tlp-era__head{text-align:left;padding-left:34px;margin:34px 0 20px}
.tlp-hero{padding-top:22px}
}
@media (max-width:900px){ .lore-wiki__inner{grid-template-columns:1fr;gap:24px;padding-top:88px}
.lore-nav{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding-bottom:14px}
.lore-doc__title{font-size:32px} .lore-nav.is-collapsible .lore-nav__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;
font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
color:var(--madrone);background:transparent;border:1px solid var(--line-2);border-radius:8px;
padding:10px 12px;cursor:pointer}
.lore-nav__toggle::after{content:"\203A" / "";font-size:15px;letter-spacing:0;transform:rotate(90deg);transition:transform .15s}
.lore-nav.is-open .lore-nav__toggle::after{transform:rotate(-90deg)}
.lore-nav.is-collapsible:not(.is-open) > :not(.lore-nav__toggle){display:none}
.lore-nav.is-collapsible:not(.is-open){border-bottom:0;padding-bottom:0}
}  .fam{padding-top:112px} .fam-mast{display:block;width:min(720px,88%);height:auto;margin:0 auto 4px}
.fam-hub-hero{text-align:center;padding:34px 0 6px}
.fam-hub-hero__title{font-family:var(--serif);font-size:clamp(32px,4.5vw,48px);line-height:1.08;margin:12px 0 12px;color:var(--ink)}
.fam-hub-hero__lead{max-width:620px;margin:0 auto;color:var(--ink-fade);font-size:16px;line-height:1.65}
.fam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;margin-top:34px}
.fam-card-wrap{scroll-margin-top:92px}
.fam-card{display:block;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.fam-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-2)}
.fam-card__media{position:relative}
.fam-card__media .ph-tag{display:none}
.fam-card__crest{position:absolute;left:20px;bottom:-30px;width:76px;height:76px;object-fit:contain;z-index:2;
background:var(--paper);border:1px solid var(--line-2);border-radius:50%;padding:10px;
box-shadow:0 4px 12px oklch(0.2 0.02 150 / 0.25)}
.fam-card__body{padding:40px 24px 24px;display:flex;flex-direction:column;gap:10px}
.fam-card__body h3{font-size:22px;letter-spacing:-0.01em}
.fam-card__ex{font-size:14.5px;color:var(--ink-soft);line-height:1.55;text-wrap:pretty}
.fam-card__stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.fam-stat{font-size:11px;letter-spacing:0.04em;color:var(--ink-fade);border:1px solid var(--line-2);border-radius:999px;padding:3px 10px} .fam-hero{margin:0 0 40px}
.fam-hero__media{position:relative}
.fam-hero__media .ph-tag{display:none}
.fam-hero__crest{position:absolute;left:28px;bottom:-36px;width:96px;height:96px;object-fit:contain;z-index:2;
background:var(--paper);border:1px solid var(--line-2);border-radius:50%;padding:13px;
box-shadow:0 5px 14px oklch(0.2 0.02 150 / 0.28)}
.fam-hero__title{margin:44px 0 12px;font-family:var(--serif);font-size:clamp(32px,4.5vw,48px);line-height:1.08;
letter-spacing:-0.01em;color:var(--ink)}
.fam-hero__lead{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink-soft);max-width:70ch}
.fam-hero__lead p{margin:0 0 14px}
.fam-hero__lead p:last-child{margin-bottom:0}
.fam .wrap + .wrap, .fam .wrap + .tlp-spine{margin-top:44px}
.fam .lore-index__chapter:first-child{margin-top:0}
.fam-legacy{list-style:none;margin:0;padding:0}
.fam-legacy__item{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.fam-legacy__label{font-family:var(--serif);font-size:17px;color:var(--ink);text-decoration:none}
a.fam-legacy__label:hover{color:var(--madrone)}
.fam-legacy__note{font-size:13px;color:var(--ink-fade);white-space:nowrap;flex-shrink:0}
@media (max-width:820px){ .fam{padding-top:88px}
.fam-grid{grid-template-columns:1fr}
.fam-hero__crest{width:68px;height:68px;left:18px;bottom:-26px;padding:9px}
.fam-hero__title{margin-top:38px}
.fam-card__crest{width:60px;height:60px;left:16px;bottom:-24px;padding:8px}
}  .ftree-wrap{max-width:860px;margin:0 auto;background:var(--paper-2);border:1px solid var(--line);
border-radius:var(--r);box-shadow:var(--shadow);padding:24px 34px} .ftree-viewport{overflow:hidden}
.ftree,.ftree__kids{list-style:none;margin:0;padding:0} .ftree-controls{position:absolute;top:12px;right:14px;z-index:2;display:flex;gap:5px} .ftree-controls[hidden]{display:none}
.ftree-ctl{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
font-family:var(--sans);font-size:18px;line-height:1;color:var(--ink);background:var(--paper-2);
border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);cursor:pointer;padding:0}
.ftree-ctl[data-ftree="reset"]{padding:0 11px;font-size:12.5px;font-weight:600;letter-spacing:.02em}
.ftree-ctl:hover{background:var(--paper-3);color:var(--forest);border-color:var(--line-2)}
.ftree-ctl:focus-visible{outline:2px solid var(--forest);outline-offset:2px} .ftree-ctl:disabled{opacity:.4;cursor:default} .ftree__portrait{display:none}
.ftree > .ftree__branch + .ftree__branch{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.ftree__couple{display:flex;align-items:center;gap:2px 12px;flex-wrap:wrap;padding:9px 0}
.ftree__person{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;color:var(--ink);
padding:2px 4px;border-radius:999px;transition:background .15s}
a.ftree__person:hover{background:oklch(0.355 0.058 142 / 0.07);color:var(--forest)}
.ftree__person--nolink{cursor:default}
.ftree__name{font-family:var(--serif);font-size:15.5px;line-height:1.2;color:var(--ink)}
.ftree__life{font-family:var(--mono);font-size:10.5px;color:var(--ink-fade)} .ftree__life::before{content:" ("}
.ftree__life::after{content:")"}
.ftree__knot{font-size:15px;color:var(--madrone);flex-shrink:0}
.ftree__note{flex-basis:100%;font-family:var(--mono);font-size:10.5px;color:var(--ink-fade);margin:0 0 2px} .ftree__kids{margin-left:24px}
.ftree__kids > .ftree__branch{position:relative;padding-left:24px}
.ftree__kids > .ftree__branch::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--line-2)}
.ftree__kids > .ftree__branch:last-child::before{bottom:auto;height:34px}
.ftree__kids > .ftree__branch::after{content:"";position:absolute;left:0;top:34px;width:17px;height:1px;background:var(--line-2)}
@media (max-width:560px){
.ftree-wrap{padding:14px 12px}
.ftree__kids{margin-left:14px}
.ftree__kids > .ftree__branch{padding-left:16px}
.ftree__name{font-size:14.5px}
.ftree__kids > .ftree__branch:last-child::before{height:30px}
.ftree__kids > .ftree__branch::after{top:30px;width:11px}
}
@media (prefers-reduced-motion:reduce){
.ftree__person{transition:none} .ftree-wrap.is-animating .ftree{transition:none!important}
}
@media print{
.ftree__kids > .ftree__branch::before,.ftree__kids > .ftree__branch::after{background:#999}
.ftree-viewport{height:auto!important;overflow:visible!important} .ftree-controls{display:none!important}
.ftree-wrap.is-diagram .ftree,.ftree-wrap.is-diagram .ftree__kids{display:block!important}
.ftree-wrap.is-diagram .ftree{width:auto!important;transform:none!important}
.ftree-wrap.is-diagram .ftree__portrait{display:none!important}
} @media (min-width:821px){
.ftree-wrap.is-diagram{max-width:var(--wrap);margin:0 auto}
.ftree-wrap.is-diagram .ftree,
.ftree-wrap.is-diagram .ftree__kids{display:flex;justify-content:center;flex-wrap:nowrap}
.ftree-wrap.is-diagram .ftree{transform-origin:top center}
.ftree-wrap.is-diagram .ftree.is-measuring{width:max-content}
.ftree-wrap.is-diagram .ftree__branch{position:relative;display:flex;flex-direction:column;
align-items:center;flex-shrink:0;padding:0 16px}
.ftree-wrap.is-diagram .ftree > .ftree__branch + .ftree__branch{margin-top:0;padding-top:0;border-top:0}
.ftree-wrap.is-diagram .ftree__couple{display:flex;align-items:flex-start;justify-content:center;
gap:2px;flex-wrap:nowrap;position:relative;padding:0 0 15px}
.ftree-wrap.is-diagram .ftree__person{display:flex;flex-direction:column;align-items:center;
width:96px;gap:3px;padding:6px 2px;text-align:center;border-radius:10px}
.ftree-wrap.is-diagram .ftree__portrait{display:grid;place-items:center;width:44px;height:44px;
border-radius:50%;overflow:hidden;background:var(--paper-3);border:1px solid var(--line-2)}
.ftree-wrap.is-diagram .ftree__portrait img{width:100%;height:100%;object-fit:cover;display:block}
.ftree-wrap.is-diagram .ftree__name{font-size:13px;line-height:1.18}
.ftree-wrap.is-diagram .ftree__life{font-size:10px}
.ftree-wrap.is-diagram .ftree__life::before,
.ftree-wrap.is-diagram .ftree__life::after{content:none}
.ftree-wrap.is-diagram .ftree__knot{align-self:center;margin-top:26px}
.ftree-wrap.is-diagram .ftree__note{position:absolute;left:0;right:0;bottom:0;font-size:9px;
margin:0;text-align:center;white-space:nowrap} .ftree-wrap.is-diagram .ftree__kids{position:relative;padding-top:28px;margin:0}
.ftree-wrap.is-diagram .ftree__branch > .ftree__kids::before{content:"";position:absolute;top:0;
left:50%;width:1px;height:14px;background:var(--line-2)}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch{position:relative}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch::before,
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch::after{content:"";position:absolute;top:-14px;
height:14px;border-top:1px solid var(--line-2); background:none;width:auto;bottom:auto}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch::before{left:0;right:50%}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch::after{left:50%;right:0;border-left:1px solid var(--line-2)}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch:only-child::before,
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch:only-child::after{border:0}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch:first-child::before{border-top:0}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch:last-child::after{border-top:0} .ftree-wrap.is-diagram{--ftree-spouse-shift:55px} .ftree-wrap.is-diagram .ftree__kids > .ftree__branch:not(:only-child):has(> .ftree__couple > .ftree__knot)::before{right:calc(50% + var(--ftree-spouse-shift))}
.ftree-wrap.is-diagram .ftree__kids > .ftree__branch:not(:only-child):has(> .ftree__couple > .ftree__knot)::after{left:calc(50% - var(--ftree-spouse-shift))} .ftree-wrap.is-diagram .ftree__branch:has(> .ftree__kids > .ftree__branch:only-child > .ftree__couple > .ftree__knot) > .ftree__kids::before{left:calc(50% - var(--ftree-spouse-shift))} .ftree-wrap.is-diagram .ftree__couple > .ftree__knot{position:relative}
.ftree-wrap.is-diagram .ftree__couple > .ftree__knot::before{content:"";position:absolute;top:9px;right:100%;width:6px;height:1px;background:var(--line-2)}
.ftree-wrap.is-diagram .ftree__couple > .ftree__knot::after{content:"";position:absolute;top:9px;left:100%;width:6px;height:1px;background:var(--line-2)} .ftree-wrap.is-diagram.is-pan{position:relative}
.ftree-wrap.is-diagram.is-pan .ftree{transform-origin:0 0;width:max-content;margin:0}
.ftree-wrap.is-diagram.is-pan .ftree-viewport{cursor:grab;contain:layout paint;touch-action:pan-y}
.ftree-wrap.is-diagram.is-pan .ftree-viewport.is-grabbing{cursor:grabbing;user-select:none} .ftree-wrap.is-diagram.is-pan .ftree__person,
.ftree-wrap.is-diagram.is-pan .ftree__portrait img{-webkit-user-drag:none;user-select:none}
.ftree-wrap.is-diagram.is-pan .ftree-viewport:focus-visible{outline:2px solid var(--forest);outline-offset:-2px} .ftree-wrap.is-diagram.is-pan.is-animating .ftree{transition:transform 180ms ease}
}
@media (max-width:820px){ .ftree-wrap.is-diagram .ftree,
.ftree-wrap.is-diagram .ftree__kids{display:block}
.ftree-controls{display:none!important}
} .hb-gate{max-width:440px;margin:8px 0 34px;padding:22px 24px;background:var(--paper-2);
border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.hb-gate__label{display:block;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);margin:0 0 8px}
.hb-gate__note{font-size:14px;color:var(--ink-soft);margin:0;text-wrap:pretty}
.hb-gate__row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hb-gate__input,.hb-gate input[type="password"]{flex:1 1 200px;min-width:0;font-family:var(--sans);font-size:15px;
color:var(--ink);padding:11px 13px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r)}
.hb-gate__input:focus,.hb-gate input[type="password"]:focus{outline:none;border-color:var(--forest);
box-shadow:0 0 0 3px oklch(0.355 0.058 142 / 0.12)}
.hb-gate__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);
font-size:14.5px;font-weight:600;padding:11px 22px;border-radius:var(--r);border:1.5px solid transparent;
background:var(--forest);color:var(--on-dark);cursor:pointer;transition:all .18s}
.hb-gate__btn:hover{background:var(--forest-deep);transform:translateY(-1px);box-shadow:var(--shadow)}
.hb-gate__error{margin:12px 0 0;font-size:13.5px;color:var(--oxblood)}
.hb-gate--disabled{color:var(--ink-fade);border-style:dashed;border-color:var(--line-2);box-shadow:none} .hb-lock{font-family:var(--mono);font-size:12px;letter-spacing:0.04em;color:var(--ink-fade);text-decoration:none}
.hb-lock:hover{color:var(--madrone)} .hb-gate__remember{display:flex;align-items:center;gap:8px;margin:12px 0 0;
font-family:var(--sans);font-size:13.5px;color:var(--ink-soft);cursor:pointer}
.hb-gate__remember input[type="checkbox"]{flex:none;margin:0;width:15px;height:15px;
accent-color:var(--forest);cursor:pointer} .hb-gate-right .hb-gate{margin-left:auto}  .staff-honorees{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
@media (max-width:640px){.staff-honorees{grid-template-columns:1fr}} .feat + .feat{margin-top:28px}  :focus-visible{outline:2px solid var(--forest); outline-offset:2px;} .mono{overflow-wrap:anywhere;} .screen-reader-text{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
clip:rect(0,0,0,0); white-space:nowrap; border:0;}  .nav-search-btn{width:30px; height:30px; border-radius:50%; border:1.5px solid var(--line);
display:inline-flex; align-items:center; justify-content:center; color:var(--ink-soft);
transition:color .15s, border-color .15s; flex-shrink:0; text-decoration:none;}
.nav-search-btn:hover{color:var(--forest); border-color:var(--forest);}
.nav--over:not(.nav--scrolled) .nav-search-btn{color:oklch(0.86 0.015 95); border-color:oklch(1 0 0 / 0.28);}
.nav--over:not(.nav--scrolled) .nav-search-btn:hover{color:var(--on-dark); border-color:oklch(1 0 0 / 0.6);} .nav-search{position:absolute; top:100%; right:32px; margin-top:10px; width:380px; max-width:calc(100vw - 40px);
background:var(--paper); border:1px solid var(--line-2); border-radius:var(--r); box-shadow:var(--shadow-lg);
padding:14px; z-index:60; display:flex; flex-direction:column; gap:10px;} .nav-search[hidden]{display:none;}
.nav-search-form{display:flex;}
.nav-search-input{width:100%; font-family:var(--sans); font-size:15px; padding:10px 14px; border:1px solid var(--line-2);
border-radius:var(--r); background:var(--paper); color:var(--ink); transition:border-color .15s;}
.nav-search-input:focus{outline:none; border-color:var(--forest);}
.nav-search-results{max-height:min(60vh,520px); overflow-y:auto;}
.nav-search-group-h{font-size:10.5px; text-transform:uppercase; letter-spacing:0.12em; color:var(--ink-fade);
padding:10px 4px 6px; border-top:1px solid var(--line);}
.nav-search-group-h:first-child{border-top:0; padding-top:2px;}
.nav-search-list{list-style:none; margin:0 0 2px; padding:0;}
.nav-search-item{display:flex; flex-direction:column; gap:2px; padding:8px; border-radius:6px; color:var(--ink); text-decoration:none;
transition:background .12s;}
.nav-search-item:hover, .nav-search-item.is-active{background:oklch(0.355 0.058 142 / 0.08);}
.nav-search-item-title{font-family:var(--serif); font-size:15px; line-height:1.3;}
.nav-search-item-ctx{font-size:10.5px; color:var(--ink-fade);}
.nav-search-item-ex{font-size:12.5px; color:var(--ink-soft); line-height:1.4;}
.nav-search-empty{padding:12px 4px; font-size:13px; color:var(--ink-fade);} .nav-search-status{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.nav-search-viewall{align-self:flex-end; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--forest); text-decoration:none;}
.nav-search-viewall:hover{color:var(--forest-deep);} .nav-search-item-title mark, .nav-search-item-ex mark, .search-row-ex mark, .search-lore-card-ex mark{
background:oklch(0.56 0.07 234 / 0.22); color:inherit; border-radius:2px; padding:0 1px;} @media (max-width:1160px){
.nav-search{position:static; width:100%; max-width:none; margin-top:0; border-radius:0;
border-left:0; border-right:0; border-bottom:0; border-top:1px solid var(--line); box-shadow:none;
max-height:calc(100dvh - 64px); overflow-y:auto;}
}  .search-page-head{padding:150px 0 32px;}
.search-page-title{font-size:clamp(28px,4.5vw,44px); letter-spacing:-0.02em; max-width:30ch;}
.search-page-count{margin-top:12px; color:var(--ink-fade); font-size:15px;}
.search-page-form{display:flex; gap:10px; margin-top:26px; max-width:560px;}
.search-page-input{flex:1; font-family:var(--sans); font-size:16px; padding:12px 16px; border:1px solid var(--line-2);
border-radius:var(--r); background:var(--paper); color:var(--ink); transition:border-color .15s;}
.search-page-input:focus{outline:none; border-color:var(--forest);}
.search-chips-row{margin-bottom:8px;} .chip-n{opacity:0.65; margin-left:2px;}
.search-group{padding:40px 0; border-top:1px solid var(--line);}
.search-group:first-of-type{border-top:0; padding-top:8px;}
.search-group-title{font-size:22px; margin-bottom:20px;} .search-lore-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.search-lore-card{text-align:left; background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
overflow:hidden; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s, border-color .2s;}
.search-lore-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--line-2);}
.search-lore-card .ph{border-radius:0; aspect-ratio:16/10;}
.search-lore-card-body{padding:18px 20px 20px; display:flex; flex-direction:column; flex:1;}
.search-lore-card-body h3{font-size:19px; margin-bottom:6px;}
.search-lore-card-ex{font-size:14px; color:var(--ink-soft); line-height:1.55;} .search-row-list{list-style:none; margin:0; padding:0;}
.search-row{padding:16px 0; border-bottom:1px solid var(--line);}
.search-row-list--tight .search-row{padding:12px 0;}
.search-row-link{font-family:var(--serif); font-size:19px; color:var(--ink); text-decoration:none;}
.search-row-link:hover{color:var(--madrone);}
.search-row-list--tight .search-row-link{font-size:17px;}
.search-row-context{display:block; font-size:11px; color:var(--ink-fade); margin-top:2px;}
.search-row-ex{font-size:14px; color:var(--ink-soft); margin-top:6px; max-width:74ch; line-height:1.55;}
.search-empty{padding:20px 0 60px;}
.search-empty-links{display:flex; gap:12px; flex-wrap:wrap; margin-top:20px;}
@media (max-width:1000px){
.search-lore-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
.search-lore-grid{grid-template-columns:1fr;}
.search-page-form{flex-direction:column;}
}  .wrap--brand{max-width:980px; margin-top:44px;}
.brand-dl{margin-top:72px; border:1px solid var(--line); border-radius:2px; padding:34px 38px;}
.brand-dl-head h2{font-family:var(--serif); font-weight:600; font-size:26px; letter-spacing:-0.015em; margin:6px 0 8px;}
.brand-dl-head p{margin:0; color:var(--ink-soft); max-width:56ch;}
.brand-dl-actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:22px;}
.brand-dl-size{font-size:11px; opacity:0.75;}
.brand-dl-note{margin-top:18px; font-size:12px; color:var(--ink-fade);}
.brand-dl-note a{color:var(--forest); text-decoration:underline;}
.brand-missing{color:var(--ink-fade); font-style:italic;}
@media (max-width:720px){
.brand-dl{padding:24px 20px;}
} .post-body img.is-zoomable{cursor:zoom-in; transition:box-shadow .14s ease, filter .14s ease;}
.post-body img.is-zoomable:hover{filter:brightness(1.04);}
.post-body img.is-zoomable:hover{box-shadow:0 0 0 3px oklch(1 0 0 / 0.9), 0 0 0 6px var(--madrone);}
.post-body .lore-infobox img.is-zoomable:hover{box-shadow:inset 0 0 0 3px var(--madrone);}
.post-body img.is-zoomable:focus-visible{outline:3px solid var(--madrone); outline-offset:2px;}
.lore-lightbox{position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; padding:clamp(12px,3vw,32px);}
.lore-lightbox[hidden]{display:none;}
.lore-lightbox__backdrop{position:absolute; inset:0; background:oklch(0.13 0.02 150 / 0.72); cursor:zoom-out;}
.lore-lightbox__box{position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,300px);
width:min(1120px,96vw); max-height:92vh; background:var(--paper); border-radius:16px; overflow:hidden;
box-shadow:0 40px 100px oklch(0.12 0.02 150 / 0.5);}
.lore-lightbox__close{position:absolute; top:12px; right:14px; z-index:3; border:1px solid var(--line); cursor:pointer;
width:36px; height:36px; border-radius:50%; background:oklch(1 0 0 / 0.9); color:var(--ink);
font-size:23px; line-height:1; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow);}
.lore-lightbox__close:hover{background:#fff;}
.lore-lightbox__close:focus-visible{outline:3px solid var(--madrone); outline-offset:2px;}
.lore-lightbox__stage{position:relative; display:flex; align-items:center; justify-content:center; background:var(--forest-deep); min-width:0; min-height:0;}
.lore-lightbox__frame{position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:18px; min-width:0; min-height:0;}
.lore-lightbox__img{display:block; max-width:100%; max-height:calc(92vh - 36px); width:auto; height:auto; object-fit:contain; border-radius:4px;}
.lore-lightbox__frame.is-loading .lore-lightbox__img{opacity:0;}
.lore-lightbox__frame.is-loading::after{content:""; position:absolute; top:50%; left:50%; width:34px; height:34px; margin:-17px 0 0 -17px;
border-radius:50%; border:3px solid oklch(1 0 0 / 0.22); border-top-color:oklch(1 0 0 / 0.85); animation:lb-spin .8s linear infinite;}
@keyframes lb-spin{to{transform:rotate(360deg);}}
.lore-lightbox__nav{position:absolute; top:50%; transform:translateY(-50%); z-index:2; border:none; cursor:pointer;
width:42px; height:42px; border-radius:50%; background:oklch(1 0 0 / 0.14); color:#fff; font-size:28px; line-height:1;
display:flex; align-items:center; justify-content:center; transition:background .14s ease;}
.lore-lightbox__nav:hover{background:oklch(1 0 0 / 0.3);}
.lore-lightbox__nav:focus-visible{outline:2px solid #fff; outline-offset:2px;}
.lore-lightbox__nav--prev{left:12px;}
.lore-lightbox__nav--next{right:12px;}
.lore-lightbox__nav[hidden]{display:none;}
.lore-lightbox__panel{display:flex; flex-direction:column; gap:12px; padding:32px 28px 26px; min-height:0; overflow:auto; background:var(--paper); border-left:1px solid var(--line);}
.lore-lightbox__kicker{margin:0; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--madrone);}
.lore-lightbox__caption{margin:0; font-family:var(--serif); font-size:clamp(21px,2.4vw,27px); line-height:1.16; color:var(--ink); text-wrap:pretty;}
.lore-lightbox__desc{margin:0; font-size:15px; line-height:1.6; color:var(--ink-soft); text-wrap:pretty;}
.lore-lightbox__desc[hidden]{display:none;}
.lore-lightbox__facts{margin:2px 0 0; display:flex; flex-direction:column; gap:9px; border-top:1px solid var(--line); padding-top:15px;}
.lore-lightbox__facts[hidden]{display:none;}
.lore-lightbox__fact{display:flex; justify-content:space-between; gap:14px; margin:0; font-size:11.5px;}
.lore-lightbox__fact dt{color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.08em; white-space:nowrap;}
.lore-lightbox__fact dd{margin:0; color:var(--ink-soft); text-align:right; min-width:0; overflow-wrap:anywhere;} .lore-lightbox__facts:not([hidden]) + .lore-lightbox__meta{border-top:none; padding-top:6px; margin-top:2px;}
.lore-lightbox__meta{margin:4px 0 0; display:flex; flex-direction:column; gap:9px; border-top:1px solid var(--line); padding-top:15px;}
.lore-lightbox__meta-row{display:flex; justify-content:space-between; gap:14px; margin:0; font-size:11.5px;}
.lore-lightbox__meta-row[hidden]{display:none;}
.lore-lightbox__meta dt{color:var(--ink-fade); text-transform:uppercase; letter-spacing:0.08em; white-space:nowrap;}
.lore-lightbox__meta dd{margin:0; color:var(--ink-soft); text-align:right; min-width:0; overflow-wrap:anywhere;}
.lore-lightbox__full{margin-top:2px; align-self:flex-start; font-size:12px; color:var(--madrone); text-decoration:none; letter-spacing:0.03em;}
.lore-lightbox__full:hover{text-decoration:underline;}
.lore-lightbox__count{margin:auto 0 0; padding-top:14px; font-size:11px; color:var(--ink-fade); letter-spacing:0.1em;}
.lore-lightbox__count[hidden]{display:none;}
@media (max-width:760px){
.lore-lightbox__box{grid-template-columns:1fr; grid-template-rows:minmax(0,1fr) auto; width:100%; max-height:94vh;} .lore-lightbox__stage{max-height:52vh;}
.lore-lightbox__img{max-height:calc(52vh - 24px);}
.lore-lightbox__frame{padding:12px;}
.lore-lightbox__panel{border-left:none; border-top:1px solid var(--line); padding:20px 20px 24px; max-height:40vh;}
.lore-lightbox__nav{width:38px; height:38px; font-size:25px;}
}
@media (prefers-reduced-motion:reduce){
.post-body img.is-zoomable, .lore-lightbox__nav{transition:none;}
.lore-lightbox__frame.is-loading::after{animation:none;}
}  .filmstrip{background:var(--forest-deep); color:var(--on-dark); padding:calc(56px * var(--dens)) 0;}
.filmstrip-inner{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,4vw,56px); align-items:center;}
.filmstrip-media{position:relative; display:block; aspect-ratio:16 / 9; border-radius:var(--r); overflow:hidden;
background:oklch(0.22 0.03 148); box-shadow:var(--shadow-lg); transition:transform .18s ease;}
.filmstrip-media:hover{transform:translateY(-2px);}
.filmstrip-media:focus-visible{outline:3px solid var(--brass); outline-offset:3px;}
.filmstrip-still{width:100%; height:100%; object-fit:cover; display:block;}
.filmstrip-still--blank{display:block; width:100%; height:100%;
background:linear-gradient(135deg, oklch(0.3 0.05 145), oklch(0.22 0.03 148));} .filmstrip-media::after{content:""; position:absolute; inset:0; background:oklch(0.15 0.02 150 / 0.18); transition:background .18s ease;}
.filmstrip-media:hover::after{background:oklch(0.15 0.02 150 / 0.3);}
.filmstrip-play{position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%);
width:66px; height:66px; border-radius:50%; display:flex; align-items:center; justify-content:center;
background:oklch(1 0 0 / 0.92); color:var(--forest-deep); padding-left:4px; box-shadow:0 6px 24px oklch(0.12 0.02 150 / 0.4); transition:transform .18s ease, background .18s ease;}
.filmstrip-media:hover .filmstrip-play{transform:translate(-50%,-50%) scale(1.06); background:#fff;}
.filmstrip-body .kicker{color:oklch(0.78 0.05 84);}
.filmstrip-title{font-size:clamp(28px,3.4vw,42px); line-height:1.12; margin-bottom:14px;}
.filmstrip-blurb{color:var(--on-dark-soft); font-size:17px; max-width:52ch; margin-bottom:26px; text-wrap:pretty;}
.filmstrip-cta{display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.filmstrip-cta .btn--primary{background:var(--brass); color:var(--forest-deep); border-color:var(--brass);}
.filmstrip-cta .btn--primary:hover{background:oklch(0.72 0.08 84); border-color:oklch(0.72 0.08 84);}
.filmstrip-out{font-size:12.5px; color:var(--on-dark-soft); border-bottom:1px solid oklch(1 0 0 / 0.22); padding-bottom:2px;}
.filmstrip-out:hover{color:var(--on-dark); border-bottom-color:oklch(1 0 0 / 0.6);}
@media (max-width:860px){
.filmstrip-inner{grid-template-columns:1fr; gap:24px;}
.filmstrip-play{width:56px; height:56px;}
} .vlb{position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; padding:clamp(12px,3vw,32px);}
.vlb[hidden]{display:none;}
.vlb__backdrop{position:absolute; inset:0; background:oklch(0.13 0.02 150 / 0.82); cursor:zoom-out;} .vlb__box{position:relative; z-index:1; display:flex; flex-direction:column; gap:12px;
width:min(1180px, 96vw, calc((100vh - 130px) * 16 / 9)); max-height:100%;}
.vlb__bar{display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:36px;}
.vlb__title{font-size:19px; color:var(--on-dark); font-weight:400; min-width:0;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vlb__title[hidden]{display:none;}
.vlb__close{flex-shrink:0; margin-left:auto; border:1px solid oklch(1 0 0 / 0.3); cursor:pointer;
width:36px; height:36px; border-radius:50%; background:oklch(1 0 0 / 0.1); color:var(--on-dark);
font-size:23px; line-height:1; display:flex; align-items:center; justify-content:center; transition:background .14s ease;}
.vlb__close:hover{background:oklch(1 0 0 / 0.22);}
.vlb__close:focus-visible{outline:3px solid var(--brass); outline-offset:2px;}
.vlb__stage{position:relative; aspect-ratio:16 / 9; background:#000;
border-radius:var(--r); overflow:hidden; box-shadow:0 40px 100px oklch(0.12 0.02 150 / 0.55);}
.vlb__player{position:absolute; inset:0; width:100%; height:100%; border:0; display:block; background:#000;}
@media (prefers-reduced-motion:reduce){
.filmstrip-media, .filmstrip-play, .vlb__close{transition:none;}
}