.photo-essays-experience{--pe-bg-deep:#0A0A0A;--pe-bg-dark:#111111;--pe-bg-card:#1A1A1A;--pe-text-primary:#F0EDE8;--pe-text-secondary:#9A9A9A;--pe-text-muted:#666666;--pe-accent-cream:#E8E4DC;--pe-accent-red:#8B2323;--pe-accent-gold:#C9A227;--pe-film-edge:#2A2A2A;--pe-border:rgba(255,255,255,0.08);--pe-font-display:"Archivo Black","Oswald",system-ui,sans-serif;--pe-font-serif:"Source Serif 4",Georgia,serif;--pe-font-sans:"Inter",system-ui,sans-serif;--pe-transition:0.6s cubic-bezier(0.16,1,0.3,1);--pe-transition-slow:1s cubic-bezier(0.16,1,0.3,1);background:var(--pe-bg-deep);color:var(--pe-text-primary);min-height:100vh;overflow-x:hidden}.pe-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:calc(1rem + env(safe-area-inset-top, 0px)) 1rem 1rem;background:transparent;transition:all .4s ease}.pe-header.scrolled{background:rgba(10,10,10,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.pe-header-logo{display:flex;align-items:center}@media (min-width:768px){.pe-header{padding:calc(1.25rem + env(safe-area-inset-top, 0px)) 2rem 1.25rem}}.film-progress{position:fixed;bottom:0;left:0;right:0;z-index:90;height:32px;background:var(--pe-film-edge);padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.film-track{position:relative;height:100%;background:linear-gradient(180deg,#1A1A1A 0,#0D0D0D 50%,#1A1A1A)}.film-perf{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:12px;background:#0A0A0A;border-radius:2px;border:1px solid #333;transition:background .3s ease}.film-perf.passed{background:var(--pe-accent-gold);border-color:var(--pe-accent-gold);box-shadow:0 0 8px rgba(201,162,39,.4)}.film-fill{left:0;height:2px;background:var(--pe-accent-gold);transform:translateY(-50%);transition:width .1s linear}.film-fill,.film-head{position:absolute;top:50%}.film-head{transform:translate(-50%,-50%);transition:left .1s linear}.film-aperture{width:16px;height:16px;border:2px solid var(--pe-accent-gold);border-radius:50%;background:rgba(201,162,39,.2);box-shadow:0 0 12px rgba(201,162,39,.5)}.pe-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.pe-hero-bg{position:absolute;inset:-10%;will-change:transform}.pe-hero-image{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(30%) contrast(1.1)}.pe-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.3) 0,rgba(10,10,10,.5) 40%,rgba(10,10,10,.95));transition:opacity .1s linear}.pe-hero-content{position:relative;z-index:10;text-align:center;padding:calc(2rem + env(safe-area-inset-top, 0px)) 2rem 2rem;max-width:800px;will-change:transform,opacity}.pe-hero-label{display:inline-block;font-family:var(--pe-font-sans);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pe-accent-gold);margin-bottom:1.5rem}.pe-hero-title{font-family:var(--pe-font-display);font-size:clamp(3rem,12vw,6rem);font-weight:900;line-height:.95;letter-spacing:-.02em;margin:0 0 1.5rem;text-shadow:0 4px 40px rgba(0,0,0,.5)}.pe-hero-tagline{font-family:var(--pe-font-serif);font-size:clamp(1rem,3vw,1.25rem);font-style:italic;color:var(--pe-text-secondary);margin:0 0 3rem;line-height:1.6}.pe-hero-stats{justify-content:center;gap:2rem;margin-bottom:4rem}.pe-hero-stats,.pe-stat{display:flex;align-items:center}.pe-stat{flex-direction:column;gap:.25rem}.pe-stat-number{font-family:var(--pe-font-display);font-size:2rem;font-weight:700;color:var(--pe-accent-cream)}.pe-stat-label{font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--pe-text-muted)}.pe-stat-divider{width:1px;height:40px;background:var(--pe-border)}.pe-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--pe-text-muted);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase}.pe-scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--pe-text-muted),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.pe-showcase{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr;overflow:hidden;opacity:0;transform:translateY(60px);transition:all var(--pe-transition-slow)}.pe-showcase.revealed{opacity:1;transform:translateY(0)}.pe-showcase-image-wrapper{position:absolute;inset:0;overflow:hidden}.pe-showcase-image-container{width:100%;height:120%;will-change:transform}.pe-showcase-image{width:100%;height:100%;object-fit:cover;filter:grayscale(40%) contrast(1.1);transition:filter .6s ease}.pe-showcase:hover .pe-showcase-image{filter:grayscale(20%) contrast(1.05)}.pe-showcase-image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,.7),rgba(10,10,10,.4) 50%,rgba(10,10,10,.8))}.pe-image-credit{position:absolute;bottom:8px;right:12px;font-size:.625rem;color:rgba(255,255,255,.5);background:rgba(0,0,0,.4);padding:2px 6px;border-radius:2px;z-index:5}.pe-showcase.reversed .pe-showcase-image-overlay{background:linear-gradient(-135deg,rgba(10,10,10,.7),rgba(10,10,10,.4) 50%,rgba(10,10,10,.8))}.pe-showcase-content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem calc(4rem + 32px);min-height:100vh;min-height:100dvh}.pe-showcase-number{font-family:var(--pe-font-display);font-size:.875rem;font-weight:700;letter-spacing:.1em;color:var(--pe-accent-gold);margin-bottom:1.5rem}.pe-showcase-text{max-width:600px}.pe-showcase-title{font-family:var(--pe-font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:900;line-height:1.1;margin:0 0 .75rem;letter-spacing:-.02em}.pe-showcase-subtitle{font-family:var(--pe-font-serif);font-size:clamp(1rem,2.5vw,1.25rem);font-style:italic;color:var(--pe-text-secondary);margin:0 0 2rem}.pe-showcase-quote{margin:0 0 2.5rem;padding-left:1.5rem;border-left:2px solid var(--pe-accent-gold)}.pe-showcase-quote p{font-family:var(--pe-font-serif);font-size:clamp(1rem,2vw,1.125rem);font-style:italic;line-height:1.6;color:var(--pe-accent-cream);margin:0 0 .5rem}.pe-showcase-quote cite{font-family:var(--pe-font-sans);font-size:.8125rem;font-style:normal;color:var(--pe-text-muted)}.pe-showcase-cta{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border:1px solid var(--pe-border);border-radius:4px;color:var(--pe-text-primary);text-decoration:none;font-family:var(--pe-font-sans);font-size:.9375rem;font-weight:500;transition:all .3s ease}.pe-showcase-cta:hover{background:rgba(255,255,255,.1);border-color:var(--pe-accent-gold);transform:translateX(4px)}.pe-cta-time{font-size:.75rem;color:var(--pe-text-muted);padding-left:1rem;border-left:1px solid var(--pe-border)}.pe-showcase-cta svg{color:var(--pe-accent-gold);transition:transform .3s ease}.pe-showcase-cta:hover svg{transform:translateX(4px)}@media (min-width:768px){.pe-showcase-content{padding:6rem 4rem calc(6rem + 32px);align-items:flex-start}.pe-showcase.reversed .pe-showcase-content{align-items:flex-end;text-align:right}.pe-showcase.reversed .pe-showcase-quote{padding-left:0;padding-right:1.5rem;border-left:none;border-right:2px solid var(--pe-accent-gold)}}@media (min-width:1024px){.pe-showcase-content{padding:8rem 6rem calc(8rem + 32px)}}.pe-definition{position:relative;padding:6rem 2rem calc(6rem + 32px);background:var(--pe-bg-dark)}.pe-definition-content{max-width:700px;margin:0 auto;opacity:0;transform:translateY(40px);transition:all var(--pe-transition-slow)}.pe-definition-content.revealed{opacity:1;transform:translateY(0)}.pe-definition-label{display:block;font-family:var(--pe-font-sans);font-size:.6875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--pe-accent-gold);margin-bottom:1rem}.pe-definition-title{font-family:var(--pe-font-display);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:900;margin:0 0 2rem}.pe-definition-text{margin-bottom:3rem}.pe-definition-lead{font-family:var(--pe-font-serif);font-size:clamp(1.125rem,2.5vw,1.25rem);line-height:1.7;color:var(--pe-accent-cream);margin:0 0 1.5rem}.pe-definition-text p{font-family:var(--pe-font-serif);font-size:1rem;line-height:1.8;color:var(--pe-text-secondary);margin:0 0 1rem}.pe-definition-text p:last-child{margin-bottom:0}.pe-definition-traits{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pe-trait{display:flex;align-items:center;gap:.75rem;font-family:var(--pe-font-sans);font-size:.875rem;color:var(--pe-text-secondary)}.pe-trait-icon{color:var(--pe-accent-gold);font-size:.5rem}@media (min-width:768px){.pe-definition{padding:8rem 4rem calc(8rem + 32px)}.pe-definition-traits{grid-template-columns:repeat(4,1fr)}}.pe-cta-section{position:relative;padding:6rem 2rem calc(6rem + 32px);background:var(--pe-bg-deep);text-align:center}.pe-cta-content{max-width:600px;margin:0 auto;opacity:0;transform:translateY(40px);transition:all var(--pe-transition-slow)}.pe-cta-content.revealed{opacity:1;transform:translateY(0)}.pe-cta-title{font-family:var(--pe-font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:900;margin:0 0 1rem}.pe-cta-text{font-family:var(--pe-font-serif);font-size:1rem;color:var(--pe-text-secondary);margin:0 0 2.5rem}.pe-cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.pe-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:4px;font-family:var(--pe-font-sans);font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s ease;min-width:220px}.pe-button.primary{background:var(--pe-accent-gold);color:var(--pe-bg-deep)}.pe-button.primary:hover{background:#D4AC2B;transform:translateY(-2px)}.pe-button.secondary{background:transparent;color:var(--pe-text-primary);border:1px solid var(--pe-border)}.pe-button.secondary:hover{background:rgba(255,255,255,.05);border-color:var(--pe-text-muted)}@media (min-width:640px){.pe-cta-buttons{flex-direction:row;justify-content:center}}.pe-sources{padding:4rem 2rem calc(4rem + 48px);background:linear-gradient(135deg,var(--pe-bg-dark) 0,var(--pe-bg-deep) 100%);border-top:1px solid var(--pe-border)}.pe-sources-content{max-width:700px;margin:0 auto;opacity:0;transform:translateY(30px);transition:all var(--pe-transition)}.pe-sources-content.revealed{opacity:1;transform:translateY(0)}.pe-sources-title{font-family:var(--pe-font-serif);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--pe-border)}.pe-sources-group{margin-bottom:2rem}.pe-sources-subtitle{font-family:var(--pe-font-sans);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pe-accent-gold);margin:0 0 1rem}.pe-sources-list{list-style:none;padding:0;margin:0 0 2rem}.pe-sources-list li{margin-bottom:.75rem;padding-left:1.25rem;position:relative}.pe-sources-list li:before{content:"→";position:absolute;left:0;color:var(--pe-accent-gold)}.pe-sources-list a{font-family:var(--pe-font-sans);font-size:.9375rem;color:var(--pe-text-secondary);text-decoration:none;transition:color .2s ease}.pe-sources-list a:hover{color:var(--pe-accent-gold)}.pe-sources-note{font-family:var(--pe-font-serif);font-size:.8125rem;font-style:italic;color:var(--pe-text-muted);padding-top:1rem;border-top:1px solid var(--pe-border)}@media (max-width:480px){.pe-hero-stats{gap:1.5rem}.pe-stat-number{font-size:1.5rem}.pe-stat-divider{height:30px}.pe-showcase-content{padding:3rem 1.5rem calc(3rem + 32px)}}@media (prefers-reduced-motion:reduce){.photo-essays-experience *,.photo-essays-experience :after,.photo-essays-experience :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pe-hero-bg,.pe-hero-content,.pe-showcase-image-container{transform:none!important}.pe-cta-content,.pe-definition-content,.pe-showcase,.pe-sources-content{opacity:1;transform:none}}.pe-button:focus-visible,.pe-header-logo:focus-visible,.pe-showcase-cta:focus-visible{outline:2px solid var(--pe-accent-gold);outline-offset:2px}@media (prefers-contrast:high){.pe-showcase-image-overlay{background:rgba(0,0,0,.8)}.pe-text-secondary{color:#CCCCCC}}