/*
 * PF Home — the Z203 draft's stylesheet, ported once by
 * drafts/home-page/source/generators/port_css.py: every selector scoped under
 * .pfh and one class heavier, so the draft's own order of precedence survives.
 * This file is the source now; edit it here, not in the draft.
 */
.pfh a{color:#FF5533;text-decoration:none}
.pfh a:hover{color:#B07BD8}
.pfh a:focus-visible,.pfh button:focus-visible{outline:2px solid #B07BD8;outline-offset:3px}
.pfh .navlink{color:#E0CBBB}
.pfh .navlink:hover{color:#FFF0E4}
.pfh .holes{display:flex;gap:14px;overflow:hidden;padding:0 10px}
.pfh .holes span{flex:0 0 22px;height:14px;border-radius:3px;background:#14121A;box-shadow:inset 0 0 0 1px rgba(255,240,228,0.10)}
.pfh .clap{background:repeating-linear-gradient(-45deg, #FFF0E4 0 12px, #14121A 12px 24px);opacity:0.85}
.pfh .tile{position:relative;display:block;overflow:hidden;border-radius:var(--pf-radius,10px)}
.pfh .tile img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform 150ms ease}
.pfh .lobby:hover .tile img{transform:scale(1.04)}
.pfh .lobby .num{transition:color 150ms ease}
.pfh .lobby:hover .num{color:#FF5533}
@keyframes run{to{transform:translateX(-50%)}}
.pfh .edge-link{color:#FF5533}
.pfh .edge-link:hover{color:#B07BD8}
.pfh .mono{font-family:'VT323',monospace;font-size:11px;letter-spacing:.14em}
.pfh .gate{background:#141217;border-top:1px solid rgba(255,240,228,.12);border-bottom:1px solid rgba(255,240,228,.12);padding:14px 0;display:flex;flex-direction:column;gap:14px}
.pfh .gen{display:flex;flex-direction:column;gap:14px;color:#FFF0E4}
.pfh .gen:hover,.pfh .gen:focus{color:#FFF0E4}
.pfh .gen-screen{display:block;overflow:hidden;border-radius:var(--pf-radius,10px);background:#050406}
.pfh .gen-screen img{display:block;width:100%;aspect-ratio:2.39/1;object-fit:cover}
.pfh .gen-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:0 4px}
.pfh .cap-t{font-family:'VT323',sans-serif;font-weight:700;font-size:34px;line-height:1}
.pfh .rt{position:relative;display:block;overflow:hidden;border-radius:var(--pf-radius,10px);background:#050406;aspect-ratio:16/9}
.pfh .rt-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform 150ms ease}
.pfh .ph{background:repeating-linear-gradient(45deg,rgba(255,240,228,.04) 0 1px,transparent 1px 12px),#14121A}
.pfh .pv:hover .rt-img,.pfh .pv:focus-visible .rt-img{transform:scale(1.04)}
.pfh .ix-list{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,240,228,.12)}
.pfh .ix{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:36px;align-items:center;padding:32px 0;border-top:1px solid rgba(255,240,228,.12);color:#E0CBBB}
.pfh .ix .rt{aspect-ratio:2.39/1}
.pfh .ix-text{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.pfh .ix:hover,.pfh .ix:focus-visible{color:#E0CBBB}
.pfh .ix-name{font-family:'VT323',sans-serif;font-weight:700;font-size:44px;line-height:1;color:#FFF0E4;transition:color 150ms ease}
.pfh .ix:hover .ix-name,.pfh .ix:focus-visible .ix-name{color:#FF5533}
.pfh .frm{position:relative;display:block;padding:16px 16px 16px 34px}
.pfh .reg{position:absolute;width:15px;height:15px;pointer-events:none}
.pfh .reg::before,.pfh .reg::after{content:"";position:absolute;background:rgba(255,240,228,.35);transition:background-color 150ms ease}
.pfh .reg::before{left:7px;top:0;width:1px;height:15px}
.pfh .reg::after{top:7px;left:0;width:15px;height:1px}
.pfh .reg.tl{left:19px;top:1px}
.pfh .reg.tr{right:1px;top:1px}
.pfh .reg.bl{left:19px;bottom:1px}
.pfh .reg.br{right:1px;bottom:1px}
.pfh .ix:hover .reg::before,.pfh .ix:hover .reg::after,.pfh .ix:focus-visible .reg::before,.pfh .ix:focus-visible .reg::after{background:#FF5533}
.pfh .ix.flip{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
.pfh .ix.flip .frm{order:2;padding:16px 34px 16px 16px}
.pfh .ix.flip .reg.tl,.pfh .ix.flip .reg.bl{left:1px}
.pfh .ix.flip .reg.tr,.pfh .ix.flip .reg.br{right:19px}
.pfh .ix.flip .ix-text{align-items:flex-end;text-align:right}
.pfh .type-cta{display:flex;flex-direction:column;gap:20px;margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,240,228,.12);color:inherit}
.pfh .type-cta:hover,.pfh .type-cta:focus-visible{color:inherit}
.pfh .type-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.pfh .type-big{font-family:'VT323',sans-serif;font-weight:700;font-size:clamp(72px,11vw,176px);line-height:.85;letter-spacing:.01em;color:transparent;-webkit-text-stroke:1.5px rgba(255,240,228,.55);background:linear-gradient(90deg,#FF5533 50%,rgba(255,85,51,0) 50%) right / 200% 100% no-repeat;-webkit-background-clip:text;background-clip:text;transition:background-position 150ms ease,-webkit-text-stroke-color 150ms ease}
.pfh .type-cta:hover .type-big,.pfh .type-cta:focus-visible .type-big{background-position:left;-webkit-text-stroke-color:#FF5533}
@media (max-width: 900px){
.pfh .ix,.pfh .ix.flip{grid-template-columns:1fr;gap:16px}
.pfh .ix.flip .frm{order:0;padding:16px 16px 16px 34px}
.pfh .ix.flip .reg.tl,.pfh .ix.flip .reg.bl{left:19px}
.pfh .ix.flip .reg.tr,.pfh .ix.flip .reg.br{right:1px}
.pfh .ix.flip .ix-text{align-items:flex-start;text-align:left}
}
.pfh .av{position:relative;display:block;width:100%;max-width:380px;aspect-ratio:4/5;overflow:hidden;border-radius:var(--pf-radius,10px);background:#050406;box-shadow:inset 0 0 0 1px rgba(255,240,228,.10)}
.pfh .av svg{position:absolute;inset:0;width:100%;height:100%}
.pfh .av-hud{position:absolute;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;font-family:'VT323',monospace;font-size:9px;letter-spacing:.2em;color:#9E8576;pointer-events:none}
.pfh .av-hud.top{top:12px}
.pfh .av-hud.bot{bottom:12px}
.pfh .av .reg{position:absolute;width:15px;height:15px}
.pfh .av .reg.tl{left:6px;top:30px}
.pfh .av .reg.tr{right:6px;top:30px}
.pfh .av .reg.bl{left:6px;bottom:30px}
.pfh .av .reg.br{right:6px;bottom:30px}
.pfh .wire{fill:none;stroke:rgba(255,240,228,.28);stroke-width:1;vector-effect:non-scaling-stroke}
.pfh .floor{fill:none;stroke:rgba(255,240,228,.10);stroke-width:1;vector-effect:non-scaling-stroke}

.pfh .split-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,240,228,.35)}
.pfh .av-layer{position:absolute;inset:0;display:block}
.pfh .av-layer.clay{clip-path:inset(0 50% 0 0);transition:clip-path 150ms ease}
.pfh .av .split-line{transition:left 150ms ease}
.pfh .dive:hover .av-layer.clay,.pfh .dive:focus-visible .av-layer.clay{clip-path:inset(0 100% 0 0)}
.pfh .dive:hover .split-line,.pfh .dive:focus-visible .split-line{left:0}
.pfh .dive:hover .wire,.pfh .dive:focus-visible .wire{stroke:#FF5533}
.pfh .wire{transition:stroke 150ms ease}
.pfh .dive{display:flex;flex-direction:column;gap:14px;color:inherit}
.pfh .dive:hover,.pfh .dive:focus-visible{color:inherit}
.pfh .vp{border:1px solid rgba(255,240,228,.16);border-radius:16px;overflow:hidden;background:#14121A}
.pfh .vp-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:12px 20px;border-bottom:1px solid rgba(255,240,228,.12);font-family:'VT323',monospace;font-size:10px;letter-spacing:.2em;color:#9E8576}
.pfh .vp-body{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.pfh .vp-body .av{max-width:none;aspect-ratio:16/10}
.pfh .cbox{display:flex;flex-direction:column;border-left:1px solid rgba(255,240,228,.12)}
.pfh .cbox-row{display:flex;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid rgba(255,240,228,.12);font-family:'VT323',monospace;font-size:11px;letter-spacing:.08em}
.pfh .cbox-row dt{color:#9E8576}
.pfh .cbox-row dd{margin:0;color:#FFF0E4;text-align:right}
.pfh .vp-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 20px;border-top:1px solid rgba(255,240,228,.12)}
@media (max-width: 900px){
.pfh .vp-body{grid-template-columns:1fr}
.pfh .cbox{border-left:0;border-top:1px solid rgba(255,240,228,.12)}
}
.pfh .vp-body.w37{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
.pfh .vp-body.w37 .av{aspect-ratio:4/5}
.pfh .cbox.wide dl{display:grid;grid-template-columns:1fr 1fr}
.pfh .cbox.wide .cbox-row:nth-child(odd){border-right:1px solid rgba(255,240,228,.12)}
@media (max-width: 900px){
.pfh .vp-body.w37{grid-template-columns:1fr}
.pfh .cbox.wide dl{grid-template-columns:1fr}
.pfh .cbox.wide .cbox-row:nth-child(odd){border-right:0}
}
.pfh .neon{font-family:'VT323',sans-serif;font-weight:700;font-size:clamp(48px,6vw,96px);line-height:1;color:transparent;-webkit-text-stroke:1.5px #FF5533;filter:drop-shadow(0 0 6px rgba(255,85,51,.55));transition:filter 150ms ease,-webkit-text-stroke-color 150ms ease}
.pfh .dive:hover .neon,.pfh .dive:focus-visible .neon{-webkit-text-stroke-color:#B07BD8;filter:drop-shadow(0 0 14px rgba(255,85,51,.9))}
.pfh .dive:hover .av svg,.pfh .dive:focus-visible .av svg{filter:drop-shadow(0 0 6px rgba(255,85,51,.6))}
.pfh .av svg{transition:filter 150ms ease}

.pfh .neon-row{display:flex;align-items:center;gap:.22em;font-size:clamp(48px,6vw,96px);line-height:1}
.pfh .neon-row .neon{font-size:1em}
.pfh .oarrow{flex:0 0 auto;display:block;height:.74em;overflow:visible;color:#FF5533;filter:drop-shadow(0 0 6px rgba(255,85,51,.55));transition:filter 150ms ease,color 150ms ease,transform 150ms ease}
.pfh .oarrow path,.pfh .oarrow polygon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
.pfh .dive:hover .oarrow,.pfh .dive:focus-visible .oarrow{color:#B07BD8;filter:drop-shadow(0 0 14px rgba(255,85,51,.9));transform:translateX(10px)}
.pfh .type-row .oarrow{color:rgba(255,240,228,.55);filter:none}
.pfh .type-row .neon-row{font-size:clamp(72px,11vw,176px)}
.pfh .type-cta:hover .oarrow,.pfh .type-cta:focus-visible .oarrow{color:#B07BD8;filter:drop-shadow(0 0 14px rgba(255,85,51,.9));transform:translateX(10px)}
.pfh .pipe{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.pfh .pipe::before{content:'';position:absolute;left:4px;right:calc(100%/6 - 4px);top:4px;height:1px;background:rgba(255,240,228,.18)}
.pfh .pn{position:relative;display:flex;flex-direction:column;gap:8px;font-family:'VT323',monospace;font-size:9px;letter-spacing:.12em;color:#9E8576}
.pfh .pn i{display:block;width:9px;height:9px;box-sizing:border-box;border-radius:50%;border:1px solid #9E8576;background:#14121A;transition:background 150ms ease,border-color 150ms ease}
.pfh .pn.on{color:#E0CBBB}
.pfh .pn.on i{background:#E0CBBB;border-color:#E0CBBB}
.pfh .lobby:hover .pn.on i{background:#FF5533;border-color:#FF5533}
.pfh .lobby:hover .pn.on{color:#FF5533}
.pfh .clap.big{background:repeating-linear-gradient(-45deg,#FFF0E4 0 18px,#14121A 18px 36px)}
.pfh .vp{max-width:1360px;width:100%;margin:0 auto;box-sizing:border-box;padding:18px clamp(16px,3vw,40px) 28px;overflow:hidden}
.pfh .track{--per:3;--gap:28px;display:flex;gap:var(--gap);transform:translateX(calc(var(--i) * -1 * (100% + var(--gap)) / var(--per)));transition:transform 320ms cubic-bezier(.2,.7,.2,1)}
.pfh .track > *{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));box-sizing:border-box;min-width:0}
@media (prefers-reduced-motion: reduce){
.pfh .track{transition:none}
}
.pfh .track.one,.pfh .vp .track{}
.pfh .wide-in{border:3px double rgba(255,240,228,.2);border-radius:12px;padding:18px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:36px;align-items:center}
@media (max-width:860px){
.pfh .wide-in{grid-template-columns:1fr;gap:20px}
}
.pfh .see-wrap{max-width:1360px;width:100%;margin:0 auto;box-sizing:border-box;padding:8px clamp(16px,3vw,40px) 28px}
.pfh .roll35{display:block;overflow:hidden;min-width:0}
.pfh .roll35-run{display:flex;width:max-content;animation:roll35 60s linear infinite}
@keyframes roll35{to{transform:translateX(-50%)}}
.pfh .see35:hover .roll35-run,.pfh .see35:focus-visible .roll35-run{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){
.pfh .roll35-run{animation:none}
}
.pfh .f35{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px 5px;background:#14121A;border-right:1px solid rgba(255,240,228,.06)}
.pfh .f35 img{display:block;width:240px;aspect-ratio:3/2;object-fit:cover;border-radius:var(--pf-radius,10px);opacity:.6;filter:saturate(.6);transition:opacity 150ms ease,filter 150ms ease}
.pfh .see35:hover .f35 img,.pfh .see35:focus-visible .f35 img{opacity:1;filter:none}
.pfh .perf{display:block;height:12px;margin:0 4px;background:repeating-linear-gradient(90deg,#141217 0 14px,transparent 14px 30px);background-position:8px 0;border-radius:2px}
.pfh .see35{display:block;color:inherit}
.pfh .lead35{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);border-radius:16px;overflow:hidden;border:1px solid rgba(255,240,228,.12);background:#14121A}
.pfh .lead35-tag{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:20px 24px;border-right:1px solid rgba(255,240,228,.12);box-shadow:24px 0 32px -16px #14121A;background:#14121A}
.pfh .lead35 .num{transition:color 150ms ease}
.pfh .lead35:hover .num{color:#FF5533}
@media (max-width:860px){
.pfh .lead35{grid-template-columns:1fr}
}
html:has(.pfh){scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
html:has(.pfh){scroll-behavior:auto}
}
.pfh [id]{scroll-margin-top:72px}
.pfh ::selection{background:#642187;color:#FFFFFF}
.pfh .lobby.wide,.pfh .gen,.pfh .ix,.pfh .see35,.pfh .dive{-webkit-tap-highlight-color:transparent}
.pfh .f35 img,.pfh .see35:hover .f35 img,.pfh .see35:focus-visible .f35 img{opacity:1;filter:none}
.pfh .pfh-showreel,.pfh .pfh-work-band{position:relative;isolation:isolate;overflow:hidden}
.pfh .pfh-work-band .vp{background:transparent;border:0}
.pfh .frm{isolation:isolate}
.pfh .ix-amb{position:absolute;inset:6% 4%;z-index:-1;background-size:cover;background-position:center;filter:blur(48px) saturate(1.6);opacity:0;transition:opacity 150ms ease;pointer-events:none}
.pfh .ix:hover .ix-amb,.pfh .ix:focus-visible .ix-amb{opacity:.6}
.pfh .gen{position:relative;isolation:isolate}
.pfh .gen-amb{position:absolute;left:4%;right:4%;top:6%;height:70%;z-index:-1;background-size:cover;background-position:center;filter:blur(70px) saturate(1.5);opacity:.4;pointer-events:none;transition:opacity 150ms ease}
.pfh .gen:hover .gen-amb,.pfh .gen:focus-visible .gen-amb{opacity:.6}
.pfh .gen-screen{position:relative}
.pfh .pfh-title{position:relative;isolation:isolate}
.pfh.pfh .pfh-showreel{background:#14121A !important}
.pfh.pfh .gate{background:rgba(20,18,23,.55);backdrop-filter:blur(4px) saturate(140%);-webkit-backdrop-filter:blur(4px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,240,228,.12)}
.pfh.pfh .dive.vp{background:rgba(20,18,23,.42) !important;backdrop-filter:blur(4px) saturate(150%) !important;-webkit-backdrop-filter:blur(4px) saturate(150%) !important;box-shadow:inset 0 1px 0 rgba(255,240,228,.16),0 30px 80px -30px rgba(5,4,6,.8)}
.pfh.pfh .pfh-about,.pfh.pfh .pfh-contact{position:relative;isolation:isolate}
.pfh.pfh .pfh-about::before,.pfh.pfh .pfh-contact::before{content:'';position:absolute;left:50%;top:15%;width:min(1100px,90%);height:70%;transform:translateX(-50%);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(100,33,135,.5),transparent);filter:blur(30px)}
.pfh.pfh .pfh-contact-card{background:rgba(20,18,23,.42) !important;backdrop-filter:blur(4px) saturate(150%) !important;-webkit-backdrop-filter:blur(4px) saturate(150%) !important;box-shadow:inset 0 1px 0 rgba(255,240,228,.16),0 30px 80px -30px rgba(5,4,6,.8)}
.pfh.pfh .pfh-contact button{box-shadow:inset 0 1px 0 rgba(255,240,228,.18)}
.pfh.pfh .pfh-work-band{background:#14121A !important}
.pfh.pfh .lobby.wide{background:rgba(20,18,23,.42) !important;backdrop-filter:blur(4px) saturate(150%) !important;-webkit-backdrop-filter:blur(4px) saturate(150%) !important;box-shadow:inset 0 1px 0 rgba(255,240,228,.16),0 30px 80px -30px rgba(5,4,6,.8)}
.pfh.pfh .wide-in{border:1px solid rgba(255,240,228,.10);background:linear-gradient(160deg,rgba(255,240,228,.06),transparent 40%)}
.pfh.pfh .lead35{background:rgba(8,7,10,.5)}
.pfh.pfh .lead35-tag{background:rgba(20,18,23,.5);backdrop-filter:blur(4px) saturate(150%);-webkit-backdrop-filter:blur(4px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,240,228,.14)}
.pfh.pfh .f35{background:transparent}
.pfh.pfh .holes span{background:rgba(8,7,10,.6)}
.pfh .bwrap{position:relative;display:block;isolation:isolate}
.pfh .bleed{position:absolute;inset:calc(-1 * var(--bleed));z-index:-1;border-radius:calc(var(--pf-radius,10px) + var(--bleed));background-size:cover;background-position:center;filter:blur(var(--bleed)) saturate(1.5) brightness(1.2);opacity:var(--bleed-o);pointer-events:none;transition:opacity 150ms ease}
.pfh .rt-bleed{inset:calc(16px - var(--bleed)) calc(16px - var(--bleed)) calc(16px - var(--bleed)) calc(34px - var(--bleed))}
.pfh .ix.flip .rt-bleed{inset:calc(16px - var(--bleed)) calc(34px - var(--bleed)) calc(16px - var(--bleed)) calc(16px - var(--bleed))}
@media (max-width: 900px){
.pfh .ix.flip .rt-bleed{inset:calc(16px - var(--bleed)) calc(16px - var(--bleed)) calc(16px - var(--bleed)) calc(34px - var(--bleed))}
}
.pfh .ix:hover .rt-bleed,.pfh .ix:focus-visible .rt-bleed,.pfh .gen:hover .bleed,.pfh .gen:focus-visible .bleed,.pfh .lobby:hover .bleed,.pfh .lobby:focus-visible .bleed{opacity:1}
.pfh.pfh{--bleed:10px;--bleed-o:.8}
.pfh.pfh .gen-amb{opacity:.85}
.pfh.pfh .gen:hover .gen-amb,.pfh.pfh .gen:focus-visible .gen-amb{opacity:.92}
.pfh.pfh .ix:hover .ix-amb,.pfh.pfh .ix:focus-visible .ix-amb{opacity:.92}
.pfh.pfh .pfh-about::before,.pfh.pfh .pfh-contact::before{background:radial-gradient(closest-side,rgba(100,33,135,.3),transparent)}
.pfh.pfh .pfh-work-band{background:#08070A !important}
.pfh.pfh .pfh-showreel{background:#08070A !important}
.pfh.pfh .gate{background:rgba(20,18,23,.5)}
.pfh.pfh .lobby.wide,.pfh.pfh .dive.vp,.pfh.pfh .pfh-contact-card{background:rgba(20,18,23,.42) !important;box-shadow:inset 0 1px 0 rgba(255,240,228,.2),inset 0 -1px 0 rgba(5,4,6,.4),0 30px 80px -30px rgba(5,4,6,.9)}
.pfh .lead35{background:rgba(20,18,23,.28) !important;backdrop-filter:blur(4px) saturate(150%);-webkit-backdrop-filter:blur(4px) saturate(150%);border:1px solid rgba(255,240,228,.18) !important}
.pfh .lead35-tag{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;border-right:1px solid rgba(255,240,228,.14)}
.pfh .f35{background:transparent !important;border-right:1px solid rgba(255,240,228,.10)}
.pfh .holes span{background:rgba(255,240,228,.04) !important;box-shadow:inset 0 1px 0 rgba(255,240,228,.22),inset 0 0 0 1px rgba(255,240,228,.10) !important}
.pfh .lead35{border-radius:28px !important;box-shadow:inset 0 1px 0 rgba(255,240,228,.3),inset 0 -1px 0 rgba(255,240,228,.14),0 40px 90px -30px rgba(5,4,6,.9)}
.pfh .perf{height:14px;background:repeating-linear-gradient(90deg,rgba(8,7,10,.5) 0 14px,transparent 14px 30px),linear-gradient(180deg,rgba(255,240,228,.2),rgba(255,240,228,.04) 60%);border-radius:7px}
.pfh .f35 .perf:last-of-type{background:repeating-linear-gradient(90deg,rgba(8,7,10,.5) 0 14px,transparent 14px 30px),linear-gradient(0deg,rgba(255,85,51,.22),rgba(255,240,228,.03) 60%)}
.pfh .lead35-tag{background:linear-gradient(180deg,rgba(255,240,228,.10),rgba(255,240,228,0) 30%,rgba(255,240,228,0) 75%,rgba(255,85,51,.10)) !important}
.pfh.pfh .bleed{filter:blur(calc(var(--bleed) * 3)) saturate(1.4) brightness(1.15);opacity:0.4}
.pfh.pfh .ix:hover .rt-bleed,.pfh.pfh .ix:focus-visible .rt-bleed,.pfh.pfh .gen:hover .bleed,.pfh.pfh .gen:focus-visible .bleed,.pfh.pfh .lobby:hover .bleed,.pfh.pfh .lobby:focus-visible .bleed{opacity:0.55}
.pfh.pfh .pfh-about::before{left:26%}
.pfh.pfh .pfh-contact::before{left:74%}
.pfh .lobby.wide{position:relative;overflow:hidden;isolation:isolate}
.pfh .cpatch{position:absolute;inset:-12%;z-index:-1;pointer-events:none;background-size:cover;background-position:center;filter:blur(56px) saturate(1.3);opacity:.2;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 100%);transition:opacity 150ms ease}
.pfh .lobby.wide:hover .cpatch,.pfh .lobby.wide:focus-visible .cpatch{opacity:.3}
.pfh .tile-amb{position:absolute;left:4%;right:4%;top:6%;height:88%;z-index:-1;background-size:cover;background-position:center;filter:blur(70px) saturate(1.5);opacity:.85;pointer-events:none;transition:opacity 150ms ease}
.pfh .lobby:hover .tile-amb,.pfh .lobby:focus-visible .tile-amb{opacity:.92}
.pfh.pfh .cpatch{inset:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent),linear-gradient(180deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent),linear-gradient(180deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-composite:intersect}
.pfh .lobby.wide > .holes{display:flex;padding:0;margin:0 32px}
.pfh.pfh .f35 .perf,.pfh.pfh .f35 .perf:last-of-type{height:14px;margin:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='14'%3E%3Crect x='7.5' y='.5' width='21' height='13' rx='3' fill='rgba(255,240,228,.04)' stroke='rgba(255,240,228,.10)'/%3E%3Cpath d='M10 1.5h16' stroke='rgba(255,240,228,.22)'/%3E%3C/svg%3E") 50% 0/36px 14px repeat-x}
.pfh.pfh .lead35{border-radius:8px !important}
.pfh .vwrap{position:relative;display:block;border-radius:var(--pf-radius,10px);overflow:hidden}
.pfh .vwrap::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 75% 75% at 50% 50%,transparent 30%,rgba(8,7,10,.8) 100%)}
.pfh .vwrap::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,transparent 50%,#000 100%);mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,transparent 50%,#000 100%)}
.pfh .vwrap::after{z-index:2}
.pfh.pfh .f35{padding:8px 50px 8px 49px}
.pfh.pfh .holes{height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='14'%3E%3Crect x='7.5' y='.5' width='21' height='13' rx='3' fill='rgba(255,240,228,.04)' stroke='rgba(255,240,228,.10)'/%3E%3Cpath d='M10 1.5h16' stroke='rgba(255,240,228,.22)'/%3E%3C/svg%3E") 0 0/36px 14px space no-repeat;background-origin:content-box;background-clip:content-box}
.pfh.pfh .holes span{display:none}
.pfh.pfh .f35 .perf,.pfh.pfh .f35 .perf:last-of-type{margin:0 -50px 0 -49px;background-position:0 0;background-repeat:space no-repeat}
.pfh .cap35{position:absolute;left:12px;bottom:10px;right:12px;z-index:3;display:flex;flex-direction:column;gap:2px;pointer-events:none;text-shadow:0 1px 8px rgba(8,7,10,.8)}
.pfh .cap35-y{font-family:'VT323',monospace;font-size:9px;letter-spacing:.16em;color:#E0CBBB}
.pfh .cap35-t{font-family:'VT323',sans-serif;font-weight:700;font-size:20px;line-height:1;color:#FFF0E4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfh.pfh .pfh-work-band .track{--gap:140px}
.pfh .track.snap{transition:none}
.pfh.pfh .gate{background:#08070A !important;backdrop-filter:none;-webkit-backdrop-filter:none}
.pfh.pfh .cta-stage{position:relative;isolation:isolate;margin-top:56px}
.pfh.pfh .type-cta{position:relative;margin-top:0;padding:36px 40px 0;border:1px solid rgba(255,240,228,.16);border-top-color:rgba(255,240,228,.28);border-radius:8px;overflow:hidden;background:linear-gradient(160deg,rgba(255,240,228,.07),rgba(255,240,228,.02) 45%,rgba(255,240,228,.04));backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,240,228,.18),0 40px 90px -40px rgba(5,4,6,.9);transition:border-color 150ms ease,box-shadow 150ms ease}
.pfh.pfh .type-cta:hover,.pfh.pfh .type-cta:focus-visible{border-color:rgba(255,85,51,.6);box-shadow:inset 0 1px 0 rgba(255,240,228,.22),0 0 0 1px rgba(255,85,51,.25),0 40px 90px -40px rgba(5,4,6,.9)}
.pfh.pfh .type-cta{padding-top:48px}
.pfh.pfh .type-cta::before{content:"";position:absolute;left:34px;right:34px;top:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='14'%3E%3Crect x='7.5' y='.5' width='21' height='13' rx='3' fill='rgba(255,240,228,.04)' stroke='rgba(255,240,228,.10)'/%3E%3Cpath d='M10 1.5h16' stroke='rgba(255,240,228,.22)'/%3E%3C/svg%3E") 0 0/36px 14px space no-repeat;pointer-events:none}
.pfh.pfh .pfh-about::before,.pfh.pfh .pfh-contact::before{background:radial-gradient(closest-side,rgba(100,33,135,.15),transparent)}
.pfh.pfh,.pfh.pfh *{font-synthesis:none}
.pfh.pfh h1{font-size:clamp(64px,9vw,132px) !important;line-height:.8 !important}
.pfh.pfh .meta,.pfh.pfh .mono,.pfh.pfh .reel-strip,.pfh.pfh .pn,.pfh.pfh .cap35-y,.pfh.pfh .pfh-contact dt{font-family:'Space Mono',monospace !important;font-size:12px !important;letter-spacing:0 !important;line-height:1.5;text-transform:none}
.pfh.pfh .meta,.pfh.pfh .pfh-contact dt{color:#9E8576}
.pfh.pfh .reel-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding:0 clamp(16px,3vw,40px);color:#9E8576}
.pfh.pfh .lede{flex:0 1 380px;margin:0;font-size:17px;line-height:1.55;color:#E0CBBB}
.pfh.pfh .tile,.pfh.pfh .f35 img,.pfh.pfh .vwrap{border-radius:var(--pf-radius,10px)}
.pfh.pfh .wide-in{border-radius:10px}
.pfh.pfh .gen-screen img,.pfh.pfh .ix .rt{aspect-ratio:16/9}
.pfh.pfh .frm{padding:16px}
.pfh.pfh .reg.tl,.pfh.pfh .reg.bl{left:1px}
.pfh.pfh .ix.flip .reg.tr,.pfh.pfh .ix.flip .reg.br{right:1px}
.pfh.pfh .type-cta{padding-bottom:40px !important}
.pfh.pfh .grad{color:#FF5533;-webkit-text-stroke:0}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
.pfh.pfh .grad{background:linear-gradient(90deg,#FFD84A,#FF7A2E 45%,#E8321E);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
@media (forced-colors: active){
.pfh.pfh .grad{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}
.pfh.pfh a.grad{color:LinkText}
}
.pfh.pfh .mail{color:#FFF0E4;text-decoration:underline 2px transparent;text-underline-offset:.16em;transition:text-decoration-color 150ms ease}
.pfh.pfh .mail:hover,.pfh.pfh .mail:focus-visible{text-decoration-color:#FF5533}
.pfh.pfh .mail.grad{color:#FF5533}
.pfh.pfh .type-big.grad:hover,.pfh.pfh .type-cta:hover .type-big.grad{background-position:0 0}
.pfh.pfh .pn{gap:6px}
.pfh.pfh .pn i{width:10px;height:10px}
.pfh.pfh .pipe::before{top:5px}
.pfh.pfh .pfh-work-band .track{--gap:28px}
@media (max-width: 1100px){
.pfh.pfh .track{--per:2 !important}
}
@media (max-width: 640px){
.pfh.pfh .track{--per:1 !important}
}
.pfh.pfh .pfh-contact dd{font-family:inherit}
.pfh.pfh .pfh-contact::before{left:50% !important}
.pfh.pfh .ix-text{gap:12px}
.pfh.pfh .lead35,.pfh.pfh .type-cta{border-radius:16px !important}
.pfh.pfh h1{display:flex;flex-direction:column;gap:.06em}
.pfh.pfh .h1-role{font-size:.62em;line-height:.9}
.pfh.pfh .vp-bar,.pfh.pfh .cbox-row,.pfh.pfh .av-hud{font-family:'Space Mono',monospace !important;font-size:12px !important;letter-spacing:0 !important}
.pfh.pfh .av-hud{font-size:11px !important}
.pfh.pfh .hv{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity 150ms ease,transform 150ms ease}
.pfh.pfh .hv-on .hv{opacity:1}
.pfh.pfh .pv:hover .hv,.pfh.pfh .pv:focus-visible .hv,.pfh.pfh .lobby:hover .tile .hv,.pfh.pfh .lobby:focus-visible .tile .hv{transform:scale(1.04)}
.pfh.pfh .vwrap::before{z-index:2}
.pfh.pfh .vwrap::after{z-index:3}
.pfh.pfh .cap35{z-index:4}
.pfh.pfh .gen-cap{padding-top:4px}
.pfh.pfh .pfh-work-band .track.one{--per:1 !important;--gap:140px}
@media (max-width: 900px){
.pfh.pfh .pfh-work-band .track.one{--gap:28px}
}
.pfh.pfh .ix .rt-bleed,.pfh.pfh .ix.flip .rt-bleed{inset:calc(16px - var(--bleed))}
.pfh.pfh .pfh-showreel{gap:20px !important;padding-bottom:24px !important}
.pfh.pfh .pfh-title{padding-top:clamp(96px,15vw,220px) !important}
.pfh.pfh .pfh-title-in{flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center;gap:32px !important;padding-bottom:clamp(96px,15vw,220px) !important}
.pfh.pfh .pfh-title h1{align-items:center}
.pfh.pfh .lede{flex:none !important;max-width:46ch}
.pfh.pfh .gate-in{gap:clamp(72px,10vw,140px) !important;padding-top:clamp(20px,3vw,40px) !important;padding-bottom:clamp(20px,3vw,40px) !important}
.pfh.pfh .ix{padding:clamp(40px,6vw,80px) 0 !important}
.pfh.pfh .cta-stage{margin-top:clamp(64px,8vw,112px) !important}
.pfh.pfh .pfh-head.is-split{padding-top:clamp(120px,15vw,220px) !important;padding-bottom:40px !important}
.pfh.pfh .pfh-work-band{padding:clamp(20px,4vw,56px) 0 !important;gap:clamp(14px,2vw,28px) !important}
.pfh.pfh .see-wrap{padding-top:clamp(20px,3vw,40px) !important;padding-bottom:clamp(24px,3.4vw,48px) !important}
.pfh.pfh .pfh-about{margin-top:clamp(120px,15vw,220px) !important}
.pfh.pfh .pfh-about-in{padding-top:clamp(64px,8vw,112px) !important;padding-bottom:clamp(64px,8vw,112px) !important}
.pfh.pfh .pfh-contact{padding-top:clamp(120px,15vw,220px) !important;padding-bottom:clamp(120px,15vw,220px) !important}
@media (prefers-reduced-motion: no-preference){
.pfh.pfh .rv{transition:opacity 700ms cubic-bezier(.2,.7,.2,1),transform 700ms cubic-bezier(.2,.7,.2,1)}
.pfh.pfh .rv:not(.rv-in){opacity:0;transform:translateY(28px)}
.pfh.pfh .frm.rv:not(.rv-in){opacity:1;transform:translateX(-56px)}
.pfh.pfh .ix.flip .frm.rv:not(.rv-in){transform:translateX(56px)}
.pfh.pfh .gen.rv:not(.rv-in),.pfh.pfh .auto.rv:not(.rv-in),.pfh.pfh .see-wrap.rv:not(.rv-in),.pfh.pfh .pfh-about .vp.rv:not(.rv-in){opacity:1;transform:translateY(48px)}
.pfh.pfh h2.rv-in{animation:type195 700ms steps(16) 120ms both}
@keyframes type195{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

}
#masthead{transition:opacity 300ms ease,visibility 0s linear 0s}
@media (prefers-reduced-motion: reduce){
#masthead{transition:none}
}
.pfh.pfh .holes{background-repeat:repeat-x !important}
@media (prefers-reduced-motion: no-preference){
.pfh.pfh .holes{animation:film199 2.7s linear infinite}
@keyframes film199{from{background-position-x:0}to{background-position-x:-36px}}

@keyframes neon199{0%,100%{opacity:1}18%{opacity:.62}26%{opacity:1}44%{opacity:.8}56%{opacity:1}}
}
.pfh.pfh{overflow-x:clip}
.pfh.pfh .glow-live{position:absolute;z-index:-1;display:block;box-sizing:border-box;padding:108px;filter:blur(34px) saturate(1.4) brightness(1.15);opacity:0;transition:opacity 150ms ease;pointer-events:none}
.pfh.pfh .glow-live canvas{display:block;width:100%;height:100%}
.pfh.pfh .bwrap .glow-live{left:-118px;top:-118px;width:calc(100% + 236px);height:calc(100% + 236px)}
.pfh.pfh .frm .glow-live{left:-102px;top:-102px;width:calc(100% + 204px);height:calc(100% + 204px)}
.pfh.pfh .hv-live .glow-live{opacity:.8}
.pfh.pfh .hv-live .bleed,.pfh.pfh .hv-live .ix-amb,.pfh.pfh .hv-live .gen-amb,.pfh.pfh .hv-live .tile-amb,.pfh.pfh .hv-live .cpatch{opacity:0 !important}
.pfh.pfh .bleed,.pfh.pfh .ix-amb,.pfh.pfh .gen-amb,.pfh.pfh .tile-amb{box-sizing:border-box;background-clip:content-box;background-origin:content-box}
.pfh.pfh .bleed{margin:-90px;padding:90px}
.pfh.pfh .ix-amb{margin:-144px;padding:144px}
.pfh.pfh .gen-amb{height:auto;bottom:24%;margin:-210px;padding:210px}
.pfh.pfh .tile-amb{height:auto;bottom:6%;margin:-210px;padding:210px}
.pfh.pfh .cur{display:inline-block;width:0;overflow:visible;visibility:hidden;color:#FF5533}
.pfh.pfh .tr{visibility:hidden}
.pfh.pfh h1.t-name .h1-name .cur,.pfh.pfh h1.t-role .h1-role .cur{visibility:visible}
@media (prefers-reduced-motion: no-preference){
.pfh.pfh h1.typed .h1-role .cur{visibility:visible;animation:blink203 1s steps(1) 5 forwards}
.pfh.pfh h1.typed .h1-role{animation:neon199 2.6s ease-in-out .3s both}
@keyframes blink203{0%{opacity:1}50%{opacity:0}100%{opacity:0}}
}
.pfh.pfh .amb-live{position:absolute;z-index:-1;display:block;opacity:0;transition:opacity 150ms ease;pointer-events:none}
.pfh.pfh .amb-live canvas{display:block;width:100%;height:100%}
.pfh.pfh .tile-live{left:4%;right:4%;top:6%;bottom:6%;margin:-210px;padding:210px;filter:blur(70px) saturate(1.5)}
.pfh.pfh .cpatch-live{inset:0;filter:blur(56px) saturate(1.3);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent),linear-gradient(180deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent),linear-gradient(180deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-composite:intersect}
.pfh.pfh .cpatch-live canvas{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px)}
.pfh.pfh .hv-live .tile-live{opacity:.92}
.pfh.pfh .hv-live .cpatch-live{opacity:.3}

/* ---------- From here on: what the draft wrote as inline styles ---------
   Inline styles outrank every class rule that is not !important, so these sit
   last and one class heavier than anything above, which keeps that order. */

.pfh{box-sizing:border-box;color:#E0CBBB;font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.6;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .085 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/180px 180px,
  radial-gradient(900px 600px at 18% 42%,rgba(100,33,135,var(--pfh-pools,.15)),transparent 65%),
  radial-gradient(1000px 600px at 84% 74%,rgba(100,33,135,var(--pfh-pools,.15)),transparent 65%),
  linear-gradient(180deg,#14121A 0%,#0E0C12 22%,#14121A 34%,#0E0C12 52%,#14121A 64%,#0E0C12 82%,#14121A 100%)}
.pfh.no-grain{background:radial-gradient(900px 600px at 18% 42%,rgba(100,33,135,var(--pfh-pools,.15)),transparent 65%),
  radial-gradient(1000px 600px at 84% 74%,rgba(100,33,135,var(--pfh-pools,.15)),transparent 65%),
  linear-gradient(180deg,#14121A 0%,#0E0C12 22%,#14121A 34%,#0E0C12 52%,#14121A 64%,#0E0C12 82%,#14121A 100%)}
.pfh.pfh.pfh p,.pfh.pfh.pfh h1,.pfh.pfh.pfh h2{margin:0}
.pfh.pfh.pfh .pfh-showreel{border-bottom:1px solid rgba(255,240,228,.12);padding:0 0 14px;display:flex;flex-direction:column;gap:14px}
.pfh.pfh.pfh .pfh-reel{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.pfh.pfh.pfh .pfh-title{padding:96px 0 0}
.pfh.pfh.pfh .pfh-title-in{max-width:1360px;margin:0 auto;box-sizing:border-box;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px);padding-bottom:44px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px}
.pfh.pfh.pfh .pfh-title h1{font-family:'VT323',sans-serif;font-weight:400;letter-spacing:.01em;color:#FFF0E4;text-transform:none}
.pfh.pfh.pfh .gate-in{--pfh-gap:clamp(72px,10vw,140px);padding:6px clamp(16px,3vw,40px) 10px;display:flex;flex-direction:column}
.pfh.pfh.pfh .gen-cap-in{display:flex;flex-direction:column;gap:4px}
.pfh.pfh.pfh .pfh-head h2{font-family:'VT323',sans-serif;font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:1;color:#FFF0E4;text-transform:none;letter-spacing:normal}
.pfh.pfh.pfh .pfh-head.is-split{max-width:1360px;margin:0 auto;box-sizing:border-box;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}
.pfh.pfh.pfh .pfh-head.is-inside h2{line-height:.92}
/* The draft kept the reels' title tight on its list and the big link a pause
   below it; in a band those are siblings, so the band's gap is taken back. */
.pfh.pfh.pfh .gate-in > .pfh-head.is-inside + *{margin-top:calc(18px - var(--pfh-gap))}
.pfh.pfh.pfh .gate-in > .ix-list + .cta-stage{margin-top:calc(clamp(64px,8vw,112px) + 18px - var(--pfh-gap)) !important}
.pfh.pfh.pfh .pfh-work-band{border-top:1px solid rgba(255,240,228,.12);border-bottom:1px solid rgba(255,240,228,.12);display:flex;flex-direction:column}
.pfh.pfh.pfh .pfh-work-band > *{position:relative;z-index:1}
.pfh.pfh.pfh .car-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:0 clamp(16px,3vw,40px);color:#9E8576}
.pfh.pfh.pfh .lobby.wide{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:8px;border:1px solid rgba(255,240,228,.12);color:inherit}
.pfh.pfh.pfh .card-text{display:flex;flex-direction:column;gap:18px;min-width:0}
.pfh.pfh.pfh .card-head{display:flex;flex-direction:column;gap:6px}
.pfh.pfh.pfh .card-t{font-family:'VT323',sans-serif;font-weight:700;font-size:clamp(40px,4vw,60px);line-height:.9;color:#FFF0E4}
.pfh.pfh.pfh .card-tags{font-size:13px;color:#9E8576}
.pfh.pfh.pfh .card-log{font-size:17px;line-height:1.5;color:#E0CBBB}
.pfh.pfh.pfh .card-role{color:#9E8576;border-top:1px solid rgba(255,240,228,.12);padding-top:12px}
.pfh.pfh.pfh .ix-blurb{font-size:15px;line-height:1.5;color:#E0CBBB}
.pfh.pfh.pfh .clap.big{display:block;height:22px;border-radius:8px 8px 3px 3px}
.pfh.pfh.pfh .lead35 .num{font-family:'VT323',sans-serif;font-size:80px;line-height:.8;color:#9E8576}
.pfh.pfh.pfh .lead35:hover .num{color:#FF5533}
.pfh.pfh.pfh .lead35-t{font-family:'VT323',sans-serif;font-size:32px;line-height:1;color:#FFF0E4}
.pfh.pfh.pfh .pfh-about{border-top:1px solid rgba(255,240,228,.12)}
.pfh.pfh.pfh .pfh-about-in{max-width:1360px;margin:0 auto;box-sizing:border-box;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
.pfh.pfh.pfh .dive.vp{gap:0}
.pfh.pfh.pfh .av-pad{display:block;padding:20px}
.pfh.pfh.pfh .vp-body .av{max-width:none}
.pfh.pfh.pfh .av-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pfh.pfh.pfh .cbox-text{display:block;padding:28px 24px}
.pfh.pfh.pfh .cbox-one{display:block;font-family:'VT323',sans-serif;font-weight:400;font-size:clamp(32px,3.4vw,52px);line-height:1;color:#FFF0E4}
.pfh.pfh.pfh .cbox-two{color:#9E8576}
.pfh.pfh.pfh .cbox dl{margin:0;border-top:1px solid rgba(255,240,228,.12)}
.pfh.pfh.pfh .pfh-contact{max-width:1360px;margin:0 auto;box-sizing:border-box;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px);display:flex;flex-direction:column;align-items:center;gap:24px}
.pfh.pfh.pfh .pfh-contact-w{width:100%}
.pfh.pfh.pfh .pfh-contact-card{max-width:880px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,240,228,.16)}
.pfh.pfh.pfh .pfh-contact-band{height:40px;background:repeating-linear-gradient(-45deg,#FFF0E4 0 22px,#14121A 22px 44px);opacity:.85}
.pfh.pfh.pfh .pfh-contact-body{padding:32px 24px 36px;display:flex;flex-direction:column;gap:16px}
.pfh.pfh.pfh .pfh-contact h2{font-family:'VT323',sans-serif;font-weight:400;font-size:32px;line-height:1;color:#FFF0E4;text-transform:none;letter-spacing:normal}
.pfh.pfh.pfh .pfh-contact p{font-size:18px;color:#E0CBBB;max-width:60ch}
.pfh.pfh.pfh .pfh-contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.pfh.pfh.pfh .mail{font-family:'VT323',sans-serif;font-size:clamp(40px,5vw,60px);line-height:1}
.pfh.pfh.pfh .pfh-copy{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,240,228,.18);background:rgba(255,240,228,.06);color:#E0CBBB;font:inherit;font-size:14px;cursor:pointer}
.pfh.pfh.pfh .gen-screen img{aspect-ratio:var(--pfh-ratio,16/9)}
.pfh.pfh.pfh img{max-width:100%;height:auto}
.pfh.pfh.pfh .tile img,.pfh.pfh.pfh .gen-screen img,.pfh.pfh.pfh .f35 img{height:auto}
.pfh.pfh.pfh .rt-img{height:100%}

/* A diaporama instead of a clip: the article's images, cross-fading. */
.pfh.pfh.pfh .hv-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 400ms ease}
.pfh.pfh.pfh .hv-slides img.on{opacity:1}

/* The site header stays off the showreel: hidden while the reel is still under its bar. */
body.pf-top #masthead{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms ease,visibility 0s linear 300ms}

/* Editor only: an empty block says what it is waiting for. */
.pfh-empty{padding:24px;border:1px dashed rgba(255,240,228,.3);border-radius:8px;color:#C9C4D0;font:14px/1.5 system-ui,sans-serif;text-align:center}

/* The film switched off in the Accueil block. */
.pfh.pfh.pfh.no-film .holes{animation:none}

/* Editor canvas: the preview is a picture of the block, so a click selects the
   block instead of following a link or starting a clip. */
.pfh .pfh-ssr > *{pointer-events:none}
/* The editor centres every block with auto side margins, which in the band's
   flex column stops a block from stretching: the parts span the page here. */
.pfh .block-editor-block-list__block{max-width:none;margin-left:0;margin-right:0}

/* ---------- Tout le travail (the Work drafts' W5, as a block) -----------
   Pictures take the site's radius (--pf-radius, Réglages → Cohérence); the bar,
   the buttons and the field take the block's own (--arc-r). */

.pfh.pfh.pfh .pfh-showreel.no-strip{padding-bottom:0;gap:0}
.pfh.pfh.pfh .pfh-showreel.no-strip + .arc-band{border-top:0}
.pfh.pfh.pfh .arc-band{overflow:clip;padding:clamp(20px,4vw,56px) 0 !important}
.pfh .arc{max-width:1360px;width:100%;margin:0 auto;box-sizing:border-box;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
.pfh .arc [hidden]{display:none !important}
.pfh .arc .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.pfh.pfh .arc-dock{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-bottom:clamp(20px,3vw,36px);padding:10px 12px 10px 10px;border-radius:var(--arc-r,8px);border:1px solid rgba(255,240,228,.16);background:rgba(20,18,23,.5);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,240,228,.2),0 20px 50px -20px rgba(5,4,6,.9)}
.pfh.pfh .arc-dock.is-sticky{position:sticky;top:12px;z-index:6;transition:top 200ms ease}
.pfh .arc-chips{display:flex;flex-wrap:wrap;gap:6px}
.pfh.pfh .arc .arc-chip{min-height:40px;padding:0 16px;border-radius:var(--arc-r,8px);border:1px solid rgba(255,240,228,.18);background:rgba(255,240,228,.04);box-shadow:inset 0 1px 0 rgba(255,240,228,.12);color:#E0CBBB;font:12px/1 'Space Mono',monospace;letter-spacing:0;text-transform:none;cursor:pointer;transition:color 150ms ease,border-color 150ms ease}
.pfh.pfh .arc .arc-chip span{color:#9E8576;margin-left:4px}
.pfh.pfh .arc .arc-chip:hover{color:#FFF0E4;border-color:rgba(255,240,228,.4);background:rgba(255,240,228,.06)}
.pfh.pfh .arc .arc-chip[aria-pressed="true"]{color:#FF5533;border-color:#FF5533;background:rgba(255,85,51,.06)}
.pfh.pfh .arc .arc-chip[aria-pressed="true"] span{color:#FF5533}
.pfh .arc-search{flex:1 1 220px;max-width:340px}
.pfh.pfh .arc .arc-q{width:100%;min-height:40px;box-sizing:border-box;padding:0 16px;border-radius:var(--arc-r,8px);border:1px solid rgba(255,240,228,.18);background:rgba(8,7,10,.5);color:#FFF0E4;font:13px/1 'Space Mono',monospace;box-shadow:inset 0 1px 2px rgba(5,4,6,.6)}
.pfh.pfh .arc .arc-q::placeholder{color:#9E8576}
.pfh.pfh .arc .arc-q:focus{outline:2px solid #B07BD8;outline-offset:2px;border-color:transparent}
.pfh .arc-live{flex:1 0 100%;padding:0 6px;color:#9E8576}
.pfh .arc-empty{margin:24px 0;padding:28px 24px;border:1px dashed rgba(255,240,228,.2);border-radius:var(--arc-r,8px);font-family:'Space Mono',monospace;font-size:13px;color:#9E8576;text-align:center}

.pfh .arc-year{display:grid;grid-template-columns:minmax(min-content,1.3fr) minmax(0,8.7fr);gap:clamp(16px,3vw,48px);padding:clamp(28px,3vw,44px) 0;border-top:1px solid rgba(255,240,228,.12)}
.pfh .arc-year-h{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:8px}
.pfh .arc-big{white-space:nowrap;font-family:'VT323',sans-serif;font-size:clamp(56px,7vw,112px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,240,228,.55);transition:-webkit-text-stroke-color 150ms ease}
.pfh .arc-year:hover .arc-big{-webkit-text-stroke-color:#FF5533}
.pfh .arc-cnt{color:#9E8576}
.pfh .arc-grid{display:grid;grid-template-columns:repeat(var(--arc-cols,3),minmax(0,1fr));gap:clamp(24px,2.6vw,40px) clamp(16px,2vw,28px)}

.pfh .arc-t{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;color:#E0CBBB}
.pfh .arc-t:hover,.pfh .arc-t:focus-visible{color:#E0CBBB}
.pfh .arc-t .rt{aspect-ratio:16/9}
.pfh.pfh .arc-t:hover .bleed,.pfh.pfh .arc-t:focus-visible .bleed{opacity:.55}
.pfh .arc-cap{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 2px 0;min-width:0}
.pfh .arc-n{font-family:'VT323',sans-serif;font-size:28px;line-height:1;color:#FFF0E4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 150ms ease}
.pfh .arc-t:hover .arc-n,.pfh .arc-t:focus-visible .arc-n{color:#FF5533}
.pfh .arc-y,.pfh .arc-k{font-family:'Space Mono',monospace;font-size:12px;line-height:1.5;color:#9E8576}
.pfh .arc-k{margin-top:-6px;padding:0 2px;min-height:18px}

@media (max-width:1000px){.pfh .arc-grid{grid-template-columns:repeat(min(var(--arc-cols,3),2),minmax(0,1fr))}}
@media (max-width:760px){
.pfh.pfh .arc-dock.is-sticky{top:8px}
.pfh .arc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
.pfh .arc-chips::-webkit-scrollbar{display:none}
.pfh.pfh .arc .arc-chip{flex:none}
.pfh .arc-search{max-width:none}
}
@media (max-width:700px){
.pfh .arc-year{grid-template-columns:1fr}
.pfh .arc-year-h{position:static;flex-direction:row;align-items:baseline;gap:14px}
}
@media (max-width:520px){.pfh .arc-grid{grid-template-columns:1fr}}