/* OXXY 2.139 — identité éditoriale, terrain et accompagnement. */
body.oxxy-learning{--yellow:#f5e32c;--ink:#191b19;--paper:#f4f2e9;--muted:#5b5e55;background:var(--paper)}
.wrap{width:min(1320px,calc(100% - 96px))}
.preview-note{background:#292b27;color:#fff8c7;text-align:center;font-size:9px;letter-spacing:.13em;padding:7px 15px}
.header{padding:18px 48px;background:var(--paper);border-bottom:1px solid #191b1925;box-shadow:none}
.brand img{width:105px}
.header nav{gap:30px;padding:0;border:0;border-radius:0;background:none}
.header nav a{padding:5px 0;font-size:12px;font-weight:600;background:none!important;color:var(--ink);border-radius:0}
.header nav a[aria-current]{box-shadow:0 2px var(--ink)}
.header .nav-cta{background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:0;font-size:12px}
.button{border-radius:0;background:var(--yellow);color:var(--ink);border:1px solid var(--ink);font-weight:700;padding:16px 22px;font-size:13px}
.button:hover{background:var(--ink);color:var(--yellow)}
.text-link{color:var(--ink);font-size:13px;font-weight:600;text-underline-offset:5px}
.bold-hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:730px;border-bottom:1px solid var(--ink)}
.hero-copy{padding:40px 40px 44px 48px;position:relative}
.hero-copy>.eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.08em;color:var(--ink);margin:0 0 40px}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}
.hero-copy h1{font-size:clamp(66px,7.4vw,112px);letter-spacing:-.075em;font-weight:700;line-height:.86;max-width:none;margin:0 0 32px;position:relative}
.hero-copy h1>span:not(.hero-asterisk){font-size:1.04em}
.hero-copy h1 em{color:var(--ink);font-family:Georgia,serif;font-size:1.28em;font-weight:400;letter-spacing:-.07em;font-style:italic;position:relative;z-index:0}
.hero-copy h1 em:before{content:"";background:var(--yellow);position:absolute;inset:42% -10px 0 -3px;z-index:-1;transform:rotate(-3deg)}
.hero-copy h1 .hero-asterisk{font-size:.85em;font-weight:400;display:inline-block;margin-left:.7em;vertical-align:top;line-height:1.2}
.hero-question{font-size:20px;line-height:1.45;margin:0 0 12px}
.hero-description{font-size:14px;line-height:1.65;max-width:46ch;color:var(--muted);margin:0 0 25px}
.hero-copy .actions{gap:23px;align-items:center}
.hero-copy .button span{margin-left:22px;font-size:19px}
.hero-portrait{position:relative;margin:0;overflow:hidden;background:#70614e;border-left:1px solid var(--ink)}
.hero-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:83% center}
.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,transparent 30%,#0000 40%,#000b 100%);pointer-events:none}
.portrait-location{position:absolute;z-index:1;top:33px;left:32px;color:#fff;font-size:9px;line-height:1.8;letter-spacing:.12em}
.hero-portrait figcaption{position:absolute;z-index:1;bottom:30px;left:32px;color:white}
.hero-portrait figcaption>span{font-size:9px;letter-spacing:.1em}
.hero-portrait figcaption strong{display:block;font-size:90px;line-height:.83;letter-spacing:-.07em;margin:20px 0 16px;font-weight:650}
.hero-portrait figcaption strong span{color:var(--yellow)}
.hero-portrait figcaption p{font-size:12px;line-height:1.6;margin:0;color:#fff}
.portrait-note{position:absolute;right:25px;bottom:55px;z-index:2;background:var(--yellow);color:var(--ink);text-decoration:none;padding:22px 20px;transform:rotate(5deg);font-size:16px;font-weight:650;line-height:1.25;box-shadow:2px 5px 0 #191b1940}
.portrait-note span{display:block;font-size:35px;margin-top:10px}
.manifest-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--yellow);padding:18px 48px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700;letter-spacing:.03em}
.manifest-strip b{font-size:28px;line-height:1}
.start-section{padding-block:85px}
.start-heading{display:grid;grid-template-columns:.65fr 1.4fr 1fr;gap:35px;align-items:start;margin-bottom:45px}
.start-heading .eyebrow{font-size:10px;color:var(--ink)}
.start-heading h2{font-size:64px;line-height:.95;letter-spacing:-.06em;font-weight:650;margin:0}
.start-heading h2 em{font-family:Georgia,serif;font-weight:400}
.start-heading>p:last-child{font-size:14px;line-height:1.6;color:var(--muted);align-self:end;margin-bottom:0}
.start-offers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.start-offer{position:relative;display:grid;grid-template-columns:45px 1fr 20px;gap:16px;padding:32px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);text-decoration:none;transition:background .2s;color:var(--ink)}
.start-offer:hover,.start-offer:focus-visible{background:#e8e6dc}
.start-suivi{background:var(--yellow)}
.start-suivi:hover{background:#ead51e}
.start-number{font-size:31px;font-weight:400;letter-spacing:-.04em}
.start-situation{font-size:11px!important;margin:3px 0 22px!important;color:var(--ink)!important}
.start-offer h3{font-size:28px;line-height:1.08;font-weight:650;letter-spacing:-.04em;margin:0 0 15px}
.start-offer p{font-size:13px;line-height:1.6;color:#50534b;max-width:36ch;margin:0 0 23px}
.start-offer small{font-size:10px;color:var(--ink)}
.start-arrow{font-size:29px;line-height:1}
.start-footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:22px 0 0}
.start-footer a{font-weight:650;color:var(--ink);white-space:nowrap}
.work-stage{padding-block:70px;background:var(--ink)}
.work-heading{grid-template-columns:.65fr 1.4fr 1fr;gap:35px;margin-bottom:40px}
.work-heading h2{font-size:57px;letter-spacing:-.06em;line-height:.97;font-weight:600}
.work-heading>p:last-child{font-size:13px;line-height:1.7;color:#c3c5bb}
.work-grid{gap:24px}.work-card{border:1px solid #ffffff26}.work-screen{max-height:330px}.work-screen img{width:100%;object-fit:cover;object-position:top}
.work-caption h3{font-size:28px}.work-pat{min-height:420px}.work-pat .work-caption h3{font-size:42px}
.wall-section{background:var(--paper);padding-block:75px}
.wall-heading h1,.wall-heading h2{font-size:85px;line-height:.9;letter-spacing:-.065em}
.wall-heading h1 span,.wall-heading h2 span{color:var(--ink)}
.wall-heading>p{font-size:14px;color:var(--muted);max-width:32ch;line-height:1.7}
.wall-tools{border-block:1px solid #191b1940;padding:18px 0;margin:32px 0}
.wall-filters{margin:0;padding:0}.wall-filters button{background:transparent;border:1px solid transparent;color:var(--ink);font-size:11px;padding:10px 16px}
.wall-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.wall-search{font-size:10px;max-width:240px}.wall-search input{font-size:12px;padding:9px 0;border:0;border-bottom:1px solid #191b1980;outline-offset:3px}
.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}
.journal-post.lead-post{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}
.lead-post .post-cover{height:100%;aspect-ratio:auto;min-height:340px}
.lead-post .post-cover img{object-position:82% center}
.lead-post .post-copy{padding:30px;align-self:center}
.lead-post h3{font-size:34px;line-height:1.06;letter-spacing:-.045em}
.lead-post .post-excerpt{font-size:13px;line-height:1.65}
.post-cover{aspect-ratio:16/10;border:1px solid #191b191f}
.post-cover .image-label{background:var(--paper);color:var(--ink);font-size:9px;letter-spacing:.06em;padding:6px 10px;top:12px;left:12px}
.post-copy h3{font-size:25px;line-height:1.12;letter-spacing:-.035em}
.post-copy{padding-top:16px}.post-excerpt{font-size:13px;line-height:1.6;color:var(--muted)}
.post-topic{color:var(--muted);font-size:9px}.post-author small{color:var(--muted);font-size:10px}.post-author>span{background:var(--yellow);color:var(--ink)}
.lead-post .post-author small,.lead-post .post-topic,.lead-post .post-excerpt{color:#d0d2c7}
.journal-more.button{background:transparent}.journal-more.button:hover{background:var(--ink)}
.home-contact{border-block:1px solid var(--ink);padding-block:60px}.home-contact h2{font-size:68px;letter-spacing:-.06em}
.studio-landing{padding-block:60px;gap:65px;grid-template-columns:1.25fr .75fr}
.studio-landing h1{font-size:clamp(55px,6.6vw,94px);line-height:.96;font-weight:650}
.studio-landing .landing-intro{font-size:16px}.studio-landing figure{min-height:390px;border:1px solid var(--ink)}
.catalog-grid{gap:32px}.product-card{border:1px solid var(--ink);background:#faf9f2;overflow:hidden;position:relative}
.product-copy{padding:26px}.product-copy h3{font-size:31px}.product-image{aspect-ratio:16/8}
.product-card[data-service-key=suivi]{background:var(--yellow)}
.product-bottom .card-button{border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink)}
.product-format{color:var(--ink)}.product-bottom strong{color:var(--ink)}
.product-copy>p:not(.product-format){font-size:14px;line-height:1.6}
.catalog-note{font-size:12px}.catalog-filters{margin-bottom:26px}.catalog-filters button{font-size:12px}
.location h2{font-size:45px;line-height:1.05}.contact h2{font-size:44px;line-height:1.04}
.faq details{border-radius:0;background:transparent;border:0;border-top:1px solid #191b1940;padding:21px 0;margin:0}
.content-dialog{background:var(--paper);border:1px solid var(--ink);border-radius:0;max-width:780px}
.detail-title{font-size:43px;letter-spacing:-.045em}.detail-lead{color:var(--muted)}.post-body{color:var(--ink)}
.deliverable,.related-offer{background:var(--yellow);border-radius:0;color:var(--ink)}
.detail-copy .small{line-height:1.7}.dialog-close{border-radius:0;border:1px solid var(--ink)}
.footer{padding-block:40px}.footer strong{font-size:27px;letter-spacing:-.045em}
a:focus-visible,button:focus-visible{outline:3px solid #3664ca;outline-offset:5px}
@media(min-width:1600px){.hero-copy{padding-left:max(48px,calc((100vw - 1504px)/2))}.bold-hero{min-height:800px}.hero-copy h1{font-size:125px}.hero-description{font-size:16px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header{padding-inline:28px}.hero-copy{padding:35px 28px}.bold-hero{min-height:680px}.hero-copy h1{font-size:7.8vw}.hero-copy>.eyebrow{font-size:8px;margin-bottom:35px}.hero-question{font-size:17px}.hero-copy .actions{gap:15px}.hero-copy .button{padding:14px;font-size:11px}.hero-copy .button span{margin-left:10px}.hero-description{font-size:13px}.hero-portrait figcaption strong{font-size:75px}.portrait-note{font-size:13px;bottom:50px;right:18px;padding:16px}.hero-portrait figcaption{left:24px}.portrait-location{left:24px}.manifest-strip{padding-inline:28px;font-size:10px}.start-heading,.work-heading{grid-template-columns:.65fr 1.5fr;gap:25px}.start-heading>p:last-child,.work-heading>p:last-child{grid-column:2}.start-offer{padding:25px 22px;grid-template-columns:32px 1fr 18px;gap:14px}.start-offer h3{font-size:26px}.start-number{font-size:24px}.journal-post.lead-post{display:block}.lead-post .post-cover{min-height:0;aspect-ratio:16/8}.lead-post .post-copy{padding:25px}.journal-grid{gap:30px 22px}.post-copy h3{font-size:23px}.lead-post h3{font-size:32px}}
@media(max-width:760px){.header{padding:14px 22px;flex-wrap:wrap}.header nav{order:3;flex-basis:100%;justify-content:space-between;gap:15px;border-top:1px solid #191b1920;padding-top:10px}.header .nav-cta{margin-left:auto}.bold-hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:30px 24px 38px}.hero-copy>.eyebrow{font-size:9px;margin-bottom:32px}.hero-copy h1{font-size:clamp(54px,13.4vw,95px);margin-bottom:30px}.hero-copy h1 .hero-asterisk{margin-left:.8em}.hero-question{font-size:19px}.hero-description{font-size:14px;max-width:48ch}.hero-copy .button{font-size:12px;padding:16px}.hero-copy .actions{gap:25px}.hero-portrait{height:470px;border-left:0;border-top:1px solid var(--ink)}.hero-portrait>img{object-position:80% 38%}.hero-portrait figcaption strong{font-size:80px}.portrait-note{bottom:40px;right:30px;font-size:16px}.manifest-strip{padding:15px 22px;font-size:9px;gap:10px;flex-wrap:wrap;justify-content:center}.manifest-strip b{font-size:20px}.manifest-strip span:last-of-type,.manifest-strip b:last-child{display:none}.wrap{width:calc(100% - 44px)}.start-section{padding-block:45px}.start-heading{display:block;margin-bottom:28px}.start-heading h2{font-size:54px;margin:22px 0}.start-heading>p:last-child{font-size:13px}.start-offers{grid-template-columns:1fr}.start-offer{padding:25px 22px;grid-template-columns:32px 1fr 18px}.start-offer h3{font-size:27px}.start-situation{margin-bottom:16px!important}.start-offer p{max-width:40ch}.start-footer{display:block;line-height:1.7}.start-footer a{display:block;margin-top:13px}.work-stage{padding-block:45px}.work-heading{display:block}.work-heading h2{font-size:46px}.work-heading>p:last-child{font-size:13px;max-width:44ch}.work-grid{grid-template-columns:1fr;gap:22px}.work-caption h3{font-size:27px}.work-pat{min-height:380px}.wall-section{padding-block:45px}.wall-heading h1,.wall-heading h2{font-size:60px}.wall-heading>p{font-size:13px;margin-top:23px}.wall-tools{margin:25px 0;padding-block:15px}.wall-filters{flex-wrap:wrap;gap:4px}.wall-filters button{padding:9px 11px;font-size:11px}.wall-search{margin:18px 0 0;max-width:none}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.journal-post.lead-post{grid-column:span 2}.lead-post .post-cover{aspect-ratio:16/10}.lead-post .post-copy{padding:25px}.lead-post h3{font-size:31px}.post-cover{aspect-ratio:1/1}.post-copy h3,.journal-post:not(.lead-post) .post-copy h3{font-size:20px}.post-excerpt,.journal-post:not(.lead-post) .post-excerpt{font-size:12px}.post-author>span{display:none}.post-author small{font-size:10px}.post-topic{font-size:8px}.post-cover .image-label{font-size:8px;left:8px;top:8px;padding:5px 8px}.home-contact{padding-block:42px}.home-contact h2{font-size:55px}.studio-landing{display:block;padding-block:35px}.studio-landing h1{font-size:clamp(47px,10vw,72px)}.studio-landing .landing-intro{font-size:15px}.studio-landing figure{min-height:300px;margin-top:30px}.catalog-grid{grid-template-columns:1fr;gap:24px}.product-copy{padding:24px}.product-copy h3{font-size:29px}.product-image{aspect-ratio:16/9}.location h2,.contact h2{font-size:37px}.content-dialog{width:calc(100% - 20px);max-height:94dvh}.detail-title{font-size:32px}.detail-copy{padding:25px}.detail-cover{aspect-ratio:16/10}.footer strong{font-size:25px}.footer nav{font-size:12px;gap:20px}html{scroll-padding-top:145px}}
@media(max-width:380px){.hero-copy{padding-inline:18px}.hero-copy>.eyebrow{font-size:8px}.hero-copy h1{font-size:51px}.hero-copy h1 .hero-asterisk{margin-left:.6em}.hero-copy .actions{gap:16px}.hero-copy .button{font-size:10px;padding:14px 12px}.hero-copy .text-link{font-size:12px}.hero-question{font-size:17px}.wrap{width:calc(100% - 36px)}.header{padding-inline:18px}.header nav a{font-size:11px}.hero-portrait{height:410px}.portrait-note{font-size:13px;right:16px;padding:15px}.hero-portrait figcaption strong{font-size:65px}.hero-portrait figcaption>span{font-size:7px}.hero-portrait figcaption p{font-size:10px}.start-offer{padding:23px 16px;gap:10px}.start-offer h3{font-size:23px}.start-offer small{font-size:9px}.wall-heading h1,.wall-heading h2{font-size:50px}.journal-grid{gap:27px 13px}.post-copy h3,.journal-post:not(.lead-post) .post-copy h3{font-size:18px}.post-author small{font-size:9px}.lead-post h3{font-size:28px}.product-copy{padding:20px}.product-bottom{gap:12px}.product-copy h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.start-offer{transition:none}}

@media(max-width:760px){.hero-copy .actions{flex-direction:row;flex-wrap:wrap;gap:16px}.hero-copy .button{font-size:11px;padding:14px}.hero-copy .text-link{font-size:12px}}
.product-image img[src$="pat-guide.webp"],.detail-cover img[src$="pat-guide.webp"]{object-position:85% center}
@media(max-width:1100px){.lead-post .post-cover{width:100%;height:auto;min-width:0}}
@media(max-width:760px){.post-cover{aspect-ratio:16/10}}