.pf-panel{position:absolute;inset:0}:root[data-view=home] .pf-panel--work{transform:translateY(100%)}:root[data-view=work] .pf-panel--home,:root[data-view=work] .pf-canvas:not(.pf-canvas--ripple){transform:translateY(-100%)}.pf-canvas{will-change:transform}.pf-work{background:var(--pf-view-bg);color:var(--pf-ink);-webkit-overflow-scrolling:touch;overflow:clip auto}.pf-work[data-active="1"]{animation:.45s both pfIn}.pf-workInner{max-width:1000px;padding:calc(env(safe-area-inset-top) + 26px) 22px 140px;margin:0 auto}.pf-back{letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;color:var(--pf-dim);cursor:pointer;background:0 0;border:0;padding:10px 0;font-family:Archivo,Helvetica,sans-serif;font-size:9px}.pf-workTitle{font-family:var(--pf-display);margin:34px 0 8px;font-size:clamp(34px,9vw,66px);font-weight:400;line-height:1.04}.pf-workLede{max-width:44ch;color:var(--pf-dim);margin:0 0 40px;font-size:14px;line-height:1.66}.pf-workRow{text-align:left;border-top:var(--pf-rule-top);width:100%;color:inherit;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px 18px;padding:20px 0;text-decoration:none;display:grid}.pf-workNum{letter-spacing:.18em;color:var(--pf-faint);font-variant-numeric:tabular-nums;font-family:Archivo,Helvetica,sans-serif;font-size:9px}.pf-workName{font-family:var(--pf-display);font-size:clamp(21px,5vw,30px);line-height:1.2;display:block}.pf-workMeta{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-dim);margin-top:7px;font-family:Archivo,Helvetica,sans-serif;font-size:10px;display:block}.pf-workYear{letter-spacing:.14em;color:var(--pf-accent-text);font-variant-numeric:tabular-nums;font-family:Archivo,Helvetica,sans-serif;font-size:10px}.opp-band{width:100%;padding:clamp(96px, 17vw, 168px) 22px calc(env(safe-area-inset-bottom) + clamp(84px, 12vw, 132px));text-align:center;background:linear-gradient(#03071200 0%,#03071280 24%,#030712 56%,#04121a 100%);margin-top:-140px;position:relative;overflow:hidden}.opp-glow{pointer-events:none;background:radial-gradient(660px 340px at 50% 82%,#2dd4bf38,#0000 72%);animation:5.5s ease-in-out infinite oppGlow;position:absolute;inset:0}.opp-sparks{pointer-events:none;position:absolute;inset:0}.opp-sparks i{border-radius:50%;position:absolute}.opp-kicker{letter-spacing:.34em;text-transform:uppercase;color:#2dd4bf;align-items:center;gap:9px;font-family:Archivo,Helvetica,sans-serif;font-size:9px;display:inline-flex;position:relative}.opp-dot{background:#2dd4bf;border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite oppGlow}.opp-headline{cursor:pointer;letter-spacing:-.02em;background:linear-gradient(100deg,#1f8f87 0%,#2dd4bf 26%,#f1f5f9 44%,#2dd4bf 62%,#1f8f87 100%) 0 0/240% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;border:0;margin:22px auto 0;padding:0;font-family:Archivo,Helvetica,sans-serif;font-size:clamp(28px,6.4vw,54px);font-weight:600;line-height:1.08;text-decoration:none;animation:4.6s linear infinite oppShine;display:block;position:relative}.opp-cta{cursor:pointer;letter-spacing:.22em;text-transform:uppercase;color:#7ce7da;background:#2dd4bf14;border:1px solid #2dd4bf52;border-radius:999px;width:fit-content;margin:16px auto 0;padding:12px 22px;font-family:Archivo,Helvetica,sans-serif;font-size:10px;text-decoration:none;transition:background .3s,border-color .3s,transform .3s;display:block;position:relative}.opp-cta:hover{background:#2dd4bf29;border-color:#2dd4bf99;transform:translateY(-2px)}.opp-cta [data-cta=short]{display:none}@media (max-width:600px){.opp-cta [data-cta=long]{display:none}.opp-cta [data-cta=short]{display:inline}}.pf-detail{animation:.5s cubic-bezier(.2,.8,.2,1) both pfRise}.pf-detailYear{letter-spacing:.14em;color:var(--pf-accent-text);font-variant-numeric:tabular-nums;font-family:Archivo,Helvetica,sans-serif;font-size:10px}.opp-flood{z-index:220;pointer-events:none;background:linear-gradient(#2dd4bf,#09b6ad);animation:.34s cubic-bezier(.7,0,.2,1) forwards oppFlood;position:fixed;inset:0;transform:translateY(100%)}.opp-flood[hidden]{display:none}.opp-band[data-where=detail] .opp-headline{font-size:clamp(28px,6.4vw,52px)}.dt .opp-band{width:100%}.dt .opp-band[data-where=detail]{margin-top:-72px}[data-system=sketch] .opp-band,[data-system=brutal] .opp-band{background:var(--pf-bg)}[data-system=sketch] .opp-glow,[data-system=brutal] .opp-glow{background:radial-gradient(660px 340px at 50% 82%, color-mix(in srgb, var(--pf-accent) 13%, transparent), transparent 72%)}[data-system=sketch] .opp-sparks,[data-system=brutal] .opp-sparks{display:none}[data-system=sketch] .opp-kicker,[data-system=brutal] .opp-kicker{color:var(--pf-accent)}[data-system=sketch] .opp-dot,[data-system=brutal] .opp-dot{background:var(--pf-accent)}[data-system=sketch] .opp-headline,[data-system=brutal] .opp-headline{color:var(--pf-accent);font-family:var(--pf-display);background-image:none;-webkit-background-clip:border-box;background-clip:border-box;animation:none}[data-system=sketch] .opp-band{border-top:1.5px dashed var(--pf-rule);background:linear-gradient(#efeae000 0%,#e9e3d6b3 26%,#e9e3d6 60%,#e3dccb 100%)}[data-system=sketch] .opp-cta{background:color-mix(in srgb, var(--pf-accent) 8%, transparent);border:1.5px dashed color-mix(in srgb, var(--pf-accent) 55%, transparent);color:var(--pf-accent);box-shadow:2px 3px 0 -1px color-mix(in srgb, var(--pf-ink) 16%, transparent);border-radius:11px 8px 12px 9px/9px 12px 8px 11px;transform:rotate(-.5deg)}[data-system=sketch] .opp-cta:hover{background:color-mix(in srgb, var(--pf-accent) 16%, transparent);border-color:var(--pf-accent);transform:rotate(-.5deg)translateY(-2px)}[data-system=brutal] .opp-band{background:var(--pf-bg);border-top:2.5px solid #0a0a0a;border-bottom:2.5px solid #0a0a0a}[data-system=brutal] .opp-kicker{color:#0a0a0a;font-weight:800}[data-system=brutal] .opp-headline{text-transform:uppercase;color:#0a0a0a;font-weight:800}[data-system=brutal] .opp-cta{background:var(--pf-accent);color:#fff;border:2.5px solid #0a0a0a;border-radius:0;font-weight:700;box-shadow:5px 5px #0a0a0a}[data-system=brutal] .opp-cta:hover{color:var(--pf-accent);background:#0a0a0a;transform:translateY(-2px);box-shadow:2px 2px #0a0a0a}