.ph{--ph-side:clamp(24px, 5vw, calc(var(--hero-unit) * 5));--ph-floor:clamp(20px, 3.5vh, 32px);width:100%;height:100vh;background:var(--color-bg);height:100svh;min-height:640px;padding:calc(64px + clamp(60px, 8vw, calc(var(--hero-unit) * 7.5))) var(--ph-side) calc(var(--ph-floor) + 76px);align-items:flex-end;display:flex;position:relative;overflow:hidden}.ph__content{z-index:2;max-width:calc(var(--hero-unit) * 56.25);position:relative}.ph__icon{margin-bottom:clamp(20px,2.2vw,32px)}.ph__icon .picon{border-radius:22.37%;width:72px;height:72px;transition:box-shadow .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 1px #f8f8f824,0 12px 32px -12px #f05b3d59}.ph__icon .picon:has(svg[data-hold]){box-shadow:0 0 0 1px #f8f8f800,0 12px 32px -12px #f05b3d00}@media (prefers-reduced-motion:reduce){.ph__icon .picon:has(svg[data-hold]){box-shadow:0 0 0 1px #f8f8f824,0 12px 32px -12px #f05b3d59}}.ph__title{text-wrap:balance;font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:min(clamp(62px, 10.8vw, calc(var(--hero-unit) * 7.25)), 18vh);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-white);margin-bottom:clamp(24px, 3vw, calc(var(--hero-unit) * 2.5));line-height:1}.ph__body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:clamp(16px, 1.8vw, calc(var(--hero-unit) * 1.25));color:var(--color-text-muted);max-width:calc(var(--hero-unit) * 45);line-height:1.65}.ph__extra{margin-top:clamp(24px,3vw,40px)}.ph__line{margin-block-start:-.08em;margin-block-end:-.08em;padding-block-start:.08em;padding-block-end:.08em;display:block;overflow:hidden}.ph__in{will-change:transform;display:block}.ph__body .ph__in{text-wrap:balance}.ph:not(.is-ready) .ph__in,.ph:not(.is-ready) .ph__extra,.ph:not(.is-ready) .ph__glow{visibility:hidden}.ph:not(.is-ready) .ph__rule{transform:scaleX(0)}.ph:not(.is-ready) [data-reveal-art] .ph__lean>*{visibility:hidden}.ph.ph--held:not(.is-ready) .ph__in{visibility:visible}.ph__art{pointer-events:none;z-index:1;place-items:center;width:58%;display:grid;position:absolute;top:0;bottom:0;right:0}.ph__stage{aspect-ratio:1;width:min(100%,92svh);position:relative;transform:translate(6%)}.ph__glow{background:radial-gradient(closest-side, rgb(from var(--color-orange-filtered) r g b / .07) 0%, rgb(from var(--color-orange-filtered) r g b / .025) 48%, transparent 100%);position:absolute;top:-28%;bottom:-28%;left:-28%;right:-28%}.ph__lean{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ph__meta{left:var(--ph-side);right:var(--ph-side);bottom:var(--ph-floor);z-index:2;font-family:var(--font-primary);font-weight:var(--font-weight-regular);font-size:calc(var(--hero-unit) * .6875);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);justify-content:space-between;align-items:flex-end;padding-top:18px;display:flex;position:absolute}.ph__rule{background:var(--color-surface-dark,#2a2a2a);transform-origin:0%;height:1px;position:absolute;top:0;left:0;right:0}.ph__label a{color:inherit}.ph__label a:hover{color:var(--color-white)}@media (min-width:769px) and (max-width:1279px){.ph__art{width:52%}.ph__stage{width:min(100%,92svh);transform:translate(14%)}}@media (max-width:768px),(orientation:portrait){.ph{min-height:600px;padding-bottom:calc(var(--ph-floor) + 76px);flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(20px,5vw,32px)}.ph__art{flex:auto;order:-1;width:100%;min-height:140px;max-height:clamp(240px,42svh,420px);position:static}.ph__stage{width:auto;max-width:100%;height:100%;transform:none}.ph__content{max-width:100%}}@media (max-width:768px){.ph__title{font-size:var(--hero-h1-mobile)}.ph__icon .picon{width:56px;height:56px}.ph__meta{letter-spacing:.12em}}@media (prefers-reduced-motion:reduce){.ph .ph__in,.ph .ph__extra,.ph .ph__glow,.ph [data-reveal-art] .ph__lean>*{visibility:visible}.ph .ph__rule{transform:none}}
