@font-face{font-family:'Bebas Neue';src:url('/assets/fonts/BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/fonts/Raleway-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/fonts/Raleway-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--paper:#080808;--ink:#f3f3f3;--muted:#b8b8b8;--line:#363636;--surface:#161616;--gutter:clamp(24px,5vw,80px);--display:'Bebas Neue',sans-serif;--sans:Raleway,Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px;scrollbar-color:#777 var(--paper);scrollbar-width:thin}body{margin:0;background:var(--paper);color:var(--ink);font:16px var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:disabled{cursor:default;opacity:.35}[hidden]{display:none!important}::selection{background:var(--ink);color:var(--paper)}.wrap{padding-left:var(--gutter);padding-right:var(--gutter)}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;left:-10000px;top:10px;z-index:100;padding:16px;background:var(--ink);color:var(--paper)}.skip-link:focus{left:10px}
h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:0;text-wrap:balance;margin:0}h1{font-size:clamp(64px,7vw,96px)}h2{font-size:clamp(40px,4vw,60px)}h3{font-size:36px}p{line-height:1.85}figure{margin:0}
/* The supplied identity and a single menu action frame every photograph. */
.site-header,.menu-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:18px;padding-bottom:18px}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper)}
.brand img{width:147.2px;height:auto}
.fallback-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 27px}
.fallback-nav a{display:flex;align-items:center;min-height:44px;font-size:13px}
.fallback-nav a[aria-current]{text-decoration:underline}
.menu-toggle,.menu-close{align-items:center;gap:16px;min-height:48px;border:0;padding:10px 0;background:none;font-size:13px;font-weight:600;letter-spacing:.03em}
.menu-toggle{display:none}.menu-close,.has-js .menu-toggle{display:inline-flex}.has-js .fallback-nav{display:none}
.menu-toggle .icon,.menu-close .icon{width:24px;height:24px;transition:opacity .2s var(--ease)}
.menu-toggle:hover .icon,.menu-close:hover .icon{opacity:.6}
.is-immersive .site-header{position:fixed;width:100%;background:transparent;transition:background .25s var(--ease)}
.is-immersive .site-header.is-scrolled{background:var(--paper)}
#site-menu{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}
#site-menu[open]{display:flex;flex-direction:column;animation:surface-in .22s var(--ease)}
.menu-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7vw;padding-top:32px;padding-bottom:56px}
#menu-navigation{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#menu-navigation a{position:relative;display:block;width:fit-content;max-width:100%;padding:4px 0;font-family:var(--display);font-size:clamp(64px,7.5vw,96px);font-weight:400;line-height:1.05;text-transform:uppercase;color:var(--muted);transition:color .2s var(--ease)}
#menu-navigation a::after{position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;content:'';transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
#menu-navigation a:hover,#menu-navigation a:focus-visible,#menu-navigation a[aria-current]{color:var(--ink)}
#menu-navigation a:hover::after,#menu-navigation a:focus-visible::after,#menu-navigation a[aria-current]::after{transform:scaleX(1)}
.menu-preview{min-width:0;align-self:center}
.menu-preview-frame{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--surface)}
.menu-preview-frame>div{position:absolute;inset:0;animation:surface-in .25s var(--ease)}
.menu-preview img{width:100%;height:100%;object-fit:cover}
.menu-preview figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px}

