:root{--ink:#1c1c1b;--sidebar:296px;--line:#7e7e79;--detail:#d5d7d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{display:block;width:100%;height:auto}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:white;color:var(--ink);z-index:20}.skip:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:white;padding:20px;z-index:6;display:flex;flex-direction:column;border-right:1px solid #d5d5d0;overflow:auto}.wordmark{border-top:1px solid var(--ink);padding:16px 0 25px;display:block;font-size:22px;letter-spacing:.12em;font-weight:500;line-height:1.2;white-space:nowrap}.wordmark em{font-style:normal;letter-spacing:0;padding:0 5px}.primary-nav{margin-top:45px;display:flex;flex-direction:column}.primary-nav button,.primary-nav>a{display:block;text-align:left;font-size:16px;font-weight:400;padding:24px 0 60px;border-top:1px solid var(--line);min-height:119px;width:100%}.primary-nav button:hover,.primary-nav>a:hover,.primary-nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.showcase{margin-left:var(--sidebar);height:100svh;min-height:500px;background:#222;position:relative;overflow:hidden}.slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .45s}.slide.active{opacity:1;visibility:visible}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 38%,#0009)}.slide img{width:100%;height:100%;object-fit:cover}.slide-caption{position:absolute;left:5vw;right:5vw;bottom:106px;color:white;z-index:1}.slide-caption h1,.slide-caption h2{font-size:clamp(36px,4.5vw,68px);line-height:1.05;letter-spacing:-.035em;font-weight:400;margin:0;max-width:800px}.slide-caption .author{display:block;font-size:16px;margin-top:17px}.slider-controls{position:absolute;left:5vw;right:5vw;bottom:34px;display:flex;justify-content:space-between;align-items:center;color:white;z-index:3;gap:20px}.slider-index{font-size:13px;letter-spacing:.04em}.slide-dots{display:flex;gap:10px}.slide-dots button{width:26px;height:26px;padding:0;border-radius:50%;position:relative}.slide-dots button:after{content:'';position:absolute;width:10px;height:10px;inset:8px;border-radius:50%;background:#ffffff70}.slide-dots button[aria-pressed=true]:after{background:white}.view-label{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.secondary{position:fixed;left:var(--sidebar);top:0;bottom:0;width:360px;background:#f0f0ed;border-left:2px solid var(--ink);padding:20px;z-index:7;overflow:auto;box-shadow:6px 0 20px #0001}.secondary[hidden]{display:none}.panel-top{border-top:1px solid var(--ink);padding:13px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-top h2{font-size:16px;font-weight:400;margin:0}.close-panel{font-size:29px;line-height:1;font-weight:300;padding:0 4px}.panel-works{margin-top:14px}.panel-works a{display:block;padding:23px 0 35px;border-top:1px solid var(--line)}.panel-works a:hover h3,.panel-works a[aria-current=page] h3{text-decoration:underline;text-underline-offset:5px}.panel-works h3{font-size:20px;line-height:1.3;font-weight:400;margin:0 0 12px;max-width:290px}.panel-works .author{font-size:14px;display:block}.panel-backdrop{position:fixed;inset:0 0 0 var(--sidebar);background:#0002;z-index:4}.panel-backdrop[hidden]{display:none}.mobile-header{display:none}
.detail,.information{background:var(--detail);color:white}.detail-top{height:150px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 5vw}.menu-toggle{padding:10px 0;justify-self:start;font-size:14px;display:flex;align-items:center;gap:12px}.menu-symbol{width:27px;height:20px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}.menu-symbol:after{content:'';position:absolute;top:9px;left:0;right:0;border-top:1px solid currentColor}.detail-logo{font-size:19px;letter-spacing:.1em;line-height:1.2}.header-about{font-size:14px;justify-self:end}.header-about:hover{text-decoration:underline;text-underline-offset:5px}.detail .sidebar,.information .sidebar{color:var(--ink);transform:translateX(-100%);visibility:hidden;transition:transform .25s}.detail.menu-open .sidebar,.information.menu-open .sidebar{transform:none;visibility:visible}.detail .secondary,.information .secondary{color:var(--ink)}.detail .panel-backdrop,.information .panel-backdrop{inset:0;background:#0004}
.project-title{padding:60px 13vw 65px}.project-title h1{font-size:clamp(40px,5.2vw,82px);line-height:1.08;letter-spacing:-.04em;font-weight:400;margin:0;max-width:1100px}.project-title .author{font-size:18px;margin:22px 0 0}.project-hero{margin:0 0 75px 13vw;width:60vw;max-width:820px}.page-image{display:block;padding:0;width:100%;cursor:zoom-in;text-align:left}.page-image img{width:100%;height:auto}.gallery{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:36px;margin:0 7vw 0 13vw}.gallery figure{margin:0}.project-bottom{padding:100px 13vw 110px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.project-bottom a{font-size:26px;line-height:1.3}.project-bottom a:hover{text-decoration:underline;text-underline-offset:6px}.project-bottom .next{text-align:right}.project-bottom .next span{display:block;font-size:14px;margin-bottom:18px}.project-bottom i{font-style:normal}
.about-content{padding:55px 13vw 100px;min-height:70vh}.about-content h1{font-size:clamp(42px,5.2vw,82px);font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0 0 65px}.about-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:7vw}.about-grid .statement{font-size:24px;line-height:1.5;margin:0;max-width:760px}.instagram h2{font-size:20px;font-weight:400;margin:0 0 25px}.instagram a{display:flex;justify-content:space-between;gap:8px;padding:17px 0;border-top:1px solid #d8dbd1;font-size:14px;overflow-wrap:anywhere}.instagram a:hover{text-decoration:underline;text-underline-offset:5px}.instagram{scroll-margin-top:30px}
.image-viewer{padding:20px 30px;color:white;background:#252623;border:0;width:calc(100vw - 40px);max-width:1300px;height:calc(100svh - 40px);max-height:calc(100svh - 40px);overflow:hidden}.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.image-viewer::backdrop{background:#000b}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}.viewer-top button{font-size:32px;line-height:1;padding:4px 9px}.viewer-image{width:100%;height:100%;object-fit:contain;min-height:0}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:30px}.viewer-controls button{font-size:26px;padding:3px 12px}.viewer-count{font-size:13px;min-width:60px;text-align:center}body:has(dialog[open]){overflow:hidden}
@media(min-height:1000px){.primary-nav button,.primary-nav>a{min-height:140px}.primary-nav{margin-top:60px}}
@media(max-width:1050px){:root{--sidebar:250px}.wordmark{font-size:18px;letter-spacing:.1em}.secondary{width:330px}.primary-nav button,.primary-nav>a{min-height:103px;padding-bottom:45px}.slide-caption,.slider-controls{left:4vw;right:4vw}.project-title{padding-left:8vw;padding-right:8vw}.project-hero{margin-left:8vw}.gallery{margin-left:8vw}.project-bottom,.about-content{padding-left:8vw;padding-right:8vw}.about-grid{gap:5vw}.about-grid .statement{font-size:22px}}
@media(max-width:700px){:root{--sidebar:280px}.sidebar{transform:translateX(-100%);visibility:hidden;transition:transform .25s;z-index:8}.menu-open .sidebar{transform:none;visibility:visible}.primary-nav{margin-top:30px}.primary-nav button,.primary-nav>a{min-height:91px;padding:20px 0 38px}.wordmark{font-size:20px}.mobile-header{display:flex;position:absolute;inset:0 0 auto;height:88px;align-items:center;justify-content:space-between;padding:0 6vw;color:white;z-index:3;background:linear-gradient(#0005,transparent)}.mobile-header>a{font-size:15px;letter-spacing:.09em}.mobile-header .menu-toggle{font-size:0}.showcase{margin-left:0;min-height:560px}.slide-caption{left:7vw;right:7vw;bottom:110px}.slide-caption h1,.slide-caption h2{font-size:42px}.slide-caption .author{font-size:15px}.slider-controls{left:7vw;right:7vw;bottom:35px;gap:12px}.slide-dots{gap:2px}.secondary{left:0;width:min(100%,390px);padding:24px;z-index:9;border:0;box-shadow:10px 0 35px #0003}.panel-backdrop{inset:0;background:#0005;z-index:7}.panel-top{padding-bottom:26px}.detail-top{height:96px;grid-template-columns:1fr auto 1fr;gap:14px;padding:0 6vw}.detail-top .menu-toggle{font-size:0}.detail-logo{font-size:14px;letter-spacing:.075em}.header-about{font-size:12px}.project-title{padding:48px 7vw 45px}.project-title h1{font-size:43px}.project-title .author{font-size:16px;margin-top:18px}.project-hero{margin:0 7vw 30px;width:86vw;max-width:none}.gallery{grid-template-columns:1fr;gap:30px;margin:0 7vw}.project-bottom{padding:65px 7vw 75px;gap:24px}.project-bottom a{font-size:19px}.project-bottom .next span{font-size:13px}.about-content{padding:40px 7vw 70px}.about-content h1{font-size:44px;margin-bottom:45px}.about-grid{grid-template-columns:1fr;gap:50px}.about-grid .statement{font-size:22px}.instagram a{font-size:15px}.image-viewer{width:100vw;height:100svh;max-height:100svh;padding:12px 16px;gap:10px}.viewer-top{font-size:12px}.viewer-top span{max-width:80%}}
@media(max-height:660px) and (min-width:701px){.primary-nav{margin-top:20px}.primary-nav button,.primary-nav>a{min-height:84px;padding:18px 0 30px}.panel-works a{padding:16px 0 24px}.panel-top{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.sidebar{transition:none}}
.detail,.information{color:var(--ink)}
.project-hero{width:calc(100% - 26vw);max-width:520px}
.gallery{display:flex;flex-direction:column;gap:48px}
.gallery .book-spread{width:100%}
.gallery .book-cover{width:100%;max-width:520px}
.instagram a{border-color:#90928c}
.about-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:6vw;align-items:start}
.about-story h2{font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.02em;margin:0 0 30px}
.about-story p{font-size:19px;line-height:1.65;margin:0 0 30px}
.about-story strong{font-weight:500}
.new-works{border-top:1px solid #90928c;padding-top:28px}
.new-works strong{display:block;font-size:20px;line-height:1.4;margin-bottom:8px}
.image-viewer{background:#e4e5e1;color:var(--ink)}
.viewer-controls button:disabled{opacity:.3;cursor:default}
@media(max-width:700px){.project-hero{width:86vw;max-width:none}.gallery{gap:30px}.about-grid{grid-template-columns:1fr;gap:45px}.about-story h2{font-size:28px}.about-story p{font-size:18px;line-height:1.65}.new-works strong{font-size:19px}}
.wordmark{font-size:23px;letter-spacing:-.02em;white-space:normal}
.detail-logo{letter-spacing:-.015em;white-space:nowrap}
.home{height:100svh;overflow:hidden}
.showcase{height:100svh;min-height:0;background:var(--detail);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}
.showcase::-webkit-scrollbar{display:none}
.slide,.slide.active{position:relative;inset:auto;display:flex;flex-direction:column;height:100%;min-height:0;padding:0;gap:0;opacity:1;visibility:visible;scroll-snap-align:start;scroll-snap-stop:always;transition:none;color:var(--ink)}
.slide:after{display:none}
.spread-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.spread-stage img{width:100%;height:100%;object-fit:contain}
.home-caption{position:fixed;left:20px;bottom:132px;width:calc(var(--sidebar) - 40px);color:var(--ink);z-index:6}
.home-caption h1{font-size:24px;line-height:1.15;letter-spacing:-.02em;font-weight:400;margin:0}
.home-caption .author{display:block;font-size:14px;margin-top:12px}
.slider-controls{position:fixed;left:20px;right:auto;width:calc(var(--sidebar) - 40px);bottom:24px;display:grid;grid-template-columns:1fr auto;gap:12px 10px;color:var(--ink);z-index:6}
.slider-controls .view-label{grid-column:1 / -1;justify-self:start}
.slide-dots{gap:2px}
.slide-dots button{width:24px;height:26px}
.slide-dots button:after{inset:8px auto auto 7px;background:#1c1c1b44}
.slide-dots button[aria-pressed=true]:after{background:var(--ink)}
.home.menu-open .showcase{overflow:hidden}
.home.menu-open .home-caption,.home.menu-open .slider-controls{visibility:hidden}
@media(max-width:1050px){.wordmark{font-size:21px}}
@media(max-height:560px) and (min-width:701px){.home-caption{bottom:118px}.home-caption h1{font-size:20px}.home-caption .author{margin-top:8px}}
@media(max-height:500px) and (min-width:701px){.home .wordmark{font-size:21px;padding:12px 0}.home .primary-nav{margin-top:12px}.home .primary-nav button,.home .primary-nav>a{min-height:54px;padding:14px 0}.home-caption{bottom:110px}.home-caption h1{font-size:18px}}
@media(max-width:700px){.mobile-header{position:fixed;height:78px;background:var(--detail);color:var(--ink)}.mobile-header>a{font-size:19px;letter-spacing:-.02em}.detail-logo{font-size:16px;letter-spacing:-.02em}.slide,.slide.active{padding:78px 0 228px;gap:0}.home-caption{left:7vw;bottom:124px;width:86vw;z-index:3}.home-caption h1{font-size:24px}.slider-controls{left:7vw;right:7vw;width:auto;bottom:68px;display:flex;gap:12px;z-index:3}.showcase{margin-left:0}.wordmark{font-size:23px}}
@media(max-width:360px){.slide,.slide.active{padding-bottom:264px}.home-caption{bottom:160px}.slider-controls{display:grid;grid-template-columns:1fr auto;gap:12px 10px}}
.zine-detail{--page-width:calc((100% - 20vw) * 2 / 3)}
.zine-detail .project-hero{width:var(--page-width);max-width:none;margin:0 auto 48px}
.zine-detail .gallery{width:var(--page-width);max-width:none;margin:0 auto}
.zine-detail .gallery .book-spread,.zine-detail .gallery .book-cover{width:100%;max-width:none}
@media(max-width:1050px){.zine-detail{--page-width:calc((100% - 15vw) * 2 / 3)}}
@media(max-width:700px){.zine-detail{--page-width:calc((100% - 14vw) * 2 / 3)}.zine-detail .project-hero{margin:0 auto 30px}}