/* ── The desk: one live section (news, deals, market). Built in the site's own language:
   full-bleed brand photography with a scrim, the 22px radius, pill labels, Newsreader headlines,
   the "second edge" ring on panels, the same reveal classes. Dark section, parity-safe (wrapped in #desk-host). */
#desk-host > section.desk{--sec-bg:#071510;background-color:#071510;}
.desk .ol-edition{padding-bottom:30px;}

.dk-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-top:48px;}
.dk-grid > *{min-width:0;}

/* lead story: the photo is the card */
.dk-lead{position:relative;grid-column:span 8;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;
  padding:34px 36px 30px;border-radius:var(--r-lg);overflow:hidden;color:inherit;text-decoration:none;isolation:isolate;
  box-shadow:0 0 0 1px var(--line2);transition:transform .8s var(--spring),box-shadow .8s var(--spring);}
.dk-lead:hover{transform:translate3d(0,-6px,0);box-shadow:0 0 0 1px var(--gold-dim),0 40px 60px -40px rgba(7,21,16,.6);}
.dk-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(.85) contrast(1.03);
  transform:scale(1.02);transition:transform 1.4s var(--expo),filter 1.4s var(--expo);}
.dk-lead:hover .dk-bg{transform:scale(1.07);filter:saturate(1) contrast(1.04);}
.dk-lead::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,21,16,.08) 0%,rgba(7,21,16,.22) 38%,rgba(7,21,16,.82) 72%,rgba(7,21,16,.94) 100%);}
.dk-lead .ol-meta{margin-bottom:14px;}
.dk-lead h3{font-size:clamp(26px,2.5vw,38px);line-height:1.14;letter-spacing:-.02em;margin:0 0 14px;max-width:16em;color:var(--cream);}
.dk-lead p{color:var(--muted);font-size:15px;line-height:1.65;max-width:38em;margin:0 0 20px;}
.dk-lead p b{color:var(--cream);font-weight:600;}
.dk-lead .ol-src{border-top:1px solid rgba(244,239,227,.14);padding-top:16px;min-height:0;margin:0;}

/* rates panel: the ring the site uses on its tiles, numbers in the display face */
.dk-rates{grid-column:span 4;display:flex;flex-direction:column;border-radius:var(--r-lg);padding:28px 26px 22px;
  background:color-mix(in srgb,var(--cream) 4%,var(--sec-bg));
  box-shadow:0 0 0 1px var(--line2),0 0 0 7px var(--sec-bg),0 0 0 8px color-mix(in srgb,var(--line2) 50%,transparent);}
.dk-rates .ol-meta{margin-bottom:6px;}
.dk-rates h3{font-size:22px;line-height:1.25;letter-spacing:-.012em;margin:8px 0 10px;}
.dk-rate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line2);}
.dk-rate:last-of-type{border-bottom:0;}
.dk-rate .n{font-size:14px;color:var(--cream);font-weight:500;}
.dk-rate .v{font-family:var(--f-display);font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--cream);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;}
.dk-rate .w{grid-column:1;font-size:12.5px;line-height:1.5;color:var(--muted2);}
.dk-rate .c{grid-column:2;justify-self:end;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;white-space:nowrap;}
.dk-rate .c.dn{color:#7FBF98;}.dk-rate .c.up{color:var(--gold-light);}.dk-rate .c.fl{color:var(--muted2);}
.dk-rates .ol-src{margin-top:auto;padding-top:18px;min-height:0;}

/* deal cards reuse .ol-card.has-photo exactly */
.dk-grid > .ol-card{grid-column:span 4;}
.dk-grid > .ol-card p{margin-bottom:18px;}

/* also today: a quiet two-column list, one hairline family, no tags */
.dk-also{grid-column:span 12;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid var(--line2);margin-top:10px;}
.dk-also a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line2);
  color:inherit;text-decoration:none;transition:padding-left .5s var(--ease);}