.button,.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;font-size:13px;font-weight:600}.button{background:transparent;color:var(--ink);border:1px solid #8a8a8a;padding:15px 22px}.button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.text-link{border-bottom:1px solid #777;padding:10px 0}.text-link:hover{border-color:var(--ink)}.text-link:hover .icon{transform:translateX(3px)}.text-link .icon{transition:transform .2s var(--ease)}.image-link{display:block}.image-link .photo-img{transition:filter .35s var(--ease)}.image-link:hover .photo-img{filter:brightness(.9)}.photo-img{width:100%;height:auto;object-fit:cover}
/* The image itself is the opening surface. The shade exists solely for text contrast. */
.hero-scene{position:relative;isolation:isolate;min-height:760px;height:100svh;overflow:hidden;background:var(--paper)}.scene-media,.scene-shade{position:absolute;inset:0}.scene-media{z-index:-2}.scene-media .scene-image{width:100%;height:100%;object-position:var(--scene-position)!important;animation:focus-pull 1.4s var(--ease)}.scene-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.04) 65%),linear-gradient(0deg,rgba(8,8,8,.92),transparent 52%,rgba(8,8,8,.18))}.scene-content{position:absolute;left:var(--gutter);bottom:116px;max-width:580px}.scene-title{font-size:clamp(88px,9.2vw,132px);line-height:.88;text-wrap:nowrap}.scene-title span{display:block}.scene-content>p{max-width:44ch;font-size:13px;line-height:1.8;margin:25px 0 14px;color:#ededed}.scene-actions{display:flex;flex-wrap:wrap;gap:14px 32px}.scene-actions .text-link{font-size:13px}@keyframes focus-pull{from{filter:blur(5px);transform:scale(1.045)}to{filter:blur(0);transform:scale(1)}}
.home-explore{padding-top:105px;padding-bottom:95px;scroll-margin-top:115px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading h2{font-size:clamp(56px,6vw,88px)}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.entry-image{overflow:hidden;background:var(--surface)}.entry-image .photo-img{aspect-ratio:4/3}.entry-personal .photo-img{aspect-ratio:4/3}.entry-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.entry-caption h3{font-size:48px}.entry-link>p{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.8}.about-teaser{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding-top:75px;padding-bottom:85px;border-top:1px solid var(--line)}.about-teaser h2{font-size:clamp(48px,5vw,72px)}.about-teaser p{font-size:16px;color:var(--muted);max-width:55ch;margin:0 0 20px}.contact-teaser{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:75px}.contact-teaser h2{font-size:clamp(48px,5vw,72px)}
/* Existing routes retain their content, proportions and ordinary navigation. */
.page-intro{padding-top:65px;padding-bottom:45px}.page-intro p,.gallery-intro>p,.project-intro>p{max-width:65ch;color:var(--muted);font-size:16px;margin:22px 0}.category-nav{display:flex;flex-wrap:wrap;gap:9px 28px;margin-top:28px}.category-nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;border-bottom:1px solid transparent}.category-nav a:hover,.category-nav a[aria-current]{border-color:currentColor}.collection-index{display:grid;grid-template-columns:1fr 1fr;gap:46px 28px;padding-bottom:75px}.collection-cover{overflow:hidden;background:var(--surface)}.collection-cover .photo-img{aspect-ratio:4/3}.collection-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.collection-caption h2{font-size:38px}.collection-card>p{font-size:12px;color:var(--muted);margin:10px 0 0}.breadcrumbs{display:flex;gap:14px;align-items:center;font-size:12px;line-height:1.8;padding-top:32px}.breadcrumbs a{min-height:44px;display:flex;align-items:center;text-decoration:underline}.breadcrumbs span:last-child{color:var(--muted)}.gallery-intro{padding-top:24px;padding-bottom:38px}.photo-count{display:block;font-size:12px;color:var(--muted);line-height:1.8}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-photo{min-width:0;width:100%;margin:0}.gallery-photo .photo-button{aspect-ratio:4/3;overflow:hidden}.gallery-photo .photo-button .photo-img{height:100%;object-fit:cover!important}.photo-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent}.photo-button .photo-img{width:100%;height:auto;object-fit:contain}.empty-collection{padding:45px;background:var(--surface)}
.project-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 28px;padding-bottom:75px}.project-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:0}.project-cover .photo-img{aspect-ratio:4/3;object-position:50% 35%!important}.project-cover[href="/personal/bikers-of-north-texas/"] .photo-img{object-position:50% 50%!important}.project-copy h2{font-size:clamp(44px,4vw,64px)}.project-copy p{font-size:15px;color:var(--muted);max-width:45ch}.project-copy .text-link{margin-top:25px}.project-intro{padding-top:26px;padding-bottom:40px}.project-intro h1{max-width:18ch}.project-lead{margin-bottom:44px}.project-lead .photo-img{aspect-ratio:16/9;object-fit:cover!important;object-position:50% 42%!important}.project-chapter{padding-top:36px;padding-bottom:36px;scroll-margin-top:160px}.project-chapter h2{font-size:44px;margin:0 0 28px}.chapter-nav{position:sticky;top:114.3px;z-index:10;display:flex;gap:10px 30px;flex-wrap:wrap;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 0}.chapter-nav a{display:flex;align-items:center;min-height:44px;font-size:13px}.chapter-nav a:hover{text-decoration:underline}
.about-scene{display:flex;align-items:flex-end;height:auto;min-height:max(760px,100svh);padding:180px var(--gutter) 80px}.about-scene .scene-content{position:relative;inset:auto;max-width:min(50vw,640px)}.about-scene .scene-shade{background:linear-gradient(90deg,rgba(8,8,8,.86),rgba(8,8,8,.76) 46%,rgba(8,8,8,.08) 76%),linear-gradient(0deg,rgba(8,8,8,.5),transparent 70%)}.about-scene .scene-title{font-size:clamp(64px,9.2vw,132px)}.about-biography{margin-top:30px}.about-biography>p{font-size:16px;line-height:1.9;color:var(--ink);margin:0}.about-biography>p+p{margin-top:24px}.scene-track.about-track{--scrub-title-travel:0px;--scrub-copy-travel:clamp(-80px,-8svh,-42px)}.about-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 48px;padding-top:36px;padding-bottom:36px;scroll-margin-top:110px}.about-more{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.about-more .text-link{gap:14px}.contact-page{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center;padding-top:90px;padding-bottom:80px}.contact-page h1{font-size:clamp(64px,7vw,96px)}.contact-page p{color:var(--muted);font-size:16px;max-width:55ch;margin-top:26px}.contact-page .inquiry-help{font-size:14px}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:22px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.65;overflow-wrap:anywhere}.contact-link:hover{border-color:var(--ink)}.contact-details>p{font-size:13px}.contact-return{padding-bottom:65px}
.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px}.footer-brand img{width:117.3px;height:auto}.footer-links{display:flex;justify-content:center;gap:25px;font-size:12px}.footer-links a{display:flex;align-items:center;min-height:44px}.footer-links a:hover{text-decoration:underline}.footer-meta{display:flex;flex-direction:column;gap:10px;text-align:right;font-size:11px;line-height:1.6;color:var(--muted)}/* One scroll-controlled opening; the gallery keeps its ordinary browsing pace.
   The unenhanced track adds no height and keeps all content visible. */
