/* Transposé de maquettes/pages.css (révision 21, 10/09/2026). Adaptations : H1 du site conservé (Méthode, Agence, Projets) ; composants du site actuel (articles, pages légales) ; page Méthode pilotée par le défilement sur ordinateur */
/* Interior pages inherit the approved homepage: ivory, Everett and an 8vw edge. */
.interior h1{font-size:clamp(44px,5.2vw,80px);line-height:1.04}.interior h2{font-size:clamp(34px,3.5vw,54px)}
.interior .header-brand{opacity:1}.interior .site-header .brand-name{grid-column:3;grid-row:1;margin-left:.23em;transform:none}
.interior .site-header .brand{grid-template-columns:repeat(3,max-content);grid-template-rows:1em}
.interior main{padding-top:160px}.interior [id]{scroll-margin-top:110px}
.page-opening{padding-bottom:85px;display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:end}.page-opening>p{font-size:19px;max-width:44ch;line-height:1.6}.page-opening h1{max-width:18ch}
.project-opening{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;padding-bottom:130px}.project-opening-copy{padding-top:25px}.project-location{margin-top:28px;font-size:16px}.project-location span{margin-inline:10px}
.project-facts{margin:65px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.project-facts>div{border-top:1px solid var(--line);padding:17px 0 20px}.project-facts dt{font-size:12px;color:var(--muted);margin-bottom:7px}.project-facts dd{font-size:15px;margin:0;line-height:1.5}
.portrait-figure{margin:0;min-width:0}.portrait-figure img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.image-expand{display:block;position:relative}.image-action{position:absolute;bottom:18px;right:18px;color:#fff;background:#392f29ba;padding:8px 13px;display:flex;gap:15px;align-items:center;font-size:12px;opacity:0;transition:opacity .25s}.image-action .arrow{width:17px;height:17px}.image-expand:hover .image-action,.image-expand:focus-visible .image-action{opacity:1}
.project-story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin-bottom:130px}.project-story .portrait-figure{width:87%;justify-self:end}.project-story-reverse .portrait-figure{width:100%;justify-self:start}.category-line{font-size:14px;margin-bottom:32px}.reading-copy{max-width:62ch;font-size:17px;line-height:1.8}.reading-copy p+p{margin-top:25px}.reading-copy a{text-decoration:underline}.reading-copy strong{font-weight:400}.mission-copy{border-top:1px solid var(--line);padding-top:26px;font-size:14px}.reading-copy .image-credits{font-size:11px;margin-top:35px;color:var(--muted)}
.project-pagination{display:flex;gap:30px;justify-content:space-between;align-items:end;padding-bottom:80px;font-size:18px}.project-pagination>a{max-width:34%}.project-pagination span{display:block;font-size:12px;margin-bottom:12px;color:var(--muted)}.project-pagination>a:last-child{text-align:right}.project-pagination a:hover{text-decoration:underline}
.lightbox{border:0;background:var(--paper);padding:55px 50px 25px;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;color:var(--ink)}.lightbox::backdrop{background:var(--paper)}.lightbox img{object-fit:contain;height:calc(100svh - 130px);width:100%}.lightbox p{text-align:center;font-size:13px;margin-top:18px}.lightbox button{position:absolute;right:25px;top:18px;min-height:30px}.lightbox-controls{display:flex;justify-content:center;gap:30px}.lightbox .lightbox-controls button{position:static;padding:10px;font-size:13px}
@media(max-width:1050px){.project-opening{gap:5vw}.project-opening-copy{padding-top:0}.project-opening h1{font-size:48px}.project-facts{margin-top:35px}.reading-copy{font-size:16px}.project-story{gap:5vw}}
@media(max-width:700px){.interior main{padding-top:120px}.interior h1{font-size:44px}.page-opening{display:block;padding-bottom:50px}.page-opening>p{margin-top:30px;font-size:16px}.project-opening,.project-story{display:flex;flex-direction:column;gap:40px;padding-bottom:0;margin-bottom:65px}.project-opening-copy{width:100%}.project-opening .portrait-figure,.project-story .portrait-figure{width:100%}.project-facts{margin-top:35px}.project-facts dd{font-size:14px}.project-opening .text-link{display:none}.project-story-reverse{gap:40px}.reading-copy{font-size:16px;line-height:1.75}.project-pagination{flex-wrap:wrap;padding-bottom:30px;gap:30px;font-size:16px}.project-pagination>a{max-width:46%}.project-pagination>.text-link{order:3;max-width:100%;margin-inline:auto;font-size:14px}.lightbox{padding-inline:15px}.image-action{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.agency-opening{align-items:start;padding-bottom:80px;grid-template-columns:.85fr 1fr;gap:9vw}.agency-opening h1{font-size:clamp(58px,7vw,104px)}.agency-opening>p{font-size:clamp(22px,2vw,30px);line-height:1.45;max-width:none;letter-spacing:-.02em}
.agency-practice,.agency-journey{display:grid;grid-template-columns:.85fr 1fr;gap:9vw;align-items:start;margin-bottom:120px}.agency-portrait{position:sticky;top:110px}.agency-portrait img{height:auto;width:100%}.agency-portrait figcaption{font-size:20px;line-height:1.4;margin-top:18px}.agency-portrait figcaption span{font-size:14px;color:var(--muted)}.agency-journey{padding-top:70px;position:relative}.agency-journey:before{content:'';position:absolute;top:0;inset-inline:var(--gutter);border-top:1px solid var(--line)}.journey-title>p{font-size:17px;margin-top:28px}.journey-title .registration{font-size:12px}.professional-marks{display:flex;gap:25px;margin-top:50px;align-items:center}.professional-marks img{object-fit:contain;width:80px;height:50px}.agency-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px}.agency-links .text-link{font-size:14px}
@media(max-width:700px){.agency-opening{display:block;padding-bottom:45px}.agency-opening h1{font-size:58px}.agency-opening>p{font-size:22px;margin-top:35px}.agency-practice,.agency-journey{display:block;margin-bottom:65px}.agency-portrait{position:static;margin-bottom:40px;width:85%}.agency-journey{padding-top:45px}.journey-title{margin-bottom:35px}.professional-marks{margin-top:28px}.journey-title .registration{margin-top:15px}.agency-links{display:grid;gap:20px}}
.faq-opening{grid-template-columns:1.4fr .65fr;gap:8vw;align-items:end;padding-bottom:100px}.faq-opening h1{font-size:clamp(38px,4.25vw,66px);max-width:24ch}.faq-opening p{font-size:17px}
.faq-layout{display:grid;grid-template-columns:.62fr 1.5fr;gap:8vw;padding-bottom:80px}.section-index{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:17px;font-size:14px;line-height:1.5}.section-index>p{font-size:18px;margin-bottom:14px}.section-index a{color:var(--muted)}.section-index a:hover,.section-index a[aria-current]{color:var(--ink);text-decoration:underline}.faq-group{margin-bottom:70px}.faq-group h2{font-size:30px;margin-bottom:28px}.question{border-top:1px solid var(--line)}.question:last-child{border-bottom:1px solid var(--line)}.question summary{font-size:23px;letter-spacing:-.02em;line-height:1.35;display:flex;justify-content:space-between;gap:25px;cursor:pointer;padding-block:26px;list-style:none}.question summary::-webkit-details-marker{display:none}.question summary .plus{position:relative;align-self:center;flex:none;width:16px;height:16px}.question summary .plus:before,.question summary .plus:after{content:'';position:absolute;top:7px;left:0;width:16px;height:1px;background:currentColor}.question summary .plus:after{transform:rotate(90deg)}.question[open] summary .plus:after{transform:none}.question .answer{padding:0 30px 28px 0;font-size:16px;max-width:65ch}.question .answer p+p{margin-top:18px}.answer .f-more{font-size:14px;margin-top:25px}.question summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}.faq-end h2{font-size:38px;max-width:18ch}.faq-end>p{margin-top:25px;font-size:17px}
@media(max-width:700px){.faq-opening{padding-bottom:45px}.faq-opening h1{font-size:38px}.faq-layout{display:block;padding-bottom:30px}.section-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 23px;border-block:1px solid var(--line);padding-block:20px;margin-bottom:45px;font-size:12px}.section-index>p{width:100%;font-size:16px;margin:0}.faq-group h2{font-size:26px}.question summary{font-size:21px;padding-block:24px}.question .answer{padding-right:0;font-size:16px}.faq-group{margin-bottom:50px}.faq-end h2{font-size:34px}}
.contact-description{margin-top:30px;font-size:17px}.guide-link{margin-top:24px;font-size:14px}
.resource-opening{align-items:end;grid-template-columns:1fr .65fr}.search-field{display:flex;flex-direction:column;gap:12px;font-size:13px}.search-field input{width:100%;min-width:0;font:300 17px Everett,sans-serif;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;outline-offset:5px}.search-field input::placeholder{color:var(--muted)}
.index-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:25px;margin-bottom:45px}.index-heading h2{font-size:24px}.index-heading>p{font-size:13px;color:var(--muted)}
.resource-entry{display:grid;grid-template-columns:.5fr 1fr;gap:5vw;padding-block:45px;border-bottom:1px solid var(--line);align-items:start}.resource-entry[hidden]{display:none}.resource-image{overflow:clip}.resource-image img{height:auto;aspect-ratio:1.3;object-fit:cover;transition:transform .6s var(--ease)}.resource-image:hover img{transform:scale(1.02)}.resource-copy{max-width:66ch}.resource-copy h3{font-size:clamp(26px,2.5vw,38px);line-height:1.15;max-width:30ch}.resource-copy h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}.resource-copy>p{font-size:16px;line-height:1.65;margin-top:19px}.resource-copy .resource-category{font-size:12px;color:var(--muted);margin-top:15px}.resource-copy .text-link{font-size:13px;margin-top:24px}.resource-featured{grid-template-columns:1.1fr 1fr;gap:6vw;padding-top:0;padding-bottom:70px;align-items:center}.resource-featured .resource-image img{aspect-ratio:1.05}.resource-featured h3{font-size:clamp(30px,3.2vw,48px)}.pagination{display:flex;align-items:center;gap:28px;padding-block:45px 70px;font-size:15px}.pagination>[aria-current]{border-bottom:1px solid var(--ink);padding:10px}.pagination .text-link{margin-left:auto;font-size:14px}.empty-results{font-size:20px;padding-block:50px}.empty-results[hidden]{display:none}
.projects-opening{align-items:start;grid-template-columns:.8fr 1fr}.projects-opening>p{font-size:17px;max-width:60ch}.portfolio-tools{display:flex;gap:30px;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-block:26px 60px}.filter-list{display:flex;flex-wrap:wrap;gap:18px 27px;font-size:14px}.filter-list button{border-bottom:1px solid transparent;padding-bottom:6px}.filter-list button[aria-pressed="true"]{border-color:var(--ink)}.filter-list button:hover{color:var(--muted)}.filter-list span{font-size:10px;vertical-align:super;margin-left:4px}.portfolio-tools>p{white-space:nowrap;font-size:12px;color:var(--muted)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;padding-bottom:80px}.portfolio-project[hidden]{display:none}.portfolio-image{display:block;position:relative;overflow:clip}.portfolio-image img{width:100%;aspect-ratio:.82;object-fit:cover;transition:transform .6s var(--ease)}.portfolio-image:hover img{transform:scale(1.02)}.portfolio-project h2{font-size:23px;margin-top:18px;line-height:1.2}.portfolio-place{font-size:13px;margin-top:12px}.portfolio-place span{margin-inline:5px}.portfolio-grid.is-filtered .portfolio-project{margin-top:0}
@media(min-width:701px) and (max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}
@media(max-width:700px){.resource-opening .search-field{margin-top:35px}.resource-entry,.resource-featured{grid-template-columns:1fr;gap:24px;padding-block:35px}.resource-image img,.resource-featured .resource-image img{aspect-ratio:1.4}.resource-copy h3,.resource-featured h3{font-size:29px}.index-heading{margin-bottom:0}.index-heading h2{font-size:22px}.pagination{gap:20px;padding-block:35px}.pagination .text-link{font-size:12px;gap:12px}.projects-opening>p{font-size:16px}.portfolio-tools{display:block;padding-bottom:35px}.portfolio-tools>p{margin-top:20px}.filter-list{font-size:13px;gap:15px 22px}.portfolio-grid{grid-template-columns:1fr;gap:40px;padding-bottom:35px}.portfolio-project:nth-child(even){margin-top:0}.portfolio-project h2{font-size:26px}.portfolio-image img{aspect-ratio:auto;height:auto}}
.article-opening{max-width:1500px;margin:auto;padding-bottom:55px}.article-opening h1{font-size:clamp(38px,4.6vw,70px);max-width:24ch;margin-top:35px;line-height:1.1}.article-back{font-size:13px}.article-meta{font-size:14px;margin-top:28px}.article-meta a{text-decoration:underline}.article-cover{width:88%;margin:0 auto 90px}.article-cover img{height:auto;max-height:75svh;object-fit:contain}.article-cover figcaption{font-size:11px;line-height:1.5;margin-top:15px;color:var(--muted);text-align:center}
.article-layout{display:grid;grid-template-columns:.62fr 1.5fr;gap:8vw;margin-bottom:100px}.article-body{font-size:18px;line-height:1.8;max-width:66ch;min-width:0}.article-body .nowrap{white-space:normal}.article-lead{font-size:23px;line-height:1.55;margin-bottom:65px;letter-spacing:-.015em}.article-body h2{font-size:clamp(30px,3vw,43px);line-height:1.15;margin-bottom:30px}.article-body h3{font-size:25px;line-height:1.25;margin:38px 0 23px}.article-body h3 span{font-size:12px;display:block;letter-spacing:0;margin-bottom:10px}.article-section,.article-faq{padding-top:50px;border-top:1px solid var(--line);margin-top:55px}.article-body p{margin:0}.article-body p+p{margin-top:24px}.article-body .article-figure{margin:45px 0}.article-figure img{height:auto;max-height:780px;object-fit:contain}.article-figure figcaption{font-size:12px;line-height:1.6;margin-top:16px;color:var(--muted)}
.table-scroll{overflow-x:auto;margin-block:30px;max-width:100%}.article-body table{border-collapse:collapse;width:100%;min-width:500px;font-size:14px;line-height:1.5}.article-body th,.article-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px 18px 18px 0}.article-body th{font-weight:400;font-size:12px}.article-body td:nth-child(2){width:35%}.article-body td:last-child{font-size:12px;color:var(--muted)}
.article-callout{margin-top:25px;padding-block:22px;border-bottom:1px solid var(--line)}.article-callout strong{display:block;margin-bottom:10px;font-size:20px;line-height:1.4}.article-summary{padding-left:20px}.article-summary li{padding-left:10px;margin-top:18px}.article-faq .question summary{font-size:21px}.article-faq details>p{font-size:16px;padding:0 0 25px}.article-faq details p+p{margin-top:18px}
.article-cta{padding-top:55px;margin-top:65px;border-top:1px solid var(--line)}.article-cta-buttons{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px;font-size:14px}.article-cta-buttons .btn{border-bottom:1px solid var(--line);padding-bottom:9px}.article-template>.contact{display:none}
.article-related{margin-bottom:100px}.article-related>h2{margin-bottom:40px}.article-related-group{margin-top:40px}.article-related-label{font-size:13px;margin-bottom:25px}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.article-card{display:block}.article-card-thumb img{height:auto;aspect-ratio:1.1;object-fit:cover}.article-card-body{padding-top:18px}.article-card-eyebrow{font-size:11px;color:var(--muted);display:block;margin-top:13px}.article-card-title{font-size:23px;line-height:1.2;margin-top:12px}.article-card-excerpt{font-size:14px;line-height:1.6;margin-top:16px}.article-card:hover h3{text-decoration:underline;text-decoration-thickness:1px}
@media(max-width:700px){.article-opening h1{font-size:38px;margin-top:30px}.article-meta{font-size:12px;line-height:1.6}.article-cover{width:100%;margin-bottom:45px}.article-cover img{max-height:none}.article-cover figcaption{text-align:left}.article-layout{display:block;margin-bottom:60px}.article-body{font-size:17px;line-height:1.75}.article-lead{font-size:21px;margin-bottom:40px}.article-body h2{font-size:31px}.article-body h3{font-size:24px}.article-section,.article-faq{padding-top:35px;margin-top:40px}.article-index{gap:10px 18px}.article-index a{max-width:100%}.article-related-grid{grid-template-columns:1fr;gap:35px}.article-card{display:grid;grid-template-columns:.65fr 1fr;gap:20px;align-items:start}.article-card-title{font-size:22px;margin-top:8px}.article-card-excerpt{font-size:13px}.article-card-body{padding:0}.article-card-eyebrow{margin-top:0}.article-related{margin-bottom:65px}}
.article-opening h1 .nowrap{white-space:nowrap}.question-label{flex:1;min-width:0}.article-related-subheading{font-size:13px;margin-bottom:25px}.article-card-title{font-weight:300;letter-spacing:-.025em}.article-card:hover .article-card-title{text-decoration:underline;text-decoration-thickness:1px}