.dk-also a:hover{padding-left:12px;}
.dk-also .t{font-family:var(--f-display);font-size:19px;line-height:1.35;color:var(--cream);}
.dk-also .st{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);white-space:nowrap;font-weight:600;}
.dk-note{margin-top:26px;font-size:13px;color:var(--muted2);line-height:1.6;}

/* reveal timing for the grid children (site classes do the work; these just stagger) */
.mo .dk-grid .rv.d1{transition-delay:.1s;}.mo .dk-grid .rv.d2{transition-delay:.2s;}.mo .dk-grid .rv.d3{transition-delay:.3s;}.mo .dk-grid .rv.d4{transition-delay:.4s;}

@media(max-width:1000px){
  .dk-lead{grid-column:span 12;min-height:480px;}
  .dk-rates{grid-column:span 12;}
  .dk-grid > .ol-card{grid-column:span 6;}
  .dk-grid > .ol-card:nth-of-type(3){grid-column:span 12;}
}
@media(max-width:640px){
  .dk-grid{gap:14px;margin-top:24px;}
  .dk-lead{min-height:400px;padding:22px 20px 20px;}
  .dk-lead h3{font-size:24px;}
  .dk-grid > .ol-card,.dk-grid > .ol-card:nth-of-type(3){grid-column:span 12;}
  .dk-rates{padding:22px 20px 18px;}
  .dk-rate .v{font-size:26px;}
  .dk-also{grid-template-columns:1fr;column-gap:0;}
}

/* music control, bottom-left like the reference, in the site's own chrome */
.nb-music{position:fixed;left:18px;bottom:18px;z-index:90;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(7,21,16,.82);color:#C9A45C;border:1px solid rgba(201,164,92,.5);box-shadow:0 10px 30px -14px rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:.9;transition:opacity .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease);}
.nb-music:hover{opacity:1;transform:translateY(-1px);border-color:#C9A45C;}
.nb-music:active{transform:scale(.96);}
.nb-music .bars{display:flex;gap:2px;align-items:flex-end;height:14px;}
.nb-music .bars i{display:block;width:2px;height:4px;border-radius:1px;background:currentColor;}
.nb-music.on .bars i{animation:nb-eq 1.1s ease-in-out infinite;}
.nb-music.on .bars i:nth-child(2){animation-delay:.18s;}.nb-music.on .bars i:nth-child(3){animation-delay:.36s;}.nb-music.on .bars i:nth-child(4){animation-delay:.54s;}
@keyframes nb-eq{0%,100%{height:3px}50%{height:13px}}
@media(prefers-reduced-motion:reduce){.nb-music.on .bars i{animation:none;height:9px;}}
@media(max-width:640px){.nb-music{left:14px;bottom:14px;width:36px;height:36px;}}

/* group labels: the three parts of the desk, named */
.dk-k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--gold);margin:0 0 -8px 2px;}
/* subscribe: one quiet row, the site's gold button */
.vis-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
@media(max-width:640px){.dk-k{margin-bottom:-4px;}}

/* market band: five numbers across the top of the desk, one ring, hairlines between */
.dk-tape{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;border-radius:var(--r-lg);overflow:hidden;
  background:color-mix(in srgb,var(--cream) 4%,var(--sec-bg));box-shadow:0 0 0 1px var(--line2),0 0 0 7px var(--sec-bg),0 0 0 8px color-mix(in srgb,var(--line2) 50%,transparent);}
