/* Ocean Modern — design system
   Type: Libre Caslon (wordmark, drawn as SVG), Inter Tight (UI + display), Newsreader (reading)
   Palette: white canvas, ink, deep teal, sand, mist */
:root{
  --ink:#0f1a21;--ink-2:#3b4a54;--mute:#6f7e86;--rule:#d5dcdf;--rule-2:#e7ecee;
  --teal:#1f4a5a;--teal-2:#2c5d70;--night:#13303d;--sea:#4f8496;--foam:#9cc3cc;
  --sand:#f4f0ea;--mist:#eef2f3;--white:#fff;
  --sans:'Inter Tight',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --gut:clamp(20px,3.4vw,44px);--max:1360px;--read:720px;
  --hh:0px;--ease:cubic-bezier(.2,.7,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg,video,iframe{display:block;max-width:100%}
img{height:auto}
picture{display:contents}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol{margin:0}
ul[role=list],ol[role=list]{list-style:none;padding:0}
:focus-visible{outline:2px solid var(--sea);outline-offset:3px;border-radius:2px}
::selection{background:var(--foam);color:var(--ink)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.wrap.narrow{max-width:calc(var(--read) + var(--gut)*2)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;transition:top .2s}
.skip:focus{top:12px}

/* ---------- type ---------- */
.eyebrow{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:400}
.kicker{font-size:13.5px;color:var(--ink-2)}
.display{font-weight:400;font-size:clamp(36px,5.2vw,72px);line-height:1.02;letter-spacing:-.025em}
.display em,.h1 em,.h2 em,.h3 em{display:block;font-style:normal;font-weight:300}
.h1{font-weight:400;font-size:clamp(34px,4.4vw,60px);line-height:1.04;letter-spacing:-.022em}
.h2{font-weight:400;font-size:clamp(28px,3.2vw,44px);line-height:1.07;letter-spacing:-.02em}
.h3{font-weight:400;font-size:clamp(21px,1.9vw,26px);line-height:1.15;letter-spacing:-.012em}
.lede{font-family:var(--serif);font-weight:300;font-size:clamp(18px,1.55vw,21px);line-height:1.55;color:var(--ink-2)}
.serif{font-family:var(--serif);font-weight:300}
.muted{color:var(--mute)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 24px;border:1px solid var(--ink);border-radius:999px;font-size:14px;letter-spacing:.01em;line-height:1;white-space:nowrap;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.btn:hover{background:var(--ink);color:#fff}
.btn.solid{background:var(--teal);border-color:var(--teal);color:#fff}
.btn.solid:hover{background:var(--night);border-color:var(--night)}
.btn.light{border-color:rgba(255,255,255,.9);color:#fff}
.btn.light:hover{background:#fff;color:var(--ink)}
.btn.white{background:#fff;border-color:#fff;color:var(--ink)}
.btn.white:hover{background:transparent;color:#fff}
.btn.sm{min-height:34px;padding:7px 18px;font-size:13px}
.btn.lg{min-height:52px;padding:14px 32px;font-size:15px}
.btn .arr{width:16px;height:10px}
.arr{width:16px;height:10px;stroke:currentColor;fill:none;stroke-width:1.25;flex:none}
.link-arr{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);transition:color .2s,gap .25s var(--ease)}
.link-arr:hover{color:var(--ink);gap:14px}
.chip{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--rule);border-radius:999px;padding:6px 16px;font-size:13.5px;color:var(--ink-2);background:#fff;transition:all .2s;white-space:nowrap}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip.on,.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.tag{display:inline-block;border:1px solid var(--ink-2);border-radius:999px;padding:3px 11px;font-size:12px;color:var(--ink-2);line-height:1.4}
.tags{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- announcement ---------- */
.announce{background:var(--night);color:#d6e3e8;font-size:13.5px;font-weight:300;text-align:center;padding:10px var(--gut)}
.announce b{color:#fff;font-weight:500}
.announce a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4);margin-left:6px;white-space:nowrap}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.site-head.stuck{border-bottom-color:var(--rule)}
.hbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:24px 0 16px;transition:padding .35s var(--ease)}
.site-head.stuck .hbar{padding:14px 0 10px}
.hl,.hr{display:flex;align-items:center;gap:14px}
.hr{justify-content:flex-end}
.logo{display:block;line-height:0;color:var(--teal)}
.logo svg{height:clamp(19px,2.3vw,31px);width:auto;transition:height .35s var(--ease)}
.site-head.stuck .logo svg{height:clamp(17px,1.8vw,24px)}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;transition:background .2s}
.icon-btn:hover{background:var(--mist)}
.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}
.socials{display:flex;gap:6px}
.socials a{width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}
.socials a:hover{background:var(--ink);color:#fff}
.socials svg{width:13px;height:13px;fill:currentColor}
.mainnav{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(16px,2.6vw,40px);padding:2px 0 16px;transition:padding .35s var(--ease)}
.site-head.stuck .mainnav{padding-bottom:12px}
.mainnav a{font-size:13px;letter-spacing:.07em;text-transform:uppercase;position:relative;padding:4px 0}
.mainnav a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.mainnav a:hover::after,.mainnav a[aria-current=page]::after{transform:scaleX(1)}
.menu-btn{display:none}
.burger{width:22px;height:14px;position:relative}
.burger i{position:absolute;left:0;right:0;height:1.4px;background:currentColor;transition:transform .35s var(--ease),opacity .2s}
.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:6.3px}.burger i:nth-child(3){bottom:0}

/* drawer */
.drawer{position:fixed;inset:0;z-index:90;background:#fff;display:flex;flex-direction:column;transform:translateY(-100%);visibility:hidden;transition:transform .5s var(--ease),visibility 0s .5s}
.drawer.open{transform:none;visibility:visible;transition:transform .5s var(--ease)}
.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:18px var(--gut);border-bottom:1px solid var(--rule-2)}
.drawer nav{flex:1;overflow:auto;padding:16px var(--gut) 24px;display:flex;flex-direction:column}
.drawer nav a{font-size:clamp(28px,7vw,40px);font-weight:300;letter-spacing:-.02em;padding:10px 0;border-bottom:1px solid var(--rule-2);display:flex;justify-content:space-between;align-items:center}
.drawer nav a small{font-size:13px;color:var(--mute);letter-spacing:0;font-weight:400}
.drawer-foot{padding:20px var(--gut) calc(24px + env(safe-area-inset-bottom));display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--rule-2)}
.drawer-foot .btn{flex:1}
body.locked{overflow:hidden}

/* search */
.search{position:fixed;inset:0;z-index:95;background:rgba(15,26,33,.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding:clamp(16px,10vh,120px) 16px 16px;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.search.open{opacity:1;visibility:visible;transition:opacity .25s}
.search-box{width:min(760px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(8,20,28,.28);overflow:hidden;transform:translateY(-8px);transition:transform .3s var(--ease);max-height:80vh;display:flex;flex-direction:column}
.search.open .search-box{transform:none}
.search-field{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--rule-2)}
.search-field svg{width:20px;height:20px;stroke:var(--mute);fill:none;stroke-width:1.5;flex:none}
.search-field input{flex:1;border:0;outline:0;font-size:19px;font-weight:300;background:transparent;min-width:0}
.search-field kbd{font:12px var(--sans);color:var(--mute);border:1px solid var(--rule);border-radius:6px;padding:2px 7px}
.search-results{overflow:auto;padding:8px}
.search-results .grp{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:14px 14px 6px}
.sr-item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px}
.sr-item:hover,.sr-item.active{background:var(--mist)}
.sr-item .th{width:52px;height:40px;border-radius:6px;overflow:hidden;background:var(--mist);flex:none}
.sr-item .th img{width:100%;height:100%;object-fit:cover}
.sr-item b{display:block;font-weight:400;font-size:15px;line-height:1.3}
.sr-item span{display:block;font-size:13px;color:var(--mute)}
.search-empty{padding:28px 22px;color:var(--mute);font-family:var(--serif);font-size:17px}
.search-hint{display:flex;flex-wrap:wrap;gap:8px;padding:6px 14px 16px}

/* ---------- media ---------- */
.ph{position:relative;overflow:hidden;background:var(--mist)}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),opacity .6s}
.ph img.lz{opacity:0}
.ph img.lz.ok{opacity:1}
.r45{aspect-ratio:4/5}.r32{aspect-ratio:3/2}.r43{aspect-ratio:4/3}.r169{aspect-ratio:16/9}.r11{aspect-ratio:1/1}.r65{aspect-ratio:6/5}.r21{aspect-ratio:2/1}
.hov:hover .ph img{transform:scale(1.035)}

/* ---------- hero ---------- */
.hero{position:relative;height:min(82vh,820px);min-height:520px;overflow:hidden;background:var(--night);color:#fff}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.3s ease}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 8s ease}
.slide.on img{transform:scale(1)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,28,.08) 30%,rgba(8,20,28,.66));pointer-events:none}
.hcopy{position:absolute;left:0;right:0;bottom:clamp(36px,7vh,64px);z-index:3}
.hc{display:none;max-width:900px}
.hc.on{display:block;animation:rise .9s var(--ease) both}
.hc .kicker{color:#fff;opacity:.92;margin-bottom:14px}
.hc h1,.hc h2{font-weight:400;font-size:clamp(34px,5vw,66px);line-height:1.03;letter-spacing:-.025em}
.hc h1 em,.hc h2 em{display:block;font-style:normal;font-weight:300}
.hc .btn{margin-top:28px}
.hctrl{position:absolute;right:var(--gut);bottom:clamp(36px,7vh,64px);z-index:4;display:flex;align-items:center;gap:16px}
.hdots{display:flex;gap:8px}
.hdots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .3s,transform .3s}
.hdots button[aria-current=true]{background:#fff;transform:scale(1.25)}
.harrows{display:flex;border:1px solid rgba(255,255,255,.85);border-radius:999px}
.harrows button{padding:10px 14px;color:#fff}
.harrows svg{width:18px;height:12px}
.hprog{position:absolute;left:0;bottom:0;height:3px;background:rgba(255,255,255,.8);z-index:4;width:0}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* page hero (interior pages) */
.phero{padding:clamp(44px,7vw,96px) 0 clamp(30px,4vw,48px)}
.phero .eyebrow{margin-bottom:18px}
.phero .lede{max-width:760px;margin-top:22px}
.phero.split{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end}
.phero.split .lede{margin-top:0}
.img-hero{position:relative;height:clamp(380px,62vh,640px);overflow:hidden;color:#fff;background:var(--night)}
.img-hero img{width:100%;height:100%;object-fit:cover}
.img-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,28,.1) 30%,rgba(8,20,28,.62))}
.img-hero .wrap{position:absolute;left:0;right:0;bottom:clamp(30px,6vh,60px);z-index:2}
.img-hero .eyebrow{color:rgba(255,255,255,.85);margin-bottom:14px}
.img-hero .lede{color:rgba(255,255,255,.9);max-width:640px;margin-top:16px}

/* crumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--mute);padding-top:22px}
.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{opacity:.6}

/* ---------- sections ---------- */
.sec{padding-top:clamp(56px,7vw,96px)}
.sec.tight{padding-top:clamp(40px,5vw,64px)}
.sec-b{padding-bottom:clamp(56px,7vw,96px)}
.shead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--ink-2);padding-bottom:20px;margin-bottom:clamp(26px,3vw,40px)}
.shead h2,.shead h3{font-size:14.5px;font-weight:400;letter-spacing:.005em}
.band{background:var(--sand)}
.band.mist{background:var(--mist)}
.band.night{background:var(--night);color:#fff}
.band.night .shead{border-color:rgba(255,255,255,.45)}
.band.night .link-arr{color:rgba(255,255,255,.7)}
.band.night .link-arr:hover{color:#fff}
.band.night .muted,.band.night .eyebrow{color:rgba(255,255,255,.6)}
.band.night .lede{color:rgba(255,255,255,.82)}

/* ---------- grids ---------- */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,3.4vw,48px) clamp(18px,2vw,28px)}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(30px,3vw,44px) clamp(16px,1.8vw,24px)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px)}

