/* CLAYBOURNE — Connection / an immersive brand experience */
:root{--ink:#202124;--soft:#f5f5f5;--red:#cf292e;--glow:#ed343a;--deep:#18191c}
body{background:var(--deep)}main{background:#fff;overflow:clip}.site-header{position:absolute;width:100%;height:100px;background:transparent;border:0;color:#fff;backdrop-filter:none}.site-header.scrolled{box-shadow:none}.nav-shell{max-width:1500px;width:calc(100% - 96px)}.logo-wrap{width:212px;background:#fff;border-radius:3px;padding:6px 10px;box-shadow:0 0 40px #ffffff05}.nav-links{font-size:11px;letter-spacing:.01em}.nav-links a{color:#d0d0d3}.nav-links a:hover{color:#fff}.nav-actions .btn{border:1px solid #ffffff29;background:#ffffff08;box-shadow:none;backdrop-filter:blur(15px);border-radius:100px;font-size:11px;padding:14px 19px;min-height:48px}.nav-actions .btn:hover{border-color:#db3439;background:#cf292e33}.nav-actions .btn span{background:var(--red);border-radius:50%;display:grid;place-items:center;width:25px;height:25px;font-size:16px}.reading-progress{position:fixed;left:0;top:0;height:2px;background:var(--red);z-index:100;width:0;box-shadow:0 0 15px var(--red)}
.immersive-hero{min-height:900px;height:max(900px,100svh);max-height:1200px;background:#1b1c20;color:white;position:relative;isolation:isolate;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 76% 51%,#363237 0%,#202125 39%,#18191c 75%)}.atmosphere-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000);transform:perspective(700px) rotateX(8deg) scale(1.1)}.red-nebula{position:absolute;right:8%;top:24%;width:38%;height:60%;border-radius:50%;background:radial-gradient(ellipse,#e32c3642,transparent 65%);filter:blur(48px);animation:nebula-breathe 9s ease-in-out infinite alternate}.orbital-halo{position:absolute;width:47vw;height:47vw;border:1px solid #ffffff09;border-radius:50%;right:-1%;top:15%;box-shadow:0 0 100px #ce29300b,inset 0 0 100px #ce29300b}.orbital-halo:before,.orbital-halo:after{content:'';position:absolute;inset:8%;border:1px solid #ffffff08;border-radius:50%}.orbital-halo:after{inset:-12%;border-style:dashed;animation:orbit 100s linear infinite}.talent-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero-coordinate{position:absolute;top:137px;left:52px;right:52px;font-size:8px;letter-spacing:.18em;color:#929297;display:flex;justify-content:space-between}.hero-coordinate span{color:#848489}.immersive-inner{width:min(1440px,calc(100% - 112px));height:100%;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:center;padding:195px 0 125px}.immersive-copy{position:relative;z-index:3;pointer-events:none}.immersive-copy a{pointer-events:auto}.immersive-copy .eyebrow{font-size:9px;color:#d9d9dc;letter-spacing:.15em;display:flex;align-items:center;gap:11px;line-height:1.7}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f2444a;box-shadow:0 0 12px #ef3339,0 0 0 4px #d62b3214;flex-shrink:0}.immersive-copy h1{font-size:clamp(58px,6.2vw,95px);font-weight:550;line-height:.99;letter-spacing:-.065em;margin:33px 0 27px;text-shadow:0 5px 45px #0004}.immersive-copy h1 em{background:linear-gradient(110deg,#fa6f70,#e73940 32%,#c5212c 68%,#ff9696);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;padding-bottom:9px;filter:drop-shadow(0 0 35px #e5343930);animation:red-shimmer 8s ease-in-out infinite alternate}.immersive-copy .hero-sub{max-width:440px;font-size:14px;color:#aeadb3;line-height:1.9;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.hero-actions .btn{border-radius:100px;font-size:11px;gap:30px;padding:12px 12px 12px 24px;background:linear-gradient(110deg,#b52127,#e13940);box-shadow:0 9px 35px #d3252e22,inset 0 1px #ffffff35;border:1px solid #f84b5066;min-height:54px}.hero-actions .btn span{display:grid;place-items:center;background:#fff;color:#bf242b;border-radius:50%;width:32px;height:32px;line-height:1}.hero-secondary{font-size:11px;color:#d4d3d8;display:flex;gap:15px;align-items:center;padding:12px 0}.hero-secondary span{font-size:18px}.connection-stage{position:relative;align-self:stretch;perspective:1200px;min-height:530px;z-index:2}.orbit-caption{position:absolute;top:0;right:15px;font-size:8px;letter-spacing:.13em;color:#c6c4c8;display:flex;align-items:center;gap:12px}.floating-signal{position:absolute;width:252px;min-height:218px;padding:25px;border:1px solid #ffffff22;background:linear-gradient(135deg,#ffffff12,#ffffff04);box-shadow:0 22px 70px #0004,inset 0 1px #ffffff15;backdrop-filter:blur(19px);border-radius:14px;transform-style:preserve-3d;transition:border-color .4s,box-shadow .4s;animation:signal-float 7s ease-in-out infinite alternate}.floating-signal:hover{border-color:#fa555966;box-shadow:0 30px 90px #0006,0 0 40px #d22a3020}.signal-education{top:75px;right:40px;rotate:5deg}.signal-workforce{bottom:48px;left:0;rotate:-6deg;animation-delay:-3s;background:linear-gradient(125deg,#3e2228b8,#2323279c)}.signal-code{font-size:8px;letter-spacing:.15em;color:#c3bec5;display:block}.signal-symbol{position:absolute;right:23px;top:17px;color:#ee575c;font-size:26px}.floating-signal strong{font:500 27px/1.18 var(--display);letter-spacing:-.045em;display:block;margin:23px 0 22px}.signal-foot{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.12em;border-top:1px solid #ffffff18;padding-top:16px;color:#beb9c2}.signal-foot b{font-size:15px;color:#fff}.signal-path{height:25px;display:flex;gap:6px;align-items:center;margin-bottom:18px}.signal-path i{display:block;width:4px;height:12px;background:#e44b51;border-radius:5px;box-shadow:0 0 9px #e44b5133;animation:wave 1.8s ease-in-out infinite alternate}.signal-path i:nth-child(3n){height:22px;animation-delay:-.8s}.signal-path i:nth-child(2n){height:6px;animation-delay:-.4s}.connection-nodes{display:flex;align-items:center;gap:7px;margin:28px 0}.connection-nodes i{width:12px;height:12px;border:1px solid #ec6c72;border-radius:50%;box-shadow:0 0 14px #e73a3e30}.connection-nodes i:first-child{background:#cf292e}.connection-nodes span{width:45px;height:1px;background:linear-gradient(90deg,#e34c54,#ffffff24)}.orbit-label{position:absolute;bottom:-20px;right:0;display:flex;align-items:center;gap:14px;font-size:8px;color:#8d888f;letter-spacing:.1em}.orbit-label i{display:block;width:20px;height:1px;background:#ae383e}.immersive-bottom{position:absolute;bottom:35px;left:52px;right:52px;border-top:1px solid #ffffff12;padding-top:25px;display:flex;align-items:center;justify-content:space-between;color:#8c898f;font-size:8px;letter-spacing:.15em}.immersive-bottom a{display:flex;align-items:center;gap:14px;color:#d1cdd3}.scroll-orb{width:30px;height:40px;border:1px solid #ffffff30;border-radius:20px;display:grid;place-items:center;font-size:15px;animation:scroll-cue 2s ease-in-out infinite}.motion-toggle{border:0;background:transparent;color:#a8a3ad;font-size:9px;letter-spacing:.05em;padding:10px;display:flex;gap:12px;align-items:center}.motion-toggle:hover{color:white}.motion-ribbon{position:relative;background:#222226;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff12;color:#bbb8bf;overflow:hidden;padding:21px 0}.ribbon-track{white-space:nowrap;width:max-content;font:500 12px var(--display);letter-spacing:.11em;animation:ribbon-move 65s linear infinite}.ribbon-track i{font-style:normal;color:#d5474f;padding:0 36px;font-size:18px;vertical-align:middle}
/* A dimensional editorial system underneath the motion stage */
.section{padding:120px 0}.section-kicker{color:#8b7478;font-size:9px;letter-spacing:.18em}.section-title{font-weight:500;font-size:clamp(36px,4.6vw,68px);letter-spacing:-.06em}.section-title em{background:linear-gradient(100deg,#bb252d,#e9454b);background-clip:text;color:transparent}.service-section{background:#1c1d21;color:white;padding:95px 0 100px;position:relative;border:0}.service-section:before{content:'';position:absolute;width:450px;height:450px;right:-200px;top:0;background:radial-gradient(circle,#c923281c,transparent 70%);pointer-events:none}.section-top{display:grid;grid-template-columns:1fr auto;gap:20px}.service-display{font:500 clamp(32px,4vw,58px)/1.12 var(--display);letter-spacing:-.05em;margin:0;grid-row:2;grid-column:1}.service-display em{color:#8f8d95}.section-top .section-kicker{grid-column:1;grid-row:1;color:#cc9397}.section-top .micro-label{grid-column:2;grid-row:2;font-size:8px;color:#928c97}.service-gateway{gap:30px;margin-top:55px;perspective:1400px}.gateway-card{height:450px;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 30px 65px #0004;transition:transform .3s ease-out,border-color .4s,box-shadow .4s;transform:perspective(1100px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));will-change:transform}.gateway-card:after{content:'';position:absolute;inset:0;background:radial-gradient(500px circle at var(--pointer-x,50%) var(--pointer-y,20%),#ffffff17,transparent 60%);pointer-events:none;border-radius:inherit}.gateway-card:hover{transform:perspective(1100px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-5px);border-color:#df5a6270;box-shadow:0 35px 80px #0007,0 0 35px #cf292e10}.gateway-card:before{filter:saturate(.45);opacity:.82}.gateway-shade{background:linear-gradient(180deg,#18191d00,#18191d55 25%,#18191df5 95%)}.gateway-content{padding:0 7px;bottom:35px}.gateway-content>span{font-size:8px;color:#efb3b5}.gateway-content h2{font-size:clamp(30px,3vw,44px);font-weight:500;max-width:420px;margin:19px 0}.gateway-content p{font-size:13px;color:#bdb9c1}.gateway-content b{border-top:1px solid #ffffff24;font-size:10px;color:#ddd6df}.gateway-arrow{border-color:#ffffff25;background:#ffffff08;backdrop-filter:blur(15px);width:46px;height:46px}.editorial-intro{background:#f9f9f8;padding:135px 0;position:relative}.editorial-intro:after{content:'↗';position:absolute;right:3%;bottom:-90px;font:350px var(--display);color:#20212404;pointer-events:none}.home-intro{gap:90px}.home-intro .section-title{font-size:clamp(38px,4.2vw,62px)}.lead-copy{font-size:16px}.image-story,.image-story.reverse,.remote-visual{background:#242428;color:white;position:relative;isolation:isolate;min-height:690px}.image-story.reverse{background:#f6f6f5;color:var(--ink)}.image-story-copy.dark{background:transparent}.image-story-copy,.remote-visual-copy{padding:95px clamp(35px,6vw,100px)}.image-story h2,.remote-visual h2{font-size:clamp(35px,4.2vw,62px)}.image-story-photo,.remote-visual-image{filter:saturate(.55);position:relative}.image-story-photo:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 120px #0003;pointer-events:none}.image-story-copy:before{content:'↗';font:80px var(--display);line-height:1;color:var(--red);margin-bottom:45px;text-shadow:0 0 45px #e1303625}.image-story .dark p,.remote-visual-copy p{color:#b3afb8}.text-link{border:1px solid #ffffff25;padding:14px 23px;border-radius:40px;margin-top:20px;font-size:11px}.text-link:hover{border-color:#cf292e;box-shadow:0 0 30px #cf292e20}.btn-dark{border-radius:100px;box-shadow:0 10px 25px #0001}.btn-outline,.btn-light{border-radius:100px}.cards-3,.cards-2{gap:22px;perspective:1200px}.card{border-radius:15px;border-color:#dddde0;padding:36px;box-shadow:0 5px 20px #00000003;transition:transform .35s,border-color .35s,box-shadow .35s;background:linear-gradient(150deg,#fff,#f9f9fa)}.card:before{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--pointer-x,50%) var(--pointer-y,0%),#c923280d,transparent 60%);pointer-events:none}.card:hover{transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-6px);box-shadow:0 20px 60px #3b152516;border-color:#b7373c60}.card .index{font-size:9px;letter-spacing:.16em}.card h3{font-size:26px}.card p{font-size:14px}.card:after{top:25px;right:25px;width:35px;height:35px;border-radius:50%;background:#c9232808;color:#ba3339;display:grid;place-items:center;font-size:19px}.values-grid{gap:18px;border:0}.value-card,.value-card:first-child,.value-card:nth-child(3){border:1px solid #ffffff14;padding:28px;border-radius:14px;background:linear-gradient(145deg,#ffffff08,#ffffff02);color:white;position:relative;overflow:hidden;transition:transform .4s,background .4s,border-color .4s}.value-card p{color:#9e99a4;font-size:13px}.value-card:before{font-size:55px;margin-bottom:40px;color:#f9f6fa1c}.value-card:hover{border-color:#df40474d;background:linear-gradient(145deg,#cf292e15,#ffffff04);transform:translateY(-8px)}.value-card:hover:before{color:#d7444b}.page-index .section.soft:has(.values-grid),.page-about .section.soft{background:#1d1e22;color:white;border-top:1px solid #ffffff12}.page-index .section.soft:has(.values-grid) .section-kicker,.page-about .section.soft .section-kicker{color:#be9298}.statement{background:#1e1e23;border-top:1px solid #ffffff0e;padding:125px 0;text-align:center;isolation:isolate}.statement:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#a51e2840,transparent 65%)}.statement:after{content:'';width:65vw;height:65vw;border:1px solid #ee57551a;border-radius:50%;right:17%;bottom:-50vw;box-shadow:0 0 70px #e1273515,inset 0 0 70px #e1273515}.statement blockquote{font-size:clamp(38px,5.2vw,76px);max-width:1100px;margin:auto;font-weight:500}.statement small{color:#c48e96;margin-top:35px}.cta-panel{padding:70px;border:1px solid #dddde1;border-radius:22px;background:radial-gradient(ellipse at top right,#c923280a,transparent 60%),#fafafa}.cta-panel h2{font-size:58px}.footer{background:#151619;border-top:1px solid #ffffff12;padding-top:85px;position:relative;overflow:hidden}.footer:before{content:'';position:absolute;width:500px;height:300px;bottom:-170px;left:30%;background:#d32c3540;filter:blur(100px);pointer-events:none}.footer-logo{border-radius:3px}.footer-wordmark{color:#ffffff15;font-weight:700;font-size:clamp(40px,9.4vw,145px);padding-bottom:40px;position:relative}.footer-wordmark span{color:#d12a30;text-shadow:0 0 45px #d32c3550}.footer h4{color:#e0dce4}.footer-grid>div>a:not(.footer-logo){color:#8d8992}.footer-grid>div>a:hover{color:white}.footer-bottom{position:relative;color:#827e88}
/* Interactive workbench */
.calculator-section{background:#f6f6f5;position:relative}.planner-heading{margin-bottom:55px}.calculator{border-radius:22px;overflow:hidden;border:1px solid #dcdce0;box-shadow:0 35px 90px #20212412;grid-template-columns:1fr 1.08fr}.calc-controls{padding:48px}.calc-results{background:radial-gradient(ellipse at 100% 0%,#65242d55,transparent 65%),#232328;padding:48px;isolation:isolate}.calc-results:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(180deg,#000,transparent)}.saving-total{font-size:clamp(48px,5.3vw,78px);text-shadow:0 0 35px #ffffff13;letter-spacing:-.055em}.calc-results .btn{background:#ffffff0a;border:1px solid #ffffff30;color:white;border-radius:100px;font-size:11px}.calc-results .btn:hover{border-color:#e2454d;background:#cf292e20}.range-group input{height:3px}.range-group input::-webkit-slider-thumb{width:19px;height:19px;border-width:5px;box-shadow:0 0 0 1px #cf292e,0 0 18px #cf292e20}.chart-track{height:7px;border-radius:10px;overflow:hidden}.remote-bar{background:linear-gradient(90deg,#a51b26,#ed474f);box-shadow:0 0 20px #e5404a55}.uk-bar{background:linear-gradient(90deg,#65616b,#dbd4df)}.calc-note{font-size:10px}.calc-controls h3{font-size:31px}.range-group{margin-bottom:37px}
/* Interior landing scenes */
.page-hero{background:#1d1e22!important;color:#fff;min-height:610px;padding:195px 0 105px;border:0;isolation:isolate;overflow:hidden}.page-hero>.container{position:relative;z-index:2}.page-hero .eyebrow{color:#d69a9f;font-size:9px}.page-hero h1{font-size:clamp(48px,5.8vw,84px);max-width:1000px;letter-spacing:-.06em}.page-hero p{color:#b6b0bc;font-size:16px}.page-hero .interior-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 45%,#7a253342,transparent 65%)}.interior-atmosphere canvas{opacity:.3}.photo-hero:after{content:'';position:absolute;inset:0;background-image:var(--page-image);background-size:cover;background-position:center;opacity:.09;z-index:-2;filter:grayscale(1)}.page-hero:before{content:'';position:absolute;width:650px;height:650px;right:-120px;top:40px;border:1px solid #ffffff08;border-radius:50%;pointer-events:none}.outsource-hero-grid{gap:70px;grid-template-columns:1.4fr 1fr}.outsource-panel{border-radius:20px;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);background:linear-gradient(135deg,#ffffff0c,#ffffff03);border-color:#ffffff1a;box-shadow:0 35px 100px #0005;padding:38px;backdrop-filter:blur(20px)}.outsource-panel:before{font-size:65px;text-shadow:0 0 45px #cf292e55}.outsource-panel .mini{color:#bd8991}.outsource-panel strong{font-size:31px}.outsource-panel p{font-size:13px}.outsource-actions .btn-primary{border-radius:100px;box-shadow:0 10px 35px #cf292e30}.btn-ghost-light{border-radius:100px;border-color:#ffffff28;background:#ffffff06}.contact-options .contact-option{border-radius:14px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff20;box-shadow:0 20px 60px #0002;backdrop-filter:blur(15px)}.contact-options .section-kicker{color:#de929b}.contact-options .contact-option h3{color:white}.contact-options .contact-option p{font-size:13px;color:#aba4b1}.contact-option:hover{border-color:#e0505866}.contact-card{border-radius:16px;background:#f6f6f6;border:1px solid #e6e3e7}.contact-grid{gap:75px}input,textarea,select{border-radius:7px;border-color:#dad6de;background:#fff}.file-field{border-radius:9px}.contact-grid form>.btn{border-radius:100px;box-shadow:0 12px 30px #c9232815}.process{border:0;gap:20px}.process-step{border:1px solid #ddd9df;border-radius:16px;margin:0;padding:30px;position:relative;background:#fff}.process-step b{font-size:55px;font-weight:450;color:#c923284d}.process-step:after{content:'↗';position:absolute;top:35px;right:25px;color:#c92328}.process-step h3{margin-top:40px}.process-step:hover{border-color:#cc6b7266;box-shadow:0 15px 40px #c9232809}.destination-card{border-radius:18px;box-shadow:0 25px 55px #20212415;min-height:470px;border:1px solid #ffffff20;overflow:hidden}.destination-card:before{background:linear-gradient(0deg,#202125fa,#20212505 95%)}.destination-text{background:radial-gradient(ellipse at right top,#63252f,#25252a 80%)}.destination-card strong{font-size:32px}.destination-card span{color:#e9b0b5;font-size:9px}.role-grid{background:transparent;border:0;gap:17px}.role{border:1px solid #e0dce3;border-radius:13px;background:linear-gradient(145deg,#fff,#f9f8fa);position:relative;overflow:hidden}.role:hover{background:radial-gradient(ellipse at right top,#70313c,#26252b 80%);box-shadow:0 20px 40px #0002}.role:before{width:40px;height:40px;display:grid;place-items:center;border:1px solid #c9232820;border-radius:10px;font-size:22px}.role:hover:before{color:#f8747c;border-color:#f8747c40}.brand-photo-band{height:430px;filter:saturate(.55)}.brand-photo-band:before{background:linear-gradient(0deg,#202124e0,#20212410)}.faq details{padding:27px 0}.faq summary:after{width:30px;height:30px;border-radius:50%;background:#c9232808;display:grid;place-items:center}.faq details[open]{border-color:#c9232844}.experience-deck .value-card{min-height:300px}.deck-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:30px}.deck-controls button{border:1px solid #ffffff25;background:#ffffff05;color:#fff;border-radius:50%;width:44px;height:44px;font-size:20px}.deck-controls button:hover{background:#cf292e;border-color:#cf292e}.deck-controls span{font-size:10px;letter-spacing:.12em;color:#a19aa8;margin-right:12px}.experience-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:15px 5px 30px;margin-left:-5px;margin-right:-5px}.experience-deck::-webkit-scrollbar{display:none}.experience-deck .value-card{flex:0 0 calc((100% - 54px)/3);scroll-snap-align:start}.experience-deck .value-card strong{font-size:23px;font-weight:500;letter-spacing:-.03em}.experience-deck .value-card p{font-size:14px}.experience-deck .value-card:after{content:'✳';position:absolute;right:25px;top:20px;font-size:62px;line-height:1;color:#dc4a5344;transition:transform .7s}.experience-deck .value-card:hover:after{transform:rotate(90deg);color:#dc4a53}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes signal-float{from{translate:0 0}to{translate:0 -15px}}@keyframes nebula-breathe{from{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}@keyframes red-shimmer{to{background-position:100% 50%}}@keyframes wave{to{transform:scaleY(.35);opacity:.45}}@keyframes scroll-cue{50%{transform:translateY(5px)}}@keyframes ribbon-move{to{transform:translateX(-50%)}}
@media(min-width:1550px){.immersive-hero{height:100svh}.immersive-inner{max-width:1500px}.immersive-copy h1{font-size:105px}.floating-signal{width:280px;padding:30px}.signal-education{right:50px;top:100px}.signal-workforce{left:40px;bottom:55px}}
@media(max-width:1150px){.nav-shell{width:calc(100% - 64px)}.logo-wrap{width:180px}.immersive-inner{width:calc(100% - 80px);grid-template-columns:1.35fr 1fr;padding-top:190px}.immersive-copy h1{font-size:72px}.immersive-hero{min-height:900px}.floating-signal{width:220px;padding:22px}.floating-signal strong{font-size:25px}.signal-education{right:5px;top:70px}.signal-workforce{left:-35px;bottom:20px}.hero-coordinate,.immersive-bottom{left:40px;right:40px}.hero-actions{gap:20px}.hero-secondary{font-size:10px}.outsource-hero-grid{gap:40px}.process-step{padding:22px}.calc-results,.calc-controls{padding:35px}.gateway-card{height:410px}}
@media(max-width:900px){.site-header{height:90px}.menu-toggle{color:#fff;border-color:#ffffff30;border-radius:40px;font-size:10px}.mobile-menu.open{top:90px;background:#202125f5;backdrop-filter:blur(25px);border-bottom:1px solid #ffffff25}.nav-actions .btn{display:none}.immersive-inner{grid-template-columns:1.3fr 1fr;gap:0;width:calc(100% - 60px)}.immersive-copy h1{font-size:63px}.immersive-copy .eyebrow{font-size:7px;max-width:330px}.immersive-copy .hero-sub{font-size:13px;max-width:340px}.floating-signal{width:195px;padding:19px;min-height:195px}.floating-signal strong{font-size:23px}.signal-education{right:0;top:80px}.signal-workforce{left:0;bottom:60px}.signal-code{font-size:6px}.signal-foot{font-size:6px}.signal-symbol{font-size:22px;top:12px;right:16px}.orbit-caption{font-size:6px;right:0}.orbit-label{font-size:6px;gap:8px;bottom:0}.immersive-bottom>span{display:none}.hero-coordinate{font-size:7px;left:30px;right:30px}.hero-coordinate span{display:none}.section{padding:90px 0}.hero-actions{flex-direction:column;align-items:flex-start;gap:9px}.hero-actions .btn{font-size:10px}.image-story,.image-story.reverse,.remote-visual{min-height:560px}.image-story-copy,.remote-visual-copy{padding:55px 32px}.image-story h2,.remote-visual h2{font-size:39px}.image-story-copy:before{font-size:55px;margin-bottom:25px}.gateway-content h2{font-size:32px}.gateway-card{height:420px}.gateway-content{left:25px;right:25px}.section-top .micro-label{display:none}.outsource-hero-grid{grid-template-columns:1fr}.outsource-panel{max-width:600px;transform:none}.page-hero{padding:175px 0 80px}.page-hero h1{font-size:62px}.cta-panel{padding:40px}.cta-panel h2{font-size:45px}.experience-deck .value-card{flex-basis:calc((100% - 18px)/2)}.contact-grid{gap:40px}.contact-options{grid-template-columns:1fr 1fr 1fr;gap:12px}.contact-option{padding:20px}.contact-option h3{font-size:20px}.contact-option .section-kicker{font-size:7px}.contact-option .section-kicker:before{display:none}.contact-options .contact-option p{font-size:12px}.process{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:1px solid #ddd9df}}
@media(max-width:650px){.nav-shell{width:calc(100% - 40px)}.logo-wrap{width:174px;padding:5px 8px}.site-header{height:82px}.mobile-menu.open{top:82px}.mobile-menu a{font-size:16px;padding:15px 0}.immersive-hero{height:auto;min-height:1170px;max-height:none}.hero-coordinate{left:23px;right:23px;top:114px;font-size:6px}.immersive-inner{width:calc(100% - 46px);padding:170px 0 110px;display:block}.immersive-copy .eyebrow{font-size:7px;letter-spacing:.09em}.immersive-copy h1{font-size:clamp(48px,12.1vw,74px);line-height:1.02;margin:25px 0 21px;letter-spacing:-.06em}.immersive-copy .hero-sub{font-size:13px;line-height:1.85;max-width:370px}.hero-actions{flex-direction:row;gap:18px;align-items:center}.hero-actions .btn{font-size:9px;gap:17px;padding:11px 11px 11px 18px;min-height:49px}.hero-actions .btn span{width:28px;height:28px;font-size:17px}.hero-secondary{font-size:9px;gap:7px}.connection-stage{height:410px;min-height:0;margin-top:35px;max-width:470px}.floating-signal{width:191px;min-height:200px;padding:22px}.floating-signal strong{font-size:24px}.signal-education{top:25px;right:8px;rotate:6deg}.signal-workforce{bottom:7px;left:7px;rotate:-5deg}.signal-code{font-size:6px}.signal-foot{font-size:6px}.orbit-caption{top:-5px;left:0;right:auto;font-size:6px}.orbit-label{bottom:-30px;right:0;font-size:6px}.hero-atmosphere{background:radial-gradient(ellipse at 70% 70%,#3f252e,#1d1e22 50%,#1b1c20)}.red-nebula{width:100%;right:-10%;height:40%;top:50%;filter:blur(30px)}.orbital-halo{width:90vw;height:90vw;top:56%;right:-10%}.immersive-bottom{left:23px;right:23px;bottom:23px;padding-top:22px;font-size:6px}.immersive-bottom a{gap:8px}.motion-toggle{font-size:8px;letter-spacing:0}.scroll-orb{width:24px;height:32px;font-size:12px}.motion-ribbon{padding:18px 0}.ribbon-track{font-size:10px}.ribbon-track i{padding:0 25px;font-size:15px}.service-section{padding:65px 0}.service-display{font-size:36px}.section-top{display:block}.section-top .section-kicker{margin-bottom:22px;font-size:8px}.service-gateway{margin-top:35px;gap:24px}.gateway-card{height:410px;border-radius:16px}.gateway-content h2{font-size:35px}.gateway-content{left:22px;right:22px;padding:0;bottom:27px}.gateway-content p{font-size:13px}.gateway-content b{font-size:10px}.gateway-content>span{font-size:8px}.section{padding:70px 0}.section-title,.home-intro .section-title{font-size:38px}.home-intro{gap:25px}.lead-copy{font-size:15px}.image-story h2,.remote-visual h2{font-size:40px}.image-story-copy,.remote-visual-copy{padding:55px 25px}.image-story-copy:before{font-size:57px;margin-bottom:30px}.image-story-photo,.remote-visual-image{min-height:350px}.image-story,.image-story.reverse,.remote-visual{min-height:0}.calculator{border-radius:16px;gap:0}.calc-results,.calc-controls{padding:28px 24px}.calc-controls h3{font-size:29px}.planner-heading{margin-bottom:25px}.saving-total{font-size:60px}.range-group{margin-bottom:30px}.result-top{gap:5px}.saving-context{font-size:11px}.values-grid{gap:14px}.value-card,.value-card:first-child,.value-card:nth-child(3){padding:23px;border:1px solid #ffffff14}.experience-deck .value-card{flex-basis:85%;min-height:310px}.experience-deck .value-card strong{font-size:24px}.experience-deck .value-card:before{font-size:50px;margin-bottom:55px}.deck-controls{margin-top:15px}.statement{padding:85px 0}.statement blockquote{font-size:40px}.statement small{font-size:9px}.cta-panel{padding:30px 24px;gap:25px;border-radius:16px}.cta-panel h2{font-size:42px}.cta-panel p{font-size:14px}.cta-actions{gap:10px}.cta-actions .btn{font-size:10px;padding:14px 20px}.footer{padding-top:55px}.footer-wordmark{font-size:10.3vw}.page-hero{min-height:550px;padding:160px 0 70px}.page-hero h1{font-size:45px;line-height:1.1}.page-hero .eyebrow{font-size:8px}.page-hero p{font-size:14px}.outsource-hero-grid h1{font-size:51px}.outsource-panel{border-radius:14px;padding:26px}.outsource-panel strong{font-size:26px}.outsource-panel p{font-size:13px}.contact-options{grid-template-columns:1fr;gap:13px;margin-top:35px}.contact-options .contact-option{padding:23px}.contact-options .contact-option h3{font-size:23px;margin-bottom:10px}.contact-options .contact-option p{font-size:13px}.contact-options .section-kicker{font-size:8px}.contact-option .section-kicker:before{display:inline-block}.page-contact .page-hero{padding-bottom:55px}.contact-grid{gap:30px}.process{gap:15px}.process-step{padding:23px 18px}.process-step b{font-size:43px}.process-step h3{font-size:23px;margin-top:25px}.process-step:after{top:25px;right:16px}.process-step p{font-size:12px}.destination-card{min-height:400px}.destination-text{min-height:290px}.role-grid{gap:12px}.role{font-size:12px;padding:22px 18px}.brand-photo-band{height:340px}.card{padding:28px}.card h3{font-size:25px}.page-about .values-grid{grid-template-columns:1fr}.page-about .value-card{padding:27px}.page-about .value-card strong{font-size:20px}.page-about .value-card:before{margin-bottom:20px}.section-title.compact{max-width:360px}}
@media(prefers-reduced-motion:reduce){.talent-canvas{opacity:.45}.floating-signal{rotate:0deg}.experience-deck{scroll-behavior:auto}.immersive-copy h1 em{animation:none}.gateway-card,.card{transform:none!important}}

/* Navigation remains available throughout the experience. */
.site-header{position:fixed;transition:background .3s,border-color .3s}.site-header.scrolled{background:rgba(26,27,31,.94);backdrop-filter:blur(22px);border-bottom:1px solid #ffffff12}.logo-wrap{background:transparent;box-shadow:none;padding:0}.logo-wrap img{filter:grayscale(1) brightness(0) invert(1)}

.interior-motion{position:absolute;bottom:18px;right:4%;z-index:4}

/* Keep the planner usable on touch screens and let its panels shrink safely. */
.calculator > div{min-width:0}
.range-group input[type="range"]{height:44px;margin:10px 0 0;padding:0;background:transparent;border:0;touch-action:pan-y;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.range-group input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--red) var(--fill,30%),#dededb var(--fill,30%))}
.range-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-10px;border:5px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 1px var(--red),0 0 18px #cf292e20}
.range-group input[type="range"]::-moz-range-track{height:4px;border:0;border-radius:4px;background:linear-gradient(to right,var(--red) var(--fill,30%),#dededb var(--fill,30%))}
.range-group input[type="range"]::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border:5px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 1px var(--red)}
.reset-planner{min-height:44px;padding:10px 0}
@media(max-width:760px){
 .calculator{grid-template-columns:minmax(0,1fr);gap:0}
 .calc-controls,.calc-results{width:100%;min-width:0}
 .range-group label{align-items:baseline;gap:12px}
 .range-group output{flex-shrink:0}
 .calc-results .saving-total{font-size:clamp(30px,9.5vw,60px);font-variant-numeric:tabular-nums;white-space:nowrap}
 .chart-row>div:first-child{gap:12px;flex-wrap:wrap}
 .chart-row strong{white-space:nowrap}
 .result-top{flex-wrap:wrap;row-gap:10px}
}
