@font-face{font-family:Archivo;src:url('assets/archivo.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--sc-canvas:#fafafa;--sc-surface:#eeeeee;--sc-ink:#1a1a1a;--sc-ink-soft:#646464;--sc-accent:#1a1a1a;--sc-accent-ink:#fafafa;--sc-font-display:Archivo,Arial,sans-serif;--sc-font-text:Archivo,Arial,sans-serif;--sc-r-sm:0;--gutter:clamp(22px,4.4vw,88px)}
html{scroll-padding-top:64px}
body{font-size:14px;line-height:1.5}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0;border-radius:0;background:none;padding:0;cursor:pointer}
button:disabled{cursor:default;opacity:.4}
button:active,a:active{transform:translateY(1px)}
a{text-decoration:none}
p,h1,h2,h3,figure{margin:0}
img{width:100%;height:auto}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sc-accent);outline-offset:6px}
.section-gutter{padding-inline:var(--gutter)}
.text-link{font-size:11px;display:inline-flex;align-items:center;white-space:nowrap;text-underline-offset:5px}
.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.15em}
.photo-button{display:block;width:100%;height:100%;overflow:hidden;background:#eeeeee}
.photo-button img{height:100%;object-fit:cover;transition:transform .25s var(--sc-ease-out)}
.skip-link{position:fixed;top:8px;left:20px;z-index:120;background:#1a1a1a;color:#fafafa;padding:12px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:65;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:23px var(--gutter);height:88px}
.wordmark{font-size:24px;font-weight:600;letter-spacing:-1.5px;line-height:1}
.site-header nav{display:flex;align-items:center;gap:34px;font-size:11px}
.site-header nav a,.index-trigger{padding-block:10px}
.index-trigger{font-size:11px;display:flex;align-items:center;gap:13px}
.index-icon{display:grid;grid-template-columns:repeat(2,3px);gap:3px}
.index-icon i{width:3px;height:3px;background:currentColor}
.hero{position:relative}
.hero-stage{height:100svh;min-height:620px;position:relative;overflow:hidden;background:var(--sc-canvas)}
.hero-rules{position:absolute;inset:110px var(--gutter) 86px;display:flex;justify-content:space-between;pointer-events:none}
.hero-rules span{width:1px;background:#dedede}
.hero-image-wrap{position:absolute;top:12%;left:50%;height:74%;aspect-ratio:4/5;transform:translateX(-50%);will-change:transform;z-index:2}
.hero-image{background:#202020}
.hero-image img{object-position:50% 50%}
.portrait-note{position:absolute;right:-23px;top:0;writing-mode:vertical-rl;white-space:nowrap;font-size:9px;letter-spacing:.04em;color:var(--sc-ink-soft)}
.hero h1{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);top:45%;line-height:.88;font-size:17.15vw;font-weight:400;letter-spacing:-.075em;pointer-events:none;display:flex;justify-content:space-between;color:#fff;mix-blend-mode:difference}
.hero h1 span{display:block;will-change:transform}
.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:26px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:10px}
.hero-bottom>.text-link{justify-self:center;font-size:11px}
.hero-edition{text-align:right;color:var(--sc-ink-soft);font-size:9px}

.about{display:grid;grid-template-columns:1fr 1.05fr;gap:10vw;padding-top:110px;padding-bottom:80px;align-items:start}
.about-label .eyebrow{font-size:9px;color:var(--sc-ink-soft);margin-bottom:25px}
.about-label h2{font-size:clamp(38px,4.5vw,72px);font-weight:400;line-height:1.04;letter-spacing:-.055em}
.about-story{max-width:58ch;padding-top:37px}
.about-story>p{font-size:13px;line-height:1.85;color:var(--sc-ink-soft);text-wrap:pretty;margin-bottom:24px}
.about-story>.about-lead{font-size:clamp(20px,2vw,30px);letter-spacing:-.03em;line-height:1.4;color:var(--sc-ink)}
.about-story>.text-link{margin-top:9px;text-decoration:underline;text-decoration-color:#b5b5b5;text-underline-offset:6px}
/* Photographs lead. Natural proportions and clear gutters create the collage. */
.collection{display:grid;grid-template-columns:145px minmax(0,1fr);gap:clamp(30px,4.5vw,80px);padding-top:100px;padding-bottom:80px;align-items:start}
.collection+.collection{padding-top:40px}
.collection-aside{position:sticky;top:55px;align-self:start}
.collection-aside h2{font-size:17px;font-weight:400;line-height:1.3;letter-spacing:-.04em;margin-bottom:9px}
.collection-aside>p{font-size:10px;color:var(--sc-ink-soft)}
.collection-aside nav{display:flex;flex-direction:column;gap:12px;margin-top:34px;font-size:10px}
.collection-aside>.text-link{margin-top:34px;font-size:10px;text-decoration:underline;text-decoration-color:#b5b5b5}
.photo-collage{columns:3;column-gap:24px;min-width:0}
.collage-photo{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 28px}
.collage-photo .photo-button{height:auto;background:transparent}
.collage-photo .photo-button img{display:block;width:100%;height:auto;object-fit:initial}
.collage-photo figcaption{font-size:9px;line-height:1.4;color:var(--sc-ink-soft);padding-top:10px}

.footer{background:#141414;color:#fafafa;--sc-accent:#fafafa;padding-top:50px;padding-bottom:25px;overflow:hidden}
.footer-top{display:flex;justify-content:space-between;align-items:center;font-size:11px}
.footer-name{font-size:17.5vw;letter-spacing:-.075em;word-spacing:.06em;line-height:1.15;white-space:nowrap;padding-block:60px 25px;font-weight:400}
.footer-name>span{color:#9b9b9b}
.footer-bottom{border-top:1px solid #555555;padding-top:21px;display:flex;justify-content:space-between;align-items:center;font-size:10px}
.footer-bottom .text-link{font-size:10px}
.contact-details{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding-block:20px 70px;margin-bottom:30px;border-bottom:1px solid #555555}
.contact-details .eyebrow{font-size:9px;margin-bottom:20px;color:#cccccc}
.contact-details h2{font-size:clamp(32px,4vw,64px);line-height:1.1;font-weight:400;letter-spacing:-.05em}
.contact-email{font-size:clamp(14px,1.6vw,24px);letter-spacing:-.025em;border-bottom:1px solid #8a8a8a;padding-block:8px;overflow-wrap:anywhere}

body:has(dialog[open]){overflow:hidden}
dialog{padding:0;border:0;color:inherit}
dialog::backdrop{background:rgb(20 20 20 / .65)}
.index-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;background:var(--sc-canvas);padding:30px var(--gutter);overflow:auto}
.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #d4d4d4}
.dialog-header h2{font-size:clamp(36px,5vw,72px);letter-spacing:-.06em;line-height:1;font-weight:400}
.dialog-header h2>span{display:block;font-size:10px;letter-spacing:0;line-height:2;margin-top:14px;color:var(--sc-ink-soft)}
.close-button{font-size:12px;display:flex;align-items:center;gap:20px;padding:6px}
.close-button>span{font-size:28px;font-weight:400;line-height:1}
.index-filters{display:flex;gap:24px;margin:28px 0}
.index-filters button{font-size:12px;color:var(--sc-ink-soft);padding:8px 0;border-bottom:1px solid transparent}
.index-filters button[aria-pressed=true]{color:var(--sc-ink);border-bottom-color:var(--sc-ink)}
.index-filters span{font-size:9px;margin-left:7px;vertical-align:top}
.index-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 18px}
.index-grid>button{display:flex;flex-direction:column;gap:9px;text-align:left;min-width:0}
.index-grid img{height:clamp(130px,20vw,330px);width:100%;object-fit:contain;background:#eeeeee}
.index-grid .index-label{font-size:10px;display:flex;justify-content:space-between;width:100%}
.index-label>span{color:var(--sc-ink-soft);font-size:9px}
.index-grid>button[hidden]{display:none}
.index-note{font-size:10px;padding:45px 0 10px;color:var(--sc-ink-soft)}
.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;background:#141414;color:#fafafa;--sc-accent:#fafafa;overflow:hidden}
.lightbox-top,.lightbox-bottom{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:11px;z-index:2}
.lightbox-top{top:22px}
.lightbox-bottom{bottom:24px;gap:15px}
.lightbox-bottom>p{flex:1}
.lightbox-bottom>span{min-width:55px;text-align:right}
.lightbox-main{height:100%;display:flex;align-items:center;justify-content:center;gap:28px;padding:80px var(--gutter)}
.lightbox-main>img{height:100%;width:auto;max-width:calc(100% - 200px);object-fit:contain}
.lightbox-arrow{font-size:11px;border:0;border-bottom:1px solid transparent;height:44px;width:70px;flex:none}
.lightbox-bottom .text-link{font-size:11px}
@media(hover:hover) and (pointer:fine){.photo-button:hover img{transform:scale(1.025)}.site-header nav a:hover,.index-trigger:hover,.collection-aside a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.index-grid>button:hover img{outline:1px solid var(--sc-accent);outline-offset:4px}.lightbox-arrow:hover{border-bottom-color:currentColor}.close-button:hover{opacity:.7}.contact-email:hover{border-bottom-color:#fafafa}}
@media(min-width:1600px){.hero h1{font-size:17vw}.collection{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:1000px) and (min-width:761px){.collection{grid-template-columns:115px minmax(0,1fr);gap:28px}.photo-collage{column-gap:18px}}
@media(max-width:760px){
  html{scroll-padding-top:20px}.site-header{height:72px;padding-block:20px}.wordmark{font-size:22px}.site-header nav{gap:12px;font-size:10px}.site-header nav>a:first-child{display:none}.index-trigger{font-size:10px;gap:10px}
  .hero-stage{min-height:560px}.hero-rules{inset:100px var(--gutter) 96px}.hero-image-wrap{top:19%;height:65%;max-width:75vw;aspect-ratio:4/5}.hero h1{font-size:19.5vw;top:47%;left:16px;right:22px;letter-spacing:-.075em;gap:10px}.portrait-note{right:-19px;font-size:8px}.hero-bottom{bottom:25px;grid-template-columns:1fr auto;gap:16px;font-size:10px}.hero-bottom>.text-link{justify-self:end;font-size:10px}.hero-edition{display:none}
  .about{grid-template-columns:1fr;gap:30px;padding-top:75px;padding-bottom:35px}.about-label .eyebrow{font-size:8px;margin-bottom:20px}.about-label h2{font-size:44px}.about-story{padding-top:0}.about-story>p{font-size:12px;line-height:1.8;margin-bottom:22px}.about-story>.about-lead{font-size:22px;line-height:1.4}
  .collection{display:block;padding-top:65px;padding-bottom:35px}.collection+.collection{padding-top:30px}.collection-aside{position:relative;top:auto;margin-bottom:30px}.collection-aside h2{font-size:18px;margin-bottom:7px}.collection-aside>p{font-size:9px}.collection-aside nav{display:none}.collection-aside>.text-link{position:absolute;right:0;top:0;margin:4px 0 0;font-size:9px}.photo-collage{columns:2;column-gap:14px}.collage-photo{margin-bottom:22px}.collage-photo figcaption{font-size:8px;padding-top:8px}
  .footer{padding-top:32px}.footer-top{font-size:9px;gap:22px}.footer-top .text-link{font-size:9px}.footer-name{font-size:17vw;padding-block:55px 30px}.footer-bottom{font-size:8px;gap:10px;padding-top:18px}.footer-bottom .text-link{font-size:8px}.contact-details{grid-template-columns:1fr;gap:26px;padding-block:8px 40px;margin-bottom:24px}.contact-details .eyebrow{font-size:8px;margin-bottom:16px}.contact-email{justify-self:start;font-size:clamp(13px,3.7vw,20px)}
  .index-dialog{padding-top:24px}.dialog-header{padding-bottom:18px}.dialog-header h2{font-size:42px}.dialog-header h2>span{font-size:9px}.close-button{font-size:10px;gap:10px}.index-filters{gap:21px;margin-block:18px}.index-filters button{font-size:11px}.index-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.index-grid img{height:220px}.index-grid .index-label{font-size:9px}.lightbox-main{padding:80px 8px 110px;gap:4px}.lightbox-main>img{max-width:calc(100% - 92px)}.lightbox-arrow{height:44px;width:42px;font-size:9px}.lightbox-top,.lightbox-bottom{left:20px;right:20px;font-size:10px}.lightbox-bottom{flex-wrap:wrap;bottom:22px;gap:14px}.lightbox-bottom>p{flex-basis:100%;font-size:12px}.lightbox-bottom .text-link{font-size:10px}.lightbox-bottom>span{margin-left:auto}
}
@media(max-width:339px){.photo-collage{columns:1}.site-header nav>a[href="#on-set"]{display:none}}
@media(max-height:680px) and (min-width:761px){.hero-stage{min-height:520px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero{height:auto!important}.hero-stage{height:100svh;min-height:560px;position:relative!important}.hero-image-wrap{transform:translateX(-50%)!important}.hero h1 span{transform:none!important}}