/* ---------- cards ---------- */
.card{display:block}
.card .ph{margin-bottom:18px}
.card .meta{font-size:12.5px;color:var(--mute);margin-bottom:8px;display:flex;gap:10px;flex-wrap:wrap}
.card h3{font-size:clamp(20px,1.75vw,24px);font-weight:400;line-height:1.14;letter-spacing:-.014em}
.card h3 em{display:block;font-style:normal;font-weight:300}
.card p{font-family:var(--serif);font-weight:300;font-size:16.5px;line-height:1.5;color:var(--ink-2);margin-top:10px}
.card .tags{margin-top:14px}
.card.sm h3{font-size:18px}
.card.sm p{font-size:15.5px}
/* listing card */
.lcard .ph{margin-bottom:16px}
.lcard .price{font-size:14.5px;letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-bottom:5px}
.lcard h3{font-size:20px;font-weight:400;letter-spacing:-.01em;line-height:1.2}
.lcard .loc{font-size:15px;font-weight:300;color:var(--ink-2);margin-top:3px}
.badge{position:absolute;left:14px;top:14px;z-index:2;background:#fff;color:var(--ink);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;line-height:1}
.badge.teal{background:var(--teal);color:#fff}
/* firm card */
.fcard .ph{margin-bottom:14px}
.fcard h3{font-size:17.5px;font-weight:400;line-height:1.25;letter-spacing:-.005em}
.fcard .loc{font-size:13.5px;color:var(--mute);margin-top:4px;font-weight:300}
.fcard.person .ph img{object-position:50% 18%}
.fcard .ph::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(15,26,33,.04)}
/* featured slot (for sale) */
.slot{display:flex;flex-direction:column;justify-content:space-between;border:1px dashed var(--sea);background:linear-gradient(160deg,#f7fafb,#eef4f6);padding:28px;min-height:100%;transition:border-color .3s,background .3s}
.slot:hover{border-color:var(--teal);background:#eaf2f4}
.slot .eyebrow{color:var(--teal)}
.slot h3{font-size:22px;font-weight:400;letter-spacing:-.012em;line-height:1.15;margin:12px 0 10px}
.slot p{font-family:var(--serif);font-weight:300;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.slot .link-arr{margin-top:22px;color:var(--teal)}

/* feature split */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,64px);align-items:stretch}
.feature .txt{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.feature .txt p{font-family:var(--serif);font-weight:300;font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--ink-2);max-width:540px}
.feature .tags{margin-top:18px}
.feature .ph{aspect-ratio:6/5}
.feature.rev .ph{order:-1}

/* promo containers */
.promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:520px;background:var(--sand)}
.promo .h2{font-size:clamp(30px,2.9vw,42px)}
.promo .pt{padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:center}
.promo .pt .h2{margin:14px 0 20px}
.promo .pt .lede{max-width:520px}
.promo .stats{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:clamp(16px,2.4vw,36px);margin:30px 0 34px}
.promo .stats div{border-top:1px solid var(--ink-2);padding-top:12px;min-width:84px}
.promo .stats b{display:block;font-size:clamp(26px,2.6vw,38px);font-weight:300;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.promo .stats span{font-size:13px;color:var(--mute)}
.promo .btns{display:flex;flex-wrap:wrap;gap:10px}
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;min-height:100%}
.mosaic .ph{min-height:0}
.mosaic .ph:first-child{grid-row:span 2}
.promo.night{background:var(--night);color:#fff}
.promo.night .lede{color:rgba(255,255,255,.82)}
.promo.night .stats div{border-color:rgba(255,255,255,.4)}
.promo.night .stats span{color:rgba(255,255,255,.6)}
.promo.night .eyebrow{color:rgba(255,255,255,.65)}

/* videos */
.vlead{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(18px,2vw,28px)}
.vid{display:block;position:relative}
.vid .ph::after{content:"";position:absolute;inset:0;background:rgba(8,20,28,.16);transition:background .3s}
.vid:hover .ph::after{background:rgba(8,20,28,.05)}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:68px;height:68px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;transition:background .3s,transform .3s var(--ease)}
.vid:hover .play{background:rgba(255,255,255,.18);transform:translate(-50%,-50%) scale(1.05)}
.play svg{width:16px;height:16px;fill:#fff;margin-left:3px}
.vid .vm{padding-top:14px}
.vid .vm .muted{font-size:12.5px;margin-bottom:6px}
.vid .vm h3{font-size:21px;font-weight:400;letter-spacing:-.01em;line-height:1.2}
.vside{display:grid;gap:clamp(16px,1.6vw,22px)}
.vside .vid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;align-items:center}
.vside .play{width:44px;height:44px}
.vside .vm{padding:0}
.vside .vm h3{font-size:17px}
.yt{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .3s}
.yt:hover img{opacity:1}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt .play{width:84px;height:84px}

/* subscribe band */
.journal{display:grid;grid-template-columns:1fr 1fr;background:var(--mist);min-height:560px}
.journal .ph{min-height:320px}
.journal .jt{padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:center}
.journal .h2{margin:14px 0 6px}
.journal ul{list-style:none;padding:0;margin:26px 0 30px}
.journal li{font-family:var(--serif);font-weight:300;font-size:17px;line-height:1.5;padding:13px 0;border-top:1px solid var(--rule);color:var(--ink-2)}
.journal li b{display:block;font-family:var(--sans);font-weight:400;color:var(--ink);font-size:15px;margin-bottom:2px}

/* forms */
.form{display:grid;gap:14px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px}
.field label{font-size:13px;color:var(--ink-2)}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--rule);border-radius:12px;background:#fff;padding:13px 16px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.field textarea{min-height:140px;resize:vertical;line-height:1.5}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%233b4a54' fill='none' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(31,74,90,.12)}
.inline-form{display:flex;gap:10px;flex-wrap:wrap}
.inline-form input{flex:1 1 220px;min-width:0;border:1px solid var(--ink-2);border-radius:999px;background:#fff;padding:12px 20px;font-size:16px;outline:none}
.inline-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(31,74,90,.12)}
.inline-form .btn{flex:none}
.form-note{font-size:12.5px;color:var(--mute);margin-top:10px}
.form-ok{display:none;font-size:15px;color:var(--teal);margin-top:14px;font-family:var(--serif)}
.form-ok.show{display:block}
.form-err{display:none;font-size:14px;color:#9b3b2f;margin-top:12px}
.form-err.show{display:block}
.hp{display:none!important}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--teal)}

