.project-page{background:#090909;color:#f9f8f4;max-width:none;--paper:#090909;--ink:#f9f8f4;--muted:#b8b1a9;--accent:#d4938d}
.project-page{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.project-page .project-intro h2,.project-page .up-hit-section-heading h2,.project-page .up-hit-graphics h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.03em}
.project-page header{padding:18px 2.3vw;min-height:76px;background:#090909}
.project-page .name{font-size:clamp(23px,2.4vw,36px);display:inline-flex;align-items:center;gap:.28em;line-height:1.1}
.project-page .name img.name-mark{display:block;flex:none;width:.64em;height:1em;max-width:.64em;max-height:1em;object-fit:contain}
.project-page header nav{font-size:14px;gap:clamp(20px,4vw,60px)}
.project-page main.detail{padding:0}
.project-cover{position:relative;min-height:560px;height:calc(100svh - 76px);max-height:1100px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}
.project-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.project-cover>.cover-animation{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.project-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0005 45%,#0007);z-index:-1}
.project-cover h1{font:400 clamp(54px,9.5vw,160px)/.98 var(--serif);letter-spacing:-.045em;text-align:center;text-wrap:balance;max-width:1120px;padding:0 5vw;margin:0;color:#f9f8f4;text-shadow:0 2px 28px #0005}
.project-cover h1.artwork-title{width:100%;max-width:1500px;padding:0;mix-blend-mode:screen;pointer-events:none}
.artwork-title img{display:block;width:100%;height:auto}
.project-cover h1.pink-artwork-title{width:min(90vw,1100px);max-width:none;padding:0;mix-blend-mode:screen;pointer-events:none;line-height:0}
.pink-artwork-title img{display:block;width:100%;height:auto}
.project-cover h1.epa-artwork-title{width:min(86vw,1000px);max-width:none;padding:0;mix-blend-mode:screen;pointer-events:none;line-height:0}
.epa-artwork-title img{display:block;width:100%;height:auto}
.project-cover h1.veinure-artwork-title{width:min(70vw,760px);max-width:none;padding:0;mix-blend-mode:screen;pointer-events:none;line-height:0}
.veinure-artwork-title img{display:block;width:100%;height:auto}
.project-cover h1.kalamansi-artwork-title{width:min(28vw,340px);max-width:none;padding:0;mix-blend-mode:screen;pointer-events:none;line-height:0}
.kalamansi-artwork-title img{display:block;width:100%;height:auto}
.curated-veinure-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;padding:0 3vw}
.curated-veinure-gallery img{display:block;width:100%;height:auto}
.veinure-reels{padding:90px 3vw 110px;background:#090909;color:#f9f8f4}.veinure-reel-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.veinure-reel-grid figure{margin:0}.veinure-reel-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}.veinure-reel-grid figcaption{font-size:14px;color:#b8b1a9;padding-top:12px}
@media(max-width:700px){.curated-veinure-gallery{grid-template-columns:1fr;gap:16px!important;padding:0 5vw}}
@media(max-width:700px){.veinure-reels{padding:60px 5vw}.veinure-reel-grid{grid-template-columns:1fr;max-width:480px}}
.project-cover h1.up-hit-artwork-title{width:min(78vw,900px);max-width:none;padding:0;mix-blend-mode:screen;pointer-events:none;line-height:0}
.up-hit-artwork-title img{display:block;width:100%;height:auto}
.up-hit-page .project-intro{max-width:1400px}
.up-hit-page .project-intro h2,.up-hit-section-heading h2,.up-hit-graphics h2{font:400 clamp(40px,5vw,78px)/1 var(--serif);letter-spacing:-.04em;margin:0}
.up-hit-reels{padding:90px 5vw;background:#111;color:#f9f8f4}
.up-hit-section-heading{max-width:1200px;margin:0 auto 42px}.up-hit-section-heading .eyebrow,.up-hit-graphics .eyebrow{color:#d4938d}
.up-hit-video-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.up-hit-video-grid figure{margin:0}.up-hit-video-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}.up-hit-video-grid figcaption{font-size:14px;color:#bdb6ae;padding-top:12px}
.up-hit-graphics{padding:85px 2.3vw 110px;background:#090909}.up-hit-graphics>h2{max-width:1400px;margin:0 auto 42px}.up-hit-graphic-list{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.up-hit-graphic-list img{display:block;width:100%;height:auto;align-self:start}
@media(max-width:800px){.up-hit-video-grid{grid-template-columns:1fr;max-width:480px}.up-hit-reels{padding:55px 5vw}.up-hit-graphics{padding:65px 5vw}}
@media(max-width:800px){.up-hit-graphic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:460px){.up-hit-graphic-list{grid-template-columns:1fr;gap:20px}}
.cover-back{position:absolute;top:25px;left:2.3vw;font-size:14px;color:#fff}
.cover-scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:14px;color:#fff;padding:8px 16px}
.project-page .project-intro{display:grid;grid-template-columns:1fr 1.6fr;gap:8vw;max-width:1200px;margin:0 auto;padding:80px 5vw;scroll-margin-top:25px}
.project-page .project-intro>div:last-child{max-width:680px;padding:0}
.project-page .project-intro p{font-size:16px;line-height:1.75;color:#e0dbd5}
.project-page .project-intro .eyebrow{font-size:14px;color:#d4938d}
.project-page .photo-gallery,.project-page .aking-layout .photo-gallery{margin:0;gap:0;display:flex;flex-direction:column}
.project-page .photo-gallery a{width:100%}
.project-page .photo-gallery img,.project-page .photo-gallery a:first-child:nth-last-child(odd) img{width:100%;height:auto;max-height:none;background:#090909;object-fit:contain}
.project-page .film,.project-page .aking-layout .film{padding:0;margin:0 0 45px;background:#090909}
.project-page .film video{width:100%;max-height:90svh;min-height:0;background:#000}
.project-page .film figcaption{padding:12px 3vw;color:#b8b1a9}
.project-page .reel-section{margin:0;padding:85px 6vw;background:#090909}
.project-page .edit-carousel,.project-page .carousel-section,.project-page .published{margin:0;padding:35px 3vw}
.project-page .next-project{margin:0;padding:85px 5vw}
.project-page .next-project span{font-size:14px;margin-bottom:14px;color:#b8b1a9}
.project-page .next-project strong{font-size:clamp(32px,5vw,76px);color:#d4938d}
.project-page footer{margin:0 3vw;color:#b8b1a9;font-size:14px}
.project-page .flipbook{margin:0;background:#191817;padding:65px 5vw}
.project-page .book-controls,.project-page .book-hint{color:#d2cbc3}
@media(max-width:800px){.project-page header{padding:20px 5vw;flex-wrap:wrap}.project-page header nav{gap:18px}.project-cover{height:75svh;min-height:420px}.project-cover h1{font-size:clamp(48px,11vw,88px)}.cover-back{left:5vw}.project-page .project-intro{grid-template-columns:1fr;gap:12px;padding:45px 6vw}.project-page .project-intro .eyebrow{margin-bottom:0}.project-page .reel-section{padding:45px 5vw}.project-page .next-project{padding:60px 5vw}.project-page footer{margin:0 5vw;flex-wrap:wrap}}
@media(max-width:460px){.project-page header{gap:16px}.project-page header nav{font-size:14px}.project-page .name{font-size:25px}.project-cover{min-height:380px}.project-page footer{flex-direction:column;gap:8px}}

.work-home-logo{display:flex;align-items:center;gap:8px;flex:none;width:auto;height:44px;overflow:visible}
.work-home-logo .header-logo-motion{position:static;display:block;width:clamp(130px,16vw,205px);height:44px;max-width:100%;object-fit:contain;transform:none;pointer-events:none;mix-blend-mode:screen}

.work-home-logo .work-phoenix-mark{display:block;width:25px;height:40px;object-fit:contain;flex:none}

.project-cover h1.mam-logo-title{width:min(80vw,950px);padding:0;text-shadow:none}
.mam-logo-title img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 12px #ffffff88)}

.project-cover h1.fly-artwork-title{width:min(76vw,850px);padding:0;text-shadow:none;mix-blend-mode:screen}
.fly-artwork-title img{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain}

.pinhole-camera{max-width:900px;margin:0 auto 80px;padding:0 3vw}.pinhole-camera img{display:block;width:100%;height:auto}.pinhole-camera figcaption{font-size:14px;color:var(--muted);margin-top:10px}

.project-page .fly-intro .pinhole-camera{width:220px;max-width:100%;margin:20px 0 0;padding:0}.fly-intro .pinhole-camera figcaption{font-size:12px;line-height:1.5}.fly-intro .pinhole-camera img{width:100%;height:auto}

.pixel-exhibition{padding:0 5vw 60px;max-width:1400px;margin:0 auto}.pixel-exhibition h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700;margin:0 0 12px}.pixel-exhibition p{margin:0 0 24px;color:#bdbdbd}.pixel-exhibition video{display:block;width:100%;max-height:80vh;background:#000;object-fit:contain}