@import url("palette.css");
/* Agency News: image-led opening, editorial spotlight, and a compact archive. */
.agency-news-page {
  --news-green:var(--merge-dark-green);
  --news-paper:var(--merge-web);
  --news-mint:var(--merge-mint);
  --news-line:color-mix(in srgb, var(--merge-dark-green) 18.824%, transparent);
  background:var(--news-paper);
  color:var(--news-green);
  font-size:16px;
}
.agency-news-page>.intro-header {background:var(--news-green);mix-blend-mode:normal;border-bottom:0}
.agency-news-page>.intro-header .brand-mark img {filter:grayscale(1) contrast(5);mix-blend-mode:screen}
.agency-news-page .menu-toggle {color:var(--merge-warm-gray);border-color:color-mix(in srgb, var(--merge-warm-gray) 40%, transparent)}
.agency-news-page .menu-toggle b {background:var(--merge-warm-gray)}
.agency-news-page main :is(a,button,select):focus-visible {outline:2px solid currentColor;outline-offset:5px}
.agency-news-page main button:disabled {opacity:.35;cursor:default}
.agency-news-page [hidden] {display:none!important}
.news-opening,.news-spotlight,.news-library {
  padding-inline:max(6vw,calc((100vw - 1320px)/2));
}

/* An oversized editorial opening, with the original interactive portrait. */
.news-opening {position:relative;isolation:isolate;overflow:hidden;background:var(--news-green);color:var(--news-paper);padding-top:154px;padding-bottom:0}
.news-heading {display:grid;grid-template-columns:1.3fr 1fr;gap:2%;align-items:center;min-height:520px;padding-bottom:54px}
.news-title-copy {position:relative;z-index:2}
.news-heading h1 {font-size:clamp(88px,9.5vw,148px);font-weight:400;line-height:.94;letter-spacing:-.065em;margin:0 0 28px}
.news-heading h1 em,.news-section-label h2 em,.news-library h2 em {font-family:Fraunces,Georgia,serif;font-weight:300}
.news-heading h1 em {color:var(--news-mint);letter-spacing:-.065em}
.news-intro {font-size:16px;line-height:1.7;color:color-mix(in srgb, var(--merge-web) 72.157%, transparent);margin:0;letter-spacing:-.015em}
.news-latest-link {display:inline-flex;align-items:center;gap:32px;margin-top:30px;font-size:13px}
.news-latest-link>span {display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--news-mint);color:var(--news-green);font-size:21px;transition:transform .2s}
.news-latest-link:hover>span {transform:translateY(4px)}
.news-visual {position:relative;isolation:isolate;min-width:0;align-self:stretch;display:grid;align-items:center}
.news-visual-orbit {position:absolute;z-index:-1;width:93%;aspect-ratio:1;left:4%;top:50%;transform:translateY(-50%);border:1px solid color-mix(in srgb, var(--merge-mint) 27.059%, transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb, var(--merge-mint) 7.059%, transparent),transparent 68%)}
.news-visual-orbit:before,.news-visual-orbit:after {content:'';position:absolute;border-radius:50%}
.news-visual-orbit:before {inset:12%;border:1px solid color-mix(in srgb, var(--merge-mint) 14.51%, transparent)}
.news-visual-orbit:after {width:10px;height:10px;top:19%;right:9%;background:var(--news-mint);box-shadow:0 0 0 7px color-mix(in srgb, var(--merge-mint) 4.706%, transparent)}
.news-hero-image {position:relative;margin:0;justify-self:center;width:min(100%,480px);transform:rotate(-5deg)}
.news-hero-image img {display:block;width:100%;height:auto}
#spotlight-title,#all-news {scroll-margin-top:110px}

