/* News and Activities reuse the site's typography, colour tokens and page shell. */ .updates-hero{padding-bottom:48px}.updates-hero .page-lede{max-width:680px}.coverage-section,.activities-section{padding-top:12px}.coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.coverage-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface,var(--bg));transition:transform .25s,border-color .25s}.coverage-card:hover{transform:translateY(-5px);border-color:var(--accent)}.coverage-masthead{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:112px;padding:28px;border-bottom:1px solid var(--line);background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:600}.coverage-number{font-size:32px;font-weight:400;opacity:.65}.coverage-copy{padding:30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.coverage-copy .eyebrow{font-size:10px;margin-bottom:18px}.coverage-copy h2{font-size:clamp(24px,2vw,32px);line-height:1.25;letter-spacing:-.025em;margin-bottom:22px}.coverage-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;margin-bottom:32px}.coverage-copy .text-link{margin-top:auto;display:flex;gap:20px}.activity-feature{padding:32px 0 70px;border-top:1px solid var(--line)}.activity-feature+.activity-feature{padding-top:55px}.activity-heading{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);align-items:start;margin-bottom:34px}.activity-heading h2{font-size:clamp(30px,3.2vw,49px);line-height:1.13;max-width:20ch}.activity-heading .eyebrow{margin-bottom:18px}.activity-details h3{font-size:22px;line-height:1.4;margin-bottom:8px}.activity-details>p{font-size:15px;line-height:1.7}.activity-details .activity-description{margin-top:20px;color:var(--ink)}.activity-details .poster-label{margin-top:22px;color:var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.activity-details .poster-label+.activity-description{margin-top:7px}.activity-details .text-link{margin-top:18px}.activity-gallery{display:grid;gap:22px;align-items:start}.gallery-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-gallery figure{margin:0;min-width:0;background:var(--surface,var(--bg));border:1px solid var(--line);border-radius:12px;overflow:hidden}.activity-gallery figure>a{display:block;background:var(--accent-soft)}.activity-gallery img{display:block;width:100%;height:430px;object-fit:contain;transition:filter .25s}.activity-gallery a:hover img{filter:brightness(1.06)}.activity-gallery figcaption{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font-size:13px;color:var(--muted)}.activity-gallery figcaption span{color:var(--accent)} @media(max-width:1100px){.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coverage-section,.activities-section{padding-top:0!important}.activity-gallery img{height:350px}.activity-heading{gap:28px}.gallery-3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.coverage-grid,.activity-heading,.activity-gallery{grid-template-columns:minmax(0,1fr)}.coverage-masthead{min-height:88px;padding:22px}.coverage-copy{padding:24px}.activity-heading h2{font-size:32px}.activity-gallery img{height:auto;max-height:580px}.activity-feature{padding-bottom:44px}.activity-feature+.activity-feature{padding-top:36px}.activity-heading{gap:25px}.activity-gallery{gap:18px}} @media(prefers-reduced-motion:reduce){.coverage-card,.activity-gallery img{transition:none}.coverage-card:hover{transform:none}} /* Activities refinement: natural photo proportions, no caption strips or matting. */ .page-activities .updates-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)!important;padding-bottom:205px!important;margin-bottom:26px} .page-activities .updates-hero::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:auto 0 0;height:190px;background-image:var(--mountain-art);background-repeat:no-repeat;background-size:cover;background-position:right bottom;mask-image:linear-gradient(to bottom,transparent,#000 28%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%)} .page-activities .activity-gallery{grid-template-columns:var(--gallery-columns);align-items:start;gap:clamp(12px,2vw,26px);max-width:1180px;margin-inline:auto} .page-activities .gallery-2{max-width:860px} .page-activities .activity-gallery figure{border:0;border-radius:16px;background:transparent;overflow:hidden;line-height:0;box-shadow:0 9px 24px var(--shadow)} .page-activities .activity-gallery figure>a{background:transparent;display:block;overflow:hidden;line-height:0} .page-activities .activity-gallery img{width:100%;height:auto;max-height:none;object-fit:initial;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s ease} .page-activities .activity-gallery a:hover img{transform:scale(1.018);filter:brightness(1.04)} .page-activities .activity-gallery a:focus-visible{outline:3px solid var(--accent);outline-offset:-5px} @media(max-width:1100px){.page-activities .updates-hero{padding-bottom:175px!important}.page-activities .updates-hero::before{height:155px}.page-activities .activity-gallery{grid-template-columns:var(--gallery-columns)}} @media(max-width:600px){.page-activities .updates-hero{padding-bottom:145px!important;margin-bottom:10px}.page-activities .updates-hero::before{height:125px;background-size:auto 125px;opacity:.85}.page-activities .activity-gallery{grid-template-columns:1fr;gap:20px;max-width:420px}.page-activities .activity-gallery figure{border-radius:12px}} @media(prefers-reduced-motion:reduce){.page-activities .activity-gallery img{transition:none}.page-activities .activity-gallery a:hover img{transform:none}} /* Editorial presentation: a shared left edge for headline, metadata and photographs. */ .page-activities .activity-feature{max-width:1180px;margin-left:0;margin-right:0;padding-top:30px} .page-activities .activity-heading{display:block;margin:0 0 30px} .page-activities .activity-heading>.eyebrow{margin:0 0 14px} .page-activities .activity-heading>h2{max-width:30ch;font-size:clamp(32px,3.5vw,55px);margin:0 0 28px;line-height:1.12} .page-activities .activity-meta{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:28px 56px;align-items:start;padding:22px 0;border-top:1px solid var(--line)} .page-activities .activity-person h3{font-size:19px;line-height:1.4;margin:0 0 5px} .page-activities .activity-person>p{font-size:14px;max-width:35ch} .page-activities .activity-person .text-link{margin-top:10px} .page-activities .activity-poster .poster-label{color:var(--accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 9px} .page-activities .activity-poster .activity-description{color:var(--ink);font-size:clamp(17px,1.45vw,21px);line-height:1.55;margin:0;max-width:56ch} .page-activities .activity-gallery{margin:0!important;max-width:100%;width:100%} .page-activities .activity-gallery.gallery-2{max-width:860px} .page-activities .activity-gallery figure{border-radius:8px;box-shadow:none} @media(max-width:700px){.page-activities .activity-meta{grid-template-columns:1fr;gap:22px;padding:18px 0}.page-activities .activity-heading{margin-bottom:22px}.page-activities .activity-heading>h2{margin-bottom:22px}.page-activities .activity-poster .activity-description{font-size:17px}.page-activities .activity-gallery{max-width:100%}} /* Compact research notes: photographs remain the main content. */ .page-activities .activity-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:22px 40px;margin:0 0 26px;padding:0} .page-activities .activity-note{font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:var(--muted);max-width:78ch;margin:0;flex:1} .page-activities .activity-note strong{font-weight:500;color:var(--ink)} .page-activities .activity-event-link{flex:0 0 auto;margin:3px 0 0;font-size:13px;color:var(--accent);border-bottom-color:var(--accent)} @media(max-width:700px){.page-activities .activity-intro{display:block;margin-bottom:22px}.page-activities .activity-event-link{margin-top:10px}.page-activities .activity-note{font-size:17px}} /* Balanced activity stories: copper date, concise note, understated research title. */ .page-activities .activity-date{color:var(--accent);font-size:11px;letter-spacing:.14em;margin:0 0 16px;line-height:1.6} .page-activities .activity-intro{margin-bottom:18px} .page-activities .activity-research-title{border-left:2px solid var(--accent);padding:2px 0 2px 18px;margin:0 0 28px;max-width:900px} .page-activities .activity-research-title>span{display:block;color:var(--accent);font-size:10px;letter-spacing:.13em;text-transform:uppercase;line-height:1.5;margin-bottom:7px} .page-activities .activity-research-title>p{color:var(--ink);font-size:clamp(16px,1.25vw,19px);line-height:1.6;max-width:76ch;margin:0} @media(max-width:700px){.page-activities .activity-date{font-size:10px;margin-bottom:12px}.page-activities .activity-research-title{padding-left:14px;margin-bottom:22px}.page-activities .activity-research-title>p{font-size:16px}} /* === ACTIVITIES IMAGES ONLY === */ .page-activities .activities-section{ padding-top:0!important; } .page-activities .activities-photo-gallery{ columns:3; column-gap:24px; } .page-activities .activities-photo-gallery figure{ display:block; margin:0 0 24px; break-inside:avoid; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--surface); } .page-activities .activities-photo-gallery img{ display:block; width:100%; height:auto!important; max-width:100%; object-fit:contain; } @media(max-width:1100px){ .page-activities .activities-photo-gallery{ columns:2; column-gap:20px; } .page-activities .activities-photo-gallery figure{ margin-bottom:20px; } } @media(max-width:600px){ .page-activities .activities-photo-gallery{ columns:1; } } /* === END ACTIVITIES IMAGES ONLY === */ /* === ACTIVITIES NATURAL GALLERY FINAL === */ /* Final Activities image treatment: - no cropping - no blurred backgrounds - no forced-height boxes - no masonry holes - each row's columns use the photographs' real aspect ratios */ .page-activities .activities-section{ padding-top:0!important; } .page-activities .activities-natural-row{ display:grid!important; grid-template-columns:var(--gallery-columns)!important; align-items:start!important; gap:clamp(14px,1.7vw,24px)!important; width:100%!important; max-width:1180px!important; margin:0 auto clamp(24px,3vw,42px)!important; columns:auto!important; } .page-activities .activities-natural-row.gallery-2{ max-width:900px!important; } .page-activities .activities-natural-row figure{ margin:0!important; border:0!important; border-radius:16px!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; line-height:0!important; } .page-activities .activities-natural-row figure > a{ display:block!important; background:transparent!important; line-height:0!important; } .page-activities .activities-natural-row img{ display:block!important; width:100%!important; height:auto!important; max-width:100%!important; max-height:none!important; object-fit:initial!important; border-radius:16px!important; transform:none!important; transition:filter .3s ease!important; } @media(hover:hover) and (pointer:fine){ .page-activities .activities-natural-row a:hover img{ transform:none!important; filter:brightness(1.025)!important; } } /* Tablet: keep images uncropped; two/three-image rows become a clean vertical rhythm. */ @media(max-width:820px){ .page-activities .activities-natural-row, .page-activities .activities-natural-row.gallery-2{ grid-template-columns:1fr!important; max-width:620px!important; gap:18px!important; margin-bottom:30px!important; } } /* Phone: full natural images edge-to-edge inside the page gutter. */ @media(max-width:600px){ .page-activities .activities-natural-row, .page-activities .activities-natural-row.gallery-2{ max-width:100%!important; } .page-activities .activities-natural-row figure, .page-activities .activities-natural-row img{ border-radius:12px!important; } } @media(prefers-reduced-motion:reduce){ .page-activities .activities-natural-row img{ transition:none!important; } } /* === END ACTIVITIES NATURAL GALLERY FINAL === */ /* === ACTIVITIES LEFT ALIGN FINAL === */ /* Align the image gallery with the Activities hero/page content. The previous natural gallery was centered via margin:auto, which made the photographs appear shifted to the right relative to "Activities". */ .page-activities .activities-section{ width:auto!important; } .page-activities .activities-natural-row{ margin-left:0!important; margin-right:0!important; max-width:1180px!important; } /* Keep the two-image row on the same left edge rather than centering it. */ .page-activities .activities-natural-row.gallery-2{ margin-left:0!important; margin-right:0!important; max-width:900px!important; } /* Tablet: same left edge as page content, with clean full-width use. */ @media(max-width:1000px){ .page-activities .activities-natural-row, .page-activities .activities-natural-row.gallery-2{ margin-left:0!important; margin-right:0!important; max-width:100%!important; } } /* Mobile: preserve the site's 6vw section gutter and natural image widths. */ @media(max-width:600px){ .page-activities .activities-natural-row, .page-activities .activities-natural-row.gallery-2{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; } } /* === END ACTIVITIES LEFT ALIGN FINAL === */