@font-face{font-family:Unbounded;src:url('assets/unbounded.ttf') format('truetype');font-weight:200 900;font-style:normal;font-display:swap}
h1,h2,h3{font-family:Unbounded,Arial,sans-serif!important;font-weight:500!important;letter-spacing:-.025em!important}
.hero h1{font-size:clamp(2.1rem,3.8vw,3.6rem);line-height:1.3}.section h2{font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:1.5}.service h3{font-size:1.1rem;line-height:1.6}.mission h3{font-size:1.4rem;line-height:1.65}
.stats strong .count{font-size:inherit;color:inherit;margin:0;font-variant-numeric:tabular-nums}
.motion-art{height:400px;position:relative;isolation:isolate;perspective:900px;overflow:hidden}
.shape-halo{position:absolute;inset:10%;background:radial-gradient(ellipse,#b071dd33,transparent 70%);filter:blur(20px)}
.shape-frame{position:absolute;width:240px;height:240px;border:1px solid #dfbaff66;border-radius:30px;box-shadow:inset 0 0 35px #be8ee61a,0 0 30px #9e51cb14;background:linear-gradient(125deg,#f4ddff09,#c893ee02);backdrop-filter:blur(8px)}
.frame-one{left:18%;top:13%;animation:frame-drift 20s ease-in-out infinite alternate}.frame-two{left:36%;top:29%;width:190px;height:190px;border-color:#cf96f840;animation:frame-drift 26s ease-in-out -9s infinite alternate-reverse}
.shape-pane{position:absolute;width:125px;height:165px;border-radius:18px;border:1px solid #e9c6ff50;background:linear-gradient(145deg,#ddb7fc25,#a65bd00a);backdrop-filter:blur(16px)}
.pane-one{left:9%;top:42%;animation:pane-drift 17s ease-in-out -4s infinite alternate}.pane-two{right:9%;top:9%;width:95px;height:95px;animation:pane-drift 23s ease-in-out infinite alternate-reverse}
.shape-circle{position:absolute;border:1px solid #e6c0ff60;border-radius:50%;width:65px;height:65px;background:linear-gradient(135deg,#f1d9ff15,#9a58c503)}
.circle-one{right:11%;bottom:10%;animation:circle-drift 18s ease-in-out infinite alternate}.circle-two{left:25%;top:7%;width:24px;height:24px;animation:circle-drift 15s ease-in-out -5s infinite alternate-reverse}
@keyframes frame-drift{from{transform:translate3d(-8px,-10px,0) rotateX(14deg) rotateY(-20deg) rotate(-18deg)}to{transform:translate3d(14px,16px,0) rotateX(-8deg) rotateY(18deg) rotate(10deg)}}
@keyframes pane-drift{from{transform:translateY(-10px) rotate(-16deg)}to{transform:translateY(18px) rotate(8deg)}}
@keyframes circle-drift{from{transform:translate(-8px,-12px)}to{transform:translate(12px,14px)}}
@property --border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.service{position:relative;isolation:isolate}.service::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--border-angle),transparent 0deg,#e0acff 65deg,transparent 125deg,transparent 205deg,#ae7cdd 255deg,transparent 310deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity .3s}
.service:hover::before{opacity:1;animation:border-flow 4s linear infinite}@keyframes border-flow{to{--border-angle:360deg}}
.brands{padding-block:50px;border-top:1px solid var(--line)}.brands .section-top{margin-bottom:24px}.brands-description{font-size:.94rem;max-width:850px;margin:0 0 25px}.brands-grid{gap:24px;max-width:850px}.brand-card{padding:15px 10px;border:0;box-shadow:none;background:none;backdrop-filter:none}.brand-logo-space,.brand-card:nth-child(2) .brand-logo-space{height:65px;background:none;padding:0}.branch-crop{max-width:155px}.design-crop{max-width:120px}.global-crop img{filter:brightness(0) invert(1)}.brand-card h3{font-family:Arial,sans-serif!important;font-size:.875rem;line-height:1.6;margin:15px 0 0;padding:10px 0 0;font-weight:400!important}
.stageflow-product{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;padding:40px;border-radius:22px;background:linear-gradient(120deg,#091319dd,#171021aa)}.stageflow-copy h2{margin:0 0 20px}.stageflow-copy h2 img{width:260px;max-width:100%;height:auto;display:block}.stageflow-copy p{font-size:.94rem;color:var(--muted);line-height:1.85}.stageflow-copy .stageflow-summary{font-size:1.15rem;color:#f4ecff;line-height:1.6}.stageflow-features{padding-left:18px;color:#c9c5d6;font-size:.875rem;line-height:1.8}.stageflow-features li{margin-block:8px}.stageflow-features li::marker{color:#55d9b8}.stageflow-mockup{margin:0;min-width:0}.stageflow-mockup img{width:100%;height:auto;display:block;border-radius:12px}.stageflow-mockup figcaption{font-size:.75rem;color:#b5a9c0;line-height:1.6;margin-top:12px}
@media(max-width:1000px){.stageflow-product{gap:25px;padding:28px}.motion-art{height:350px}.shape-frame{width:200px;height:200px}.frame-two{width:150px;height:150px}}
@media(max-width:800px){.hero h1{font-size:clamp(2rem,5.8vw,3.2rem)}.stageflow-product{grid-template-columns:1fr}.stageflow-copy{max-width:600px}.brands-grid{grid-template-columns:repeat(3,1fr);gap:10px}.brand-card h3{font-size:.75rem}.motion-art{height:300px;max-width:430px}.mission h3{font-size:1.35rem}}
@media(max-width:520px){.section h2{font-size:1.6rem}.hero h1{font-size:2rem}.motion-art{height:280px}.frame-one{left:18%;top:8%}.frame-two{left:40%;top:30%}.brand-card{padding:8px 0}.branch-crop{max-width:100px}.design-crop{max-width:85px}.brand-logo-space,.brand-card:nth-child(2) .brand-logo-space{height:50px}.brand-card h3{font-size:.75rem}.stageflow-product{padding:22px}.service h3{font-size:1rem}.stageflow-copy .eyebrow{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.frame-one{transform:rotate(-16deg)}.frame-two{transform:rotate(12deg)}}
/* Atmospheric light and scroll choreography */
body{background:#090a16;isolation:isolate}.ambient{position:fixed;inset:0;height:100lvh;z-index:-1;overflow:hidden;contain:strict;background:radial-gradient(ellipse at 18% 8%,#24203c66,transparent 65%),linear-gradient(155deg,#10101c,#151026 55%,#090e1c);pointer-events:none}
.light-field{position:absolute;display:block;border-radius:50%;filter:blur(70px);will-change:transform;mix-blend-mode:screen}.light-violet{width:65vw;height:65vh;right:-18%;top:-10%;background:radial-gradient(ellipse,#9755ba70,#56388130 50%,transparent 70%);animation:light-drift-a 28s ease-in-out infinite alternate}.light-blue{width:65vw;height:75vh;left:-26%;top:35%;background:radial-gradient(ellipse,#577ca448,#4b46a632 42%,transparent 72%);animation:light-drift-b 34s ease-in-out -12s infinite alternate}.light-pearl{width:45vw;height:42vh;left:35%;top:45%;background:radial-gradient(ellipse,#dacbe836,#ab78bf20 40%,transparent 70%);animation:light-drift-c 24s ease-in-out -7s infinite alternate}
.glass-ribbon{position:absolute;display:block;width:85vw;height:48vh;border-radius:50%;border:1px solid #d7b9ef12;box-shadow:inset 0 16px 40px #f6dbff08,0 -12px 40px #d6c9ef08;filter:blur(10px);transform:rotate(-30deg);will-change:transform;animation:ribbon-drift 32s ease-in-out infinite alternate}.ribbon-a{right:-35%;top:15%}.ribbon-b{left:-40%;bottom:-10%;animation-delay:-16s;opacity:.65}
@keyframes light-drift-a{to{transform:translate(-20vw,24vh) scale(1.18)}}@keyframes light-drift-b{to{transform:translate(30vw,-22vh) scale(.88)}}@keyframes light-drift-c{to{transform:translate(-18vw,-28vh) scale(1.4)}}@keyframes ribbon-drift{to{transform:translate(8vw,-10vh) rotate(-12deg) scale(1.12)}}
.glass{background:linear-gradient(125deg,#ede5ff0c,#adbbff03);border-color:#ded5f222;box-shadow:inset 0 1px 0 #f2e4ff10,0 18px 50px #03020a14;backdrop-filter:blur(22px)}
.cursor-glow{position:fixed;top:0;left:0;width:170px;height:170px;margin:-85px 0 0 -85px;z-index:8;pointer-events:none;background:radial-gradient(circle,#eee0ff14 0,#c3afff0b 26%,transparent 68%);filter:blur(9px);border-radius:50%;opacity:0;transition:opacity .35s;will-change:transform;mix-blend-mode:screen}.cursor-glow.is-active{opacity:1}
.reveal-pending{opacity:0;transform:translate3d(0,28px,0)}.reveal-pending.is-revealed{opacity:1;transform:none;transition:opacity .85s cubic-bezier(.2,.65,.25,1),transform .85s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
.primary{box-shadow:inset 0 1px 0 #fff8,0 7px 30px #b780e31a}.button:active{transform:translateY(1px)}.motion-art{overflow:visible}.shape-frame{background:linear-gradient(125deg,#e9d5ff0c,#a8b5ee03);box-shadow:inset 0 2px 15px #eadfff14,0 15px 50px #0806111a}.shape-pane{box-shadow:inset 0 1px 1px #fff3,0 12px 40px #06020d20}
.motion-paused *, .motion-paused *::before{animation-play-state:paused!important}
@media(max-width:800px){.light-field{filter:blur(45px)}.light-violet{width:100vw;right:-25%}.light-blue{width:110vw;left:-50%}.light-pearl{width:80vw}.glass-ribbon{width:140vw}.cursor-glow{display:none}}
@media(hover:none),(pointer:coarse){.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.ambient *,.motion-art *{animation:none!important;will-change:auto}.cursor-glow{display:none}.reveal-pending,.reveal-pending.is-revealed{opacity:1;transform:none;transition:none!important}.light-violet{opacity:.65}.light-blue{opacity:.65}}
.brand-card h3{font-family:Unbounded,Arial,sans-serif!important;font-size:.7rem;line-height:1.7}
/* HPC brand and its five connected disciplines */
.brand-network{position:relative;width:100%;height:400px}.brand-aura{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(ellipse,#d0a3ff21,transparent 68%);filter:blur(18px);animation:brand-breathe 8s ease-in-out infinite alternate}.brand-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.brand-connections path{stroke:#d9b2f938;stroke-width:1;stroke-dasharray:4 9;animation:signal-flow 24s linear infinite}.brand-connections circle{stroke:#cab0e414;stroke-width:1}.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:255px;padding:28px 23px;background:linear-gradient(130deg,#d3b9ec19,#9a70b208);border:1px solid #e7c9ff38;border-radius:18px;backdrop-filter:blur(25px);box-shadow:inset 0 1px 0 #f0deff25,0 18px 65px #03010c33}.network-node{position:absolute;font-size:.75rem;font-weight:500;letter-spacing:.02em;padding:8px 13px;border:1px solid #d1b7e62a;border-radius:8px;background:#b394d00b;color:#e0cee9;backdrop-filter:blur(12px);animation:node-breathe 7s ease-in-out infinite alternate;white-space:nowrap}.node-branding{left:5%;top:12%}.node-marketing{right:3%;top:15%;animation-delay:-2s}.node-multimedia{right:0;bottom:27%;animation-delay:-4s}.node-entertainment{left:38%;bottom:4%;animation-delay:-1s}.node-stage{left:0;bottom:26%;animation-delay:-3s}@keyframes signal-flow{to{stroke-dashoffset:-104}}@keyframes brand-breathe{to{opacity:.45;transform:scale(1.18)}}@keyframes node-breathe{to{border-color:#dec4f768;background:#cab0e514;box-shadow:0 0 20px #c097e50b}}
@media(max-width:1100px){.network-center{width:215px}.network-node{font-size:.65rem;padding:7px 9px}.brand-network{height:350px}}@media(max-width:800px){.brand-network{height:300px}.network-center{width:210px}.node-entertainment{left:34%}.network-node{font-size:.7rem}}@media(max-width:520px){.brand-network{height:280px}.network-center{width:185px;padding:23px 15px}.node-branding{left:1%}.node-marketing{right:0}.node-stage{left:-2%}.node-multimedia{right:-2%}.node-entertainment{left:30%;bottom:0}.network-node{font-size:.65rem;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.brand-network *{animation:none!important}}
/* Contact: one aligned panel, two direct contact methods. */
#contact{display:block;padding-block:70px 65px}.contact-panel{padding:42px;border-radius:22px}.contact-heading{display:flex;flex-direction:column;gap:12px;padding-bottom:30px;border-bottom:1px solid var(--line)}.contact-heading .eyebrow{margin:0;font-size:.7rem;letter-spacing:.12em}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.contact-option{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:18px;align-items:center;padding:26px;border:1px solid #dcc6ec20;border-radius:14px;background:#d4bded04;transition:background .25s,border-color .25s,transform .25s}.contact-option:hover{background:#d4bded0d;border-color:#dbc0f05c;transform:translateY(-3px)}.contact-icon{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d2ace933;background:#c8a4e30a;border-radius:12px;color:#dcbcf0}.contact-icon svg{width:21px;height:21px}.contact-label{font-size:.875rem;color:#bfaccf;line-height:1.6}.contact-option strong{font-size:clamp(1.25rem,2.2vw,1.8rem);font-weight:500;line-height:1.6;letter-spacing:-.02em;overflow-wrap:anywhere}.contact-action{grid-column:2;font-size:.8rem;color:#dbc4eb;margin-top:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b899ce55}.contact-option:focus-visible{outline-offset:4px}.footer{padding-block:24px}
@media(max-width:800px){#contact{padding-block:45px}.contact-panel{padding:28px}.contact-options{gap:15px}.contact-option{grid-template-columns:36px 1fr;gap:8px 12px;padding:20px}.contact-icon{width:36px;height:36px}.contact-option strong{font-size:1.2rem}.contact-action{margin-top:8px}}
@media(max-width:600px){.contact-panel{padding:24px 20px}.contact-options{grid-template-columns:1fr;margin-top:22px}.contact-heading{padding-bottom:22px}.contact-option{padding:22px 18px;grid-template-columns:40px 1fr;column-gap:15px}.contact-icon{width:40px;height:40px}.contact-option strong{font-size:1.35rem}.contact-heading .eyebrow{font-size:.625rem;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.contact-option:hover{transform:none}}