/* One lead announcement followed by two supporting stories. */
.news-spotlight {background:var(--news-paper);padding-top:64px;padding-bottom:72px}
.news-section-label {margin-bottom:32px}
.news-section-label h2 {font-size:clamp(34px,3.3vw,46px);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:0}
.news-features {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.news-card {min-width:0}
.news-card>a {display:block;height:100%}
.news-art {position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/10;background:var(--merge-web)}
.news-art img {display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.news-card a:hover img {transform:scale(1.025)}
.news-image-fallback {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--news-green);font-size:36px;letter-spacing:-.06em}
.news-image-fallback>span {font-size:13px;letter-spacing:0}
.news-card-copy {padding-top:20px}
.news-meta {display:block;font-size:12px;letter-spacing:.045em;text-transform:uppercase;margin-bottom:14px;color:var(--merge-dark-green)}
.news-card h3 {font-size:25px;line-height:1.32;font-weight:400;letter-spacing:-.025em;margin:0;overflow-wrap:break-word}
.news-card p {font-size:16px;line-height:1.7;margin:18px 0 0;color:var(--merge-dark-green)}
.news-read {display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;margin-top:25px}
.news-read>span {display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:22px;line-height:1;transition:background .2s,color .2s}
.news-card a:hover {color:var(--merge-dark-green)}
.news-card a:hover .news-read>span {background:var(--news-mint);color:var(--news-green);border-color:var(--news-mint)}
.news-feature:first-child {grid-column:1/-1;margin-bottom:36px;background:var(--news-green);color:var(--news-paper)}
.news-feature:first-child>a {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
.news-feature:first-child .news-art {aspect-ratio:auto;min-height:390px;background:var(--merge-web)}
.news-feature:first-child .news-art img {object-fit:cover}
.news-feature:first-child .news-card-copy {padding:40px 42px;display:flex;flex-direction:column;justify-content:center}
.news-feature:first-child .news-meta {color:var(--merge-pale-mint)}
.news-feature:first-child h3 {font-size:clamp(27px,2.25vw,34px);line-height:1.25;letter-spacing:-.03em}
.news-feature:first-child p {color:var(--merge-warm-gray);font-size:15px;line-height:1.7}
.news-feature:first-child .news-read {margin-top:28px;color:var(--news-mint)}
.news-feature:first-child a:hover {color:#fff}
.news-feature:not(:first-child) {border-top:1px solid var(--news-line);padding-top:28px}
.news-feature:not(:first-child)>a {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:22px;align-items:start}
.news-feature:not(:first-child) .news-art {aspect-ratio:1.6}
.news-feature:not(:first-child) .news-art img {object-fit:cover}
.news-feature:not(:first-child) .news-card-copy {padding:0;display:flex;flex-direction:column;height:100%}
.news-feature:not(:first-child) h3 {font-size:22px;line-height:1.35}
.news-feature:not(:first-child) p {display:none}
.news-feature:not(:first-child) .news-meta {font-size:11px;margin-bottom:11px}
.news-feature:not(:first-child) .news-read {margin-top:auto;padding-top:20px}

/* The archive is a working surface with its count beside the filter controls. */
.news-library {background:var(--merge-web);padding-top:68px;padding-bottom:80px;scroll-margin-top:98px}
.news-library-heading {display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:28px 35px;border-bottom:1px solid var(--news-line);padding-bottom:28px;margin-bottom:32px}
.news-library h2 {font-size:clamp(34px,3.3vw,46px);font-weight:400;line-height:1.15;letter-spacing:-.045em;margin:0}
#news-filters {display:flex;flex-wrap:wrap;gap:12px 18px;align-items:end}
#news-filters label {display:grid;gap:9px;font-size:13px;min-width:160px;flex:1}
#news-filters select {min-height:46px;padding:10px 28px 10px 0;background:transparent;border:0;border-bottom:1px solid var(--news-green);border-radius:0;color:var(--news-green);font:inherit;width:100%}
#news-filters button[type="submit"] {background:var(--news-green);color:#fff;border-radius:28px;padding:13px 19px;font-size:14px;display:flex;gap:20px;align-items:center}
#news-status {margin:0;min-height:46px;display:flex;align-items:center;align-self:end;font-size:14px;color:var(--merge-dark-green)}
#news-reset {min-height:46px;font-size:14px;padding:10px 0}
.news-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.news-grid[aria-busy=true] {opacity:.5;pointer-events:none}
.news-grid .news-card {border-bottom:1px solid var(--news-line);padding-bottom:24px}
.news-grid .news-card>a {display:flex;flex-direction:column}
.news-grid .news-art {aspect-ratio:1.8;background:var(--merge-warm-gray)}
.news-grid .news-card-copy {display:flex;flex-direction:column;flex:1}
.news-grid .news-card h3 {font-size:22px;line-height:1.35}
.news-grid .news-card p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.65;margin-top:14px}
.news-grid .news-read {margin-top:auto;padding-top:20px}
.news-pagination {display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;margin-top:24px;font-size:14px}
.news-pagination button {display:flex;align-items:center;gap:18px;min-height:48px;padding:5px 0}
.news-pagination button span {font-size:24px}
.news-message {padding:45px 0}
.news-message h3 {font:300 34px/1.2 Fraunces,Georgia,serif;margin:0 0 15px}
.news-message p {line-height:1.6}
.news-message button {border-bottom:1px solid currentColor;padding:12px 0}
.news-notice {font-size:14px;padding:17px 20px;background:var(--news-paper);line-height:1.6;margin:25px 0 0}
.news-notice a {text-decoration:underline}

@media(max-width:1100px) {
  .news-feature:first-child .news-card-copy {padding:32px}
  .news-feature:first-child h3 {font-size:27px}
  .news-features {gap:0 28px}
  .news-feature:not(:first-child)>a {grid-template-columns:1fr;gap:18px}
  .news-feature:not(:first-child) .news-art {aspect-ratio:2}
  .news-feature:not(:first-child) .news-art img {object-fit:cover}
  .news-feature:not(:first-child) .news-card-copy {height:auto}
  .news-library-heading {align-items:start}
  #news-filters {flex:1;min-width:0}
}
@media(max-width:800px) {
  .news-opening {padding-top:130px}
  .news-heading {min-height:420px;grid-template-columns:1.25fr 1fr;padding-bottom:40px}
  .news-heading h1 {font-size:clamp(76px,10vw,100px)}
  .news-intro {font-size:14px}
  .news-feature:first-child>a {grid-template-columns:1fr}
  .news-feature:first-child .news-art {aspect-ratio:2;min-height:0}
  .news-feature:first-child .news-art img {object-fit:cover}
  .news-feature:first-child .news-card-copy {padding:32px}
  .news-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  .news-opening {padding-top:120px;padding-bottom:0}
  .news-heading {grid-template-columns:1fr;gap:24px;min-height:0;padding-bottom:28px}
  .news-heading h1 {font-size:clamp(65px,15.8vw,94px);margin:0 0 22px}
  .news-intro {font-size:14px}
  .news-latest-link {margin-top:22px}
  .news-visual {height:300px;max-width:360px;width:100%;justify-self:center}
  .news-hero-image {width:290px;max-width:92%}
  .news-visual-orbit {width:85%;left:7.5%}
  .news-spotlight {padding-top:36px;padding-bottom:40px}
  .news-section-label {margin-bottom:25px}
  .news-section-label h2,.news-library h2 {font-size:34px}
  .news-feature:first-child {margin-bottom:28px}
  .news-feature:first-child .news-art {aspect-ratio:1.5}
  .news-feature:first-child .news-card-copy {padding:26px 23px}
  .news-feature:first-child h3 {font-size:25px}
  .news-feature:first-child p {font-size:15px}
  .news-features {grid-template-columns:1fr;gap:28px}
  .news-feature:not(:first-child) {padding-top:24px}
  .news-feature:not(:first-child)>a {grid-template-columns:1fr;gap:19px}
  .news-feature:not(:first-child) .news-art {aspect-ratio:1.8}
  .news-feature:not(:first-child) h3 {font-size:23px}
  .news-library {padding-top:40px;padding-bottom:48px}
  .news-library-heading {display:block}
  #news-filters {margin-top:25px}
  #news-status {font-size:13px}
  .news-grid {grid-template-columns:1fr;gap:30px}
  .news-grid .news-card h3 {font-size:24px}
  .news-grid .news-card p {font-size:16px}
  .news-pagination {font-size:13px}
}
@media(prefers-reduced-motion:reduce) {
  .news-art img,.news-read>span,.news-latest-link>span {transition:none}
  .news-latest-link:hover>span {transform:none}
  .news-card a:hover img {transform:none}
}

/* Interactive windows use the unchanged PNG and its original alpha channel. */
.news-hero-image.is-interactive>img {opacity:0}
.news-image-play {position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;color:var(--news-mint);appearance:none;touch-action:pan-y;cursor:grab;border-radius:20px}
.news-image-scene {position:absolute;inset:0;display:block;transform-origin:50% 50%;transform-style:preserve-3d;pointer-events:none}
.news-image-layer {position:absolute;inset:0;display:block;transform-origin:50% 50%;pointer-events:none}
.news-hero-image .news-image-layer img {width:100%;height:100%;object-fit:contain;display:block}
.news-image-play:focus-visible {outline:2px solid var(--news-mint);outline-offset:7px}
@media(prefers-reduced-motion:reduce){.news-hero-image.is-interactive>img{opacity:1}.news-image-play{display:none!important}}

.news-image-tile {position:absolute;left:15.599343%;top:21.337580%;width:33.497537%;height:31.210191%;overflow:hidden;border-radius:17%/17.5%;background:var(--merge-warm-gray)}
.news-image-tile img {position:absolute}

/* A sculpted optical surface gives the pink window depth without new artwork. */
.news-image-tile {isolation:isolate;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--merge-web) 47.843%, transparent),0 14px 24px color-mix(in srgb, var(--merge-dark-green) 18.039%, transparent);transform:perspective(500px) rotateY(var(--tile-turn,0deg));}
.news-image-tile:before,.news-image-tile:after {content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.news-image-tile:before {z-index:1;background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 9%,color-mix(in srgb, var(--merge-web) 40%, transparent) 9.5% 10%,color-mix(in srgb, var(--merge-dark-green) 21.961%, transparent) 10.5% 11%,transparent 12% 16%);mix-blend-mode:soft-light;transform:scale(1.5) translate(var(--lens-x,0%),var(--lens-y,0%));}
.news-image-tile:after {z-index:2;background:radial-gradient(ellipse at var(--shine-x,28%) var(--shine-y,20%),color-mix(in srgb, var(--merge-web) 61.961%, transparent),transparent 52%),linear-gradient(125deg,color-mix(in srgb, var(--merge-web) 21.961%, transparent),transparent 40%,color-mix(in srgb, var(--merge-dark-green) 26.667%, transparent) 70%,color-mix(in srgb, var(--merge-warm-gray) 36.863%, transparent));box-shadow:inset 1px 1px 1px color-mix(in srgb, var(--merge-web) 60%, transparent),inset -2px -2px 12px color-mix(in srgb, var(--merge-dark-green) 33.333%, transparent);mix-blend-mode:soft-light;}

.news-image-play.is-dragging {cursor:grabbing}
.news-image-play {user-select:none;-webkit-user-select:none}