/* COMMAND OS STUDIO / V19.8 — final editorial & conversion polish
   V19.7 is the design baseline. No changes to portfolio screenshots or 3D engines. */
:root{--cos-ink:#172d35;--cos-paper:#fcfaf5;--cos-copper:#eac0a7}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-synthesis:none}
.brand-logo{display:block;flex-shrink:0;shape-rendering:geometricPrecision;filter:drop-shadow(0 3px 7px rgba(0,11,21,.13))}
.brand-word{min-width:0;line-height:1}
.brand-word b{display:block;font-weight:800;letter-spacing:-.038em;text-rendering:geometricPrecision}
.brand-word small{display:block;font-weight:700;letter-spacing:.33em;opacity:.92}
.header{border-bottom-color:rgba(243,235,221,.12);-webkit-font-smoothing:antialiased}
.header.scrolled{background:rgba(17,33,40,.96);border-bottom-color:rgba(243,229,213,.22);box-shadow:0 11px 38px rgba(1,10,18,.25)}
.header .brand{align-items:center;gap:11px}
.header .brand-logo{width:44px;height:44px}
.header .brand-word b{font-size:14px;line-height:1.04}
.header .brand-word small{font-size:8.6px;line-height:1.35;margin-top:5px}
.header .nav{align-items:center;gap:clamp(18px,2.1vw,33px)}
.header .nav a{color:#e8ece8;font-size:11.5px;letter-spacing:.045em;font-weight:700;line-height:1.5}
.header .nav a:hover,.header .nav a:focus-visible,
body[data-current-section="realisations"] .nav a[href="#realisations"]{color:#ffe0cc}
body[data-current-section="realisations"] .nav a[href="#realisations"]:after{right:0}
.header .header-cta{min-height:48px;padding:9px 11px 9px 20px;gap:15px;border-radius:50px;
 background:linear-gradient(115deg,#fff3e6,#edcbb5);border:1px solid rgba(255,249,231,.9);
 color:#182e36;font-size:11.5px;font-weight:800;letter-spacing:.005em;line-height:1.2;
 box-shadow:0 12px 28px rgba(3,13,20,.24),inset 0 1px rgba(255,255,255,.7);
 white-space:nowrap;isolation:isolate}
.header .header-cta:after{opacity:.15}
.header .header-cta span:first-child{position:relative;z-index:1}
.header .header-cta span:last-child{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;
 color:#f9ebe0;background:#1b343b;border-radius:50%;font-size:15px;line-height:1;position:relative;z-index:1}
.header .header-cta:hover{background:linear-gradient(115deg,#fff6eb,#f2d6c3);color:#142b34;
 box-shadow:0 16px 33px rgba(2,13,21,.32),inset 0 1px rgba(255,255,255,.8)}
#intro .brand-logo{shape-rendering:geometricPrecision}
#intro .intro-core p{line-height:1.73}
#intro .intro-enter{font-weight:800;letter-spacing:.005em}
.hero .hero-copy>p{max-width:535px;line-height:1.74;letter-spacing:-.01em}
.hero .hero-copy h2{letter-spacing:-.062em;text-wrap:balance}
.hero .hero-actions .button{font-weight:800;letter-spacing:0}
.overline{letter-spacing:.15em}
#expertises .v11-heading h2,#contact .contact-story h2,#realisations .projects-title h2{
 text-wrap:balance;letter-spacing:-.062em}
#expertises .v11-heading>p,#contact .contact-story>p,#realisations .projects-context p{
 line-height:1.73;text-wrap:pretty}
#expertises .v11-service-label strong{letter-spacing:-.018em}
#expertises .v11-service-label small{line-height:1.55}
#contact .form-shell{border:1px solid rgba(255,247,234,.85);background:linear-gradient(145deg,#fffefa 0%,#f6f5f0 58%,#f0f1eb 100%);
 border-radius:17px;box-shadow:0 34px 86px rgba(1,11,20,.48),0 0 0 1px rgba(10,35,40,.08),inset 0 2px rgba(255,255,255,.82)}
#contact .form-shell h3{font-weight:800;line-height:1.14;letter-spacing:-.055em;color:#20353a;margin-top:22px}
#contact .form-help{font-size:13px;line-height:1.75;color:#54635e;max-width:49ch}
#contact .form-header{padding-bottom:18px;border-bottom:1px solid #d9ded8;letter-spacing:.12em}
#contact .form-progress{gap:12px;padding-bottom:18px;margin-bottom:22px;color:#52645e}
#contact .form-progress .progress-track{height:5px;border-radius:6px;overflow:hidden;background:#dfe6df}
#contact .form-progress .progress-track i{background:linear-gradient(90deg,#b5826b,#ddaf8d);border-radius:inherit}
#contact .need-field legend{font-weight:800;letter-spacing:-.015em;color:#203b3e;font-size:12.5px;line-height:1.5}
#contact .need-options{gap:9px}
#contact .need-options span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 10px;
 border-radius:9px;background:#fff;border:1px solid #ced8d2;color:#2d4646;
 font-size:11.5px;font-weight:700;line-height:1.34;text-align:center}
#contact .need-options label:hover span{border-color:#ad7d67;box-shadow:0 6px 18px rgba(28,52,53,.1)}
#contact .need-options input:checked+span{background:#19383d;border-color:#19383d;color:#fff9f1;
 box-shadow:0 7px 17px rgba(11,41,44,.19),inset 0 1px rgba(255,255,255,.16)}
#contact .need-options input:focus-visible+span{outline:2px solid #af7055;outline-offset:3px}
#contact .form-field{gap:9px;color:#263f40;font-size:12px;font-weight:750;line-height:1.45}
#contact .form-field input,#contact .form-field textarea{background:#fff;color:#23383c;
 border:1px solid #c5d2cb;border-radius:9px;font-size:14px;line-height:1.55;
 padding:14px 15px;box-shadow:inset 0 1px 2px rgba(9,34,40,.035)}
