@font-face{font-family:Fraunces;font-style:normal;font-weight:300 500;font-display:swap;src:url('/fonts/fraunces-var.woff2') format('woff2')}
@font-face{font-family:Fraunces;font-style:italic;font-weight:300 400;font-display:swap;src:url('/fonts/fraunces-var-italic.woff2') format('woff2')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/spacemono-400.woff2') format('woff2')}
:root{--f3-paper:#EDEAE0;--f3-ink:#0c0c0b;--f3-field:#13130f;--f3-rebate:#060605;--f3-soft:#8f9085;--f3-soft-paper:#666760;--f3-red:#E0241B;--f3-red-paper:#C41E16;--f3-edge:#D89A3D;--f3-line:rgba(237,234,224,.19);--f3-line-paper:rgba(12,12,11,.18);--f3-serif:Fraunces,Georgia,serif;--f3-mono:'Space Mono',ui-monospace,monospace;--f3-gutter:clamp(24px,5.3vw,88px)}
[hidden]{display:none!important}
.portfolio{margin:0;background:var(--f3-field);color:var(--f3-paper);font:300 18px/1.65 var(--f3-serif);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
.portfolio *,.f3-invite *,.f3-next *{box-sizing:border-box}
.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p,.portfolio figure{margin:0;font-weight:300}
.portfolio a{color:inherit;text-decoration:none}
.portfolio button,.portfolio input{font:inherit;color:inherit;border-radius:0}
.portfolio button{cursor:pointer;background:none;border:0}
.portfolio img{display:block;width:100%;height:auto}
.portfolio a:focus-visible,.portfolio button:focus-visible,.portfolio input:focus-visible,.f3-invite :focus-visible,.f3-next :focus-visible{outline:2px solid var(--f3-red);outline-offset:5px}
.portfolio ::selection{background:var(--f3-red);color:var(--f3-paper)}
.portfolio .grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.skip-link{position:absolute;z-index:20;left:var(--f3-gutter);top:12px;transform:translateY(-200%);padding:12px;background:var(--f3-paper);color:var(--f3-ink)!important}
.skip-link:focus{transform:translateY(0)}
.f3-mono,.f3-eyebrow{font:400 11px/1.8 var(--f3-mono);letter-spacing:.18em;text-transform:uppercase}
.f3-eyebrow{letter-spacing:.24em}
.site-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px var(--f3-gutter)}
.site-nav .wordmark{font:italic 300 26px/1.2 var(--f3-serif)}
.site-nav .nav-links{display:flex;gap:clamp(18px,3vw,42px);align-items:center;font:400 10px/1.6 var(--f3-mono);letter-spacing:.18em;text-transform:uppercase}
.site-nav .nav-links a{padding:10px 0}
.site-nav .letter-link{border-bottom:1px solid #edeae099}
.portfolio a:hover{opacity:.8}
.home-cover{position:relative;isolation:isolate;min-height:min(860px,92svh);display:flex;flex-direction:column;justify-content:space-between;background:var(--f3-rebate)}
.home-cover .cover-photo{position:absolute;inset:0;height:100%;object-fit:cover;object-position:92% 46%;z-index:-3}
.home-cover .veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#060605a6,transparent 40%,#06060555 62%,#060605d9)}
.f3-ticks{position:absolute;inset:16px;pointer-events:none;z-index:1}
.f3-ticks i{position:absolute;width:15px;height:15px;border:0 solid #edeae099}
.f3-ticks i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}
.f3-ticks i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}
.f3-ticks i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}
.f3-ticks i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.cover-content{padding:clamp(95px,14vh,180px) var(--f3-gutter) 54px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.home-cover h1{font-size:clamp(98px,14.7vw,224px);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;margin:26px 0}
.home-cover h1 em{font-weight:300}
.cover-meta{color:#edeae0dd}
.cover-meta .dot{color:var(--f3-red);padding:0 12px}
.cover-no{position:absolute;right:var(--f3-gutter);top:120px;font:300 90px/1 var(--f3-serif);color:transparent;-webkit-text-stroke:1px #edeae055}
.cover-cta{text-align:right;flex-shrink:0;margin-bottom:8px}
.cover-cta .f3-mono{margin-bottom:12px;color:#edeae0cc}
.f3-link{display:inline-flex;align-items:center;gap:28px;padding:10px 0;border-bottom:1px solid currentColor;font:400 11px/1.8 var(--f3-mono);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:inherit;min-height:44px}
.in-works{padding:44px var(--f3-gutter) 50px}
.work-contents{scroll-margin-top:24px}
.issue-shelf{padding:clamp(40px,5vw,72px) var(--f3-gutter);scroll-margin-top:24px}
.issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px)}
.issue-card{min-width:0}
.issue-image{display:block}
.issue-image img{width:100%;height:auto}
.issue-copy{padding-top:24px}
.issue-copy>.f3-mono{color:var(--f3-soft);font-size:10px}
.issue-copy h3{font-size:clamp(33px,4vw,56px);line-height:1.15;margin:10px 0 12px}
.issue-copy>p:not(.f3-mono){color:var(--f3-soft);font-size:18px}
.chapter-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;font:400 10px/1.8 var(--f3-mono);letter-spacing:.08em;text-transform:uppercase}
.chapter-links a{padding:10px 0;border-bottom:1px solid var(--f3-line)}
.section-label{display:flex;justify-content:space-between;gap:24px;margin-bottom:28px;color:var(--f3-soft)}
.section-label h2{font:inherit}
.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:50px}
.work-row{display:grid;grid-template-columns:110px 1fr;gap:32px;align-items:center;border-top:1px solid var(--f3-line);padding-top:28px}
.work-row h3{font-size:clamp(32px,3.5vw,49px);line-height:1.15;margin-bottom:12px}
.work-row p{font:400 11px/1.8 var(--f3-mono);color:var(--f3-soft);letter-spacing:.1em;text-transform:uppercase;max-width:30ch}
.work-row .f3-link{font-size:10px;margin-top:10px}
.work-row .print{display:block;padding:6px;background:var(--f3-paper);transform:rotate(-2deg);box-shadow:0 7px 16px #0004}
.work-row .roll-label{font:italic 300 34px/1.1 var(--f3-serif);color:var(--f3-soft)}
.f3-invite{padding:clamp(38px,5.5vw,74px) var(--f3-gutter);background:var(--f3-paper);color:var(--f3-ink);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,6vw,85px);align-items:center;text-align:left;border-top:1px solid var(--f3-line-paper)}
.f3-invite .f3-eyebrow{color:var(--f3-red-paper);margin:0 0 16px}
.f3-invite h2{font:italic 300 clamp(35px,4vw,58px)/1.13 var(--f3-serif);letter-spacing:-.025em;margin:0}
.f3-invite .invite-body{font:300 clamp(17px,1.45vw,21px)/1.65 var(--f3-serif);margin:17px 0 0;max-width:43ch}
.f3-invite .sub-form{display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--f3-line-paper);padding:0;margin:12px 0 0;max-width:none}
.f3-invite .sub-form input[type=email]{flex:1;width:100%;min-width:0;border:0;border-radius:0;background:transparent;color:var(--f3-ink);font:400 16px/1.5 var(--f3-mono);padding:16px 0}
.f3-invite .sub-form input::placeholder{color:var(--f3-soft-paper);opacity:1}
.f3-invite .sub-form button{flex-shrink:0;border:0;background:transparent;color:var(--f3-ink);font:400 11px/1.6 var(--f3-mono);text-transform:none;letter-spacing:.03em;padding:16px 0;cursor:pointer}
.f3-invite .sub-form button:disabled{opacity:.6;cursor:wait}
.f3-invite .sub-fine{font:400 10px/1.8 var(--f3-mono);letter-spacing:.04em;color:var(--f3-soft-paper);margin:14px 0 0}
.f3-invite .sub-done{font:300 22px/1.6 var(--f3-serif);color:var(--f3-ink)}
.f3-invite .sub-fail{color:var(--f3-red-paper)}
.f3-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.f3-next{padding:32px var(--f3-gutter) 38px;background:var(--f3-field);color:var(--f3-paper);display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left}
.f3-next>div{border-top:1px solid var(--f3-line);padding-top:24px;min-width:0}
.f3-next .f3-mono{color:var(--f3-soft)}
.f3-next h3{font:300 30px/1.25 var(--f3-serif);margin:8px 0 10px}
.f3-next p{font:300 18px/1.65 var(--f3-serif);margin:8px 0;max-width:38ch}
.f3-next button{background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;cursor:pointer;color:inherit}
.f3-next [data-share-status]{font:400 11px/1.8 var(--f3-mono);min-height:1.8em}
.f3-next [data-share-url]{display:block;width:100%;max-width:100%;font:400 12px/1.5 var(--f3-mono);background:var(--f3-rebate);color:var(--f3-paper);padding:12px;border:1px solid var(--f3-line)}
.site-footer{padding:30px var(--f3-gutter);display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;border-top:1px solid var(--f3-line);font:400 10px/1.8 var(--f3-mono);letter-spacing:.08em;color:var(--f3-soft)}
.site-footer .footer-links{display:flex;gap:24px;flex-wrap:wrap}
.studio-details{padding:0 var(--f3-gutter) 32px;color:var(--f3-soft)}
.studio-details summary{font:400 10px/1.8 var(--f3-mono);letter-spacing:.08em;cursor:pointer;padding:12px 0}
.studio-details .studio-copy{max-width:680px;padding:18px 0}
.studio-details p{margin-bottom:16px}
.studio-details a{border-bottom:1px solid var(--f3-line)}
.baja-cover{position:relative;isolation:isolate;background:var(--f3-rebate)}
.baja-cover .site-nav{position:absolute;top:0;left:0;right:0}
.baja-cover .baja-photo{width:100%;height:auto;max-height:900px;object-fit:contain;aspect-ratio:1.5}
.baja-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#06060599,transparent 26%,transparent 48%,#060605d9)}
.baja-title{position:absolute;bottom:48px;left:var(--f3-gutter);right:var(--f3-gutter);display:flex;justify-content:space-between;align-items:end;gap:30px}
.baja-title h1{font:italic 300 clamp(70px,12.2vw,186px)/1.08 var(--f3-serif);letter-spacing:-.04em;text-transform:uppercase;margin-top:12px}
.baja-title .side-note{text-align:right;margin-bottom:20px}
.baja-intro{padding:44px var(--f3-gutter);display:grid;grid-template-columns:.7fr 1.5fr;gap:42px}
.baja-intro .f3-eyebrow{padding-top:8px;color:var(--f3-soft)}
.baja-intro p{font-size:clamp(23px,2.3vw,33px);line-height:1.5;max-width:38ch}
.archive-reel{padding:32px var(--f3-gutter);background:var(--f3-rebate)}
.reel-top{display:flex;justify-content:space-between;gap:20px;color:var(--f3-soft);margin-bottom:24px}
.reel-top h2{font:inherit}
.reel-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reel-frame{display:block;color:var(--f3-edge)!important}
.reel-frame img{aspect-ratio:1.5;object-fit:contain}
.film-edge{background:repeating-linear-gradient(90deg,transparent 0 10px,#edeae035 10px 17px,transparent 17px 28px);height:7px;margin-bottom:7px}
.edge-meta{display:flex;justify-content:space-between;gap:12px;padding-top:10px;font:400 10px/1.6 var(--f3-mono);letter-spacing:.08em}
.archive-link{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px var(--f3-gutter)}
.archive-link .f3-mono{color:var(--f3-soft)}
.archive-link>a{font:italic 300 26px/1.4 var(--f3-serif)}
.photo-open{overflow:hidden}
#photo-viewer{background:var(--f3-rebate);color:var(--f3-paper);border:1px solid var(--f3-line);width:calc(100% - 32px);max-width:1500px;max-height:calc(100svh - 32px);padding:24px}
#photo-viewer::backdrop{background:#060605ed}
#photo-viewer .viewer-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
#photo-viewer img{width:100%;height:min(67svh,820px);object-fit:contain}
#photo-viewer [data-caption]{font:300 26px/1.5 var(--f3-serif);margin-top:18px}
#photo-viewer [data-film]{color:var(--f3-soft);margin-top:8px}
.thanks{padding:100px var(--f3-gutter);min-height:65svh;max-width:850px}
.thanks h1{font:italic 300 clamp(46px,7vw,80px)/1.15 var(--f3-serif);margin:20px 0}
.thanks p{margin:20px 0}
@media(max-width:760px){
  .issue-grid{grid-template-columns:1fr;gap:42px}.issue-copy{padding-top:18px}
  .site-nav{gap:18px}.site-nav .nav-links{font-size:9px;letter-spacing:.1em;gap:20px}
  .home-cover{min-height:690px;min-height:88svh}.cover-content{align-items:start;flex-direction:column;padding-top:110px;padding-bottom:38px}
  .cover-cta{text-align:left}.cover-cta .f3-mono{display:none}.home-cover h1{font-size:clamp(94px,20vw,150px)}
  .cover-no{font-size:65px;top:115px}.work-grid{grid-template-columns:1fr;gap:30px}.work-row{grid-template-columns:95px 1fr}
  .f3-invite{grid-template-columns:1fr;gap:24px}.f3-invite .sub-form{margin-top:0}.f3-invite h2{font-size:40px}
  .baja-cover{padding-top:92px}.baja-cover .baja-photo{aspect-ratio:auto}.baja-cover .site-nav{background:var(--f3-field)}.baja-veil{top:92px}
  .baja-title{bottom:28px}.baja-title .side-note{display:none}.baja-title h1{font-size:clamp(60px,13vw,100px)}
  .baja-intro{grid-template-columns:1fr;gap:18px}.reel-top{display:block}.reel-top>span{display:block;margin-top:8px}
  .archive-link{display:block}.archive-link>a{display:block;margin-top:12px}
}
@media(max-width:480px){
  .site-nav .wordmark{font-size:23px}.site-nav .nav-links{gap:18px}.site-nav .secondary{display:none}
  .home-cover{min-height:640px;min-height:88svh}.cover-content{padding-top:100px}.home-cover h1{font-size:clamp(90px,25vw,118px)}
  .cover-content>.cover-copy>.f3-eyebrow{font-size:9px;letter-spacing:.12em}.cover-meta{font-size:9px;letter-spacing:.07em}.cover-meta .dot{padding:0 6px}
  .section-label>span{display:none}.work-row{grid-template-columns:76px 1fr;gap:25px}.work-row .roll-label{font-size:28px}
  .work-row h3{font-size:33px}.f3-invite h2{font-size:36px}.f3-invite .sub-form button{font-size:10px;letter-spacing:0}.f3-invite .sub-form{gap:10px}
  .f3-next{grid-template-columns:1fr;gap:22px}.f3-next h3{font-size:28px}
  .baja-title .f3-eyebrow{font-size:9px;letter-spacing:.1em}.baja-title h1{font-size:clamp(53px,15vw,75px)}
  .reel-strip{gap:9px}.edge-meta{font-size:9px}.edge-meta>span:first-child{display:none}.archive-reel{padding-left:18px;padding-right:18px}
  #photo-viewer{padding:16px}#photo-viewer .f3-mono{font-size:9px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){.portfolio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