.dk-tape > div{display:flex;flex-direction:column;gap:6px;padding:24px 24px 22px;box-shadow:inset 1px 0 0 var(--line2);}
.dk-tape > div:first-child{box-shadow:none;}
.dk-tape .n{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted2);}
.dk-tape .v{font-family:var(--f-display);font-size:clamp(30px,2.6vw,40px);line-height:1;letter-spacing:-.025em;color:var(--cream);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;margin-top:4px;}
.dk-tape .c{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;}
.dk-tape .c.dn{color:#7FBF98;}.dk-tape .c.up{color:var(--gold-light);}.dk-tape .c.fl{color:var(--muted2);}
.dk-tape .w{font-size:12.5px;line-height:1.45;color:var(--muted);margin-top:4px;}
.dk-src{font-size:12.5px;color:var(--muted2);margin-top:14px;}
/* more news beside the lead */
.dk-more{grid-column:span 4;display:flex;flex-direction:column;border-top:1px solid var(--line2);}
.dk-more a{display:flex;flex-direction:column;gap:6px;padding:18px 2px;border-bottom:1px solid var(--line2);color:inherit;text-decoration:none;flex:1;justify-content:center;transition:padding-left .5s var(--ease);}
.dk-more a:hover{padding-left:12px;}
.dk-more .t{font-family:var(--f-display);font-size:19px;line-height:1.32;color:var(--cream);}
.dk-more .st{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);font-weight:600;}
/* two fields + button */
@media(max-width:1000px){.dk-tape{grid-template-columns:repeat(3,minmax(0,1fr));}.dk-tape > div:nth-child(4){box-shadow:inset 0 1px 0 var(--line2);}.dk-tape > div:nth-child(5){box-shadow:inset 1px 0 0 var(--line2),inset 0 1px 0 var(--line2);}.dk-more{grid-column:span 12;border-top:0;}}
@media(max-width:640px){.dk-tape{grid-template-columns:1fr 1fr;}.dk-tape > div{padding:16px 16px 14px;}.dk-tape > div:nth-child(odd){box-shadow:inset 0 1px 0 var(--line2);}.dk-tape > div:nth-child(even){box-shadow:inset 1px 0 0 var(--line2),inset 0 1px 0 var(--line2);}.dk-tape > div:first-child{box-shadow:none;}.dk-tape > div:nth-child(2){box-shadow:inset 1px 0 0 var(--line2);}.dk-tape .v{font-size:26px;}}

/* newsletter: pitch left, form card right, three steps inside the card */
.dk-news{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px 64px;align-items:center;margin-top:64px;padding:48px 52px;border-radius:var(--r-lg);
  background:color-mix(in srgb,var(--cream) 4%,var(--sec-bg));box-shadow:0 0 0 1px var(--line2),0 0 0 7px var(--sec-bg),0 0 0 8px color-mix(in srgb,var(--line2) 50%,transparent);}
