/* High End Detail: Guides and shared discovery cards. */
.hg-scope{--hg-bg:#0b0b0c;--hg-panel:#141519;--hg-text:#f4f3ef;--hg-muted:#b1b5bf;--hg-blue:#9ab6ff;--hg-line:rgba(255,255,255,.15);--hg-display:"Archivo","Archivo Expanded",sans-serif;--hg-body:"Bai Jamjuree",sans-serif;--hg-label:"Jura",sans-serif;background:var(--hg-bg);color:var(--hg-text);font-family:var(--hg-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.hg-scope *{box-sizing:border-box}.hg-scope a{color:inherit;text-decoration:none}.hg-scope button,.hg-scope input{font:inherit}.hg-scope img{max-width:100%;display:block}.hg-scope [hidden]{display:none!important}
.hg-scope h1,.hg-scope h2,.hg-scope h3,.hg-scope p{margin:0}.hg-scope h1,.hg-scope h2,.hg-scope h3{color:var(--hg-text);font-family:var(--hg-display);font-stretch:125%;font-weight:700}
.hg-scope a:focus-visible,.hg-scope summary:focus-visible{outline:2px solid #aac1ff;outline-offset:6px;border-radius:2px}
.hg-scope .hg-kicker{font:600 11px/1.6 var(--hg-label);letter-spacing:.2em;text-transform:uppercase;color:var(--hg-blue);margin:0 0 20px}
.hg-scope .hg-text-link{display:inline-flex;align-items:center;gap:20px;font:600 12px/1.5 var(--hg-label);letter-spacing:.12em;text-transform:uppercase;color:var(--hg-text);padding:10px 0;border-bottom:1px solid var(--hg-line);transition:color .2s,gap .2s}
.hg-scope .hg-text-link:hover{color:var(--hg-blue);gap:26px}.hg-text-link span{font-size:18px;line-height:1}
.hg-scope .hg-pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:15px 24px;border:1px solid #f4f3ef;border-radius:999px;color:#0b0b0c;background:#f4f3ef;font:600 11px/1.4 var(--hg-label);text-transform:uppercase;letter-spacing:.15em;transition:background .2s,color .2s,transform .2s}
.hg-scope .hg-pill:hover{background:#0033a1;border-color:#0033a1;color:#fff;transform:translateY(-2px)}.hg-scope .hg-pill span{font-size:20px;line-height:1}
.hg-scope .hg-pill-outline{background:transparent;color:var(--hg-text);border-color:var(--hg-line)}.hg-scope .hg-pill-outline:hover{background:#fff;color:#111;border-color:#fff}
body.hed-guides{margin:0;background:#0b0b0c;color:#f4f3ef}.hed-guides #wpadminbar{position:fixed}.hg-main{overflow-x:clip}.hg-skip{position:fixed;z-index:2147483645;top:8px;left:12px;transform:translateY(-200%);background:#fff;color:#111;padding:12px 18px;border-radius:4px}.hg-skip:focus{transform:none}
.hg-intro,.hg-feature,.hg-library,.hg-article-top,.hg-reading-layout,.hg-related,.hg-discovery{max-width:1440px;margin-inline:auto;padding-inline:clamp(22px,5vw,72px)}
.hg-intro{padding-top:150px;padding-bottom:58px}.admin-bar .hg-intro{padding-top:180px}.hg-intro-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;gap:24px}.hg-intro-top .hg-kicker{margin:0}.hg-intro-note{font:500 10px/1.6 var(--hg-label);letter-spacing:.18em;text-transform:uppercase;color:#9b9da5}
.hg-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px}.hg-intro h1{font-size:clamp(48px,6.4vw,88px);line-height:.99;letter-spacing:-.055em;text-transform:uppercase}
.hg-intro h1 span,.hg-final-cta h2 span{color:transparent;-webkit-text-stroke:1px rgba(244,243,239,.7)}
.hg-intro-copy{max-width:410px;justify-self:end}.hg-intro-copy>p:first-child{font-size:24px;line-height:1.3;letter-spacing:-.02em;margin-bottom:14px;color:#f4f3ef}.hg-intro-copy>p:nth-child(2){font-size:16px;line-height:1.6;color:var(--hg-muted);margin-bottom:20px}
.hg-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:0;align-items:stretch;padding-bottom:96px}.hg-feature-image{position:relative;display:block;overflow:hidden;background:#24262b;min-height:390px}.hg-feature-image>.hg-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s}.hg-feature-image:hover>.hg-image{transform:scale(1.035)}.hg-feature-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.hg-feature-stamp{position:absolute;z-index:1;bottom:25px;left:28px;font:500 10px/1.8 var(--hg-label);letter-spacing:.18em;text-transform:uppercase;color:#f4f3ef}.hg-feature-stamp b{font-weight:600}
.hg-feature-copy{padding:clamp(28px,4vw,55px);background:linear-gradient(135deg,#171a20,#101114);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid var(--hg-line);border-left:0}
.hg-feature-copy h2{font-size:clamp(27px,3vw,42px);line-height:1.08;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:20px}.hg-feature-copy>p:not(.hg-kicker){font-size:17px;line-height:1.65;color:var(--hg-muted);margin-bottom:26px}
.hg-library{padding-bottom:110px;scroll-margin-top:100px}.hg-library-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.hg-library-title h2{font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.035em;text-transform:uppercase}.hg-library-title>span{font:500 10px/1.6 var(--hg-label);letter-spacing:.16em;text-transform:uppercase;color:var(--hg-muted)}
.hg-filters{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--hg-line);padding-top:24px}.hg-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--hg-line);padding:9px 18px;border-radius:999px;font:500 12px/1.4 var(--hg-body);color:#c3c7cf;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.hg-filters a:hover{border-color:#91b0ff;color:white}.hg-filters a.is-active{background:#f4f3ef;color:#0b0b0c;border-color:#f4f3ef}
.hg-result-count{font:500 11px/1.5 var(--hg-label)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--hg-muted);margin:22px 0 28px!important}
.hg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px}.hg-card{min-width:0;border-bottom:1px solid var(--hg-line);padding-bottom:22px;display:flex;flex-direction:column}
.hg-card-photo{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;background:#20232a;margin-bottom:21px}.hg-card-photo .hg-image{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}.hg-card:hover .hg-card-photo .hg-image{transform:scale(1.035);filter:brightness(1.08)}.hg-photo-arrow{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#f4f3ef;color:#101114;font-size:22px;line-height:1;transform:translateY(55px);transition:transform .25s}.hg-card:hover .hg-photo-arrow,.hg-card:focus-within .hg-photo-arrow{transform:none}
.hg-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--hg-blue);font:600 9px/1.6 var(--hg-label);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.hg-card-meta span+span{color:#b1b5bf;white-space:nowrap}
.hg-card h3{font-size:clamp(20px,1.65vw,25px);line-height:1.2;letter-spacing:-.025em;margin-bottom:13px}.hg-card h3 a:hover{color:#bdd0ff}.hg-card>p{font-size:15.5px;line-height:1.65;color:var(--hg-muted);margin-bottom:19px}.hg-card>.hg-text-link{align-self:flex-start;margin-top:auto;border:0;padding-bottom:0;font-size:10px}
.hg-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.hg-section-heading h2{font-size:clamp(31px,3.9vw,55px);line-height:1.04;letter-spacing:-.035em;text-transform:uppercase}.hg-discovery{padding-top:70px;padding-bottom:80px;width:100%}.hg-discovery .hg-grid{gap:30px}.hg-related{padding-top:76px;padding-bottom:90px;border-top:1px solid var(--hg-line)}
.hg-final-cta{padding:85px 24px 90px;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(0,51,161,.2),transparent 60%);border-top:1px solid var(--hg-line)}.hg-final-cta h2{font-size:clamp(40px,6vw,78px);line-height:1.03;letter-spacing:-.045em;text-transform:uppercase}.hg-final-cta>p:not(.hg-kicker){font-size:17px;color:var(--hg-muted);margin:24px 0 28px}.hg-final-cta>div{display:flex;align-items:center;justify-content:center;gap:30px}.hg-call{font:500 13px/1.5 var(--hg-label);letter-spacing:.09em}
.hg-article-top{padding-top:128px;padding-bottom:55px}.admin-bar .hg-article-top{padding-top:160px}.hg-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font:500 11px/1.6 var(--hg-label);letter-spacing:.06em;color:var(--hg-muted);margin-bottom:38px}.hg-breadcrumbs a:hover{color:#fff}
.hg-article-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.hg-article-hero h1{font-size:clamp(31px,3.6vw,51px);line-height:1.1;letter-spacing:-.04em;text-transform:uppercase;overflow-wrap:normal}.hg-article-deck{font-size:18px;line-height:1.65;color:var(--hg-muted);margin-top:24px!important;max-width:51ch}.hg-byline{display:flex;align-items:center;gap:14px;margin-top:26px}.hg-byline-mark{border:1px solid var(--hg-line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font:700 10px var(--hg-display);letter-spacing:-.04em}.hg-byline>div>span{display:block;font-size:13px;line-height:1.4}.hg-byline small{font-size:11px;color:#a8adb7}.hg-article-image{height:410px;overflow:hidden;background:#1c1e24}.hg-article-image .hg-image{height:100%;width:100%;object-fit:cover}
.hg-reading-layout{display:grid;grid-template-columns:235px minmax(0,750px);gap:clamp(45px,6vw,90px);justify-content:center;padding-top:52px;padding-bottom:90px;border-top:1px solid var(--hg-line)}.hg-reading-aside{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 140px);overflow:auto}.hg-toc summary{font:600 11px/1.6 var(--hg-label);text-transform:uppercase;letter-spacing:.16em;color:#f4f3ef;list-style:none;cursor:pointer}.hg-toc summary::-webkit-details-marker{display:none}.hg-toc summary span{display:none}.hg-toc ol{padding:0 0 0 16px;margin:20px 0 0;color:#8fa9e6}.hg-toc li{font-size:12px;line-height:1.55;margin-bottom:12px;padding-left:5px}.hg-toc a{color:#b6bbc5}.hg-toc a:hover,.hg-toc a.is-current{color:white}
.hg-aside-service{margin-top:34px;padding-top:24px;border-top:1px solid var(--hg-line)}.hg-aside-service .hg-kicker{margin-bottom:12px}.hg-aside-service h2{font-size:19px;line-height:1.2;letter-spacing:-.03em;margin-bottom:13px}.hg-aside-service .hg-text-link{font-size:9px;letter-spacing:.08em;gap:12px}
.hg-reading-main{min-width:0}.hg-article-body{color:#d4d6dc;font-size:18px;line-height:1.85;overflow-wrap:break-word}
.hg-article-body .elementor,.hg-article-body .elementor-section,.hg-article-body .elementor-container,.hg-article-body .elementor-column,.hg-article-body .elementor-widget-wrap,.hg-article-body .elementor-widget-container,.hg-article-body .e-con,.hg-article-body .e-con-inner{background:transparent!important;max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;color:inherit!important}
.hg-article-body .elementor-section,.hg-article-body .elementor-container,.hg-article-body .elementor-widget-wrap,.hg-article-body .e-con,.hg-article-body .e-con-inner{display:block!important;min-height:0!important}
.hg-article-body .elementor-widget{margin:0 0 24px!important;max-width:100%!important;width:100%!important}
.hg-article-body p,.hg-article-body li,.hg-article-body .elementor-widget-text-editor,.hg-article-body span[data-preserver-spaces]{color:#d4d6dc!important;font:400 18px/1.85 var(--hg-body)!important;letter-spacing:normal!important}
.hg-article-body p{margin:0 0 24px!important}.hg-article-body h2,.hg-article-body h3,.hg-article-body h4,.hg-article-body .elementor-heading-title{font-family:var(--hg-display)!important;color:#f4f3ef!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.025em!important;text-transform:none!important;margin:40px 0 19px!important;scroll-margin-top:110px}
.hg-article-body h2,.hg-article-body h2.elementor-heading-title{font-size:26px!important}.hg-article-body h3,.hg-article-body h3.elementor-heading-title{font-size:22px!important}.hg-article-body h4{font-size:19px!important}.hg-article-body h2:first-child{margin-top:0!important}
.hg-article-body a{color:#abc1ff!important;text-decoration:underline!important;text-underline-offset:4px}.hg-article-body ul,.hg-article-body ol{padding-left:25px;margin:0 0 24px}.hg-article-body li{margin-bottom:10px}.hg-article-body strong{color:#f4f3ef;font-weight:600}.hg-article-body img{max-width:100%!important;height:auto!important;margin:25px auto!important;border-radius:2px}.hg-article-body iframe{max-width:100%;aspect-ratio:16/9;height:auto;min-height:200px}.hg-article-body table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;color:inherit}.hg-article-body th,.hg-article-body td{border:1px solid var(--hg-line);padding:12px;background:transparent!important}.hg-article-body blockquote{border-left:2px solid var(--hg-blue);margin:30px 0;padding:4px 0 4px 24px}
.hg-article-end{padding:34px;margin-top:55px;background:linear-gradient(135deg,#182032,#12151d);border:1px solid var(--hg-line)}.hg-article-end h2{font-size:clamp(26px,3vw,38px);line-height:1.08;letter-spacing:-.035em;text-transform:uppercase;margin:14px 0 18px}.hg-article-end p{color:var(--hg-muted);max-width:45ch;margin-bottom:24px}.hg-article-end .hg-text-link{margin-left:20px;font-size:10px}
.hg-reading-progress{position:fixed;top:0;left:0;z-index:100003;height:2px;width:100%;transform-origin:left center;transform:scaleX(0);background:#7fa3ff;pointer-events:none}.admin-bar .hg-reading-progress{top:32px}
.hg-shell{overflow:visible!important}.hed-guides .hed2 header.nav{background:rgba(11,11,12,.94)!important;height:80px!important}.hed-guides.admin-bar .hed2 header.nav{top:32px!important}
#hxm4 .w4-sub{flex-wrap:wrap}
@media(min-width:1101px) and (max-width:1450px){header#hedNav>ul{gap:18px!important}header#hedNav>ul a{font-size:10px!important;letter-spacing:.1em!important}}
@media(max-width:1100px){.hg-intro-grid{gap:30px}.hg-intro-copy>p:first-child{font-size:21px}.hg-feature-image{min-height:340px}.hg-feature-copy{padding:32px}.hg-grid{gap:36px 22px}.hg-card-meta{font-size:8px;letter-spacing:.1em}.hg-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.hg-article-hero{gap:30px}.hg-article-image{height:350px}.hg-article-end .hg-text-link{margin:16px 0 0;display:flex;width:max-content;max-width:100%}}
@media(max-width:800px){.hg-intro{padding-top:125px;padding-bottom:36px}.admin-bar .hg-intro{padding-top:160px}.hg-intro-top{margin-bottom:28px}.hg-intro-note{display:none}.hg-intro-grid{grid-template-columns:1fr;gap:28px}.hg-intro-copy{justify-self:start;max-width:520px}.hg-intro-copy>p:first-child{display:none}.hg-intro-copy>p:nth-child(2){font-size:17px;max-width:44ch}.hg-intro h1{font-size:clamp(43px,8.9vw,66px)}
.hg-feature{grid-template-columns:1fr;padding-bottom:65px}.hg-feature-image{aspect-ratio:16/10;min-height:0}.hg-feature-copy{border-left:1px solid var(--hg-line);border-top:0;padding:30px}.hg-feature-copy h2{font-size:31px}.hg-feature-copy h2 br{display:none}.hg-feature-copy>p:not(.hg-kicker){font-size:16px;max-width:50ch}.hg-feature-copy .hg-kicker{margin-bottom:14px}
.hg-library-title{align-items:start;flex-direction:column;gap:14px}.hg-library-title h2{font-size:27px}.hg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}.hg-card h3{font-size:21px}.hg-library{padding-bottom:70px}.hg-section-heading{align-items:start;flex-direction:column;gap:24px}.hg-discovery .hg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.hg-discovery .hg-card:last-child{grid-column:1/-1;max-width:calc(50% - 13px)}
.hg-article-top{padding-top:116px;padding-bottom:35px}.admin-bar .hg-article-top{padding-top:150px}.hg-article-hero{grid-template-columns:1fr;gap:30px}.hg-article-hero h1{font-size:clamp(31px,5.8vw,45px);max-width:24ch}.hg-article-image{height:auto;aspect-ratio:16/10}.hg-breadcrumbs{margin-bottom:28px}.hg-reading-layout{grid-template-columns:1fr;gap:30px;padding-top:30px;padding-bottom:55px}.hg-reading-aside{position:static;max-height:none;overflow:visible}.hg-toc{padding:18px 20px;background:#141519;border:1px solid var(--hg-line)}.hg-toc summary{display:flex;justify-content:space-between;align-items:center}.hg-toc summary span{display:block;font-size:21px}.hg-toc[open] summary span{transform:rotate(45deg)}.hg-toc li{font-size:14px}.hg-aside-service{display:none}.hg-article-body p,.hg-article-body li,.hg-article-body .elementor-widget-text-editor,.hg-article-body span[data-preserver-spaces]{font-size:17px!important;line-height:1.8!important}.hg-article-body h2,.hg-article-body h2.elementor-heading-title{font-size:23px!important}.hg-article-body h3,.hg-article-body h3.elementor-heading-title{font-size:20px!important}
}
@media(max-width:540px){.hg-intro h1{font-size:clamp(30px,9.8vw,52px)}.hg-intro .hg-kicker{font-size:10px}.hg-feature-copy h2{font-size:27px}.hg-feature-copy{padding:27px 24px}.hg-feature-copy .hg-kicker{font-size:9px}.hg-grid,.hg-discovery .hg-grid{grid-template-columns:1fr;gap:35px}.hg-discovery .hg-card:last-child{grid-column:auto;max-width:none}.hg-card h3{font-size:23px}.hg-card-meta{font-size:9px}.hg-card>p{font-size:16px}.hg-card-photo{margin-bottom:18px}.hg-photo-arrow{transform:none}.hg-filters{gap:8px}.hg-filters a{padding:9px 13px;font-size:12px}.hg-section-heading h2{font-size:36px}.hg-discovery{padding-top:55px;padding-bottom:55px}.hg-related{padding-top:55px;padding-bottom:55px}.hg-final-cta{padding:62px 22px}.hg-final-cta h2{font-size:46px}.hg-final-cta>div{flex-direction:column;gap:23px}.hg-final-cta>p:not(.hg-kicker){font-size:16px}.hg-final-cta>p br{display:none}.hg-article-hero h1{font-size:31px}.hg-article-deck{font-size:17px}.hg-article-end{padding:27px 23px}.hg-article-end h2{font-size:29px}.hg-article-end .hg-pill{font-size:10px;gap:18px}.hg-breadcrumbs{font-size:10px}.hed-guides.admin-bar .hed2 header.nav{top:46px!important}.admin-bar .hg-reading-progress{top:46px}}
@media(max-width:360px){.hg-final-cta h2{font-size:31px}.hg-article-hero h1{font-size:28px}.hg-intro-grid>*{min-width:0}}
@media(prefers-reduced-motion:reduce){.hg-scope *,.hg-scope *:before,.hg-scope *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hg-scope .hg-pill:hover,.hg-card:hover .hg-card-photo .hg-image,.hg-feature-image:hover>.hg-image{transform:none}}

/* Guides archive: one lead story with a compact reading rail. */
.hg-journal-masthead,
.hg-journal-stories {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: clamp(22px, 5vw, 72px);
}

.hg-journal-masthead {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(245px, .74fr);
  align-items: end;
  gap: clamp(22px, 4vw, 56px);
  padding-top: clamp(126px, 11vw, 156px);
  padding-bottom: clamp(28px, 3.5vw, 48px);
}

.admin-bar .hg-journal-masthead {
  padding-top: clamp(158px, 13vw, 190px);
}

.hg-journal-masthead .hg-kicker {
  margin-bottom: 17px;
}

.hg-journal-masthead h1 {
  font-size: clamp(46px, 6.1vw, 88px);
  line-height: .98;
  letter-spacing: -.065em;
  text-transform: uppercase;
}

.hg-journal-masthead h1 span {
  color: transparent;
  -webkit-text-stroke: 1px rgba(244, 243, 239, .74);
}

.hg-journal-intro p {
  max-width: 37ch;
  margin: 0 0 12px;
  color: var(--hg-muted);
  font-size: 16px;
  line-height: 1.6;
}

.hg-journal-stories {
  display: grid;
  gap: 16px;
}

.hg-journal-stories.has-rail {
  grid-template-columns: minmax(0, 1.83fr) minmax(0, 1fr);
}

.hg-journal-frame {
  min-width: 0;
  perspective: 1450px;
}

.hg-scope .hg-journal-lead,
.hg-scope .hg-journal-short > a {
  display: block;
  border: 1px solid var(--hg-line);
  border-radius: 9px;
  background: var(--hg-panel);
  color: var(--hg-text);
  text-decoration: none;
  overflow: hidden;
}

.hg-scope .hg-journal-lead {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: end;
  height: 100%;
  min-height: clamp(410px, 34vw, 500px);
  transform-origin: center 77%;
}

.hg-journal-cover {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
}

.hg-journal-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(8, 10, 13, .97), rgba(8, 10, 13, .70) 28%, transparent 75%),
    linear-gradient(90deg, rgba(8, 10, 13, .54), rgba(8, 10, 13, .24) 44%, transparent 76%);
}

.hg-journal-cover .hg-image,
.hg-journal-thumb .hg-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}

.hg-journal-cover .hg-image {
  object-position: 55% 42%;
}

.hg-journal-lead-copy {
  width: min(100%, 550px);
  padding: clamp(24px, 3vw, 44px);
}

.hg-scope .hg-journal-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--hg-blue);
  font: 600 11px / 1.5 var(--hg-label);
  letter-spacing: .13em;
  text-transform: uppercase;
}

.hg-journal-lead-copy h2 {
  margin-top: 11px;
  color: var(--hg-text);
  font-size: clamp(28px, 3.55vw, 52px);
  line-height: 1.03;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.hg-scope .hg-journal-excerpt {
  margin: 13px 0 17px;
  max-width: 46ch;
  color: #dedfe5;
  font-size: 15px;
  line-height: 1.55;
}

.hg-journal-read,
.hg-journal-short-time {
  display: flex;
  align-items: center;
  gap: 12px;
  font: 600 11px / 1.5 var(--hg-label);
  letter-spacing: .11em;
  text-transform: uppercase;
}

.hg-journal-read span,
.hg-journal-short-time span {
  color: var(--hg-blue);
  font-size: 15px;
  transition: transform .25s ease;
}

.hg-journal-rail {
  display: grid;
  grid-auto-rows: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

.hg-journal-short {
  min-width: 0;
}

.hg-scope .hg-journal-short > a {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.26fr);
  transition: border-color .2s ease, background-color .2s ease;
}

.hg-journal-thumb {
  position: relative;
  min-height: 155px;
  overflow: hidden;
  background: #161b24;
}

.hg-journal-thumb .hg-image {
  position: absolute;
  inset: 0;
  object-position: center;
}

.hg-journal-short-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  padding: clamp(14px, 1.6vw, 23px);
}

.hg-journal-short-copy h3 {
  font-size: clamp(16px, 1.42vw, 22px);
  line-height: 1.18;
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
}

.hg-journal-short-time {
  color: var(--hg-muted);
  justify-content: space-between;
  gap: 4px;
}

.hg-scope .hg-journal-short > a:hover,
.hg-scope .hg-journal-short > a:focus-visible {
  border-color: rgba(154, 182, 255, .55);
  background: #191e29;
}

.hg-journal-lead:is(:hover, :focus-visible) .hg-image,
.hg-journal-short a:is(:hover, :focus-visible) .hg-image {
  transform: scale(1.045);
}

.hg-journal-lead:is(:hover, :focus-visible) .hg-journal-read span,
.hg-journal-short a:is(:hover, :focus-visible) .hg-journal-short-time span {
  transform: translate(2px, -2px);
}

.hg-journal-library {
  padding-top: clamp(54px, 6.6vw, 90px);
}

.hg-journal-library .hg-card-photo {
  border-radius: 7px;
}

.hg-journal-library .hg-filters a {
  min-height: 44px;
}

.hg-scope .hg-journal-library .hg-filters a.is-active {
  border-color: rgba(154, 182, 255, .60);
  background: rgba(154, 182, 255, .12);
  color: #d5e2ff;
}

.hg-article-body {
  max-width: min(70ch, 690px);
}

@media (min-width: 1000px) and (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .hg-journal-lead {
      animation: hg-journal-settle linear both;
      animation-timeline: scroll(root block);
      animation-range: 0px 330px;
    }

    @keyframes hg-journal-settle {
      from { transform: translateY(7px) rotateX(6deg) scale(.987); }
      to { transform: translateY(0) rotateX(0) scale(1); }
    }
  }
}

@media (max-width: 960px) {
  .hg-journal-masthead {
    grid-template-columns: minmax(0, 1fr) minmax(200px, .57fr);
  }

  .hg-journal-stories.has-rail {
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  }

  .hg-scope .hg-journal-short > a {
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  }
}

@media (max-width: 780px) {
  .hg-journal-masthead {
    grid-template-columns: 1fr;
    gap: 15px;
    padding-top: 119px;
    padding-bottom: 28px;
  }

  .admin-bar .hg-journal-masthead {
    padding-top: 158px;
  }

  .hg-journal-masthead h1 {
    font-size: clamp(38px, 10.6vw, 68px);
  }

  .hg-journal-masthead .hg-kicker {
    margin-bottom: 13px;
  }

  .hg-journal-intro p {
    max-width: 49ch;
    margin-bottom: 6px;
  }

  .hg-journal-stories.has-rail {
    grid-template-columns: 1fr;
  }

  .hg-journal-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .hg-journal-stories,
  .hg-journal-rail {
    gap: 10px;
  }

  .hg-scope .hg-journal-lead {
    display: block;
    height: auto;
    min-height: 0;
  }

  .hg-journal-cover {
    position: relative;
    z-index: 0;
    aspect-ratio: 16 / 10;
  }

  .hg-journal-cover::after {
    background: linear-gradient(0deg, rgba(20, 21, 25, .35), transparent 50%);
  }

  .hg-journal-lead-copy {
    padding: 20px;
  }

  .hg-journal-lead-copy h2 {
    font-size: clamp(27px, 7.3vw, 37px);
  }

  .hg-scope .hg-journal-short > a {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  .hg-journal-thumb {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .hg-journal-short-copy {
    justify-content: flex-start;
    gap: 8px;
    padding: 12px;
  }

  .hg-journal-short-copy h3 {
    font-size: 16px;
  }

  .hg-journal-short-time {
    margin-top: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hg-journal-lead:is(:hover, :focus-visible) .hg-image,
  .hg-journal-short a:is(:hover, :focus-visible) .hg-image,
  .hg-journal-lead:is(:hover, :focus-visible) .hg-journal-read span,
  .hg-journal-short a:is(:hover, :focus-visible) .hg-journal-short-time span {
    transform: none;
  }
}