/* CTA band */
.cta{background:var(--night);color:#fff;text-align:center;padding:clamp(64px,8vw,110px) var(--gut)}
.cta .eyebrow{color:rgba(255,255,255,.65)}
.cta .h2{margin:16px auto 0;max-width:900px}
.cta p{font-family:var(--serif);font-weight:300;font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:rgba(255,255,255,.85);max-width:640px;margin:22px auto 34px}
.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- article ---------- */
.ahead{padding:clamp(28px,4vw,56px) 0 clamp(26px,3vw,40px);text-align:center}
.ahead .tags{justify-content:center;margin-bottom:22px}
.ahead h1{max-width:1000px;margin:0 auto}
.ahead .lede{max-width:720px;margin:22px auto 0}
.byline{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--mute);margin-top:26px}
.byline b{color:var(--ink);font-weight:400}
.ahero{max-width:1200px;margin:0 auto;padding:0 var(--gut)}
.ahero .ph{aspect-ratio:16/9}
.ahero figcaption{font-size:12.5px;color:var(--mute);margin-top:10px}
.article-wrap{display:grid;grid-template-columns:1fr minmax(0,var(--read)) 1fr;gap:0 40px;padding:clamp(36px,5vw,64px) var(--gut) 0;max-width:var(--max);margin:0 auto}
.article-wrap>.prose{grid-column:2}
.share{grid-column:1;justify-self:end;position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:8px}
.share a,.share button{width:38px;height:38px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;color:var(--ink-2);transition:all .2s}
.share a:hover,.share button:hover{border-color:var(--ink);color:var(--ink)}
.share svg{width:15px;height:15px;fill:currentColor}
.share .copied{border-color:var(--teal);color:var(--teal)}
.prose{font-family:var(--serif);font-size:clamp(18px,1.3vw,20px);line-height:1.68;color:#1d2a31;font-weight:300}
.prose>*+*{margin-top:1.1em}
.prose h2{font-family:var(--sans);font-weight:400;font-size:clamp(26px,2.4vw,32px);line-height:1.15;letter-spacing:-.018em;color:var(--ink);margin-top:2.1em}
.prose h3{font-family:var(--sans);font-weight:400;font-size:clamp(21px,1.8vw,24px);line-height:1.22;letter-spacing:-.012em;color:var(--ink);margin-top:1.9em}
.prose h4{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-top:1.8em}
.prose h4+p{margin-top:.35em}
.prose h5,.prose h6{font-family:var(--sans);font-weight:500;font-size:15px;color:var(--ink);margin-top:1.6em}
.prose h2 strong,.prose h3 strong{font-weight:inherit}
.prose strong,.prose b{font-weight:500;color:var(--ink)}
.prose a{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(31,74,90,.35);transition:text-decoration-color .2s}
.prose a:hover{text-decoration-color:var(--teal)}
.prose a u{text-decoration:none}
.prose ul,.prose ol{padding-left:1.2em}
.prose li+li{margin-top:.45em}
.prose figure{margin-top:1.8em;margin-bottom:1.8em}
.prose figure img{width:100%;height:auto;background:var(--mist)}
.prose figure.wide{margin-left:calc(-1*min(14vw,180px));margin-right:calc(-1*min(14vw,180px))}
.prose figcaption{font-family:var(--sans);font-size:13px;color:var(--mute);margin-top:10px;line-height:1.45}
.prose blockquote:not(.instagram-media){border-left:2px solid var(--teal);padding:4px 0 4px 24px;font-size:1.12em;color:var(--ink);font-style:italic}
.prose hr{border:0;border-top:1px solid var(--rule);margin:2.4em 0}
.prose .wp-block-gallery,.prose .wp-block-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.prose .wp-block-gallery figure{margin:0}
.prose .wp-block-column>*+*{margin-top:1em}
.prose center{display:block}
.prose .instagram-media{margin:2em auto!important;max-width:540px!important;min-width:0!important;width:100%!important;border:1px solid var(--rule)!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important;font-family:var(--sans)}
.prose .instagram-media a{text-decoration:none;color:var(--ink-2)}
.prose .instagram-media svg{display:none}
.prose center{text-align:left}
.ig-fallback{display:flex;flex-direction:column;gap:6px;padding:22px 24px}
.ig-fallback .ig-k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ig-fallback .ig-t{font-size:16px;color:var(--ink);line-height:1.35}
.ig-fallback .ig-c{font-size:14px;color:var(--teal)}
.prose>p:first-child::first-letter{font-family:var(--sans);float:left;font-size:4.1em;line-height:.84;padding:.06em .1em 0 0;font-weight:300;color:var(--teal)}
.prose .lead-in{font-size:1.06em}
.insub{margin:2.4em 0;padding:28px clamp(22px,3vw,34px);background:var(--mist);border-radius:2px;font-family:var(--sans)}
.insub .eyebrow{margin-bottom:8px}
.insub h3{font-size:22px;font-weight:400;letter-spacing:-.012em;line-height:1.2;margin:0 0 14px!important;color:var(--ink)}
.insub .inline-form{margin-top:4px}
.endnote{margin-top:3em;padding-top:26px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--sans)}
.endnote .muted{font-size:13px;margin-right:6px}
.progress{position:fixed;left:0;top:0;height:2px;background:var(--teal);z-index:70;width:0;transition:width .08s linear}