.dk-news-l .eyebrow{margin-bottom:18px;}
.dk-news-l h3{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;}
.dk-news-l h3 em{font-style:italic;color:var(--gold-light);}
.dk-news-p{font-size:16.5px;line-height:1.65;color:var(--muted);margin:0 0 28px;max-width:46ch;}
.dk-news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2);}
.dk-news-list li{display:grid;grid-template-columns:44px 1fr;gap:0 10px;padding:16px 0;border-bottom:1px solid var(--line2);}
.dk-news-list b{font-family:var(--f-display);font-weight:400;font-size:15px;color:var(--gold);letter-spacing:.06em;padding-top:2px;}
.dk-news-list strong{display:block;font-family:var(--f-display);font-weight:400;font-size:19px;color:var(--cream);margin-bottom:3px;}
.dk-news-list span{font-size:14.5px;line-height:1.55;color:var(--muted);}
.dk-news-meta{display:flex;flex-wrap:wrap;gap:8px 0;margin:18px 0 0;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted2);}
.dk-news-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--gold);margin:0 12px;vertical-align:middle;}
.dk-news-card{position:relative;padding:30px 30px 26px;border-radius:calc(var(--r-lg) - 6px);background:rgba(7,21,16,.55);box-shadow:0 0 0 1px var(--line2);}
.dk-step{display:none;}.dk-step.is-on{display:block;animation:dkIn .5s var(--ease) both;}
@keyframes dkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dk-card-k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold);margin:0 0 18px;}
.dk-f{display:block;margin-bottom:14px;}
.dk-f span{display:block;font-size:12.5px;letter-spacing:.04em;color:var(--muted2);margin:0 0 7px 2px;}
.dk-f input{width:100%;height:52px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:rgba(7,21,16,.6);color:var(--cream);font:inherit;font-size:15px;font-weight:400;}
.dk-f input::placeholder{color:color-mix(in srgb,var(--muted2) 70%,transparent);}
.dk-f input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 22%,transparent);}
.dk-f.is-bad input{border-color:#c0705a;}
.dk-hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.dk-news-card .btn-gold{width:100%;justify-content:center;height:52px;margin-top:6px;}
.dk-news-card .btn-gold[disabled]{opacity:.7;cursor:progress;}
.dk-err{font-size:13px;color:#e0a08c;margin:12px 0 0;}
.dk-fine{font-size:12.5px;line-height:1.55;color:var(--muted2);margin:14px 0 0;}
.dk-fine a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;}
.dk-news-card h4{font-family:var(--f-display);font-weight:400;font-size:23px;line-height:1.25;letter-spacing:-.01em;color:var(--cream);margin:0 0 10px;}
.dk-q{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 18px;}
.dk-choices{display:grid;gap:8px;}
.dk-choices button{display:block;width:100%;text-align:left;padding:13px 18px;border-radius:14px;border:1px solid var(--line2);background:rgba(7,21,16,.5);color:var(--cream);font:inherit;font-size:15px;cursor:pointer;transition:border-color .3s,background .3s,transform .2s;}
.dk-choices button small{display:block;font-size:12.5px;color:var(--muted2);margin-top:2px;}
.dk-choices button:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,rgba(7,21,16,.5));}
.dk-choices button:active{transform:scale(.99);}
.dk-choices button.is-picked{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,rgba(7,21,16,.5));}
#dkStep3 .btn-gold{margin-top:10px;}
#dkStep3.no-cta .btn-gold{display:none;}
@media(max-width:1000px){.dk-news{grid-template-columns:1fr;gap:32px;padding:36px 32px;}}
@media(max-width:640px){.dk-news{margin-top:44px;padding:26px 20px 22px;}.dk-news-card{padding:22px 18px 18px;}.dk-news-l h3{font-size:30px;}.dk-news-meta span+span::before{margin:0 9px;}}
.dk-news-card .btn-gold,.dk-news-card a.btn-gold{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
@media(max-width:640px){.dk-news-meta{display:grid;gap:6px;}.dk-news-meta span+span::before{display:none;}}
/* phone: heavier scrim under the lead headline, numerals a touch bigger in Cormorant */
@media(max-width:640px){.dk-lead::before{background:linear-gradient(to top,rgba(7,21,16,.97) 0%,rgba(7,21,16,.9) 45%,rgba(7,21,16,.55) 72%,rgba(7,21,16,.15) 100%);}.dk-news-list b{font-size:17px;font-weight:600;}}
.dk-news-list b{font-size:17px;font-weight:600;}

/* optional mobile number on the final card */
.dk-phone{margin-top:18px;padding-top:16px;border-top:1px solid var(--line2);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;}
.dk-phone .dk-f{margin:0;}
.dk-phone .dk-f span em{font-style:normal;color:color-mix(in srgb,var(--muted2) 75%,transparent);}
.dk-phone .dk-f input{height:46px;}
.dk-save{height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--cream);font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:border-color .3s,background .3s;}
.dk-save:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent);}
.dk-save[disabled]{opacity:.6;cursor:progress;}
.dk-saved{grid-column:1/-1;font-size:12.5px;color:var(--gold-light);}
@media(max-width:640px){.dk-phone{grid-template-columns:1fr;}.dk-save{width:100%;}}

/* Oct 26: close the double gap between the Capital block and The Desk */
.sec-quiet:has(+ #desk-host){padding-bottom:clamp(48px,5vw,80px)}
#desk-host > .desk{padding-top:clamp(48px,5vw,80px)}