@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;1,400&display=swap');
:root{--paper:#f5f3e9;--ink:#253c34;--muted:#59675f;--accent:#354f42;--line:#d4d8cd;--soft:#e8eade;--display:'Lora',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}button,a,summary,select{touch-action:manipulation}button,a{transition:background .2s,color .2s,opacity .2s}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a17842;outline-offset:5px}button:hover,a:hover{opacity:.82}button{color:inherit}p{margin:0 0 1.3em}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.17;text-wrap:balance;margin:0 0 .65em}h1{font-size:clamp(42px,4.8vw,76px);letter-spacing:-.045em}h2{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.035em}h3{font-size:28px}small{font-size:12px}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:fixed;left:15px;top:-100px;background:white;color:black;padding:10px;z-index:9}.skip:focus{top:10px}.presentation{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 3vw;background:#fffefa;color:#29372f;border-bottom:1px solid #dddcd3;font-size:12px}.studio{font-weight:700;letter-spacing:.12em}.studio span{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#677068}.presentation nav{display:flex;gap:8px}.presentation nav a{padding:9px 15px;min-height:44px;border-radius:3px}.presentation a[aria-current]{background:#293f34;color:#fff}.presentation button{border:0;background:none;font-size:12px;min-height:44px}#notes{background:#e8e9e0;color:#293f34;padding:42px max(6vw,24px)}#notes>div{max-width:850px;margin:auto}#notes h2{font-size:32px}#notes p{max-width:760px}.concept{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.16em;padding:17px 6vw;background:var(--soft);border-bottom:1px solid var(--line)}.site-header{padding:27px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:22px;line-height:1.4}.brand svg{width:45px;height:45px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.22em;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:24px}.site-header button{border:0;background:none;padding:10px 0;font-size:12px;min-height:44px}.site-header .nav-book{border-bottom:1px solid var(--ink)}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5vw;padding:40px 6vw 65px;min-height:650px}.hero-copy{padding:35px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;margin-bottom:27px}.hero-desc{max-width:420px;color:var(--muted);font-size:16px;line-height:1.9;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;background:var(--accent);color:var(--paper);border:1px solid transparent;padding:16px 23px;font-size:13px;min-height:50px}.text-link{border:0;border-bottom:1px solid currentColor;background:none;padding:10px 0;font-size:12px;min-height:44px}.small-line{font-size:10px;letter-spacing:.1em;margin-top:34px;color:var(--muted)}.hero-image{height:530px;margin:0;position:relative}.hero-image img{border-radius:48% 48% 2px 2px}.hero-image figcaption{position:absolute;bottom:22px;left:18px;right:18px;text-align:center;background:#faf7eceb;color:#304b3e;padding:13px;font-family:var(--display);font-style:italic;font-size:13px}.values{display:flex;justify-content:space-around;gap:20px;padding:25px 6vw;border-block:1px solid var(--line);font-size:11px;letter-spacing:.06em}.values span:before{content:'✧';margin-right:13px}.section{padding:95px 9vw}.approach{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.section-label>span{font-size:10px;letter-spacing:.15em}.portrait-slot{margin-top:28px;width:100%;max-width:320px;min-height:350px;background:var(--soft);border-radius:160px 160px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.portrait-slot svg{width:68px;height:68px;opacity:.65;margin-bottom:20px}.portrait-slot>span{font-family:var(--display);font-size:28px;line-height:1.3}.portrait-slot small{max-width:180px;margin-top:25px;color:var(--muted);font-size:10px}.approach-copy{padding-top:55px}.approach-copy>p:not(.eyebrow){color:var(--muted)}.signature{font-family:var(--display);font-style:italic;font-size:29px}.draft-note{font-size:10px!important;color:var(--muted);margin-top:25px}.consultations{background:var(--soft)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-top>p{max-width:290px;color:var(--muted);font-size:13px}.services{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.services article{border-top:1px solid var(--muted);padding-top:27px}.service-n{font-size:11px;display:block;margin-bottom:35px}.services p{max-width:350px;color:var(--muted);font-size:14px;min-height:70px}.service-meta{border-block:1px solid var(--line);padding:15px 0;margin-bottom:16px;font-size:10px;letter-spacing:.04em}.quote{text-align:center;padding:85px 20px;background:var(--accent);color:var(--paper)}.quote>span{font-size:32px;display:block;margin-bottom:20px}.quote h2{font-style:italic;font-size:clamp(29px,3.4vw,49px)}.quote p{font-size:11px;letter-spacing:.1em}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0}.step-grid b{font-size:12px;font-weight:400;border-bottom:1px solid var(--line);display:block;padding-bottom:20px;margin-bottom:24px}.step-grid h3{font-family:inherit;font-size:16px;font-weight:500;line-height:1.4}.step-grid p{font-size:13px;color:var(--muted)}.questions{padding-top:20px;max-width:1100px;margin:auto}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions summary{cursor:pointer;min-height:30px;font-size:14px}.questions details p{margin-top:20px;font-size:13px;color:var(--muted);max-width:700px}footer{border-top:1px solid var(--line);padding:45px 6vw;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-size:12px}footer>small{text-align:right;font-size:10px;color:var(--muted)}dialog{border:1px solid #ddd8cd;padding:44px;max-width:550px;width:calc(100% - 30px);background:#faf8f1;color:#293e34;max-height:90vh;overflow:auto}dialog::backdrop{background:#10251fd1;backdrop-filter:blur(5px)}dialog h2{font-size:35px}dialog p{font-size:14px}dialog .close{position:absolute;right:10px;top:5px;font-size:28px;border:0;background:none;width:44px;height:44px}dialog form{display:grid;gap:12px}dialog label{font-size:13px;margin-top:8px}dialog select{padding:14px;border:1px solid #aeb7ad;background:#fff;font:inherit;font-size:13px;width:100%;color:#293e34}dialog .button{background:#354f42;color:white;margin-top:15px}dialog .demo{font-size:10px;margin:20px 0 0;color:#5b675f}[hidden]{display:none!important}
body[data-variant=etoiles]{--paper:#111e32;--ink:#f3eee2;--muted:#bfc7d1;--accent:#dec894;--line:#3a4659;--soft:#19283d}body[data-variant=etoiles] .hero{display:block;text-align:center;min-height:750px;padding:80px 6vw 105px;isolation:isolate}body[data-variant=etoiles] .hero-image{position:absolute;inset:0;height:100%;z-index:-2}body[data-variant=etoiles] .hero-image img{border-radius:0;object-position:50% 40%}body[data-variant=etoiles] .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1929b0,#0d192957),linear-gradient(0deg,#111e32,transparent 60%,#111e3255);z-index:-1}body[data-variant=etoiles] .hero-copy{max-width:800px;margin:auto}body[data-variant=etoiles] h1{font-size:clamp(48px,6.4vw,92px)}body[data-variant=etoiles] .hero-desc{margin:25px auto;max-width:470px;color:#eee9e0}body[data-variant=etoiles] .hero-actions{justify-content:center}body[data-variant=etoiles] .small-line{color:#ddd7ca}body[data-variant=etoiles] .hero-image figcaption{display:none}.orb{font-size:34px;color:#dec894;margin-top:20px}body[data-variant=etoiles] .quote{background:var(--soft);color:var(--ink);border-block:1px solid var(--line)}body[data-variant=etoiles] .portrait-slot{border-radius:0}body[data-variant=etoiles] .brand svg{color:#dec894}body[data-variant=etoiles] .consultations{background:transparent}body[data-variant=etoiles] .services article{padding:30px;background:var(--soft)}
body[data-variant=pivoine]{--paper:#fcf7f2;--ink:#553b43;--muted:#7a6066;--accent:#78505d;--line:#ddcdd0;--soft:#f0e5e3}body[data-variant=pivoine] .hero{grid-template-columns:1fr 1fr;gap:8vw;padding:35px 9vw 75px;min-height:650px}body[data-variant=pivoine] .hero-image{grid-column:1;grid-row:1;height:550px}body[data-variant=pivoine] .hero-copy{grid-column:2;grid-row:1}body[data-variant=pivoine] .hero-image img{border-radius:2px 2px 45% 2px}body[data-variant=pivoine] .hero-image figcaption{left:auto;right:-24px;bottom:35px;width:220px;background:#fff9f1e8;color:#62454d}body[data-variant=pivoine] .hero h1{font-size:clamp(45px,5vw,72px)}body[data-variant=pivoine] .values{background:var(--soft);border:0}body[data-variant=pivoine] .portrait-slot{border-radius:2px 150px 2px 2px}body[data-variant=pivoine] .quote{background:var(--soft);color:var(--ink)}
@media(min-width:1600px){main{max-width:1700px;margin:auto}}@media(max-width:1000px){.studio span{max-width:160px}.presentation{gap:5px}.presentation nav a{padding:8px}.site-header nav{gap:14px}.site-header{padding:25px 5vw}.hero{padding-inline:5vw;gap:4vw;min-height:570px}.hero-image{height:460px}.hero-actions{gap:12px}.section{padding:70px 7vw}.approach{gap:6vw}.hero-desc{font-size:14px}.brand{font-size:19px}.site-header nav button{font-size:11px}footer>span{display:none}body[data-variant=pivoine] .hero{padding-inline:6vw;gap:5vw}body[data-variant=pivoine] .hero-image{height:460px}}
@media(max-width:700px){.presentation{padding:8px 14px;flex-wrap:wrap;gap:2px}.studio{font-size:9px;flex:1}.studio span{display:none}.presentation>button{font-size:10px}.presentation nav{order:3;width:100%;justify-content:center;gap:5px}.presentation nav a{font-size:11px;padding:8px 14px;min-height:38px}.concept{padding:12px 5vw;font-size:8px;letter-spacing:.1em}.concept span:last-child{display:none}.site-header{padding:20px 5vw}.brand{font-size:17px;gap:7px}.brand small{font-size:7px}.brand svg{width:34px;height:34px}.site-header nav button:not(.nav-book){display:none}.site-header .nav-book{font-size:10px;max-width:110px}.hero{display:flex;flex-direction:column;padding:10px 6vw 35px;gap:28px;min-height:0;align-items:stretch}.hero-copy{padding:20px 0 0}.hero h1{font-size:49px}.eyebrow{font-size:9px;margin-bottom:20px}.hero-desc{font-size:14px;margin:22px 0}.hero-actions{gap:20px}.button{font-size:12px;padding:14px 18px;gap:20px}.small-line{font-size:9px;margin:25px 0 0}.hero-image{height:390px;width:100%;max-width:430px;margin:0 auto}.hero-image img{border-radius:44% 44% 2px 2px}.values{gap:12px;flex-direction:column;align-items:center;padding:22px;font-size:10px}.section{padding:60px 7vw}.approach{grid-template-columns:1fr;gap:25px}.portrait-slot{min-height:230px;max-width:260px;margin:20px auto 0;padding:25px;border-radius:130px 130px 0 0}.portrait-slot svg{width:45px;height:45px;margin-bottom:10px}.portrait-slot>span{font-size:24px}.portrait-slot small{margin-top:15px}.approach-copy{padding-top:0}.approach-copy>p{font-size:14px}.section-top{display:block}.section-top>p{font-size:12px;margin-top:25px}.services{grid-template-columns:1fr;gap:35px;margin-top:30px}.services p{min-height:0;max-width:none}.service-n{margin-bottom:20px}.quote{padding:60px 7vw}.quote h2{font-size:30px}.step-grid{grid-template-columns:1fr;gap:14px;margin:30px 0}.step-grid b{margin-bottom:16px}.questions{padding-top:15px}.questions summary{font-size:13px}footer{align-items:flex-start;padding:30px 6vw;flex-direction:column}footer>small{text-align:left}body[data-variant=etoiles] .hero{padding:55px 7vw 50px;min-height:650px}body[data-variant=etoiles] h1{font-size:53px}body[data-variant=etoiles] .hero-desc{font-size:14px}body[data-variant=etoiles] .hero-actions{flex-direction:column;gap:12px}body[data-variant=etoiles] .hero-image{max-width:none}body[data-variant=pivoine] .hero{display:flex;flex-direction:column-reverse;padding:10px 6vw 40px;gap:20px}body[data-variant=pivoine] .hero-image{height:340px;width:100%}body[data-variant=pivoine] .hero-image figcaption{right:10px;bottom:20px;font-size:12px}body[data-variant=pivoine] .hero h1{font-size:49px}dialog{padding:40px 24px 28px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Pistes photographiques 04 et 05 */
.presentation{gap:12px;padding-inline:2.5vw}.presentation nav{gap:3px}.presentation nav a{padding-inline:12px;white-space:nowrap}.studio{font-size:10px}.studio span{font-size:10px}
body[data-variant=cartes]{--paper:#f6f4ec;--ink:#283b33;--muted:#58675b;--accent:#344e3f;--line:#d7dbd1;--soft:#e5e9dd;--display:'DM Sans',Arial,sans-serif}
body[data-variant=cartes] h2{font-weight:400}body[data-variant=cartes] .brand{font-family:'Lora',Georgia,serif}body[data-variant=cartes] .site-header{padding-block:24px}.atelier.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;padding:0;min-height:780px;border-top:1px solid var(--line)}.atelier .hero-copy{padding:48px 5vw 50px 6vw}.atelier .hero-copy>.eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:45px}.chapter-mark{font-size:13px;display:block;color:var(--muted);margin-bottom:18px}.atelier h1{font-size:clamp(46px,4.4vw,76px);font-weight:400;letter-spacing:-.065em;line-height:1.08;max-width:520px}.atelier .hero-desc{max-width:340px;font-size:14px;line-height:1.85;margin:28px 0 30px}.atelier .hero-copy>.text-link{display:block;margin-top:18px}.atelier .small-line{font-size:9px;letter-spacing:.09em;max-width:300px;margin-top:42px}.atelier .hero-image{height:100%;min-height:780px;max-width:none}.atelier .hero-image img{border-radius:0;object-position:center 59%}.atelier .hero-image figcaption{background:linear-gradient(transparent,#0a1714c9);color:#fff;inset:auto 0 0;padding:65px 30px 28px;text-align:left;font:10px 'DM Sans',sans-serif;display:flex;justify-content:space-between;align-items:end;gap:18px}.photo-hero figcaption a{font:10px 'DM Sans',sans-serif;opacity:.9;text-decoration:underline;text-underline-offset:4px}.atelier figcaption>span{max-width:190px;letter-spacing:.1em;font-size:9px}.atelier+.values{padding-block:27px}.atelier~.approach .portrait-slot{border-radius:0}.atelier~.consultations .services{gap:0}.atelier~.consultations article{padding:30px}.atelier~.consultations article+article{border-left:1px solid var(--line)}.atelier~.quote h2{font-style:normal;font-weight:400}
body[data-variant=lueur]{--paper:#f5eee3;--ink:#543b2d;--muted:#756052;--accent:#82553c;--line:#dac8b7;--soft:#eaddcc}body[data-variant=lueur] .concept{background:#77513e;color:#fff3e3;border:0}body[data-variant=lueur] .site-header{padding-block:25px}.lumiere.hero{display:block;padding:0;min-height:0}.lumiere .hero-copy{padding:52px 10vw 46px}.lumiere .hero-copy>.eyebrow{margin-bottom:26px}.lumiere h1{font-size:clamp(48px,5.3vw,85px);letter-spacing:-.055em;line-height:1.14;max-width:1000px}.lumiere .intro-row{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:28px;max-width:1030px}.lumiere .hero-desc{max-width:460px;font-size:14px;line-height:1.85;margin:0}.lumiere .hero-image{height:610px;max-width:none;margin:0}.lumiere .hero-image img{border-radius:0;object-position:50% 55%}.lumiere .hero-image figcaption{inset:auto 0 0;background:linear-gradient(transparent,#24180ed9);padding:65px 6vw 28px;color:#fff7e7;display:flex;justify-content:space-between;align-items:end;gap:20px;text-align:left}.lumiere figcaption>span{font-size:19px}.photo-footnote{padding:19px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.photo-footnote>span{font-size:9px;letter-spacing:.17em}.lumiere+.values{display:none}body[data-variant=lueur] .portrait-slot{border-radius:4px 4px 150px 150px}body[data-variant=lueur] .services{gap:28px}body[data-variant=lueur] .services article{background:var(--paper);border:0;padding:35px}body[data-variant=lueur] .quote{background:#77513e;color:#fff3e3}body[data-variant=lueur] .service-meta{border-color:#cfbaa5}
@media(max-width:1150px){.presentation .studio span{display:none}.presentation nav a{padding-inline:8px;font-size:11px}.presentation>button{font-size:10px}.atelier.hero{min-height:670px;grid-template-columns:1fr 1.1fr}.atelier .hero-image{min-height:670px}.atelier .hero-copy{padding:38px 4vw}.atelier h1{font-size:52px}.atelier .hero-image figcaption{flex-direction:column;align-items:start;gap:18px}.lumiere .hero-copy{padding:45px 7vw}.lumiere .hero-image{height:530px}}
@media(max-width:850px){.presentation{flex-wrap:wrap;padding:8px 14px}.presentation .studio{flex:1}.presentation nav{order:3;width:100%;justify-content:center;gap:1px}.presentation nav a{padding:9px 12px;min-height:40px}.atelier.hero{grid-template-columns:1fr 1fr;min-height:640px}.atelier .hero-image{min-height:640px}.atelier h1{font-size:44px}.atelier .hero-copy{padding:35px 5vw}.atelier .hero-copy>.eyebrow{margin-bottom:28px}.atelier .hero-desc{font-size:13px}.atelier .small-line{font-size:8px}.lumiere h1{font-size:55px}.lumiere .intro-row{gap:20px}.lumiere .hero-desc{max-width:380px}}
@media(max-width:600px){.presentation nav{justify-content:space-between;gap:0}.presentation nav a{padding:8px 6px;font-size:10px;min-height:40px;display:flex;flex-direction:column;align-items:center;line-height:1.35;gap:3px}.presentation nav a span{font-size:10px}.presentation nav a[aria-current]{padding-inline:9px}.atelier.hero{display:flex;flex-direction:column;gap:0;min-height:0}.atelier .hero-copy{padding:32px 7vw 38px}.atelier .hero-copy>.eyebrow{font-size:8px;margin-bottom:25px}.chapter-mark{font-size:11px;margin-bottom:15px}.atelier h1{font-size:50px;max-width:400px}.atelier .hero-desc{font-size:14px;margin:25px 0;max-width:370px}.atelier .small-line{margin:28px 0 0;font-size:8px}.atelier .hero-image{height:570px;min-height:0;max-width:none;width:100%}.atelier .hero-image img{object-position:50% 60%}.atelier .hero-image figcaption{padding:55px 22px 24px;flex-direction:row;align-items:end;gap:20px}.atelier .hero-image figcaption a{max-width:140px;line-height:1.7}.atelier .hero-image figcaption>span{font-size:8px;max-width:160px;line-height:1.6}.atelier~.consultations article{padding:25px 0}.atelier~.consultations article+article{border-left:0}.lumiere.hero{display:block;padding:0}.lumiere .hero-copy{padding:38px 7vw 35px}.lumiere .hero-copy>.eyebrow{font-size:8px;line-height:1.8}.lumiere h1{font-size:46px;line-height:1.15}.lumiere .intro-row{display:block;margin-top:25px}.lumiere .hero-desc{font-size:14px;max-width:none;margin-bottom:26px}.lumiere .hero-image{height:450px;width:100%;max-width:none}.lumiere .hero-image img{object-position:53% 50%}.lumiere .hero-image figcaption{padding:60px 7vw 24px;display:block}.lumiere .hero-image figcaption>span{display:block;font-size:17px;max-width:240px;margin-bottom:12px}.photo-footnote{padding:16px 7vw;gap:12px}.photo-footnote>span{max-width:170px;font-size:8px;line-height:1.8}.photo-footnote .text-link{font-size:10px;white-space:nowrap}body[data-variant=lueur] .services article{padding:28px}}
@media(min-width:851px){.atelier.hero{height:780px;min-height:780px}.atelier .hero-image{height:780px;min-height:0}.atelier .hero-copy{align-self:center}.atelier .hero-copy>.eyebrow{margin-bottom:32px}}
@media(min-width:601px) and (max-width:850px){.atelier.hero{height:700px;min-height:700px}.atelier .hero-image{height:700px;min-height:0}}