/* FOTOGRAPH base styles: variables, reset, header, panels, footer, buttons. */
:root{
	--fg-serif:'New Baskerville','Baskervville',Georgia,'Times New Roman',serif;
	--fg-sans:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	--fg-ease:cubic-bezier(.2,.7,.2,1);
	--fg-pad:clamp(18px,3.6vw,64px);
	--fg-grey:#9a9a9a;
	--fg-line:rgba(255,255,255,.18);
	--mx:60px;--ch:715px;--top:122px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:#000;-webkit-text-size-adjust:100%}
body{margin:0;background:#000;color:#fff;font:400 1rem/1.6 var(--fg-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed!important;left:8px;top:8px;width:auto;height:auto;clip:auto;clip-path:none;background:#fff;color:#000;padding:.7rem 1rem;z-index:1000}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(14px,1.9vw,32px);pointer-events:none;transition:opacity 1s .5s,background .4s}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.site-header.is-scrolled{background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.site-brand{pointer-events:auto;padding-top:.3rem}
.wordmark{font:400 clamp(1.1rem,1.4vw,1.6rem)/1 var(--fg-serif);letter-spacing:.14em;text-transform:uppercase}
.site-brand .custom-logo{max-height:44px;width:auto}

.pill{pointer-events:auto;position:relative;display:flex;background:#fff;color:#000;border-radius:4px}
.is-fs .pill{width:clamp(250px,19.7vw,360px)}
.pill-sel{flex:1;min-width:0}
.pill-sel-btn{display:flex;align-items:center;gap:.7rem;width:100%;padding:11px 12px;text-align:left}
.pill-th{width:36px;height:36px;border-radius:3px;object-fit:cover;flex:none;background:#ddd}
.pill-nm{flex:1;min-width:0;font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill-chev{flex:none;transition:transform .3s}
.pill-sel-btn[aria-expanded=true] .pill-chev{transform:rotate(180deg)}
.pill-cells{display:flex;border-top:1px solid #000;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}
.pill-cells span{flex:1;padding:7px 4px;border-left:1px solid #000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pill-cells span:first-child{border-left:0}
.fg-sw{animation:fgUp .6s var(--fg-ease)}
@keyframes fgUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.pill-menu{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:0 16px;height:44px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.is-fs .pill-menu{width:27%;min-width:56px;height:auto;border-left:1px solid #000;padding:0}
.is-fs .pill-menu-label{display:none}
.pill-bars{display:flex;flex-direction:column;gap:6px}
.pill-bars i{display:block;width:26px;height:1px;background:#000;transition:transform .35s var(--fg-ease)}
.pill-menu[aria-expanded=true] .pill-bars i:first-child{transform:translateY(3.5px) rotate(45deg)}
.pill-menu[aria-expanded=true] .pill-bars i:last-child{transform:translateY(-3.5px) rotate(-45deg)}

.panel{position:absolute;top:calc(100% + 6px);background:#fff;color:#000;border-radius:4px;max-height:70vh;overflow:auto;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .45s var(--fg-ease),visibility .45s}
.panel.open{clip-path:inset(0);visibility:visible}
.panel-list{left:0;width:73%}
.panel-list button{display:flex;align-items:center;gap:.7rem;width:100%;padding:9px 14px;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.panel-list button:hover,.panel-list button[aria-selected=true]{background:#f0f0f0}
.panel-menu{right:0;width:100%;min-width:240px;padding:8px 0}
.panel-menu .menu-list a{display:block;padding:6px 16px;font:400 1.7rem/1.25 var(--fg-serif)}
.panel-menu .menu-list a:hover{background:#f0f0f0}
.panel-menu .social-list{padding:12px 16px 6px;margin-top:6px;border-top:1px solid #ddd;font-size:.75rem;color:#555}
.social-list{display:flex;flex-wrap:wrap;gap:1.2rem}
.social-list a:hover{text-decoration:underline}

/* Buttons and small UI */
.btn-line{display:inline-block;border:0;border-bottom:1px solid currentColor;padding:0 0 .2rem;font-size:.95rem;background:none;color:inherit;cursor:pointer;transition:opacity .3s}
.btn-line:hover{opacity:.7}
.eyebrow{font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--fg-grey)}
.empty-state{padding:3rem 0;color:var(--fg-grey)}
.img-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#1c1c1c,#090909)}

/* Footer */
.site-footer{padding:3rem var(--fg-pad) 2rem;border-top:1px solid var(--fg-line);font-size:.9rem;color:var(--fg-grey)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;max-width:1600px;margin:0 auto}
.footer-brand{font:400 1.4rem/1 var(--fg-serif);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.footer-note{margin-top:.6rem}
.footer-grid .menu-list{display:grid;gap:.4rem}
.footer-grid a:hover{color:#fff}
.footer-copy{max-width:1600px;margin:3rem auto 0;font-size:.8rem}
@media (max-width:820px){
	.is-fs .pill{width:min(60vw,260px)}
	.pill-cells{display:none}
	.pill-nm{font-size:.75rem}
	.footer-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}