:root{--ink:#061c36;--blue:#064ced;--cyan:#04c9e9;--paper:#f6f7f4;--line:#d9dfdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #06aaca;outline-offset:6px}::selection{background:var(--cyan);color:var(--ink)}.wrap{max-width:1400px;margin:auto;padding-left:5.5%;padding-right:5.5%}.header{height:108px;padding:15px 5.5%;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto}.brand{display:flex;align-items:center}.brand img{object-fit:contain;width:128px;height:auto}.header nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}.header nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{border:1px solid #b7c1c9;border-radius:30px;padding:14px 21px}.nav-cta span{margin-left:18px}.nav-cta:hover{background:var(--ink);color:white}.menu{display:none}.mobile-nav[hidden]{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;padding-top:58px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;background:var(--blue);border-radius:50%}h1{font-size:clamp(55px,5.7vw,84px);letter-spacing:-5px;line-height:1.025;font-weight:600;margin:30px 0 24px}.italic{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}.blue{color:var(--blue)}.hero-copy>p{max-width:370px;font-size:15px;line-height:1.8;color:#5b6977}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--blue);color:#fff;border-radius:30px;padding:17px 23px;font-size:13px;font-weight:600;margin-top:18px;transition:transform .2s,background .2s}.button:hover{background:#0638ae;transform:translateY(-3px)}.button span{font-size:20px}.hero-art{min-height:485px;position:relative;overflow:hidden;border-radius:3px;background:#e8eff3;isolation:isolate}.art-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(#b4c5d440 1px,transparent 1px),linear-gradient(90deg,#b4c5d440 1px,transparent 1px);background-size:44px 44px}.hero-art:before{content:'';position:absolute;width:470px;height:470px;left:2%;top:0;background:radial-gradient(circle,#d2faff 0%,#c6e3f8 48%,transparent 70%);z-index:-1}.logo-stage{position:absolute;inset:19% 8% 24%;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg)}.logo-stage img{width:100%;height:auto;filter:drop-shadow(0 17px 13px #042d6524)}.orbit{position:absolute;border:1px solid #9bb7ce70;border-radius:50%;width:600px;height:250px;top:80px;left:-50px;transform:rotate(-43deg)}.orbit-two{transform:rotate(49deg);top:180px;left:-70px}.art-plus{position:absolute;right:24px;top:21px;font-size:30px;font-weight:300;color:var(--blue)}.art-note{position:absolute;top:27px;left:25px;font-size:8px;letter-spacing:1.8px}.art-coordinate{position:absolute;left:24px;bottom:131px;font-size:8px;letter-spacing:1.5px}.art-badge{position:absolute;bottom:0;left:0;right:0;background:var(--blue);padding:25px 30px;color:white;display:flex;justify-content:space-between;align-items:center;font-size:20px;line-height:1.25;letter-spacing:-.5px}.art-badge b{font-family:Georgia,serif;font-style:italic;font-size:25px;font-weight:400}.badge-arrow{font-size:50px;font-weight:300}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:31px 0 32px;font-size:10px;color:#63717c}.hero-bottom a{color:var(--ink)}.hero-bottom a span{margin-left:23px}.ribbon{overflow:hidden;background:var(--ink);color:#fff;padding:18px 0}.ribbon>div{display:flex;gap:46px;align-items:center;justify-content:center;white-space:nowrap;font-size:12px;font-weight:500;letter-spacing:2px}.ribbon span{font-size:23px;color:var(--cyan)}.about{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 3fr;gap:35px}.section-label{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.7px;font-weight:600}.about>.section-label{flex-direction:column;justify-content:flex-start;gap:30px}.tiny-star{font-size:42px;color:var(--blue)}h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin:0}.muted{color:#8b959d}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:30px}.about p,.statement p{font-size:14px;color:#61707c;line-height:1.85;margin:0}.services{background:var(--ink);color:white;padding:65px 0 80px}.services .section-label{color:#84a5c0;border-bottom:1px solid #ffffff25;padding-bottom:22px}.services-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:47px 0}.services h2{font-size:clamp(38px,4.3vw,61px)}.services h2 .italic{color:#65d5ef}.services-heading p{font-size:12px;line-height:1.8;color:#a8bacb}.service-list details{border-top:1px solid #ffffff30}.service-list details:last-child{border-bottom:1px solid #ffffff30}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:28px;padding:29px 0}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:#65d5ef;width:30px}h3{font-size:clamp(23px,2.5vw,34px);letter-spacing:-1px;font-weight:400;margin:0;flex:1}.service-caption{font-size:10px;color:#a8bacb}.toggle{font-size:29px;font-weight:300;margin-left:30px;transition:transform .2s}.service-list details[open] .toggle{transform:rotate(45deg);color:var(--cyan)}.service-content{padding:0 55px 35px 58px;max-width:950px}.service-content>p{font-size:14px;line-height:1.8;max-width:650px;color:#b8c6d1;margin:0 0 20px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid #5b7a91;border-radius:30px;font-size:9px;padding:8px 13px}.service-sub{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:26px}.service-sub span{font-size:11px;line-height:1.7;color:#a8bacb}.service-sub b{display:block;color:#fff;font-weight:500;font-size:12px;margin-bottom:5px}.statement{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:95px;padding-bottom:95px;align-items:center}.statement-art{min-height:400px;background:#e9eef0;position:relative;overflow:hidden;border-radius:50% 50% 4px 4px}.loop{width:205px;height:280px;border:46px solid var(--blue);border-radius:120px;position:absolute;top:50px;left:13%;transform:rotate(42deg);box-shadow:inset 6px 0 6px #00177b20,6px 3px 0 #032773}.loop-b{left:44%;border-color:#09c7e7;transform:rotate(42deg);top:95px;mix-blend-mode:multiply}.statement-art>span{position:absolute;right:30px;top:30px;font-size:35px;color:var(--blue)}.statement-art small{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:1.8px}.statement-copy .eyebrow{color:#71818c;margin-bottom:23px}.statement-copy h2{font-size:clamp(40px,4.4vw,63px)}.statement-copy p{margin:25px 0;max-width:365px}.text-link{font-size:11px;font-weight:600;border-bottom:1px solid #a5b4bf;padding-bottom:10px;display:inline-flex;gap:42px}.text-link:hover{color:var(--blue)}.contact{background:var(--blue);color:white;padding:48px 0 45px}.contact .section-label{color:#bed8ff}.contact-main{display:flex;justify-content:space-between;align-items:center;padding:53px 0}.contact h2{font-size:clamp(54px,6.6vw,95px);letter-spacing:-4px;line-height:1.04;max-width:900px}.contact-arrow{border:1px solid #8eb7ff;border-radius:50%;width:115px;height:115px;display:grid;place-items:center;font-size:65px;font-weight:300;transition:background .2s,color .2s}.contact-arrow:hover{background:#fff;color:var(--blue)}.contact-bottom{border-top:1px solid #ffffff40;display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:20px;padding-top:29px;align-items:center}.contact-bottom p{font-size:11px;line-height:1.8;color:#d4e3ff;margin:0}.contact-bottom div{display:flex;flex-direction:column;gap:10px}.contact-bottom div>span{font-size:8px;letter-spacing:1.6px;color:#bbd4ff}.contact-bottom a{font-size:13px}.contact-bottom a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:115px}footer p,footer>a:last-child{font-size:9px;color:#788590}.footer-word{font-weight:800;font-size:26px;letter-spacing:-2px}.footer-word span{font-size:8px;letter-spacing:2px;margin-left:7px}footer>a:last-child{color:var(--ink)}
@media(min-width:1600px){.header{max-width:1400px}.hero{padding-top:75px}}@media(max-width:900px){.header nav{gap:22px}h1{font-size:61px;letter-spacing:-3px}.hero-art{min-height:455px}.hero-copy>p{font-size:13px}.about{grid-template-columns:1fr 3.5fr}.about-columns{gap:25px}.service-caption{display:none}.contact-bottom{grid-template-columns:1fr 1fr}.contact-bottom>p{grid-column:1/-1}.contact-bottom a{font-size:12px}.statement{gap:7%}.statement-art{min-height:350px}.loop{left:0;width:180px;height:250px}.loop-b{left:37%}.contact-arrow{width:90px;height:90px;font-size:50px}}
@media(max-width:640px){html{scroll-padding-top:80px}.wrap{padding-left:6%;padding-right:6%}.header{height:87px;padding:13px 6%}.brand img{width:108px}.header nav{display:none}.menu{display:flex;gap:20px;align-items:center;background:none;border:1px solid #bac6cf;border-radius:30px;padding:10px 15px;font-size:11px;color:var(--ink)}.menu span{font-size:16px}.mobile-nav{display:flex;flex-direction:column;gap:22px;background:var(--paper);padding:22px 6% 30px;border-bottom:1px solid var(--line);font-size:14px}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(49px,12vw,73px);letter-spacing:-3.5px;margin-top:24px}.hero-copy>p{max-width:340px;font-size:14px}.button{margin-top:11px}.hero-art{min-height:375px}.hero-art:before{width:100%;height:100%}.logo-stage{inset:17% 12% 28%}.art-badge{padding:19px 24px}.art-note{font-size:7px}.art-coordinate{bottom:110px;font-size:7px}.hero-bottom{font-size:8px;padding:0 0 25px}.hero-bottom>span{max-width:150px;line-height:1.5}.hero-bottom a span{margin-left:6px}.ribbon{padding:14px 0}.ribbon>div{font-size:9px;gap:24px}.about{padding-top:60px;padding-bottom:60px;display:block}.about>.section-label{flex-direction:row;align-items:center;margin-bottom:27px}.tiny-star{font-size:26px}h2{font-size:34px;letter-spacing:-1.5px}.about-columns{grid-template-columns:1fr;gap:17px;margin-top:23px}.about p,.statement p{font-size:13px}.services{padding:36px 0 46px}.services .section-label{font-size:7px;letter-spacing:1px}.services-heading{display:block;padding:32px 0}.services h2{font-size:36px}.services-heading p{font-size:11px;margin:20px 0 0}summary{gap:10px;padding:25px 0}.service-number{width:24px;font-size:9px}h3{font-size:24px}.toggle{margin-left:0;font-size:23px}.service-content{padding:0 0 27px 34px}.service-content>p{font-size:12px}.service-sub{grid-template-columns:1fr;gap:15px}.service-sub span{font-size:11px}.statement{padding-top:60px;padding-bottom:60px;grid-template-columns:1fr;gap:35px}.statement-art{min-height:340px;max-width:430px;width:100%;margin:auto}.loop{left:13%;width:180px;height:240px;border-width:42px;top:35px}.loop-b{left:43%;top:80px}.statement-copy h2{font-size:46px}.statement-copy h2 br:last-of-type{display:none}.statement-copy p{max-width:none}.contact{padding:33px 0}.contact .section-label{font-size:7px;letter-spacing:1px}.contact .section-label>span:last-child{display:none}.contact-main{padding:35px 0;gap:10px}.contact h2{font-size:clamp(43px,10.7vw,65px);letter-spacing:-2.5px}.contact-arrow{width:62px;height:62px;flex-shrink:0;font-size:37px}.contact-bottom{grid-template-columns:1fr;gap:24px}.contact-bottom div{gap:7px}.contact-bottom a{font-size:14px}footer{flex-wrap:wrap;gap:15px;padding-top:27px;padding-bottom:25px}footer p{order:3;flex-basis:100%;margin:0}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A little rhythm between topics, with no scroll hijacking. */
@media(prefers-reduced-motion:no-preference){
  .logo-stage{animation:logo-float 7s ease-in-out infinite}
  .orbit-one{animation:orbit-drift 16s ease-in-out infinite alternate}
  .orbit-two{animation:orbit-drift-alt 19s ease-in-out infinite alternate}
  .art-plus{animation:plus-turn 16s linear infinite}
  .loop-a{animation:loop-sway 8s ease-in-out infinite}
  .loop-b{animation:loop-sway 8s ease-in-out -4s infinite}
  .tiny-star{display:inline-block;align-self:flex-start;animation:plus-turn 24s linear infinite}
  .ribbon>div{animation:brand-marquee 38s linear infinite}
  .ribbon:hover>div{animation-play-state:paused}
  .contact-arrow:hover{transform:rotate(45deg)}
  .button span,.text-link span{display:inline-block;transition:transform .3s}
  .button:hover span,.text-link:hover span{transform:translate(3px,-3px)}
  .service-list summary:hover h3{transform:translateX(7px);color:#65d5ef}
  .service-list summary h3{transition:transform .3s,color .3s}
  details[open] .service-content{animation:detail-fade .45s ease both}
}
.ribbon>div{width:max-content;justify-content:flex-start;gap:0}
.ribbon-group{display:flex;align-items:center;gap:46px;padding-right:46px;flex-shrink:0}
.contact-arrow{transition:transform .4s,background .2s,color .2s}
@keyframes logo-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@keyframes orbit-drift{from{transform:rotate(-43deg) translateX(0)}to{transform:rotate(-28deg) translateX(15px)}}
@keyframes orbit-drift-alt{from{transform:rotate(49deg)}to{transform:rotate(65deg)}}
@keyframes plus-turn{to{transform:rotate(360deg)}}
@keyframes loop-sway{0%,100%{transform:rotate(42deg) translateY(0)}50%{transform:rotate(49deg) translateY(-12px)}}
@keyframes brand-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes detail-fade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.ribbon-group{gap:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A luminous digital sculpture replaces the large hero logo. */
.tech-art{background:#031329;min-height:485px;border-radius:25px;overflow:hidden}
.tech-art::before{display:none}
.tech-stage{position:absolute;inset:0 0 108px;overflow:hidden;background:radial-gradient(ellipse at 55% 52%,#063b6680,transparent 66%)}
.tech-grid{position:absolute;inset:0;background-image:linear-gradient(#34b8ff0c 1px,transparent 1px),linear-gradient(90deg,#34b8ff0c 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 83%)}
#tech-network{width:100%;height:100%;display:block;position:absolute;inset:0}
.tech-kicker,.tech-status,.tech-bottom-label{position:absolute;font-size:7px;letter-spacing:1.5px;color:#92b5ca}
.tech-kicker{left:24px;top:25px}.tech-status{right:24px;top:25px;display:flex;align-items:center;gap:6px;font-size:6px;letter-spacing:1px}.tech-status i{width:4px;height:4px;border-radius:50%;background:#25e3dd;box-shadow:0 0 9px #25e3dd}
.tech-label{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #6acbff40;border-radius:9px;background:linear-gradient(130deg,#193f5980,#0d223ee0);backdrop-filter:blur(12px);padding:13px 17px;color:#e8f8ff;font-size:12px;box-shadow:0 8px 30px #0003}
.tech-label-one{left:7%;top:32%;transform:rotate(-7deg)}.tech-label-two{right:6%;bottom:17%;transform:rotate(7deg)}.tech-label-sub{display:block;font-size:7px;color:#86b2c9;margin-top:5px;letter-spacing:.2px}.tech-icon{font-size:22px;color:#39d8f5}.tech-bottom-label{bottom:21px;left:24px;font-size:6px;letter-spacing:1.7px}.tech-cross{position:absolute;right:28px;top:65px;color:#53e6f5;font-size:22px;font-weight:300}.tech-art .art-badge{z-index:1}
@media(prefers-reduced-motion:no-preference){.tech-label-one{animation:tech-card-one 7s ease-in-out infinite}.tech-label-two{animation:tech-card-two 8s ease-in-out infinite}.tech-cross{animation:plus-turn 25s linear infinite}}
@keyframes tech-card-one{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-4deg)}}
@keyframes tech-card-two{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(10px) rotate(4deg)}}
@media(max-width:900px){.tech-status{display:none}.tech-label{padding:11px 13px}.tech-label-one{left:5%}.tech-label-two{right:5%}}
@media(max-width:640px){.tech-art{min-height:400px}.tech-stage{bottom:98px}.tech-status{display:flex;font-size:5px;right:18px;letter-spacing:.5px}.tech-kicker{left:18px;font-size:6px;letter-spacing:1px}.tech-label{font-size:11px;padding:10px 12px;gap:8px}.tech-label-sub{font-size:6px}.tech-icon{font-size:20px}.tech-bottom-label{font-size:5px;left:18px;letter-spacing:1.3px}}
/* Show only the CFB Design mark, without the website line. */
.brand{width:128px;height:61px;overflow:hidden;flex-shrink:0}
.brand img{align-self:flex-start;flex-shrink:0;clip-path:inset(0 0 15% 0)}
@media(max-width:640px){.brand{width:108px;height:52px}}
/* A more expressive, continuous motion layer. */
.tech-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 40%,#28ceff08 49%,#74eeff18 50%,transparent 60%);opacity:0}
@media(prefers-reduced-motion:no-preference){
 .tech-label-one{animation:tech-card-one 5s ease-in-out infinite}
 .tech-label-two{animation:tech-card-two 5.8s ease-in-out -1.8s infinite}
 .tech-stage::after{opacity:1;animation:tech-scan 7s ease-in-out infinite}
 .tech-grid{animation:grid-drift 12s linear infinite}
 .hero h1 .blue{background:linear-gradient(100deg,#064ced 15%,#008edb 40%,#00bddb 50%,#064ced 75%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-flow 7s ease-in-out infinite}
 .ribbon>div{animation-duration:28s}
 .loop-a{animation:loop-dance 6s ease-in-out infinite}
 .loop-b{animation:loop-dance 6.5s ease-in-out -3s infinite}
 .statement-art>span{animation:plus-turn 18s linear infinite}
 .contact-arrow::after{content:'';position:absolute;inset:-1px;border:1px solid #d5f7ff66;border-radius:50%;pointer-events:none;animation:contact-wave 3.8s ease-out infinite}
 .hero-bottom a>span{display:inline-block;animation:scroll-nudge 2.8s ease-in-out infinite}
}
.contact-arrow{position:relative}
@keyframes tech-card-one{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(5px,-18px) rotate(-2deg)}}
@keyframes tech-card-two{0%,100%{transform:translate(0,0) rotate(7deg)}50%{transform:translate(-5px,17px) rotate(2deg)}}
@keyframes tech-scan{0%,100%{transform:translateY(-70%);opacity:0}15%,70%{opacity:1}85%{transform:translateY(70%);opacity:0}}
@keyframes grid-drift{to{background-position:32px 32px}}
@keyframes title-flow{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}
@keyframes loop-dance{0%,100%{transform:rotate(42deg) translateY(0) scale(1)}50%{transform:rotate(53deg) translateY(-19px) scale(1.04)}}
@keyframes contact-wave{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.3);opacity:0}}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
/* Six services arranged around the digital core. */
.tech-label{width:155px;max-width:43%;padding:12px;gap:9px;z-index:2;transition:border-color .25s,background .25s,box-shadow .25s}
.tech-label-one,.tech-label-three,.tech-label-five{left:5%;right:auto;bottom:auto}
.tech-label-two,.tech-label-four,.tech-label-six{right:5%;left:auto;bottom:auto}
.tech-label-one,.tech-label-two{top:19%}
.tech-label-three,.tech-label-four{top:44%}
.tech-label-five,.tech-label-six{top:69%}
.tech-label:hover,.tech-label:focus-visible{border-color:#7cecff;background:#123b56;box-shadow:0 0 23px #13bcfa26}
.tech-label-three,.tech-label-five{transform:rotate(-5deg)}
.tech-label-four,.tech-label-six{transform:rotate(5deg)}
.tech-label-sub{white-space:nowrap;font-size:6.5px;letter-spacing:0}
@media(prefers-reduced-motion:no-preference){
 .tech-label-three{animation:tech-card-one 5.6s ease-in-out -1.5s infinite}
 .tech-label-four{animation:tech-card-two 6.3s ease-in-out -3s infinite}
 .tech-label-five{animation:tech-card-one 6.1s ease-in-out -2.5s infinite}
 .tech-label-six{animation:tech-card-two 5.4s ease-in-out -.8s infinite}
 .tech-label:hover,.tech-label:focus-visible{animation-play-state:paused}
}
@media(max-width:900px){.tech-label{font-size:10px;width:144px;padding:10px;gap:7px}.tech-label .tech-icon{font-size:19px}.tech-label-sub{font-size:6px}}
@media(max-width:640px){.tech-label{width:148px;max-width:43%;font-size:10px;padding:10px 8px;gap:6px}.tech-label-one,.tech-label-three,.tech-label-five{left:4%}.tech-label-two,.tech-label-four,.tech-label-six{right:4%}.tech-label-sub{font-size:5.5px}}
/* Clients: original brand colors, generous clear space, and a quiet entrance. */
.clients{padding-top:75px;padding-bottom:90px;border-top:1px solid var(--line)}
.clients>.section-label{color:#72818d}
.clients-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:9%;margin-top:36px;margin-bottom:42px}
.clients h2{font-size:clamp(34px,3.5vw,50px)}
.clients-copy p{font-size:13px;line-height:1.9;color:#61707c;margin:0 0 14px}
.clients-copy p:first-child{color:var(--ink);font-size:15px;line-height:1.7}
.client-logos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.client-logo{height:158px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e5e7;border-radius:18px;background:#fff;position:relative;transition:transform .35s,border-color .35s,box-shadow .35s}
.client-logo img{display:block;object-fit:contain;max-width:72%;max-height:90px;width:auto;height:auto}
.client-alelo img{width:125px;max-height:125px}
.client-elo{background:#fff}
.client-elo img{width:220px;max-width:95%;max-height:110px;filter:brightness(1.04)}
.client-caixa img{width:148px}
.client-bb img{width:157px}
.client-porto img{width:150px}
.client-porto-faz img{width:150px}
.client-nucleo img{width:165px}
.client-celebration img{width:195px;max-width:82%}
.client-gb img{width:105px;max-height:110px}.client-julio img{width:210px;max-width:90%;max-height:110px}
.clients-outro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}
.clients-outro>span{font-size:10px;color:#7a8791;line-height:1.7}
.clients-outro .text-link{font-size:10px;gap:20px}
@media(prefers-reduced-motion:no-preference){.client-logo:hover{transform:translateY(-5px);border-color:#b5cced;box-shadow:0 12px 25px #0632720a}}
@media(max-width:900px){.header nav{gap:20px}.clients-intro{gap:6%}.client-logos{grid-template-columns:repeat(3,1fr)}.client-logo{height:135px}.client-logo img{max-width:75%}.clients-outro{align-items:flex-start}}
@media(max-width:640px){.clients{padding-top:45px;padding-bottom:55px}.clients>.section-label{font-size:7px;letter-spacing:1px}.clients>.section-label>span:last-child{display:none}.clients-intro{grid-template-columns:1fr;gap:24px;margin-top:26px;margin-bottom:25px}.clients h2{font-size:35px}.clients-copy p{font-size:12px}.clients-copy p:first-child{font-size:14px}.client-logos{grid-template-columns:repeat(2,1fr);gap:12px}.client-logo{height:130px;border-radius:15px}.clients-outro{flex-direction:column;gap:17px;margin-top:23px}}

/* A shared luminous backdrop glides between navigation links. */
.header nav{position:relative;isolation:isolate;gap:8px}
.header nav>a{position:relative;z-index:1;padding:14px 17px;border-radius:30px;white-space:nowrap;transition:color .25s,border-color .25s,background .25s}
.header nav .nav-cta{padding:14px 21px}
.header nav::before{content:'';position:absolute;left:0;top:0;width:var(--nav-width,0px);height:var(--nav-height,0px);transform:translate(var(--nav-x,0px),var(--nav-y,0px));border-radius:30px;background:radial-gradient(ellipse at var(--nav-glow,25%) 0%,#19d7ed80,transparent 65%),linear-gradient(115deg,#0639b3,#0753df 55%,#087997);background-size:180% 180%,100% 100%;box-shadow:0 5px 18px #064ced28,inset 0 1px 0 #ffffff38;opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .3s,opacity .2s}
.header nav.nav-active::before{opacity:1;animation:nav-flow 3s ease-in-out infinite alternate}
.header nav>a.nav-lit,.header nav>a.nav-lit:not(.nav-cta):hover{color:white;background:transparent;border-color:transparent}
.header nav>a:hover{background:#064ced0d}
.header nav.nav-active>.nav-cta:hover{background:transparent}
.header nav .nav-cta span{display:inline-block;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.header nav .nav-cta.nav-lit span{transform:translate(3px,-3px)}
@keyframes nav-flow{from{background-position:0% 0%,0 0}to{background-position:100% 100%,0 0}}
@media(max-width:900px) and (min-width:641px){.header nav{gap:2px;font-size:12px}.header nav>a{padding:13px 11px}.header nav .nav-cta{padding:13px 15px}.header nav .nav-cta span{margin-left:10px}}
@media(max-width:640px){.mobile-nav{gap:8px}.mobile-nav>a{position:relative;isolation:isolate;padding:13px 17px;border-radius:16px;overflow:hidden;transition:color .25s}.mobile-nav>a::before,.menu::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0639b3,#0753df,#087997);background-size:200% 100%;border-radius:inherit;transform:translateX(-105%);transition:transform .4s cubic-bezier(.22,1,.36,1)}.mobile-nav>a:hover,.mobile-nav>a:focus-visible,.mobile-nav>a:active{color:white}.mobile-nav>a:hover::before,.mobile-nav>a:focus-visible::before,.mobile-nav>a:active::before{transform:translateX(0);animation:nav-flow 3s ease-in-out infinite alternate}.menu{position:relative;isolation:isolate;overflow:hidden;transition:color .25s,border-color .25s}.menu:hover,.menu:focus-visible,.menu[aria-expanded=true]{color:white;border-color:transparent}.menu:hover::before,.menu:focus-visible::before,.menu[aria-expanded=true]::before{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.header nav::before,.header nav>a,.header nav .nav-cta span,.mobile-nav>a,.mobile-nav>a::before,.menu,.menu::before{animation:none!important;transition:none!important}}

/* A miniature creative workspace, assembled in a ten-second loop. */
.studio-computer{width:100%;max-width:285px;letter-spacing:normal}
.studio-computer svg{display:block;width:100%;height:auto;overflow:visible}
.computer-caption{display:flex;align-items:center;gap:7px;justify-content:center;font-size:7px;letter-spacing:1.2px;color:#61758a;margin-top:0;white-space:nowrap}
.computer-caption i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}
.create-cursor{transform:translate(250px,145px)}
.create-click{opacity:0}.create-selection{opacity:0}
.create-progress{transform-box:fill-box;transform-origin:left center}
@media(prefers-reduced-motion:no-preference){
.create-shape{animation:create-shape 10s ease infinite;transform-box:fill-box;transform-origin:center}
.create-type{animation:create-type 10s ease infinite}
.create-button,.create-palette{animation:create-button 10s ease infinite}
.create-selection{animation:create-selection 10s ease infinite}
.create-progress{animation:create-progress 10s linear infinite}
.create-cursor{animation:create-cursor 10s cubic-bezier(.4,0,.2,1) infinite}
.create-click{animation:create-click 10s ease infinite}
}
@keyframes create-shape{0%,9%{opacity:0;transform:scale(.6) translateY(12px)}20%,88%{opacity:1;transform:scale(1) translateY(0)}96%,100%{opacity:0;transform:scale(.96)}}
@keyframes create-type{0%,25%{opacity:0;clip-path:inset(0 100% 0 0)}44%,88%{opacity:1;clip-path:inset(0 0 0 0)}96%,100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes create-button{0%,47%{opacity:0;transform:translateY(5px)}58%,88%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(0)}}
@keyframes create-selection{0%,10%{opacity:0}14%,24%{opacity:1}29%,61%{opacity:0}66%,76%{opacity:1}82%,100%{opacity:0}}
@keyframes create-progress{0%,7%{transform:scaleX(0)}84%,90%{transform:scaleX(1);opacity:1}96%,100%{transform:scaleX(1);opacity:0}}
@keyframes create-cursor{0%{transform:translate(280px,167px)}12%,22%{transform:translate(234px,112px)}31%,43%{transform:translate(125px,100px)}53%,59%{transform:translate(125px,149px)}67%,74%{transform:translate(267px,155px)}83%,100%{transform:translate(280px,167px)}}
@keyframes create-click{0%,10%,18%,51%,59%,65%,73%,100%{opacity:0;transform:scale(.6)}12%,53%,67%{opacity:.8;transform:scale(.6)}17%,58%,72%{opacity:0;transform:scale(1.6)}}
@media(max-width:640px){.about>.section-label{flex-direction:column;align-items:flex-start;gap:18px}.studio-computer{max-width:285px;align-self:center;margin:0 0 10px}.computer-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){.studio-computer *{animation:none!important}.create-cursor,.create-click{display:none}.create-shape,.create-type,.create-button,.create-palette,.create-progress{opacity:1;transform:none;clip-path:none}}

/* Compact navigation spacing, retaining the animated backdrop. */
.header nav{gap:4px}
.header nav>a{padding:12px 12px}
.header nav .nav-cta{padding:12px 16px}
.header nav .nav-cta span{margin-left:10px}
@media(max-width:900px) and (min-width:641px){.header nav{gap:2px}.header nav>a{padding:12px 9px}.header nav .nav-cta{padding:12px 12px}}

/* Keep navigation visible while the page scrolls. */
:root{--header-height:108px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.header{position:sticky;top:0;z-index:100;max-width:none;background:rgba(246,247,244,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 #061c3612,0 5px 20px #061c3606}
@media(max-width:640px){:root{--header-height:87px}.mobile-nav{position:fixed;top:var(--header-height);left:0;right:0;z-index:99;max-height:calc(100dvh - var(--header-height));overflow-y:auto;box-shadow:0 12px 24px #061c3614}}

/* Creative systems: four illustrated service panels. */
.services-lab{position:relative;isolation:isolate;overflow:hidden;background:#04162c;background-image:radial-gradient(ellipse at 90% 15%,#0754ed20,transparent 45%),radial-gradient(ellipse at 10% 70%,#04c9e90c,transparent 45%)}
.services-lab:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#77c8ff06 1px,transparent 1px),linear-gradient(90deg,#77c8ff06 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent)}
.services-lab .services-heading{padding:40px 0 34px}
.services-lab .services-heading h2{font-size:clamp(38px,4.3vw,61px)}
.services-lab .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.services-lab .svc-panel,.services-lab .svc-panel:last-child{position:relative;border:1px solid #78baff33;border-radius:25px;background:linear-gradient(140deg,#102d4eaa,#061b34ee);box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .35s,box-shadow .35s}
.services-lab .svc-panel:hover,.services-lab .svc-panel[open]{border-color:#04c9e988;box-shadow:0 10px 40px #0002,inset 0 1px 0 #04c9e922}
.services-lab summary{display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:23px 28px 26px;position:relative}
.services-lab .service-number{grid-row:1;grid-column:1;font-family:monospace;font-size:11px;letter-spacing:2px;width:auto;color:#81b8e9}
.services-lab .service-number:after{content:' / CFB STUDIO';letter-spacing:1px;font-size:9px;color:#7294b4}
.services-lab .svc-visual{grid-column:1/-1;display:block;position:relative;border-bottom:1px solid #82c4fa18;margin:0 0 12px;background:radial-gradient(ellipse,#0754ed17,transparent 70%)}
.svc-visual svg{display:block;width:100%;height:180px}
.svc-visual-label{position:absolute;bottom:10px;right:0;font:8px monospace;letter-spacing:1.8px;color:#8ebcde}
.services-lab h3{grid-column:1;grid-row:3;font-size:clamp(22px,2.5vw,33px);letter-spacing:-1px;transition:color .3s}
.services-lab .service-caption{display:block;grid-column:1;grid-row:4;font-size:11px;line-height:1.6;color:#a1bad0}
.services-lab .toggle{grid-column:2;grid-row:3/5;width:40px;height:40px;display:grid;place-items:center;border:1px solid #7fc9ff50;border-radius:50%;margin:0;font-size:25px;color:#67e6ff;background:#04c9e908;align-self:center}
.services-lab summary:hover h3{transform:none;color:#67e6ff}
.services-lab .service-content{padding:0 28px 28px;max-width:none}
.services-lab .service-content>p{font-size:13px;margin-bottom:18px}
.services-lab .service-sub{gap:18px;grid-template-columns:1fr;margin-top:22px;border-top:1px solid #82c4fa20;padding-top:20px}
.services-lab .service-sub span{padding-left:13px;border-left:2px solid #0754ed}
.services-lab .tags span{border-color:#458cff50;background:#0754ed12;color:#aadfff}
.svc-spin{transform-box:fill-box;transform-origin:center}
.svc-morph,.svc-wave{transform-origin:180px 85px}
@media(prefers-reduced-motion:no-preference){
.svc-float{animation:svc-drift 5s ease-in-out infinite}.svc-float-alt{animation:svc-drift 6s ease-in-out -2s infinite reverse}
.svc-spin{animation:svc-orbit 18s linear infinite}.svc-morph{animation:svc-pulse 4s ease-in-out infinite}
.svc-dash{animation:svc-signal 12s linear infinite}.svc-cursor{animation:svc-pointer 6s ease-in-out infinite}
.svc-playhead{animation:svc-scrub 5s ease-in-out infinite}.svc-video-progress{stroke-dasharray:204;animation:svc-progress 6s ease-in-out infinite}
.svc-sheet-back{animation:svc-drift 7s ease-in-out -3s infinite}.svc-wave{animation:svc-audio 1.5s ease-in-out infinite alternate;transform-origin:82px 135px}
.svc-inks{animation:svc-pulse 3s ease-in-out infinite;transform-origin:310px 28px}
}
@keyframes svc-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes svc-orbit{to{transform:rotate(360deg)}}
@keyframes svc-pulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.06)}}
@keyframes svc-signal{to{stroke-dashoffset:-100}}
@keyframes svc-pointer{0%,100%{transform:translate(0,0)}40%{transform:translate(35px,-15px)}65%{transform:translate(-20px,20px)}}
@keyframes svc-scrub{0%,100%{transform:translateX(-55px)}50%{transform:translateX(120px)}}
@keyframes svc-progress{0%,100%{stroke-dashoffset:160}75%{stroke-dashoffset:0}}
@keyframes svc-audio{from{transform:scaleY(.55)}to{transform:scaleY(1.1)}}
@media(max-width:640px){.services-lab .service-list{grid-template-columns:1fr;gap:16px}.services-lab summary{padding:20px}.services-lab .service-content{padding:0 20px 24px}.services-lab h3{font-size:27px}.svc-visual svg{height:160px}.services-lab .services-heading{padding:28px 0}.services-lab .services-heading h2{font-size:36px}}

/* One creative workspace, controlled by the service sidebar. */
.svc-console{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid #78baff3d;border-radius:25px;background:linear-gradient(130deg,#102d4ecc,#061b34ee);overflow:hidden;box-shadow:0 22px 60px #0002}
.svc-sidebar{padding:28px 18px;display:flex;flex-direction:column;border-right:1px solid #78baff26;background:#04162c66}
.svc-sidebar-label{font:9px monospace;letter-spacing:1.5px;color:#83accd;padding:0 14px 26px}
.svc-tabs{display:flex;flex-direction:column;gap:8px}
.svc-tabs button{border:1px solid transparent;border-radius:15px;background:transparent;color:#bdcfe0;padding:22px 14px;display:flex;gap:12px;align-items:flex-start;text-align:left;cursor:pointer;transition:background .3s,border-color .3s,color .3s;width:100%}
.svc-tabs button:hover{background:#0754ed16;color:white}
.svc-tabs button[aria-selected=true]{background:linear-gradient(110deg,#0754ed3d,#04c9e90c);border-color:#04c9e966;color:white;box-shadow:inset 3px 0 0 #04c9e9}
.svc-tab-num{color:#67e6ff;font:10px monospace;padding-top:4px}
.svc-tab-title{font-size:17px;letter-spacing:-.4px;line-height:1.3;flex:1}
.svc-tab-title small{display:block;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.6;color:#8daec9;margin-top:8px}
.svc-tab-arrow{font-size:19px;color:#67e6ff}
.svc-sidebar-footer{margin-top:auto;padding:44px 14px 4px;font:9px/1.9 monospace;color:#83accd;letter-spacing:1px}
.svc-footer-orbit{display:block;color:#04c9e9;font-size:40px;line-height:1;margin-bottom:20px}
.svc-workspace{min-width:0}
.svc-tab-panel{padding:28px 36px 32px;min-height:610px}
.svc-tab-panel[hidden]{display:none}
.svc-panel-top{display:flex;justify-content:space-between;gap:12px;font:9px monospace;letter-spacing:1.2px;color:#81b8e9}
.svc-live{display:flex;gap:7px;align-items:center;font-size:8px}.svc-live i{width:5px;height:5px;border-radius:50%;background:#04c9e9;box-shadow:0 0 10px #04c9e9}
.services-lab .svc-tab-panel .svc-visual{display:block;position:relative;background:radial-gradient(ellipse,#0754ed22,transparent 70%);margin:16px 0 24px;padding-bottom:14px;border-bottom:1px solid #82c4fa20}
.svc-tab-panel .svc-visual svg{height:210px;width:100%}
.services-lab .svc-tab-panel h3{font-size:35px;line-height:1.2;margin:0 0 8px}
.svc-panel-caption{font-size:12px;color:#83accd;margin:0 0 20px;line-height:1.5}
.services-lab .svc-tab-panel .service-content{padding:0;max-width:none}
.services-lab .svc-tab-panel .service-sub{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.svc-contact-link{display:inline-flex;align-items:center;gap:35px;color:#76e7ff;border-bottom:1px solid #04c9e950;padding:18px 0 8px;font-size:11px;margin-top:8px}
.svc-contact-link:hover{color:#fff}
@media(max-width:1000px){.svc-console{grid-template-columns:245px minmax(0,1fr)}.svc-tab-panel{padding:25px}.svc-tab-title{font-size:15px}.svc-live{display:none}.services-lab .svc-tab-panel .service-sub{grid-template-columns:1fr}}
@media(max-width:640px){.svc-console{grid-template-columns:1fr;border-radius:22px}.svc-sidebar{padding:18px 12px;border-right:0;border-bottom:1px solid #78baff26}.svc-sidebar-label{padding:0 8px 15px;font-size:8px}.svc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.svc-tabs button{padding:13px 10px;gap:7px;border-radius:12px;min-height:62px;align-items:center}.svc-tab-title{font-size:13px}.svc-tab-title small,.svc-tab-arrow,.svc-sidebar-footer{display:none}.svc-tab-num{font-size:9px;padding:0}.svc-tab-panel{padding:23px 20px;min-height:0}.svc-tab-panel .svc-visual svg{height:180px}.services-lab .svc-tab-panel h3{font-size:28px}.svc-panel-top{font-size:8px}.services-lab .svc-tab-panel .service-sub{grid-template-columns:1fr}.services-lab .svc-tab-panel .service-content{padding:0}}
@media(prefers-reduced-motion:no-preference){.svc-footer-orbit{animation:plus-turn 25s linear infinite;width:40px}}

/* A luminous creative network introduces the presentation. */
.presentation-hub{position:relative;isolation:isolate;grid-template-columns:1.08fr 1fr;gap:5%;padding-top:56px;padding-bottom:56px;margin:65px auto;border:1px solid #8db3d92e;border-radius:30px;background:radial-gradient(ellipse at 12% 35%,#083d6577,transparent 60%),#061a31;color:#fff;box-shadow:0 20px 60px #061c3610;max-width:1246px;width:89%}
.presentation-hub:after{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#04c9e9,transparent)}
.presentation-hub .statement-copy{position:relative;z-index:2}
.presentation-hub .eyebrow{color:#84d9f2;font-size:9px;letter-spacing:1.4px;margin-bottom:23px;line-height:1.7}
.presentation-hub .statement-copy h2{font-size:clamp(35px,3.8vw,54px);line-height:1.1;letter-spacing:-2px}
.presentation-hub .blue{color:#66e2ff}
.presentation-hub .statement-copy p{color:#a4bbcf;font-size:13px;line-height:1.85;max-width:390px;margin:24px 0}
.presentation-hub .presentation-download{border:1px solid #04c9e950;background:linear-gradient(110deg,#0754ed88,#04c9e918);border-radius:30px;padding:17px 22px;gap:25px;color:#fff;font-size:11px;transition:box-shadow .3s,border-color .3s}
.presentation-download:hover{border-color:#67eaff;box-shadow:0 0 25px #04c9e922}
.presentation-hub .presentation-visual{min-height:390px;max-width:none;width:100%;margin:0;position:relative;border-radius:22px;background:transparent;overflow:hidden;aspect-ratio:480/430}
.hub-grid{position:absolute;inset:0;background-image:linear-gradient(#55bdff0b 1px,transparent 1px),linear-gradient(90deg,#55bdff0b 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.hub-aura{position:absolute;inset:12%;background:radial-gradient(circle,#0754ed55,#04c9e90d 55%,transparent 70%);filter:blur(15px)}
.hub-circuits{position:absolute;inset:0;width:100%;height:100%}
.hub-core{position:absolute;left:50%;top:50%;width:132px;height:132px;transform:translate(-50%,-50%)}
.hub-core-inner{position:absolute;inset:13px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#1371cf,#061a42 70%);border:1px solid #75efffb3;box-shadow:inset 0 0 22px #04c9e944,0 0 34px #04c9e930}
.hub-core-inner>span{font-size:32px;font-weight:700;letter-spacing:-2px;color:#eefcff}.hub-core-inner>small{font:8px monospace;color:#8ceaff;letter-spacing:4px;margin-top:4px;padding-left:4px}
.hub-ring{position:absolute;inset:0;border:1px solid #04c9e98a;border-radius:50%;border-top:3px solid #89f5ff;border-bottom-color:transparent}
.hub-ring-b{inset:-12px;border:1px dashed #3a98ff88;border-left:3px solid #1475ff}
.hub-format{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid #78c7ff55;background:linear-gradient(120deg,#173c60e8,#071d37f5);box-shadow:0 12px 24px #0002,inset 0 1px 0 #ffffff0d;min-width:133px}
.hub-format>span:not(.hub-format-icon){font-size:13px;color:#edfbff;line-height:1.4}.hub-format small{display:block;font:7px monospace;letter-spacing:1px;color:#80a9c8;margin-top:5px}.hub-format-icon{font-size:25px;color:#6ceaff;font-family:Arial,sans-serif}.hub-format>i{margin-left:auto;width:4px;height:4px;border-radius:50%;background:#04c9e9;box-shadow:0 0 8px #04c9e9}
.hub-digital{top:15%;left:0}.hub-print{top:15%;right:0}.hub-motion{bottom:16%;left:0}.hub-video{bottom:16%;right:0}
.hub-visual-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;font:7px monospace;letter-spacing:1px;color:#729fbd}.hub-visual-footer>span:first-child{display:flex;gap:7px;align-items:center}.hub-visual-footer i{height:4px;width:4px;border-radius:50%;background:#04c9e9}
@media(prefers-reduced-motion:no-preference){.hub-ring-a{animation:plus-turn 12s linear infinite}.hub-ring-b{animation:plus-turn 25s linear infinite reverse}.hub-format{animation:svc-drift 6s ease-in-out infinite}.hub-print{animation-delay:-3s}.hub-motion{animation-delay:-1.5s}.hub-video{animation-delay:-4.5s}.hub-packets{animation:hub-data 8s linear infinite}.hub-aura{animation:hub-glow 5s ease-in-out infinite}}
@keyframes hub-data{to{stroke-dashoffset:-324}}@keyframes hub-glow{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:1000px){.presentation-hub{grid-template-columns:1fr 1fr;gap:25px;padding:35px 4%}.hub-format{padding:10px;min-width:110px;gap:7px}.hub-format>span:not(.hub-format-icon){font-size:11px}.hub-format small{font-size:6px}.hub-core{width:105px;height:105px}.hub-core-inner>span{font-size:25px}.presentation-hub .presentation-visual{min-height:340px}.presentation-hub .statement-copy h2{font-size:39px}}
@media(max-width:800px){:root{--header-height:87px}.header{height:87px}.header nav{display:none}.menu{display:block;padding:10px 14px;border:1px solid #b7c1c9;border-radius:24px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}.mobile-nav{position:fixed;top:87px;left:0;right:0;z-index:99;display:flex;flex-direction:column;gap:8px;background:var(--paper);padding:18px 6% 24px;border-bottom:1px solid var(--line);box-shadow:0 12px 24px #061c3614;max-height:calc(100dvh - 87px);overflow:auto}.mobile-nav>a{padding:12px 17px;font-size:14px}}
@media(max-width:640px){.presentation-hub{display:flex;flex-direction:column;gap:34px;margin:40px auto;padding:26px 6% 32px;width:88%;border-radius:25px}.presentation-hub .presentation-visual{min-height:300px;max-width:430px;aspect-ratio:480/430}.presentation-hub .statement-copy h2{font-size:39px}.presentation-hub .statement-copy h2 br:last-of-type{display:block}.presentation-hub .statement-copy p{margin:20px 0}.presentation-hub .eyebrow{font-size:8px;margin-bottom:17px}.hub-format{min-width:110px;padding:10px 8px}.hub-format-icon{font-size:20px}.hub-core{width:105px;height:105px}.presentation-hub .presentation-download{padding:15px 17px;font-size:10px;gap:16px}.hub-visual-footer{font-size:6px}}

.presentation-hub .presentation-visual small{position:static;left:auto;bottom:auto}

/* Presentation belongs to the studio section. */
.about>.presentation-hub{grid-column:1/-1;width:100%;max-width:none;margin:28px 0 0}
@media(max-width:640px){.about>.presentation-hub{margin-top:35px}}

/* Match header edges to the shared page container at every width. */
.header{padding:0}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;height:100%;min-width:0}