:root{--white:#fafaf8;--off:#f2f1ee;--black:#111110;--grey:#6b6b67;--line:#e4e3df;--accent:#c8a96e;--accent-dark:#806027;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--white);color:var(--black);line-height:1.7}
a{color:inherit}
nav,main,footer{width:min(1120px,90vw);margin:auto}
nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{font-family:var(--serif);font-size:1.15rem;text-decoration:none}
.nav-links{display:flex;gap:1.4rem;align-items:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.nav-links a{text-decoration:none;color:var(--grey)}
.nav-links .cta{background:var(--black);color:var(--white);padding:.75rem 1rem}
.mobile-cta{display:none;text-decoration:none;background:var(--black);color:var(--white);padding:.65rem .9rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.watch-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(2.5rem,7vw,6rem);align-items:center;padding:3.4rem 0}
.watch-copy{max-width:660px}
.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-dark);margin-bottom:1rem}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.08}
h1{font-size:clamp(2.7rem,5.5vw,5rem);margin-bottom:1.2rem}
h2{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:1rem}
h3{font-size:1.45rem;margin-bottom:.5rem}
em{color:var(--accent-dark);font-style:italic}
.lead{font-size:1.05rem;color:var(--grey);max-width:650px;margin-bottom:1.5rem}
.proof{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.5rem}
.pill{border:1px solid var(--line);background:var(--off);padding:.5rem .7rem;font-size:.82rem}
.actions{display:flex;gap:1rem;flex-wrap:wrap}
.btn{display:inline-flex;text-decoration:none;padding:1rem 1.35rem;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.btn.primary{background:var(--black);color:var(--white)}
.btn.secondary{border:1px solid var(--line)}
.watch-media{width:min(100%,360px);justify-self:end;margin:0;padding-top:.65rem;border-top:1px solid var(--accent);position:relative}
.watch-media::before{content:'GESTE MÉTIER';position:absolute;top:1.7rem;left:-2.6rem;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.2em;color:var(--accent-dark)}
.video-frame{aspect-ratio:9/16;max-width:360px;width:100%;overflow:hidden;background:#111110;box-shadow:18px 22px 50px rgba(22,20,16,.14)}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#111110}
.watch-caption{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.9rem .1rem 0;font-family:var(--serif);font-size:1.08rem;line-height:1.2}
.watch-caption small{max-width:8rem;text-align:right;color:var(--grey);font-family:var(--sans);font-size:.67rem;line-height:1.45;text-transform:uppercase;letter-spacing:.1em}
section{padding:2.7rem 0;border-top:1px solid var(--line)}
.method{display:grid;grid-template-columns:.75fr 1.25fr;gap:3rem}
.method-copy p{color:var(--grey);margin-bottom:1rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.step{padding:1.35rem;border-right:1px solid var(--line)}
.step:last-child{border-right:0}
.step span{display:block;color:var(--accent-dark);font-size:.72rem;letter-spacing:.14em;margin-bottom:.55rem}
.step p{color:var(--grey);font-size:.92rem}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.related a{display:block;background:var(--off);padding:1.35rem;text-decoration:none}
.related p{color:var(--grey);font-size:.92rem}
.cta-band{background:var(--black);color:var(--white);padding:2rem;margin:3rem 0;display:flex;justify-content:space-between;gap:1.5rem;align-items:center}
.cta-band p{color:rgba(255,255,255,.68)}
.video-detail-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.55rem;color:var(--accent-dark);font-family:var(--sans);font-size:.69rem;font-weight:600;line-height:1.35;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(128,96,39,.45);padding-bottom:.18rem}
.video-detail-link span{transition:transform .2s ease-out}
.video-detail-link:hover span{transform:translateX(3px)}
.video-detail-link:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px}
footer{padding:2rem 0;color:var(--grey);font-size:.86rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line)}
@media(max-width:760px){.nav-links{display:none}.mobile-cta{display:inline-flex}.watch-hero,.method,.steps,.related{grid-template-columns:1fr}.watch-hero{padding:2rem 0;gap:2.2rem}.watch-media{width:min(78vw,310px);justify-self:center}.watch-media::before{left:-2rem}.video-frame{max-width:310px}.watch-caption{font-size:1rem}.watch-caption small{font-size:.62rem}.step{border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.cta-band,footer{flex-direction:column;align-items:flex-start}}