.skip-link,nav li a{font-size:var(--fs-s)}html,nav li a{color:var(--c-reg)}.menu-item-5 a,nav #logo{background-repeat:no-repeat}.skip-link,main{background-color:#fff}main,nav{width:calc(var(--container-size) + 10%)}#menu0 main,#menu0 nav{background-color:transparent}.strate a,a.images,nav li a{font-weight:700}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,img,menu,nav,nav #logo,section,video{display:block}.menu-item-5 a,footer a.logo_footer,nav #logo{aspect-ratio:1/1;background-size:contain}.case li,a.images{padding:var(--fs-s) var(--fs-m)}.ariane li a,.case li strong,a.images{font-size:var(--fs-ss)}ul.classic,ul.classic li{list-style-type:disc}.r11,.r12{grid-column:span 1}*,.galery .legende{box-sizing:border-box}a.star-project,nav li a{cursor:pointer;position:relative}.projets>a,a.star-project,body,header,header .container,nav,nav li a{position:relative}.ariane li a,.edito-author a,.miniatures ul li a,.skip-link,a.images{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;list-style:none;text-decoration:none}.case li,footer .container li{line-height:120%}.main-data ul li h4,.main-data ul li p,nav li a{line-height:100%}canvas,img,video{overflow:clip}:root{interpolate-size:allow-keywords;--gap-xl:calc(var(--fs-m) * 2);--gap-reg:var(--fs-m);--container-size:min(90%, 1400px);--fs-m:18px;--fs-l:calc(var(--fs-m)*1.2);--fs-ll:calc(var(--fs-m)*1.5);--fs-xl:calc(var(--fs-m)*2);--fs-xxl:calc(var(--fs-m)*2.5);--fs-xxxl:calc(var(--fs-m)*3.5);--fs-xxxxl:calc(var(--fs-m)*4);--fs-s:calc(var(--fs-m)*0.85);--fs-ss:calc(var(--fs-m)*0.75);--fs-xs:calc(var(--fs-m)*0.6);--c-dark:#000;--c-reg:#555;--c-med:#777;--c-light:#bbbbbb;--c-xlight:#F2F2F2}.strate,main{gap:var(--fs-xl)}html{font-size:var(--fs-m);font-family:"Fira Sans",Helvetica,sans-serif;line-height:150%;letter-spacing:-.1px;font-weight:300;scroll-behavior:smooth;scroll-padding-top:40px}h1,h2,h3,h4{font-weight:600}body#menu0{background-color:var(--c-xlight)}.nav-toggle,.nav-toggle-label{display:none}.menu-item-5,.strate,main,nav,nav li a,nav>ul{display:flex}nav{margin-inline:auto;justify-content:space-between;align-items:center;padding-block:var(--fs-m);padding-inline:5%}#menu0 nav{padding-block:var(--fs-xxl)}#menu0 nav #logo{width:140px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:200px;top:-100px;padding:5px 10px;transition:top .2s ease-in-out;z-index:50;border-radius:10px;color:#000}.skip-link:focus{top:33px;outline:#d3d3d3 solid 2px;outline-offset:4px}nav #logo{width:70px;background-image:url(../media/logo_whyarchitecture.svg)}nav>ul{flex:1 1;gap:var(--fs-s);justify-content:flex-end}nav>ul li{padding:0 5px}nav li a{padding-block:var(--fs-xs);border-bottom:2px solid transparent;transition:.2s ease-in-out;list-style:none;height:100%;flex-direction:column;justify-content:center;margin:0}#menu-1 .menu-item-1 a,#menu-2 .menu-item-2 a,#menu-3 .menu-item-3 a,#menu-4 .menu-item-4 a,#menu-5 .menu-item-5 a,nav li a:hover{color:var(--c-dark);border-bottom:2px solid var(--c-reg)}.menu-item-5{flex-direction:row;column-gap:5px}.menu-item-5 a{width:25px;background-position:center center}.menu-item-5 a.rs-1{background-image:url(../media/rs_1.svg)}.menu-item-5 a.rs-2{background-image:url(../media/rs_2.svg)}.menu-item-5 a.rs-3{background-image:url(../media/rs_3.svg)}@media only screen and (max-width:1000px){nav>ul li a,nav>ul li a:hover{border-bottom:none}.skip-link{left:130px}.skip-link:focus{top:38px}#menu0 nav,nav{width:100%;z-index:5;position:relative;margin-top:0;padding-block:15px;height:110px}#menu0 nav{height:150px}#menu0 nav #logo,a#logo{margin:auto 0;width:60px}#menu0 nav #logo{width:100px}.nav-toggle-label{position:absolute;top:0;right:5%;height:100%;width:30px;display:flex;align-items:center;opacity:.6;transition:opacity .2s ease-in-out}.nav-toggle-label:hover{cursor:pointer;opacity:1}.nav-toggle-label span,.nav-toggle-label span::after,.nav-toggle-label span::before{display:block;background:#000;height:3px;width:27px;border-radius:2px;position:relative}.nav-toggle-label span::after,.nav-toggle-label span::before{content:'';position:absolute}.nav-toggle-label span::before{bottom:10px}.nav-toggle-label span::after{top:10px}nav>ul{position:absolute;background-color:#fff;top:100%;left:0;width:100%;flex-direction:column;align-items:flex-start;box-shadow:0 20px 20px rgba(0,0,0,.5);transform:scale(0,1);transform-origin:left;transition:transform .1s ease-in-out;margin:0;padding:15% 5%;gap:var(--fs-l)}nav>ul li{opacity:0;transform:translatex(-10px);transition:opacity .3s .1s,transform .3s .1s;width:100%}nav>ul li a{font-size:var(--fs-l)}.nav-toggle:checked~ul{display:flex;transform:scale(1,1)}.nav-toggle:checked~ul li{opacity:1;transform:translatex(0)}.menu-item-5{column-gap:20px}.menu-item-5 a{width:30px}}.col-left,main{flex-direction:column}.container{width:var(--container-size);margin:0 auto}main{margin:0 auto;padding:5%}h3,ul.classic li{margin-bottom:var(--fs-m)}.case ul,.strate,header,hr{width:100%}.strate{margin:auto;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.col-flex,.col-left{gap:var(--fs-m);display:flex}.strate a{color:var(--c-med)}hr{color:#999;border:none;border-bottom:1px solid #bebebe}.col-left{width:50%;text-align:left;align-items:flex-start;padding-block:5%;padding-right:5%}.fff,.main-data ul li,a.images{text-align:center}.col-flex{flex-direction:column;align-items:flex-start}.col-11{min-width:100%}.col-12{width:calc(50% - calc(var(--fs-xl)/ 2))}.col-23{width:calc(75% - calc(var(--fs-xl)/ 2))}.col-13{width:calc(33% - calc(var(--fs-xl)/ 2));min-width:300px;flex:1 1}#menu-1 .row-flex h1,.overlay{width:50%}#menu-1 div.row-flex{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}#menu-3 .strate{gap:100px}#menu-3 .col-12{gap:var(--fs-xxxl);width:calc(50% - 50px)}#menu-3 .col-12 div{display:flex;flex-direction:column;align-items:flex-start}#menu-3 .col-12 form div{flex-direction:row;align-items:center}#menu-3 .col-12 div .cta{margin-top:var(--fs-l)}.marge-xl{gap:var(--fs-xxl)}header{display:flex;align-items:center;justify-content:center;padding:5% 0}.overlay{position:absolute;top:0;left:0;height:100%;background:rgba(0,0,0,.5);z-index:1}header .container{z-index:2;color:#fff}a.images{min-width:230px;color:rgba(255,255,255,.65);border-radius:var(--fs-xs);background-color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,.5);transition:.4s linear}.case,.case h3{min-width:100%}a.images:hover{color:#fff;background-color:rgba(255,255,255,.1);border:1px solid #fff}.case,.case li{border-radius:10px}.ariane{display:flex;gap:5px}.ariane li::after{content:'›';margin-left:5px;color:rgba(255,255,255,.3);font-size:13px}.acteurs p,.case li,.ecolo p,.galery .legende p,footer .container{font-size:var(--fs-s)}.ariane li:last-child::after{content:'';margin:0}.ariane li a{font-weight:300;color:rgba(255,255,255,.8);transition:color .3s ease-in-out}.galery>div img,.projets>a img,a.star-project img{transition:.3s linear;height:100%;object-fit:cover}.ariane li a:hover,.ariane li:last-child a,a.cta:hover strong,footer .container li a:hover{color:#fff}.acteurs li strong,.ariane li:last-child a,.edito-author strong,li strong,p strong{font-weight:700}.mere .ariane li a{color:rgba(0,0,0,.65)}.mere .ariane li::after{color:rgba(0,0,0,.3)}.mere .ariane li a:hover,.mere .ariane li:last-child a{color:#000}footer{background-color:var(--c-dark);padding-block:var(--fs-xl)}footer .container{display:flex;gap:var(--fs-xxxl);justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}footer a.logo_footer{display:block;min-width:70px;margin-right:100px;background-image:url(../media/logo_whyarchitecture_dark.svg);background-repeat:no-repeat}.case,.case ul,.edito,.mini-tag{display:flex}footer .container ul{flex:1 1;display:flex;flex-direction:column;gap:10px}footer .container li a{color:rgba(255,255,255,.7);transition:.2s linear}footer .container li.mother_link{font-weight:700;text-wrap:balance}footer ul li.index a{display:inline-block}footer ul li.index a em{display:inline-block;background-color:#0c7;color:#000;font-weight:700;padding:3px 5px;border-radius:30px;font-size:.9em;line-height:100%}footer ul li.index a:hover em{background-color:#0c7;color:#333}footer ul li.google a em{color:rgba(255,255,255,.3)}.case{background-color:#f3f3f3;padding:var(--fs-l);gap:var(--fs-l);flex-direction:column;flex:0 0}.case ul{flex-wrap:wrap;gap:var(--fs-xs);color:#999}.case h3{color:#909090}.case li{background-color:#fff;color:#143626}.projets>a,a.cta:hover{background-color:var(--c-dark)}.case li strong{font-weight:700;text-transform:uppercase}.ecolo{background-color:#e9f7ef}.ecolo h3{color:#759181}.ecolo ul li{background-image:url("../media/check.svg");background-size:12px;background-position:left 12px center;background-repeat:no-repeat;padding-left:30px}.acteurs p,.ecolo p{padding-top:10px;line-height:140%;color:#556c5f;text-wrap:pretty}.main-data ul li p,.mini-tag li{font-size:var(--fs-xs);text-transform:uppercase}.ecolo p a{color:#556c5f;text-decoration:underline;font-style:italic}.ecolo p strong{font-weight:700;color:#759181}.acteurs li:hover strong{color:#000;border-bottom:1px dashed #aaa}.mini-tag{flex-wrap:wrap;gap:4px;row-gap:6px;margin-block:var(--fs-l)}.mini-tag li{font-weight:700;padding:4px 8px;border:1px solid #ddd;border-radius:3px;color:var(--c-med);line-height:120%}h1,h2,h3,h4{font-family:Montserrat,Arial,sans-serif;letter-spacing:-1px;line-height:120%}h1 strong,h2 strong,h4{font-family:"Fira Sans",sans-serif}.galery .legende p,.main-data ul li h4,h1,p.intro{letter-spacing:-.5px}h1{font-size:clamp(var(--fs-ll), 3.5vw, var(--fs-xxl));text-wrap:pretty;width:60%}h1 strong,h2 strong{font-style:italic;font-weight:700}h2{font-size:clamp(var(--fs-l), 2.5vw, var(--fs-xl))}h3{font-size:var(--fs-ss);text-transform:uppercase;letter-spacing:-.2px;line-height:130%}h4{font-size:clamp(var(--fs-m), 2.5vw, var(--fs-l))}ul.classic{padding-left:18px}ul.classic h3{margin-bottom:5px}p.intro{font-size:var(--fs-l);margin-bottom:1em;line-height:150%;font-weight:300;font-family:Montserrat,sans-serif}a.cta{display:inline;width:auto;padding:var(--fs-s);border:2px solid #000;border-radius:10px;color:var(--c-dark);font-weight:700;transition:.2s linear}a.cta:hover{color:var(--c-light)}.contactus li a:hover,.edito-author a,.main-data ul li p{color:var(--c-reg)}.edito{flex-direction:column;gap:var(--fs-xl);align-items:flex-start}.conclusion p,.edito q,h2.introduction{font-size:var(--fs-xl);font-family:Montserrat,sans-serif;font-weight:300;font-style:normal;line-height:115%;display:inline-block}.edito>p{width:75%}.edito-author{display:flex;align-items:center;gap:var(--fs-s)}.edito-author img{width:45px;height:45px}.edito-author p{display:flex;gap:var(--fs-ss);font-size:var(--fs-ss)}.edito-author a{border-bottom:1px dotted #ccc;transition:150ms linear}.edito-author a:hover{color:var(--c-reg);border-bottom:1px dotted #666}.portrait-mid{width:100px}.mere-citation{width:100%;padding:var(--fs-xl);border:1px dashed var(--c-light);border-radius:var(--fs-ss)}.mere-citation q{font-size:var(--fs-l);line-height:150%;font-style:italic;letter-spacing:-.8px}.mere-citation .edito-author p{display:flex;flex-direction:column;gap:0;line-height:130%}.main-data{display:flex;width:100%;align-items:center;backdrop-filter:blur(8px);background-color:rgba(0,0,0,.2);justify-content:space-between;padding:var(--fs-m);border-radius:var(--fs-m);flex-wrap:wrap;gap:var(--fs-m);order:revert}.main-data>p{min-width:230px;font-weight:700;font-size:var(--fs-ss);color:rgba(255,255,255,.65)}.galery>div,.projets>a,a.star-project{border-radius:8px;font-size:.9rem;font-weight:700;overflow:hidden}.main-data ul{display:flex;gap:var(--fs-xs);flex-wrap:wrap}.main-data ul li{display:flex;flex-direction:column;justify-content:center;background-color:#fff;padding:var(--fs-xs) var(--fs-m);font-weight:700;border-radius:var(--fs-xs)}.main-data ul li h4{font-size:var(--fs-m);margin-bottom:3px;color:var(--c-dark)}.galery{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:30px;gap:6px}.page-mere,.page-mere>div{gap:var(--fs-xxxxl)}.galery>div,.projets>a{display:flex;align-items:center;justify-content:center;color:#fff}.r11{background-color:#e63946;grid-row:span 10}.r12{background-color:#f1a208;grid-row:span 20}.r21,.r22{grid-column:span 2}.r21{background-color:#457b9d;grid-row:span 10}.r22{background-color:#2a9d8f;grid-row:span 20}.r31,.r32{background-color:#ff6b6b;grid-column:span 3}.r31{grid-row:span 10}.r32{grid-row:span 20}.galery .legende{grid-column:span 1;grid-row:span 20;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:.5rem;font-size:14px;font-weight:300;line-height:120%;color:#000}.galery .legende h3{text-transform:uppercase;margin-bottom:var(--fs-xs);line-height:120%}.galery .legende p{line-height:130%;color:var(--c-med);text-align:left}.galery>div img,.projets>a img{width:100%}.empty{grid-column:span 1;grid-row:span 10;background:0 0;pointer-events:none}.projets>a{display:block;padding:0}.projets>a img{opacity:.85}.projets>a:hover img,a.star-project:hover img{width:101%;height:101%;margin:-.5% 0 0 -.5%;opacity:1}.miniatures a .tag,.projets .tag,.star-project .tag{position:absolute;left:0;bottom:0;padding:var(--fs-s) var(--fs-m);border-radius:0 15px 0 0;background-color:rgba(0,0,0,.3);backdrop-filter:blur(8px);max-width:100%;color:#fff;transition:.2s ease-in-out}.miniatures a:hover .tag,.projets a:hover .tag,a:hover.star-project .tag{bottom:0;background-color:rgba(0,0,0,.6)}.miniatures a .tag p,.projets .tag p,.star-project .tag p{font-size:var(--fs-ss);line-height:100%;font-weight:300}.miniatures a .tag h3,.projets .tag h3,.star-project .tag h3{font-size:var(--fs-m);line-height:130%;margin:0;text-transform:none}a.star-project{display:block;width:100%;aspect-ratio:3/2;background-color:#000;color:#fff}a.star-project img{width:100%;opacity:.85}.page-mere>div{width:calc(50% - calc(var(--fs-xxxxl)/ 2));display:flex;flex-direction:column;align-items:flex-start}.miniatures{display:flex;flex-direction:column;gap:4px}.miniatures ul{display:flex;flex-wrap:nowrap;gap:4px;column-gap:10px;width:100%;overflow:hidden}.miniatures ul li{flex:1 1;height:300px;border-radius:5px;overflow:hidden;transition:.4s ease-in-out}.miniatures ul li:hover{flex-grow:1.5}.miniatures ul li a{position:relative;display:block;width:100%;height:100%}.miniatures ul li a img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:.4s;filter:grayscale(0);z-index:1}.miniatures ul li:hover a img{width:100%;height:100%;object-fit:cover;opacity:1;transition:.4s;filter:grayscale(0)}.miniatures ul li a.temp:before,a.temp:before{content:'';position:absolute;top:13px;right:13px;width:25px;height:25px;background-image:url(../media/picto_sablier.svg);background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff;z-index:2}.miniatures ul li a .tag{position:absolute;bottom:-50px;left:0;display:flex;flex-direction:row;gap:10px;padding:7px 14px;transition:.2s ease-out .3s}.miniatures ul li:hover a .tag{bottom:0;left:0}.miniatures ul a .tag h3,.miniatures ul a .tag p{font-size:var(--fs-ss);line-height:110%}.fff{margin:auto;width:min(100%,800px)}ul.contactus{display:flex;flex-direction:column;gap:var(--fs-xs)}.contactus li a{font-weight:800;color:var(--c-med);transition:.3s ease-in-out}.grecaptcha-badge{width:70px!important;overflow:hidden!important;transition:.3s!important;right:0!important;bottom:70px!important}.grecaptcha-badge:hover{width:256px!important}@media (max-width:1400px){.galery{grid-auto-rows:20px}}@media (max-width:1000px){.galery,.miniatures ul{grid-template-columns:repeat(2,1fr)}html{line-height:140%}header{height:calc(100svh - 80px);min-height:600px}header .container{height:100%;display:flex;flex-direction:column;justify-content:space-around}.overlay{background:rgba(0,0,0,.6)}main{padding-block:10%}p.intro{font-size:var(--fs-s)}.conclusion p,.edito q,h2.introduction{font-size:var(--fs-ll);line-height:130%}.col-left{padding-block:0%}.col-11,.col-12,.col-13,.col-23,.page-mere,.page-mere>div{min-width:100%;align-items:flex-start}.edito-author{gap:20px;width:100%}.edito-author img{height:60px;width:60px}.edito-author p{display:flex;flex-wrap:wrap;row-gap:0;font-size:var(--fs-s)}.edito-author p em,.edito-author p strong{flex-grow:1;width:100%;line-height:130%}.acteurs,.case,.col-left,.ecolo,.edito p,.miniatures,.overlay,h1{width:100%}.case li{flex-grow:1}.main-data{flex-direction:column-reverse;align-items:flex-start}.main-data ul li,a.images{padding:8px var(--fs-s);flex-grow:1}a.images{width:100%;background-color:rgba(0,0,0,.2);color:#fff;padding-block:12px;border:1px solid rgba(255,255,255,.4)}.main-data ul li p{font-size:var(--fs-ss)}.main-data ul li h4{font-size:var(--fs-s);margin-bottom:2px}.galery{grid-auto-rows:auto}.projets{grid-auto-rows:15px}.galery .legende,.r11,.r12,.r21,.r22,.r31,.r32{grid-column:span 2}.projets .r11,.projets .r12,.projets .r21,.projets .r22,.projets .r31,.projets .r32{grid-column:span 2;grid-row:span 15}.empty{display:none!important}.galery .legende{grid-row:auto!important;height:auto;padding:2rem 0}.galery .legende p,.mere-citation q{font-size:var(--fs-m)}.miniatures ul{display:grid}.miniatures ul li{width:100%;height:150px}.miniatures ul li a img{opacity:1;filter:grayscale(0)}.miniatures ul li a .tag{flex-direction:column;gap:3px}.mere-citation{padding:var(--fs-l);border-radius:var(--fs-xs)}h1{text-wrap:balance}footer{padding-block:var(--fs-xxxxl)}footer .container{flex-wrap:wrap;column-gap:var(--fs-l);row-gap:var(--fs-xxl);font-size:var(--fs-s);justify-content:space-between;align-items:flex-start}footer .container a.logo_footer{margin-right:100%}footer .container ul{min-width:80%;flex:0 0}.page-mere>div{gap:var(--fs-xxl)}}