@charset "UTF-8";

/* The archive: neutral surfaces, readable type, and room for the full photograph. */
:root {
  --paper: #f5f6f8;
  --white: #ffffff;
  --ink: #17202a;
  --muted: #56616d;
  --line: #dce0e5;
  --accent: #2458d3;
  --accent-hover: #1644b3;
  --dark: #151b23;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --gutter: clamp(20px, 3.5vw, 64px);
  --max: 1800px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; color: var(--ink); background: var(--white); font: 16px/1.6 var(--sans); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button, a { transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { width: 22px; height: 22px; display: block; flex-shrink: 0; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--sans); font-weight: 650; line-height: 1.25; letter-spacing: -.025em; text-wrap: balance; }
h1 { font-size: clamp(30px, 3.1vw, 44px); }
h2 { font-size: 26px; }
h3 { font-size: 19px; }
h1 em, h2 em { font-style: normal; }
p { color: var(--muted); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
::selection { background: #cbdafe; color: #102750; }
[hidden] { display: none !important; }
.page-width, .section-pad { width: 100%; max-width: var(--max); padding-left: var(--gutter); padding-right: var(--gutter); margin-left: auto; margin-right: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: 12px; transform: translateY(-180%); background: #fff; color: #17202a; padding: 12px 20px; z-index: 200; border-radius: 4px; }
.skip-link:focus { transform: none; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 14px; min-height: 44px; padding: 10px 19px; border: 1px solid transparent; border-radius: 4px; font-size: 14px; line-height: 1.5; font-weight: 600; white-space: nowrap; }
.button-dark { background: var(--accent); color: #fff; border-color: var(--accent); }
.button-dark:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.button-outline { background: #fff; color: var(--ink); border-color: #aeb7c1; }
.button-outline:hover { background: #f0f3f7; border-color: #7b8897; }
.text-link { color: var(--accent); font-size: 14px; font-weight: 550; display: inline-flex; align-items: center; gap: 9px; min-height: 44px; }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.eyebrow { font-size: 13px; line-height: 1.5; color: var(--muted); font-weight: 600; margin-bottom: 14px; }
.tiny-cross { display: none; }
.flash-banner { padding: 16px var(--gutter); background: #e8f3eb; color: #235334; border-bottom: 1px solid #c6dfcd; }

/* One compact application header, rather than a marketing masthead. */
.site-header { background: var(--dark); color: #fff; position: sticky; top: 0; z-index: 60; transition: box-shadow 180ms ease; }
.site-header[data-scrolled] { box-shadow: 0 2px 15px #0b111c29; }
.header-inner { min-height: 68px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; }
.brand-mark { font-size: 34px; font-weight: 750; line-height: 1; letter-spacing: -.09em; padding-right: 3px; }
.brand-mark > span { color: #87aaff; }
.brand-text { font-size: 17px; line-height: 1.2; letter-spacing: -.025em; font-weight: 650; }
.brand-text small { display: block; font-size: 12px; font-weight: 400; color: #bbc5d1; letter-spacing: 0; margin-top: 4px; }
.primary-nav { display: flex; align-items: center; align-self: stretch; gap: 25px; font-size: 14px; font-weight: 500; }
.primary-nav a { display: inline-flex; align-items: center; color: #d7dee7; position: relative; min-height: 44px; border-bottom: 2px solid transparent; padding-top: 2px; }
.primary-nav a:hover, .primary-nav a.is-active { color: #fff; border-color: #91adf0; }
.header-search { display: flex; align-items: center; gap: 10px; margin-left: auto; border: 1px solid #536071; background: #ffffff0c; padding: 0 12px; border-radius: 4px; width: clamp(200px, 23vw, 340px); height: 38px; }
.header-search svg { width: 17px; height: 17px; color: #c3ccd8; }
.header-search-toggle { border: 0; padding: 0; background: transparent; color: #fff; display: flex; align-items: center; justify-content: center; min-width: 24px; min-height: 34px; }
.header-search input { min-width: 0; width: 100%; background: transparent; color: #fff; border: 0; padding: 8px 0; font-size: 13px; outline: 0; }
.header-search input::placeholder { color: #bdc7d4; opacity: 1; }
.header-search:focus-within { border-color: #a1baff; box-shadow: 0 0 0 2px #a1baff29; }
.header-contact { font-size: 13px; display: inline-flex; align-items: center; gap: 9px; min-height: 44px; white-space: nowrap; }
.header-contact:hover { color: #b3c8ff; }
.menu-toggle { display: none; }

/* The profile cover is separate from the uncropped archive photographs. */
.profile-cover { background: #687481; }
.cover-photo { display: block; position: relative; width: 100%; height: clamp(260px, 24vw, 390px); overflow: hidden; background: #626d7b; }
.cover-photo > img { width: 100%; height: calc(100% + 40px); max-width: none; object-fit: cover; object-position: center 53%; position: absolute; top: -20px; }
.cover-shade { position: absolute; inset: 0; background: linear-gradient(180deg, #14213208 55%, #081420b8); pointer-events: none; }
.cover-location, .cover-credit { position: absolute; z-index: 1; bottom: 23px; color: #fff; font-size: 13px; line-height: 1.5; text-shadow: 0 1px 6px #0007; display: inline-flex; align-items: center; gap: 8px; }
.cover-location { left: var(--gutter); }
.cover-location svg { width: 16px; height: 16px; }
.cover-credit { right: var(--gutter); }
.cover-expand { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #ffffff8c; border-radius: 50%; margin-left: 6px; font-size: 19px; }
.photographer-profile { display: flex; gap: 23px; align-items: center; padding-top: 25px; padding-bottom: 27px; min-height: 154px; background: #fff; }
.profile-avatar { width: 94px; height: 94px; border-radius: 50%; border: 5px solid #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #e9edf2; color: #243044; font-size: 43px; font-weight: 700; letter-spacing: -.09em; box-shadow: 0 0 0 1px #d5dae1; }
.profile-avatar span { color: var(--accent); }
.profile-identity { min-width: 0; }
.profile-title { display: flex; align-items: center; gap: 17px; flex-wrap: wrap; }
.profile-title h1 { font-size: 32px; letter-spacing: -.035em; line-height: 1.2; font-weight: 650; }
.profile-location { font-size: 13px; color: var(--muted); display: inline-flex; align-items: center; gap: 7px; }
.location-dot { width: 5px; height: 5px; border-radius: 50%; background: #647385; }
.profile-description { margin-top: 7px; font-size: 15px; line-height: 1.6; }
.profile-stats { display: flex; flex-wrap: wrap; gap: 23px; margin-top: 11px; font-size: 13px; line-height: 1.5; color: var(--muted); }
.profile-stats strong { color: var(--ink); font-size: 14px; font-weight: 650; }
.profile-actions { display: flex; gap: 10px; margin-left: auto; flex-shrink: 0; }
.photostream-section { background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stream-navigation { min-height: 64px; display: flex; align-items: stretch; gap: 24px; justify-content: space-between; background: #fff; border-bottom: 1px solid var(--line); }
.stream-tabs { display: flex; align-items: stretch; gap: 30px; font-size: 14px; font-weight: 550; }
.stream-tabs a { display: flex; align-items: center; gap: 8px; border-bottom: 3px solid transparent; padding: 3px 1px 0; color: var(--muted); min-height: 60px; }
.stream-tabs a.is-active { color: var(--ink); border-bottom-color: var(--accent); }
.stream-tabs a:hover { color: var(--ink); border-bottom-color: #a9b9d7; }
.stream-tabs a > span { color: var(--muted); font-size: 12px; font-weight: 400; }
.stream-tools { display: flex; align-items: center; gap: 24px; }
.archive-search-link { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; min-height: 44px; }
.archive-search-link:hover { color: var(--accent); }
.archive-search-link svg { width: 18px; height: 18px; }
.view-controls { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
.gallery-view-button { min-width: 40px; min-height: 36px; padding: 7px 10px; display: inline-flex; justify-content: center; align-items: center; border: 0; border-radius: 3px; background: #fff; color: #56616d; font-size: 13px; font-weight: 550; }
.gallery-view-button svg { width: 20px; height: 20px; }
.gallery-view-button[aria-pressed=true] { background: #e8edf5; color: #163568; }
.gallery-view-button:hover { background: #f0f3f7; }
.stream-body { padding-top: 28px; padding-bottom: 28px; }
.stream-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 18px; }
.stream-heading h2 { font-size: 19px; font-weight: 600; }
.stream-heading > span { color: var(--muted); font-size: 13px; }
.stream-end { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px; color: var(--muted); font-size: 13px; }

/* Natural-ratio fallback works before JS and when JS is unavailable. */
.photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; align-items: start; }
.photo-card { min-width: 0; position: relative; overflow: hidden; background: #dce2e9; }
.photo-card-image { display: block; position: relative; width: 100%; overflow: hidden; }
.photo-card-image > img { display: block; width: 100%; height: auto; object-fit: contain; }
.photo-grid.is-justified .photo-card-image > img { width: 100%; height: 100%; object-fit: contain; }
.photo-card-image:focus-visible { outline: 3px solid #fff; outline-offset: -6px; box-shadow: inset 0 0 0 3px var(--accent); }
.image-registration { position: absolute; top: 13px; left: 13px; padding: 3px 8px; background: #101720c9; color: #fff; border-radius: 3px; font-size: 12px; font-weight: 550; letter-spacing: .025em; line-height: 1.6; pointer-events: none; }
.photo-card-meta { position: absolute; inset: auto 0 0; min-height: 83px; padding: 27px 16px 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; background: linear-gradient(transparent, #080e17e8); color: #fff; opacity: 0; transform: translateY(6px); transition: opacity 180ms ease, transform 240ms cubic-bezier(.2,.75,.25,1); pointer-events: none; }
.photo-card:hover .photo-card-meta, .photo-card:focus-within .photo-card-meta { opacity: 1; transform: none; }
.photo-card-title { display: block; font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-shadow: 0 1px 3px #0005; }
.photo-card-subtitle { display: block; margin-top: 2px; font-size: 12px; line-height: 1.5; color: #fff; }
.image-view { display: flex; justify-content: center; align-items: center; min-height: 30px; min-width: 30px; }
.image-view svg { width: 21px; height: 21px; }

/* Albums have their own covers; photographs themselves are never cropped. */
.albums-section { padding-top: 46px; padding-bottom: 44px; scroll-margin-top: 90px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 24px; }
.section-heading h2 { font-size: 25px; }
.section-heading p { margin-top: 7px; font-size: 15px; }
.collection-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 21px; }
.collection-card { min-width: 0; display: block; }
.collection-image { position: relative; overflow: hidden; background: #e2e6ec; aspect-ratio: 1.6; border-radius: 3px; }
.collection-image img { width: 100%; height: 100%; object-fit: cover; transition: opacity 180ms ease; }
.collection-card:hover .collection-image img { opacity: .9; }
.album-icon { position: absolute; right: 12px; bottom: 12px; color: #fff; background: #101720b3; padding: 5px; border-radius: 3px; }
.album-icon svg { width: 19px; height: 19px; }
.collection-info { padding-top: 13px; }
.collection-info h3 { font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
.collection-info > span { display: block; font-size: 13px; color: var(--muted); margin-top: 3px; }
.collection-card:hover h3 { color: var(--accent); }

/* The archive tools remain ordinary GET forms with shareable results. */
.page-heading { padding-top: 45px; padding-bottom: 30px; display: flex; justify-content: space-between; gap: 30px; }
.page-heading h1 { font-size: 36px; }
.page-heading p { margin-top: 12px; font-size: 16px; line-height: 1.65; max-width: 640px; }
.gallery-section { padding-bottom: 45px; }
.archive-page { background: var(--paper); }
.gallery-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; background: #fff; border: 1px solid var(--line); border-radius: 5px; padding: 19px; }
.search-field { display: flex; align-items: center; gap: 12px; border: 1px solid #7e8b9b; border-radius: 4px; background: #fff; padding: 0 13px; min-height: 46px; }
.search-field svg { width: 20px; height: 20px; color: var(--muted); }
.search-field input { border: 0; background: transparent; outline: none; width: 100%; min-width: 0; font-size: 15px; color: var(--ink); padding: 11px 0; }
.search-field:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.search-field input::placeholder { color: #5a6573; opacity: 1; }
.filter-toggle { display: none; }
.archive-filters { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; gap: 18px; align-items: end; padding-top: 9px; }
.archive-filters > label { display: grid; gap: 7px; color: var(--muted); font-size: 13px; font-weight: 500; }
.archive-filters select { width: 100%; min-width: 0; background: #fff; color: var(--ink); font-size: 14px; border: 1px solid #7e8b9b; border-radius: 4px; padding: 9px; min-height: 44px; }
.filter-apply { padding-left: 16px; padding-right: 16px; }
.results-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 81px; font-size: 14px; color: var(--muted); }
.results-summary { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.results-summary strong { color: var(--ink); font-weight: 600; }
.clear-filters { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.pagination { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 30px; margin-top: 30px; border-top: 1px solid var(--line); font-size: 14px; }
.pagination a { min-height: 44px; display: inline-flex; align-items: center; color: var(--accent); }
.empty-state { padding: 80px 20px; text-align: center; }
.empty-state h2 { margin-bottom: 14px; }
.empty-state p { margin-bottom: 23px; }

/* A dark, quiet viewing room around the entire photograph. */
.photo-breadcrumb { display: flex; align-items: center; gap: 25px; min-height: 61px; font-size: 14px; }
.photo-breadcrumb a { color: var(--muted); min-height: 44px; display: inline-flex; align-items: center; }
.photo-breadcrumb a:hover { color: var(--accent); }
.photo-stage { background: #101216; padding: 0 var(--gutter) 26px; }
.photo-stage-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 1550px; margin: auto; min-height: 62px; color: #e1e6ee; }
.photo-stage-label { font-size: 13px; }
.fullscreen-button { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; background: transparent; color: #fff; border: 1px solid transparent; border-radius: 4px; padding: 8px 12px; font-size: 14px; }
.fullscreen-button:hover { background: #ffffff12; border-color: #ffffff38; }
.fullscreen-button svg { width: 19px; height: 19px; }
.photo-stage > img { width: auto; max-width: 100%; height: auto; max-height: 76vh; object-fit: contain; margin: 0 auto; }
.photo-detail { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,1fr); gap: clamp(45px,7vw,120px); padding-top: 40px; padding-bottom: 50px; }
.photo-story h1 { font-size: clamp(28px,2.8vw,38px); line-height: 1.3; letter-spacing: -.03em; overflow-wrap: anywhere; }
.photo-byline { margin-top: 12px; font-size: 14px; line-height: 1.7; }
.photo-byline a { color: var(--accent); }
.photo-caption { margin-top: 25px; font-size: 16px; max-width: 65ch; line-height: 1.75; color: #37424f; }
.photo-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.photo-tags a { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 10px; background: #f0f3f7; border: 1px solid #d8dfe8; border-radius: 3px; color: #405168; font-size: 13px; }
.photo-tags a:hover { color: var(--accent); background: #e7edf8; }
.photo-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 30px; }
.share-button { min-height: 44px; padding: 10px 12px; background: transparent; color: var(--accent); border: 1px solid #aab8cc; border-radius: 4px; font-size: 14px; }
.share-button:hover { background: #f0f4fa; }
.photo-image-id { margin-top: 25px; font-size: 13px; color: var(--muted); }
.photo-image-id strong { font: 500 13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; color: var(--ink); margin-left: 9px; }
.copyright-note { font-size: 13px; margin-top: 8px; line-height: 1.7; }
.copyright-note a { text-decoration: underline; text-underline-offset: 3px; }
.photo-facts { min-width: 0; }
.metadata-section-title { font-size: 18px; letter-spacing: -.01em; font-weight: 600; }
.photo-facts dl { margin: 15px 0 0; }
.photo-facts dl > div { display: grid; grid-template-columns: 1fr 1.4fr; gap: 20px; padding: 11px 0; font-size: 14px; line-height: 1.6; border-bottom: 1px solid #e5e8ec; }
.photo-facts dt { color: var(--muted); }
.photo-facts dd { margin: 0; overflow-wrap: anywhere; color: var(--ink); }
.photo-facts dd a { color: var(--accent); }
.photo-facts dd a:hover { text-decoration: underline; text-underline-offset: 3px; }
.camera-details { margin-top: 29px; }
.camera-details summary { list-style: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; min-height: 44px; font-size: 17px; font-weight: 600; }
.camera-details summary::-webkit-details-marker { display: none; }
.camera-details summary > span { font-weight: 400; font-size: 21px; }
.camera-details[open] summary > span { transform: rotate(180deg); }
.metadata-note { font-size: 14px; margin-top: 12px; }
.related-section { border-top: 1px solid var(--line); padding-top: 36px; padding-bottom: 42px; background: var(--paper); }
.related-section .section-heading h2 { font-size: 23px; }

/* The full-view dialog supports real image zoom, keyboard focus, and Escape. */
.lightbox-open { overflow: hidden; }
.image-lightbox { position: fixed; inset: 0; z-index: 100; background: #080b10fa; color: #fff; display: flex; align-items: center; justify-content: center; padding: 85px 35px 62px; isolation: isolate; }
.image-lightbox > img { display: block; object-fit: contain; max-width: 100%; max-height: calc(100dvh - 147px); width: auto; height: auto; }
.image-lightbox > p { position: fixed; bottom: 20px; left: 0; width: 100%; text-align: center; font-size: 13px; color: #c2cad5; pointer-events: none; }
.lightbox-toolbar { position: fixed; inset: 0 0 auto; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 68px; padding: 10px 28px; background: #0c1019ed; border-bottom: 1px solid #ffffff1a; }
.lightbox-caption { font-size: 14px; color: #e0e6f0; }
.lightbox-actions { display: flex; align-items: center; gap: 9px; }
.lightbox-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 8px 14px; background: #ffffff0a; color: #fff; border: 1px solid #ffffff36; border-radius: 4px; font-size: 14px; }
.lightbox-actions button:hover, .lightbox-actions button[aria-pressed=true] { background: #ffffff23; border-color: #ffffff8c; }
.lightbox-close span { font-size: 23px; line-height: 1; }
.image-lightbox.is-zoomed { padding-top: 85px; padding-bottom: 55px; }

/* Explore pages share the same photographic language. */
.explore-body, .collection-photos { padding-bottom: 50px; }
.explore-tabs, .page-subnav { display: flex; gap: 30px; align-items: center; border-bottom: 1px solid var(--line); margin-bottom: 28px; font-size: 15px; overflow-x: auto; }
.explore-tabs > a, .page-subnav > a { display: inline-flex; align-items: center; min-height: 53px; border-bottom: 3px solid transparent; color: var(--muted); white-space: nowrap; }
.explore-tabs > a.is-active, .page-subnav > a.is-active { border-color: var(--accent); color: var(--ink); }
.explore-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px 24px; }
.explore-group-image { aspect-ratio: 1.65; overflow: hidden; position: relative; background: #dfe5ec; border-radius: 3px; }
.explore-group-image img { width: 100%; height: 100%; object-fit: cover; }
.explore-group-image > span { display: none; }
.explore-group-info { display: flex; flex-wrap: wrap; gap: 6px 20px; align-items: center; justify-content: space-between; padding-top: 12px; }
.explore-group-info h2 { font-size: 18px; font-weight: 600; letter-spacing: -.01em; }
.explore-group-info > span { font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 10px; }
.explore-group:hover h2 { color: var(--accent); }
.explore-group > p { font-size: 14px; margin-top: 8px; }
.collection-back { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }

/* Supporting pages prioritize comfortable reading and real contact information. */
.about-layout { display: grid; grid-template-columns: minmax(240px,.85fr) minmax(0,1.15fr); align-items: start; gap: 70px; padding-bottom: 55px; }
.about-visual { background: #e9edf3; position: relative; min-height: 360px; display: flex; align-items: center; justify-content: center; border-radius: 4px; overflow: hidden; }
.about-visual img { width: 100%; height: auto; object-fit: contain; }
.about-visual > span:not(.about-monogram) { position: absolute; bottom: 20px; left: 20px; color: #fff; background: #101720d6; padding: 6px 12px; font-size: 13px; }
.about-monogram { font-size: 100px; font-weight: 700; letter-spacing: -.08em; color: #33455f; }
.about-monogram > span { color: var(--accent); }
.about-copy { max-width: 680px; }
.about-copy h2 { font-size: 27px; line-height: 1.3; margin-bottom: 22px; }
.about-copy p { font-size: 16px; line-height: 1.8; margin-bottom: 20px; }
.about-copy .button { margin-top: 7px; }
.about-contact { padding-top: 35px; padding-bottom: 45px; background: var(--paper); border-top: 1px solid var(--line); }
.about-contact h2 { font-size: 25px; margin-bottom: 13px; }
.contact-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; padding-bottom: 60px; }
.contact-intro h2 { font-size: 25px; margin-bottom: 20px; }
.contact-intro > p { font-size: 16px; line-height: 1.8; max-width: 460px; }
.contact-email { display: inline-flex; align-items: center; gap: 20px; font-size: 17px; color: var(--accent); margin-top: 26px; min-height: 44px; word-break: break-all; }
.contact-note { border-top: 1px solid var(--line); margin-top: 30px; padding-top: 20px; }
.contact-note p { font-size: 14px; line-height: 1.7; }
.contact-form { display: grid; gap: 23px; }
.contact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.contact-form label { display: grid; gap: 8px; font-size: 14px; font-weight: 550; color: var(--ink); }
.contact-form input:not([type=hidden]), .contact-form textarea, .contact-form select { width: 100%; min-width: 0; min-height: 46px; border: 1px solid #7e8b9b; border-radius: 4px; padding: 11px 12px; background: #fff; color: var(--ink); font-size: 16px; font-weight: 400; line-height: 1.5; }
.contact-form textarea { resize: vertical; min-height: 160px; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #5a6573; opacity: 1; }
.contact-form .button { justify-self: start; padding-left: 25px; padding-right: 25px; }
.honey-field { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.form-privacy { font-size: 13px; line-height: 1.7; }
.form-privacy a, .legal-copy a:not(.button) { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.photo-reference { font-size: 14px; padding: 12px 14px; background: #f0f3f8; border-radius: 4px; }
.contact-success { padding: 30px; border: 1px solid #c8ddd0; background: #f3f8f4; border-radius: 4px; }
.contact-success h2 { font-size: 29px; margin-bottom: 17px; }
.contact-success p { margin-bottom: 20px; font-size: 16px; }
.legal-copy { max-width: 900px; margin-left: auto; margin-right: auto; padding-bottom: 60px; }
.legal-lede { font-size: 19px; color: #37424f; line-height: 1.7; margin-bottom: 32px; }
.legal-copy h2 { font-size: 20px; margin-top: 29px; margin-bottom: 12px; }
.legal-copy p:not(.legal-lede) { font-size: 16px; line-height: 1.8; }
.legal-copy .button { margin-top: 25px; }
.not-found { text-align: center; padding-top: 80px; padding-bottom: 90px; }
.not-found h1 { font-size: 52px; margin-bottom: 20px; }
.not-found p { margin-bottom: 26px; }

/* AdSense remains visibly separate from content and all photo controls. */
.ad-wrap { padding-top: 25px; padding-bottom: 35px; }
.ad-slot { display: flex; align-items: center; justify-content: center; gap: 20px; min-height: 120px; border: 1px solid #dce0e5; background: #f8f9fb; color: #56616d; padding: 20px; }
.ad-label { font-size: 12px; letter-spacing: .07em; }
.ad-note { font-size: 14px; color: #56616d; }
.ad-rule { width: 24px; height: 1px; background: #b9c3d0; }
.live-ad { flex-direction: column; min-height: 160px; gap: 12px; }
.site-footer { background: #fff; border-top: 1px solid var(--line); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-top: 29px; padding-bottom: 29px; }
.footer-signature > a { font-size: 16px; font-weight: 650; letter-spacing: -.02em; }
.footer-signature p { margin-top: 3px; font-size: 13px; }
.footer-inner nav { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
.footer-inner nav a { display: inline-flex; align-items: center; min-height: 44px; }
.footer-inner nav a:hover { color: var(--accent); }
.copyright { color: var(--muted); font-size: 12px; white-space: nowrap; }

@media (min-width: 1800px) {
  .cover-location { left: max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter))); }
  .cover-credit { right: max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter))); }
}
@media (max-width: 1200px) {
  .header-inner { gap: 23px; }
  .primary-nav { gap: 19px; }
  .header-search { width: 230px; }
  .header-contact { display: none; }
  .profile-actions { flex-direction: column; gap: 7px; }
  .profile-actions .button { min-height: 39px; padding-top: 7px; padding-bottom: 7px; }
  .collection-grid { gap: 17px; }
  .archive-filters { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .filter-apply { grid-column: 4; justify-self: end; }
  .footer-inner { flex-wrap: wrap; gap: 20px; }
  .copyright { margin-left: auto; }
}
@media (max-width: 900px) {
  .header-search { width: 200px; }
  .header-inner { gap: 20px; }
  .brand-text { font-size: 16px; }
  .brand-text small { display: none; }
  .primary-nav { gap: 17px; font-size: 13px; }
  .cover-photo { height: 280px; }
  .profile-avatar { width: 80px; height: 80px; font-size: 36px; }
  .photographer-profile { gap: 18px; }
  .profile-title h1 { font-size: 29px; }
  .profile-description { font-size: 14px; max-width: 330px; }
  .profile-stats { gap: 15px; }
  .profile-actions .button { font-size: 13px; }
  .stream-tabs { gap: 24px; }
  .stream-tools { gap: 14px; }
  .archive-search-link > span { display: none; }
  .collection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 27px 22px; }
  .photo-detail { gap: 35px; grid-template-columns: minmax(0,1fr) minmax(290px,1fr); }
  .photo-story h1 { font-size: 29px; }
  .photo-facts dl > div { grid-template-columns: 1fr 1.25fr; gap: 15px; }
  .explore-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-layout { gap: 35px; }
  .contact-layout { gap: 35px; grid-template-columns: 1fr 1.15fr; }
  .contact-row { grid-template-columns: 1fr; }
  .contact-email { font-size: 15px; gap: 10px; }
}
@media (max-width: 700px) {
  .header-inner { min-height: 62px; flex-wrap: wrap; gap: 0; padding-top: 9px; padding-bottom: 9px; position: relative; }
  .brand-mark { font-size: 31px; }
  .brand-text { font-size: 16px; }
  .brand-text small { display: block; font-size: 11px; margin-top: 2px; }
  .header-search { margin-left: auto; width: 44px; padding: 0; background: transparent; border: 0; justify-content: center; }
  .header-search svg { width: 20px; height: 20px; }
  .header-search input { position: absolute; left: var(--gutter); right: var(--gutter); width: calc(100% - 2 * var(--gutter)); top: 62px; background: #202b3a; border: 1px solid #6b7c91; border-radius: 4px; padding: 12px; opacity: 0; pointer-events: none; transform: translateY(-5px); transition: opacity 150ms, transform 150ms; }
  .header-search:focus-within input, .header-search.is-open input { opacity: 1; pointer-events: auto; transform: none; }
  .js-enabled .header-search:not(.is-open) input { opacity: 0; pointer-events: none; transform: translateY(-5px); }
  .header-search-toggle { min-height: 44px; min-width: 44px; }
  .header-search:focus-within { box-shadow: none; }
  .primary-nav { width: 100%; justify-content: space-between; font-size: 14px; gap: 15px; order: 5; padding-top: 8px; }
  .primary-nav a { min-height: 44px; }
  .js-enabled .primary-nav { display: none; }
  .js-enabled .primary-nav.is-open { display: flex; }
  .js-enabled .menu-toggle { display: flex; width: 42px; height: 44px; background: transparent; border: 0; padding: 10px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; margin-right: -8px; margin-left: 5px; }
  .menu-toggle > span:not(.sr-only) { display: block; width: 21px; height: 1.5px; background: #fff; transition: transform 160ms ease; }
  .menu-toggle[aria-expanded=true] > span:first-child { transform: translateY(3.75px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] > span:nth-child(2) { transform: translateY(-3.75px) rotate(-45deg); }
  .cover-photo { height: 235px; }
  .cover-photo > img { height: 100%; top: 0; translate: none !important; }
  .cover-credit { bottom: 15px; font-size: 12px; }
  .cover-location { bottom: 15px; font-size: 12px; }
  .cover-location { max-width: 50%; }
  .cover-expand { display: none; }
  .photographer-profile { padding-top: 21px; padding-bottom: 23px; flex-wrap: wrap; gap: 15px; align-items: flex-start; }
  .profile-avatar { width: 66px; height: 66px; font-size: 30px; border-width: 4px; margin-top: -48px; box-shadow: 0 0 0 1px #d5dae1,0 2px 6px #0001; position: relative; }
  .profile-identity { flex: 1; min-width: 220px; }
  .profile-title { gap: 10px; }
  .profile-title h1 { font-size: 27px; }
  .profile-location { font-size: 12px; }
  .profile-description { max-width: none; font-size: 14px; margin-top: 8px; }
  .profile-stats { gap: 16px; font-size: 12px; margin-top: 11px; }
  .profile-stats strong { font-size: 13px; }
  .profile-actions { width: 100%; flex-direction: row; gap: 10px; margin-left: 81px; }
  .profile-actions .button { min-height: 42px; font-size: 13px; }
  .stream-navigation { min-height: 59px; gap: 15px; }
  .stream-tabs { gap: 22px; font-size: 13px; flex-shrink: 0; }
  .stream-tabs a { min-height: 58px; }
  .stream-tabs a > span { display: none; }
  .stream-tools { gap: 8px; }
  .stream-tools .archive-search-link { display: none; }
  .stream-tools .view-controls { border: 0; padding: 0; gap: 0; }
  .gallery-view-button { min-width: 35px; padding: 7px; min-height: 40px; }
  .stream-body { padding-top: 21px; padding-bottom: 23px; }
  .stream-heading { margin-bottom: 15px; }
  .stream-heading h2 { font-size: 18px; }
  .stream-heading > span { display: none; }
  .stream-end { flex-wrap: wrap; gap: 5px; margin-top: 15px; }
  .photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
  .image-registration { font-size: 12px; top: 10px; left: 10px; padding: 2px 7px; }
  .photo-card-meta { min-height: 70px; padding: 23px 12px 11px; }
  .photo-card-meta { opacity: 1; transform: none; }
  .photo-grid[data-gallery-view=compact] .photo-card-meta { display: none; }
  .photo-card-title { font-size: 14px; }
  .photo-card-subtitle { font-size: 12px; }
  .albums-section { padding-top: 32px; padding-bottom: 31px; }
  .section-heading h2 { font-size: 23px; }
  .section-heading { flex-wrap: wrap; align-items: flex-start; gap: 12px; margin-bottom: 20px; }
  .section-heading p { font-size: 14px; margin-top: 5px; }
  .collection-grid { gap: 24px 16px; }
  .collection-info h3 { font-size: 15px; }
  .collection-info > span { font-size: 12px; }
  .page-heading { padding-top: 29px; padding-bottom: 24px; display: block; }
  .page-heading h1 { font-size: 31px; }
  .page-heading p { font-size: 15px; margin-top: 10px; }
  .gallery-search { padding: 15px; gap: 13px; grid-template-columns: 1fr auto; }
  .search-field { grid-column: 1/-1; }
  .search-field input { font-size: 15px; }
  .gallery-search > .button { justify-self: start; min-width: 100px; }
  .js-enabled .filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 15px; background: #fff; border: 1px solid #7e8b9b; border-radius: 4px; padding: 8px 15px; min-height: 44px; font-size: 14px; }
  .archive-filters { grid-template-columns: 1fr 1fr; gap: 18px 13px; padding-top: 5px; }
  .js-enabled .archive-filters { display: none; }
  .js-enabled .archive-filters.is-open { display: grid; }
  .archive-filters select { font-size: 14px; padding: 9px 6px; }
  .filter-apply { grid-column: 1/-1; justify-self: start; }
  .results-bar { min-height: 79px; font-size: 13px; gap: 10px; }
  .results-summary { gap: 13px; }
  .gallery-toolbar > .view-controls .gallery-view-button { font-size: 12px; padding: 6px 9px; }
  .gallery-section { padding-bottom: 28px; }
  .pagination { gap: 15px; font-size: 13px; padding-top: 20px; margin-top: 22px; }
  .empty-state { padding: 55px 0; }
  .empty-state h2 { font-size: 24px; }
  .photo-breadcrumb { font-size: 13px; min-height: 53px; gap: 18px; }
  .photo-stage { padding: 0 0 17px; }
  .photo-stage-toolbar { padding: 0 16px; min-height: 56px; gap: 12px; }
  .photo-stage-label { font-size: 12px; }
  .fullscreen-button { padding: 7px 8px; font-size: 13px; white-space: nowrap; gap: 7px; }
  .photo-stage > img { width: 100%; height: auto; max-height: 70vh; }
  .photo-detail { display: block; padding-top: 26px; padding-bottom: 32px; }
  .photo-story h1 { font-size: 28px; }
  .photo-caption { margin-top: 20px; font-size: 16px; }
  .photo-actions { margin-top: 24px; gap: 13px; }
  .photo-actions .button { font-size: 13px; padding: 10px 14px; }
  .photo-facts { margin-top: 33px; }
  .photo-facts dl > div { font-size: 14px; grid-template-columns: 1fr 1.4fr; }
  .related-section { padding-top: 29px; padding-bottom: 30px; }
  .related-section .section-heading h2 { font-size: 22px; }
  .image-lightbox { padding: 80px 10px 52px; }
  .image-lightbox > img { max-height: calc(100dvh - 132px); }
  .lightbox-toolbar { padding: 9px 12px; min-height: 65px; gap: 10px; }
  .lightbox-caption { font-size: 12px; max-width: 36%; }
  .lightbox-actions { gap: 5px; }
  .lightbox-actions button { font-size: 12px; min-height: 40px; padding: 7px 10px; }
  .lightbox-close span { font-size: 21px; }
  .explore-tabs { font-size: 14px; gap: 25px; margin-bottom: 24px; }
  .explore-grid { gap: 27px 18px; }
  .explore-group-info { align-items: flex-start; }
  .explore-group-info h2 { font-size: 17px; }
  .explore-group-info > span { font-size: 13px; }
  .about-layout { grid-template-columns: 1fr; gap: 28px; padding-bottom: 35px; }
  .about-visual { min-height: 250px; max-width: 500px; }
  .about-copy h2 { font-size: 25px; }
  .about-contact { padding-top: 29px; padding-bottom: 30px; }
  .about-contact h2 { font-size: 23px; }
  .contact-layout { display: block; padding-bottom: 40px; }
  .contact-intro h2 { font-size: 24px; }
  .contact-email { font-size: 16px; margin-top: 18px; }
  .contact-note { margin-top: 20px; padding-top: 17px; }
  .contact-form-wrap { margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--line); }
  .contact-row { grid-template-columns: 1fr; gap: 23px; }
  .legal-copy { padding-bottom: 40px; }
  .legal-lede { font-size: 18px; }
  .legal-copy h2 { font-size: 20px; }
  .ad-wrap { padding-top: 20px; padding-bottom: 28px; }
  .ad-slot { flex-wrap: wrap; min-height: 110px; gap: 9px 15px; padding: 16px; text-align: center; }
  .ad-note { font-size: 13px; }
  .footer-inner { flex-direction: column; align-items: flex-start; gap: 15px; padding-top: 24px; padding-bottom: 23px; }
  .footer-inner nav { gap: 0 22px; font-size: 13px; }
  .copyright { margin-left: 0; }
}
@media (max-width: 420px) {
  :root { --gutter: 16px; }
  .profile-identity { min-width: 210px; }
  .profile-title h1 { font-size: 25px; }
  .profile-location { display: none; }
  .profile-stats { gap: 12px; }
  .profile-actions { margin-left: 0; }
  .profile-avatar { width: 58px; height: 58px; font-size: 27px; }
  .stream-tabs { gap: 18px; font-size: 13px; }
  .stream-tabs a:nth-last-child(1) { display: none; }
  .stream-tools .view-controls { gap: 0; }
  .stream-tools .gallery-view-button { min-width: 31px; padding: 6px; }
  .photo-grid:not(.is-justified) { grid-template-columns: 1fr; }
  .explore-grid { grid-template-columns: 1fr; }
  .photo-card-meta { padding-left: 10px; padding-right: 10px; }
  .photo-card-title { font-size: 13px; }
  .photo-card-subtitle { font-size: 12px; }
  .gallery-toolbar > .view-controls .gallery-view-button { padding: 6px; }
  .results-summary { gap: 5px; }
  .cover-location { display: none; }
  .lightbox-caption { display: none; }
  .lightbox-actions { width: 100%; justify-content: space-between; }
}
@media (hover: none) {
  .photo-card-meta { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .cover-photo > img { translate: none !important; transform: none !important; }
  .photo-card-meta { transform: none; }
}

/* Discourage casual saving without interfering with photo navigation or viewer zoom. */
[data-protected-photo] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.photo-license-notice {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 150;
  width: min(440px, calc(100vw - 32px));
  background: #17202a;
  color: #fff;
  border: 1px solid #56616d;
  border-radius: 6px;
  padding: 20px 46px 19px 20px;
  box-shadow: 0 8px 32px #0b111c38;
  -webkit-user-select: text;
  user-select: text;
}
.photo-license-notice p { margin: 0; color: #fff; }
.photo-license-notice strong { display: block; font-size: 15px; line-height: 1.5; font-weight: 600; }
.photo-license-notice p > span { display: block; margin-top: 5px; color: #d1d9e3; font-size: 13px; line-height: 1.6; }
.photo-license-notice > a { display: inline-flex; align-items: center; min-height: 36px; margin-top: 10px; color: #bdd0ff; font-size: 14px; font-weight: 550; text-decoration: underline; text-underline-offset: 3px; }
.photo-license-dismiss { position: absolute; right: 5px; top: 5px; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 4px; color: #fff; background: transparent; font-size: 25px; line-height: 1; }
.photo-license-dismiss:hover { background: #ffffff18; }
.photo-license-notice a:focus-visible, .photo-license-dismiss:focus-visible { outline-color: #bdd0ff; }
@media (max-width: 600px) {
  .photo-license-notice { right: 16px; bottom: 16px; padding-top: 17px; padding-bottom: 15px; }
}
/* Editorial homepage: generous photography, restrained interface. */
.editorial-home{background:#fff}.home-feature{display:grid;grid-template-columns:.85fr 1.4fr;gap:6%;align-items:center;padding-top:64px;padding-bottom:56px}.home-kicker{font-size:11px;font-weight:650;letter-spacing:.14em;color:var(--muted);margin-bottom:15px}.home-intro h1{font-size:clamp(32px,3.7vw,56px);line-height:1.08;letter-spacing:-.055em;font-weight:600}.home-intro h1 em{font-weight:400;font-style:normal;color:var(--muted)}.home-summary{max-width:350px;font-size:16px;line-height:1.7;margin-top:25px;color:var(--muted)}.home-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.home-archive-count{margin-top:28px;font-size:12px;color:var(--muted)}.home-archive-count span{margin:0 10px}.home-feature-image{margin:0;min-width:0}.home-feature-link{display:block;background:#f1f3f5;overflow:hidden}.home-feature-image img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.home-feature-image figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding-top:15px}.home-feature-image figcaption strong{color:var(--ink);margin-right:8px}.home-feature-image figcaption a{white-space:nowrap}.home-discovery{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-discovery form{width:min(560px,100%)}.home-discovery label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.home-search-row{display:flex;gap:8px}.home-search-row input{width:100%;min-width:0;border:1px solid #cbd1d8;background:#fff;border-radius:3px;padding:12px 15px;font:inherit;font-size:15px}.home-discovery nav{display:flex;gap:23px;flex-wrap:wrap;font-size:13px}.home-latest,.home-collections{padding-top:64px;padding-bottom:12px;scroll-margin-top:90px}.home-latest .section-heading h2,.home-collections h2,.home-about h2{font-size:28px;font-weight:550;letter-spacing:-.035em}.home-latest .section-heading,.home-collections .section-heading{align-items:end;margin-bottom:25px}.home-latest .home-kicker,.home-collections .home-kicker{margin-bottom:9px}.home-collections .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-collections .collection-image{aspect-ratio:3/2}.home-about{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:64px;padding-bottom:64px;margin-top:64px;border-top:1px solid var(--line)}.home-about p:not(.home-kicker){max-width:470px;font-size:16px;line-height:1.75;color:var(--muted);margin:18px 0 24px}.home-license{border-left:1px solid var(--line);padding-left:36px}.editorial-home a:focus-visible,.home-search-row input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:900px){.home-feature{gap:5%;padding-top:40px;padding-bottom:35px}.home-intro h1{font-size:36px}.home-discovery{align-items:start;flex-direction:column;gap:20px}.home-discovery form{width:100%}.home-about{gap:6%}}@media(max-width:600px){.home-feature{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:28px}.home-intro h1{font-size:36px}.home-intro h1 br{display:none}.home-summary{margin-top:15px;max-width:100%;font-size:15px}.home-intro-actions{margin-top:20px;gap:20px}.home-archive-count{margin-top:17px}.home-feature-image figcaption{font-size:12px;align-items:start}.home-latest,.home-collections{padding-top:36px}.home-latest .section-heading,.home-collections .section-heading{align-items:start;gap:15px}.home-latest .section-heading h2,.home-collections h2,.home-about h2{font-size:24px}.home-latest .section-heading>.text-link,.home-collections .section-heading>.text-link{font-size:12px;max-width:110px;text-align:right}.home-collections .collection-grid{grid-template-columns:1fr;gap:25px}.home-about{grid-template-columns:1fr;gap:36px;padding-top:36px;padding-bottom:36px;margin-top:36px}.home-license{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.home-discovery nav{gap:22px}.home-search-row .button{padding-left:15px;padding-right:15px}}
@media(max-width:600px){.home-feature-image{order:-1}.home-intro h1{font-size:32px;line-height:1.13}.home-intro-actions{gap:16px}.home-intro-actions .button{min-height:44px}.home-intro-actions .text-link{font-size:13px}.home-summary{line-height:1.6}.home-feature{gap:25px}}
.licence-photo{display:flex;align-items:center;gap:20px;margin:24px 0;padding:18px;background:#f5f6f8;border:1px solid #dfe3e8;border-radius:5px}.licence-photo img{max-width:45%;height:auto;object-fit:contain}.licence-photo figcaption{font-size:14px;line-height:1.7;overflow-wrap:anywhere}@media(max-width:600px){.licence-photo{align-items:start;gap:14px;padding:12px}}

/* The signature and archive navigation remain useful on every public page. */
.portfolio-footer { background: #14222d; color: #f8fafc; border-top: 0; }
.portfolio-footer > .page-width { max-width: 1600px; }
.footer-main { display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 9%; padding-top: 57px; padding-bottom: 48px; }
.footer-wordmark { font-size: 34px; letter-spacing: -.055em; font-weight: 550; line-height: 1.3; }
.footer-wordmark > span { color: #9db9f5; }
.footer-identity p { color: #bac8d2; font-size: 13px; line-height: 1.85; margin-top: 17px; }
.footer-email { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: #e0e9ef; margin-top: 14px; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; }
.footer-column h2 { color: #b5c3cf; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; margin-bottom: 13px; }
.footer-column > a { display: inline-flex; align-items: center; gap: 8px; min-height: 37px; font-size: 13px; color: #e0e8ee; }
.portfolio-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.footer-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; border-top: 1px solid #42535f; padding: 23px 0; }
.footer-bottom p { color: #aebdca; font-size: 11px; margin-right: auto; }
.footer-bottom nav { display: flex; gap: 20px; flex-wrap: wrap; }
.footer-bottom a { display: inline-flex; align-items: center; min-height: 40px; font-size: 11px; color: #c0cdd7; }
.footer-back-top { margin-left: 15px; }
.portfolio-footer a:focus-visible { outline-color: #a6c2ff; }
@media(max-width:700px) {
 .footer-main { grid-template-columns: 1fr 1fr; padding-top: 39px; padding-bottom: 30px; gap: 29px; }
 .footer-identity { grid-column: 1/-1; }
 .footer-wordmark { font-size: 30px; }
 .footer-identity p { margin-top: 12px; }
 .footer-email { margin-top: 7px; }
 .footer-column > a { min-height: 44px; }
 .footer-column h2 { margin-bottom: 7px; }
 .footer-bottom { gap: 10px 25px; padding: 20px 0; }
 .footer-bottom p { width: 100%; font-size: 11px; }
 .footer-bottom nav { gap: 18px; }
 .footer-back-top { margin-left: 0; }
}