@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap');
:root{--forest:#26342d;--ink:#20231f;--cream:#f3f0e9;--paper:#fbfaf7;--coral:#d98e79;--gold:#b89a55;--line:rgba(38,52,45,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.65}img{display:block;width:100%}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Italiana",Georgia,serif;font-weight:400;line-height:1.05}h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.02em}h1{font-size:clamp(3.6rem,7.5vw,7.7rem);color:#fff;letter-spacing:-.025em}em{font-weight:400;color:var(--coral)}.section{padding:clamp(5rem,10vw,9rem) max(5vw,calc((100vw - 1280px)/2))}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:600;color:var(--coral);margin-bottom:1.5rem}.light{color:#f7f3eb}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:600;transition:.25s}.button-light{background:#fff;color:var(--forest)}.button-light:hover{background:var(--coral);color:#fff}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:var(--coral)}
.site-header{height:82px;padding:0 max(4vw,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(251,250,247,.96);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:.8rem}.brand-name{font-family:"Italiana",serif;font-size:1.7rem;letter-spacing:.16em;color:var(--forest)}.brand>span:last-child{text-transform:uppercase;font-size:.58rem;letter-spacing:.2em;color:#69716c}.site-header nav{display:flex;gap:2rem;align-items:center}.site-header nav a{text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.nav-contact{padding:.7rem 1rem;border:1px solid var(--forest)}.menu-toggle{display:none;background:none;border:0;font:inherit;text-transform:uppercase;letter-spacing:.1em}
.hero{height:calc(100vh - 82px);min-height:640px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,24,20,.78) 0%,rgba(18,24,20,.42) 52%,rgba(18,24,20,.08) 100%)}.hero-content{position:relative;width:min(1000px,90%);margin-left:max(6vw,calc((100vw - 1280px)/2));padding-right:4vw}.hero h1{margin-bottom:1.4rem}.hero-copy{color:#fff;max-width:590px;font-size:1.1rem;margin-bottom:2rem}.scroll-cue{position:absolute;bottom:2rem;right:4vw;width:46px;height:46px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;font-size:1.2rem}
.intro{display:grid;grid-template-columns:minmax(260px,.72fr) 1.25fr;gap:clamp(3rem,8vw,9rem);align-items:center;background:var(--cream)}.intro-mark img{box-shadow:0 20px 60px rgba(44,40,32,.12)}.intro-copy{max-width:720px}.intro-copy p:not(.eyebrow){max-width:650px}.section-heading{max-width:790px;margin-bottom:4rem}.section-heading>p:last-child{max-width:600px}.services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-card{padding:2rem 2.5rem 1rem 0;border-right:1px solid var(--line);min-height:260px}.service-card+article{padding-left:2.5rem}.service-card:last-child{border-right:0}.service-card span{font-family:"Italiana",serif;font-size:2rem;color:var(--coral)}.service-card h3{font-family:"Italiana",serif;font-size:1.8rem;font-weight:400;margin:2rem 0 1rem}
.creative-boards{background:#ddd8cd}.boards-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:4.5rem}.boards-intro h2{margin-bottom:0}.boards-intro>p{max-width:540px;margin-bottom:.8rem}.boards-list{display:grid;gap:1.2rem}.board-card{display:grid;grid-template-columns:1.35fr .65fr;background:var(--paper);min-height:460px}.board-reverse{grid-template-columns:.65fr 1.35fr}.board-reverse .board-visual{order:2}.board-reverse .board-copy{order:1}.board-visual{overflow:hidden}.board-visual img{height:100%;object-fit:cover;transition:transform .65s ease}.board-card:hover .board-visual img{transform:scale(1.018)}.board-copy{padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center}.board-copy span{font-family:"Italiana",serif;font-size:2rem;color:var(--coral)}.board-copy h3{font-family:"Italiana",serif;font-size:clamp(1.8rem,2.7vw,2.8rem);font-weight:400;line-height:1.14;margin:1.5rem 0 1rem}.boards-note{font-size:.78rem;color:#686b66;margin:1.2rem 0 0}
.case-study{background:#e8e5de}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.case-item{margin:0;background:#fff}.image-wrap{aspect-ratio:4/3;overflow:hidden}.image-wrap img{height:100%;object-fit:cover;transition:transform .6s}.case-item:hover img{transform:scale(1.025)}.case-item figcaption{padding:1.4rem;display:grid;gap:.25rem}.case-item b{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--forest)}.case-item span{font-size:.9rem;color:#6a6d68}
.portfolio{background:var(--forest);color:#fff}.portfolio .section-heading h2{color:#fff}.gallery{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem}.gallery figure{margin:0;position:relative;overflow:hidden;min-height:360px}.gallery-wide{grid-row:span 2}.gallery img{height:100%;object-fit:cover;transition:transform .6s,filter .6s}.gallery figure:hover img{transform:scale(1.025);filter:brightness(.85)}.gallery figcaption{position:absolute;left:1.2rem;bottom:1rem;text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;background:rgba(30,38,33,.75);padding:.5rem .75rem}.gallery figure::after,.case-item .image-wrap::after{content:"INÉKOSY";position:absolute;right:1rem;bottom:1rem;color:rgba(255,255,255,.82);font-family:"Italiana",serif;letter-spacing:.18em;font-size:.7rem;text-shadow:0 1px 5px rgba(0,0,0,.6);pointer-events:none}.case-item .image-wrap{position:relative}.case-item .image-wrap::after{bottom:.75rem;right:.75rem}.visual-note{font-size:.78rem;color:rgba(255,255,255,.65);margin-top:1.3rem}
.process{background:var(--paper)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps li{padding:2rem 1.8rem 1rem 0;border-right:1px solid var(--line);min-height:210px}.steps li+li{padding-left:1.8rem}.steps li:last-child{border:0}.steps span{color:var(--coral);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.steps h3{font-family:"Italiana",serif;font-size:2rem;font-weight:400;margin:1.2rem 0 .6rem}.complementary{background:var(--cream)}.complementary h3{font-family:"Italiana",serif;font-size:2.1rem;font-weight:400}.complementary small{text-transform:uppercase;letter-spacing:.1em;color:#777}.art-line{display:block;width:45px;height:2px;background:var(--coral);margin-bottom:2rem}.art-showcase{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,6vw,6rem);align-items:start}.art-copy{position:sticky;top:120px}.art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.art-gallery figure{margin:0;position:relative;background:#fff;overflow:hidden;min-height:280px}.art-gallery .art-main{grid-column:1/-1;min-height:580px}.art-gallery img{height:100%;object-fit:cover}.art-gallery figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(30,38,33,.78);color:#fff;padding:.5rem .7rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.furniture-note{margin-top:5rem;padding-top:3rem;border-top:1px solid var(--line)}.furniture-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:start;margin-bottom:2.5rem}.furniture-intro p{max-width:580px}.furniture-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.furniture-gallery figure{margin:0;position:relative;overflow:hidden;background:var(--forest);aspect-ratio:3/4}.furniture-gallery img{height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.furniture-gallery figure:hover img{transform:scale(1.02)}.furniture-gallery figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(30,38,33,.8);color:#fff;padding:.5rem .75rem;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
.about{background:var(--forest);color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,8vw,8rem);align-items:center}.portrait{max-width:480px}.portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 22%;filter:saturate(.75)}.about-copy{max-width:650px}.about-copy h2{color:#fff}.about-copy p:not(.eyebrow){color:rgba(255,255,255,.83)}.cta{text-align:center;background:#f4e9e2}.cta h2{max-width:850px;margin-left:auto;margin-right:auto}.cta>p:not(.eyebrow):not(.location){font-size:1.1rem}.location{margin:2.5rem 0 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:#666}footer{background:#18221d;color:rgba(255,255,255,.72);padding:3rem 5vw;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:end;font-size:.78rem}footer a{grid-column:2;grid-row:1;text-decoration:none}.footer-brand{display:grid}.footer-brand b{font-family:"Italiana",serif;color:#fff;font-size:1.7rem;letter-spacing:.15em}.footer-brand span{text-transform:uppercase;letter-spacing:.15em;font-size:.58rem}footer p{margin:0;grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:1.2rem}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:70px}.brand>span:last-child{display:none}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:1.5rem 5vw;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{height:calc(100svh - 70px);min-height:620px}.hero-shade{background:rgba(18,24,20,.58)}.intro,.about,.boards-intro{grid-template-columns:1fr}.intro-mark{max-width:430px}.service-grid,.case-grid{grid-template-columns:1fr}.service-card,.service-card+article{padding:2rem 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.board-card,.board-reverse{grid-template-columns:1fr}.board-reverse .board-visual,.board-reverse .board-copy{order:initial}.board-visual{aspect-ratio:3/2}.gallery{grid-template-columns:1fr}.gallery-wide{grid-row:auto}.gallery figure{min-height:300px;aspect-ratio:4/3}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border-right:0}.steps li,.steps li+li{padding:1.7rem 1rem 1.7rem 0}.steps li:nth-child(even){padding-left:1.3rem}.art-showcase{grid-template-columns:1fr}.art-copy{position:static}.art-gallery .art-main{min-height:480px}.about .portrait{order:2}.about-copy{order:1}}
@media(max-width:560px){h1{font-size:3.25rem}.section{padding:4.5rem 6vw}.hero-content{margin-left:6vw}.hero-copy{font-size:1rem}.case-grid{gap:1.5rem}.steps{grid-template-columns:1fr}.steps li,.steps li+li,.steps li:nth-child(even){padding:1.5rem 0;border-right:0;border-bottom:1px solid var(--line)}.gallery figure{min-height:250px}.art-gallery{grid-template-columns:1fr}.art-gallery .art-main{grid-column:auto;min-height:420px}.art-gallery figure{min-height:330px}footer{grid-template-columns:1fr}footer a{grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

.before-after{background:#1b2721;color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem);align-items:center}.before-after h2{color:#fff}.before-after-copy{max-width:560px}.before-after-copy p:not(.eyebrow){color:rgba(255,255,255,.8)}.story-player{min-width:0}.story-stage{position:relative;min-height:clamp(560px,68vw,780px);overflow:hidden;background:#101713}.story-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 1.2s ease;pointer-events:none}.story-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.story-slide img{height:100%;object-fit:contain;background:#101713}.story-slide figcaption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.8rem;background:rgba(24,34,29,.84);padding:.8rem 1rem;backdrop-filter:blur(7px)}.story-slide figcaption b{font-family:"Italiana",serif;font-size:1.35rem;color:var(--coral)}.story-slide figcaption span{text-transform:uppercase;letter-spacing:.11em;font-size:.72rem}.story-controls{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.7rem;margin-top:1rem}.story-controls button{border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;min-width:46px;height:46px;padding:0 .9rem;font:inherit;cursor:pointer}.story-controls button:hover,.story-controls button:focus-visible{background:#fff;color:var(--forest)}.story-toggle{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.story-count{text-align:right;font-family:"Italiana",serif;font-size:1.15rem;letter-spacing:.08em}.story-progress{height:2px;background:rgba(255,255,255,.2);margin-top:1rem;overflow:hidden}.story-progress span{display:block;width:0;height:100%;background:var(--coral);animation:storyProgress 4.2s linear infinite}.story-player.paused .story-progress span{animation-play-state:paused}@keyframes storyProgress{from{width:0}to{width:100%}}

/* Harmonisation des prestations, de l'étude de cas et de l'accompagnement */
.service-grid{grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line)}
.service-card,.service-card+article{padding:clamp(2rem,4vw,3.5rem);border-bottom:1px solid var(--line);min-height:390px}
.service-card h3{font-size:clamp(1.75rem,2.4vw,2.35rem);line-height:1.15;margin:1.7rem 0 1rem}
.service-card p{max-width:560px}
.case-study{background:#ddd8cd;border-top:1px solid rgba(38,52,45,.1)}
.case-story-list{margin-top:1rem}
.case-visual.fit-contain{background:var(--forest)}
.case-visual.fit-contain img{object-fit:contain;padding:clamp(.5rem,1.5vw,1.25rem)}
.sketchup-selection{margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(3rem,6vw,5rem);border-top:1px solid rgba(38,52,45,.18)}.sketchup-heading{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-bottom:2.5rem}.sketchup-heading .eyebrow{margin-top:.55rem}.sketchup-heading h3{font-family:"Italiana",serif;font-size:clamp(2rem,3.5vw,3.4rem);font-weight:400;line-height:1.08;margin:0}.sketchup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sketchup-grid figure{margin:0;position:relative;overflow:hidden;background:var(--forest);aspect-ratio:16/10}.sketchup-grid img{height:100%;object-fit:cover;transition:transform .6s ease}.sketchup-grid figure:hover img{transform:scale(1.02)}.sketchup-grid figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(30,38,33,.78);color:#fff;padding:.5rem .75rem;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem}.sketchup-grid figure::after{content:"INÉKOSY";position:absolute;right:1rem;bottom:1rem;color:rgba(255,255,255,.82);font-family:"Italiana",serif;letter-spacing:.16em;font-size:.68rem;text-shadow:0 1px 5px rgba(0,0,0,.65)}
.sketchup-grid .plan-implantation{grid-column:1/-1;aspect-ratio:16/9;background:#fff}.sketchup-grid .plan-implantation img{object-fit:contain;padding:clamp(.4rem,1vw,.9rem)}
.steps{grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line)}
.steps li,.steps li+li{padding:clamp(2rem,4vw,3.5rem);border-bottom:1px solid var(--line);min-height:310px}
.steps li:last-child{border-right:1px solid var(--line)}
.steps h3{font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1.15;margin:1.2rem 0 .9rem}
.steps p{max-width:560px}

@media(max-width:900px){
  .service-grid,.steps{grid-template-columns:1fr}
  .service-card,.service-card+article,.steps li,.steps li+li,.steps li:nth-child(even){padding:2rem;border-right:1px solid var(--line);min-height:0}
  .before-after{grid-template-columns:1fr}.story-stage{min-height:min(760px,120vw)}.furniture-intro{grid-template-columns:1fr}
  .sketchup-heading{grid-template-columns:1fr}.sketchup-heading .eyebrow{margin-bottom:0}.sketchup-grid{grid-template-columns:1fr}
}

@media(max-width:560px){.story-stage{min-height:120vw}.story-controls{grid-template-columns:auto auto 1fr auto}.story-count{font-size:1rem}.story-toggle{padding:0 .65rem}.furniture-gallery{grid-template-columns:1fr}.furniture-gallery figure{aspect-ratio:4/5}}

@media(prefers-reduced-motion:reduce){.story-slide{transition:none}.story-progress span{animation:none;width:100%}}

/* Photos du meuble : format plus petit et cadrage intégral. */
.furniture-gallery{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:1.5rem}
.furniture-gallery figure{aspect-ratio:2/5;background:#e7e2d9}
.furniture-gallery img{object-fit:contain;object-position:center}
.furniture-gallery figure:hover img{transform:scale(1.01)}
@media(max-width:560px){.furniture-gallery{grid-template-columns:minmax(0,320px)}.furniture-gallery figure{aspect-ratio:2/5}}