.demo--fotograf{--paper:#151718;--ink:#eeeee6;--muted:#a1a39d;--accent:#eeeee6}.demo--fotograf .demo-brand{letter-spacing:.09em;font-size:20px;font-weight:500}.demo--fotograf .demo-brand small{letter-spacing:.08em;font-size:7px}.demo--fotograf .demo-header{min-height:100px}.demo--fotograf .demo-navigation{margin-left:auto}.demo--fotograf .demo-navigation a:last-child{border:0;padding:10px 0}.demo--fotograf em{color:#b9b9ab;letter-spacing:-.03em;font-family:Georgia,serif;font-weight:400}.photo-selection-link{border-left:1px solid #ffffff30;align-items:center;gap:9px;margin-left:12px;padding-left:25px;font-size:11px;display:flex}.photo-selection-link strong{color:#151718;background:#eeeede;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:400;display:grid}.photo-stage{padding:42px 0 36px}.photo-stage-title{padding:0 var(--edge);grid-template-columns:1fr 1fr;align-items:end;margin-bottom:12px;display:grid;position:relative}.photo-stage-title>.demo-eyebrow{color:#a3a49c;grid-column:1/-1;font-size:9px}.photo-stage-title h1{font-size:clamp(50px,5.1vw,76px);font-weight:400;line-height:1.02}.photo-small-note{color:#a3a49c;justify-self:end;padding-bottom:8px;font-size:12px;line-height:1.6}.photo-statement{padding:90px var(--edge);text-align:center;border-top:1px solid #ffffff20}.photo-statement>span{letter-spacing:.14em;color:var(--muted);font-size:9px}.photo-statement h2{margin:30px 0;font-size:clamp(34px,4.1vw,60px);font-weight:400;line-height:1.15}.photo-series-index{gap:70px;display:grid}.photo-series-index>a{width:88%;display:block;position:relative}.photo-series-index>a:nth-child(2n){margin-left:auto}.photo-series-index img{object-fit:cover;width:100%;height:540px;transition:filter .3s}.photo-series-index>a:hover img{filter:brightness(.8)}.photo-series-index>a>div{border-bottom:1px solid #ffffff30;padding:25px 0;position:relative}.photo-series-index span{color:var(--muted);letter-spacing:.09em;font-size:10px}.photo-series-index h2{margin-top:12px;font-size:35px;font-weight:400}.photo-series-index svg{position:absolute;top:43px;right:0}.photo-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:35px;font-size:11px;display:inline-flex}.photo-gallery-instruction{color:var(--muted);border-top:1px solid #ffffff30;justify-content:space-between;gap:20px;margin-bottom:10px;padding:23px 0;font-size:12px;display:flex}.photo-gallery-instruction a{white-space:nowrap;color:var(--ink);align-items:center;gap:10px;display:flex}.photo-contact-sheet{grid-template-columns:repeat(3,1fr);gap:35px 25px;display:grid}.photo-contact-sheet article{min-width:0}.photo-open{width:100%;display:block;position:relative;overflow:hidden}.photo-open img{object-fit:cover;width:100%;height:360px;transition:transform .6s cubic-bezier(.23,1,.32,1)}.photo-open:hover img{transform:scale(1.04)}.photo-open>span{color:#fff;background:#151718aa;border-radius:50%;place-items:center;width:37px;height:37px;display:grid;position:absolute;bottom:15px;right:15px}.photo-open>span svg{width:18px}.photo-contact-sheet article:nth-child(3n+2) .photo-open{margin-top:55px}.photo-contact-sheet article>div{border-bottom:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;font-size:12px;display:flex}.photo-contact-sheet small{color:var(--muted);margin-right:12px;font-size:9px}.photo-save{flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.photo-save[aria-pressed=true]{color:#edba91}.photo-series-next{border-top:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:20px;margin-top:80px;padding-top:25px;display:flex}.photo-series-next>span{color:var(--muted);font-size:9px}.photo-selection-bar{border-block:1px solid #ffffff30;justify-content:space-between;margin-bottom:30px;padding:20px 0;font-size:12px;display:flex}.photo-selection-bar button{color:var(--muted);text-decoration:underline}.photo-selection-actions{flex-wrap:wrap;align-items:center;gap:30px;margin-top:45px;display:flex}.photo-selection-success{color:#d4dfbb;border:1px solid #c7d2ae50;gap:15px;padding:25px;font-size:13px;display:flex;margin-top:30px!important}.photo-selection-success svg{flex-shrink:0;margin-top:2px}.photo-empty{text-align:center;background:#202325;padding:70px 30px}.photo-empty>svg{stroke-width:1px;margin:0 auto 25px}.photo-empty h2{font-size:35px}.photo-empty p{color:var(--muted);margin:20px 0 30px;font-size:14px}.demo-dialog.photo-lightbox{background:#151718;width:1100px;max-width:94vw}.photo-lightbox .demo-dialog-content{padding:55px 25px 20px}.photo-lightbox img{object-fit:contain;width:100%;height:65dvh}.photo-lightbox-controls{justify-content:center;align-items:center;gap:30px;margin-top:18px;display:flex}.photo-lightbox-controls span{font-size:13px}.photo-lightbox-controls button{place-items:center;width:42px;height:42px;display:grid}.photo-lightbox-controls button[aria-pressed=true]{color:#edba91}.demo--fotograf .demo-form h2{font-size:34px;font-weight:400}.demo--fotograf .demo-footer{margin-top:15px}@media (width<=900px){.photo-open img{height:280px}.photo-selection-link{margin-left:0;padding-left:15px}.photo-selection-link>span{display:none}.photo-series-index img{height:430px}}@media (width<=700px){.demo--fotograf .demo-header{min-height:88px}.demo--fotograf .demo-navigation{margin:0}.photo-selection-link{border:0;gap:6px;padding:0}.demo--fotograf .demo-nav-tools{gap:8px}.demo--fotograf .demo-brand{font-size:17px}.demo--fotograf .demo-brand small{font-size:6px}.photo-stage{padding-top:30px}.photo-stage-title{grid-template-columns:1fr}.photo-stage-title h1{font-size:clamp(47px,12vw,70px)}.photo-small-note{display:none}.photo-stage-title>.demo-eyebrow{font-size:8px}.photo-statement{padding:60px 6%}.photo-statement h2{font-size:34px}.photo-series-index{gap:40px}.photo-series-index>a{width:100%}.photo-series-index img{height:350px}.photo-series-index h2{max-width:85%;font-size:29px}.photo-contact-sheet{grid-template-columns:1fr 1fr;gap:25px 14px}.photo-open img{height:250px}.photo-contact-sheet article:nth-child(3n+2) .photo-open{margin-top:0}.photo-contact-sheet article:nth-child(2n){margin-top:35px}.photo-contact-sheet article>div{align-items:flex-start;gap:4px;padding:8px 0;font-size:10px}.photo-contact-sheet small{margin:0 0 5px;display:block}.photo-save{width:28px;height:35px}.photo-gallery-instruction{font-size:11px;line-height:1.7;display:block}.photo-gallery-instruction a{margin-top:10px}.photo-series-next{margin-top:50px}.photo-series-next a{font-size:12px}.photo-selection-actions{gap:20px}.photo-lightbox .demo-dialog-content{padding:55px 10px 15px}.photo-lightbox img{height:60dvh}.photo-lightbox-controls{gap:8px}.photo-lightbox-controls span{text-align:center;flex:1;font-size:10px}.photo-lightbox-controls button{width:32px}.photo-empty{padding:45px 20px}.photo-empty h2{font-size:30px}}
