*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb900;outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}::selection{background:#f1cc70;color:#111}main{overflow:hidden}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px;object-fit:contain;background:white;padding:3px}.brand b{font-size:28px;letter-spacing:-1px}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.6px;line-height:1.5;margin-top:1px}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 5vw}.nav nav{display:flex;gap:28px;font-size:12px;align-items:center}.nav .nav-cta{padding:12px 18px;border:1px solid currentColor}.label{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:600}.arrow{font-family:Arial,sans-serif}.concept-tag{position:fixed;bottom:12px;left:14px;z-index:30;font-size:10px;line-height:1.2;padding:9px 12px;background:#fffef3ed;color:#1a211e;border:1px solid #aaa8;backdrop-filter:blur(8px);box-shadow:0 3px 14px #0001}.concept-tag a{text-decoration:underline;text-underline-offset:3px}.section{padding:90px 6vw}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:start;margin-bottom:45px}.section-head h2{font-size:43px;font-weight:400;letter-spacing:-1.5px;line-height:1.12}.section-head p{max-width:330px;font-size:14px;line-height:1.8}.project-contact{padding:70px 6vw}.project-contact h2{font-size:42px;line-height:1.15;letter-spacing:-1px;margin-bottom:25px}.project-contact p{font-size:14px;line-height:1.8;max-width:560px}.project-contact a{display:inline-block;padding:14px 20px;border:1px solid currentColor;margin-top:25px;font-size:13px}.site-footer{padding:28px 6vw 65px;font-size:11px;display:flex;justify-content:space-between;gap:20px}.site-footer span:last-child{opacity:.65}.image-note{font-size:9px;letter-spacing:.4px;opacity:.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){.nav{padding:18px 5vw}.nav nav>a:not(.nav-cta){display:none}.brand b{font-size:24px}.brand img{width:35px;height:35px}.nav .nav-cta{font-size:10px;padding:10px 12px}.brand small{font-size:8px;letter-spacing:1px}.section{padding:60px 6vw}.section-head{display:block}.section-head h2{font-size:34px}.section-head p{margin-top:22px}.site-footer{flex-direction:column;gap:10px}.project-contact h2{font-size:34px}.concept-tag{font-size:9px;left:8px;bottom:8px;padding:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--dim:.14;--accent:#c4e8c5}body{background:#101918;color:#f3f3e9}.tech-stage{position:relative;background:#172020 url('interieur-soir.png') center 55%/cover no-repeat;isolation:isolate}.tech-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061614e8 0%,#081513a1 40%,#0712102b 75%),linear-gradient(0deg,#081816b3,transparent 70%);z-index:-1}.tech-stage:after{content:'';position:absolute;inset:0;background:#00120c;opacity:var(--dim);transition:opacity .45s;z-index:-1;pointer-events:none}.nav{color:#f5f5ee;border-bottom:1px solid #f9f9ec33;position:relative;z-index:3}.nav-cta{border-color:#e6f2e370!important;border-radius:50px;background:#18352c3d}.brand b{font-size:29px;letter-spacing:-1px}.brand small{letter-spacing:1.2px}.tech-hero{position:relative;min-height:625px;padding:48px 5vw 90px;display:flex;align-items:start}.tech-hero-copy{position:relative;z-index:2}.tech-hero-copy>.label{font-size:9px;letter-spacing:1.4px;color:#d1e8d1;display:flex;align-items:center;gap:9px}.status-dot,.live-dot{height:5px;width:5px;border-radius:100%;background:#c1e6b5;display:inline-block;box-shadow:0 0 12px #c1e6b566;flex-shrink:0}.tech-hero h1{font-size:clamp(55px,6.6vw,100px);font-weight:400;line-height:1.04;letter-spacing:-4px;margin:40px 0 24px}.tech-hero h1>span{color:#c8e6cb;font-weight:300}.tech-intro{font-size:14px;line-height:1.8;color:#d0d8cf}.tech-cta{display:inline-flex;align-items:center;gap:30px;font-size:12px;color:#eef4e9;margin-top:28px}.tech-cta b{font-weight:400;font-size:27px;width:54px;height:54px;border:1px solid #c5ddbd99;border-radius:50%;display:grid;place-items:center}.tech-control{position:absolute;right:4vw;bottom:94px;width:345px;background:#12211dd9;border:1px solid #e5f5dd40;backdrop-filter:blur(22px);border-radius:16px;padding:23px;color:#eef7ea;box-shadow:0 18px 45px #0004;z-index:2}.control-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.room-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dff5df40;border-radius:9px;font-size:25px;color:#d0e8b4;flex-shrink:0}.control-eyebrow{font-size:7px;letter-spacing:1.2px;color:#a2b6a9;margin-bottom:5px}.control-heading h2{font-size:11px;font-weight:500;letter-spacing:0}.control-heading .live-dot{margin-left:auto}.scene-buttons{display:flex;gap:5px;padding:4px;background:#091b1599;border-radius:10px;margin-bottom:22px}.scene-buttons button{font-size:10px;flex:1;border:0;background:transparent;border-radius:7px;padding:10px 4px;color:#a6bbac;transition:background .2s,color .2s}.scene-buttons button.active{background:#d0e6bd;color:#11251b;box-shadow:0 2px 4px #0003}.intensity-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#bdcfbf;margin-bottom:10px}#intensity{width:100%;height:3px;accent-color:#d5e9bf;margin:9px 0 15px;cursor:pointer}#scene-status{font-size:8px;line-height:1.5;color:#91a799;min-height:12px}.tech-bottom{position:absolute;bottom:0;left:5vw;right:5vw;border-top:1px solid #f5f5dd40;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:25px 0;color:#d0d9ca;font-size:9px;z-index:2}.tech-bottom>span:first-child{display:flex;align-items:center;gap:12px}.tech-bottom i{width:3px;height:3px;background:#b5cbb2;display:inline-block;border-radius:50%}.tech-bottom>a{font-size:24px}.tech-bottom>span:nth-child(2){font-size:8px;color:#c8d1bf}.tech-univers{background:#101918}.section-head .label{color:#a8bf9e;font-size:9px;margin-bottom:24px}.section-head h2{font-size:39px;letter-spacing:-1.6px;line-height:1.2}.section-head h2 span{color:#81968d;font-weight:300}.section-head>p{color:#a8b7ad;font-size:13px}.tech-universe-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #7c9b8455;border-radius:15px;overflow:hidden}.tech-universe-grid>a{padding:38px;min-height:370px;position:relative}.universe-first{border-right:1px solid #7c9b8455;background:radial-gradient(ellipse at 100% 10%,#33544977,transparent 80%)}.tech-universe-grid .label{font-size:8px;color:#9cb89e}.tech-universe-grid h3{font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-1px;margin-top:30px}.tech-universe-grid p{font-size:12px;color:#a2b5a9;max-width:320px;line-height:1.8;margin-top:20px}.universe-link{display:flex;align-items:center;justify-content:space-between;margin-top:35px;border-top:1px solid #adc3af33;padding-top:20px;font-size:11px;color:#d2e5c4}.universe-link b{font-weight:400;font-size:21px}.orbit{position:absolute;right:20px;top:27px;width:70px;height:70px;border:1px solid #a4c59650;border-radius:50%;display:grid;place-items:center;opacity:.7}.orbit span{width:45px;height:45px;border:1px solid #a4c59650;border-radius:50%;position:absolute}.orbit i{position:absolute;width:8px;height:8px;background:#d1e7bb;border-radius:50%;top:6px;left:7px}.orbit b{font-size:22px;font-weight:300}.tech-daily{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;padding:0 6vw 90px;align-items:center}.tech-daily img{aspect-ratio:1.15;object-fit:cover;width:100%;border-radius:4px}.tech-daily figcaption{margin-top:10px;color:#9aac9d;font-size:8px}.tech-daily h2{font-size:49px;line-height:1.1;letter-spacing:-2px;font-weight:300;margin:26px 0}.tech-daily h2 span{color:#bcd5b2}.tech-daily>div>p:not(.label){font-size:13px;line-height:1.9;color:#a8b9ae}.tech-daily>div>a{display:inline-block;margin-top:25px;border-bottom:1px solid #8da17f;padding-bottom:12px;color:#d1e7be;font-size:12px}.tech-daily .label{font-size:9px;color:#b9cda9}.project-contact{background:#1d3029}.project-contact h2{font-size:43px;font-weight:300;margin-top:25px}.project-contact h2 span{color:#c4dfb6}.project-contact p:not(.label){color:#b1c1b3}.project-contact a{background:#d0e6bd;color:#122219;border:0;border-radius:40px;padding:16px 25px}.site-footer{color:#b0c1b3;background:#101918}@media(max-width:1100px){.tech-control{width:310px;right:4vw;padding:19px}.tech-hero h1{font-size:69px;letter-spacing:-3px}.tech-hero{min-height:650px}.tech-bottom>span:nth-child(2){max-width:240px;text-align:right}.tech-hero-copy>.label{font-size:8px;letter-spacing:1px}.tech-universe-grid>a{padding:28px}.section-head h2{font-size:34px}}@media(max-width:750px){.tech-hero{display:block;min-height:870px;padding:40px 6vw 90px}.tech-hero h1{font-size:clamp(44px,13vw,58px);letter-spacing:-2px;margin:32px 0 25px}.tech-control{position:relative;right:auto;bottom:auto;margin:42px 0 20px;width:100%;max-width:380px}.tech-bottom{left:6vw;right:6vw;font-size:8px}.tech-bottom>span:nth-child(2){display:none}.tech-stage{background-position:56% 50%}.tech-stage:before{background:linear-gradient(90deg,#061614e8,#08151355),linear-gradient(0deg,#081816cc,transparent 80%)}.tech-universe-grid{grid-template-columns:1fr}.universe-first{border-right:0;border-bottom:1px solid #7c9b8455}.tech-universe-grid>a{min-height:320px}.tech-daily{grid-template-columns:1fr;gap:45px;padding-bottom:60px}.tech-daily h2{font-size:44px}.project-contact h2{font-size:35px}}

@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url("montserrat-400.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url("montserrat-500.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url("montserrat-600.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url("montserrat-700.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url("montserrat-800.ttf") format("truetype")}
:root{--egd-blue:#2d4faf;--egd-cyan:#55c3e6;--egd-red:#d61222;--egd-yellow:#ffd02b}
body{font-family:Montserrat,'Segoe UI',sans-serif}body .nav{background:#fff;color:var(--egd-blue);border-bottom:1px solid #d7e3f4;padding-top:16px;padding-bottom:16px;min-height:92px}body .brand{gap:12px}body .brand img{width:66px;height:53px;padding:0;background:#fff;flex-shrink:0}body .brand .brand-wording{display:flex;flex-direction:column;gap:5px}body .brand b,body .brand strong{font-family:Montserrat,sans-serif;font-size:12px;line-height:1.2;letter-spacing:0;font-weight:800;white-space:nowrap}body .brand strong{color:var(--egd-red)}body .nav nav{gap:24px;font-size:10px;font-weight:600}body .nav .nav-cta{background:var(--egd-red);border:1px solid var(--egd-red)!important;color:white;font-weight:700;border-radius:0;white-space:nowrap;font-size:11px;padding:13px 17px;display:flex;align-items:center;gap:18px}.section-head h2,.arch-approach h2,.arch-copy h1,.photo-caption,.atelier-type h1,.image-label,.atelier-service-list h3,.atelier-method h2,.project-contact h2{font-family:Montserrat,'Segoe UI',sans-serif}.section-head h2{font-weight:700;font-size:36px;letter-spacing:-1.6px}.project-contact h2{font-weight:700;font-size:43px;line-height:1.15;letter-spacing:-1.8px}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:27px}.project-contact .contact-actions a{margin:0;font-size:13px;font-weight:700;display:flex;align-items:center;gap:22px;padding:16px 21px;background:var(--egd-blue);border:1px solid var(--egd-blue);color:#fff;border-radius:0}.project-contact .contact-actions a.contact-email{background:transparent;color:var(--egd-blue);border-color:#b2c5ea;font-size:12px;font-weight:500}.site-footer{font-size:9px}.concept-tag{border-color:#c2d3f1;background:#ffffffed;color:#264b9c}.label{font-weight:600}
.piste-architecture{background:#fff;color:#213d75}.piste-architecture .arch-copy{background:var(--egd-blue);color:#fff;overflow:hidden}.arch-copy:after{content:'';position:absolute;width:550px;height:550px;border:2px solid #70dafb40;border-radius:50%;bottom:-390px;left:-160px;pointer-events:none}.piste-architecture .arch-copy>.label{color:#daeeff;font-size:8px;letter-spacing:1.1px}.piste-architecture .arch-copy>.label span{background:var(--egd-yellow)}.piste-architecture .arch-copy h1{font-size:clamp(55px,5.7vw,83px);line-height:1.03;font-weight:700;letter-spacing:-4px;margin-top:39px}.piste-architecture .arch-copy h1 em{font-style:normal;color:#78ddff;font-weight:700}.piste-architecture .arch-copy>p{color:#e1edff;font-size:12px}.piste-architecture .arch-link{border-color:#96cff5;color:inherit;font-weight:500}.piste-architecture .arch-bottom{color:#d6e9ff;border-color:#9ac7ef55}.piste-architecture .arch-bottom b{color:#fff}.piste-architecture .arch-strip{background:#eff6ff;border-color:#c9d9ef;gap:17px;justify-content:space-between;font-size:9px;font-weight:600}.piste-architecture .arch-strip i{background:var(--egd-red)}.piste-architecture .photo-caption{font-size:29px;font-weight:700;font-style:normal;letter-spacing:-1px;line-height:1.1}.piste-architecture .section-head h2 em,.piste-architecture .arch-approach h2 em{color:var(--egd-blue);font-style:normal;font-weight:700}.piste-architecture .section-head p,.piste-architecture .arch-services p,.piste-architecture .arch-approach p:not(.label){color:#587092}.piste-architecture .arch-services h3{font-family:Montserrat,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.7px}.piste-architecture .arch-services{border-color:#6486c6}.piste-architecture .arch-services>a{border-color:#ccdbef}.piste-architecture .arch-services>a>span{color:var(--egd-red)}.piste-architecture .arch-approach h2{font-weight:700;font-size:38px}.piste-architecture .project-contact{background:#eff6ff}.piste-architecture .site-footer{background:#244799;color:#fff}
.piste-atelier{background:white;color:#1d3670}.piste-atelier .atelier-type{background:linear-gradient(125deg,#24479f,#315dc0);color:white}.piste-atelier .atelier-type:before{background-image:linear-gradient(#68d8ff17 1px,transparent 1px),linear-gradient(90deg,#68d8ff17 1px,transparent 1px)}.piste-atelier .atelier-type h1{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(60px,6.5vw,94px);letter-spacing:-5px;line-height:1.02}.piste-atelier .atelier-type h1>span{font-size:1em;color:var(--egd-yellow)}.piste-atelier .atelier-type>.label{font-size:9px;letter-spacing:1px}.piste-atelier .atelier-stamp{color:var(--egd-yellow)}.piste-atelier .atelier-intro>p{font-size:12px}.piste-atelier .atelier-photo{border-color:var(--egd-blue)}.piste-atelier .image-label{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.15}.piste-atelier .image-label em{font-size:.7em;color:var(--egd-yellow)}.piste-atelier .atelier-band{background:white;color:var(--egd-blue);border-color:var(--egd-blue);font-size:17px;font-weight:800;letter-spacing:-.5px}.piste-atelier .atelier-band b{color:var(--egd-red)}.piste-atelier .section-head h2{font-size:39px;line-height:1.1;font-weight:800}.piste-atelier .atelier-service-list{border-color:var(--egd-blue)}.piste-atelier .atelier-service-list>a{border-color:#c4d4ee}.piste-atelier .service-num{color:var(--egd-red)}.piste-atelier .atelier-service-list h3{font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.8px}.piste-atelier .atelier-service-list p{color:#536a8e;font-size:12px}.piste-atelier .atelier-method{background:#102650}.piste-atelier .atelier-method h2{font-size:57px;line-height:1.1;font-weight:800;letter-spacing:-2px}.piste-atelier .method-lines article>span{color:#66d6ff}.piste-atelier .method-lines p{color:#c0d1ed}.piste-atelier .project-contact{background:#eff6ff;color:#22448c}.piste-atelier .site-footer{border-color:#b9cdec}.piste-atelier .project-contact .contact-actions a:first-child{background:var(--egd-red);border-color:var(--egd-red)}
.piste-connecte{background:#0a1938;color:#f1f6ff}.piste-connecte .tech-stage:before{background:linear-gradient(90deg,#081735ed 0%,#0a1d3bab 42%,#091a3520 78%),linear-gradient(0deg,#07152dad,transparent 70%)}.piste-connecte .tech-stage:after{background:#030f29}.piste-connecte .tech-hero-copy>.label{color:#b7eaff;font-size:9px;letter-spacing:1px}.piste-connecte .status-dot,.piste-connecte .live-dot{background:#71dbff;box-shadow:0 0 12px #55c3e670}.piste-connecte .tech-hero h1{font-size:clamp(56px,6.1vw,90px);letter-spacing:-4px;font-weight:600;line-height:1.05}.piste-connecte .tech-hero h1>span{color:#84deff;font-weight:500}.piste-connecte .tech-intro{color:#e0ebfc;font-size:12px}.piste-connecte .tech-control{background:#0d2850df;border-color:#7edcff65;color:white}.piste-connecte .room-icon{color:#79daff;border-color:#63d3ff50}.piste-connecte .control-eyebrow,.piste-connecte .intensity-label{color:#b7d8ee}.piste-connecte .scene-buttons{background:#081932b3}.piste-connecte .scene-buttons button{color:#bedcf1}.piste-connecte .scene-buttons button.active{background:#69d5f5;color:#092748}.piste-connecte #intensity{accent-color:#72d9fa}.piste-connecte #scene-status{color:#b9d2e9}.piste-connecte .tech-cta b{border-color:#69d5f5}.piste-connecte .tech-univers{background:#0a1938}.piste-connecte .section-head .label{color:#74d8fa}.piste-connecte .section-head h2{font-weight:600}.piste-connecte .section-head h2 span{color:#8caccd;font-weight:500}.piste-connecte .section-head>p{color:#b2c9e1}.piste-connecte .tech-universe-grid{grid-template-columns:repeat(6,minmax(0,1fr));border-color:#446693;border-radius:0}.piste-connecte .tech-universe-grid>a{grid-column:span 3;min-height:320px;border-bottom:1px solid #446693;border-right:1px solid #446693;background:radial-gradient(ellipse at 100% 0,#244d7f70,transparent 75%)}.piste-connecte .tech-universe-grid>a:nth-child(n+3){grid-column:span 2;min-height:300px;padding:27px}.piste-connecte .tech-universe-grid .label{color:#81d9f5}.piste-connecte .tech-universe-grid h3{font-size:27px;letter-spacing:-1px;font-weight:600}.piste-connecte .tech-universe-grid>a:nth-child(n+3) h3{font-size:23px}.piste-connecte .tech-universe-grid p{color:#acc4df}.piste-connecte .universe-link{border-color:#587da74d;color:#8cdef8}.piste-connecte .tech-daily h2 span{color:#7dd8fa}.piste-connecte .tech-daily .label,.piste-connecte .tech-daily>div>a{color:#82dcff}.piste-connecte .tech-daily>div>p:not(.label),.piste-connecte .tech-daily figcaption{color:#b3c8e3}.piste-connecte .project-contact{background:#14366a}.piste-connecte .project-contact p:not(.label){color:#d0e2f4}.piste-connecte .project-contact .contact-actions a{background:#75dcff;border-color:#75dcff;color:#08284d}.piste-connecte .project-contact .contact-actions a.contact-email{background:transparent;color:white;border-color:#6c9ac5}.piste-connecte .site-footer{background:#08152d;color:#c0d4ed}
body:has(.directions){background:#f5f8ff;color:#1d3470}.masthead{border-color:#cbd9f0;background:white}.compare-brand{color:var(--egd-blue)}.compare-brand span{color:#657da9;border-color:#b8cae7}.intro h1{font-weight:600;font-family:Montserrat,sans-serif;font-size:40px;letter-spacing:-1.7px}.intro h1 span{color:var(--egd-blue);font-weight:500}.intro>p,.eyebrow{color:#5b739a}.direction{background:white;border-color:#c7d6ee}.card-copy h2{font-size:23px;font-weight:700;letter-spacing:-1px}.card-copy>p{color:#566b8a}.card-top>span,.architecture .card-top>span,.atelier .card-top>span,.connecte .card-top>span{color:var(--egd-blue)}.card-bottom{border-color:#d2def0}.card-bottom>a{color:var(--egd-blue)}.card-bottom>span{color:#6e7d95}.compare-footer{color:#687d9c}.compare-footer a{color:var(--egd-blue)}
@media(max-width:1050px){body .nav nav{gap:17px}.piste-architecture .arch-copy h1{font-size:59px;letter-spacing:-3px}.piste-atelier .atelier-type h1{font-size:67px;letter-spacing:-4px}.piste-connecte .tech-hero h1{font-size:62px;letter-spacing:-3px}.piste-connecte .tech-universe-grid>a:nth-child(n+3){padding:22px}.piste-connecte .tech-universe-grid>a:nth-child(n+3) h3{font-size:20px}.intro h1{font-size:33px}}
@media(max-width:750px){body .nav{min-height:78px;padding:14px 5vw}body .brand{gap:9px}body .brand img{width:46px;height:37px}body .brand b,body .brand strong{font-size:8px;line-height:1.3}body .brand .brand-wording{gap:3px}body .nav nav{gap:10px}body .nav nav>a:not(.nav-cta){display:none}body .nav .nav-cta{font-size:9px;padding:11px 12px;gap:9px}.piste-architecture .arch-copy h1{font-size:clamp(47px,12.5vw,65px);letter-spacing:-3px}.piste-architecture .arch-strip{font-size:8px;justify-content:start;gap:13px}.piste-architecture .section-head h2,.piste-architecture .arch-approach h2{font-size:30px}.piste-architecture .arch-services h3{font-size:21px}.piste-atelier .atelier-type h1{font-size:clamp(49px,13vw,69px);letter-spacing:-3px}.piste-atelier .atelier-type>.label{font-size:8px}.piste-atelier .atelier-band{font-size:11px;gap:12px}.piste-atelier .atelier-band span:last-of-type{display:inline}.piste-atelier .atelier-band b{display:none}.piste-atelier .atelier-service-list h3{font-size:22px}.piste-atelier .section-head h2{font-size:30px}.piste-atelier .atelier-method h2{font-size:48px}.piste-connecte .tech-hero h1{font-size:clamp(38px,10.4vw,57px);letter-spacing:-2px}.piste-connecte .tech-intro{font-size:11px;line-height:1.9}.piste-connecte .tech-universe-grid{grid-template-columns:1fr}.piste-connecte .tech-universe-grid>a,.piste-connecte .tech-universe-grid>a:nth-child(n+3){grid-column:span 1;min-height:260px;padding:28px}.piste-connecte .tech-universe-grid>a:nth-child(n+3) h3{font-size:25px}.project-contact h2{font-size:34px}.project-contact .contact-actions{display:flex;align-items:start;flex-direction:column}.project-contact .contact-actions a{font-size:12px}.project-contact .contact-actions a.contact-email{font-size:10px}.intro h1{font-size:30px;letter-spacing:-1.4px}.card-copy h2{font-size:26px}.card-copy>p{font-size:11px}.card-bottom>span{font-size:7px}}

/* Template retenu : navigation intégrée à la photographie d'ambiance. */
body.piste-connecte .nav {
  background: transparent;
  color: #f1f6ff;
  border-bottom: 0;
  z-index: auto;
  padding-top: 18px;
  padding-bottom: 12px;
}
body.piste-connecte .brand img {
  background: transparent;
  width: 104px;
  height: 83px;
  padding: 0;
  /* Lueur extérieure discrète : les couleurs du dessin restent celles du PDF. */
  filter: drop-shadow(0 0 1px #d8edffa6) drop-shadow(0 0 8px #b6dbff30);
  mix-blend-mode: normal;
}
body.piste-connecte .brand { gap: 16px; }
body.piste-connecte .brand b { color: #f1f6ff; }
body.piste-connecte .brand strong { color: #84deff; }
body.piste-connecte .nav nav > a:not(.nav-cta) {
  color: #e1edfa;
  text-shadow: 0 1px 8px #07162b;
}
body.piste-connecte .nav .nav-cta {
  background: #10274580;
  border: 1px solid #b6e5ff80 !important;
  border-radius: 8px;
  color: #f6fbff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.piste-connecte .nav a:hover { color: #a4e8ff; }
body.piste-connecte .nav .nav-cta:hover {
  background: #1b467aaa;
  border-color: #a4e8ff !important;
  color: #fff;
}
@media (max-width: 750px) {
  body.piste-connecte .nav { padding: 16px 5vw 14px; min-height: 82px; }
  body.piste-connecte .brand { gap: 11px; }
  body.piste-connecte .brand img { width: 64px; height: 51px; }
  body.piste-connecte .nav .nav-cta { padding: 11px 12px; }
}

/* Déclinaison complète du template 3 — identité EGD. */
.contact-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-panel form[hidden]{display:none}.form-panel .form-status{font-size:12px;line-height:1.8;color:#d1e9ff;margin-top:20px}.form-panel .form-status:empty{display:none}.form-panel .result:focus{outline:2px solid #84deff;outline-offset:8px}.form-panel .result strong{color:#84deff}.form-panel .request-reference{font-size:9px;overflow-wrap:anywhere}#retry-contact[hidden]{display:none}
:root{--blue:#2d4faf;--cyan:#84deff;--ink:#0a1938;--line:#43618a;--muted:#b0c5e0}
body.piste-connecte{background:var(--ink);color:#f1f6ff;font-family:Montserrat,'Segoe UI',sans-serif}
.skip-link{position:fixed;left:20px;top:-80px;z-index:100;padding:14px;background:#fff;color:#102e5c}.skip-link:focus{top:14px}
.wrap{width:min(1220px,88%);margin:auto}.site-main{overflow:clip}.section{padding:88px 6vw}.muted{color:var(--muted)}
body.piste-connecte .nav{gap:20px;z-index:10;position:relative;background:transparent;border:0;padding:18px 5vw 12px;min-height:110px}
body.piste-connecte .brand{gap:16px;flex-shrink:0}.brand-wording{display:flex;flex-direction:column;gap:6px}
body.piste-connecte .brand img{width:104px;height:83px;object-fit:contain;background:transparent;padding:0;filter:drop-shadow(0 0 1px #d8edffa6) drop-shadow(0 0 8px #b6dbff30);mix-blend-mode:normal}
body.piste-connecte .brand b{font-size:12px;color:#f1f6ff;font-weight:800;letter-spacing:0}body.piste-connecte .brand strong{font-size:12px;color:var(--cyan);font-weight:800}
body.piste-connecte .nav .primary-nav{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:11px;font-weight:500}
.primary-nav>a,.service-menu>summary{padding:12px 0;color:#e5eefc}.primary-nav [aria-current=page]{color:var(--cyan);text-decoration:underline;text-underline-offset:7px}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-phone{display:flex;align-items:center;gap:20px;border:1px solid #b6e5ff80;border-radius:8px;padding:13px 17px;background:#10274580;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;backdrop-filter:blur(12px)}
.header-phone:hover{background:#1b467aaa;border-color:var(--cyan)}.menu-toggle{display:none;border:1px solid #b6e5ff80;border-radius:8px;background:#10274580;color:white;width:37px;height:37px;align-items:center;justify-content:center;font-size:20px}
.service-menu{position:relative}.service-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.service-menu>summary::-webkit-details-marker{display:none}.service-menu>summary:after{content:'⌄';color:var(--cyan)}
.service-dropdown{position:absolute;top:45px;left:-25px;width:250px;padding:12px;background:#0c2347f5;border:1px solid #5c82a9;border-radius:10px;box-shadow:0 15px 40px #0005;backdrop-filter:blur(18px)}
.service-dropdown a{display:block;padding:12px 14px;color:#e5eefc;line-height:1.5;border-radius:6px}.service-dropdown a:hover{background:#224b73;color:#fff}
.tech-stage{background-position:center 55%}.tech-hero h1{max-width:650px}.tech-hero-copy{max-width:650px}.tech-hero .tech-intro{max-width:430px}
.hero-links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.hero-secondary{font-size:11px;border-bottom:1px solid #89c4de77;padding-bottom:6px;color:#d5ecff}
.tech-bottom>span:nth-child(2){font-size:8px;max-width:320px}.home-services .section-head>p{max-width:350px}
body.piste-connecte .tech-universe-grid>a,body.piste-connecte .tech-universe-grid>a:nth-child(n+3){grid-column:span 2;min-height:300px;padding:28px;border-color:var(--line);display:flex;flex-direction:column;transition:background .2s}
.tech-universe-grid>a:hover{background:#183d61!important}.tech-universe-grid h3{font-size:25px!important;margin-top:22px;max-width:230px}.tech-universe-grid p{margin-bottom:22px}.tech-universe-grid .universe-link{margin-top:auto}
.service-symbol{width:35px;height:35px;color:var(--cyan);margin-top:20px;display:block}.service-symbol svg{width:100%;height:100%}
.section-head .label{line-height:1.6}.section-head h2{font-family:Montserrat,sans-serif}.section-head>p{line-height:1.9}
.story-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #73acd3;padding-bottom:12px;font-size:12px;color:var(--cyan);margin-top:25px}
.process-section{background:#10274b;border-top:1px solid #34547c;border-bottom:1px solid #34547c}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.process-grid article{border-top:1px solid #527399;padding-top:25px}.process-grid span{font-size:9px;color:var(--cyan);letter-spacing:1px}.process-grid h3{font-size:23px;margin:20px 0 14px;font-weight:500;letter-spacing:-.7px}.process-grid p{font-size:12px;line-height:1.9;color:#bdcfe8}
.local-section{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.local-section h2{font-size:44px;line-height:1.15;letter-spacing:-1.5px;margin:24px 0}.local-section p:not(.label){font-size:13px;line-height:1.9;color:var(--muted)}
.local-map{position:relative;min-height:330px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#22507755,transparent 68%)}.local-map:before,.local-map:after{content:'';position:absolute;border:1px solid #6ec2e855;border-radius:50%;width:280px;height:280px;z-index:-1}.local-map:after{width:190px;height:190px}.local-map>div{text-align:center}.local-map b{font-size:26px;font-weight:500;display:block}.local-map span{font-size:11px;display:block;margin-top:12px;color:var(--cyan)}.local-map svg{width:36px;height:36px;margin:auto auto 18px;color:var(--cyan)}
.faq-section{background:#0c2042}.faq-section h2{font-size:38px;font-weight:500;letter-spacing:-1px;margin:24px 0 30px}.faq-section details,.faq-list details{border-bottom:1px solid #3d5c82;padding:22px 0}.faq-section summary,.faq-list summary{cursor:pointer;font-size:15px;line-height:1.6}.faq-section details p,.faq-list details p{font-size:13px;line-height:1.9;color:#b8cde4;margin-top:18px;max-width:800px}
.project-contact .label{color:var(--cyan);font-size:9px}.project-contact h2{margin-top:23px}.project-contact .contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.project-contact .contact-actions a{margin:0;border-radius:7px}
.site-footer-full{background:#07142c;padding:60px 6vw 28px;color:#adc2df;border-top:1px solid #355277}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}.footer-grid h3{font-size:10px;color:#6ed4f5;letter-spacing:1px;text-transform:uppercase;margin:0 0 20px}.footer-grid p,.footer-grid a{font-size:11px;line-height:1.9}.footer-grid a{display:block;width:fit-content;margin:8px 0}.footer-grid a:hover{color:white}.footer-name{font-size:27px!important;font-weight:700;color:#fff;letter-spacing:-1px}.footer-name span{font-size:10px;letter-spacing:0;display:block;font-weight:500;color:#adc2df}.footer-grid address{font-size:11px;line-height:1.9;font-style:normal;margin-top:18px}.footer-bottom{border-top:1px solid #324a6d;margin-top:40px;padding-top:23px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:9px;line-height:1.8}.footer-bottom>div{display:flex;gap:24px}.review-note{font-size:8px;color:#7f97b6;margin-top:14px}
.sub-stage .sub-hero{padding:40px 6vw 55px;min-height:340px;position:relative}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;color:#aac7e2;font-size:9px;line-height:1.6;margin-bottom:36px}.breadcrumbs a:hover{color:#fff}.sub-hero>.label{color:var(--cyan);font-size:9px}.sub-hero h1{font-size:clamp(40px,4.5vw,64px);font-weight:500;letter-spacing:-2.6px;line-height:1.12;margin:22px 0}.sub-hero .lead{max-width:650px;font-size:13px;line-height:1.9;color:#d1e0f4}.sub-hero .hero-caption{font-size:8px;color:#9cb5d0;margin-top:25px}.sub-stage:before{background:linear-gradient(90deg,#081735f5,#0a1d3be0 55%,#091a3566)!important}.sub-stage:after{opacity:.12!important}
.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.service-intro h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1.2px;margin:22px 0}.service-intro p{font-size:13px;color:var(--muted);line-height:1.9}.technical-board{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;border:1px solid #446693;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#295e8b66,transparent 70%),linear-gradient(#152f5222 1px,transparent 1px),linear-gradient(90deg,#152f5222 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.board-center{width:110px;height:110px;border:1px solid #87dcff80;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 55px #4aace71a}.board-center svg{width:47px;height:47px;color:var(--cyan)}.board-labels{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:10px;color:#bcddf2}.board-caption{font-size:8px;color:#7c9abb}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.topic-grid article{border-top:1px solid #4b6c98;padding-top:25px}.topic-grid .num{color:var(--cyan);font-size:9px;letter-spacing:1px}.topic-grid h3{font-size:23px;line-height:1.25;margin:22px 0 17px;font-weight:500;letter-spacing:-.7px}.topic-grid p{font-size:12px;line-height:1.9;color:var(--muted)}
.prepare-section{background:#10274b;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.prepare-section h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin-top:23px}.prepare-section .check-list{list-style:none;margin:0;padding:0}.check-list li{border-bottom:1px solid #3a5d83;padding:18px 0 18px 25px;position:relative;color:#cfdef1;font-size:13px;line-height:1.7}.check-list li:before{content:'↗';position:absolute;left:0;color:var(--cyan)}
.related-card{padding:35px;border:1px solid #41618a;border-radius:12px;background:#143052}.related-card h3{font-size:25px;font-weight:500;margin:20px 0}.related-card p{font-size:13px;line-height:1.8;color:var(--muted)}.two-column{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:start}.two-column h2{font-size:35px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:22px 0}.two-column p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:18px}
.portrait-logo{display:flex;align-items:center;justify-content:center;min-height:365px;background:radial-gradient(ellipse,#4c789c55,transparent 70%);border:1px solid #42618a;border-radius:16px}.portrait-logo img{width:min(340px,80%);height:auto;filter:drop-shadow(0 0 1px #cfe7ff70)}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#10274b}.fact-strip b{display:block;font-size:23px;font-weight:500;margin-bottom:13px}.fact-strip p{font-size:11px;color:#afc6df;line-height:1.8}
.contact-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:8vw;align-items:start}.contact-details h2{font-size:35px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:20px 0}.contact-details>p{font-size:13px;color:var(--muted);line-height:1.9}.contact-direct{margin:28px 0;display:flex;flex-direction:column;gap:14px;align-items:start}.contact-direct a{color:var(--cyan);font-size:15px;overflow-wrap:anywhere}.contact-direct a:first-child{font-size:25px;font-weight:600}.contact-details address{font-size:12px;font-style:normal;color:var(--muted);line-height:1.9}.contact-detail-note{margin-top:20px;font-size:10px!important}
.form-panel{padding:35px;background:#10294d;border:1px solid #46698e;border-radius:15px}.form-panel h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin-bottom:15px}.form-panel>p{font-size:11px;line-height:1.8;color:#c3d5ec;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-panel label{display:flex;flex-direction:column;gap:9px;font-size:11px;line-height:1.6;margin-bottom:20px}.form-panel label>span{font-size:10px;color:#b1c9e1}.form-panel input,.form-panel select,.form-panel textarea{background:#081c38;border:1px solid #587ba2;border-radius:6px;padding:13px;color:#fff;width:100%;font-size:13px;min-width:0}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#8eaac8}.form-panel textarea{resize:vertical}.form-info{font-size:10px;line-height:1.8;color:#b9cfe5;margin:0 0 20px}.form-info a{text-decoration:underline}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 20px;border:1px solid var(--cyan);background:#75dcff;color:#08284d;font-size:12px;font-weight:600;border-radius:7px;line-height:1.5;cursor:pointer}.button.secondary{background:transparent;color:var(--cyan);border-color:#6387ad}.button:disabled{opacity:.55;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.result{margin-top:28px;padding:25px 0 0;border-top:1px solid #55799c}.result h2{font-size:23px}.result p{font-size:11px;color:#c4dcf0;line-height:1.8}.result pre{font:11px/1.8 Montserrat,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#071a34;padding:20px;border-radius:7px;margin:20px 0}.result .email-summary{display:inline-flex;margin-top:20px}.result[hidden]{display:none}
.prose{max-width:850px;margin:auto;padding:65px 6vw 85px;box-sizing:content-box}.prose h2{font-size:24px;font-weight:500;letter-spacing:-.5px;margin:35px 0 18px}.prose p,.prose li,.prose dd,.prose dt{font-size:13px;line-height:1.9;color:#c0d2e8}.prose p{margin:0 0 17px}.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.legal-facts{display:grid;grid-template-columns:180px 1fr;gap:10px 25px;margin:25px 0}.legal-facts dt{color:#84cfe9}.legal-facts dd{margin:0}.editor-note{border-left:2px solid #72cae6;background:#143253;padding:18px 22px;font-size:12px;line-height:1.8;color:#c1d4e8;margin-top:28px}
@media(min-width:1500px){.nav,.section,.project-contact,.site-footer-full,.sub-stage .sub-hero{padding-left:max(6vw,calc((100vw - 1320px)/2));padding-right:max(6vw,calc((100vw - 1320px)/2))}}
@media(max-width:1100px){body.piste-connecte .nav .primary-nav{gap:16px;font-size:10px}.header-phone{font-size:10px;padding:12px 13px;gap:10px}body.piste-connecte .brand b,body.piste-connecte .brand strong{font-size:10px}.footer-grid{gap:35px}.tech-universe-grid h3{font-size:22px!important}}
@media(max-width:850px){body.piste-connecte .nav{padding:16px 5vw 14px;min-height:82px;gap:12px}body.piste-connecte .brand{gap:10px}body.piste-connecte .brand img{width:64px;height:51px}body.piste-connecte .brand b,body.piste-connecte .brand strong{font-size:8px;line-height:1.3}.brand-wording{gap:4px}.header-actions{margin-left:auto;gap:8px}.header-phone{font-size:9px;padding:11px 12px;gap:8px}.menu-toggle{display:flex}body.piste-connecte .nav .primary-nav{display:none;position:absolute;top:calc(100% - 2px);left:5vw;right:5vw;margin:0;padding:18px 22px;background:#0b2245f7;border:1px solid #597fa7;border-radius:12px;box-shadow:0 20px 40px #0006;font-size:13px;backdrop-filter:blur(18px);align-items:stretch;gap:0}body.piste-connecte .nav .primary-nav.open{display:flex;flex-direction:column}.primary-nav>a,.service-menu>summary{display:block;padding:15px 0}.service-dropdown{position:static;width:auto;padding:0 0 8px 10px;box-shadow:none;background:transparent;border:0;border-radius:0}.service-dropdown a{padding:12px 8px;font-size:12px}.nav .primary-nav>a{display:block!important}.service-intro,.two-column,.prepare-section,.contact-layout{grid-template-columns:1fr;gap:40px}.technical-board{min-height:280px}.footer-grid{grid-template-columns:1.2fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.topic-grid{gap:22px}.topic-grid h3{font-size:20px}.sub-hero h1{font-size:48px}.sub-stage .sub-hero{min-height:340px}.contact-details{max-width:600px}.local-section{gap:30px}.local-section h2{font-size:36px}.tech-daily h2{font-size:42px}}
@media(max-width:750px){.section{padding:60px 6vw}.tech-hero{min-height:880px}.hero-links{gap:22px}.hero-secondary{margin-top:20px}.tech-hero h1{font-size:clamp(38px,10.4vw,57px)}body.piste-connecte .tech-universe-grid{grid-template-columns:1fr}body.piste-connecte .tech-universe-grid>a,body.piste-connecte .tech-universe-grid>a:nth-child(n+3){grid-column:span 1;min-height:270px;padding:28px}.tech-universe-grid h3{font-size:26px!important}.section-head h2{font-size:30px!important}.process-grid,.topic-grid,.local-section,.fact-strip{grid-template-columns:1fr}.process-grid{gap:35px}.local-section h2{font-size:34px}.local-map{min-height:290px}.topic-grid{gap:32px}.topic-grid h3{font-size:24px}.sub-stage .sub-hero{padding:28px 6vw 45px;min-height:330px}.sub-hero h1{font-size:38px;letter-spacing:-1.6px}.sub-hero .lead{font-size:12px}.breadcrumbs{margin-bottom:28px}.service-intro h2,.prepare-section h2,.two-column h2{font-size:30px}.technical-board{min-height:270px}.board-labels{gap:15px;font-size:9px}.project-contact h2{font-size:34px}.footer-grid{gap:30px}.footer-bottom{gap:15px}.footer-bottom>div{flex-wrap:wrap;gap:15px}.form-panel{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:0}.form-panel input,.form-panel select,.form-panel textarea{font-size:16px}.legal-facts{grid-template-columns:1fr;gap:4px}.legal-facts dd{margin-bottom:12px}.prose{padding:40px 6vw 60px;box-sizing:border-box}.portrait-logo{min-height:320px}.faq-section summary{font-size:14px}.header-phone>span{display:none}.tech-bottom>span:nth-child(2){display:none}}
@media(max-width:360px){body.piste-connecte .brand img{width:52px;height:42px}body.piste-connecte .brand b,body.piste-connecte .brand strong{font-size:6.8px}.header-actions{gap:6px}.header-phone{font-size:8px;padding:10px 8px}.menu-toggle{width:32px;height:32px}.nav{gap:8px!important}.tech-hero h1{font-size:35px}.hero-secondary{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Photographies réelles d'EGD — même identité que le template 3. */
.project-section{background:#0c2042;border-top:1px solid #34547c}.project-section .section-head,.portfolio-section .section-head{align-items:end;margin-bottom:42px}.project-section .section-head>p,.portfolio-section .section-head>p{max-width:350px;font-size:12px;line-height:1.9;color:#b0c5e0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-card{margin:0;min-width:0;border:1px solid #41618a;background:#11294b;border-radius:11px;overflow:hidden}.project-card a{display:block;height:100%;text-decoration:none;color:#f1f6ff}.project-image{display:block;position:relative;overflow:hidden;background:#0a1938}.project-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}.project-card:hover .project-image img{transform:scale(1.035)}.project-enlarge{position:absolute;bottom:15px;right:15px;width:36px;height:36px;border:1px solid #b5e8ffb3;border-radius:50%;display:grid;place-items:center;background:#0b224bbf;color:white;font-size:20px;backdrop-filter:blur(8px)}.project-card figcaption{padding:23px 22px 25px}.project-card .label{color:#84deff;font-size:8px;line-height:1.7}.project-card h3{font-size:19px;line-height:1.35;letter-spacing:-.5px;font-weight:500;margin:13px 0 17px}.project-credit{display:block;font-size:8px;line-height:1.7;color:#9cb7d6}.project-card[hidden]{display:none}.project-grid-single{grid-template-columns:minmax(0,660px);justify-content:center}.project-grid-single .project-image img{aspect-ratio:4/3;object-fit:contain;background:#0a1938}.portfolio-section{background:#0a1938}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 25px}.portfolio-filters[hidden]{display:none}.portfolio-filters button{font:500 11px Montserrat,sans-serif;line-height:1.5;padding:11px 17px;border:1px solid #54769d;border-radius:30px;background:transparent;color:#c3d9ed;cursor:pointer}.portfolio-filters button:hover{border-color:#84deff;color:#fff}.portfolio-filters button[aria-pressed=true]{background:#84deff;border-color:#84deff;color:#0a2549}.portfolio-status{font-size:10px;color:#9dbbd6;margin-bottom:28px;line-height:1.8}.project-viewer{background:#0a1b38;color:#f1f6ff;border:1px solid #6c97ba;border-radius:14px;max-width:min(1200px,94vw);width:94vw;padding:0;max-height:95vh;box-shadow:0 30px 100px #0009}.project-viewer::backdrop{background:#020a1bea;backdrop-filter:blur(8px)}.viewer-inner{padding:18px 22px}.viewer-inner>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.viewer-inner h2{font-size:12px;font-weight:500;line-height:1.6;margin:0}.viewer-close{border:1px solid #527397;border-radius:50%;width:38px;height:38px;flex-shrink:0;background:transparent;color:#fff;font:25px/1 sans-serif;cursor:pointer}.viewer-inner figure{margin:0}.viewer-image{display:block;width:100%;height:min(68vh,850px);object-fit:contain;background:#061127}.viewer-inner figcaption{font-size:12px;line-height:1.7;margin:15px 0;color:#d2e8f8}.viewer-inner nav{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#b1cbe4}.viewer-inner nav button{font:500 11px Montserrat,sans-serif;padding:12px 15px;border:1px solid #5d83aa;border-radius:6px;background:transparent;color:#84deff;cursor:pointer}.viewer-inner button:disabled{opacity:.4;cursor:default}.project-section .story-link{margin-top:35px}.tech-daily .image-note{line-height:1.7}
@media(max-width:1000px){.project-grid{gap:18px}.project-card h3{font-size:17px}.project-card figcaption{padding:20px 18px}.project-section .section-head h2,.portfolio-section .section-head h2{font-size:33px}}
@media(max-width:750px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-section .section-head,.portfolio-section .section-head{margin-bottom:30px}.project-grid-single{grid-template-columns:1fr}.project-card h3{font-size:18px}.project-card figcaption{padding:20px 16px}.viewer-inner{padding:13px}.viewer-image{height:60vh}.viewer-inner nav button{padding:12px 10px;font-size:10px}.viewer-inner h2{font-size:10px}.project-viewer{max-width:96vw;width:96vw}.portfolio-filters{gap:8px}.portfolio-filters button{font-size:10px;padding:10px 13px}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr;gap:22px}.project-card h3{font-size:21px}.project-card figcaption{padding:23px}.viewer-inner nav{gap:8px}.viewer-count{font-size:9px}.viewer-inner figcaption{font-size:11px}.viewer-image{height:57vh}}
@media(prefers-reduced-motion:reduce){.project-image img{transition:none}.project-card:hover .project-image img{transform:none}}