@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#090b12;--surface:#121622;--text:#f4f4f6;--muted:#b8bdc9;--accent:#b89cff;--line:#35394a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px;z-index:99;background:#fff;color:#111;padding:1rem}.skip:focus{left:1rem;top:1rem}.header{position:sticky;top:0;z-index:40;background:rgba(9,11,18,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar{height:76px;max-width:1580px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 4vw}.brand{display:flex;align-items:center;gap:.8rem;font:800 1.25rem Manrope,sans-serif;letter-spacing:-.055em;white-space:nowrap}.brand-mark{width:31px;height:31px;border:2px solid var(--accent);border-radius:50% 30% 50% 30%;transform:rotate(-20deg);box-shadow:inset 0 0 12px var(--accent)}.desktop{display:flex;align-items:center;gap:1.25rem}.desktop a,.mobile a{font-size:.82rem;color:#d2d2db}.desktop a:hover,.desktop a[aria-current],.mobile a[aria-current]{color:var(--accent)}.nav-group{position:relative}.nav-group>button{background:none;border:0;color:#d2d2db;font-size:.82rem;padding:1.7rem 0}.submenu{display:none;position:absolute;top:100%;left:-1rem;min-width:220px;padding:.65rem;background:#171a27;border:1px solid var(--line);box-shadow:0 14px 35px #0008}.nav-group:hover .submenu,.nav-group:focus-within .submenu{display:grid;gap:.3rem}.submenu a{padding:.45rem .5rem}.nav-cta{border:1px solid var(--accent);padding:.65rem .9rem;border-radius:2px!important}.menu-button{display:none;background:none;color:white;border:1px solid var(--line);padding:.55rem .8rem}.mobile{display:none}.hero{position:relative;min-height:min(740px,78vh);display:flex;align-items:center;overflow:hidden;background:#10111a}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,16,.97),rgba(7,8,16,.68) 48%,rgba(7,8,16,.12)),var(--hero) center / cover}.hero:after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,var(--bg))}.hero-inner{position:relative;z-index:1;max-width:1000px;padding:6rem 7vw}.hero h1{font:800 clamp(3.3rem,7.2vw,7.5rem)/1.03 Manrope,sans-serif;letter-spacing:-.08em;margin:1rem 0 1.6rem}.hero em{color:var(--accent);font-style:normal}.hero-inner>p:not(.eyebrow){max-width:630px;font-size:clamp(1rem,1.45vw,1.2rem);color:#e2e0e9}.eyebrow{font-size:.75rem!important;font-weight:700;letter-spacing:.2em;color:var(--accent)!important;text-transform:uppercase}.actions{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;padding:.95rem 1.35rem;border:1px solid var(--accent);background:var(--accent);color:#10101a;font-weight:700;min-height:48px}.button:hover{background:#d0bdff}.button.secondary{background:transparent;color:var(--text)}.button.secondary:hover{background:#2b2443}.text-link{color:var(--text);border-bottom:1px solid var(--accent);padding:.5rem 0}.hero-index{position:absolute;right:4vw;bottom:3rem;z-index:2;color:#fff9;font-size:.7rem;letter-spacing:.17em}.section{max-width:1440px;margin:0 auto;padding:clamp(4rem,8vw,8rem) 5vw}.section+.section{border-top:1px solid #ffffff16}.section h2{font:800 clamp(2.2rem,4.2vw,4.5rem)/1.12 Manrope,sans-serif;letter-spacing:-.06em;max-width:900px;margin:.65rem 0 1rem}.lead{max-width:780px;color:var(--muted);font-size:1.1rem;margin-bottom:2.5rem}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.feature{background:var(--surface);border:1px solid var(--line);min-width:0;overflow:hidden;transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-5px);border-color:var(--accent)}.feature img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080910}.feature>div{padding:1.8rem}.feature h3,.split h3,.price h3{font:700 clamp(1.35rem,2vw,2rem) Manrope,sans-serif;letter-spacing:-.04em;margin:.5rem 0}.feature p,.split p,.price p{color:var(--muted)}.arrow{display:inline-block;margin-top:1rem;color:var(--accent);font-weight:700}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}.split img{width:100%;max-height:490px;object-fit:contain;background:#05060a}.split .button{margin-top:1.3rem}.video-grid,.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.video-grid figure{margin:0;background:#141724;border:1px solid var(--line)}.video-grid video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}.video-grid figcaption{padding:1rem 1.3rem}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price{border:1px solid var(--line);padding:2rem;background:#161725;display:flex;flex-direction:column}.price strong{font-size:1.3rem;margin:auto 0 1rem;padding-top:1rem}.drawing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.drawing-grid a{border:1px solid var(--line);background:#fff;color:#111}.drawing-grid img{width:100%;aspect-ratio:4/3;object-fit:contain}.drawing-grid span{display:block;padding:.8rem;font-weight:700}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:850px}.form label{display:grid;gap:.35rem}.form label:has(textarea){grid-column:1/-1}.form input,.form textarea,.form select{width:100%;padding:.85rem;background:#161a27;color:white;border:1px solid #555b6b}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--accent)}.form button{justify-self:start}.form #form-status{grid-column:1/-1}.footer{border-top:1px solid var(--line);padding:4rem 5vw 2rem;background:#0d1019}.footer-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3rem}.footer h3{font:700 1rem Manrope}.footer a{display:block;color:#c1c4cf;margin:.4rem 0}.footer a:hover{color:var(--accent)}.footer small{color:#9295a1}.test-banner{padding:.45rem 1rem;text-align:center;background:#272038;color:#ebdcff;font-size:.76rem;letter-spacing:.04em}@media(max-width:1200px){.desktop{gap:.7rem}.desktop a,.nav-group>button{font-size:.72rem}.topbar{padding:0 2vw}}@media(max-width:980px){.desktop{display:none}.menu-button{display:block}.mobile.open{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);padding:1rem 4vw 1.4rem}.mobile a{padding:.65rem}.hero{min-height:620px}.hero:before{background:linear-gradient(90deg,#090b12e8,#090b1290),var(--hero) center / cover}.split{gap:2rem}.price-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{height:66px;padding:0 5vw}.mobile.open{grid-template-columns:1fr}.hero{min-height:590px}.hero-inner{padding:5rem 6vw}.hero-index{display:none}.feature-grid,.video-grid,.split,.form{grid-template-columns:1fr}.drawing-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;gap:1.5rem}.section{padding:4rem 6vw}.feature img{aspect-ratio:16/10}.form label:has(textarea){grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.configurator{display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:2rem}.config-fields,.config-summary{background:#151825;border:1px solid var(--line);padding:2rem}.config-fields>label,.config-fields fieldset label{display:grid;gap:.6rem;margin-bottom:1.4rem}.config-fields select,.config-fields input[type=number]{padding:.7rem;background:#090b12;border:1px solid #62687a;color:#fff;width:100%}.config-fields fieldset{border:1px solid var(--line);padding:1.2rem}.config-fields fieldset label{display:flex;align-items:center;gap:.7rem;margin:.7rem 0}.config-fields fieldset input{width:18px;height:18px;accent-color:var(--accent)}.config-summary strong{display:block;font:800 clamp(2.2rem,4vw,4rem) Manrope;margin:1rem 0;color:var(--accent)}.config-summary p:not(.eyebrow){color:var(--muted)}.config-summary .button{margin-top:1rem}@media(max-width:650px){.configurator{grid-template-columns:1fr}.config-fields,.config-summary{padding:1.3rem}}.draw-tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}.draw-tools label{display:flex;align-items:center;gap:.7rem}.draw-tools input[type=color]{width:44px;height:44px;background:none;border:0}.draw-tools input[type=range]{accent-color:var(--accent)}#draw-canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#fff;border:2px solid var(--accent);touch-action:none;cursor:crosshair}
/* SV DEV EDITORIAL 20260923 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{color-scheme:light;--bg:#f7f6f2;--surface:#fff;--text:#172b36;--muted:#55656d;--accent:#af7938;--line:#dadbd7}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}
.header{background:#fffffff5;border-color:#e4e4de;box-shadow:0 4px 20px #172b3612}
.topbar{height:90px;max-width:1600px}
.brand{color:#18313d;font-size:1.42rem}
.brand-mark{border-color:var(--accent);box-shadow:inset 0 0 12px #af793866}
.desktop a,.nav-group>button,.mobile a{color:#233744;font-weight:600}
.desktop a:hover,.desktop a[aria-current],.mobile a[aria-current]{color:#a36a2c}
.submenu,.mobile.open{background:#fff;border-color:#e7e3db}
.nav-cta{background:#af7938;color:#fff!important;border-color:#af7938;padding:.8rem 1rem}
.menu-button{color:#233744;border-color:#9a9f9d}
.test-banner{background:#203743;color:#f4e8d5}
.hero{min-height:min(730px,82vh);background:#122b38}
.hero:before{background:linear-gradient(90deg,#0c2636ef 0%,#0c2636bd 43%,#0c263626),var(--hero) center / cover}
.hero:after{background:linear-gradient(transparent,var(--bg));height:80px}
.hero h1{font:600 clamp(3.4rem,7vw,7.3rem)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.045em;color:#fff}
.hero em{color:#e7bd80;font-style:italic}
.hero-inner>p:not(.eyebrow){color:#f4f3ef}
.hero .eyebrow{color:#e9be81!important}
.eyebrow{color:#a46a2c!important}
.section{max-width:1500px;padding:clamp(5rem,8vw,8rem) 6vw}
.section+.section{border-color:#dadbd7}
.section h2{font:600 clamp(2.4rem,4.5vw,4.7rem)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.035em;max-width:1020px}
.lead{color:#55656d;font-size:1.16rem;line-height:1.8}
.feature-grid{gap:1.6rem}
.feature{background:#fff;border-color:#e0dfda;box-shadow:0 15px 36px #17303b12}
.feature:hover{border-color:#c8a378;box-shadow:0 23px 45px #17303b25}
.feature img{aspect-ratio:16/10;object-fit:cover;background:#112a37}
.feature>div{padding:2rem}
.feature h3,.split h3,.price h3{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.025em}
.feature p,.split p,.price p{color:#55656d}
.arrow{color:#a46a2c}
.button{background:#af7938;border-color:#af7938;color:#fff}
.button:hover{background:#8d5b26;border-color:#8d5b26;color:#fff}
.button.secondary{color:#9d6327;background:transparent}
.text-link{border-bottom-color:#d6a86e}
.section .text-link{color:#9d6327}
.split img{object-fit:cover;background:#112a37}
.price,.config-fields,.config-summary,.video-grid figure{background:#fff;border-color:#dfdfd8;box-shadow:0 12px 30px #17303b10}
.price strong,.config-summary strong{color:#9d6327}
.form input,.form textarea,.form select,.config-fields select,.config-fields input[type=number]{background:#fff;color:#20343f;border-color:#aeb5b5}
.config-fields fieldset{border-color:#dfdfd8}
.config-fields fieldset input,.draw-tools input[type=range]{accent-color:#af7938}
#draw-canvas{border-color:#af7938}
.footer{background:#182e3a;color:#e8eeec;border-top:4px solid #af7938}
.footer .brand,.footer h3{color:#fff}
.footer a{color:#d5dcdb}
.footer a:hover{color:#e7bd80}
.footer p,.footer small{color:#b6c1c3}
@media(max-width:980px){.topbar{height:72px}.hero:before{background:linear-gradient(90deg,#0c2636ed,#0c26369e),var(--hero) center / cover}}
@media(max-width:650px){.hero h1{font-size:clamp(3rem,12vw,4.4rem)}.section{padding:4.5rem 6vw}.feature>div{padding:1.4rem}}

/* Gallery, activities and contact: dev only */
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}
.section-heading .lead{margin-bottom:0}
.section-link{white-space:nowrap;color:#945e26;border-bottom:1px solid #af7938;padding-bottom:.4rem;font-weight:700;margin-bottom:.7rem}
.filters{display:flex;gap:.7rem;flex-wrap:wrap;margin:2.3rem 0 1.5rem}
.filters button{background:transparent;border:1px solid #aaa99f;color:#263b45;border-radius:2px;padding:.6rem 1.05rem;font-weight:600}
.filters button:hover,.filters button.active{background:#243c47;border-color:#243c47;color:#fff}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:1rem;margin-bottom:2rem}
.portfolio-card{position:relative;display:block;min-height:255px;overflow:hidden;background:#172d39;color:#fff}
.portfolio-card.large{grid-column:span 2;grid-row:span 2;min-height:526px}
.portfolio-card[hidden]{display:none!important}
.portfolio-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s}
.portfolio-card:hover img{transform:scale(1.045)}
.portfolio-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0c1e2cdb)}
.portfolio-card span{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:1.4rem 1.7rem;display:grid;gap:.3rem}
.portfolio-card small{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#efc58b}
.portfolio-card strong{font:600 clamp(1.4rem,2vw,2.4rem) 'Playfair Display',Georgia,serif}
.portfolio-card em{font-style:normal;font-size:.85rem;color:#f0e5d7}
.contact-band{background:#1b3542;color:#fff;padding:clamp(4rem,7vw,7rem) max(6vw,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:3rem}
.contact-band h2{font:600 clamp(2.7rem,5vw,5rem)/1.1 'Playfair Display',Georgia,serif;margin:.5rem 0 1rem}
.contact-band p{max-width:680px;color:#dce4e3}
.contact-band .eyebrow{color:#eac18a!important}
.contact-actions{display:grid;gap:1rem;justify-items:start;flex-shrink:0}
.contact-actions>a:not(.button){color:#fff;border-bottom:1px solid #eac18a}
@media(max-width:1300px){.desktop{gap:.7rem}.desktop a,.nav-group>button{font-size:.76rem}.topbar{padding:0 2vw}}
@media(max-width:980px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-card.large{min-height:420px}.contact-band{display:block}.contact-actions{margin-top:2rem}}
@media(max-width:650px){.section-heading{display:block}.section-link{display:inline-block;margin-top:1rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-card,.portfolio-card.large{grid-column:auto;grid-row:auto;min-height:300px}.filters button{font-size:.82rem}.contact-band{padding:4rem 6vw}}

.nav-group.expanded .submenu{display:grid;gap:.3rem}
.nav-group>button:focus-visible,.filters button:focus-visible,.portfolio-card:focus-visible{outline:3px solid #af7938;outline-offset:3px}

/* Accueil simplifie - 2026-09-27 */
.home-three-doors{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1380px;margin-inline:auto}
.home-three-doors .universe-card{min-height:360px}
.home-three-doors .universe-card span{padding:24px}
.home-three-doors .universe-card strong{font-size:clamp(20px,1.7vw,29px)}
.home-three-doors .universe-card small{margin-top:8px;line-height:1.45}
@media(max-width:760px){.home-three-doors{grid-template-columns:1fr!important}.home-three-doors .universe-card{min-height:260px}}