@font-face{font-family:Barlow;src:url('../fonts/barlow-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:DM;src:url('../fonts/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url('../fonts/dm-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:DM;src:url('../fonts/dm-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:ReferenceDisplay;src:url('https://www.lepainquotidien.com/_next/static/media/druk_medium-s.p.1wj8fpk_gb4yy.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ReferenceBody;src:url('https://www.lepainquotidien.com/_next/static/media/brandon_text_regular-s.p.3qg9bs3vbcwfo.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ReferenceBrush;src:url('https://www.lepainquotidien.com/_next/static/media/quickbrush-s.p.3ggop2x7funhe.woff2') format('woff2');font-display:swap}
:root{--paper:#fbf5ee;--ink:#000;--yellow:#fdc400;--line:#000;--display:ReferenceDisplay,Barlow,'Arial Narrow',sans-serif;--body:ReferenceBody,DM,Arial,sans-serif;--reference-ease:cubic-bezier(.49,.03,.13,.99);--ease:cubic-bezier(.22,1,.36,1);--gutter:24px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:#000;font:400 18px/1.5 var(--body);overflow-x:clip}::selection{background:var(--yellow)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}img,picture{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:0;left:50%;z-index:100;padding:8px;background:#fff;transform:translate(-50%,-150%)}.skip-link:focus{transform:translate(-50%,0)}.container{width:calc(100% - 48px);margin-inline:auto}.display{font:500 clamp(64px,6.7vw,96px)/1.03 var(--display);text-transform:uppercase;text-wrap:balance}.display-small{font-size:clamp(48px,5vw,80px)}.line{display:block}.line>span{display:block}.body-copy{max-width:600px}.eyebrow{font-size:16px;line-height:1.5}.text-link,.button{min-height:46px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:400;border:1px solid #000;background:#000;color:#fff;transition:background .3s,color .3s}.text-link:hover,.button:hover{background:var(--yellow);color:#000}.text-link span{display:none}.light-link{color:#fff}.hero .text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:12px 0;justify-content:flex-start;font-weight:500;gap:18px}.hero .text-link span{display:inline;font-size:1.35rem}.hero .text-link:hover{background:none;color:#fff}.hero .text-link:hover span{transform:translateX(5px)}
.site-header{position:fixed;top:24px;left:24px;right:24px;z-index:40;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;height:44px;background:#fff;border:1px solid #000;color:#000;transition:top .5s var(--reference-ease)}.desktop-nav,.header-actions{display:flex;min-width:0}.nav-link{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;font-size:14px;border-right:1px solid #000;white-space:nowrap;transition:background .2s}.nav-link:hover,.nav-link:focus-visible{background:var(--paper)}.wordmark{font:700 32px/1 DM,Arial,sans-serif;letter-spacing:-.095em;width:fit-content}.header-brand{position:relative;border-right:1px solid #000;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.brand-name{font-size:22px;transition:transform .5s var(--reference-ease)}.brand-description{position:absolute;font:400 12px/1.2 var(--body);letter-spacing:0;text-align:center;transform:translateY(250%);transition:transform .5s var(--reference-ease)}.site-header:hover .brand-name{transform:translateY(-250%)}.site-header:hover .brand-description{transform:none}.header-actions .nav-link{flex:1}.header-actions .nav-link:last-child{border-right:0}.menu-toggle{display:none;border:0;background:#fff;padding:12px;width:100%;height:44px}.menu-toggle span{display:block;width:22px;height:1px;background:#000;margin:6px auto}.mobile-menu{margin:0;padding:16px;border:0;width:100%;max-width:none;height:100dvh;max-height:none;background:var(--paper);overflow:auto}.mobile-menu[open]{display:flex;flex-direction:column}.mobile-menu::backdrop{background:#0005}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;border:1px solid #000;padding:12px;background:#fff}.menu-close{border:0;background:none;min-height:44px;display:flex;gap:24px;align-items:center}.menu-close span{font-size:32px}.mobile-menu nav{display:flex;flex-direction:column;margin:auto 0;padding:40px 0}.mobile-menu nav a{border-bottom:1px solid #000;padding:8px 0;font:500 56px/1.2 var(--display);text-transform:uppercase}.mobile-menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.mobile-menu>p{margin-top:24px;font-size:16px}.menu-open{overflow:hidden}.motion-ready .mobile-menu[open]{animation:menu-in .5s var(--reference-ease)}.mobile-menu.is-closing{animation:menu-out .35s var(--reference-ease) both!important}@keyframes menu-in{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes menu-out{to{clip-path:inset(0 0 100%)}}
.sticky-panels{position:relative;margin:0 24px;padding-block:1px 24px}.lpq-panel{position:sticky;top:69.6px;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 90px);margin-block:24px;background:#fff;border:1px solid #000;overflow:clip}.lpq-panel:last-child{z-index:2}.lpq-copy{padding:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;min-width:0}.lpq-copy>.eyebrow{font:400 clamp(30px,3vw,48px)/1 ReferenceBrush,DM,sans-serif;color:var(--yellow);transform:rotate(-2deg);max-width:100%;text-wrap:balance}.lpq-copy .display{font-size:clamp(60px,6.7vw,96px);line-height:1.04}.lpq-copy .body-copy{max-width:450px;font-size:18px}.lpq-panel figure{height:100%;min-height:100%;position:relative;overflow:hidden}.lpq-panel:not(.lpq-panel-reverse) .lpq-copy{border-right:1px solid #000}.lpq-panel-reverse .lpq-copy{border-left:1px solid #000}.lpq-panel picture{transform:translateY(var(--image-y,0px)) scale(1.08)}.lpq-panel-reverse .display-small{font-size:clamp(50px,5vw,76px)}.plan-heading .eyebrow{font-size:14px}.plan-heading .plan-name{font:400 48px/1 ReferenceBrush,DM,sans-serif;color:var(--yellow);transform:rotate(-2deg);margin-top:10px}.lpq-copy .line>span{display:inline}.lpq-copy .line{display:inline}.lpq-copy .line+.line::before{content:' '}
.lpq-gallery{padding-top:192px;overflow:hidden;background:var(--paper)}.gallery-intro{text-align:center;max-width:850px;margin:auto;padding-inline:24px}.gallery-intro>.eyebrow{font:400 clamp(28px,3vw,48px)/1 ReferenceBrush,DM,sans-serif;color:var(--yellow);transform:rotate(-2deg);text-wrap:balance}.gallery-intro>.plan-name{font:500 96px/1 var(--display);margin-top:16px}.horizonte-intro{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.horizonte-intro .display-small{font-size:48px;line-height:1.1}.horizonte-intro .body-copy{margin:0 auto 24px;max-width:600px}.ribbon{margin-top:160px;padding-block:32px;display:grid;grid-template-columns:repeat(4,1fr);width:100%;touch-action:pan-y;cursor:grab}.ribbon-card{position:relative;transform:translateX(var(--ribbon-x,0px)) rotate(calc((var(--card-index) - 1.5)*var(--ribbon-angle,4deg)));transition:transform .1s linear;min-width:0;transform-origin:50% 50%}.ribbon-card figure{aspect-ratio:1/1;overflow:hidden}.ribbon-card img{transition:transform .8s var(--ease)}.ribbon-card:hover img{transform:scale(1.05)}.question{background:#fff;padding:20px;position:relative;min-height:200px;border:1px solid #000;border-top:0}.question h3{font:500 32px/1.05 var(--display);text-transform:uppercase;margin:10px 0 30px;text-wrap:balance}.question-index{font-size:14px;position:absolute;bottom:16px;right:16px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:48px 24px 96px;max-width:1250px;margin:auto}.comparison-block{padding:24px;border-top:1px solid #000}.comparison-block h2{font:500 48px/1 var(--display);margin:12px 0}.comparison-block p{max-width:450px;font-size:22px}.comparison-block .text-link{margin-top:24px}.comparison-block .eyebrow{font-size:14px}
.brand-statement{height:200svh;position:relative;z-index:3;background:var(--paper)}.statement-stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden}.video-scene{position:absolute;inset:0;background:#9a8170}.video-scene video{width:100%;height:100%;object-fit:cover}.statement-cover{position:absolute;inset:0;background:var(--paper);display:flex;align-items:center;justify-content:center;transform:scale(var(--cover-scale,1));opacity:var(--cover-opacity,1);transform-origin:50% 50%;pointer-events:none}.manifesto{max-width:1000px;text-align:center;padding:80px 24px}.manifesto>.display{font-size:clamp(56px,7vw,110px);line-height:1}.manifesto>.body-copy{max-width:600px;margin:24px auto;font-size:18px}.manifesto #statement-title{font:500 clamp(40px,5vw,80px)/1 var(--display);margin:32px auto;text-transform:uppercase}.manifesto .statement-line{display:block}.manifesto .text-link{pointer-events:auto;background:transparent;color:#000}.oval-highlight{position:absolute;width:54%;height:23%;left:23%;top:57%;border:6px solid var(--yellow);border-radius:50%;transform:rotate(-5deg) scaleX(var(--oval-scale,0));pointer-events:none}.video-toggle{position:absolute;right:24px;bottom:24px;border:0;background:#fff;color:#000;display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;z-index:5}.pause-symbol{display:inline-grid;place-items:center;border:1px solid #000;border-radius:50%;width:28px;height:28px}.video-toggle-label{text-transform:uppercase}
.editorial{background:var(--paper);position:relative}.editorial-heading{position:sticky;top:0;min-height:600px;padding:112px 24px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.editorial-heading .eyebrow{font-size:16px;color:#000}.editorial-heading .display{font-size:clamp(64px,6.7vw,96px);max-width:800px;line-height:1}.editorial-heading .line:last-child{color:var(--yellow)}.editorial-year{font:500 80px/1 var(--display);color:#fff;align-self:flex-end;display:flex;align-items:center;gap:24px;max-width:100%}.editorial-year span{width:160px;height:1px;background:#fff}.magazine-content{position:relative;background:#fff;padding:24px}.featured-story .editorial-card{position:relative;padding:0}.featured-story .editorial-image{aspect-ratio:16/9;height:auto;margin:0}.featured-story .editorial-card>.eyebrow,.featured-story .editorial-card>h3{position:absolute;left:24px;background:#fff;border-inline:1px solid #000;width:min(450px,calc(100% - 48px));padding:24px}.featured-story .editorial-card>.eyebrow{bottom:144px;border-top:1px solid #000;padding-bottom:0}.featured-story .editorial-card>h3{bottom:24px;margin:0;min-height:120px;border-bottom:1px solid #000;padding-top:12px;font-size:48px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 24px;margin-top:32px}.editorial-card{min-width:0}.editorial-image{aspect-ratio:3/2;overflow:hidden}.editorial-image img{transition:transform .8s var(--reference-ease)}.editorial-card:hover .editorial-image img{transform:scale(1.04)}.editorial-card>.eyebrow{font-size:14px;margin-top:16px}.editorial-card h3{font:500 48px/1.05 var(--display);text-transform:uppercase;margin-top:12px;text-wrap:balance}.editorial-text{border-top:1px solid #000;padding-top:24px}.editorial-number{font:500 80px/1 var(--display);display:block;margin-top:32px}.editorial-feature .text-link{margin-top:24px}.final-copy{margin-top:72px;padding:56px 24px;text-align:center;border:1px solid #000}.final-copy .display{font-size:64px}.final-copy .button{margin-top:32px}.site-footer{position:relative;z-index:4;background:#000;color:#fff;padding:64px 24px 24px}.footer-top{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:64px;padding-bottom:80px;text-align:center}.footer-top>div{grid-column:1/-1}.footer-top .wordmark{color:var(--yellow);display:block;margin:auto;font-size:56px}.footer-top p{margin-top:24px}.footer-top nav{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-top nav:first-of-type{grid-column:1/3}.footer-top nav a{font-size:16px;min-height:32px}.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:24px;font-size:14px;gap:24px}.footer-bottom a{min-height:44px}.page-curtain{position:fixed;z-index:90;inset:0;background:var(--paper);pointer-events:none;transform:translateY(100%);transition:transform .5s var(--reference-ease);visibility:hidden}.is-leaving .page-curtain{transform:none;visibility:visible}
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--reference-ease);transition-delay:var(--delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .text-reveal .line>span{opacity:0;filter:blur(3px);transition:opacity .6s var(--reference-ease),filter .6s var(--reference-ease);transition-delay:calc(var(--line-index,0)*90ms)}.motion-ready .text-reveal.is-visible .line>span{opacity:1;filter:blur(0)}.image-reveal{overflow:hidden;background:#e3d7c5}.image-reveal picture{clip-path:inset(0)}
@media(max-width:1200px){.site-header{grid-template-columns:1.2fr 1fr 1fr}.nav-link{padding-inline:10px}.lpq-copy{padding:40px}.lpq-copy>.eyebrow{font-size:32px}.lpq-panel-reverse .display-small{font-size:60px}}
@media(max-width:1023px){.site-header{top:12px;left:16px;right:16px;grid-template-columns:1fr 1fr;grid-template-rows:48px 44px;height:93px}.header-brand{grid-column:1/-1;grid-row:1;border-right:0;border-bottom:1px solid #000}.desktop-nav{display:none}.header-actions .nav-link:first-child{display:none}.header-actions .nav-link{border-right:1px solid #000!important}.menu-toggle{display:block;grid-column:1;grid-row:2;border-right:1px solid #000}.header-actions{grid-column:2;grid-row:2}.site-header:hover .brand-name{transform:none}.site-header:hover .brand-description{transform:translateY(250%)}html{scroll-padding-top:120px}.sticky-panels{margin:0 16px;padding-bottom:0}.lpq-panel{position:relative;top:auto;min-height:0;grid-template-columns:1fr;margin-block:20px}.lpq-copy{padding:48px 24px;border-inline:0!important}.lpq-copy .display{font-size:64px}.lpq-panel figure{min-height:0;height:auto;aspect-ratio:1/1;border-top:1px solid #000}.lpq-panel-reverse figure{order:2}.lpq-panel-reverse .lpq-copy{order:1}.lpq-gallery{padding-top:128px}.ribbon{width:220%;margin-left:-60%;margin-top:96px}.ribbon-card figure{aspect-ratio:1/1}.question{min-height:240px;padding:16px}.question h3{font-size:28px}.comparison{padding:32px 16px 64px}.editorial-heading{min-height:400px;padding:128px 16px 0}.editorial-heading .display{font-size:64px}.magazine-content{padding:16px}.featured-story .editorial-image{aspect-ratio:1/1}.featured-story .editorial-card>.eyebrow,.featured-story .editorial-card>h3{position:static;width:100%;border:1px solid #000;padding:20px}.featured-story .editorial-card>.eyebrow{margin:0;border-bottom:0;padding-bottom:0}.featured-story .editorial-card>h3{border-top:0;padding-top:12px;min-height:0}.editorial-grid{grid-template-columns:1fr;gap:32px}.editorial-year{font-size:48px;gap:16px}.editorial-year span{width:80px}.oval-highlight{width:82%;left:9%;height:20%;border-width:4px}.manifesto{padding-inline:16px}.manifesto>.display{font-size:64px}.footer-top{gap:32px;grid-template-columns:1fr 1fr}.footer-top nav:first-of-type{grid-column:auto}}
@media(max-width:767px){.gallery-intro>.plan-name{font-size:80px}.horizonte-intro .display-small{font-size:44px}.gallery-intro{padding-inline:24px}.comparison{grid-template-columns:1fr;gap:32px}.manifesto>.display{font-size:clamp(42px,10vw,64px)}.manifesto>.body-copy{font-size:16px}.manifesto #statement-title{font-size:40px}.editorial-heading .display{font-size:clamp(48px,12vw,64px)}.editorial-card h3{font-size:40px}.final-copy{padding:40px 16px}.final-copy .display{font-size:48px}.editorial-year{font-size:40px}.footer-top p{font-size:16px}.footer-bottom{font-size:14px}.lpq-copy>.eyebrow{font-size:32px}.lpq-copy .display{font-size:60px}.lpq-panel-reverse .display-small{font-size:52px}.ribbon{margin-top:80px}.question .eyebrow{font-size:14px}.statement-cover{transform:scale(var(--cover-scale,1))}.video-toggle{right:16px;bottom:16px}}
@media(max-width:400px){.lpq-copy{padding:40px 20px}.gallery-intro>.plan-name{font-size:72px}.editorial-year span{width:48px}.brand-description{font-size:11px}}
@media(min-width:1024px){.header-brand{border-left:1px solid #000}.desktop-nav .nav-link:last-child{border-right:0}}

.hero{height:135svh;position:relative;background:var(--paper)}.hero-stage{height:100svh;position:sticky;top:0;overflow:clip;background:#b76d55}.hero-picture{position:absolute;inset:0;transform:translateY(var(--hero-image-y,0px)) scale(var(--hero-scale,1));transform-origin:50% 50%}.hero-picture img{object-position:center center}.hero-stage::after{content:'';position:absolute;inset:0;background:var(--paper);opacity:var(--hero-wash,0);pointer-events:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 22%,transparent 62%,#000b)}.hero-copy{position:absolute;z-index:1;bottom:clamp(36px,6vh,80px);left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between;gap:32px;color:#fff;transform:translateY(var(--hero-copy-y,0px));opacity:var(--hero-copy-opacity,1)}.hero-copy h1{font:700 clamp(26px,3.2vw,52px)/1.02 var(--display);letter-spacing:.015em;max-width:780px}.hero-copy .text-link{flex-shrink:0;color:#fff}.motion-ready .hero-picture{animation:hero-enter 1.3s var(--reference-ease) both}.motion-ready .hero-copy h1{animation:hero-text 1.1s .2s var(--ease) both}.motion-ready .hero-copy .text-link{animation:hero-text 1.1s .35s var(--ease) both}@keyframes hero-enter{from{clip-path:inset(8% 5%);filter:brightness(.7)}to{clip-path:inset(0);filter:brightness(1)}}@keyframes hero-text{from{clip-path:inset(100% 0 0);translate:0 30px;opacity:0}to{clip-path:inset(0);translate:0 0;opacity:1}}

.hero{--gutter:clamp(24px,4.5vw,88px);--display:Barlow,'Arial Narrow',sans-serif;--body:DM,Arial,sans-serif}.hero .text-link{font-family:DM,Arial,sans-serif;color:#fff}.hero-mobile-brand{display:none}
@media(min-width:1920px){.hero-copy{left:max(var(--gutter),calc((100vw - 1760px)/2));right:max(var(--gutter),calc((100vw - 1760px)/2))}}
@media(max-width:767px){.hero{height:115svh;--gutter:24px}.hero-stage{height:100svh}.hero-picture img{object-position:50% 50%}.hero-copy{bottom:36px;display:block}.hero-copy h1{font-size:clamp(30px,7vw,44px);line-height:1.08}.hero-copy .text-link{margin-top:20px}.hero-shade{background:linear-gradient(180deg,#0005,transparent 20%,transparent 62%,#000c)}.hero-mobile-brand{display:block;position:absolute;z-index:1;left:24px;right:24px;bottom:clamp(220px,29svh,310px);font:600 17.3vw/.9 var(--body);letter-spacing:-.085em;text-align:center;color:var(--paper);opacity:var(--hero-copy-opacity,1);transform:translateY(var(--hero-copy-y,0px));pointer-events:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.line>span{opacity:1!important;transform:none!important;filter:none!important}.hero{height:100svh}.hero-picture,.hero-copy,.hero-mobile-brand,.statement-line{transform:none!important;opacity:1!important}.hero-stage::after{opacity:0}.image-reveal picture{clip-path:none!important;transform:none!important}.brand-statement{height:auto}.statement-stage{height:100svh;position:relative}.statement-cover{transform:none!important}.page-curtain{display:none}.ribbon-card{transform:none!important}}

.statement-cover{mix-blend-mode:lighten}