*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8f7f3;color:#232c28;font-family:Arial,Helvetica,sans-serif;line-height:1.6;--accent:#155a65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(2.7rem,4.6vw,5.1rem);font-weight:500;margin-bottom:26px}h2{font-size:clamp(2rem,3.4vw,3.4rem);font-weight:500;margin-bottom:28px}h3{font-size:1.55rem;font-weight:500}p{max-width:70ch}.topline{display:flex;justify-content:space-between;background:#243b32;color:#fff;padding:8px max(24px,calc((100vw - 1320px)/2));font-size:.74rem;letter-spacing:.09em;text-transform:uppercase}header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:26px 4.2%;border-bottom:1px solid #dcded7}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.15;font-size:1.15rem;font-weight:600;max-width:400px}.brand-mark{display:grid;place-items:center;width:46px;min-width:46px;height:46px;background:var(--accent);color:white;font-size:.95rem;letter-spacing:.05em}.brand small{display:block;text-transform:uppercase;font-size:.6rem;letter-spacing:.18em;margin-top:7px;font-weight:400}nav{display:flex;align-items:center;gap:25px;font-size:.88rem}nav>a{text-decoration:none}nav .button{padding:12px 18px}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:16px 25px;text-decoration:none;font-size:.92rem;cursor:pointer;border-radius:2px;font-weight:600}.button:hover{background:#253d34;color:white;border-color:#253d34}.button:disabled{opacity:.6;cursor:wait}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:0}main>section{max-width:1440px;margin:auto;padding:95px 4.2%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;min-height:690px;padding-top:70px;padding-bottom:80px}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:700;margin-bottom:24px}.intro{font-size:1.08rem;color:#546159;line-height:1.75}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:30px 0 18px}.text-link{font-size:1.03rem;text-decoration:none}.quiet{font-size:.8rem;color:#647066;line-height:1.6;margin-top:20px}.hero-art{margin:0;position:relative;background:#f0ece2;border:1px solid #ded9cd}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{padding:16px 22px;border-top:1px solid #d6d2c8;display:flex;gap:15px;justify-content:space-between;font-size:.8rem}.hero-art figcaption span{font-size:.68rem;text-transform:uppercase;color:#667267}.ribbon{display:flex;justify-content:space-evenly;gap:20px;padding:22px;background:#e6eade;border-block:1px solid #d8dfce;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.section-title{max-width:600px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd3c9}.service{padding:30px 30px 10px 0}.service+article{padding-left:30px;border-left:1px solid #d8ddd2}.service p{font-size:.96rem;color:#576157}.service a{font-size:.83rem}.serial{font-size:.75rem;color:var(--accent);display:block;margin-bottom:35px;letter-spacing:.12em}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eeeee7;border-block:1px solid #dedfd6}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{padding:22px 0 22px 45px;border-top:1px solid #ccd0c6;position:relative}.steps li:before{counter-increment:step;content:'0' counter(step);position:absolute;left:0;color:var(--accent);font-size:.75rem;top:26px}.steps strong{display:block;font-weight:500;font-size:1.1rem}.steps span{display:block;color:#596459;font-size:.91rem;margin-top:7px}.zones{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.zone{display:flex;align-items:flex-start;gap:24px;padding:26px 0;border-top:1px solid #cdd3c9}.dept{font-size:2.3rem;line-height:1;color:var(--accent);width:57px;flex-shrink:0;letter-spacing:-.06em}.zone h3{font-size:1.25rem;margin:0 0 12px;letter-spacing:-.02em}.zone p{font-size:.9rem;margin-bottom:10px}.zone a{font-size:.78rem}.faq{border-top:1px solid #d8ddd2;max-width:1100px!important}.faq h2{font-size:2.2rem}.final{background:#243b32;color:#fff;max-width:none!important;padding-left:max(4.2%,calc((100vw - 1320px)/2));padding-right:max(4.2%,calc((100vw - 1320px)/2))}.final .eyebrow{color:#c6d5ba}.final .button{background:#e7eddb;color:#243b32;border-color:#e7eddb}.phone{display:inline-block;margin-left:30px;text-decoration:none}.page-head{padding-bottom:50px!important;border-bottom:1px solid #d8ddd2}.page-head h1{max-width:1000px}.page-head>p:last-child{font-size:1.1rem;max-width:800px}.detail{display:grid;grid-template-columns:100px 1fr;gap:30px;border-bottom:1px solid #d8ddd2}.detail>div{max-width:800px}.detail h3{font-size:1.2rem;margin-top:30px}.contact{display:grid;grid-template-columns:.8fr 1.3fr;gap:9%}.contact aside h2{font-size:2.3rem}form{min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:.85rem;display:flex;flex-direction:column;gap:8px}input,select,textarea{width:100%;min-width:0;border:1px solid #b7c1b3;background:#fff;border-radius:2px;padding:12px;color:#232c28}textarea{resize:vertical}.wide{grid-column:1/-1}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-status{margin-top:20px;padding:0;overflow-wrap:anywhere}#form-status.success{padding:20px;background:#e5eddd;color:#243b32;border:1px solid #aaba9e}#form-status.error{padding:20px;background:#fff0ea;color:#813b24;border:1px solid #d9a488}.prose{max-width:1050px!important}.prose h2{font-size:1.8rem;margin-top:35px}footer{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px;padding:70px 4.2% 45px;color:#596359;font-size:.85rem}footer a{display:inline-block;margin-bottom:8px}.footer-name{font-size:1.1rem;max-width:300px;color:#243b32}.mobile-cta{display:none}.studio{background:#fbf8f2}.studio h1,.studio h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em}.studio .hero{grid-template-columns:1fr 1fr}.studio .hero-art{transform:rotate(-1deg)}.technique .topline,.technique .final{background:#182c39}.technique .hero{background:linear-gradient(135deg,#eef2f3,#f8f7f3)}.technique h1{font-weight:650}.chantier .brand-mark{border-radius:50%}.chantier h1{font-weight:700;letter-spacing:-.055em}.chantier .hero-art{border:12px solid #e8e3d7}.vitrage .hero-art{border:0;box-shadow:20px 20px 0 #e4ece8}.vitrage .ribbon{background:#e0ebe9}.habitat h1,.habitat h2{font-family:Georgia,'Times New Roman',serif}.habitat .hero-art{border-radius:180px 180px 0 0;overflow:hidden}.habitat .hero-art img{padding-top:25px}
@media(min-width:1600px){.hero{min-height:760px}}@media(max-width:1100px){nav{gap:15px}.brand{font-size:.95rem;max-width:310px}header{padding-inline:25px}.hero{gap:35px}main>section{padding:70px 28px}.hero-art figcaption{display:block}.hero-art figcaption span{display:block;margin-top:5px}.phone{margin-top:20px}}@media(max-width:800px){header{position:relative;padding:20px}.brand{max-width:78%}.menu{display:block;border:1px solid #a7b4a3;background:transparent;padding:9px 12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f8f7f3;padding:25px;z-index:20;border-bottom:1px solid #b8c3b2}nav.open{display:grid;gap:20px}.hero,.studio .hero{grid-template-columns:1fr;min-height:0;padding-top:45px;gap:40px}.hero-art{max-width:600px;width:100%;justify-self:center}.hero-art img{max-height:400px;object-fit:contain}.hero-art figcaption{display:flex}.services{grid-template-columns:1fr}.service+article{padding-left:0;border-left:0;border-top:1px solid #d8ddd2}.service{padding-block:25px}.serial{margin-bottom:18px}.split,.contact{grid-template-columns:1fr;gap:30px}.zones{grid-template-columns:1fr}.ribbon{flex-wrap:wrap;font-size:.65rem;gap:8px 20px}.detail{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr 1fr;padding-bottom:100px}footer>div:first-child{grid-column:1/-1}.mobile-cta{display:grid;grid-template-columns:1fr 1.6fr;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:30;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));gap:10px;border-top:1px solid #cbd3c4}.mobile-cta a{text-align:center;text-decoration:none;padding:10px;font-size:.85rem;border:1px solid var(--accent);color:var(--accent)}.mobile-cta a:last-child{background:var(--accent);color:white}.topline{padding-inline:20px}.final h2{max-width:600px}.phone{display:block;margin-left:0}}@media(max-width:480px){h1{font-size:2.65rem}main>section{padding:55px 22px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.hero-art figcaption{display:block}.actions{gap:18px}.brand small{font-size:.55rem}footer{grid-template-columns:1fr;gap:25px;padding-inline:22px}footer>div:first-child{grid-column:auto}.topline{font-size:.62rem}.quiet{font-size:.76rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}