.scene-track{--scrub:0;--scrub-distance:65svh;--scrub-zoom:.12;--scrub-title-travel:clamp(-96px,calc(740px - 100svh),0px)}
.scene-track.is-scrubbing{height:calc(100svh + var(--scrub-distance))}
.is-scrubbing .hero-scene{position:sticky;top:0}
.is-scrubbing .scene-media{transform:scale(calc(1.12 - var(--scrub) * var(--scrub-zoom)))}
.is-scrubbing .scene-title{transform:translate3d(0,calc(var(--scrub) * var(--scrub-title-travel)),0)}
.is-scrubbing.about-track .scene-content{transform:translate3d(0,calc(var(--scrub) * var(--scrub-copy-travel)),0)}
.is-scrubbing .scene-shade{opacity:calc(1 - var(--scrub) * .16)}
.is-scrubbing .scene-media .scene-image{animation:none}
@media(max-width:700px){.scene-track{--scrub-distance:35svh;--scrub-zoom:.06;--scrub-title-travel:-42px}.is-scrubbing .scene-media{transform:scale(calc(1.06 - var(--scrub) * var(--scrub-zoom)))}}
@media(prefers-reduced-motion:reduce){.scene-track.is-scrubbing{height:auto}.is-scrubbing .hero-scene{position:relative}.is-scrubbing .scene-media,.is-scrubbing .scene-title{transform:none}.is-scrubbing .scene-shade{opacity:1}.scene-track.about-track .scene-content{transform:none}}
@media(min-width:1600px){:root{--gutter:max(80px,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.site-header nav{gap:20px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page{gap:6vw}.contact-link{font-size:15px}.scene-title{font-size:104px}}
@media(max-width:700px){
 html{scroll-padding-top:95px}.site-header{padding-top:12px;padding-bottom:12px}.brand img{width:119.6px}.fallback-nav{gap:6px 18px}.site-header:has(.fallback-nav){flex-wrap:wrap}.has-js .site-header{flex-wrap:nowrap}
 .hero-scene{min-height:690px}.scene-media .scene-image{object-position:var(--scene-mobile-position)!important}.scene-content{left:var(--gutter);right:var(--gutter);bottom:108px;max-width:440px}.scene-title{font-size:clamp(64px,20vw,88px);line-height:.9}.scene-content>p{font-size:12px;line-height:1.8;margin-top:23px;max-width:42ch}.scene-actions{gap:12px 22px}.scene-actions .text-link{font-size:12px;gap:16px}.scene-shade{background:linear-gradient(0deg,rgba(8,8,8,.97),rgba(8,8,8,.46) 55%,rgba(8,8,8,.1))}
 /* Keep the wide camera photograph legible above the phone headline. */
 .is-home .scene-media{top:72px;bottom:36%;mask-image:linear-gradient(#000 74%,transparent)}
 .home-explore{padding-top:58px;padding-bottom:60px}.section-heading{gap:20px;margin-bottom:30px}.section-heading h2{font-size:52px}.entry-grid{grid-template-columns:1fr;gap:42px}.entry-personal{width:100%;margin:0}.entry-caption{margin-top:18px}.entry-caption h3{font-size:40px}.entry-link>p{font-size:11px}.about-teaser{grid-template-columns:1fr;gap:24px;padding-top:45px;padding-bottom:50px}.about-teaser h2{font-size:52px}.about-teaser p{font-size:14px}.contact-teaser{padding-top:45px;padding-bottom:50px;align-items:flex-start;flex-direction:column;gap:25px}.contact-teaser h2{font-size:52px}
 .page-intro{padding-top:40px;padding-bottom:28px}h1{font-size:64px}.page-intro p,.gallery-intro>p,.project-intro>p{font-size:14px;margin:20px 0}.category-nav{gap:8px 22px;margin-top:22px}.category-nav a{font-size:12px}.collection-index{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.collection-caption h2{font-size:36px}.breadcrumbs{padding-top:22px;font-size:11px}.gallery-intro{padding-top:18px;padding-bottom:28px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.project-index{grid-template-columns:1fr;gap:42px}.project-card{gap:24px}.project-copy h2{font-size:44px}.project-copy p{font-size:14px}.project-copy .text-link{margin-top:15px}.project-index{padding-bottom:20px}.project-intro{padding-top:20px;padding-bottom:26px}.project-intro h1{font-size:64px}.project-lead .photo-img{aspect-ratio:4/3}.project-lead{margin-bottom:22px}.chapter-nav{top:87.6px;gap:8px 22px;padding:10px 0}.chapter-nav a{font-size:11px;min-height:36px}.project-chapter{padding-top:25px;padding-bottom:20px;scroll-margin-top:180px}.project-chapter h2{font-size:36px}.about-actions{gap:18px 28px;padding-top:28px;padding-bottom:28px}.about-biography>p{font-size:14px}.about-actions{scroll-margin-top:90px}.about-scene{min-height:100svh;padding-top:max(180px,42svh);padding-bottom:48px}.about-scene .scene-content{inset:auto;max-width:100%}.about-scene .scene-shade{background:linear-gradient(0deg,rgba(8,8,8,.94),rgba(8,8,8,.78) 60%,rgba(8,8,8,.08) 90%)}.about-biography{margin-top:28px}.contact-page{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.contact-page h1{font-size:72px}.contact-page p{font-size:14px}.contact-link{font-size:14px;min-height:64px}.contact-return{padding-bottom:45px}.site-footer{grid-template-columns:1fr 1fr;gap:24px;padding-top:24px;padding-bottom:24px}.footer-links{justify-content:flex-end;gap:18px;font-size:11px}.footer-meta{grid-column:1/-1;text-align:left;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:12px}.footer-brand img{width:101.2px}
}
@media(max-width:380px){.scene-title{font-size:64px}.scene-content{bottom:112px}.scene-actions{gap:10px 16px}.scene-actions .text-link{gap:12px;font-size:11px}.contact-page h1{font-size:64px}.photo-grid{grid-template-columns:1fr}.footer-links{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* A full-screen viewing room; the photograph always retains its proportions. */
#viewer{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px var(--gutter);border:0;background:var(--paper);color:var(--ink);overflow:hidden}
#viewer[open]{display:flex;flex-direction:column;animation:surface-in .18s var(--ease)}
#viewer::backdrop,#site-menu::backdrop{background:var(--paper)}
body.viewer-open,body.menu-open{overflow:hidden}
.viewer-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.viewer-toolbar h2{font-size:26px;line-height:1.1}
.viewer-toolbar button{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 0;border:0;background:none;color:inherit;font-size:13px}
.photo-frame{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
#viewer-image{min-height:0;position:relative;display:grid;place-items:center;touch-action:pan-y pinch-zoom}
#viewer-image>img{width:100%;height:100%;min-height:0;object-fit:contain;animation:surface-in .18s var(--ease);transition:opacity .15s}
#viewer-image.is-loading>img{opacity:.35}
.viewer-status{position:absolute;inset:auto 0 24px;margin:0;text-align:center;font-size:13px;color:var(--ink);background:var(--paper);padding:12px}
.viewer-footer{display:flex;align-items:center;justify-content:center;gap:32px;padding-top:18px}

.photo-controls{display:flex;align-items:center;gap:22px;flex:none;font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap}
.photo-controls button{display:grid;place-items:center;min-width:48px;height:48px;border:1px solid var(--line);background:transparent;color:inherit;transition:border-color .2s}
.photo-controls button:hover{border-color:var(--ink)}
.photo-failed{text-align:center;padding:24px}.photo-failed p{margin:0 0 20px}
.noscript-message{padding:20px var(--gutter);font-size:13px;border-top:1px solid var(--line)}
@keyframes surface-in{from{opacity:0}to{opacity:1}}
/* Native document transitions leave links, back navigation and new tabs intact. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .14s ease both;mix-blend-mode:normal}
::view-transition-new(root){animation:surface-in .22s ease .08s both;mix-blend-mode:normal}
@keyframes page-out{to{opacity:0}}
/* Fine-pointer details preserve the established thumbnail sizes and crops. */
.button{transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.text-link{position:relative}
.text-link::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1)}
.image-link .photo-img,.gallery-photo .photo-img{transition:transform .6s var(--ease),filter .35s var(--ease)}
.project-cover{overflow:hidden}
@media(hover:hover) and (pointer:fine){
 .image-link:hover .photo-img,.gallery-photo .photo-button:hover .photo-img{transform:scale(1.025);filter:brightness(.97)}
 .image-link:hover .entry-caption h3,.image-link:hover .collection-caption h2,.project-card:hover .project-copy h2 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
}
@media(max-width:700px){
 .menu-header{padding-top:12px;padding-bottom:12px}.menu-layout{grid-template-columns:1fr;align-items:center;padding-top:24px;padding-bottom:40px}.menu-preview{display:none}
 #menu-navigation{gap:8px}#menu-navigation a{font-size:clamp(52px,12vw,76px);padding:4px 0}
 #viewer{padding:12px 20px 16px}.viewer-toolbar{gap:20px;margin-bottom:12px}.viewer-toolbar h2{font-size:23px;max-width:70%}
 .viewer-footer{padding-top:16px}
 .photo-controls{justify-content:space-between;width:100%}.entry-link>p{font-size:12px}
}
@media(max-height:560px){#menu-navigation a{font-size:44px}.menu-layout{padding-top:12px;padding-bottom:24px}#viewer{padding-top:8px;padding-bottom:8px}.viewer-toolbar{margin-bottom:4px}.viewer-footer{padding-top:8px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.image-link .photo-img,.gallery-photo .photo-img{transform:none!important}}

/* Category navigation remains available independently of the introductory text. */
:root{--header-height:114.3px}
.gallery-intro{padding-bottom:24px}
.gallery-toolbar{z-index:15;margin-bottom:32px;padding:8px 0;background:var(--paper);border-bottom:1px solid var(--line)}
.has-js .gallery-toolbar{position:sticky;top:var(--header-height)}
.gallery-toolbar .category-nav{margin-top:0;flex-wrap:nowrap;gap:24px;overflow-x:auto;scrollbar-width:thin}
.gallery-toolbar .category-nav a{flex:none}
.collection-end{padding-top:72px;padding-bottom:64px}
.collection-end h2{font-size:clamp(32px,3vw,44px);margin-bottom:28px}
.collection-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.collection-pagination.is-single{grid-template-columns:1fr}
.collection-step{display:block;min-width:0;padding:24px 0}
.collection-step>span{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.8;color:var(--muted)}
.collection-step strong{display:block;margin-top:14px;font-family:var(--display);font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.1;text-transform:uppercase;overflow-wrap:anywhere}
.step-next{text-align:right}.step-next>span{justify-content:flex-end}
.collection-step:hover strong,.collection-step:focus-visible strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.collection-return{margin-top:24px}
@media(max-width:700px){:root{--header-height:87.6px}.gallery-intro{padding-bottom:20px}.gallery-toolbar{margin-bottom:24px}.gallery-toolbar .category-nav{gap:20px}.collection-end{padding-top:44px;padding-bottom:44px}.collection-end h2{margin-bottom:24px}.collection-pagination{gap:20px}.collection-step>span{font-size:12px}.collection-step{padding:20px 0}}