/* New Vision: the sleeve, the chrome title, the photograph, the tracklist. */
:root{--nv-gutter:clamp(20px,3vw,48px);--nv-line:#34332f}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{overflow-x:clip;background:#000}
body.is-gated,body.has-lightbox{overflow:hidden}
.svg-defs{position:absolute;pointer-events:none}
.grain{opacity:.12;z-index:45}
.meta{font:10px/1.55 var(--mono);letter-spacing:.035em;text-transform:uppercase;color:#a9a79f;margin:0}
a{text-decoration:none}
.skip{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-150%);background:var(--ink);color:#000;padding:10px 16px}
.skip:focus{transform:translateY(0)}
.bar{position:absolute;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:25px var(--nv-gutter);font-size:13px;letter-spacing:-.025em}
.brand{font-size:38px;font-weight:700;line-height:.8;letter-spacing:-.12em;width:max-content}
.brand span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:5px}
.bar nav{display:flex;gap:35px;justify-content:center;white-space:nowrap}
.bar nav span{font:9px var(--mono);color:#9c9a92;vertical-align:top;margin-left:2px}
.bar-contact{justify-self:end}
.bar a:not(.brand){position:relative;padding:6px 0}
.bar a:not(.brand)::after,.foot-links a::after{content:"";height:1px;background:currentColor;position:absolute;left:0;right:0;bottom:0;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.bar a:hover::after,.foot-links a:hover::after{transform:scaleX(1)}
/* Keep the first encounter small: the scale change belongs to the entry. */
.gate{position:fixed;inset:0;z-index:70;width:100%;height:100%;display:grid;place-items:center;background:#000;cursor:pointer;transition:opacity .7s ease,visibility .7s}
.gate-top,.gate-edition,.gate-bottom,.gate-count{position:absolute}
.gate-top{top:30px;left:var(--nv-gutter)}.gate-edition{top:30px;right:var(--nv-gutter)}
.gate-bottom{bottom:28px;left:var(--nv-gutter)}.gate-count{bottom:28px;right:var(--nv-gutter)}
.gate-sleeve{width:clamp(230px,23vw,330px);display:flex;align-items:center;flex-direction:column;transform:translateY(-12px);transition:transform .7s var(--ease)}
.gate-small{font-size:8px;margin-bottom:9px;color:var(--ink);letter-spacing:.12em}
.metal{display:block;width:100%;overflow:visible}
.metal text{font-family:var(--sans);font-size:231px;font-weight:700;letter-spacing:-14px;fill:url(#chrome);stroke:url(#chrome-edge);stroke-width:1.6;paint-order:stroke fill;filter:url(#chrome-bevel)}
.gate-word{position:relative;z-index:1;width:115%;margin-bottom:15px}
.gate-sleeve img{width:100%;height:210px;object-fit:cover;object-position:50% 42%}
.gate-caption{font-size:8px;letter-spacing:.02em;margin-top:16px;color:#aaa89f}
.gate-enter{position:absolute;bottom:14%;font-size:13px;display:flex;align-items:center;gap:45px}
.gate-enter span{font-size:24px;transition:transform .35s var(--ease)}
.gate:hover .gate-enter span{transform:translate(4px,-4px)}
.gate:hover .gate-sleeve{transform:translateY(-17px)}
body:not(.is-gated) .gate{opacity:0;visibility:hidden;pointer-events:none}
/* One physical image: a soft feather opens as the photograph fills the view. */
.hero{height:260svh;position:relative}
.hero-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.hero-plate{position:absolute;inset:0;margin:0;will-change:transform;transform:translateY(20svh) scale(.72);transform-origin:50% 50%;mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 18%,#000 88%,transparent);mask-composite:intersect}
.hero-plate img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;max-width:none}
.wordmark{position:absolute;width:91%;left:4.5%;top:19svh;margin:0;text-align:center;z-index:2;will-change:transform,opacity}
.wordmark-first{display:block;font-size:clamp(13px,1.5vw,23px);line-height:1;letter-spacing:.42em;text-transform:uppercase;font-weight:500;margin:0 0 2px .42em;color:#e4e2d9}
.wordmark .metal{width:100%;height:auto}
.hero-note{position:absolute;top:60%;z-index:3;color:#ceccc2;line-height:1.65}
.hero-note--l{left:var(--nv-gutter)}.hero-note--r{right:var(--nv-gutter);text-align:right}
.hero-cue{position:absolute;bottom:10svh;left:50%;transform:translateX(-50%);z-index:3;text-align:center;display:grid;gap:12px}
.hero-cue>.meta{color:#d8d6cd}.hero-cue>span:last-child{font-size:24px;font-weight:400;line-height:1}
.hero-bottom{position:absolute;bottom:25px;left:var(--nv-gutter);right:var(--nv-gutter);display:flex;justify-content:space-between;color:#b7b5ad;z-index:3}
/* The work behaves like a record index, with the photograph cued on hover. */
.listing{padding:115px var(--nv-gutter) 100px;scroll-margin-top:0;max-width:1800px;margin:auto}
.listing-head{display:grid;grid-template-columns:1fr 2fr;gap:32px 7vw;align-items:start;margin-bottom:100px}
.listing-head>.meta{padding-top:10px}
.listing h2{font-size:clamp(48px,6.5vw,104px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin:0}
.listing-lede{grid-column:2;font-size:16px;line-height:1.5;color:#aaa89f;margin:0}
.track-head{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-bottom:22px}
.rows{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:0 7vw}
.row{border-top:1px solid var(--nv-line);min-width:0}
.row:nth-child(6),.row:last-child{border-bottom:1px solid var(--nv-line)}
.row-btn{width:100%;display:grid;grid-template-columns:32px 1fr 28px;align-items:center;text-align:left;padding:22px 0 21px;column-gap:14px;position:relative}
.row-no{font:10px var(--mono);color:#928f87;align-self:start;padding-top:7px}
.row-main{min-width:0}
.row-name{display:block;font-size:clamp(24px,2.7vw,43px);font-weight:500;line-height:1.06;letter-spacing:-.045em;transition:transform .35s var(--ease)}
.row-meta{display:block;margin-top:9px;font:9px/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:#949189}
.row-arrow{font-size:26px;font-weight:400;align-self:start;line-height:1.2;opacity:0;transform:translate(-5px,5px);transition:transform .35s var(--ease),opacity .25s}
.row-btn:hover .row-arrow,.row-btn:focus-visible .row-arrow{opacity:1;transform:none}
.row-btn:hover .row-name,.row-btn:focus-visible .row-name{transform:translateX(5px)}
.list-end{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-size:9px}
.peek{position:fixed;top:0;left:0;z-index:40;width:340px;margin:0;pointer-events:none;opacity:0;transition:opacity .18s ease;will-change:transform}
.peek img{width:100%;max-height:300px;object-fit:contain;object-position:center bottom}
.peek figcaption{text-align:right;margin-top:10px;color:var(--ink);text-shadow:0 1px 3px #000;font-size:9px}
.peek.is-on{opacity:1}
/* A typographic close, using the photographer's own statement. */
.statement{padding:110px var(--nv-gutter) 130px;max-width:1800px;margin:auto;border-top:1px solid var(--nv-line)}
.statement>.meta{margin-bottom:65px}
.statement h2{font-size:clamp(54px,10.3vw,166px);font-weight:500;letter-spacing:-.075em;line-height:.93;margin:0}
.statement-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:65px;align-items:end}
.statement-bottom p{max-width:30ch;font-size:18px;line-height:1.5;color:#a9a69e;margin:0}
.statement-bottom a{font-size:clamp(21px,2.7vw,40px);letter-spacing:-.04em;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #74716a;padding-bottom:15px}
.statement-bottom a span{transition:transform .3s var(--ease)}.statement-bottom a:hover span{transform:translate(5px,-5px)}
.foot{padding:50px var(--nv-gutter) 30px;border-top:1px solid var(--nv-line);display:grid;grid-template-columns:1fr 1fr;gap:55px 7vw;align-items:center}
.foot-name{font-size:clamp(26px,3.5vw,50px);letter-spacing:-.065em;font-weight:500;line-height:1}
.foot-name span{font-size:12px;vertical-align:top;margin-left:5px;letter-spacing:0}
.foot-links{display:flex;justify-content:space-between;gap:22px;font-size:12px}.foot-links a{position:relative;padding:8px 0}
.foot>.meta{grid-column:1/-1;font-size:9px}
.lightbox{z-index:90}.lightbox .meta{color:#c5c2b9}.lightbox img{background:none;max-height:78svh}.lightbox-close{white-space:nowrap}
.lightbox-nav{background:#0009;border:0}.lightbox-shell{max-height:100%}.lightbox-bar{gap:12px}
.no-script{margin:20vh 10vw;font-size:24px}
@media(min-width:1700px){.hero-plate{object-fit:contain}}
@media(max-width:900px){
  .bar{grid-template-columns:auto 1fr}.bar nav{justify-content:flex-end;gap:22px}.bar-contact{display:none}
  .hero-note{font-size:9px}.rows{gap:0 5vw}.row-btn{grid-template-columns:24px 1fr 22px;gap:8px}.row-name{font-size:27px}
  .listing-head{grid-template-columns:1fr 2fr}.foot-links{flex-wrap:wrap;justify-content:flex-start}
}
@media(max-width:600px){
  :root{--nv-gutter:20px}html{scroll-padding-top:35px}.grain{opacity:.09}
  .bar{padding-top:23px}.brand{font-size:32px}.bar nav{gap:17px;font-size:11px}.bar nav span{font-size:8px}.bar nav a:nth-child(2){display:none}
  .gate-top,.gate-edition{top:25px;font-size:8px}.gate-edition{max-width:130px;text-align:right}.gate-bottom,.gate-count{font-size:8px;bottom:24px}
  .gate-sleeve{width:230px;transform:translateY(-5px)}.gate-sleeve img{height:190px}.gate-enter{bottom:16%;font-size:12px;gap:40px}
  .hero{height:220svh}.wordmark{width:94%;left:3%;top:22svh}.wordmark-first{font-size:12px;letter-spacing:.32em;margin-bottom:6px}
  .hero-plate img{object-position:53% 50%}.hero-note{display:none}
  .hero-cue{bottom:11svh}.hero-cue .meta{font-size:8px}.hero-bottom{bottom:24px;font-size:8px}.hero-bottom>span:nth-child(2){display:none}
  .listing{padding-top:75px;padding-bottom:75px}.listing-head{display:flex;flex-direction:column;gap:27px;margin-bottom:60px}.listing-head>.meta{padding:0}
  .listing h2{font-size:57px}.listing-lede{font-size:14px}.track-head{display:block;font-size:9px;margin-bottom:20px}.track-head>span:last-child{display:none}
  .rows{display:block}.row-btn{grid-template-columns:29px 1fr 25px;padding:23px 0;gap:9px}.row-name{font-size:30px}.row-no{font-size:9px;padding-top:6px}.row-meta{font-size:8px}.row-arrow{opacity:1;transform:none;font-size:23px}
  .row:nth-child(6){border-bottom:0}.row:nth-child(7)::before{content:"[ B — 07 to 12 ]";font:9px var(--mono);color:#a9a79f;display:block;padding:48px 0 20px;background:#000}.row:nth-child(7){border-top:0}.row:nth-child(7) .row-btn{border-top:1px solid var(--nv-line)}
  .list-end{font-size:8px;flex-direction:column;gap:9px}.peek{display:none}
  .statement{padding-top:70px;padding-bottom:75px}.statement>.meta{margin-bottom:45px}.statement h2{font-size:clamp(45px,12.4vw,74px);letter-spacing:-.07em}
  .statement-bottom{grid-template-columns:1fr;gap:45px;margin-top:40px}.statement-bottom p{font-size:15px}.statement-bottom a{font-size:28px}
  .foot{grid-template-columns:1fr;gap:30px;padding-top:35px}.foot-name{font-size:36px}.foot-links{font-size:11px;gap:20px}.foot>.meta{font-size:8px}
  .lightbox{padding:15px}.lightbox-bar{align-items:flex-start;display:grid;grid-template-columns:1fr auto}.lightbox-bar [data-role=title]{grid-row:2;grid-column:1/-1}.lightbox-close{grid-column:2;grid-row:1;font-size:9px;padding:4px 5px}.lightbox img{max-height:70svh}.lightbox-nav{width:40px;height:50px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.hero{height:100svh}.hero-plate{transform:none;mask-image:none;opacity:.6}.wordmark{top:21svh}
  .hero-cue{display:none}.gate,.gate-sleeve,.peek,.row-name,.row-arrow{transition:none}
}