/* v3 inner pages — MLS search (holographic swipe). From the design project. */
.nav{background:linear-gradient(180deg,rgba(17,17,17,.5),transparent)}
.nav.solid{background:rgba(24,25,24,.92)}
.nav-r a.l.cur{color:var(--gold-l)}

/* ---------- MLS HERO ---------- */
.mh{position:relative;height:380vh;background:#efedea}
.mh-stick{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;touch-action:pan-y}
.mh-stage{position:absolute;inset:0;background:#efedea url(assets/seq/air-000.jpg) center/cover no-repeat}
.mh-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(246,241,232,.94) 0,rgba(246,241,232,.8) 24%,rgba(246,241,232,0) 44%),linear-gradient(180deg,rgba(17,17,17,.35),transparent 16%)}
.mh-l{position:absolute;z-index:4;left:clamp(20px,5vw,72px);top:50%;transform:translateY(-46%);width:min(460px,38vw);color:var(--ink)}
.mh-l h1{font-size:clamp(34px,4vw,58px);margin-top:16px}
.mh-l h1 span{color:var(--gold-d)}
.mh-l .lede{margin-top:18px;font-size:clamp(15px,1.15vw,17px);color:#4a443b;max-width:38ch}
.mh .dock{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin-top:26px;box-shadow:0 16px 40px rgba(29,29,29,.18),0 0 0 1px rgba(184,153,91,.45)}
.mh .dock input{padding-left:20px}
.holo{position:absolute;inset:0;z-index:3;pointer-events:none;perspective:1200px}
.hc{position:absolute;left:0;top:0;width:260px;color:var(--cream);border:0;padding:0;text-align:left;background:linear-gradient(165deg,rgba(29,29,29,.78),rgba(29,29,29,.56));-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);border-radius:10px;box-shadow:0 0 0 1px rgba(205,176,121,.55),0 0 46px rgba(205,176,121,.22),0 24px 60px rgba(29,29,29,.28);overflow:hidden;will-change:transform,opacity;cursor:pointer;font:inherit}
.hc::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(246,241,232,.045) 0 1px,transparent 1px 3px),linear-gradient(115deg,transparent 30%,rgba(246,241,232,.14) 46%,transparent 56%)}
.hc .im{position:relative;aspect-ratio:4/3;overflow:hidden}
.hc .im img{width:100%;height:100%;object-fit:cover;opacity:.88;display:block}
.hc .im i{position:absolute;left:10px;top:10px;font-style:normal;font-family:'Montserrat',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;background:rgba(29,29,29,.7);color:var(--gold-l);padding:5px 8px;border-radius:20px}
.hc .tx{padding:15px 18px 17px}
.hc .pr{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(22px,1.9vw,30px);letter-spacing:-.03em;color:var(--gold-l);line-height:1}
.hc .nm{font-weight:800;font-size:clamp(14px,1.1vw,16px);margin-top:6px;color:#fff}
.hc .sp{font-size:12px;color:rgba(246,241,232,.68);margin-top:3px}
.hc.on{pointer-events:auto}
.mh-ctl{position:absolute;z-index:4;right:clamp(20px,4vw,48px);bottom:calc(clamp(22px,5svh,48px) + 66px);display:flex;align-items:center;gap:14px;color:var(--ink)}
.mh-ctl b{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.18em}
.mh-ctl button{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(29,29,29,.35);background:rgba(246,241,232,.7);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:.2s}
.mh-ctl button:hover{background:var(--ink);color:var(--cream)}
.mh-tag{position:absolute;z-index:4;font-family:'Montserrat',sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d);left:0;top:0;white-space:nowrap;pointer-events:none}
.mh-hint{position:absolute;z-index:4;left:clamp(20px,5vw,72px);bottom:clamp(22px,5svh,48px);display:flex;align-items:center;gap:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6a6256;transition:opacity .4s}
.mh-hint i{width:1.5px;height:24px;background:linear-gradient(var(--gold-d),transparent);animation:mhDrop 1.8s ease-in-out infinite}
.mh-hint.off{opacity:0}
@keyframes mhDrop{0%{transform:translateY(-6px);opacity:0}50%{opacity:1}100%{transform:translateY(8px);opacity:0}}
@media(max-width:860px){
.mh{height:300vh}
.mh-stick{min-height:0;display:flex;flex-direction:column;background:var(--cream)}
.mh-stage{position:relative;inset:auto;flex:none;aspect-ratio:16/10;margin-top:56px}
.mh-stage::after{background:linear-gradient(0deg,var(--cream) 0,transparent 20%)}
.holo{top:56px;bottom:auto;height:auto;aspect-ratio:16/10}
.hc .tx{padding:8px 10px 10px}.hc .pr{font-size:17px}.hc .nm{font-size:12px}.hc .sp{display:none}
.mh-l{position:relative;left:auto;top:auto;transform:none;width:auto;padding:10px 20px 0}
.mh-l .lede{display:none}
.mh-ctl{right:20px;bottom:84px}.mh-hint{display:none}.mh-tag{display:none}
}

