@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300..600&family=Geist:wght@300..700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--suie:#050505;--cendre:#131110;--chaux:#f4f0e9;--fumee:#a49c92;--braise:#e2571e;--fonte:#f4f0e924;--paper:var(--chaux);--ember:var(--braise);--ember-soft:#f08a4c;--display:"Fraunces", Georgia, "Times New Roman", serif;--mono:"Geist", system-ui, sans-serif;--texte:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--max:1180px;--marge:clamp(20px, 5vw, 56px);--barre-h:68px;font-family:var(--texte)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--barre-h) + 18px)}body{background:var(--suie);color:var(--chaux);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--display);letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:400;line-height:1.04}p{text-wrap:pretty;margin:0}::selection{background:var(--braise);color:var(--suie)}:focus-visible{outline:2px solid var(--ember-soft);outline-offset:3px}.lien-evitement{z-index:200;background:var(--chaux);color:var(--suie);border-radius:6px;padding:12px 16px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.lien-evitement:focus{transform:none}main{background:var(--suie);position:relative}.contenant{width:min(100% - (var(--marge) * 2), var(--max));margin-inline:auto}.button{cursor:pointer;min-height:52px;font-family:var(--texte);letter-spacing:-.005em;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:0 24px;font-size:16px;font-weight:600;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.button.primary{background:var(--braise);color:#0b0503}.button.primary:hover{background:#f2662b}.button.ghost{color:var(--chaux);background:#f4f0e90a;border-color:#f4f0e947}.button.ghost:hover{background:#f4f0e917;border-color:#f4f0e98c}.barre{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505d9;border-bottom:1px solid #f4f0e914;position:fixed;top:0;left:0;right:0}.barre-interieur{width:min(100% - (var(--marge) * 2), var(--max));min-height:var(--barre-h);align-items:center;gap:16px;margin-inline:auto;display:flex}.marque{align-items:center;gap:10px;min-width:0;min-height:44px;margin-right:auto;display:flex}.marque img{object-fit:contain;opacity:.92;width:30px;height:30px}.marque-nom{font-family:var(--display);white-space:nowrap;font-size:18px;line-height:1.1;display:block}.marque-nom small{color:var(--fumee);font-family:var(--texte);letter-spacing:.02em;font-size:12px;display:block}.barre-liens{color:var(--fumee);align-items:center;gap:26px;font-size:15px;display:flex}.barre-liens a{text-align:center;min-width:44px;padding:12px 0;transition:color .18s}.barre-liens a:hover{color:var(--chaux)}.barre-tel{white-space:nowrap;border:1px solid #f4f0e93d;border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.barre-tel:hover{border-color:#f4f0e980}.barre-menu{width:44px;height:44px;color:var(--chaux);cursor:pointer;background:0 0;border:1px solid #f4f0e93d;border-radius:4px;flex:none;place-items:center;display:none}.barre-panneau{background:var(--cendre);border-top:1px solid #f4f0e914;display:none}.barre-panneau.est-ouvert{display:block}.barre-panneau a{width:min(100% - (var(--marge) * 2), var(--max));border-bottom:1px solid #f4f0e914;margin-inline:auto;padding:15px 0;font-size:17px;display:block}.barre-panneau a:last-child{border-bottom:0}.hero{min-height:min(88svh,760px);padding-top:calc(var(--barre-h) + 40px);background:#0a0807;align-items:flex-end;padding-bottom:clamp(40px,7vw,76px);display:flex;position:relative;overflow:hidden}.hero-video{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-voile{z-index:1;background:linear-gradient(180deg, #0505056b 0%, #05050524 26%, #05050533 46%, #050505bd 78%, var(--suie) 100%);position:absolute;inset:0}.hero-grain{z-index:2;opacity:.2;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-texte{z-index:3;width:min(100% - (var(--marge) * 2), var(--max));margin-inline:auto;position:relative}.hero-lieu{color:#f4f0e9d1;letter-spacing:.01em;margin-bottom:18px;font-size:15px}.hero h1{text-shadow:0 2px 26px #00000080;max-width:15ch;font-size:clamp(44px,7.4vw,92px);font-weight:300;line-height:.98}.hero-accroche{color:#f4f0e9e0;max-width:46ch;margin-top:22px;font-size:clamp(17px,1.6vw,21px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.metier{padding:clamp(64px,9vw,118px) 0 clamp(52px,7vw,88px)}.metier h2{max-width:18ch;font-size:clamp(32px,4.6vw,58px)}.metier-corps{gap:22px;max-width:62ch;margin-top:34px;display:grid}.metier-corps .grand{font-family:var(--display);font-size:clamp(20px,2.3vw,27px);font-weight:300;line-height:1.45}.metier-corps p:not(.grand){color:var(--fumee);font-size:17px}.metier-reperes{border-top:1px solid var(--fonte);flex-wrap:wrap;gap:clamp(24px,4vw,56px);margin:clamp(40px,6vw,66px) 0 0;padding:26px 0 0;list-style:none;display:flex}.metier-reperes li{flex:240px;gap:12px;max-width:400px;display:flex}.metier-reperes li:nth-child(2){flex-basis:200px}.metier-reperes svg{color:var(--braise);flex:none;margin-top:3px}.metier-reperes strong{font-size:16px;font-weight:600;display:block}.metier-reperes span{color:var(--fumee);margin-top:4px;font-size:15px;line-height:1.5;display:block}.departs{grid-template-columns:7fr 5fr;margin-top:clamp(20px,4vw,44px);display:grid}.depart{align-items:flex-end;min-height:clamp(360px,42vw,480px);padding:clamp(32px,4vw,54px);display:flex;position:relative}.depart-photo{background:#100c0a;overflow:hidden}.depart-photo img{z-index:0;object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.depart-photo:after{content:"";z-index:1;background:linear-gradient(200deg,#05050540,#050505e0 72%);position:absolute;inset:0}.depart-aplat{background:var(--cendre)}.depart-texte{z-index:2;max-width:42ch;position:relative}.depart h2{font-size:clamp(30px,3.6vw,46px)}.depart-aplat h2{color:var(--braise)}.depart p{color:#f4f0e9d1;margin-top:16px;font-size:clamp(16px,1.4vw,18px);line-height:1.62}.depart-aplat p{color:var(--fumee)}.travaux{padding:clamp(64px,9vw,118px) 0 clamp(56px,8vw,100px)}.travaux-entete{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(30px,4vw,46px);display:flex}.travaux-entete h2{font-size:clamp(32px,4.6vw,58px)}.travaux-entete p{max-width:34ch;color:var(--fumee);font-size:16px}.bento{grid-template-rows:340px 230px 300px;grid-template-columns:1.35fr 1fr;gap:18px;display:grid}.tuile{border-radius:4px;margin:0;position:relative;overflow:hidden}.tuile-photo img{object-fit:cover;width:100%;height:100%}.tuile-photo figcaption{z-index:2;color:var(--chaux);text-shadow:0 1px 14px #000c;font-size:15px;font-weight:600;position:absolute;bottom:18px;left:20px;right:20px}.tuile-photo:after{content:"";z-index:1;background:linear-gradient(#0000 45%,#050505d1);position:absolute;inset:0}.tuile-mot{background:var(--cendre);flex-direction:column;justify-content:center;gap:12px;padding:clamp(22px,2.6vw,34px);display:flex}.tuile-mot svg{color:var(--braise)}.tuile-mot h3{font-size:clamp(22px,2.4vw,30px)}.tuile-mot p{color:var(--fumee);font-size:16px;line-height:1.6}.tuile-poele{grid-area:1/1}.tuile-poele img{object-position:center 66%}.tuile-mesure{grid-area:1/2/span 2}.tuile-conformite{border:1px solid var(--fonte);background:0 0;grid-area:2/1}.tuile-insert{grid-area:3/1/auto/span 2}.tuile-insert img{object-position:center 72%}.chantier-image img{object-position:center 42%}.chantier{padding-bottom:clamp(64px,9vw,118px)}.chantier-inner{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(28px,5vw,66px);display:grid}.chantier-image{aspect-ratio:4/5;border-radius:4px;overflow:hidden}.chantier-image img{object-fit:cover;width:100%;height:100%}.chantier-liste h2{font-size:clamp(32px,4.6vw,58px)}.chantier-liste>p{max-width:44ch;color:var(--fumee);margin-top:16px;font-size:16px}.etape{border-top:1px solid var(--fonte);gap:18px;margin-top:26px;padding-top:26px;display:flex}.etape svg{color:var(--braise);flex:none;margin-top:5px}.etape h3{font-size:clamp(21px,2.1vw,27px)}.etape p{max-width:52ch;color:var(--fumee);margin-top:8px;font-size:16px;line-height:1.62}.projet{background:var(--cendre);padding:clamp(56px,8vw,96px) 0}.projet-inner{grid-template-columns:4fr 6fr;align-items:start;gap:clamp(32px,5vw,70px);display:grid}.projet-copie h2{font-size:clamp(32px,4.4vw,54px)}.projet-copie>p{max-width:40ch;color:var(--fumee);margin-top:18px;font-size:17px}.projet-contacts{gap:2px;margin-top:30px;display:grid}.projet-contacts a,.projet-contacts span{color:#f4f0e9e6;align-items:center;gap:12px;min-height:48px;font-size:16px;display:flex}.projet-contacts svg{color:var(--braise);flex:none}.projet-contacts .gros{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(26px,3vw,36px)}.project-form{border:1px solid var(--fonte);background:#f4f0e908;border-radius:6px;gap:16px;padding:clamp(22px,3vw,34px);display:grid}.form-heading{gap:6px;padding-bottom:6px;display:grid}.form-heading span{color:var(--braise);font-size:14px;font-weight:600}.form-heading strong{font-family:var(--display);font-size:clamp(20px,2.2vw,26px);font-weight:400;line-height:1.2}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}label{color:var(--fumee);gap:7px;font-size:14px;font-weight:500;display:grid}input,select,textarea{width:100%;min-height:50px;color:var(--chaux);background:#0505058c;border:1px solid #f4f0e929;border-radius:4px;padding:13px 14px;font-size:16px}textarea{resize:vertical;min-height:118px}input::placeholder,textarea::placeholder{color:var(--fumee)}input:focus,select:focus,textarea:focus{border-color:#f08a4cb3;outline:none}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fumee) 50%), linear-gradient(135deg, var(--fumee) 50%, transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.form-note{color:var(--fumee);font-size:14px;line-height:1.55}.form-submit{width:100%}footer{padding:clamp(40px,6vw,64px) 0 34px}.pied-inner{border-top:1px solid var(--fonte);flex-wrap:wrap;justify-content:space-between;gap:30px;padding-top:30px;display:flex}.pied-marque{align-items:center;gap:12px;display:flex}.footer-mark{cursor:pointer;background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.footer-mark img{object-fit:contain;opacity:.8;width:30px;height:30px}.pied-marque strong{font-family:var(--display);font-size:19px;font-weight:400;display:block}.pied-marque span{color:var(--fumee);font-size:14px;display:block}.pied-liens{color:var(--fumee);flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:15px;display:flex}.pied-liens a{align-items:center;min-height:44px;display:inline-flex}.pied-liens a:hover{color:var(--chaux)}@media (width<=1020px){.bento{grid-template-rows:260px 220px 260px}}@media (width<=900px){.barre-liens{display:none}.barre-menu{display:grid}.departs{grid-template-columns:1fr}.depart{min-height:320px}.chantier-inner{grid-template-columns:1fr}.chantier-image{aspect-ratio:16/10}.projet-inner{grid-template-columns:1fr}}@media (width<=760px){body{font-size:16px}.bento{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto}.tuile-poele,.tuile-mesure,.tuile-conformite,.tuile-insert{grid-area:auto/1}.tuile-photo{height:280px}.metier-reperes{gap:22px}.metier-reperes li,.metier-reperes li:nth-child(2){flex-basis:100%;max-width:none}}@media (width<=560px){.form-row{grid-template-columns:1fr}.hero-actions .button{flex:100%}.marque-nom{font-size:16px}}@media (width<=430px){.barre-tel span{display:none}.barre-tel{justify-content:center;width:44px;padding:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}.hero{background-image:url(/atelier-atre-hero-poster.webp);background-position:50%;background-size:cover}}:root{--suie-2:#0c0a09;--terre:#17130f}.metier{background:radial-gradient(120% 96% at 6% 0%, #e2571e1a, transparent 58%), var(--terre)}.metier-reperes{border-top-color:#f4f0e917}.departs{background:var(--suie)}.travaux{background:var(--suie-2)}.chantier{background:radial-gradient(90% 70% at 96% 8%, #e2571e0e, transparent 60%), var(--suie)}.admin-panel{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505d6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.admin-shell{background:linear-gradient(#1a1614,#0b0a09);border:1px solid #f4f0e924;border-radius:10px;width:min(1120px,100%);max-height:min(820px,100svh - 44px);position:relative;overflow:hidden;box-shadow:0 34px 110px #0000009e}.admin-close,.icon-danger{color:#f4f0e9db;cursor:pointer;background:#f4f0e90f;border:1px solid #f4f0e921;place-items:center;display:grid}.admin-close{z-index:3;border-radius:999px;width:44px;height:44px;position:absolute;top:16px;right:16px}.admin-login{text-align:center;justify-items:center;gap:16px;width:min(440px,100%);margin:auto;padding:clamp(34px,6vw,72px) 26px;display:grid}.admin-login-icon{width:54px;height:54px;color:var(--ember-soft);background:#e2571e1f;border:1px solid #f08a4c47;border-radius:999px;place-items:center;display:grid}.admin-login span,.admin-header span{color:var(--ember-soft);font-family:var(--mono);letter-spacing:.04em;font-size:12px;font-weight:700}.admin-login h2,.admin-header h2{color:var(--paper);font-family:var(--display);margin:0;font-size:clamp(30px,5vw,46px);font-weight:400;line-height:1.02}.admin-login p{color:#f4f0e9ad;max-width:360px;margin:0;font-size:15px;line-height:1.6}.admin-login input{text-align:center}.admin-login small{color:#ffb090;font-weight:700}.admin-inbox{grid-template-rows:auto 1fr;max-height:min(820px,100svh - 44px);display:grid}.admin-header{border-bottom:1px solid #f4f0e91a;justify-content:space-between;align-items:end;gap:20px;padding:30px 72px 24px 30px;display:flex}.admin-count{color:#f4f0e9c7;border:1px solid #f4f0e91f;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.admin-layout{grid-template-columns:minmax(270px,.36fr) 1fr;min-height:0;display:grid}.admin-list{border-right:1px solid #f4f0e91a;align-content:start;gap:8px;max-height:calc(100svh - 172px);padding:18px;display:grid;overflow:auto}.request-mail{color:#f4f0e9c7;text-align:left;cursor:pointer;background:#f4f0e90b;border:1px solid #f4f0e914;border-radius:8px;gap:7px;width:100%;padding:16px;display:grid}.request-mail.is-active{background:#e2571e24;border-color:#f08a4c66}.request-mail strong{color:var(--paper);font-size:15px}.request-mail small,.request-mail time{color:#f4f0e99e;font-size:12px}.mail-status{color:#f4f0e9c7;letter-spacing:.03em;background:#f4f0e90d;border:1px solid #f4f0e91f;border-radius:999px;justify-self:start;padding:5px 9px;font-size:11px;font-weight:700}.status-new{color:#ffd1b6;background:#e2571e24;border-color:#f08a4c57}.status-contacted{color:#e6c49c;background:#b994691f;border-color:#b9946957}.status-archived{color:#f4f0e99e}.admin-detail{max-height:calc(100svh - 172px);padding:clamp(20px,3vw,34px);overflow:auto}.detail-head{border-bottom:1px solid #f4f0e91a;justify-content:space-between;align-items:start;gap:22px;padding-bottom:24px;display:flex}.detail-head h3{color:var(--paper);font-family:var(--display);margin:12px 0 0;font-size:clamp(26px,4vw,42px);font-weight:400;line-height:1.05}.detail-head p{color:#f4f0e99e;align-items:center;gap:7px;margin:10px 0 0;font-size:13px;display:inline-flex}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.icon-danger{color:#ffc1ae;border-radius:999px;width:46px;height:46px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.detail-grid div{background:#f4f0e90a;border:1px solid #f4f0e917;border-radius:8px;gap:7px;min-height:92px;padding:15px;display:grid}.detail-grid span,.detail-message span{color:var(--ember-soft);font-family:var(--mono);letter-spacing:.03em;font-size:12px;font-weight:600}.detail-grid strong{color:#f4f0e9e6;font-size:14px;line-height:1.35}.detail-message{background:#f4f0e90a;border:1px solid #f4f0e917;border-radius:8px;gap:10px;margin-top:18px;padding:18px;display:grid}.detail-message p{color:#f4f0e9d6;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.7}.admin-note{margin-top:18px}.admin-note textarea{min-height:96px}.status-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.status-row button{color:#f4f0e9d1;cursor:pointer;background:#f4f0e90e;border:1px solid #f4f0e921;border-radius:999px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600}.admin-empty{color:#f4f0e99e;text-align:center;place-items:center;gap:12px;min-height:220px;display:grid}.detail-empty{min-height:420px}@media (width<=940px){.admin-layout{grid-template-columns:1fr}.admin-list{border-bottom:1px solid #f4f0e91a;border-right:0;max-height:none;display:flex;overflow-x:auto}.request-mail{min-width:260px}.admin-detail{max-height:calc(100svh - 338px)}.detail-head{display:grid}.detail-actions{justify-content:flex-start}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.admin-panel{padding:10px}.admin-shell,.admin-inbox{max-height:calc(100svh - 20px)}.admin-header{padding:24px 62px 18px 18px;display:grid}.admin-list{padding:12px}.request-mail{min-width:230px;padding:13px}.admin-detail{max-height:calc(100svh - 318px);padding:18px}.detail-grid{grid-template-columns:1fr}.status-row button{flex:1}}
