.ha-portrait-social{position:relative;z-index:2;min-height:100svh;background:transparent;color:#f6f1ed;overflow:hidden}
.ha-ps-scene{position:relative;isolation:isolate;box-sizing:border-box;min-height:100svh;padding:clamp(82px,9vh,112px) clamp(30px,5.5vw,100px) 46px;overflow:hidden;background:transparent}
.ha-ps-scene::before{content:'';position:absolute;z-index:1;left:0;right:0;top:0;height:clamp(80px,13vh,150px);pointer-events:none;background:linear-gradient(180deg,#09090c 0%,rgba(9,9,12,.96) 24%,rgba(9,9,12,.64) 58%,transparent 100%)}
.ha-ps-scene::after{content:'';position:absolute;z-index:7;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.045) 4px 4.5px);opacity:.1}
.ha-ps-architecture{position:absolute;z-index:0;inset:7% 0 0;pointer-events:none;overflow:hidden;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 6%,#000 23%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 6%,#000 23%,#000 100%)}
.ha-ps-architecture::before{content:'';position:absolute;inset:8% 4% 5%;border:1px solid rgba(244,46,61,.12)}
.ha-ps-architecture svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(244,46,61,.19);stroke-width:1.2;vector-effect:non-scaling-stroke}
.ha-ps-art{position:absolute;z-index:2;left:2%;top:0;width:48%;height:100svh;min-height:650px;perspective:1200px;transform:perspective(1300px) rotateY(var(--art-ry,0deg)) rotateX(var(--art-rx,0deg));transform-origin:50% 55%;transition:transform .7s cubic-bezier(.2,.75,.2,1);pointer-events:auto}
.ha-ps-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,#09090c 100%),linear-gradient(0deg,#09090c 0,transparent 17%,transparent 89%,#09090c 100%);pointer-events:none}
.ha-ps-art-halo{position:absolute;left:18%;right:5%;top:12%;bottom:8%;background:radial-gradient(ellipse at 50% 40%,rgba(244,46,61,.20),rgba(244,46,61,.07) 34%,transparent 70%);filter:blur(16px);pointer-events:none}
.ha-ps-source{display:none!important}
.ha-ps-glyph-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 12px 45px rgba(244,46,61,.18));pointer-events:none}
.ha-ps-art-scan{position:absolute;z-index:4;left:18%;right:15%;top:var(--scan-y,52%);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78) 22%,#fff 49%,#f42e3d 51%,rgba(244,46,61,.82) 78%,transparent);box-shadow:0 -8px 22px rgba(255,255,255,.08),0 8px 24px rgba(244,46,61,.25);opacity:.48;pointer-events:none;transition:opacity .3s}
.ha-ps-art:hover .ha-ps-art-scan{opacity:.92}
.ha-ps-tip{position:absolute;z-index:6;left:clamp(25px,5vw,82px);bottom:clamp(44px,9vh,100px);width:min(390px,74%);box-sizing:border-box;padding:13px 18px 14px;background:linear-gradient(90deg,rgba(4,4,7,.94),rgba(4,4,7,.78) 78%,transparent);color:rgba(246,241,237,.9);pointer-events:none;opacity:0;visibility:hidden;overflow:hidden}
.ha-ps-tip::before,.ha-ps-tip::after{content:'';position:absolute;z-index:0;left:var(--glitch-spark-x,30%);top:var(--glitch-spark-y,48%);width:3px;height:3px;background:#f42e3d;opacity:0;pointer-events:none}
.ha-ps-tip::before{box-shadow:-34px -12px 0 #f42e3d,-18px 14px 0 rgba(244,46,61,.85),13px -24px 0 #f6f1ed,31px 5px 0 #f42e3d,54px -13px 0 rgba(244,46,61,.7),77px 16px 0 #f42e3d}
.ha-ps-tip::after{width:2px;height:2px;box-shadow:-46px 19px 0 #f6f1ed,-9px -19px 0 #f42e3d,19px 24px 0 #f42e3d,42px -7px 0 rgba(244,46,61,.8),65px 9px 0 #f6f1ed}
.ha-ps-tip.is-visible{visibility:visible;animation:ha-ps-tip-in .12s linear var(--glitch-delay,0ms) both}
.ha-ps-tip.is-switching{animation:ha-ps-tip-switch .18s steps(1,end) both}
.ha-ps-tip.is-exiting{animation:ha-ps-tip-out .34s steps(1,end) both}
.ha-ps-tip.is-visible::before,.ha-ps-tip.is-visible::after{animation:ha-ps-tip-pixels .38s steps(1,end) var(--glitch-delay,0ms) both}
.ha-ps-tip.is-switching::before,.ha-ps-tip.is-switching::after{animation:ha-ps-tip-pixels-switch .34s steps(1,end) both}
.ha-ps-tip-copy{position:relative;z-index:1;display:block;font:500 13px/1.5 'Syne',sans-serif}
.ha-ps-tip.is-visible .ha-ps-tip-copy{animation:ha-ps-copy-in .38s steps(1,end) var(--glitch-delay,0ms) both}
.ha-ps-tip.is-switching .ha-ps-tip-copy{animation:ha-ps-copy-switch .34s steps(1,end) both}
@keyframes ha-ps-tip-in{from{opacity:0}to{opacity:1}}
@keyframes ha-ps-tip-out{0%,22%{opacity:1}32%{opacity:.46}46%{opacity:1}100%{opacity:0;transform:translateX(var(--glitch-x,8px))}}
@keyframes ha-ps-tip-switch{0%{opacity:.48}38%,100%{opacity:1}}
@keyframes ha-ps-copy-in{0%,12%{opacity:0;transform:translateX(var(--glitch-x,8px))}13%,29%{opacity:1;transform:translateX(var(--glitch-x-reverse,-8px));text-shadow:3px 0 #f42e3d}30%,42%{opacity:.45;transform:translateX(2px)}43%,62%{opacity:1;transform:translateX(-2px);text-shadow:-2px 0 rgba(244,46,61,.85)}63%,100%{opacity:1;transform:none;text-shadow:none}}
@keyframes ha-ps-copy-switch{0%,12%{opacity:.25;transform:translateX(var(--glitch-x,8px))}13%,34%{opacity:1;transform:translateX(var(--glitch-x-reverse,-8px));text-shadow:3px 0 #f42e3d}35%,48%{opacity:.55;transform:translateX(2px)}49%,100%{opacity:1;transform:none;text-shadow:none}}
@keyframes ha-ps-tip-pixels{0%,12%{opacity:0;transform:translate(var(--glitch-x,8px),-6px)}13%,36%{opacity:1;transform:none}37%,52%{opacity:.25;transform:translate(-9px,5px)}53%,74%{opacity:.9;transform:translate(7px,-3px)}75%,100%{opacity:0;transform:translate(12px,-6px)}}
@keyframes ha-ps-tip-pixels-switch{0%,12%{opacity:0;transform:translate(var(--glitch-x,8px),-6px)}13%,36%{opacity:1;transform:none}37%,52%{opacity:.25;transform:translate(-9px,5px)}53%,74%{opacity:.9;transform:translate(7px,-3px)}75%,100%{opacity:0;transform:translate(12px,-6px)}}
.ha-ps-social{position:relative;z-index:5;margin-left:auto;width:min(51%,700px);min-height:min(72svh,690px);display:flex;flex-direction:column;pointer-events:auto}
.ha-ps-ghost{position:absolute;z-index:-1;left:-8%;top:-17%;color:transparent;-webkit-text-stroke:1px rgba(244,46,61,.13);font:800 clamp(100px,15vw,260px)/1 'Syne',sans-serif;letter-spacing:-.1em;white-space:nowrap;pointer-events:none}
.ha-ps-social h2{margin:0 0 24px;color:#f6f1ed;font:700 clamp(42px,4.9vw,82px)/.98 'Syne',sans-serif;letter-spacing:-.075em;white-space:nowrap}
.ha-ps-social h2 em{color:#f42e3d;font-style:normal}
.ha-ps-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(74px,1fr));gap:9px;flex:1;min-height:0}
.ha-ps-social-links a{--mx:50%;--my:50%;position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:11px 13px;color:#f6f1ed;text-decoration:none;background:radial-gradient(circle 210px at var(--mx) var(--my),rgba(244,46,61,.12),transparent 75%),rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.15);overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:border-color .3s,background .3s,box-shadow .3s}
.ha-ps-social-links a:hover,.ha-ps-social-links a:focus-visible{z-index:2;border-color:rgba(244,46,61,.78);box-shadow:0 18px 55px rgba(244,46,61,.11),inset 0 0 28px rgba(244,46,61,.04);outline:none}
.ha-ps-social-links a .ha-os-interaction-canvas{z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 62%);mask-image:linear-gradient(90deg,transparent 12%,#000 62%)}
.ha-ps-logo{position:relative;z-index:1;flex:none;width:51px;height:51px;background:transparent;display:grid;place-items:center}
.ha-ps-logo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.2,.75,.2,1)}
.ha-ps-social-links a:hover .ha-ps-logo img,.ha-ps-social-links a:focus-visible .ha-ps-logo img{transform:scale(1.08)}
.ha-ps-x-mark{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);fill:#f6f1ed;opacity:0;transform:scale(.68) translateX(-5px);filter:drop-shadow(2px 0 0 rgba(244,46,61,.7));transition:opacity .14s steps(2,end),transform .25s steps(4,end);pointer-events:none}
.ha-ps-social-links a[data-platform="X / Twitter"]:hover .ha-ps-logo img,.ha-ps-social-links a[data-platform="X / Twitter"]:focus-visible .ha-ps-logo img{opacity:0;transform:scale(1.26) translateX(4px);filter:drop-shadow(-3px 0 0 #f42e3d)}
.ha-ps-social-links a[data-platform="X / Twitter"]:hover .ha-ps-x-mark,.ha-ps-social-links a[data-platform="X / Twitter"]:focus-visible .ha-ps-x-mark{opacity:1;transform:scale(.88) translateX(0);animation:ha-ps-x-glitch .38s steps(4,end)}
@keyframes ha-ps-x-glitch{0%{clip-path:inset(0 0 72% 0);transform:translateX(-6px) scale(.88)}30%{clip-path:inset(43% 0 24% 0);transform:translateX(5px) scale(.88)}60%{clip-path:inset(20% 0 48% 0);transform:translateX(-3px) scale(.88)}100%{clip-path:inset(0);transform:translateX(0) scale(.88)}}
.ha-ps-social-links a[data-platform="X / Twitter"].is-reversing .ha-ps-logo img{animation:ha-ps-bird-return .42s steps(5,end) both}
.ha-ps-social-links a[data-platform="X / Twitter"].is-reversing .ha-ps-x-mark{animation:ha-ps-x-exit .42s steps(5,end) both}
@keyframes ha-ps-bird-return{0%{opacity:0;clip-path:inset(62% 0 12% 0);transform:translateX(-5px) scale(.9)}25%{opacity:.65;clip-path:inset(15% 0 55% 0);transform:translateX(4px) scale(1.08)}50%{opacity:.3;clip-path:inset(47% 0 24% 0);transform:translateX(-3px) scale(.98)}75%,100%{opacity:1;clip-path:inset(0);transform:none;filter:none}}
@keyframes ha-ps-x-exit{0%{opacity:1;clip-path:inset(0);transform:scale(.88)}30%{opacity:.65;clip-path:inset(42% 0 26% 0);transform:translateX(4px) scale(.88)}60%{opacity:.25;clip-path:inset(12% 0 70% 0);transform:translateX(-3px) scale(.88)}100%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(5px) scale(.88)}}
.ha-ps-link-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:5px}
.ha-ps-link-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 clamp(15px,1.1vw,19px)/1.1 'Syne',sans-serif;letter-spacing:-.025em}
.ha-ps-social-links a>b{position:absolute;z-index:1;right:12px;top:10px;color:#f42e3d;font:400 18px/1 monospace;transition:transform .35s}
.ha-ps-social-links a:hover>b,.ha-ps-social-links a:focus-visible>b{transform:translate(3px,-3px)}
.ha-ps-progress{display:none}
.ha-journey-canvas.ha-identity-field{z-index:1!important;opacity:.78!important}
@media(max-width:1000px){.ha-ps-scene{padding-right:4%;padding-left:4%}.ha-ps-art{left:-3%;width:48%}.ha-ps-social{width:54%}.ha-ps-social-links{grid-template-rows:repeat(5,minmax(67px,1fr));gap:7px}.ha-ps-logo{width:43px;height:43px}.ha-ps-social-links a{gap:9px;padding:8px}.ha-ps-social h2{font-size:clamp(38px,5vw,58px)}}
@media(max-width:700px){.ha-portrait-social{min-height:0}.ha-ps-scene{min-height:0;padding:74px 5% 64px;display:flex;flex-direction:column;overflow:hidden}.ha-ps-art{position:relative;left:auto;top:auto;width:100%;height:clamp(440px,132vw,600px);min-height:0;flex:none;transform:none}.ha-ps-art::after{background:linear-gradient(0deg,#09090c 0,transparent 20%,transparent 91%,#09090c 100%)}.ha-ps-art-halo{left:7%;right:7%;top:8%;bottom:5%}.ha-ps-social{position:relative;right:auto;top:auto;width:100%;height:auto;min-height:0;margin:-34px 0 0}.ha-ps-social h2{font-size:clamp(43px,10vw,64px);margin-bottom:20px}.ha-ps-ghost{top:-42px;left:0;font-size:26vw}.ha-ps-social-links{grid-template-rows:none;grid-auto-rows:minmax(67px,auto);gap:7px}.ha-ps-social-links a{min-height:65px;padding:7px}.ha-ps-logo{width:43px;height:43px}.ha-ps-link-copy strong{font-size:13px}.ha-journey-canvas.ha-identity-field{opacity:.56!important}.ha-ps-architecture{opacity:.32}}
@media(prefers-reduced-motion:reduce){.ha-ps-art,.ha-ps-social-links a,.ha-ps-social-links a::before,.ha-ps-social-links a::after,.ha-ps-tip,.ha-ps-tip::before,.ha-ps-tip::after,.ha-ps-tip-copy,.ha-ps-x-mark{transition:none!important;animation:none!important}.ha-ps-tip.is-visible{opacity:1;transform:none}.ha-ps-tip.is-exiting{opacity:0}}