/* ---------- listing detail ---------- */
.lhero{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,3vw,48px);padding-top:clamp(18px,2vw,26px)}
.lhero .ph{aspect-ratio:3/2}
.lfacts{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.lfacts .price{font-size:clamp(30px,3vw,42px);font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.lfacts dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:0;font-size:15px;border-top:1px solid var(--rule);padding-top:22px}
.lfacts dt{color:var(--mute)}
.lfacts dd{margin:0}
.lfacts .btns{display:grid;gap:10px}
.lfacts .btn{width:100%}
.mapbox{aspect-ratio:21/9;border:0;width:100%;background:var(--mist);filter:grayscale(.35) contrast(1.02)}
.agent-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;background:var(--sand);padding:clamp(28px,4vw,56px)}

/* ---------- directory ---------- */
.dir-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:28px}
.dir-tools .search-in{position:relative;flex:1 1 280px;max-width:420px}
.dir-tools .search-in svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--mute);fill:none;stroke-width:1.5}
.dir-tools input,.dir-tools select{width:100%;border:1px solid var(--rule);border-radius:999px;padding:11px 18px;font-size:15px;background:#fff;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .2s}
.dir-tools input{padding-left:44px}
.dir-tools select{width:auto;min-width:220px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%233b4a54' fill='none' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.dir-tools input:focus,.dir-tools select:focus{border-color:var(--teal)}
.dir-tools .count{margin-left:auto;font-size:13.5px;color:var(--mute);white-space:nowrap}
.dir-tabs{display:flex;gap:clamp(18px,3vw,34px);border-bottom:1px solid var(--rule);margin-bottom:28px;overflow-x:auto;scrollbar-width:none}
.dir-tabs::-webkit-scrollbar{display:none}
.dir-tabs a{font-size:15px;padding:0 0 14px;color:var(--mute);white-space:nowrap;position:relative}
.dir-tabs a sup{font-size:10.5px;margin-left:3px}
.dir-tabs a[aria-current=page]{color:var(--ink)}
.dir-tabs a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ink)}
.empty{display:none;padding:40px 0;font-family:var(--serif);font-size:18px;color:var(--mute)}
.empty.show{display:block}
[hidden]{display:none!important}

