@font-face{font-family:Editorial;src:url('art/editorial.woff') format('woff');font-display:swap}
:root{--cream:#f1e9dd;--ink:#101010;--muted:#bbb2a6;--serif:Editorial,Didot,'Times New Roman',serif;--gutter:clamp(22px,5.2vw,92px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101010;color:var(--cream);font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.25em}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip{position:absolute;left:16px;top:12px;z-index:2;background:var(--cream);color:var(--ink);padding:8px;transform:translateY(-150%)}.skip:focus{transform:none}
.top{position:relative;background:#111 url('art/hero.webp') center 56%/cover no-repeat;min-height:min(920px,100svh);display:flex;flex-direction:column;isolation:isolate}.top:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#080808d9 0%,#101010b8 22%,transparent 52%,#08080855 77%,#080808bf),linear-gradient(90deg,#080808a3,transparent 54%)}
.mast{display:flex;justify-content:space-between;align-items:center;padding:24px var(--gutter);gap:18px}.brand{font:bold 23px Georgia,serif;white-space:nowrap}.mast nav{display:flex;gap:clamp(18px,3vw,55px);font:12px Georgia,serif;text-transform:uppercase;letter-spacing:.1em}
.cover{flex:1;display:flex;flex-direction:column;padding:clamp(15px,3vw,55px) var(--gutter) 26px}.cover h1{font:400 min(23.5vw,390px)/.88 var(--serif);letter-spacing:-.075em;white-space:nowrap;margin:0 0 clamp(18px,3vw,44px) -.052em}.role{font:clamp(17px,2.2vw,36px)/1.12 Georgia,serif;letter-spacing:.05em;margin:0}.role:after{content:'';display:block;width:35px;border-top:1px solid;margin-top:30px}.cover-end{margin-top:auto;padding-top:95px;display:flex;align-items:end;justify-content:space-between;gap:12px;font-size:13px}.cover-end span:first-child{font:clamp(15px,2vw,25px) var(--serif);white-space:nowrap}.cover-end i{font-size:clamp(44px,6vw,85px);line-height:.75}
.wrap{width:min(100%,1320px);margin:auto;padding:clamp(42px,7.4vw,108px) var(--gutter)}.paper{background:#e4d8c9 url('art/paper.webp') repeat;color:#171411}.dark{background:#111 url('art/dark.webp') repeat}.dark + .dark{border-top:1px solid #ffffff24}
h2{font:400 clamp(40px,8vw,112px)/.87 var(--serif);letter-spacing:-.065em;margin:0 0 clamp(25px,4vw,60px);overflow-wrap:normal}h2 i{font:italic .42em/1 var(--serif);letter-spacing:-.04em;display:block;margin:0 0 10px}.paper h2 i,.archive h2 i{display:inline;margin-right:.28em;vertical-align:.8em}.about-grid{display:grid;grid-template-columns:minmax(160px,30%) 1fr;gap:clamp(23px,6vw,105px);align-items:start}.about-grid img{width:100%;height:auto}.bio{font-size:clamp(14px,1.55vw,19px);line-height:2.15;max-width:38ch}.bio p:first-child{margin-top:0}.paper-ink{width:100%;height:clamp(110px,23vw,305px);object-fit:cover;object-position:center 57%;mix-blend-mode:multiply;margin-top:clamp(35px,5vw,78px);border-top:1px solid #241b1450;padding-top:clamp(19px,3vw,40px)}
.rule{border-top:1px solid #ffffff55;margin:-8px 0 clamp(22px,3vw,42px)}.releases{display:grid;grid-template-columns:1fr 2fr;gap:clamp(13px,2.5vw,32px)}.release-visual{display:grid;grid-template-columns:1fr 1fr;gap:clamp(13px,2.5vw,32px);align-items:start}.releases img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.releases article{border-bottom:1px solid #ffffff44;padding-bottom:14px}.releases h3{font-size:15px;margin:12px 0 6px;font-weight:500}.releases p,.services{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.services{display:flex;flex-wrap:wrap;gap:4px 11px;margin-top:7px}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,clamp(28px,5.2vw,68px));gap:7px}.gallery img{width:100%;height:100%;object-fit:cover}.city{grid-area:2/1/5/5}.tower{grid-area:2/5/6/9}.rain{grid-area:1/9/4/13}.texture{grid-area:5/1/8/5}.fence{grid-area:4/9/8/13}.bird{grid-area:6/5/8/9}
.contact{background: url('art/contact.webp') right center/auto 100% no-repeat,#111 url('art/dark.webp') repeat}.contact .wrap{padding-right:max(var(--gutter),16vw)}.contact p{line-height:1.9;font-size:14px}.button{display:inline-block;border:1px solid #ffffffa8;padding:13px 19px;font-size:13px;margin:10px 16px 12px 0}.more{display:inline-block;font-size:13px;color:var(--muted)}footer .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:20px;font-size:12px}
@media(max-width:620px){.mast{padding-top:16px;padding-bottom:17px;align-items:start}.mast nav{display:grid;grid-template-columns:auto auto;gap:7px 13px;font-size:9px}.brand{font-size:19px}.top{min-height:82svh;background-position:60% center}.cover{padding-top:32px}.cover h1{font-size:24vw}.cover-end{padding-top:105px;font-size:10px}.about-grid{grid-template-columns:39% 1fr;gap:16px}.bio{font-size:13px;line-height:1.8}.bio p{margin-bottom:.8em}h2{font-size:clamp(36px,9vw,58px)}.releases{grid-template-columns:1.15fr 1fr}.release-visual{grid-template-columns:1fr;gap:10px}.release-visual img{aspect-ratio:1.65}.gallery{gap:4px}.contact{background-size:auto 80%,auto}.contact p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:620px){.top{background-image:url('art/hero-small.webp')}}
@media(max-width:620px){.contact{background-size:64px auto,auto}.contact .wrap{padding-right:78px}.contact p br{display:none}}
.archive-footer{display:flex;align-items:baseline;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--muted)}.archive-footer p{margin:0}.archive-footer a{color:var(--cream);margin-left:auto}.gallery>a{position:relative;display:block;min-width:0;min-height:0}.gallery>a::after{content:'↗';position:absolute;right:7px;bottom:7px;background:#101010;color:var(--cream);padding:3px 7px;font-size:13px}.gallery>a:hover img{opacity:.8}.gallery>a:focus-visible{z-index:1}
.releases.live{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.releases.live article:only-child{max-width:370px}.jacket{display:block}.services a,.contact-links .more{margin-right:12px}.gallery.live{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));grid-template-rows:none;grid-auto-rows:auto}.gallery.live>img,.gallery.live>a img{aspect-ratio:1.35;height:auto}.gallery.live>a:nth-child(3n+2){margin-top:24px}.gallery.live>a:only-child,.gallery.live>img:only-child{max-width:390px}