html { scroll-snap-type: none; }
.site-header, footer, .home-page .hero-grid { position: static; }
.artist-statement { position: relative; overflow: hidden; }
.artist-statement::before { content: 'EG'; position: absolute; right: -2vw; bottom: -9vw; color: rgba(255,248,233,.1); font: 700 clamp(240px, 43vw, 680px)/.7 var(--serif); letter-spacing: -.12em; pointer-events: none; }
.artist-statement .statement-label, .artist-statement .statement-copy { position: relative; z-index: 1; opacity: 0; transform: translateY(34px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.72,.25,1); }
.artist-statement .statement-copy { transition-delay: .16s; }
.artist-statement.is-visible .statement-label, .artist-statement.is-visible .statement-copy { opacity: 1; transform: translateY(0); }
.artist-statement .statement-copy h2 { clip-path: inset(0 0 100% 0); transform: translateY(36px); transition: clip-path .9s cubic-bezier(.2,.72,.25,1) .22s, transform .9s cubic-bezier(.2,.72,.25,1) .22s; }
.artist-statement.is-visible .statement-copy h2 { clip-path: inset(0 0 0 0); transform: translateY(0); }
.statement-image { position: absolute; left: 7vw; bottom: 9vh; z-index: 2; width: 150px; height: 190px; border: 2px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); transform: rotate(-6deg); opacity: 0; transition: opacity .7s ease .45s, transform .7s cubic-bezier(.2,.72,.25,1) .45s; }.artist-statement.is-visible .statement-image { opacity: 1; transform: rotate(-6deg) translateY(0); }.statement-image.art-draw { background: #f3e5c2; }.statement-image.art-draw:before { background: #7ba5a8; }.statement-image.art-draw:after { border-color: var(--blue); }
.portrait-placeholder { width: clamp(220px, 24vw, 365px); height: clamp(280px, 31vw, 465px); overflow: hidden; display: flex; align-items: flex-end; padding: 18px; background: linear-gradient(145deg, #f4dd62 0 49%, #759cce 49% 100%); }.portrait-placeholder::before { content: ''; position: absolute; width: 46%; aspect-ratio: 1; left: 27%; top: 19%; border-radius: 50%; background: var(--ink); box-shadow: 0 105px 0 32px var(--ink); }.portrait-placeholder::after { content: ''; position: absolute; left: 13%; right: 13%; bottom: 21%; height: 2px; background: rgba(23,27,72,.55); transform: rotate(-12deg); }.portrait-placeholder span { position: relative; z-index: 1; color: var(--ink); font: 10px/1.22 var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.portrait-placeholder { left: auto; right: 5vw; bottom: 7vh; transform: translateY(18px); }.artist-statement.is-visible .portrait-placeholder { transform: translateY(0); }
.home-page .home-topline { opacity: calc(1 - var(--scroll-progress, 0) * .7); transform: translateY(calc(var(--scroll-progress, 0) * -12px)); }
.home-page .home-title { opacity: calc(1 - var(--scroll-progress, 0) * .72); transform: translateY(calc(var(--scroll-progress, 0) * -54px)) scale(calc(1 - var(--scroll-progress, 0) * .05)); filter: blur(calc(var(--scroll-progress, 0) * 2px)); transform-origin: left center; }
.home-page .hero-art { transform: translateY(calc(var(--scroll-progress, 0) * -62px)) scale(calc(1 + var(--scroll-progress, 0) * .05)) rotate(.5deg); }
.home-page.active + .artist-statement { grid-template-columns: 1fr; place-items: center; text-align: center; }.artist-statement .statement-copy { margin: auto; }.artist-statement .statement-copy p { margin-left: auto; margin-right: auto; }.statement-link { justify-content: center; }
@media (max-width: 760px) { .home-page .home-title { transform: translateY(calc(var(--scroll-progress, 0) * -28px)); }.home-page .hero-art { transform: translateY(calc(var(--scroll-progress, 0) * -33px)) rotate(-1deg); }.home-page.active + .artist-statement { display: grid; place-items: center; text-align: center; }.statement-image { width: 170px; height: 218px; left: auto; right: 14px; bottom: 24px; box-shadow: 4px 4px 0 var(--ink); } }
@media (prefers-reduced-motion: reduce) { html { scroll-snap-type: none; }.artist-statement .statement-label, .artist-statement .statement-copy, .artist-statement .statement-copy h2 { opacity: 1; transform: none; clip-path: none; transition: none; } }