.v62-hero-copy { animation:v62-hero-enter 950ms cubic-bezier(.16,1,.3,1) both; }
.v61-hero::before { background:linear-gradient(112deg,#171517 0 43%,#261724 100%); }
.v61-hero::after { animation-duration:12s; box-shadow:0 0 0 80px rgba(242,49,131,.11),0 0 0 170px rgba(181,112,202,.06); }
.v61-hero-light { width:min(72vw,1040px); height:min(70vw,960px); filter:blur(13px); animation-duration:10s; }
.v61-hero-light::after { content:''; position:absolute; inset:18% 12% 30% 14%; border:1px solid rgba(245,240,233,.28); border-radius:59% 41% 50% 50% / 42% 55% 45% 58%; animation:v62-breathe 7s ease-in-out infinite alternate; }
.v61-orbit { animation:v62-orbit-spin 9s linear infinite; }
.v61-orbit i { animation:v62-orbit-pulse 1.9s ease-in-out infinite alternate; }
.v61-section { position:relative; }
.v61-statement-section::after { content:''; position:absolute; width:min(32vw,420px); aspect-ratio:1; right:8vw; bottom:-14vw; border-radius:50%; background:radial-gradient(circle,rgba(242,49,131,.22),transparent 67%); filter:blur(10px); animation:v62-breathe 8s ease-in-out infinite alternate; }
.v61-continuity::after { animation:v62-cta-orbit 11s ease-in-out infinite alternate; }
.v61-continuity .v61-button { position:relative; overflow:hidden; }
.v61-continuity .v61-button::after { content:''; position:absolute; inset:-100% 40% -100% -70%; background:rgba(242,49,131,.42); transform:rotate(24deg) translateX(-120%); animation:v62-cta-sweep 6s ease-in-out infinite; }
.v61-continuity .v61-button > * { position:relative; z-index:1; }
.v62-section-reveal[data-v62-reveal] { transition:opacity 680ms ease var(--v62-delay,0ms),transform 680ms cubic-bezier(.16,1,.3,1) var(--v62-delay,0ms); }
.v62-motion-ready .v62-section-reveal[data-v62-reveal] { opacity:0; transform:translate3d(0,30px,0); }
.v62-motion-ready .v62-section-reveal[data-v62-inview='true'] { opacity:1; transform:translate3d(0,0,0); }
.v62-home-work .v61-section-head { margin-bottom:3rem; }
.v62-work-link { display:inline-flex; align-items:center; gap:.55rem; margin-top:1.35rem; color:var(--v61-ink); font-size:.88rem; font-weight:900; text-decoration:none; }
.v62-work-link span { color:var(--v61-pink-deep); font-size:1.15rem; }
.v62-project-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(1rem,2vw,1.6rem); }
.v62-project { grid-column:span 4; min-width:0; display:flex; flex-direction:column; position:relative; overflow:hidden; border:1px solid rgba(23,21,23,.18); background:var(--v61-paper); color:var(--v61-ink); scroll-margin-top:1.5rem; }
.v62-project[data-layout='large'] { grid-column:span 7; }
.v62-project[data-layout='tall'] { grid-column:span 5; }
.v62-project[data-layout='standard'] { grid-column:span 6; }
.v62-project[data-layout='standard']:last-child:nth-child(odd) { grid-column:1 / -1; }
.v62-project-visual { position:relative; min-height:clamp(250px,29vw,450px); overflow:hidden; isolation:isolate; background:#1a1518; }
.v62-project[data-layout='large'] .v62-project-visual { min-height:clamp(300px,42vw,570px); }
.v62-project[data-layout='tall'] .v62-project-visual { min-height:clamp(330px,46vw,630px); }
.v62-project-visual img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform 650ms cubic-bezier(.16,1,.3,1),filter 650ms ease; }
.v62-project--pink .v62-project-visual { background:linear-gradient(135deg,#f23183 0%,#ff8dba 100%); }
.v62-project--pink .v62-project-visual img { object-fit:contain; padding:clamp(1rem,4vw,3.5rem); background:radial-gradient(circle at 65% 22%,#fff 0 9%,transparent 10%),linear-gradient(135deg,#f23183,#fa9bc4); }
.v62-project--gold .v62-project-visual { background:#1a1715; }
.v62-project--gold .v62-project-visual img { object-position:center; }
.v62-project--ink .v62-project-visual { background:linear-gradient(135deg,#171517 0 55%,#2c1b2b 100%); }
.v62-project-wash { position:absolute; z-index:1; inset:0; background:linear-gradient(118deg,rgba(242,49,131,.9),rgba(242,49,131,.14) 52%,transparent); transform-origin:left center; transition:transform 700ms cubic-bezier(.16,1,.3,1); }
.v62-project--gold .v62-project-wash { background:linear-gradient(118deg,rgba(242,49,131,.62),rgba(23,21,23,.1) 58%,transparent); }
.v62-project--ink .v62-project-wash { background:linear-gradient(118deg,rgba(242,49,131,.82),rgba(23,21,23,.12) 60%,transparent); }
.v62-project:hover .v62-project-wash,.v62-project:focus .v62-project-wash { transform:translateX(104%); }
.v62-project:hover img,.v62-project:focus img { transform:scale(1.055); filter:saturate(1.08) contrast(1.03); }
.v62-project:focus-visible { outline:3px solid var(--v61-pink-deep); outline-offset:5px; }
.v62-project-copy { display:flex; flex:1; flex-direction:column; padding:clamp(1.1rem,2.4vw,2rem); background:inherit; }
.v62-project-meta { display:flex; align-items:start; justify-content:space-between; gap:1rem; margin-bottom:clamp(1.6rem,4vw,4.4rem); font-size:.72rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.v62-project-meta p { margin:0; color:var(--v61-pink-deep); }
.v62-project-meta span { max-width:13rem; color:var(--v61-muted); text-align:right; }
.v62-project h2,.v62-project h3 { margin:0 0 1rem; max-width:13ch; font-size:clamp(2.1rem,4vw,4.8rem); }
.v62-project h3 { font-size:clamp(1.75rem,3vw,3.1rem); }
.v62-project-description { max-width:47ch; margin:0; color:var(--v61-muted); font-size:clamp(.95rem,1.25vw,1.1rem); }
.v62-project-monogram { position:absolute; z-index:2; right:-.08em; bottom:-.12em; color:var(--v61-paper); font:900 clamp(4.5rem,13vw,12rem)/.7 Arial,sans-serif; letter-spacing:-.12em; }
.v62-project-note { position:absolute; z-index:3; top:1rem; left:1rem; color:var(--v61-pink); font-size:.72rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.v62-project[data-v62-reveal] { transition:opacity 680ms ease var(--v62-delay,0ms),transform 680ms cubic-bezier(.16,1,.3,1) var(--v62-delay,0ms); }
.v62-motion-ready .v62-project[data-v62-reveal] { opacity:0; transform:translate3d(0,34px,0) scale(.985); }
.v62-motion-ready .v62-project[data-v62-inview='true'] { opacity:1; transform:translate3d(0,0,0) scale(1); }
.v62-portfolio-hero { position:relative; overflow:hidden; padding:clamp(5.5rem,11vw,10rem) 0 clamp(4rem,8vw,7rem); }
.v62-portfolio-hero::after { content:'WORK'; position:absolute; right:-.04em; bottom:-.23em; color:rgba(242,49,131,.13); font:900 clamp(7rem,24vw,26rem)/.7 Arial,sans-serif; letter-spacing:-.15em; pointer-events:none; }
.v62-portfolio-hero .v61-wrap { position:relative; z-index:1; }
.v62-portfolio-hero h1 { max-width:11ch; margin-bottom:1.4rem; font-size:clamp(4.3rem,11vw,10.8rem); }
.v62-portfolio-hero p:last-child { max-width:44rem; color:#d8d0d2; font-size:clamp(1.05rem,1.9vw,1.38rem); }
.v62-portfolio-section { padding-top:clamp(3rem,7vw,7rem); }
.v62-portfolio-intro { display:grid; grid-template-columns:1fr .78fr; gap:2rem; align-items:end; margin-bottom:clamp(2.5rem,6vw,5rem); }
.v62-portfolio-intro h2 { margin:0; }
.v62-portfolio-intro p { max-width:32rem; margin:0; color:var(--v61-muted); font-size:1rem; }
.v62-portfolio-cta { position:relative; overflow:hidden; }
.v62-portfolio-cta::after { content:''; position:absolute; width:min(66vw,820px); aspect-ratio:1; right:-22vw; bottom:-58vw; border:1px solid rgba(23,21,23,.52); border-radius:50%; box-shadow:0 0 0 60px rgba(245,240,233,.13),0 0 0 130px rgba(23,21,23,.06); animation:v62-cta-orbit 12s ease-in-out infinite alternate; }
.v62-portfolio-cta .v61-wrap { position:relative; z-index:1; }
@keyframes v62-hero-enter { from { opacity:0; transform:translate3d(0,24px,0); filter:blur(7px); } to { opacity:1; transform:translate3d(0,0,0); filter:blur(0); } }
@keyframes v62-breathe { from { transform:translate3d(-3%,-2%,0) scale(.92) rotate(-6deg); opacity:.48; } to { transform:translate3d(5%,5%,0) scale(1.08) rotate(8deg); opacity:1; } }
@keyframes v62-orbit-spin { to { transform:rotate(360deg); } }
@keyframes v62-orbit-pulse { to { transform:translateY(-50%) scale(1.45); box-shadow:0 0 0 8px rgba(242,49,131,.16); } }
@keyframes v62-cta-orbit { from { transform:translate3d(-4%,-2%,0) rotate(-8deg) scale(.95); } to { transform:translate3d(5%,5%,0) rotate(8deg) scale(1.06); } }
@keyframes v62-cta-sweep { 0%,64% { transform:rotate(24deg) translateX(-130%); } 82%,100% { transform:rotate(24deg) translateX(240%); } }
html[data-v61-motion='off'] .v62-hero-copy,html[data-v61-motion='off'] .v61-orbit,html[data-v61-motion='off'] .v61-hero-light::after,html[data-v61-motion='off'] .v61-statement-section::after,html[data-v61-motion='off'] .v61-continuity::after,html[data-v61-motion='off'] .v61-continuity .v61-button::after,html[data-v61-motion='off'] .v62-portfolio-cta::after { animation:none !important; }
@media (prefers-reduced-motion:reduce) { .v62-hero-copy,.v61-orbit,.v61-hero-light::after,.v61-statement-section::after,.v61-continuity::after,.v61-continuity .v61-button::after,.v62-portfolio-cta::after { animation:none !important; } }
@media (max-width:900px) { .v62-project[data-layout='large'],.v62-project[data-layout='tall'],.v62-project[data-layout='standard'] { grid-column:span 6; } .v62-project[data-layout='large'] { grid-column:1 / -1; } .v62-project[data-layout='large'] .v62-project-visual { min-height:clamp(290px,54vw,500px); } .v62-project[data-layout='tall'] .v62-project-visual { min-height:clamp(330px,64vw,520px); } }
@media (max-width:780px) { .v61-hero-light { filter:blur(8px); } .v62-home-work .v61-section-head { margin-bottom:2rem; } .v62-project-grid { grid-template-columns:1fr; } .v62-project[data-layout='large'],.v62-project[data-layout='tall'],.v62-project[data-layout='standard'] { grid-column:auto; } .v62-project-visual,.v62-project[data-layout='large'] .v62-project-visual,.v62-project[data-layout='tall'] .v62-project-visual { min-height:clamp(245px,76vw,370px); } .v62-project-meta { margin-bottom:2.2rem; } .v62-portfolio-intro { grid-template-columns:1fr; } .v62-portfolio-hero::after { right:-.15em; bottom:-.08em; } }