#contact .form-field input{min-height:53px}
#contact .form-field textarea{min-height:132px;resize:vertical}
#contact .form-field input::placeholder,#contact .form-field textarea::placeholder{color:#71847c;opacity:1}
#contact .form-field input:focus,#contact .form-field textarea:focus{background:#fff;
 border-color:#ac785f;box-shadow:0 0 0 3px rgba(186,129,99,.15),inset 0 1px 2px rgba(9,34,40,.02)}
#contact .form-meter{color:#66776f;font-weight:700;letter-spacing:.065em}
#contact .form-consent{font-size:12px;line-height:1.7;color:#4d625b}
#contact .form-consent a{color:#395b58;text-decoration:underline;text-underline-offset:2px}
#contact .send-button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;
 min-height:61px;padding:13px 18px 13px 23px;border:1px solid rgba(30,57,60,.85);border-radius:10px;
 background:linear-gradient(113deg,#17343b 0%,#2c5050 100%);font-size:13px;font-weight:800;letter-spacing:.01em;
 color:#fffaf1;box-shadow:0 16px 29px rgba(20,51,53,.17),inset 0 1px rgba(255,255,255,.15)}
#contact .send-button span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;
 border-radius:50%;background:rgba(255,244,227,.14);font-size:17px;line-height:1}
#contact .send-button:hover{background:linear-gradient(113deg,#21434b,#37605b);box-shadow:0 19px 35px rgba(20,51,53,.25)}
#contact .form-disclaimer{font-size:11.5px;line-height:1.7;color:#5c6b62;max-width:60ch}
#contact .form-status{line-height:1.5}
#realisations .projects-context-label{letter-spacing:.13em}
#realisations .project-caption>div>span{font-weight:800}
#realisations .project-caption strong{letter-spacing:-.045em;text-rendering:geometricPrecision}
#realisations .project-caption small{font-size:clamp(12.5px,1vw,14px);line-height:1.7}
#realisations .projects-kpi-description strong{letter-spacing:-.022em}
#realisations .projects-closer a{font-weight:800}
.footer .brand-logo{width:41px;height:41px}
.footer .brand-word b{letter-spacing:-.035em}
.footer .brand-word small{letter-spacing:.32em}
:where(a,button,input,textarea):focus-visible{outline:2px solid #e9b898!important;outline-offset:4px}
@media(max-width:1050px){.header .header-cta{padding-left:15px;gap:9px;font-size:10.5px}
 .header .brand-word b{font-size:12px}.header .nav{gap:18px}}
@media(max-width:820px){.header .brand-logo{width:38px;height:38px}
 .header .brand-word b{font-size:11px}.header .brand-word small{font-size:7px}
 #contact .form-shell{border-radius:14px}
 #contact .need-options span{font-size:11px;min-height:47px}
 #contact .form-field input,#contact .form-field textarea{font-size:16px}
 #realisations .project-caption strong{letter-spacing:-.04em}
}
@media(max-width:520px){#contact .form-help{font-size:12.5px}
 #contact .form-field{font-size:12px}
 #contact .form-shell h3{line-height:1.18}
 #contact .send-button{width:100%;min-height:58px;font-size:12.5px}
 #contact .need-options{gap:8px}
 #contact .need-options span{padding:9px 7px}
}
@media(hover:none){#contact .need-options label:hover span{transform:none}}
@media(prefers-reduced-motion:reduce){.header .header-cta,#contact .send-button{transition:none!important}}