
:root{--paper:#f6f6f6;--ink:#111;--red:#b80000;--muted:#595959;--line:#ddd;font-family:'Google Sans Flex',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 600px 650px at 0 400px,#b800000b,transparent),radial-gradient(ellipse 650px 700px at 100% 650px,#778da61c,transparent),var(--paper);font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:white}.skip{position:absolute;left:16px;top:-80px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}
.site-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1100px)/2));background:#f6f6f6ed;backdrop-filter:blur(12px);border-bottom:1px solid #1111110c}.brand{font-size:22px;letter-spacing:-1px}.brand span,h1>span{color:var(--red)}nav{display:flex;gap:28px;font-size:14px}.page-wrap{max-width:1100px;padding:64px 24px 0;margin:auto}h1,h2,p,figure{margin:0}h1{font-size:clamp(48px,6.4vw,80px);letter-spacing:-.045em;line-height:1.02;font-weight:600}h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.035em;font-weight:600}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.about-intro{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}.portrait img{width:100%;height:310px;object-fit:cover;border-radius:16px}.role{font-size:18px;color:var(--red);margin:18px 0 24px}.lead{font-size:20px;line-height:1.55;margin-bottom:16px}.about-intro p:not(.eyebrow,.role,.lead){color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid #ccc;border-radius:999px;font-size:15px;background:#ffffff88}.primary{background:var(--ink);color:white;border-color:var(--ink)}.button:hover{background:var(--red);color:white;border-color:var(--red)}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.observations{margin-top:90px;padding-top:40px;border-top:1px solid var(--line)}.section-head{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head p:last-child{font-size:15px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo{padding:0;border:0;border-radius:12px;overflow:hidden;background:#e6e6e6;cursor:zoom-in;aspect-ratio:4/5}.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo:hover img{transform:scale(1.025)}.more-photos{margin-top:24px}.more-photos summary{display:flex;justify-content:space-between;padding:15px 0;border-block:1px solid var(--line);cursor:pointer;list-style:none;font-size:15px}.more-photos summary::-webkit-details-marker{display:none}.more-photos[open] summary{margin-bottom:24px}.more-photos[open] summary span{transform:rotate(45deg)}.contact{margin-top:80px;padding:44px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.photo-view{padding:50px 20px 20px;border:0;border-radius:16px;background:#f6f6f6;max-width:94vw;max-height:94dvh}.photo-view::backdrop{background:#111b;backdrop-filter:blur(8px)}.photo-view img{display:block;max-width:84vw;max-height:76dvh;object-fit:contain;margin:auto}.photo-view figcaption{padding-top:12px;text-align:center;font-size:14px}.close{position:absolute;right:10px;top:6px;width:44px;height:40px;border:0;background:none;cursor:pointer;font-size:30px}
.error-page{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 34% 42%,#b8000012,transparent 44%),radial-gradient(ellipse at 80% 55%,#879ab520,transparent 45%),var(--paper)}.error-main{width:100%;max-width:1000px;text-align:center;margin:auto;padding:40px 24px 64px}.error-number{font-size:clamp(120px,22vw,260px);line-height:1;letter-spacing:-.075em;font-weight:600;margin:0 0 22px}.error-number span{color:var(--red)}.error-main h1{font-size:clamp(32px,4vw,52px)}.error-main>p:last-of-type{color:var(--muted);margin-top:20px}.error-main .actions{justify-content:center}.error-footer{margin-inline:max(24px,calc((100vw - 1052px)/2))}
@media(max-width:700px){.site-head{padding:16px 24px}nav{gap:18px}.page-wrap{padding-top:36px}.about-intro{grid-template-columns:1fr;gap:28px}.portrait img{width:136px;height:160px}.lead{font-size:18px}.section-head{align-items:start;flex-direction:column;gap:18px}.observations{margin-top:56px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact{align-items:start;flex-direction:column;margin-top:50px}.error-main{padding-block:30px}.error-main .eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact photograph pinboard; all 48 photographs remain accessible. */
.photo-wall-section{width:min(1400px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%);scroll-margin-top:80px}
.photo-wall-section .section-head{max-width:1100px;margin-inline:auto;margin-bottom:24px}
.photo-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:16px 12px;height:clamp(320px,60svh,600px);padding:30px;isolation:isolate;border:8px solid #fdfcf9;border-radius:14px;background:radial-gradient(#a6a19930 .6px,transparent .8px) 0 0/4px 4px,#e6e3dc;box-shadow:inset 0 2px 12px #453f3514,0 12px 30px -18px #30291d50;}
.wall-photo{position:relative;min-width:0;min-height:0;aspect-ratio:auto;border:4px solid #fff;border-bottom-width:9px;border-radius:1px;background:#fff;box-shadow:0 3px 6px #30291d24;transform:translateY(calc(var(--offset)*.35)) rotate(var(--tilt));transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;overflow:hidden;transform-origin:center}
.wall-photo img{object-fit:contain;background:#f5f4f2;transition:none}
.wall-photo:nth-child(12n+1){transform-origin:left center}.wall-photo:nth-child(12n){transform-origin:right center}
.wall-photo:nth-child(-n+12){transform-origin:center top}.wall-photo:nth-child(n+37){transform-origin:center bottom}
.wall-photo:focus-visible{z-index:5;transform:rotate(0) scale(2);box-shadow:0 12px 30px #30291d40}
@media(hover:hover) and (pointer:fine){.wall-photo:hover{z-index:5;transform:rotate(0) scale(2.2);box-shadow:0 12px 30px #30291d40}.wall-photo:hover img{transform:none}}
@media(max-width:1000px){.photo-wall{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:12px;padding:22px}.wall-photo:nth-child(n){transform-origin:center}.wall-photo:nth-child(8n+1){transform-origin:left center}.wall-photo:nth-child(8n){transform-origin:right center}}
@media(max-width:700px){.photo-wall-section{width:calc(100vw - 24px)}.photo-wall-section .section-head{padding-inline:12px;margin-bottom:18px}.photo-wall{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));height:min(58svh,520px);gap:7px 5px;padding:14px 10px;border-width:5px;border-radius:10px}.wall-photo{border-width:2px;border-bottom-width:4px;transform:rotate(calc(var(--tilt)*.7))}.wall-photo:focus-visible{transform:none}.wall-hint{font-size:12px}}