/* profile */
.profile{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(26px,4vw,64px);padding-top:clamp(18px,2vw,26px)}
.profile .ph{aspect-ratio:4/3}
.profile.person .ph{aspect-ratio:4/5;max-width:520px}
.profile.person .ph img{object-position:50% 18%}
.pinfo{display:flex;flex-direction:column;gap:26px}
.pinfo dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:0;font-size:15px;border-top:1px solid var(--rule);padding-top:22px}
.pinfo dt{color:var(--mute)}
.pinfo dd{margin:0}
.pinfo .btns{display:flex;flex-wrap:wrap;gap:10px}
.claim{border:1px solid var(--rule);padding:24px;display:grid;gap:10px}
.claim h2{font-size:19px;font-weight:400;letter-spacing:-.01em}
.claim p{font-family:var(--serif);font-weight:300;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.claim ul{margin:6px 0 4px;padding-left:18px;font-size:14px;color:var(--ink-2);line-height:1.7}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:stretch}
.plan{border:1px solid var(--rule);padding:clamp(26px,3vw,38px);display:flex;flex-direction:column;background:#fff;position:relative}
.plan.plan-hl{border-color:var(--teal);box-shadow:0 24px 60px -30px rgba(19,48,61,.45)}
.plan .flag{position:absolute;top:-1px;right:24px;background:var(--teal);color:#fff;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px}
.plan .eyebrow{margin-bottom:12px}
.plan h3{font-size:26px;font-weight:400;letter-spacing:-.015em;line-height:1.1}
.plan .for{font-family:var(--serif);font-weight:300;font-size:16px;color:var(--ink-2);margin-top:10px;line-height:1.5}
.plan .amt{margin:26px 0 4px;font-size:clamp(38px,3.6vw,50px);font-weight:300;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.plan .amt small{font-size:15px;letter-spacing:0;color:var(--mute);font-weight:400;margin-left:4px}
.plan .alt{font-size:13px;color:var(--mute)}
.plan ul{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px;flex:1;align-content:start}
.plan li{font-size:15px;line-height:1.45;padding-left:26px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:7px;width:13px;height:7px;border-left:1.4px solid var(--teal);border-bottom:1.4px solid var(--teal);transform:rotate(-45deg)}
.plan .btn{width:100%}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px)}
.steps div{border-top:1px solid var(--ink-2);padding-top:16px}
.steps b{display:block;font-size:13px;color:var(--mute);font-weight:400;margin-bottom:10px}
.steps h3{font-size:20px;font-weight:400;letter-spacing:-.01em;margin-bottom:8px}
.steps p{font-family:var(--serif);font-weight:300;font-size:16px;line-height:1.5;color:var(--ink-2)}
.faq details{border-top:1px solid var(--rule);padding:20px 0}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:18px;letter-spacing:-.005em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:300;font-size:24px;line-height:1;color:var(--mute);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{font-family:var(--serif);font-weight:300;font-size:17px;line-height:1.6;color:var(--ink-2);margin-top:12px;max-width:820px}

/* legal */
.legal{font-family:var(--serif);font-weight:300;font-size:17.5px;line-height:1.65;color:#1d2a31}
.legal>*+*{margin-top:1em}
.legal h2{font-family:var(--sans);font-weight:400;font-size:22px;letter-spacing:-.01em;margin-top:2em;color:var(--ink)}
.legal h3{font-family:var(--sans);font-weight:500;font-size:16px;margin-top:1.6em;color:var(--ink)}
.legal strong{font-weight:500}
.legal ul{padding-left:1.2em}
.legal a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}

/* load more */
.more{text-align:center;margin-top:clamp(36px,4vw,56px)}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--rule);padding:clamp(56px,6vw,84px) 0 32px;margin-top:clamp(64px,8vw,110px)}
.foot.flush{margin-top:0}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.4fr;gap:clamp(24px,3vw,44px);padding-bottom:clamp(40px,5vw,60px);border-bottom:1px solid var(--rule)}
.fgrid .logo svg{height:24px}
.fgrid p{font-family:var(--serif);font-weight:300;font-size:15.5px;line-height:1.55;color:var(--ink-2);margin-top:18px;max-width:320px}
.fgrid h2{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mute);font-weight:400;margin-bottom:16px}
.fgrid ul{list-style:none;padding:0}
.fgrid li{font-size:14.5px;padding:5px 0}
.fgrid li a{transition:color .2s}
.fgrid li a:hover{color:var(--teal)}
.fgrid .inline-form input{padding:10px 16px;font-size:15px}
.fgrid .inline-form .btn{min-height:40px}
.fbase{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding-top:24px;font-size:12.5px;color:var(--mute)}
.fbase a:hover{color:var(--ink)}
.fbase nav{display:flex;gap:18px;flex-wrap:wrap}
.foot .socials{margin-top:20px}

