/* Desktop columns echo the gallery; phone bands use its horizontal movement. */
.v6{background:#000;--reveal-depth:100vh}
@supports(height:100dvh){.v6{--reveal-depth:100dvh}}
.v6 .scene{display:none}
.v6 .site-header nav a{font-family:"kaneda-gothic","Arial Narrow",sans-serif;text-transform:uppercase;font-weight:700;font-size:15px;letter-spacing:.28em;color:#f1ede4}
.v6 .hero .kicker{display:none}.v6 .hero h1{font-size:20px;font-weight:300;letter-spacing:.045em}.v6 .hero .date{margin-top:25px}.v6 .hero-contact{border-bottom-color:#97638e;margin-top:34px}
.v6 .pink-reveal{position:fixed;pointer-events:none;inset:0;z-index:1;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.v6 .wipe-lane{position:relative;overflow:hidden}
.v6 .pink-sheet{position:absolute;inset:0;background:rgba(177,58,164,.11);transform-origin:top;transform:scaleY(0);animation:pink-fill 32s cubic-bezier(.25,.3,.45,1) infinite}
.v6 .reveal-line{position:absolute;left:0;right:0;top:0;height:1px;background:#b13aa4;transform:translateY(0);animation:pink-line 32s cubic-bezier(.25,.3,.45,1) infinite;will-change:transform}
.v6 .wipe-lane.side .pink-sheet{transform-origin:bottom}
.v6 .wipe-lane.side .reveal-line{top:auto;bottom:0;animation-name:pink-line-up}
.v6 main{z-index:2}.v6 .site-header{z-index:5}.v6 .site-footer{z-index:3}
.v6.is-contact .contact{animation:contact-arrive 850ms cubic-bezier(.22,.61,.36,1) both}
@keyframes contact-arrive{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}
@keyframes pink-fill{0%,100%{transform:scaleY(0)}60%,65%{transform:scaleY(1)}}
@keyframes pink-line{0%,100%{transform:translateY(0)}60%,65%{transform:translateY(calc(var(--reveal-depth) - 1px))}}
@keyframes pink-line-up{0%,100%{transform:translateY(0)}60%,65%{transform:translateY(calc(1px - var(--reveal-depth)))}}
.v6.motion-paused .pink-sheet,.v6.motion-paused .reveal-line{animation-play-state:paused}
@media(max-width:640px){.v6 .hero h1{font-size:18px}}
/* Phone portrait uses two opposing horizontal bands; landscape keeps desktop columns. */
@media (max-width:640px) and (orientation:portrait){
 .v6{--reveal-span:100vw}
 .v6 .pink-reveal{grid-template-columns:none;grid-template-rows:repeat(2,minmax(0,1fr))}
 .v6 .wipe-lane:nth-child(3){display:none}
 .v6 .pink-sheet{transform-origin:left;transform:scaleX(0);animation-name:pink-fill-x}
 .v6 .reveal-line{top:0;bottom:0;left:0;right:auto;width:1px;height:auto;transform:translateX(0);animation-name:pink-line-right}
 .v6 .wipe-lane.side .pink-sheet{transform-origin:right}
 .v6 .wipe-lane.side .reveal-line{top:0;bottom:0;left:auto;right:0;animation-name:pink-line-left}
}
@keyframes pink-fill-x{0%,100%{transform:scaleX(0)}60%,65%{transform:scaleX(1)}}
@keyframes pink-line-right{0%,100%{transform:translateX(0)}60%,65%{transform:translateX(calc(var(--reveal-span) - 1px))}}
@keyframes pink-line-left{0%,100%{transform:translateX(0)}60%,65%{transform:translateX(calc(1px - var(--reveal-span)))}}
@media(prefers-reduced-motion:reduce){.v6 .pink-sheet{transform:scale(0)}.v6 .reveal-line{transform:none}}