/* ---------- RESULTS ---------- */
.rs{padding:clamp(70px,9vw,120px) 0 clamp(60px,8vw,100px)}
.rs-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.rs-h h2{font-size:clamp(30px,3.6vw,48px);margin-top:12px}
.rs-h .ct{font-size:14px;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.chips button{border:1.5px solid var(--line);background:#fff;color:var(--ink);font-family:'Montserrat',sans-serif;font-weight:700;font-size:12.5px;padding:10px 16px;border-radius:40px;transition:.2s}
.chips button:hover{border-color:var(--ink)}
.chips button.on{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:30px}
.rc{background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--line);cursor:pointer;text-align:left;padding:0;font:inherit;color:var(--ink);transition:transform .35s var(--ease),box-shadow .35s}
.rc:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(29,29,29,.12)}
.rc .im{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ddd}
.rc .im img{width:100%;height:100%;object-fit:cover;display:block}
.rc .im i{position:absolute;left:12px;top:12px;font-style:normal;background:var(--ink);color:#fff;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:30px}
.rc .tx{padding:16px 18px 18px}
.rc .pr{font-family:'Montserrat',sans-serif;font-weight:900;font-size:24px;letter-spacing:-.03em}
.rc .nm{font-weight:800;font-size:15px;margin-top:4px}
.rc .sp{display:flex;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut)}
.rc .sp b{color:var(--ink)}
.empty{grid-column:1/-1;padding:40px 0;color:var(--mut)}
.disc{margin-top:30px;font-size:12.5px;color:var(--mut)}
.band{background:var(--stage);color:var(--cream);padding:clamp(60px,8vw,100px) 0}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.band h2{font-size:clamp(28px,3.4vw,44px);color:#fff;max-width:20ch}
.band p{margin-top:12px;color:rgba(246,241,232,.68);max-width:46ch}

/* ---------- JOURNAL HERO ---------- */
.jh{position:relative;height:100svh;min-height:600px;overflow:hidden;background:var(--stage)}
.jh-stage{position:absolute;inset:0;background:var(--stage) url(assets/seq/type-000.jpg) center/cover no-repeat}
.jh-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(24,25,24,.95) 0,rgba(24,25,24,.7) 26%,transparent 54%),linear-gradient(180deg,rgba(17,17,17,.45),transparent 18%)}
.jh-c{position:absolute;z-index:3;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px);bottom:clamp(30px,6svh,64px);color:#fff;max-width:760px}
.jh-c h1{font-size:clamp(38px,5vw,72px);color:#fff;margin-top:14px}
.jh-c h1 span{color:var(--gold-l)}
.jh-c .lede{margin-top:16px;color:rgba(246,241,232,.75);font-size:clamp(15px,1.2vw,17px);max-width:52ch}
.jh .chips button{background:rgba(246,241,232,.08);border-color:rgba(246,241,232,.28);color:var(--cream)}
.jh .chips button:hover{border-color:var(--gold-l)}
.jh .chips button.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}
@media(max-width:760px){.jh{height:auto;min-height:0;padding-top:56px}.jh-stage{position:relative;inset:auto;aspect-ratio:16/10}.jh-stage::after{background:linear-gradient(0deg,var(--stage) 0,transparent 30%)}.jh-c{position:relative;left:auto;right:auto;bottom:auto;padding:6px 20px 44px}}