/* reveal */
.rv{opacity:0;transform:translateY(20px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}

/* 404 */
.nf{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 0}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .fgrid{grid-template-columns:1.3fr 1fr 1fr 1fr}
  .fgrid .fsub{grid-column:1/-1;max-width:520px}
  .g4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1099px){
  .mainnav,.hl .btn,.hr .btn,.socials.head{display:none}
  .menu-btn{display:grid}
  .hbar{padding:16px 0}
  .site-head.stuck .hbar{padding:12px 0}
  .logo svg{height:22px}
  .site-head.stuck .logo svg{height:20px}
  .promo,.journal{grid-template-columns:1fr}
  .promo .mosaic{min-height:380px;order:-1}
  .promo .ph-single{min-height:360px;order:-1}
  .vlead{grid-template-columns:1fr}
  .vside{grid-template-columns:repeat(3,1fr)}
  .vside .vid{grid-template-columns:1fr;align-items:start}
  .vside .vm{padding-top:12px}
  .lhero,.profile{grid-template-columns:1fr}
  .profile.person .ph{max-width:none;aspect-ratio:4/3}
  .share{display:none}
  .article-wrap{grid-template-columns:minmax(0,var(--read));justify-content:center}
  .article-wrap>.prose{grid-column:1}
  .prose figure.wide{margin-left:0;margin-right:0}
  .plans{grid-template-columns:1fr;max-width:620px;margin:0 auto}
  .agent-cta{grid-template-columns:1fr}
}
@media (max-width:860px){
  .g3{gap:30px 16px}
  .g3 .card p{font-size:15px}
  .g3 .card h3{font-size:19px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature,.phero.split{grid-template-columns:1fr}
  .feature.rev .ph{order:0}
  .feature .ph{order:-1}
  .steps{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .fgrid>div:first-child{grid-column:1/-1}
  .vside{grid-template-columns:1fr 1fr}
  .vside .vid:nth-child(3){display:none}
  .dir-tools .count{margin-left:0;width:100%}
  .dir-tools select{flex:1 1 200px}
  .mapbox{aspect-ratio:4/3}
}
@media (max-width:739px){
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  body{font-size:15.5px}
  .announce{font-size:12.5px;padding:9px 16px}
  .announce .hide-s{display:none}
  .hero{height:min(78svh,680px);min-height:500px}
  .hctrl{right:auto;left:var(--gut);bottom:22px}
  .harrows{display:none}
  .hcopy{bottom:58px}
  .hc .btn{margin-top:22px}
  .g3{grid-template-columns:1fr;gap:38px}
  .g3.keep2,.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .g4 .fcard h3{font-size:15.5px}
  .g4 .fcard .loc{font-size:12.5px}
  .g4 .lcard h3{font-size:16px}
  .g4 .lcard .loc{font-size:13px}
  .card.sm p{display:none}
  .promo .btns .btn{flex:1 1 auto}
  .promo .stats b{font-size:26px}
  .shead{padding-bottom:16px}
  .form .row{grid-template-columns:1fr}
  .vside{grid-template-columns:1fr 1fr;gap:16px}
  .vside .vm h3{font-size:15px}
  .play{width:56px;height:56px}
  .mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}
  .mosaic .ph:first-child{grid-row:span 1;grid-column:span 2}
  .mosaic .ph:nth-child(n+4){display:none}
  .promo .mosaic{min-height:320px}
  .prose>p:first-child::first-letter{font-size:3.4em}
  .fgrid{grid-template-columns:1fr 1fr;gap:30px 18px}
  .fbase{flex-direction:column}
  .lfacts dl,.pinfo dl{font-size:14.5px}
  .inline-form .btn{width:100%}
  .search{padding:12px}
  .search-box{max-height:88vh;border-radius:14px}
  .search-field kbd{display:none}
  .byline{font-size:13px}
  .ahero{padding:0}
  .ahero figcaption{padding:0 var(--gut)}
}
@media (hover:none){.hov:hover .ph img{transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
  .slide img{transform:none!important}
}
@media print{.site-head,.announce,.foot,.share,.insub,.cta,.journal{display:none}.prose{font-size:12pt}}
.slot.slot-wide{flex-direction:row;align-items:center;gap:30px;padding:clamp(24px,3vw,36px) clamp(24px,3.4vw,44px);min-height:0}
.slot.slot-wide>div{max-width:760px}
.slot.slot-wide .link-arr{margin-top:0;flex:none}
.m-only{display:none!important}
@media (max-width:1099px){.m-only{display:grid!important}.d-only{display:none!important}}
@media (max-width:720px){.slot.slot-wide{flex-direction:column;align-items:flex-start;gap:6px}.slot.slot-wide .link-arr{margin-top:14px}}
h1,h2,h3,h4,.h1,.h2,.h3{overflow-wrap:break-word}
.prose,.legal,.lede{overflow-wrap:break-word}
.fcard h3,.card h3,.lcard h3,.pinfo h1,.profile h1,.sr-item b{overflow-wrap:anywhere}
.profile>*,.lhero>*,.feature>*,.promo>*,.journal>*,.phero.split>*,.agent-cta>*{min-width:0}
.pinfo dd{overflow-wrap:anywhere}

/* ---- audit fixes (Oct 2026) ---- */
/* Stats row: columns could shrink below their no-wrap numbers, so "$5.7M–$45M" ran into "6" on phones */
.promo .stats{grid-template-columns:repeat(3,auto);justify-content:start}
.promo .stats div{min-width:auto}
@media (max-width:560px){
  .promo .stats{gap:14px}
  .promo .stats b{font-size:clamp(16px,5.2vw,26px)}
  .promo .stats span{font-size:12px}
}
/* FAQ: avoid a doubled rule directly under the section heading */
.faq .shead + details{border-top:0;padding-top:4px}
/* Netlify's injected "Powered by Netlify" badge floats over page content on every page */
#nl-badge-frame,#nl-hud-frame{display:none!important}

/* ---- video player fix (Oct 2026) ----
   The play badge stayed above the YouTube iframe after playback started, so
   clicks in the middle of the video never reached YouTube (no pause / stop). */
.yt iframe{z-index:3}
.yt.playing{cursor:auto}
.yt.playing picture,.yt.playing .play{display:none}
/* play badge sits bottom-left so it never covers titles printed on the thumbnail */
.vid .play,.yt .play{left:clamp(12px,2vw,22px);top:auto;bottom:clamp(12px,2vw,22px);transform:none;background:rgba(0,0,0,.28);backdrop-filter:blur(2px)}
.vid:hover .play,.yt:hover .play{transform:scale(1.06);background:rgba(0,0,0,.42)}
.yt .play{width:68px;height:68px}
.vid .play{width:52px;height:52px}
.vside .play{width:38px;height:38px}
.vside .play svg{width:12px;height:12px}
@media (max-width:620px){.yt .play{width:54px;height:54px}.vid .play{width:44px;height:44px}}
/* video page credits */
.vinfo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);margin-top:26px;align-items:start}
.vblurb{font-family:var(--serif);font-weight:300;font-size:19px;line-height:1.6;color:var(--ink-2);max-width:720px}
.vcredits{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14px;border-top:1px solid var(--rule);padding-top:14px}
.vcredits dt{color:var(--mute)}
.vcredits a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
@media (max-width:820px){.vinfo{grid-template-columns:1fr}}
.vlead-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin:18px 0 clamp(48px,6vw,80px)}
.vlead-meta .muted{font-size:12.5px;margin-bottom:6px}
.vsource{margin-top:clamp(36px,4vw,56px);font-size:14px;color:var(--mute)}
.vsource a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
/* photo credits */
.ph-credit{position:absolute;left:0;bottom:0;z-index:2;max-width:100%;padding:6px 10px;font-size:11.5px;letter-spacing:.01em;line-height:1.3;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));width:100%;pointer-events:none}
.ph-credit a{pointer-events:auto;color:#fff;text-decoration:underline;text-underline-offset:2px}
.credit{font-family:var(--sans);font-size:12.5px;color:var(--mute);margin-top:10px;line-height:1.45}
.credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}