/* 2L CARDS / ROCK ÉDITORIAL / 30 OCT 2026
   Retouche de l'existant. Vraies matières, vrais assets de marque,
   zéro effet de "dashboard IA", pas de nouveaux frameworks. */
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
:root{--black:#191511;--paper:#f1eadb;--gold:#dfa83e;--blood:#b84429;--brown:#45352a;--rust:#a65c3b}
html{scroll-padding-top:95px}
body{background:#171411;color:var(--paper);overflow-x:hidden}
body.intro-lock{overflow:hidden}
a,button{-webkit-tap-highlight-color:transparent}
button{font:inherit}
:focus-visible{outline:3px solid #f3ba4b;outline-offset:4px}
.nav{position:sticky;top:0;background:#16120feF;backdrop-filter:blur(14px);border-bottom:1px solid rgba(247,223,184,.25);z-index:100;min-height:104px;padding:5px clamp(18px,4vw,62px);gap:18px}
.nav .brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.brand-mark{display:block;flex:none;overflow:visible;background:transparent;border:0;box-shadow:none;padding:0;filter:drop-shadow(0 1px 4px rgba(231,146,70,.22))}.nav .brand-mark-header{width:clamp(270px,29vw,390px);height:auto;max-height:95px}
.brand span{font:900 13px/1.3 'Barlow Condensed',Impact,sans-serif;letter-spacing:.09em;max-width:145px}
.nav nav{align-items:center;gap:clamp(12px,2vw,27px)}
.nav nav a{font-size:16px;white-space:nowrap;transition:color .15s}
.nav nav a:hover{color:#edbb58}
.nav .nav-account{color:#edb449}
.nav-action{white-space:nowrap;background:#e5ad43;color:#18110c;border:1px solid #e8b34e;box-shadow:3px 3px 0 #9a3726;font:900 17px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.035em;transform:rotate(-1deg);transition:transform .2s ease}
.nav-action:hover{transform:translate(-1px,-1px) rotate(0deg)}
.nav-toggle{display:none;background:transparent;border:1px solid #806c57;color:#f0dfc0;padding:9px 12px;font:900 18px 'Barlow Condensed';cursor:pointer}
.cinematic-intro{position:fixed;inset:0;z-index:9999;background:#17110e;overflow:hidden;transition:opacity .35s ease,visibility .35s ease}
.cinematic-intro[hidden]{display:none!important}
.cinematic-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.cinematic-intro iframe{width:100%;height:100%;border:0;display:block}
.intro-escape{position:absolute;z-index:4;right:22px;top:calc(19px + env(safe-area-inset-top,0px));padding:9px 14px;background:#17120ec7;border:1px solid #ebce96;color:#fff4dd;cursor:pointer;font:800 14px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.07em}
.hero{min-height:690px;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);border-bottom:7px solid #b84429}
.hero-copy{position:relative;isolation:isolate;padding:clamp(62px,7vw,104px) 6% clamp(58px,6vw,95px) clamp(24px,6vw,94px);background:#1b1612}
.hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
.eyebrow{font-size:clamp(14px,1.7vw,19px);letter-spacing:.12em}
.hero .eyebrow{color:#e6b24d;display:flex;align-items:center;gap:12px;margin-bottom:28px}
.eyebrow-square{width:10px;height:10px;background:#bd3e29;transform:rotate(13deg);flex:none}
.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(75px,9vw,154px);line-height:.79;letter-spacing:-.035em;position:relative;text-transform:uppercase;text-shadow:1px 2px 0 #0004}
.hero h1 em{color:#e5b247}
.hero .marker-bite{font:400 clamp(16px,2vw,23px) 'Permanent Marker',cursive;color:#df6644;transform:rotate(-3deg);transform-origin:left center;margin:21px 0 0 10px}
.hero .lead{font-size:clamp(20px,2.1vw,25px);font-weight:500;max-width:580px;margin:31px 0 0;line-height:1.42}
.hero .lead strong{color:#f2d296}
.hero-description{max-width:530px;color:#c7b9a6;margin:14px 0 27px;font-size:17px;line-height:1.6}
.btn{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.035em;min-height:53px;padding:15px 21px;font-size:clamp(18px,1.8vw,22px);transition:transform .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px)}
.btn.gold{background:#e8b044;box-shadow:5px 5px 0 #a7432b;border:1px solid #e8b044}
.btn.outline{border:1px solid #ad9574;background:transparent}
.btn.outline:hover{background:#29221b}
.hero-prices{margin:27px 0 3px;font:700 14px/1.5 'DM Sans',sans-serif;letter-spacing:.03em;color:#bcb09d}
.hero-prices strong{font-weight:900;font-size:18px;color:#f6dfb2}
.hero-prices span{margin:0 10px;color:#af573f}
.replay-link{padding:10px 0 0;color:#d5b87e;background:transparent;border:0;font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.hero-art{background:#c8b898;min-height:645px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:26px 30px 22px;isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(7deg,#f2e5ca11 0 9px,#6e43271d 10px 12px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.hero-art-overline{display:block;color:#37271e;font:900 17px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;text-align:center}
.hero-wood-stage{position:relative;margin:auto;width:min(76%,315px);aspect-ratio:640/983;display:flex;align-items:center}
.hero-wood{width:100%;height:auto;display:block;filter:drop-shadow(22px 28px 15px rgba(46,26,13,.4));transform:rotate(6deg);transition:transform .3s ease}
.hero-wood-stage:hover .hero-wood{transform:rotate(3deg) translateY(-7px)}
.etched-label{position:absolute;left:-27%;bottom:13%;color:#38241a;font:400 clamp(15px,1.6vw,22px)/1.2 'Permanent Marker',cursive;transform:rotate(-6deg)}
.etched-arrow{position:absolute;bottom:17%;left:-8%;font:800 44px 'Barlow Condensed';color:#a6472d}
.hero-caption{position:static;text-align:center;color:#49301e;text-shadow:none;font:900 16px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.08em;padding-top:18px}
.ticker{font-size:clamp(17px,2.6vw,31px);background:#bc422b;color:#fff4dc;border-bottom:4px solid #5f2119;padding:13px 0;letter-spacing:.09em;overflow:hidden;position:relative;max-width:100vw}
.ticker-track{display:flex;align-items:center;width:max-content;animation:ticker-scroll 24s linear infinite;will-change:transform}
.ticker .ticker-segment{display:block;flex:0 0 auto;width:auto;white-space:nowrap;text-align:left;padding:0 3rem 0 0}
@keyframes ticker-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.section{padding:clamp(70px,8vw,116px) clamp(22px,6vw,96px)}
.section h2{font-size:clamp(58px,7.9vw,112px);letter-spacing:-.025em;line-height:.9}
.manifesto{background:#eee3cf;color:#1b1712;border-bottom:8px solid #9d5538}
.manifesto .eyebrow,.offers .eyebrow,.faq .eyebrow{color:#8e4d2b}
.manifesto-head{max-width:1120px;margin:auto}
.manifesto h2 em{color:#a84b2d}
.marker-note{font:400 clamp(21px,2.8vw,35px)/1.1 'Permanent Marker',cursive;transform:rotate(-3deg);color:#b34229;margin:24px 0}
.before-after{max-width:1320px;margin:35px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.before-card,.after-card{padding:clamp(22px,3vw,39px);min-height:470px}
.before-card{background:#d1c1aa;border:1px solid #947b64}
.after-card{background:#191511;color:#f2e6cc;border:1px solid #191511}
.tiny-title{margin:0 0 30px;font:900 18px 'Barlow Condensed';letter-spacing:.1em}
.paper-pile{height:220px;position:relative;isolation:isolate;margin:auto;max-width:450px}
.old-paper{position:absolute;width:190px;height:112px;display:grid;align-content:center;gap:5px;background:#f5f3ec;border:1px solid #b8aa95;box-shadow:8px 8px 0 #0002;padding:16px;font:900 21px 'Barlow Condensed';color:#4a3c30;transform:rotate(-11deg)}
.old-paper small{font:13px/1.3 'DM Sans',sans-serif}
.paper-one{left:12%;top:22%;transform:rotate(-15deg)}
.paper-two{left:39%;top:41%;transform:rotate(10deg);background:#e9e2d5}
.paper-three{left:28%;top:10%;transform:rotate(3deg);box-shadow:2px 10px 15px #0002}
.after-card>img{display:block;height:230px;max-width:60%;width:auto;margin:0 auto 12px;filter:drop-shadow(8px 12px 12px #0008);transform:rotate(10deg)}
.before-after h3{font-size:clamp(30px,3vw,43px);margin:16px 0}
.before-after p:not(.tiny-title){font-size:16px;line-height:1.55;max-width:440px}
.product{background:#181511}
.product .section-top{max-width:1380px;margin:0 auto 44px;align-items:end;gap:40px}
.section-aside{max-width:320px;color:#cfc2af;font-size:19px;line-height:1.5}
.section-aside .marker-note{display:inline-block;font-size:22px;color:#d96e4a}
.product-layout{max-width:1380px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,85px);align-items:center}
.product-photo{background:#dfcda9;padding:clamp(22px,4vw,45px);position:relative;display:flex;flex-direction:column;align-items:center;border:7px solid #8a6240;transform:rotate(-1deg)}
.product-photo:before{content:"2L / ORIGINAL";position:absolute;left:12px;top:10px;font:900 15px 'Barlow Condensed';color:#795135;letter-spacing:.08em}
.product-photo img{width:min(80%,340px);height:auto;filter:drop-shadow(12px 14px 10px #5a412b66);transform:rotate(4deg)}
.photo-legend{font-size:10px;letter-spacing:.04em;color:#6e5541;margin:20px 0 0;text-align:center}
.product-features article{border-top:1px solid #645342;display:grid;grid-template-columns:65px 1fr;gap:12px;padding:23px 0}
.product-features article:first-child{border-top:0}
.product-features article>span{font:900 26px 'Barlow Condensed';color:#c36641}
.product-features h3{font-size:clamp(29px,3vw,44px)}
.product-features p{font-size:16px;line-height:1.6;color:#c9bdad;margin:9px 0 0}
.product-features>.btn{margin:26px 0 8px}
.product-features>.product-disclaimer{font-size:12px;margin:0;max-width:500px}
.how{background:#30261d;position:relative}
.how h2 em{color:#e6b24c}
.how-grid{margin:40px auto 0;max-width:1330px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.how-grid>div{padding:28px 25px;border-top:5px solid #c24b2e;background:#1c1713}
.how-grid b{font:900 40px 'Barlow Condensed';color:#e8b44d}
.how-grid h3{font-size:clamp(27px,3vw,38px);margin:23px 0 12px}
.how-grid p{color:#d2c4b2;line-height:1.55}
.offers{background:#f0e8d9}
.offers h2 em{color:#a74a2d}
.offers-intro{font-size:19px;max-width:710px}
.offers .pricing{max-width:1300px;margin:45px auto 0;gap:20px;align-items:stretch}
.pricing article{border:2px solid #bfb29e;position:relative;display:flex;flex-direction:column;padding:clamp(24px,3vw,45px)}
.pricing article.essential{background:#faf7f0}
.pricing article.pro{background:#191511;color:#f2ead9;border:3px solid #bd482e;box-shadow:8px 8px 0 #bc4d33}
.pricing .tier{font-size:18px;letter-spacing:.09em}
.pricing h3{font-size:clamp(48px,5.6vw,82px);margin:17px 0}
.price{font-size:clamp(61px,7vw,90px);color:#1e1711}
.pricing .pro .price{color:#eabb5b}
.pricing article>p:not(.tier){font-size:18px;line-height:1.4;min-height:68px}
.pricing ul{margin:10px 0 25px;padding-left:21px;line-height:2.0}
.pricing li::marker{color:#a44b30}
.pricing .btn{margin-top:auto;display:block}
.pro-stamp{position:absolute;right:-13px;top:-18px;background:#c2492c;color:#fff6de;padding:9px 16px;font:900 15px 'Barlow Condensed';letter-spacing:.06em;transform:rotate(4deg)}
.pricing-legal{max-width:1300px;margin:25px auto 0;color:#736b5e}
.team{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1300px;margin:50px auto 0;background:#dfad48;padding:34px;border:3px solid #181511}
.team h3{font-size:clamp(36px,4vw,59px)}
.team .eyebrow{font-size:16px;margin:0 0 8px;color:#74452c}
.team .btn{flex:none}
.faq{background:#e8decb}
.faq h2 em{color:#a84c2f}
.faq-wrap{max-width:950px;margin-top:45px}
.faq details{padding:20px 0;border-color:#a99e8a}
.faq details summary{font-size:clamp(25px,3vw,36px);position:relative;padding-right:30px}
.faq details summary:after{content:"+";position:absolute;right:5px;color:#af4e2f;font:900 30px 'Barlow Condensed'}
.faq details[open] summary:after{content:"−"}
.faq details p{font-size:17px;line-height:1.65;color:#4d4539}
.contact{background:#1b1712}
.contact h2 em{color:#e8b447}
.contact>div>p:not(.eyebrow){font-size:18px;line-height:1.65}
.contact .contact-quote{font:400 clamp(20px,2.7vw,31px)/1.3 'Permanent Marker',cursive;color:#dd6b49;margin-top:37px}
.contact form{padding:clamp(20px,3vw,38px);border:1px solid #6b4a32;background:#252018}
.contact input:not([type=checkbox]),.contact textarea,.contact select{background:#f2eadb;border:1px solid #b3a18d;min-height:49px}
.contact form .btn{min-height:55px}
.site-footer{display:grid;grid-template-columns:220px 1fr;gap:24px;border-top:5px solid #b5482e;background:#15120f;padding:42px 6% 100px}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none}
.footer-brand .brand-mark-footer{width:min(100%,350px);height:auto}
.footer-brand span{font:900 14px 'Barlow Condensed';letter-spacing:.1em}
.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}
.footer-links a{color:#e4c58e;text-underline-offset:4px}
.site-footer small{color:#9c8b76;font-size:12px}
.mobile-order-bar{display:none}
@media(max-width:1240px){
 .nav .brand span{display:none}
 .nav nav{gap:14px}
 .nav nav a{font-size:14px}
 .nav-action{font-size:15px;padding:11px}
 .hero h1{font-size:clamp(68px,9.5vw,130px)}
}
@media(max-width:980px){
 .nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#211a14;border-bottom:2px solid #c54b31;padding:20px 6%;gap:4px;flex-direction:column;align-items:stretch}
 .nav nav.is-open{display:flex}
 .nav nav a{font-size:19px;padding:13px;border-bottom:1px solid #ffffff20}
 .nav-toggle{display:inline-flex;align-items:center;gap:10px;margin-left:auto}
 .nav .nav-action{display:none}
 .hero{grid-template-columns:1fr}
 .hero-copy{padding:clamp(58px,8vw,90px) 6%}
 .hero h1{font-size:clamp(79px,12.6vw,132px)}
 .hero-art{min-height:550px}
 .hero-wood-stage{width:260px}
 .etched-label{left:-43%}
 .product-layout{grid-template-columns:1fr}
 .product-photo{max-width:660px;width:100%;margin:auto}
 .product-photo img{max-height:520px}
 .section-top{flex-direction:column;align-items:start}
 .team{align-items:start;flex-direction:column}
}
@media(max-width:680px){
 .nav{min-height:82px;padding:7px 18px}
 .nav .brand-mark-header{width:min(60vw,252px);height:auto;max-height:none}
 .nav-toggle{font-size:16px}
 .hero h1{font-size:clamp(74px,16vw,116px);line-height:.83}
 .hero-copy{padding:54px 22px 42px}
 .hero-description{font-size:16px}
 .hero .eyebrow{margin-bottom:24px}
 .hero .lead{font-size:20px;margin-top:25px}
 .hero .actions{gap:12px}
 .hero .actions .btn{width:100%}
 .hero-art{min-height:510px;padding:24px 30px}
 .hero-wood-stage{width:205px}
 .etched-label{left:-45%;font-size:16px}
 .hero-art-overline,.hero-caption{font-size:13px}
 .ticker{font-size:18px;padding:12px 0}
 .section{padding:65px 22px}
 .section h2{font-size:clamp(56px,12vw,78px)}
 .before-after{grid-template-columns:1fr}
 .before-card,.after-card{min-height:0;padding:25px}
 .paper-pile{height:185px}
 .old-paper{width:150px;height:96px;font-size:17px}
 .paper-one{left:0}
 .paper-two{left:40%}
 .paper-three{left:18%}
 .after-card>img{height:180px}
 .product-layout{gap:27px}
 .product-photo{padding:22px}
 .product-features article{grid-template-columns:36px 1fr;gap:10px}
 .product-features h3{font-size:30px}
 .product-features>.btn{display:block;text-align:center}
 .how-grid{grid-template-columns:1fr}
 .offers .pricing{grid-template-columns:1fr;gap:26px}
 .pricing article{padding:25px}
 .pricing article>p:not(.tier){min-height:0}
 .team{padding:25px}
 .team .btn{width:100%}
 .contact{grid-template-columns:1fr}
 .contact form{padding:20px}
 .site-footer{grid-template-columns:1fr;padding-bottom:110px}
 .mobile-order-bar{position:fixed;z-index:130;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;background:#e8b044;color:#1d160e;text-decoration:none;min-height:59px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));font:900 21px 'Barlow Condensed',sans-serif;border-top:3px solid #aa3d25;box-shadow:0 -5px 17px #0005}
 .cinematic-intro .intro-escape{font-size:13px;top:calc(16px + env(safe-area-inset-top,0px));right:12px}
}
@media(prefers-reduced-motion:reduce){
 .ticker-track{animation:none;will-change:auto;transform:none}
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
 .hero-wood{transform:none}
}


/* Accroches 2L Cards : réparties comme signatures de marque, jamais en surimpression des CTA. */
.hero-punchline{
  max-width:500px; margin:-5px 0 24px; padding:10px 15px;
  border-left:4px solid #c94d32; background:rgba(218,164,76,.08);
  color:#f0d7b0; font:700 clamp(16px,1.35vw,19px)/1.45 'DM Sans',sans-serif;
}
.manifesto-strap{
  max-width:890px; margin:20px 0 0;
  font:600 clamp(19px,2.1vw,27px)/1.4 'DM Sans',sans-serif;
  color:#463329;
}
.manifesto-strap strong{color:#a4432e;font-weight:900}
.before-after .card-punchline{
  margin:26px 0 0; padding:13px 0 0; border-top:2px solid currentColor;
  max-width:440px; font:900 clamp(21px,2.1vw,29px)/1.13 'Barlow Condensed',Impact,sans-serif;
  letter-spacing:.01em;
}
.before-card .card-punchline{color:#8e3826}
.after-card .card-punchline{color:#f2c76f}
.product .section-aside .marker-note{
  display:block;max-width:315px; margin-top:17px;
  font-size:clamp(19px,2vw,26px);line-height:1.28;
}
.how-grid .how-punchline{
  margin-top:20px;padding:13px 0 0;border-top:1px solid #6c4d37;
  color:#f0c36d;font:800 clamp(18px,1.9vw,24px)/1.2 'Barlow Condensed',Impact,sans-serif;
}
.offer-wink{
  max-width:960px; margin:33px auto 0; padding:23px 29px;
  background:#211913; color:#f4daab;
  border-left:7px solid #be4a30;
  font:900 clamp(26px,3vw,42px)/1.09 'Barlow Condensed',Impact,sans-serif;
  letter-spacing:.01em;
}
.offer-wink span{display:block;margin-top:7px;color:#e6ac46;font-size:.78em}
@media(max-width:680px){
  .hero-punchline{font-size:16px;padding:10px 12px;margin-bottom:22px}
  .manifesto-strap{font-size:19px}
  .before-after .card-punchline{font-size:24px}
  .offer-wink{padding:19px 20px;margin-top:25px;font-size:29px}
  .product .section-aside .marker-note{max-width:100%;font-size:21px}
}