/* ---------- JOURNAL LIST ---------- */
.jl{padding:clamp(60px,8vw,110px) 0}
.feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;color:var(--ink);padding-bottom:clamp(40px,5vw,64px);border-bottom:1.5px solid var(--ink)}
.feat:hover{color:var(--ink)}
.feat .im{aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--stage)}
.feat .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.feat:hover .im img{transform:scale(1.03)}
.feat h2{font-size:clamp(28px,3.4vw,46px);margin-top:14px}
.feat p.d{margin-top:16px;color:var(--mut);font-size:16px}
.meta{margin-top:16px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--mut)}
.more{display:inline-block;margin-top:20px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:var(--gold-d);border-bottom:1.5px solid currentColor}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);margin-top:clamp(36px,4vw,56px)}
.pc{display:flex;flex-direction:column;color:var(--ink)}
.pc:hover{color:var(--ink)}
.pc .im{aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--stage);position:relative}
.pc .im img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pc:hover .im img{transform:scale(1.04)}
.pc .im .kw{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px;font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;line-height:.95;color:var(--gold-l)}
.pc .eyebrow{margin-top:16px}
.pc h3{font-size:clamp(19px,1.6vw,22px);line-height:1.15;margin-top:8px;letter-spacing:-.02em}
.pc p.d{margin-top:10px;color:var(--mut);font-size:14.5px;line-height:1.55}
.pc .meta{margin-top:auto;padding-top:14px}
.loadmore{display:flex;justify-content:center;margin-top:44px}
@media(max-width:900px){.feat{grid-template-columns:1fr}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}}

/* ---------- ABOUT ---------- */
.ab{background:var(--stage);color:var(--cream);padding:clamp(70px,9vw,130px) 0;scroll-margin-top:60px}
.ab-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,80px);align-items:center}
.ab-ph{aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#2b2823}
.ab-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.ab .qt{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(22px,2.4vw,32px);line-height:1.25;letter-spacing:-.02em;color:#fff;margin-top:16px}
.ab .body{margin-top:18px;color:rgba(246,241,232,.7);font-size:16px;max-width:56ch}
.ab .sig{font-size:34px;margin-top:22px;display:block}
.ab .direct{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px}
.ab .direct a{display:flex;align-items:center;gap:8px;color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px}
.ab .direct a svg{color:var(--gold-l)}
.ab .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media(max-width:820px){.ab-g{grid-template-columns:1fr}.ab-ph{max-width:420px}}

/* ---------- live-site additions (not in the design file) ---------- */
/* "Show more" under the live results grid — the real feed is far longer than the 8-home sample */
.rmore{display:flex;justify-content:center;margin-top:34px}
.rmore[hidden]{display:none}
/* Journal article reader — the design links each post to a separate article
   page; the live journal opens the full post from ClosedBase in the drawer. */
.drawer .art{padding:clamp(28px,4vw,40px) clamp(22px,4vw,36px) 48px}
.drawer .art .eyebrow{margin-top:8px}
.drawer .art h2{font-size:clamp(26px,3vw,34px);margin-top:12px;padding-right:44px}
.drawer .art .meta{margin-top:12px}
.drawer .art .body{margin-top:24px;font-size:16.5px;line-height:1.7;color:#2c2924}
.drawer .art .body p+p{margin-top:16px}
.drawer .art .cta{margin-top:30px;padding-top:24px;border-top:1.5px solid var(--ink)}
.drawer .art .cta p{color:var(--mut);font-size:15px;margin-bottom:14px}
.drawer .art .dr-x{position:absolute;top:14px;right:14px}
/* posts without a cover image use the design's keyword tile, featured post included */
.feat .im{position:relative}
.feat .im .kw{position:absolute;inset:0;display:flex;align-items:flex-end;padding:clamp(18px,3vw,32px);font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(40px,5vw,72px);letter-spacing:-.03em;line-height:.95;color:var(--gold-l)}
.jl .empty{color:var(--mut);font-size:16px}