/* Hallmark · genre: editorial · macrostructure: Photographic · theme: Studio · enrichment: E2 local photography · nav: N2 · footer: Ft1 · P5 H4 E4 S5 R4 V5 */
@import url("tokens.css");

*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}.skip{position:fixed;inset:var(--space-xs) auto auto var(--space-xs);z-index:var(--z-tooltip);padding:var(--space-xs) var(--space-sm);background:var(--color-paper);color:var(--color-ink);transform:translateY(-180%)}.skip:focus{transform:translateY(0)}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration-thickness:var(--rule-medium);text-underline-offset:.2em}a,button{white-space:nowrap}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.08;letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-display);margin:0 0 var(--space-md)}h2{font-size:var(--text-2xl);margin:0 0 var(--space-sm)}h3{font-size:var(--text-lg)}p{max-width:68ch}.photo{margin:0;min-width:0}.photo img{background:var(--color-paper-2)}figcaption{font-size:var(--text-xs);color:var(--color-muted);margin-block-start:var(--space-2xs)}nav{display:flex;gap:var(--space-md);align-items:center}nav a{min-height:44px;display:inline-flex;align-items:center}.brand{font-family:var(--font-display);font-weight:700;text-decoration:none}.hero{min-width:0}.hero p{font-size:var(--text-md)}.topic{padding:var(--space-3xl) var(--page-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:var(--space-2xl);align-items:center}.topic>div{min-width:0}.topic p{font-size:var(--text-md)}.topic-photo{aspect-ratio:3/2}.checkline{font-size:var(--text-sm)!important;color:var(--color-muted);border-block-start:var(--rule-hair) solid var(--color-rule);padding-block-start:var(--space-sm)}.tool,.post-form{padding:var(--space-3xl) var(--page-gutter);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--space-2xl);background:var(--color-ink);color:var(--color-paper)}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}label{display:grid;gap:var(--space-2xs);font-weight:700;min-width:0}label small{font-weight:400;min-height:1lh;color:var(--color-form-muted)}input,select,textarea,button{font:inherit;border:var(--rule-hair) solid var(--color-rule);outline:2px solid transparent;outline-offset:1px;border-radius:var(--radius-input)}input,select,textarea{width:100%;min-height:48px;padding:var(--space-xs) var(--space-sm);background:var(--color-field);color:var(--color-ink)}textarea{resize:vertical;min-height:8rem}button{min-height:48px;padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);font-weight:800;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}button:active{transform:translateY(1px)}button:disabled,[aria-disabled=true]{opacity:.55;cursor:not-allowed}button[data-state=loading]{opacity:.72}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--color-focus);outline-offset:3px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-error)}form>button,form>output,.post-form textarea,.post-form .check,.post-form .hp,.post-form .form-status{grid-column:1/-1}form output{display:block;min-height:4.5rem;padding:var(--space-sm);border-block:var(--rule-hair) solid var(--color-form-rule)}.check{display:flex;align-items:flex-start;font-weight:400}.check input{width:22px;min-height:22px;margin-block-start:.2rem;accent-color:var(--color-accent)}.hp{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.photo-band{padding:var(--space-3xl) var(--page-gutter)}.photo-band>header{display:flex;justify-content:space-between;align-items:end;gap:var(--space-xl);margin-block-end:var(--space-xl)}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}.photo-grid .photo{aspect-ratio:3/2}.faq{padding:var(--space-3xl) var(--page-gutter);display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:var(--space-2xl)}details{border-block-start:var(--rule-hair) solid var(--color-rule)}details:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}summary{list-style:none;cursor:pointer;padding:var(--space-md) var(--space-xl) var(--space-md) 0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;min-height:56px;position:relative}summary::after{content:"+";position:absolute;inset-inline-end:0}details[open] summary::after{content:"−"}details>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-short) var(--ease-in-out)}details[open]>div{grid-template-rows:1fr}details>div>p{overflow:hidden;margin:0 0 var(--space-md)}.about,.closing,.letter-note,.map-board,.catalogue-board,.ecosystem-board{padding:var(--space-3xl) var(--page-gutter)}.closing{background:var(--color-accent);color:var(--color-accent-ink)}.closing h2{font-size:var(--text-3xl);max-width:18ch}.foot{padding:var(--space-2xl) var(--page-gutter);background:var(--color-ink);color:var(--color-paper)}.foot nav{flex-wrap:wrap}.foot a{font-size:var(--text-sm)}.foot-letter p{font-family:var(--font-display);font-size:var(--text-xl)}.foot-dense{font-family:var(--font-mono);font-size:var(--text-sm)}.foot-marquee{overflow:hidden;padding-inline:0}.foot-marquee>div{display:flex;width:max-content;animation:marquee 36s linear infinite}.foot-marquee span{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;white-space:nowrap}.foot-marquee nav{padding:var(--space-md) var(--page-gutter)}@keyframes marquee{to{transform:translateX(-50%)}}.foot-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.foot-index>div{display:grid;align-content:start}.foot-index a{min-height:40px}.foot-statement>p{font-family:var(--font-display);font-size:var(--text-3xl);max-width:22ch}.foot-statement>div,.foot-mast{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-xl)}.foot-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}.foot-mast>strong{font-family:var(--font-display);font-size:var(--text-2xl)}.cookie-note{position:fixed;inset:auto var(--space-md) var(--space-md);z-index:var(--z-toast);max-width:42rem;padding:var(--space-sm);background:var(--color-paper);color:var(--color-ink);border:var(--rule-medium) solid var(--color-ink);display:flex;align-items:center;gap:var(--space-sm)}.cookie-note p{margin:0;font-size:var(--text-sm)}.legal{max-width:76rem;margin:0 auto;padding:var(--space-2xl) var(--page-gutter) var(--space-3xl)}.legal h1{max-width:15ch}.legal h2{margin-block-start:var(--space-xl)}.legal p,.legal li{max-width:75ch}.sources li{margin-block-end:var(--space-sm);overflow-wrap:anywhere}
@media (hover:hover) and (pointer:fine){button:hover{transform:translateY(-1px)}a:hover{text-decoration-thickness:var(--rule-thick)}input:hover,select:hover,textarea:hover{background:var(--color-paper-2)}}
@media (max-width:60rem){.topic,.tool,.post-form,.faq{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-band>header{display:block}.foot-statement>div,.foot-mast,.foot-line{display:grid}.foot-index{grid-template-columns:1fr 1fr}}
@media (max-width:40rem){:root{--page-gutter:1rem}.topic,.tool,.post-form,.faq,.photo-band,.about,.closing,.letter-note,.map-board,.catalogue-board,.ecosystem-board{padding-block:var(--space-2xl)}form{grid-template-columns:1fr}form>*{grid-column:1!important}.photo-grid{grid-template-columns:1fr}.foot-index{grid-template-columns:1fr}.cookie-note{display:grid}.hero h1{font-size:var(--text-display-s)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:150ms!important;animation-iteration-count:1!important;transition-duration:150ms!important}.foot-marquee>div{animation:none}}

.nav-chip{position:fixed;inset:var(--space-sm) var(--space-sm) auto auto;z-index:var(--z-sticky);display:flex;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--color-paper);border:var(--rule-medium) solid var(--color-ink)}.nav-chip a{text-decoration:none;font-weight:800}.hero-photo{height:90dvh;position:relative}.hero-photo>.photo{height:100%}.hero-photo>.photo figcaption{display:none}.hero-photo>div{position:absolute;inset:auto auto var(--space-xl) var(--page-gutter);max-width:42rem;padding:var(--space-md);background:var(--color-ink);color:var(--color-paper)}.topic{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);padding:0}.topic>div{padding:var(--space-2xl) var(--page-gutter)}.topic>.photo{height:72dvh}.topic:nth-of-type(even)>.photo{order:-1}.photo-band{padding:0}.photo-band>header{padding:var(--space-2xl) var(--page-gutter);margin:0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.photo-grid .photo{height:48dvh}.photo-grid .photo:nth-child(7n+1){grid-column:span 2}.photo-grid figcaption{position:relative;padding:var(--space-xs) var(--page-gutter)}.tool,.post-form,.faq,.about,.closing{margin-block:var(--space-2xl)}@media(max-width:60rem){.hero-photo{height:70dvh}.hero-photo>div{inset:auto var(--space-sm) var(--space-sm)}.topic{grid-template-columns:1fr}.topic>.photo,.photo-grid .photo{height:auto}.topic:nth-of-type(even)>.photo{order:0}.photo-grid{grid-template-columns:1fr}.photo-grid .photo:nth-child(7n+1){grid-column:auto}}