:root{--navy:#030c1d;--navy2:#071b36;--border:rgba(137,184,234,.25);--ice:#72b7f2;--text:#fff;--muted:#d6e3f4}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:78px}
body{margin:0;background:var(--navy);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.45;letter-spacing:0;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
button{cursor:pointer}img{display:block;max-width:100%}
:focus-visible{outline:2px solid #94d8ff;outline-offset:5px}
.site-header{position:absolute;inset:0 0 auto 0;height:88px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:16px clamp(25px,4vw,78px);background:linear-gradient(180deg,rgba(1,8,19,.87),rgba(1,10,22,.4) 80%,transparent);border-bottom:1px solid rgba(130,190,252,.23)}
.wordmark{width:clamp(188px,17vw,260px);display:block;flex:none}.wordmark img{width:100%;height:auto}
.site-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,40px);font-size:13px;font-weight:700}.site-nav a:hover{color:#8bcbff}
.header-actions{display:flex;align-items:center;gap:24px}.language-switch{display:flex;align-items:center;gap:7px;color:#8fb3d9;font-size:13px;font-weight:700}.lang-btn{border:0;background:none;color:#9fb4cc;padding:4px;letter-spacing:.04em}.lang-btn[aria-pressed=true]{color:white;border-bottom:1px solid #84c5ff}.top-contact{border:1px solid rgba(153,205,255,.64);border-radius:30px;font-weight:700;padding:12px 21px;font-size:12px;white-space:nowrap;transition:background .25s}.top-contact:hover{background:#1166bd}
.hero{min-height:780px;height:min(900px,100svh);position:relative;display:flex;flex-direction:column;justify-content:center;isolation:isolate;background:#020917;overflow:hidden}
.hero-video,.hero-color{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}
.hero-color{z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,6,17,.91),rgba(1,12,29,.82) 28%,rgba(0,9,22,.32) 67%,rgba(0,12,27,.27)),linear-gradient(0deg,rgba(1,9,24,.9),transparent 33%),rgba(4,31,76,.20);mix-blend-mode:normal}
.hero-inner{max-width:1070px;padding:150px clamp(28px,5vw,100px) 120px}
.overline{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#a8d6ff;margin:0 0 24px}
.hero h1{font-size:clamp(45px,5.1vw,82px);line-height:1.075;letter-spacing:-.046em;font-weight:750;max-width:990px;margin:0 0 23px;text-wrap:balance}
.hero-copy{font-size:clamp(17px,1.25vw,21px);font-weight:600;color:#f1f6fe;max-width:650px;line-height:1.54;margin:0 0 34px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;max-width:100%;padding:14px 23px;border:1px solid transparent;border-radius:2px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:transform .2s,background .2s;cursor:pointer}
.button-light{background:#fff;color:#061328}.button-light:hover{background:#cdeeff;transform:translateY(-2px)}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(28px,5vw,100px);border-top:1px solid rgba(164,209,253,.22);color:#e6f4ff;font-size:12px;font-weight:700}
.project-caption{font-weight:600;color:#bad6ed}.video-toggle{color:#fff;background:rgba(0,17,41,.54);border:1px solid rgba(195,226,255,.5);padding:9px 16px;border-radius:2px;font-weight:700;font-size:12px}.video-toggle:hover{background:#153e69}
.what{min-height:535px;position:relative;display:flex;align-items:center;background:#05162f;overflow:hidden;isolation:isolate}.what-visual{position:absolute;inset:0;background-image:linear-gradient(90deg,#041229 0%,rgba(4,18,41,.91) 32%,rgba(4,18,41,.15) 77%),url('assets/intro-architecture.jpg');background-size:cover;background-position:center;z-index:-1}.what-inner{padding:75px clamp(28px,5vw,100px);max-width:850px}.what h2{margin:0 0 20px;max-width:780px;font-size:clamp(40px,4.4vw,68px);line-height:1.09;letter-spacing:-.045em}.what p:not(.overline){font-size:clamp(16px,1.3vw,19px);line-height:1.65;font-weight:700;max-width:640px;margin:0;color:#e7f1ff}
.services{background:linear-gradient(175deg,#06162c 0%,#030d20 75%);padding:90px clamp(28px,5vw,100px) 125px}.services-lead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.services-lead h2{font-size:clamp(36px,3.45vw,54px);letter-spacing:-.038em;line-height:1.12;margin:0}.services-lead .overline{margin-bottom:13px}.services-lead>p{font-weight:700;color:#c7d9ec;font-size:14px;max-width:350px;line-height:1.56;margin:0 0 2px}.service-list{border-top:1px solid rgba(208,227,253,.32)}.service-row{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;min-height:136px;padding:30px 7px;background:transparent;color:white;text-align:left;border:0;border-bottom:1px solid rgba(208,227,253,.32);transition:background .25s,padding .25s}.service-row span:first-child{font-size:clamp(23px,2.55vw,38px);line-height:1.22;font-weight:750;letter-spacing:-.028em;max-width:850px}.service-row:hover{background:rgba(50,132,216,.12);padding-left:23px;padding-right:22px}.plus{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(139,200,252,.55);border-radius:50%;flex:none;font-size:29px;line-height:1;font-weight:300;color:white}
.contact{position:relative;overflow:hidden;background:#071c38;isolation:isolate}.contact-bg{background-image:linear-gradient(90deg,#06142c 1%,rgba(5,23,49,.92) 42%,rgba(5,19,40,.76)),url('assets/static-architecture.jpg');background-size:cover;background-position:center;position:absolute;inset:0;z-index:-1}.contact-content{padding:110px clamp(28px,5vw,100px) 125px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.8fr);gap:clamp(50px,7vw,130px);align-items:start}.contact h2{font-size:clamp(42px,4.1vw,65px);line-height:1.09;max-width:740px;letter-spacing:-.04em;margin:0 0 23px}.contact-left>p:not(.overline){font-size:clamp(16px,1.4vw,19px);font-weight:650;max-width:580px;color:#d5e3f4;line-height:1.63}.contact-form{display:grid;grid-template-columns:1fr;gap:10px;padding:5px 0}.contact-form label{margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.025em}.contact-form input,.contact-form select,.contact-form textarea{min-height:48px;border:1px solid rgba(190,218,247,.53);background:rgba(1,13,31,.72);border-radius:2px;padding:13px 15px;color:white;width:100%;outline-offset:0}.contact-form option{background:#061c36}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#81c1ff}.contact-form .button{justify-self:start;margin-top:14px}.form-demo{font-size:11px;font-weight:650;color:#b4d1e9;line-height:1.45;margin:7px 0 0}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px clamp(28px,5vw,100px);background:#020b1b;color:#c6dbef;font-size:12px;font-weight:700;border-top:1px solid rgba(101,176,239,.24)}footer img{width:176px}
/* Dialog overlays reuse YORD's service-drilldown flow, with approved HR editorial visual language. */
.service-dialog,.video-dialog{position:fixed;max-width:none;max-height:none;border:0;margin:0;padding:0;background:#031126;color:white;box-shadow:0 0 95px rgba(0,0,0,.86)}
.service-dialog{width:100vw;height:100dvh;overflow-y:auto;overscroll-behavior:contain;inset:0}.service-dialog::backdrop{background:rgba(0,4,14,.85);backdrop-filter:blur(9px)}.service-dialog::-webkit-scrollbar{width:8px}.service-dialog::-webkit-scrollbar-thumb{background:#285582;border-radius:10px}
.dialog-toolbar{height:74px;padding:12px clamp(25px,3.5vw,76px);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:15;background:rgba(3,13,29,.91);backdrop-filter:blur(19px);border-bottom:1px solid rgba(140,196,247,.23)}.dialog-toolbar>img{height:40px;width:auto;max-width:240px}.dialog-close{border:1px solid rgba(200,228,255,.7);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(6,26,55,.82);font-size:30px;line-height:1;font-weight:300}.dialog-close:hover{background:#18508b}
.panel-hero{min-height:460px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#041326}
.panel-hero-image{position:absolute;inset:0 0 0 auto;width:70%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.panel-hero-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031024 0%,rgba(2,12,28,.98) 21%,rgba(3,15,34,.89) 36%,rgba(3,13,29,.35) 70%,rgba(3,14,30,.06)),linear-gradient(0deg,rgba(3,15,34,.45),transparent 45%)}
.panel-hero-content{padding:62px clamp(28px,4.2vw,82px) 66px;max-width:750px;width:57%;position:relative;z-index:2}
.panel-hero .overline{font-size:12px;letter-spacing:.18em;margin-bottom:18px}
.panel-hero h2{font-size:clamp(33px,3.6vw,57px);font-weight:500;letter-spacing:-.045em;line-height:1.095;max-width:660px;text-wrap:balance;margin:0 0 18px}
.panel-hero p.panel-copy{font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:#e2ebf7;font-weight:650;max-width:575px;margin:0 0 28px}
.panel-hero .button{font-size:11px;min-height:48px}.panel-source{position:absolute;bottom:14px;right:clamp(20px,4vw,70px);font-size:10px;font-weight:700;letter-spacing:.16em;color:#e7f2ff;text-transform:uppercase;text-shadow:0 1px 10px #000}
.panel-divider{height:1px;background:rgba(139,188,244,.24)}
.panel-intro{display:flex;align-items:start;justify-content:space-between;gap:50px;padding:46px clamp(28px,4.2vw,82px) 34px;background:#041326}
.panel-intro p{margin:0;max-width:940px;font-size:clamp(15px,1.25vw,19px);line-height:1.6;color:#e8f3ff;font-weight:640}.panel-intro .micro{color:#8fbde5;font-size:12px;line-height:1.5;font-weight:800;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap}
.panel-applications{padding:0 clamp(20px,2.65vw,52px) 75px;background:linear-gradient(180deg,#041326,#06172d)}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-grid.single-card{grid-template-columns:minmax(0,1fr)}
.card-grid.single-card .media-card{aspect-ratio:2.2;min-height:330px}
.media-card{position:relative;aspect-ratio:2.55;min-height:278px;background:#081b36;overflow:hidden;border:1px solid rgba(115,167,219,.33);color:white;text-align:left;isolation:isolate;padding:0;display:block;width:100%}
.media-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.08) saturate(.95);transition:transform .52s ease,filter .52s ease;z-index:-2}
.media-card .card-shadow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,6,14,.84),rgba(0,12,28,.51) 52%,rgba(0,10,29,.04)),linear-gradient(0deg,rgba(0,7,18,.83),transparent 55%);z-index:-1}
.media-card.is-video:hover img{transform:scale(1.047);filter:contrast(1.10) saturate(1.12) brightness(1.11)}
.media-card.is-video:hover{border-color:#75baff}.media-card.is-static{cursor:default}
.card-copy{position:absolute;left:clamp(20px,2.4vw,39px);right:28%;top:clamp(20px,2.05vw,34px);bottom:clamp(19px,2.15vw,37px);display:flex;flex-direction:column;align-items:flex-start}
.card-eyebrow{font-size:11px;letter-spacing:.20em;font-weight:800;color:#edf7ff;text-transform:uppercase;margin-bottom:auto}
.card-headline{font-size:clamp(22px,2.1vw,35px);font-weight:500;line-height:1.18;letter-spacing:-.029em;max-width:440px;margin:0 0 13px;text-wrap:balance}
.card-rule{width:42px;height:1px;background:#e1f3ff;display:block;margin-bottom:13px}
.card-description{font-size:clamp(12px,.97vw,15px);font-weight:590;line-height:1.48;color:#e8f1ff;max-width:400px;margin:0}
.play-button{position:absolute;top:20px;right:20px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1.5px solid #fff;background:rgba(0,11,25,.32);box-shadow:0 0 15px rgba(3,12,28,.25);font-size:17px;line-height:1;color:#fff}
.media-card.is-static .play-button{display:none}
.panel-footer{padding:30px clamp(28px,4.2vw,82px) 70px;display:flex;justify-content:space-between;align-items:center;gap:26px;border-top:1px solid rgba(133,196,254,.24)}.panel-footer p{font-size:15px;color:#d5e4f4;font-weight:650;max-width:520px;line-height:1.5}.panel-footer a{border:1px solid rgba(221,239,255,.85);padding:15px 22px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s}.panel-footer a:hover{background:#14579c}
.video-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(1050px,96vw);max-height:92dvh;background:#030e20;border:1px solid #27619c;overflow:auto}.video-dialog::backdrop{background:rgba(0,3,11,.91)}.video-dialog-toolbar{height:62px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.video-dialog-toolbar p{margin:0;font-size:14px;font-weight:700}.video-dialog-toolbar button{background:none;border:1px solid rgba(255,255,255,.7);color:white;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1}.video-dialog video{display:block;background:#000;max-width:100%;width:100%;max-height:calc(92dvh - 110px);height:auto;object-fit:contain}#video-alert{margin:0;font-size:13px;padding:10px 20px;color:#b8d7f2}
@media(max-width:1000px){.site-header{padding-inline:28px}.hero-inner{padding-inline:42px}.panel-hero-content{width:64%}.panel-hero-image{width:80%}.card-headline{font-size:25px}.card-description{font-size:13px}.card-copy{right:18%}.media-card{min-height:255px}.panel-intro .micro{display:none}}
@media(max-width:730px){.site-header{height:72px;padding:12px 18px;gap:8px}.wordmark{width:152px}.site-nav{display:none}.header-actions{gap:8px}.top-contact{padding:9px 10px;font-size:10px}.language-switch{font-size:11px}.hero{height:88svh;min-height:650px}.hero-inner{padding:145px 25px 115px}.hero h1{font-size:clamp(41px,9vw,61px);letter-spacing:-.045em}.hero-copy{font-size:16px;max-width:450px}.hero-bottom{padding:12px 24px;font-size:10px;flex-wrap:wrap;gap:8px}.project-caption{order:4;width:100%}.video-toggle{font-size:10px;padding:7px 9px;margin-left:auto}.what{min-height:445px}.what-inner{padding:70px 25px}.what-visual{background-position:67% center}.what h2{font-size:42px}.what p:not(.overline){font-size:15px}.services{padding:65px 24px 85px}.services-lead{display:block}.services-lead>p{max-width:480px;margin:20px 0 30px}.service-row{min-height:98px;gap:15px}.service-row span:first-child{font-size:24px;max-width:310px}.plus{width:35px;height:35px;font-size:26px}.contact-content{grid-template-columns:1fr;gap:35px;padding:70px 25px 90px}.contact h2{font-size:45px}.contact-form{max-width:600px}footer{flex-wrap:wrap;padding:30px 25px;font-size:11px}.dialog-toolbar{height:65px;padding:9px 20px}.dialog-toolbar>img{max-width:165px;height:auto}.dialog-close{width:37px;height:37px;font-size:27px}.panel-hero{min-height:620px;align-items:flex-end}.panel-hero-image{width:100%;height:72%;top:0;bottom:auto;object-fit:cover;object-position:center top}.panel-hero-wash{background:linear-gradient(0deg,#041326 5%,rgba(2,13,31,.98) 25%,rgba(3,17,37,.68) 58%,rgba(3,17,37,.07)),linear-gradient(90deg,rgba(3,14,30,.32),transparent 75%)}.panel-hero-content{width:100%;max-width:600px;padding:100px 25px 38px}.panel-hero h2{font-size:clamp(32px,7.4vw,48px)}.panel-hero p.panel-copy{font-size:15px;margin-bottom:23px}.panel-source{right:23px;top:22px;bottom:auto}.panel-intro{display:block;padding:36px 24px 28px}.panel-intro p{font-size:15px}.panel-applications{padding:0 15px 46px}.card-grid{grid-template-columns:1fr;gap:13px}.card-grid.single-card .media-card{aspect-ratio:1.58;min-height:300px}.media-card{aspect-ratio:1.54;min-height:290px}.media-card .card-shadow{background:linear-gradient(90deg,rgba(0,5,16,.83),rgba(1,10,24,.28) 80%),linear-gradient(0deg,rgba(0,8,22,.76),transparent 60%)}.card-copy{top:25px;left:25px;right:14%;bottom:24px}.card-headline{font-size:27px}.card-description{font-size:13px}.panel-footer{padding:20px 25px 55px;display:block}.panel-footer a{display:inline-block;margin-top:18px;white-space:normal}.video-dialog{width:100vw;max-height:100dvh}}
@media(max-width:430px){.wordmark{width:132px}.top-contact{display:none}.hero h1{font-size:43px}.services-lead h2{font-size:36px}.media-card{min-height:265px}.panel-hero{min-height:590px}.panel-hero-content{padding-top:95px}.panel-hero-image{height:65%}.card-headline{font-size:24px}.card-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Release polish: legible actions, privacy note, reduced-motion and focus states */
.lang-btn{display:inline-flex;align-items:center;min-height:30px;text-decoration:none}
.lang-btn[aria-current="page"]{color:#fff;border-bottom:1px solid #84c5ff}
.lang-btn:not([aria-current="page"]){color:#c0d3e5}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-privacy-note{font-size:12px;font-weight:600;color:#d2e3f4;line-height:1.55;margin:10px 0 0}
.form-feedback{font-size:12px;font-weight:700;color:#e8f1ff;min-height:1rem}
.service-row:focus-visible,.media-card:focus-visible,.button:focus-visible,.dialog-close:focus-visible{outline:3px solid #abd9ff;outline-offset:3px}
@media (max-width:730px){.header-actions{gap:10px}.language-switch{gap:7px}.lang-btn{min-width:22px;justify-content:center}.hero h1{overflow-wrap:normal}.panel-hero-image{object-position:50% 28%}}
@media (max-width:375px){.hero h1{font-size:38px}.service-row span:first-child{font-size:21px}.media-card{min-height:260px}}
@media (prefers-reduced-motion:reduce){.hero-video{visibility:hidden}.hero{background-image:url('assets/hero-poster.jpg');background-size:cover;background-position:center}}

/* Holograms – explicit media action, consistent with approved HR design */
.panel-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.button-holo-demo{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:rgba(6,41,78,.81);border:1px solid #79b6ec;color:#fff;cursor:pointer;white-space:normal;text-align:center}
.button-holo-demo:hover{background:rgba(20,79,137,.96);border-color:#d8eeff}
.button-holo-demo>span{font-size:12px}
@media(max-width:730px){.panel-actions{flex-direction:column;align-items:stretch}.panel-actions .button{width:100%;text-align:center}.panel-hero-content{padding-bottom:30px}}

/* V10: site integration, mobile polish, first-party privacy preferences. */
html { scroll-padding-top: 78px; }
body { -webkit-text-size-adjust:100%; }
.site-header, .service-dialog, .video-dialog { max-width:100%; }
.media-card { touch-action:manipulation; }
.media-card img { color:transparent; }
.panel-hero-image { background:#071e3c; }
.panel-applications, .card-grid, .card-copy { min-width:0; }
.card-copy { pointer-events:none; }
.site-footer-links {display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
.site-footer-links a, .site-footer-links button {background:none;border:0;padding:4px 0;color:#bfd9f1;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.site-footer-links :is(a,button):hover {color:white}
.privacy-banner {position:fixed;z-index:9000;bottom:16px;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));max-width:980px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:center;background:rgba(3,13,30,.97);color:white;box-shadow:0 25px 90px rgba(0,0,0,.64);border:1px solid rgba(141,202,255,.54);padding:18px 22px;backdrop-filter:blur(15px)}
.privacy-banner[hidden] {display:none !important}
.privacy-banner strong {font-size:15px;font-weight:800;line-height:1.3}
.privacy-banner p {font-size:12.5px;font-weight:600;line-height:1.55;color:#d5e5f4;margin:5px 0 0}
.privacy-banner a {text-decoration:underline;text-underline-offset:3px}
.privacy-actions {display:flex;flex-wrap:wrap;gap:9px}
.privacy-actions button {font-size:12px;font-weight:800;border:1px solid #b5d8f8;background:transparent;color:white;padding:12px 17px;white-space:nowrap;cursor:pointer}
.privacy-actions button:last-child {background:#f8fbff;color:#061831;border-color:#f8fbff}
.privacy-actions button:hover {background:#225a93;color:white}
.form-policy-acknowledgement {display:flex;align-items:flex-start;gap:10px;margin:8px 0 1px;font-size:12.5px!important;font-weight:600!important;line-height:1.6;letter-spacing:0!important;color:#d7e6f6}
.contact-form .form-policy-acknowledgement input {flex:0 0 17px;width:17px;min-height:17px;margin:4px 0 0;accent-color:#8ccaff}
.form-policy-acknowledgement a {text-decoration:underline;text-underline-offset:3px}
.legal-body {background:#041326;color:white;min-height:100svh}
.legal-wrap {max-width:930px;margin:0 auto;padding:135px 30px 95px}
.legal-wrap h1 {font-size:clamp(36px,5vw,63px);line-height:1.1;letter-spacing:-.04em;margin:0 0 32px}
.legal-wrap h2 {font-size:clamp(21px,2.4vw,30px);margin:33px 0 12px}
.legal-wrap p,.legal-wrap li {font-size:16px;line-height:1.7;color:#d4e4f6}
.legal-wrap a {text-decoration:underline;text-underline-offset:3px;color:#b1dcff}
.legal-wrap .return {display:inline-block;margin:25px 0;color:#fff;font-weight:800}
.legal-banner-footer {margin-top:36px;padding-top:24px;border-top:1px solid rgba(160,203,245,.25)}
@media(max-width:850px){
 .site-header {gap:14px}
 .contact-content {gap:38px}
 .site-footer-links {width:100%;gap:12px 20px}
 .privacy-banner {grid-template-columns:1fr}
 .privacy-actions {justify-content:flex-start}
}
@media(max-width:730px){
 .site-header {padding-inline:17px}
 .hero {height:100svh;min-height:590px}
 .hero-inner {padding-top:145px;padding-bottom:138px}
 .hero-bottom {padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .hero h1 {font-size:clamp(34px,9vw,52px);overflow-wrap:normal;hyphens:auto}
 .contact-form .button {width:100%;justify-self:stretch}
 .privacy-banner {left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:16px;gap:12px}
 .privacy-actions button {flex:1 1 135px}
 .service-row {padding-block:23px;min-height:82px}
 .panel-applications {padding-bottom:28px}
 .panel-hero-image {object-position:55% 22%}
 .panel-hero-content {width:100%;padding-inline:22px}
 .card-description {max-width:100%}
 footer {gap:18px}
}
@media(max-width:360px){
 .hero h1 {font-size:36px}
 .top-contact {display:none}
 .panel-hero h2 {font-size:30px}
 .card-headline {font-size:22px}
 .card-description {font-size:12px}
 .media-card {min-height:266px}
 .service-row span:first-child {font-size:21px}
}

/* V11 editorial review: fifth navigable-space case as a full-width culture feature. */
.card-grid.feature-last>.media-card:last-child{grid-column:1/-1;aspect-ratio:3.15;min-height:340px}
.card-grid.feature-last>.media-card:last-child .card-copy{right:53%;max-width:610px}
.card-grid.feature-last>.media-card:last-child img{object-position:67% 44%}
@media(max-width:730px){
  .card-grid.feature-last>.media-card:last-child{grid-column:1/-1;aspect-ratio:auto;min-height:300px}
  .card-grid.feature-last>.media-card:last-child .card-copy{right:18%;max-width:480px}
  .card-grid.feature-last>.media-card:last-child img{object-position:57% 50%}
}


/* V13 portfolio ending: original composition inspired by the HACK REALITY brand. */
.portfolio-close{position:relative;isolation:isolate;overflow:hidden;min-height:650px;display:flex;align-items:center;background:radial-gradient(ellipse at 87% 52%,rgba(26,96,177,.48),transparent 34%),linear-gradient(120deg,#020a18 5%,#071b37 65%,#031329);border-top:1px solid rgba(147,209,255,.26);border-bottom:1px solid rgba(147,209,255,.25)}
.portfolio-close::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,11,27,.98) 0%,rgba(2,11,27,.81) 45%,rgba(4,17,36,.09) 100%);z-index:-1}
.portfolio-close-content{position:relative;z-index:2;width:100%;max-width:1540px;margin:auto;padding:112px clamp(28px,5vw,100px) 105px}
.portfolio-close .overline{color:#e8f4ff;font-size:12px;margin-bottom:29px}
.portfolio-close .eyebrow-divider{color:#69adea;padding:0 6px}
.portfolio-close h2{margin:0;max-width:1100px;color:#fff;font-size:clamp(63px,8.1vw,132px);line-height:.95;letter-spacing:-.065em;font-weight:700}
.portfolio-close h2 em{font-style:normal;font-weight:400;letter-spacing:-.055em}
.portfolio-close-lower{margin-top:53px;display:flex;align-items:end;justify-content:space-between;gap:42px;max-width:1130px}
.portfolio-close-lower p{font-size:clamp(16px,1.4vw,19px);font-weight:650;line-height:1.62;color:#e1edf9;max-width:520px;margin:0}
.portfolio-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:15px 19px 15px 22px;color:white;border:1px solid rgba(204,231,255,.82);background:rgba(5,30,62,.60);font-size:13px;font-weight:800;letter-spacing:.02em;transition:background .25s,border-color .25s;flex:none}
.portfolio-cta:hover{background:#1765a8;border-color:#fff}
.portfolio-cta-arrow{font-size:23px;line-height:1.1}
.portfolio-close-art{position:absolute;z-index:-2;right:-8%;top:50%;width:min(66vw,1030px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(93,183,255,.32) 0,rgba(30,119,224,.23) 12%,rgba(12,68,145,.11) 39%,transparent 69%);box-shadow:0 0 120px rgba(12,91,194,.20),inset 0 0 90px rgba(85,175,250,.13);border:1px solid rgba(133,196,245,.23)}
.portfolio-close-art .orb{position:absolute;display:block;inset:11%;border:1px solid rgba(143,199,245,.28);border-radius:50%;box-shadow:inset 0 0 65px rgba(59,129,224,.06)}
.portfolio-close-art .orb-two{inset:25%;border-color:rgba(161,215,251,.39)}
.portfolio-close-art .orb-three{inset:39%;border-color:rgba(194,235,255,.55);background:radial-gradient(circle,rgba(41,130,214,.25),transparent 72%)}
.hr-portfolio-footer{display:block!important;background:#020914;color:#fff;border-top:0!important;padding:0!important;font-size:13px}
.hr-portfolio-footer .footer-top{display:grid;grid-template-columns:minmax(280px,1.65fr) minmax(155px,.7fr) minmax(160px,.85fr);gap:50px;padding:77px clamp(28px,5vw,100px) 73px}
.hr-portfolio-footer .footer-brand img{width:clamp(165px,19vw,252px);max-width:100%;height:auto}
.hr-portfolio-footer .footer-brand p{color:#c8d9ec;font-weight:600;font-size:15px;margin:27px 0 0}
.hr-portfolio-footer .footer-nav-group{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.hr-portfolio-footer .footer-heading{margin:0 0 7px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;color:#84bce9}
.hr-portfolio-footer .footer-nav-group a,.hr-portfolio-footer .footer-nav-group button{padding:0;border:0;background:none;color:#eff6ff;font-weight:600;font-size:13px;text-decoration:none;cursor:pointer;text-align:left}
.hr-portfolio-footer .footer-nav-group a:hover,.hr-portfolio-footer .footer-nav-group button:hover{color:#83caff}
.hr-portfolio-footer .footer-bottom{border-top:1px solid rgba(145,190,236,.2);padding:24px clamp(28px,5vw,100px) 29px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#a8bed2;font-size:11px;font-weight:650;letter-spacing:.01em}
.hr-portfolio-footer .footer-bottom a{color:#d8efff;text-decoration:none}
@media(max-width:900px){.portfolio-close{min-height:570px}.portfolio-close-content{padding-block:85px}.portfolio-close h2{font-size:clamp(58px,9vw,98px)}.portfolio-close-art{right:-29%;width:100vw}.hr-portfolio-footer .footer-top{gap:35px;grid-template-columns:minmax(215px,1.3fr) minmax(130px,.8fr) minmax(135px,.8fr)}}
@media(max-width:680px){.portfolio-close{min-height:560px}.portfolio-close-content{padding:76px 24px 83px}.portfolio-close h2{font-size:clamp(51px,11.2vw,72px);line-height:1.02}.portfolio-close-lower{display:block;margin-top:37px}.portfolio-close-lower p{font-size:15px;max-width:400px}.portfolio-cta{margin-top:28px;min-width:235px;gap:20px}.portfolio-close-art{width:155vw;right:-95%;opacity:.72}.hr-portfolio-footer .footer-top{grid-template-columns:1fr 1fr;gap:43px 20px;padding:55px 24px 42px}.hr-portfolio-footer .footer-brand{grid-column:1/-1}.hr-portfolio-footer .footer-bottom{padding:25px 24px;flex-wrap:wrap;gap:12px}.hr-portfolio-footer .footer-bottom span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:350px){.portfolio-close h2{font-size:48px}.hr-portfolio-footer .footer-top{grid-template-columns:1fr}.hr-portfolio-footer .footer-brand{grid-column:auto}}


/* V14 - INTERACTIVE CLOSING / high-contrast original HR-inspired interaction field */
.portfolio-close{min-height:680px;isolation:isolate;background:linear-gradient(123deg,#020a18 0%,#03132c 65%,#071e3b 100%)}
.portfolio-close::after{background:linear-gradient(90deg,rgba(2,10,24,.97) 0%,rgba(2,10,24,.90) 39%,rgba(2,10,24,.0) 76%);z-index:-1}
.portfolio-close-content{padding-top:115px;padding-bottom:105px;pointer-events:none}
.portfolio-close-content>*{pointer-events:auto}
.portfolio-close-lower{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:24px;margin-top:43px;max-width:590px}
.portfolio-close-lower p{max-width:540px}
.portfolio-cta{justify-content:center;min-width:229px;gap:0;padding:16px 24px;letter-spacing:.03em;position:relative;text-decoration:none}
.portfolio-cta::before{content:"";width:7px;height:7px;border-radius:50%;background:#8bd7ff;display:inline-block;box-shadow:0 0 13px #66baff;margin-right:14px;transition:background .2s,box-shadow .2s}
.portfolio-cta:hover::before{background:#fff;box-shadow:0 0 17px #fff}
.portfolio-cta-arrow{display:none!important}
.portfolio-close-art{position:absolute;z-index:0;top:50%;right:3%;width:min(48vw,665px);aspect-ratio:1;transform:translateY(-50%);border-radius:0;background:none;box-shadow:none;border:0;opacity:1;pointer-events:none}
.hr-interaction-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(60,135,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(60,135,210,.08) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,black,transparent 64%);opacity:.7}
.hr-interaction-axis{position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent,rgba(111,191,247,.35),transparent);pointer-events:none}
.hr-interaction-axis-h{width:106%;height:1px;transform:translate(-50%,-50%)}
.hr-interaction-axis-v{width:1px;height:106%;transform:translate(-50%,-50%);background:linear-gradient(0deg,transparent,rgba(111,191,247,.35),transparent)}
.hr-orbit-control{--orbit-move-x:0px;--orbit-move-y:0px;appearance:none;position:absolute;inset:10%;width:80%;height:80%;border:0;padding:0;border-radius:50%;background:radial-gradient(circle at 48% 50%,rgba(13,54,105,.25) 0%,rgba(5,18,42,.45) 38%,transparent 74%);cursor:pointer;pointer-events:auto;display:block;transform:translate3d(var(--orbit-move-x),var(--orbit-move-y),0);transition:transform .26s ease-out,background .4s ease;isolation:isolate;touch-action:manipulation;color:#fff;-webkit-tap-highlight-color:transparent}
.hr-orbit-control:focus-visible{outline:2px solid #daf1ff;outline-offset:10px}
.hr-orbit-glow{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(11,71,141,.11) 25%,rgba(47,129,234,.085) 49%,transparent 73%);filter:blur(8px);animation:hrGlow 7s ease-in-out infinite alternate}
.hr-orbit-track{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(125,195,246,.40);display:block;animation:hrSpin 32s linear infinite;will-change:transform}
.hr-orbit-track-outer{inset:3%;border-top:2px solid rgba(169,226,255,.92);border-left-color:rgba(95,179,248,.23);border-right-color:rgba(97,166,240,.1);box-shadow:0 0 44px rgba(7,99,218,.13),inset 0 0 42px rgba(10,82,171,.04)}
.hr-orbit-track-middle{inset:15%;border:1px solid rgba(116,189,240,.48);border-right:2px solid rgba(208,243,255,.9);border-bottom-color:rgba(87,166,232,.13);animation-duration:21s;animation-direction:reverse}
.hr-orbit-track-inner{inset:32%;border-top:2px solid rgba(190,237,255,.91);border-left-color:rgba(131,203,248,.38);animation-duration:14s}
.hr-orbit-node{position:absolute;width:8px;height:8px;top:-5px;left:50%;transform:translateX(-50%);border-radius:50%;background:#e8faff;box-shadow:0 0 11px 3px rgba(116,208,255,.75),0 0 36px 6px rgba(16,137,247,.36)}
.hr-orbit-track-middle .hr-orbit-node{width:6px;height:6px;top:50%;left:auto;right:-4px;transform:translateY(-50%);background:#8adeff}
.hr-orbit-track-inner .hr-orbit-node{width:5px;height:5px;top:auto;bottom:-3px;left:50%;background:#fff}
.hr-orbit-scan{position:absolute;inset:26%;border-radius:50%;background:conic-gradient(from 90deg,transparent 0deg,rgba(18,93,198,.1) 75deg,rgba(119,200,255,.16) 97deg,transparent 112deg,transparent 360deg);animation:hrSpin 10s linear infinite;mask-image:radial-gradient(circle,transparent 59%,black 60%,black 99%)}
.hr-orbit-core{position:absolute;inset:34%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:radial-gradient(circle at 50% 45%,rgba(21,77,142,.36),rgba(5,24,54,.73) 69%,rgba(5,19,43,.85));border:1px solid rgba(145,207,252,.57);box-shadow:inset 0 0 31px rgba(54,147,232,.13),0 0 45px rgba(39,138,233,.20);transition:box-shadow .4s,border-color .4s,background .4s}
.hr-orbit-core-point{width:9px;height:9px;border-radius:50%;background:#e9faff;box-shadow:0 0 15px #71c8ff,0 0 38px rgba(50,144,237,.65)}
.hr-orbit-core-title{font:800 clamp(9px,.82vw,12px)/1.5 Arial,Helvetica,sans-serif;letter-spacing:.20em;color:#f5fbff;white-space:nowrap}
.hr-orbit-core-state{font:700 clamp(6px,.57vw,8.5px)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#a6d4f4;white-space:nowrap}
.hr-orbit-control:hover .hr-orbit-core,.hr-orbit-control:focus-visible .hr-orbit-core{box-shadow:inset 0 0 45px rgba(70,165,244,.32),0 0 72px rgba(44,149,247,.36);border-color:rgba(219,243,255,.95)}
.hr-orbit-control:hover .hr-orbit-track-outer{border-top-color:#fff}
.hr-orbit-control.is-active .hr-orbit-core{border-color:#dbf8ff;background:radial-gradient(circle,rgba(37,113,195,.62),rgba(8,45,95,.84));box-shadow:inset 0 0 60px rgba(92,202,255,.31),0 0 90px rgba(53,169,255,.48)}
.hr-orbit-control.is-active .hr-orbit-glow{background:radial-gradient(circle,rgba(22,123,235,.12) 23%,rgba(67,169,245,.22) 55%,transparent 72%)}
.hr-orbit-control.is-active .hr-orbit-track-outer{animation-duration:13s}
.hr-orbit-control.is-active .hr-orbit-track-middle{animation-duration:8s}
.hr-orbit-control.is-active .hr-orbit-track-inner{animation-duration:5s}
.hr-orbit-control.is-active::after{content:"";position:absolute;inset:10%;border:1px solid rgba(159,235,255,.65);border-radius:50%;animation:hrSignal 1.8s ease-out infinite;pointer-events:none}
@keyframes hrSpin{to{transform:rotate(360deg)}}
@keyframes hrGlow{from{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}
@keyframes hrSignal{from{transform:scale(.75);opacity:.78}to{transform:scale(1.5);opacity:0}}
@media(max-width:1070px) and (min-width:681px){.portfolio-close-art{right:-16%;width:min(66vw,670px)}.portfolio-close h2{font-size:clamp(62px,8.6vw,106px)}.portfolio-close-lower p{max-width:440px}.portfolio-close-content{padding-block:90px}}
@media(max-width:680px){
 .portfolio-close{min-height:0;display:flex;flex-direction:column;align-items:stretch}
 .portfolio-close::after{background:linear-gradient(180deg,rgba(2,10,24,.85),transparent 84%)}
 .portfolio-close-content{order:1;padding:69px 24px 0;max-width:100%}
 .portfolio-close h2{font-size:clamp(49px,11.1vw,74px)}
 .portfolio-close-lower{margin-top:26px;gap:19px;max-width:100%}
 .portfolio-close-lower p{font-size:15px;max-width:380px}
 .portfolio-cta{margin-top:4px;min-width:220px}
 .portfolio-close-art{order:2;position:relative;inset:auto;right:auto;top:auto;width:min(100vw,470px);height:auto;aspect-ratio:1;transform:none;margin:4px auto 23px;opacity:1}
 .hr-orbit-core-title{font-size:clamp(8px,2.4vw,10px)}
 .hr-orbit-core-state{font-size:clamp(5px,1.8vw,8px)}
}
@media(max-width:350px){.portfolio-close h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){.hr-orbit-track,.hr-orbit-glow,.hr-orbit-scan,.hr-orbit-control.is-active::after{animation:none!important}.hr-orbit-control{transition:none!important}}
/* Ensure the heading's transparent box never blocks the interactive circle. */
.portfolio-close-content>*{pointer-events:none}
.portfolio-close-content .portfolio-cta{pointer-events:auto}

/* V21 footer extension: preserves all approved landing sections */
.hr-portfolio-footer .footer-top{grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(120px,1fr));gap:clamp(20px,3vw,55px)}
.hr-portfolio-footer .footer-brand-sub{font-size:12px;opacity:.72;margin-top:9px}
.hr-portfolio-footer a:focus-visible,.hr-portfolio-footer button:focus-visible,.privacy-banner button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:900px){.hr-portfolio-footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-portfolio-footer .footer-brand{grid-column:1/-1}}
@media(max-width:440px){.hr-portfolio-footer .footer-top{grid-template-columns:1fr;gap:27px}.hr-portfolio-footer .footer-brand{grid-column:auto}.hr-portfolio-footer .footer-bottom{align-items:flex-start}}

/* V22 - corporate footer alignment */
.hr-portfolio-footer .hr-company-data{font-size:13px;line-height:1.85;color:#d8e6f5;margin:0;font-weight:600}.hr-portfolio-footer .footer-brand-sub{max-width:390px;line-height:1.7;font-size:14px!important;margin-top:12px!important}.hr-portfolio-footer .footer-top{align-items:start}.hr-portfolio-footer .footer-bottom a{color:#eaf5ff;text-decoration:none}.hr-portfolio-footer .footer-bottom a:hover{text-decoration:underline}@media(max-width:440px){.hr-portfolio-footer .footer-bottom{line-height:1.8}}