/* Method: a common sequence, then an entry by client profile. */
.method-opening{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;padding-bottom:65px}
.method-opening h1{max-width:16ch}.method-opening figure{margin:0}.method-opening figure img{width:100%;height:auto}
.method-intention{font-size:23px;line-height:1.5;max-width:38ch;margin-top:35px}
.method-opening-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:35px}.method-opening-links .text-link{font-size:13px;gap:14px}
.method-context{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;font-size:18px;line-height:1.65;padding-bottom:135px}.method-context p{max-width:48ch}.method-context .text-link{margin-top:24px;font-size:13px}
.method-sequence{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start;padding-bottom:150px}
.method-sequence-intro{position:sticky;top:110px}.method-sequence-intro h2{max-width:17ch}.method-sequence-intro>p{font-size:18px;line-height:1.65;max-width:37ch;margin-top:30px}.method-guide{max-width:40ch;font-size:13px;line-height:1.6;margin-top:28px;gap:18px}.method-guide .arrow{flex-shrink:0}
.method-steps{list-style:none;padding:0;margin:0}.method-steps li{display:grid;grid-template-columns:35px 1fr;gap:20px;border-top:1px solid var(--line);padding:30px 0 36px}.method-steps li:last-child{border-bottom:1px solid var(--line)}.step-position{font-size:13px;line-height:1.6;padding-top:6px;font-variant-numeric:tabular-nums;color:var(--muted)}.method-steps h3{font-size:30px;line-height:1.15;font-weight:300}.method-steps p{font-size:17px;line-height:1.65;max-width:47ch;margin-top:18px}
.pathway-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;margin-bottom:55px}.pathway-heading h2{max-width:20ch}.pathway-heading p{font-size:18px;line-height:1.65;max-width:43ch}
.pathway-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:45px;gap:30px}.pathway-tabs button{font-size:26px;text-align:left;padding:16px 0;position:relative;color:var(--muted)}.pathway-tabs button[aria-selected=true]{color:var(--ink)}.pathway-tabs button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.pathway-tabs button[aria-selected=true]::after{transform:scaleX(1)}
.pathway-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;margin-bottom:45px}.pathway-panel[hidden]{display:none}.pathway-panel.is-entering{animation:pathway-reveal .55s cubic-bezier(.16,1,.3,1)}.pathway-copy h3{font-size:clamp(32px,3.1vw,47px);font-weight:300;line-height:1.15;max-width:19ch}.pathway-copy p{font-size:20px;line-height:1.6;max-width:34ch;margin-top:28px}.pathway-copy>.text-link{font-size:15px;margin-top:40px}.pathway-panel figure{margin:0}.pathway-panel img{width:100%;height:auto;aspect-ratio:.86;object-fit:cover}.pathway-panel figcaption{font-size:12px;margin-top:16px;line-height:1.6}.pathway-panel figcaption a{display:flex;justify-content:space-between;align-items:center;gap:15px}.pathway-panel figcaption .arrow{width:19px;height:19px;flex:none}.all-projects-link{font-size:14px}.method-pathways{padding-bottom:30px}
@keyframes pathway-reveal{from{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:900px){.method-opening,.method-context,.method-sequence,.pathway-heading,.pathway-panel{gap:5vw}.method-opening h1{font-size:48px}.method-intention{font-size:19px}.pathway-tabs button{font-size:23px}.method-sequence-intro h2{font-size:36px}}
@media(max-width:700px){.method-opening{display:flex;flex-direction:column;gap:40px;padding-bottom:35px}.method-opening h1{font-size:44px}.method-intention{font-size:19px;margin-top:24px}.method-opening-links{margin-top:25px;gap:14px}.method-opening figure{width:100%}.method-context{display:block;padding-bottom:70px;font-size:16px}.method-context>div{margin-top:24px}.method-sequence{display:block;padding-bottom:80px}.method-sequence-intro{position:static}.method-sequence-intro>p{font-size:16px;margin-top:22px}.method-steps{margin-top:38px}.method-steps li{gap:12px;grid-template-columns:25px 1fr;padding:24px 0 28px}.method-steps h3{font-size:26px}.method-steps p{font-size:16px;margin-top:14px}.pathway-heading{display:block;margin-bottom:28px}.pathway-heading p{font-size:16px;margin-top:24px}.pathway-tabs{gap:12px;margin-bottom:28px}.pathway-tabs button{font-size:14px;padding-block:16px}.pathway-panel{display:flex;flex-direction:column;gap:30px;align-items:stretch;margin-bottom:30px}.pathway-copy h3{font-size:32px}.pathway-copy p{font-size:17px;margin-top:18px}.pathway-copy>.text-link{margin-top:24px}.pathway-panel img{aspect-ratio:1.05}.method-pathways{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.pathway-panel.is-entering{animation:none}.pathway-tabs button::after{transition:none}}

/* Méthode : le H1 du site reste « TBA Architecture accompagne des projets… » (arbitrage du 11/09/2026) ; « Un cadre clair… » garde l’apparence du grand titre sans en avoir le rôle. */
.method-opening .method-title{font-size:clamp(44px,5.2vw,80px);font-weight:300;line-height:1.04;letter-spacing:-.035em;max-width:16ch}
.method-opening h1.method-intention{font-size:23px;line-height:1.5;letter-spacing:normal;max-width:38ch;margin-top:35px}
@media(max-width:900px){.method-opening .method-title{font-size:48px}.method-opening h1.method-intention{font-size:19px}}
@media(max-width:700px){.method-opening .method-title{font-size:44px}.method-opening h1.method-intention{margin-top:24px}}
/* Fiches projets : le point final du titre, dessiné par la maquette, est ajouté à l’affichage pour garder le H1 du site à l’identique. */
.project-opening h1 em::after{content:"."}
/* Fiches à deux photos (une seule section de récit) : la photo s’aligne en haut du texte au lieu d’être centrée (choix de Tarek du 11/09/2026). Sur mobile, texte et photo restent empilés comme dans la maquette. */
@media(min-width:701px){.project-story-top{align-items:start}}
/* Agence : le H1 du site reste « Tarek Ballouch, architecte HMONP, fondateur de TBA Architecture », affiché sous le portrait (arbitrage du 11/09/2026) ; « L’agence. » garde l’apparence du grand titre sans en avoir le rôle. */
.agency-opening .agency-title{font-size:clamp(58px,7vw,104px);font-weight:300;line-height:1.04;letter-spacing:-.035em;max-width:18ch;margin-top:0}
.agency-portrait figcaption h1{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal}
@media(max-width:700px){.agency-opening .agency-title{font-size:58px;margin-top:0}}
/* Projets : point final du titre dessiné par la maquette, ajouté à l’affichage (H1 du site inchangé). */
.projects-opening h1::after{content:"."}
/* Articles : fil d’Ariane et surtitre du site actuel (choix 7 et 8), notes, légendes de tableaux et encadré latéral éventuel. */
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.4;color:var(--muted)}
.article-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.article-eyebrow{font-size:13px;color:var(--muted);margin-top:28px}
.article-eyebrow+h1{margin-top:14px}
.article-note{font-size:14px;line-height:1.6;color:var(--muted)}
.article-note-inline{font-size:.85em;color:var(--muted)}
.article-notes{padding-top:35px;border-top:1px solid var(--line);margin-top:55px;font-size:13px;line-height:1.6}
.article-notes h2{font-size:18px;margin-bottom:15px}
.article-notes ol{padding-left:20px}
.article-notes li+li{margin-top:6px}
.article-aside-cta{margin-top:30px;font-size:14px;line-height:1.5;color:var(--muted)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Pages Ressources : point final du titre à l’affichage, pagination vers l’arrière. */
.resource-opening h1::after{content:"."}
.pagination .pagination-prev{margin-left:0}
.pagination-prev .arrow{transform:rotate(180deg)}
/* Pages légales (sans maquette) : habillage des pages intérieures et lecture simple. */
.legal-opening{grid-template-columns:1fr;padding-bottom:40px}
.legal-copy{max-width:72ch;padding-bottom:100px;font-size:16px;line-height:1.7}
.legal-copy h2{font-size:clamp(24px,2.2vw,30px);line-height:1.2;margin:48px 0 16px}
.legal-copy section:first-child h2{margin-top:0}
.legal-copy p+p,.legal-copy p+ul,.legal-copy ul+p{margin-top:16px}
.legal-copy ul{padding-left:20px}
.legal-copy li+li{margin-top:6px}
.legal-copy a{text-decoration:underline;text-underline-offset:3px}
/* Liens fléchés : un seul trait, celui du bas ; le soulignement hérité des textes courants est retiré (demande de Tarek du 11/09/2026). */
a.text-link{text-decoration:none}
/* Agence : logos de l’Ordre et de la MAF sans fond blanc, étirés sur la largeur du titre « Parcours. » (demande de Tarek du 11/09/2026). La colonne prend la largeur du titre, que les textes et les logos n’élargissent pas ; les deux logos gardent la même hauteur. */
.journey-title{width:max-content;max-width:100%}
.journey-title>p,.professional-marks{width:0;min-width:100%}
.journey-title>p{white-space:nowrap}
.professional-marks{justify-content:space-between;gap:24px}
.professional-marks img{width:0;min-width:0;height:auto;object-fit:initial}
.professional-marks img[src$="ordre-sans-fond.png"]{flex:5 1 0}
.professional-marks img[src$="maf-sans-fond.png"]{flex:5.455 1 0}
/* Sur mobile, le titre « Parcours. » est trop étroit : les logos y mesuraient 11 px de haut. Ils prennent la largeur de la colonne de texte. */
@media(max-width:700px){.journey-title{width:auto}}
/* Agence sur mobile : les logos et le numéro d’inscription passent sous « Découvrir les projets » (demande de Tarek du 12/09/2026), avec le même espace qu’avant jusqu’au titre du contact. */
@media(max-width:700px){.agency-journey{display:flex;flex-direction:column}.journey-title{display:contents}.journey-title>h2{margin-bottom:35px}.professional-marks,.journey-title .registration{order:1}.professional-marks{margin-top:45px}}
/* Méthode : la phrase « Maison, appartement… » remonte sous le H1, dans la colonne du titre (demande de Tarek du 11/09/2026). */
.method-opening-copy .method-summary{font-size:18px;line-height:1.65;max-width:48ch;margin-top:35px}
@media(max-width:700px){.method-opening-copy .method-summary{font-size:16px;margin-top:24px}}
/* Fiches projets sur mobile : « Projet précédent » et « Projet suivant » sur la même ligne, titres en 14 px, taille déjà utilisée par les liens du site (demande de Tarek du 11/09/2026). */
@media(max-width:700px){.project-pagination{align-items:flex-start;font-size:14px}}
.article-cta-buttons a{text-decoration:none}
/* Liens de fin d’article : même trait, même hauteur et même couleur que le bouton « Prendre RDV ». */
.article-cta-buttons .btn{padding:0 0 8px;line-height:1.4;border-bottom:1px solid var(--muted)}
/* Méthode sur ordinateur (classe deck-is-pinned posée par tba-mobile.js à partir de 701 × 600 px, sans animation réduite) : les étapes s’ouvrent une à une au défilement, puis les profils se succèdent sous leurs onglets, avec l’animation du mobile (demande de Tarek du 11/09/2026). */
@media(min-width:701px){[data-deck-bureau].deck-is-pinned>.deck-stage{position:sticky;top:var(--deck-top,110px)}
[data-deck-bureau].deck-is-pinned .deck-panels{display:grid;position:relative;isolation:isolate;margin:0}
[data-deck-bureau].deck-is-pinned .deck-panel,[data-deck-bureau].deck-is-pinned .deck-panel[hidden]{grid-area:1/1;position:relative;background:var(--paper);opacity:var(--deck-opacity,1);z-index:var(--deck-order);animation:none;transition:none;margin:0;align-self:stretch;pointer-events:none}
[data-deck-bureau].deck-is-pinned .deck-panel[aria-hidden=false]{pointer-events:auto}
[data-deck-bureau].deck-is-pinned .pathway-panel,[data-deck-bureau].deck-is-pinned .pathway-panel[hidden]{display:grid}
[data-deck-bureau].deck-is-pinned .pathway-panel img{max-height:calc(100svh - var(--deck-top,110px) - 190px)}
[data-deck-bureau][data-drawer-stack].deck-is-pinned .drawer-source{display:none}
[data-deck-bureau][data-drawer-stack].deck-is-pinned .drawer-scene-stack{display:grid}
[data-deck-bureau] .mobile-drawer-row{border-top:1px solid var(--line)}
[data-deck-bureau] .mobile-drawer-row:last-child{border-bottom:1px solid var(--line)}
[data-deck-bureau] .mobile-drawer-row h3{font-size:30px;line-height:1.15;font-weight:300;margin:0}
[data-deck-bureau] .mobile-drawer-row h3 button{display:grid;grid-template-columns:35px 1fr 24px;gap:20px;align-items:baseline;width:100%;padding:30px 0;text-align:left;font:inherit;color:inherit}
[data-deck-bureau] .mobile-drawer-mark{text-align:right;font-size:26px;line-height:1}
[data-deck-bureau] .mobile-drawer-row>p{font-size:17px;line-height:1.65;max-width:47ch;margin:-12px 44px 36px 55px}}
/* Méthode : pas de trait au-dessus de « Comprendre » ni sous « Réaliser », sur ordinateur comme sur mobile (demande de Tarek du 12/09/2026). */
[data-deck-bureau] .mobile-drawer-row:first-child,.method-steps li:first-child{border-top:0}
[data-deck-bureau] .mobile-drawer-row:last-child,.method-steps li:last-child{border-bottom:0}