*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:28px;color-scheme:light}
html[data-theme=dark]{color-scheme:dark}
body{margin:0;background:var(--surface-100);color:var(--ink);font:16px/1.65 'Instrument Sans',sans-serif}
body[data-division=studio]{--accent:#E1EB68;--accent-strong:#D3DF51;--on-accent:#17130F;--accent-tint:#E1EB6826;--accent-on-band:#E1EB68;--focus:var(--ink)}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:5px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:disabled{cursor:default;opacity:.5}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
::selection{background:var(--accent-tint);color:var(--ink)}
p{margin:0 0 20px;max-width:72ch}
h1,h2,h3,h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance;overflow-wrap:anywhere}
h1{font-size:clamp(48px,5.1vw,78px)}
h2{font-size:clamp(34px,3.5vw,52px);max-width:23ch}
h3{font-size:26px;letter-spacing:-.025em;line-height:1.18}
.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.skip{position:fixed;left:20px;top:-90px;z-index:100;background:var(--surface-200);color:var(--ink);padding:14px 20px}
.skip:focus{top:12px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.preview-bar{display:flex;justify-content:space-between;gap:16px;padding:8px 48px;border-bottom:1px solid var(--rule);font-size:12px;color:var(--ink-muted)}
.site-head{background:var(--band);color:var(--on-band)}
.head-inner{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 48px}
.site-head nav{display:flex;align-items:center;gap:26px;font-size:14px}
.site-head nav a{display:flex;align-items:center;min-height:44px}
.head-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}
.site-head :focus-visible,.footer :focus-visible{outline-color:var(--accent-on-band)}
.site-head .button{background:var(--on-band);color:var(--band);padding:11px 16px;font-weight:500;min-height:44px;gap:18px}
#theme{min-height:44px;padding:10px 13px;font-size:13px;border:1px solid var(--on-band-muted);border-radius:4px;color:var(--on-band);background:transparent}
.brand-link{display:inline-flex;align-items:center;flex-shrink:0}
.brand-link:hover{text-decoration:none}
.brand{display:inline-flex;gap:10px;align-items:center;line-height:1}
.brand-bird{width:42px;height:42px;flex:none;transform:translateY(-12%)}
.wordmark{font:600 37px/.9 'Bricolage Grotesque',sans-serif;letter-spacing:-.055em;white-space:nowrap}
.brand-point{display:inline-block;margin-left:.055em;letter-spacing:0;color:var(--accent-on-band)}
.brand-sub{display:block;margin-top:7px;font:10px/1.3 'DM Mono',monospace;letter-spacing:.14em}
.descriptor{font-size:14px;color:var(--ink-muted);margin-bottom:24px}
.lead{font-size:21px;line-height:1.5;max-width:55ch}
.small{font-size:14px;line-height:1.6;color:var(--ink-muted)}
.note{font:italic 22px/1.3 'Instrument Serif',serif;color:var(--accent);border-left:1px solid var(--rule);padding-left:24px;max-width:45ch}
body[data-division=studio] .note{color:var(--ink)}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;max-width:100%;border:1px solid transparent;border-radius:4px;background:var(--accent);color:var(--on-accent);padding:14px 20px;font-weight:600;font-size:15px;text-align:left;line-height:1.4;transition:background-color 140ms ease,transform 120ms ease}
.button svg,.text-link svg{flex:none}
.button:hover{text-decoration:none;background:var(--accent-strong)}
.button:active{transform:translateY(1px)}
.secondary{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}
.secondary:hover{background:var(--surface-300)}
.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:4px 0;border:0;border-bottom:1px solid var(--accent);border-radius:0;background:transparent;color:var(--ink);font-size:15px;text-align:left;line-height:1.4}
.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:64px;padding-top:80px;padding-bottom:88px}
.hero>*{min-width:0}
.hero h1{max-width:14ch;margin-bottom:28px}
.hero .lead{max-width:43ch}
.hero-body{font-size:17px;color:var(--ink-muted);max-width:51ch}
.hero .small{max-width:47ch}
.circle{position:relative;display:inline-block;white-space:normal;overflow-wrap:anywhere;color:var(--accent);isolation:isolate}
.circle svg{position:absolute;inset:-9% -7%;width:114%;height:124%;overflow:visible;pointer-events:none}
.circle path{stroke:currentColor;fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round}
.hero-art{margin:0;align-self:center}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1.32;object-fit:cover;object-position:42% center}
.hero-art figcaption{font:italic 22px/1.3 'Instrument Serif',serif;color:var(--accent);margin:22px 0 0 24px;max-width:25ch}
.highlight{position:relative;isolation:isolate;white-space:nowrap;display:inline-block}
.highlight:before{content:'';position:absolute;z-index:-1;inset:-.12em -.95em -.1em -.14em;background:url('/assets/gestes/studio/marquer.svg') center/100% 100% no-repeat;transform:rotate(-2.3deg);pointer-events:none}
.studio-hero{align-items:start}
.studio-hero h1{font-size:clamp(52px,5.1vw,76px)}
.studio-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:start;gap:18px;padding-top:12px}
.studio-showcase>a{display:block;border-radius:4px;overflow:hidden}
.studio-showcase>a:hover{text-decoration:none}
.showcase-image{position:relative;min-height:400px;background:#e4d6c4;grid-column:1 / -1;grid-row:1;align-self:start;margin-right:80px}
.showcase-image img{width:100%;height:400px;display:block;object-fit:cover;object-position:center 44%}
.showcase-image>div{position:absolute;left:0;right:0;bottom:0;background:#F6F2EA;padding:20px 24px;color:#17130F}
.showcase-image span{display:block;font:11px/1.5 'DM Mono';margin-bottom:10px}
.showcase-image strong{font:600 42px/1 'Bricolage Grotesque';letter-spacing:-.04em}
.showcase-tool{grid-column:2;grid-row:1;align-self:end;margin-top:245px;margin-left:-25px;margin-right:-12px;z-index:1;background:#17130F;color:#F6F2EA;padding:26px 22px;border:6px solid var(--surface-100);box-shadow:0 8px 22px #00000010;min-width:0}
.mini-label{display:block;font:11px/1.5 'DM Mono';letter-spacing:.02em;margin-bottom:22px}
.showcase-tool strong{display:block;font:600 27px/1.15 'Bricolage Grotesque';letter-spacing:-.025em;margin-bottom:24px}
.mini-task{display:flex;align-items:center;gap:10px;min-height:40px;font-size:12px;border-top:1px solid #ffffff2d;line-height:1.4}
.mini-box{display:inline-block;width:12px;height:12px;border:1px solid currentColor;border-radius:2px;flex:none}
.showcase-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;color:#E1EB68;font-size:13px}
.showcase-note{grid-column:1/-1;font:italic 22px/1.25 'Instrument Serif';margin:18px 0 0 24px;max-width:29ch}
.section{padding-top:96px;padding-bottom:96px;border-top:1px solid var(--rule);scroll-margin-top:28px}
.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:start;margin-bottom:40px}
.section-heading h2{margin-bottom:0}
.section-heading .lead{margin:4px 0 0}
.situations-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px}
.situations-list article{border-top:1px solid var(--rule-strong);padding-top:24px}
.situations-list p{color:var(--ink-muted)}
.economic-metrics{margin-top:28px;padding-top:18px;border-top:1px solid var(--rule)}
.economic-metrics>span{display:block;font:11px/1.5 "DM Mono",monospace;letter-spacing:.02em;color:var(--accent);margin-bottom:10px}
.economic-metrics>p{font-size:14px;line-height:1.6;margin-bottom:0}
.section-note{margin:42px 0 0 auto}
.intervention-rows article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;padding:30px 0 18px;border-top:1px solid var(--rule)}
.intervention-rows h3{max-width:20ch;margin:0}
.result{font-size:15px;color:var(--ink-muted)}
.method-band{background:var(--band);color:var(--on-band);padding:56px;border-radius:4px}
.method-band h2{max-width:24ch}
.method-band>.lead{max-width:58ch;color:var(--on-band-muted)}
.method-steps{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.method-steps li{border-top:1px solid #ffffff40;padding-top:22px}
.step-number{display:block;font:12px/1.5 'DM Mono';color:var(--accent-on-band);margin-bottom:22px}
.method-steps h3{font-size:24px}
.method-steps p{font-size:15px;color:var(--on-band-muted);margin-bottom:0}
body[data-division] .method-band .note{color:var(--on-band);border:0;padding-left:0;margin:36px 0 0;max-width:60ch}
.resource-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:90px}
.resource-section>*{min-width:0;overflow-wrap:anywhere}
.document-page{overflow-wrap:anywhere}
.sheet-preview{display:flex;flex-direction:column;min-height:440px;max-width:440px;padding:36px;background:var(--surface-200);border:1px solid var(--rule);border-radius:4px;transform:rotate(-1deg)}
.sheet-preview:hover{text-decoration:none}
.sheet-preview>strong{font:600 42px/1.05 'Bricolage Grotesque';letter-spacing:-.035em;max-width:13ch}
.sheet-lines{margin:36px 0;display:grid;gap:18px}
.sheet-lines span{display:block;border-bottom:1px solid var(--rule);padding-bottom:12px;font-size:15px}
.sheet-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--ink-muted)}
.bridge{display:flex;justify-content:space-between;align-items:center;gap:80px}
.bridge .lead{max-width:56ch}
.bridge>.button{flex:none}
.expertise-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px}
.expertise-pair article{padding-top:28px;border-top:1px solid var(--rule-strong)}
.expertise-pair article h3{font-size:32px}
.expertise-pair article>p{max-width:48ch}
.project-filters{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 16px}
.project-filters button,.format-controls button,.mode-buttons button{min-height:44px;padding:10px 15px;border:1px solid var(--rule-strong);border-radius:4px;background:transparent;color:var(--ink);font-size:14px}
.project-filters button[aria-pressed=true],.format-controls button[aria-pressed=true],.mode-buttons button[aria-pressed=true]{background:var(--ink);color:var(--surface-100);border-color:var(--ink)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.project-card{min-width:0}
.project-link{display:block}
.project-link:hover{text-decoration:none}
.project-link:focus-visible{outline-offset:8px;border-radius:4px}
.project-link:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.project-visual{height:360px;overflow:hidden;position:relative;border-radius:4px}
.project-caption{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:24px 0}
.project-caption .small{font-size:12px;margin-bottom:8px}
.project-caption h3{font-size:26px;margin:0}
.project-caption>svg{flex:none}
.identity-visual{background:#ECE6D9;padding:24px;display:flex;align-items:center}
.identity-preview{position:relative;background:#FFFDF8;color:#17130F;padding:28px 24px;width:100%;min-height:270px;border:1px solid #17130F20}
.identity-preview .brand{gap:7px}.identity-preview .brand-bird{width:29px;height:29px}.identity-preview .wordmark{font-size:29px}.identity-preview .brand-sub{font-size:8px}
.identity-preview .brand-point{color:#B8143F}
.identity-preview .mini-label{font-size:10px}
.identity-swatches{display:flex;gap:8px;margin:28px 0 20px}
.identity-swatches i{display:block;width:34px;height:34px;border-radius:2px;background:#17130F}
.identity-swatches i:nth-child(2){background:#B8143F}.identity-swatches i:nth-child(3){background:#E1EB68}
.identity-caption{font-size:12px;display:block;max-width:17ch}
.identity-note{position:absolute;bottom:20px;right:16px;transform:rotate(-4deg);font:italic 24px 'Instrument Serif';color:#B8143F}
.composition-visual{background:#ded1bd}
.composition-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.composition-caption{position:absolute;left:0;right:0;bottom:0;padding:18px 24px;background:#F6F2EA;color:#17130F}
.composition-caption>span{display:block;font:10px/1.5 'DM Mono';margin-bottom:8px}
.composition-caption>strong{font:600 37px/1 'Bricolage Grotesque';letter-spacing:-.035em}
.carnet-visual{padding:25px;background:#E1EB68;color:#17130F;display:flex;align-items:center}
.carnet-mini{padding:26px 24px;width:100%;min-height:286px;background:#17130F;color:#F6F2EA;border-radius:3px}
.carnet-mini>strong{display:block;font:600 32px/1.1 'Bricolage Grotesque';letter-spacing:-.03em;margin-bottom:20px}
.carnet-mini .mini-label{font-size:10px;margin-bottom:16px}
.mini-caption{font-size:11px;color:#B9AEA3;display:block;margin-top:20px}
.faq-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:80px}
details>summary{min-height:56px;padding:18px 32px 18px 0;cursor:pointer;line-height:1.5;font-size:18px;font-weight:500}
.faq-section details{border-top:1px solid var(--rule)}
.faq-section details p{color:var(--ink-muted);padding-bottom:12px}
.contact-section{background:var(--surface-300)}
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.path{padding:36px;background:var(--surface-100);border:1px solid var(--rule);border-radius:4px;display:flex;flex-direction:column;align-items:start}
.path-kind{font-size:13px;color:var(--ink-muted);display:block;margin-bottom:28px}
.path h3{font-size:31px;max-width:20ch}
.path>p{max-width:45ch}
.path .button{margin-top:auto}
.path .small{margin-top:20px;margin-bottom:0;font-size:13px}
.contact-alternatives{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;margin-top:48px;padding-top:48px;border-top:1px solid var(--rule-strong);scroll-margin-top:36px}
.contact-alternatives>*{min-width:0}
.direct-request-copy h3{font-size:clamp(30px,3vw,40px);max-width:16ch;margin-bottom:20px}
.direct-request-copy .lead{font-size:19px;max-width:30ch}
.short-contact{background:var(--surface-100);padding:28px 32px;border:1px solid var(--rule);border-radius:4px}
.short-contact>.small{margin-bottom:0}
.short-contact>.small:last-child a,.footer-contact>a{display:inline-flex;align-items:center;min-height:32px}
.short-contact label{margin-top:18px}
.short-contact #short-form-status:empty{display:none}
.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
label{display:block;font-size:15px;font-weight:500;margin:20px 0 8px}
input,select,textarea{width:100%;min-width:0;min-height:46px;border:1px solid var(--rule-strong);border-radius:4px;padding:12px;background:var(--surface-200);color:var(--ink);line-height:1.5}
textarea{resize:vertical;overflow-wrap:anywhere}
input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}
input,textarea{caret-color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--ink-muted);opacity:1}
input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--ink);flex:none}
fieldset{border:0;padding:0;margin:0;min-width:0}
fieldset>.button{margin-top:24px}
.field-error{color:var(--danger);font-size:14px;margin-top:12px}
.footer{padding:48px 0;background:var(--band);color:var(--on-band)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:50px;align-items:start}
.footer .brand-link{margin-bottom:24px}
.footer p{font-size:14px;color:var(--on-band-muted)}
.footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px}
.footer nav a{min-height:40px;display:flex;align-items:center}
.footer-contact{text-align:right;overflow-wrap:anywhere;font-size:14px}
.footer-contact p{margin:18px 0 0 auto}
.document-page,.project-page{padding-top:64px;padding-bottom:96px}
.document-page>h1,.project-page>h1{margin-top:24px;max-width:17ch}
.document-page>.descriptor,.project-page>.descriptor{margin-top:40px}
.document-sections{max-width:780px;margin:50px 0}
.document-sections section{padding:28px 0;border-top:1px solid var(--rule)}
.document-sections h2{font-size:30px}
.project-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;margin:64px 0}
.project-detail-grid h2{font-size:36px}
.identity-specimen{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:60px;margin:50px 0;padding:70px 60px;background:var(--surface-200);border:1px solid var(--rule)}
.identity-specimen .brand-link{justify-self:center}
.identity-specimen .wordmark{font-size:68px}.identity-specimen .brand-bird{width:76px;height:76px}.identity-specimen .brand-sub{font-size:12px;margin-top:12px}
.identity-specimen .brand-link:first-child .brand-point{color:#B8143F}.identity-specimen .brand-link:last-child .brand-point{color:#E1EB68}
.specimen-rule{height:100%;min-height:120px;background:var(--rule)}
.identity-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}
.identity-palette>div{background:var(--swatch);min-height:160px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;font-size:18px}
.identity-palette span{font:12px 'DM Mono'}
.composition-workbench{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:70px;align-items:start;margin-top:48px}
.composition-canvas-wrap{background:var(--surface-300);padding:24px;display:flex;justify-content:center}
.composition-canvas-wrap canvas{width:100%;height:auto;max-height:720px;object-fit:contain;display:block}
.composition-controls{padding-top:20px}
.format-controls{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 20px}
.composition-controls>.small:last-child{margin-top:28px}
.carnet-workbench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:50px;align-items:start;margin-top:45px;padding:36px;background:var(--surface-200);border:1px solid var(--rule);border-radius:4px}
.carnet-main>label{margin-top:0}
.task-input{display:flex;gap:12px;align-items:stretch}
.task-input input{flex:1;min-width:0}
.task-input .button{gap:0;padding-inline:18px}
.empty-note{color:var(--ink-muted);padding:28px 0;border-top:1px solid var(--rule);margin-top:28px}
.task-list{list-style:none;margin:24px 0;padding:0}
.task-list li{display:flex;gap:16px;align-items:center;border-top:1px solid var(--rule);padding:14px 0}
.task-list label{display:flex;gap:14px;align-items:center;flex:1;margin:0;min-height:44px;min-width:0;cursor:pointer}
.task-list label span{overflow-wrap:anywhere;min-width:0}
.task-list input:checked+span{text-decoration:line-through;color:var(--ink-muted)}
.delete-task{width:44px;height:44px;flex:none;background:transparent;border:1px solid var(--rule);color:var(--ink);border-radius:4px;display:grid;place-items:center}
.carnet-aside{padding-left:32px;border-left:1px solid var(--rule)}
.carnet-aside>strong{display:block;font:600 56px/1.1 'Bricolage Grotesque';font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin:20px 0}
progress{display:block;width:100%;height:8px;accent-color:var(--ink);margin:25px 0 35px}
.carnet-aside>.button{width:100%;margin-bottom:24px}
.workspace-page .head-inner{padding-block:18px}
.workspace-intro{padding-top:40px;padding-bottom:28px}
.workspace-intro h1{font-size:clamp(36px,3.5vw,50px);margin-bottom:14px}
.workspace-intro .descriptor{margin-bottom:16px}
.workspace-intro>p:last-child{margin-bottom:0}
.prototype-note{font-size:13px;color:var(--ink-muted);padding:12px 16px;border-left:1px solid var(--rule-strong);background:var(--surface-300);max-width:100%}
.workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:start;padding-bottom:64px}
.conversation-panel{padding:28px;border:1px solid var(--rule);border-radius:4px;background:var(--surface-200);min-width:0}
.conversation-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--rule)}
.conversation-toolbar label{margin:0;font-size:14px}
.conversation-toolbar select{width:160px;padding:8px 36px 8px 12px;min-height:42px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat}
@media(forced-colors:active){.conversation-toolbar select{appearance:auto;-webkit-appearance:auto;background-image:none}}
.mode-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.mode-buttons button{padding:9px 12px;font-size:12px}
.messages{max-height:430px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--rule-strong) transparent;padding-right:12px;margin-top:24px}
.message{margin:0 0 24px;padding-left:0}
.message:last-child{margin-bottom:0}
.message-who{font-size:11px;font-family:'DM Mono';color:var(--ink-muted);display:block;margin-bottom:8px}
.message p{font-size:17px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.message-user{border-left:1px solid var(--rule-strong);padding-left:18px;margin-left:24px}
.message-user p{font-size:15px;color:var(--ink-muted)}
.conversation-panel form{border-top:1px solid var(--rule);padding-top:4px;margin-top:24px}
.composer-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px}
.composer-actions>.button{gap:35px}
.summary-panel{background:var(--surface-300);padding:30px;border:1px solid var(--rule);border-radius:4px;min-width:0}
.summary-top .mini-label{margin-bottom:18px}
.summary-top h2{font-size:38px;max-width:15ch}
.summary-top .small{max-width:34ch}
.summary-entry{padding:15px 0;border-top:1px solid var(--rule)}
.summary-entry label{font-size:12px;color:var(--ink-muted);margin:0 0 8px}
.summary-entry textarea{font-size:14px;padding:10px;background:var(--surface-100);min-height:66px}
.summary-entry .summary-value{font-size:14px;color:var(--ink-muted);margin:0}
.summary-empty{padding:25px 0;border-top:1px solid var(--rule);font:italic 23px/1.3 'Instrument Serif';max-width:24ch}
.summary-footer{display:grid;gap:18px;margin-top:24px}
.summary-footer>.button{font-size:13px;min-height:46px}
.summary-footer>.text-link{font-size:13px;justify-self:start}
dialog{background:var(--surface-100);color:var(--ink);border:1px solid var(--rule-strong);border-radius:6px;width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:32px;overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:#17130fa6}
body:has(dialog[open]){overflow:hidden}
.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:24px}
.dialog-head h2{font-size:32px;max-width:20ch}
.small-button{min-height:44px;padding:9px 14px;border-radius:4px;color:var(--ink)}
@media(min-width:1500px){.hero{padding-top:96px;padding-bottom:104px;gap:80px}}
@media(max-width:1180px){.head-inner{flex-wrap:wrap}.site-head nav{order:3;width:100%;justify-content:center}.head-actions{margin-left:auto}.hero{gap:38px}.showcase-tool{margin-left:-40px;padding:22px 18px}.showcase-tool strong{font-size:24px}.showcase-image{margin-right:65px}.resource-section{gap:50px}.method-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.identity-specimen{gap:28px;padding:55px 30px}.identity-specimen .wordmark{font-size:54px}.identity-specimen .brand-bird{width:56px;height:56px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.head-inner{padding:24px 32px}.preview-bar{padding-inline:32px}.hero h1{font-size:56px}.studio-hero h1{font-size:60px}.hero{gap:32px}.studio-showcase{display:block}.showcase-image{margin:0}.showcase-image img{height:310px}.showcase-image strong{font-size:35px}.showcase-tool{margin:-35px 0 0 48px;position:relative;border-width:5px}.showcase-tool .mini-task{display:none}.showcase-tool strong{font-size:25px}.showcase-note{margin-left:10px;font-size:21px}.section-heading{gap:40px}.situations-list{gap:24px}.situations-list h3{font-size:24px}.method-band{padding:40px}.resource-section{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:42px}.sheet-preview{padding:28px;min-height:400px}.sheet-preview>strong{font-size:35px}.bridge{gap:40px}.project-grid{gap:20px}.project-visual{height:330px}.identity-preview{padding:24px 18px}.identity-note{display:none}.identity-caption{max-width:100%}.identity-preview .wordmark{font-size:24px}.identity-preview .brand-bird{width:25px;height:25px}.identity-preview .mini-label{font-size:9px}.carnet-mini{padding:22px 18px}.carnet-mini>strong{font-size:28px}.carnet-mini .mini-task{font-size:11px}.project-caption h3{font-size:24px}.path{padding:28px}.path h3{font-size:28px}.footer-grid{gap:30px}.footer-contact{font-size:13px}.composition-workbench{gap:40px}.workbench{gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.conversation-panel,.summary-panel{padding:24px}}
@media(max-width:760px){
  .wrap{width:calc(100% - 40px)}.preview-bar{padding:8px 20px;font-size:11px}.preview-bar span:last-child{display:none}
  .head-inner{padding:20px;gap:18px}.brand-bird{width:36px;height:36px}.wordmark{font-size:32px}.site-head nav{justify-content:space-between;gap:14px;font-size:13px}.head-actions .button{display:none}.head-actions{margin-left:auto}.head-actions #theme{font-size:12px;padding-inline:11px}.site-head nav a{min-height:40px}
  .hero{grid-template-columns:minmax(0,1fr);padding-top:40px;padding-bottom:56px;gap:38px}.hero h1{font-size:clamp(48px,11vw,70px);max-width:14ch}.studio-hero h1{font-size:clamp(48px,13.4vw,68px)}.hero .descriptor{margin-bottom:22px}.lead{font-size:20px}.hero-body{font-size:16px}.hero .actions{margin-top:26px;gap:14px}.hero .small{font-size:13px}.hero-art img{aspect-ratio:1.45}.hero-art figcaption{font-size:21px;margin-left:18px}.highlight:before{inset:-.1em -.72em -.1em -.12em}.studio-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:12px;padding:0}.showcase-image{margin-right:45px;min-height:330px}.showcase-image img{height:330px}.showcase-image>div{padding:18px 20px}.showcase-image strong{font-size:36px}.showcase-tool{margin:220px -4px 0 -55px;padding:22px 18px;grid-row:1;border-width:5px}.showcase-tool strong{font-size:23px;line-height:1.2}.showcase-tool .mini-task{display:none}.showcase-tool .mini-label{font-size:9px;margin-bottom:14px}.showcase-action{font-size:12px;margin-top:12px}.showcase-note{margin:16px 0 0 12px;max-width:24ch;font-size:21px}
  .section{padding-top:64px;padding-bottom:64px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}h2{font-size:37px}h3{font-size:26px}.situations-list{grid-template-columns:1fr;gap:26px;margin-top:28px}.situations-list article{padding-top:22px}.situations-list article p{max-width:54ch}.section-note{margin-top:30px;font-size:21px}.intervention-rows article{grid-template-columns:1fr;gap:16px;padding:26px 0 10px}.intervention-rows h3{max-width:100%}.method-band{padding:30px 24px}.method-band h2{font-size:34px}.method-band>.lead{font-size:18px}.method-steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.method-steps h3{font-size:25px;margin-bottom:12px}.step-number{margin-bottom:14px}.resource-section{grid-template-columns:1fr;gap:36px}.sheet-preview{max-width:440px;min-height:400px;transform:rotate(-.6deg);margin:0 4px}.resource-section h2{font-size:35px}.resource-section .circle{max-width:100%}.bridge{display:block}.bridge>.button{margin-top:14px}.expertise-pair{grid-template-columns:1fr;gap:38px}.expertise-pair article h3{font-size:29px}.project-grid{grid-template-columns:1fr;gap:14px}.project-visual{height:390px}.project-caption{padding:20px 0 32px}.identity-visual{padding:30px}.identity-preview{padding:28px 26px;min-height:290px}.identity-preview .wordmark{font-size:34px}.identity-preview .brand-bird{width:36px;height:36px}.identity-preview .mini-label{font-size:10px}.identity-note{display:block}.identity-preview .brand-sub{font-size:9px}.carnet-visual{padding:30px}.carnet-mini{padding:30px 26px}.carnet-mini>strong{font-size:35px}.carnet-mini .mini-task{font-size:13px}.composition-caption>strong{font-size:40px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2{margin-bottom:8px}details>summary{font-size:17px;padding-right:12px}.paths{grid-template-columns:1fr;gap:22px}.path{padding:28px 24px}.path-kind{margin-bottom:22px}.path h3{font-size:29px}.path .button{margin-top:10px}.contact-alternatives{grid-template-columns:1fr;gap:24px;margin-top:36px;padding-top:36px}.short-contact{padding:24px 20px}.field-pair{grid-template-columns:1fr;gap:0}.footer{padding-block:38px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-contact{text-align:left;font-size:14px}.footer-contact p{margin-left:0}.footer .brand-link{margin-bottom:18px}
  .project-page,.document-page{padding-top:40px;padding-bottom:64px}.project-page>h1,.document-page>h1{font-size:48px}.project-detail-grid{grid-template-columns:1fr;gap:28px;margin:44px 0}.project-detail-grid h2{font-size:33px}.identity-specimen{grid-template-columns:1fr;gap:32px;margin:38px 0;padding:38px 24px}.identity-specimen .wordmark{font-size:49px}.identity-specimen .brand-bird{width:52px;height:52px}.identity-specimen .brand-sub{font-size:10px}.specimen-rule{min-height:1px;height:1px;width:100%}.identity-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-palette>div{min-height:140px;padding:20px}.composition-workbench{grid-template-columns:1fr;gap:28px;margin-top:32px}.composition-canvas-wrap{padding:16px}.composition-controls{padding-top:0}.composition-controls h2{font-size:33px}.carnet-workbench{grid-template-columns:1fr;gap:32px;padding:24px 20px;margin-top:32px}.carnet-aside{padding:26px 0 0;border-left:0;border-top:1px solid var(--rule)}.carnet-aside>strong{font-size:48px}.task-input{gap:10px}.task-input .button{padding-inline:12px}.task-list li{gap:8px}.task-list label{font-size:14px}.carnet-aside>.button{width:auto}
  .workspace-intro{padding-top:30px}.workspace-intro h1{font-size:36px}.workspace-intro>.descriptor{font-size:13px}.workspace-intro>p{font-size:15px}.workspace-intro .prototype-note{font-size:12px}.workbench{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.conversation-panel,.summary-panel{padding:22px 20px}.conversation-toolbar{gap:14px;align-items:start}.conversation-toolbar label{font-size:13px;max-width:10ch;padding-top:8px}.conversation-toolbar select{width:135px;min-height:44px;font-size:14px}.mode-buttons{gap:8px}.mode-buttons button{font-size:12px;padding:9px 10px;flex:1;min-width:110px}.messages{max-height:360px;padding-right:7px}.message p{font-size:16px}.message-user p{font-size:14px}.message-user{margin-left:12px;padding-left:14px}.summary-top h2{font-size:34px}.summary-footer>.button{font-size:14px}.composer-actions{gap:16px}.composer-actions>.button{padding-inline:16px;gap:20px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px 20px}.dialog-head{gap:14px}.dialog-head h2{font-size:27px}.dialog-head .small-button{font-size:12px;padding:9px 11px}
}
@media(max-width:380px){.studio-showcase{display:block}.showcase-image{margin:0;min-height:320px}.showcase-image img{height:320px}.showcase-tool{margin:-20px 0 0 38px;position:relative}.showcase-tool strong{font-size:24px}.showcase-note{margin-left:12px}.project-visual{height:360px}.identity-visual,.carnet-visual{padding:20px}.identity-preview .wordmark{font-size:30px}.identity-preview .brand-bird{width:30px;height:30px}.identity-note{font-size:23px;right:12px}.carnet-mini>strong{font-size:32px}.hero .actions{align-items:start}.hero .button{gap:22px}.site-head nav{gap:10px;font-size:12px}.workspace-intro h1{font-size:33px}.task-input{flex-wrap:wrap}.task-input input{flex-basis:100%}.mode-buttons button{min-width:100px}.conversation-toolbar select{width:122px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.highlight{color:#17130F}
.faq-choices{display:grid;gap:8px;margin:10px 0 24px}
.faq-choice{min-height:44px;text-align:left;padding:12px 14px;border:1px solid var(--rule);border-radius:4px;background:var(--surface-100);color:var(--ink);font:14px/1.5 'Instrument Sans',sans-serif}
.faq-choice:hover{border-color:var(--rule-strong)}
html[data-theme=dark] .identity-specimen .brand-link:first-child .brand-point{color:#FF7A9A}
@media(min-width:1050px) and (min-height:750px){
  .workspace-intro{padding-top:26px;padding-bottom:22px}
  .workspace-intro .descriptor{font-size:12px;margin-bottom:10px}
  .workspace-intro h1{font-size:40px;margin-bottom:10px}
  .workspace-intro>p{margin-bottom:10px}
  .workspace-intro .prototype-note{border:0;background:none;padding:0;margin-bottom:0;font-size:12px}
  .workbench{height:auto;min-height:0;padding-bottom:28px;align-items:start}
  .conversation-panel{height:auto;min-height:0;display:flex;flex-direction:column}
  .conversation-toolbar,.mode-buttons,.conversation-panel form,#conversation-next{flex-shrink:0}
  .conversation-toolbar{padding-bottom:16px}
  .mode-buttons{margin-block:16px}
  .conversation-panel form{margin-top:16px}
  .messages{flex:0 1 auto;min-height:0;max-height:320px;margin-top:8px}
  .summary-panel{height:auto;min-height:0;max-height:840px;overflow-y:auto;scrollbar-color:var(--rule-strong) transparent}
}

/* Portfolio : chaque projet porte sa direction artistique propre. */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-visual.portfolio-render{height:auto;aspect-ratio:1.44;background:var(--surface-300)}
.portfolio-render img{display:block;width:100%;height:100%;object-fit:contain}
.expertise-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.studio-showcase.is-portfolio{display:block;padding:0}
.is-portfolio .hero-project-main{display:block;margin-right:45px;border-radius:3px;overflow:hidden}
.is-portfolio img{display:block;width:100%;height:auto}
.is-portfolio .hero-project-secondary{display:block;position:relative;width:60%;margin:-32px 0 0 auto;border:6px solid var(--surface-100);border-radius:3px}
.is-portfolio .showcase-note{margin-top:20px}
.portfolio-detail>h1{max-width:20ch}
.project-final{margin:45px 0 0}
.project-final img{width:100%;height:auto;display:block;border-radius:3px}
.project-final>a{display:block}
.project-final figcaption{font-size:13px;color:var(--ink-muted);margin-top:12px}
.project-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:65px}
.project-story h2{font-size:34px}
.project-next{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--rule);padding-top:38px;margin-top:65px}
.project-next h2{font-size:34px;margin-bottom:0}
@media(max-width:1000px){.expertise-pair{gap:24px}.expertise-pair h3{font-size:26px}.project-story{gap:40px}}
@media(max-width:760px){.project-grid,.expertise-pair,.project-story{grid-template-columns:minmax(0,1fr)}.project-grid{gap:12px}.expertise-pair{gap:36px}.is-portfolio .hero-project-main{margin-right:25px}.is-portfolio .hero-project-secondary{width:64%;margin-top:-22px;border-width:5px}.project-story{gap:26px;margin-top:38px}.project-final{margin-top:30px}.project-next{display:block;margin-top:40px}.project-next h2{font-size:30px;margin-bottom:22px}}

/* Introduction des leviers : équilibre entre la séparation et les trois colonnes. */
#situations{padding-top:48px;padding-bottom:48px}
#situations + #interventions{padding-top:48px}
@media(max-width:760px){#situations{padding-top:40px;padding-bottom:36px}#situations + #interventions{padding-top:36px}}

/* Leviers économiques : bénéfices, freins, puis indicateurs. */
.economic-levers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:44px}
.lever{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--rule-strong);padding-top:26px}
.lever h3{font-size:clamp(30px,3.35vw,48px);line-height:1.04;letter-spacing:-.045em;min-height:2.4em;margin:0 0 28px;text-wrap:initial}
.lever h3 em{display:block;font-style:normal;font-size:1.12em;color:var(--accent)}
.lever-label{font-size:12px;font-weight:600;line-height:1.4;color:var(--ink-muted);margin:0 0 12px}
.lever ul{list-style:none;padding:0;margin:0}
.lever-problems{margin-bottom:20px}
.lever-problems ul{font-size:16px;line-height:1.55;color:var(--ink-muted)}
.lever-problems li{position:relative;padding-left:16px;margin-bottom:5px}
.lever-problems li:before{content:'–';position:absolute;left:0;color:var(--accent)}
.lever-action{font-size:17px;line-height:1.5;max-width:32ch;margin-bottom:28px;color:var(--ink)}
.lever-kpis{background:var(--surface-200);border:1px solid var(--rule);padding:22px;margin-top:auto;border-radius:3px}
.lever-kpis .lever-label{font-size:13px;color:var(--ink-muted);margin-bottom:14px}
.lever-kpis ul{font-size:16px;line-height:1.45;font-weight:500}
.lever-kpis li+li{margin-top:9px}
#situations .section-note{font-size:20px;max-width:49ch}
.process-rows{position:relative;padding-left:64px}
.process-arrow{position:absolute;left:0;top:30px;width:42px;height:calc(100% - 70px);color:var(--accent);pointer-events:none}
@media(max-width:1000px){.economic-levers{gap:24px}.lever-kpis{padding:17px}.lever-action{font-size:16px}.process-rows{padding-left:52px}.process-arrow{width:33px}}
@media(max-width:760px){.economic-levers{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:30px}.lever{padding-top:24px}.lever h3{font-size:42px;min-height:0;margin-bottom:24px}.lever-problems ul{font-size:16px}.lever-action{max-width:100%;margin-bottom:22px}.lever-kpis{padding:20px}.lever-kpis ul{font-size:16px}.process-rows{padding-left:32px}.process-arrow{left:-2px;width:23px;top:30px;height:calc(100% - 60px)}}

/* Déroulé : l’action et le livrable prennent le premier plan. */
.process-rows article{padding-top:32px;padding-bottom:32px;align-items:center}
.process-rows h3{font-size:clamp(28px,2.6vw,38px);line-height:1.12;letter-spacing:-.035em;max-width:18ch}
.process-verb{display:block;color:var(--accent);margin-bottom:4px}
.process-output-label{font-size:12px;font-weight:500;color:var(--ink-muted);margin-bottom:8px;line-height:1.5}
.process-output{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:clamp(23px,2vw,28px);line-height:1.2;letter-spacing:-.025em;margin-bottom:14px;color:var(--ink)}
.process-description{font-size:16px;line-height:1.6;color:var(--ink-muted);margin-bottom:0;max-width:62ch}
@media(max-width:760px){.process-rows article{gap:20px;padding-top:26px;padding-bottom:28px;align-items:start}.process-rows h3{font-size:30px;max-width:100%}.process-output{font-size:23px;line-height:1.25;margin-bottom:12px}.process-output-label{font-size:12px}.process-description{font-size:16px}}

.pdf-format-note{margin-top:12px;margin-bottom:0}

/* Agency: expertise composition replaces the personal signature. */
.agency-expertises{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:80px;align-items:center}
.agency-expertises>*{min-width:0}
.expertises-copy h2{font-size:clamp(36px,3.3vw,48px);max-width:20ch}
.expertises-copy .lead{max-width:36ch;font-size:19px}
.expertises-note{font:italic 25px/1.25 'Instrument Serif',serif;color:var(--accent);max-width:28ch;margin:30px 0 0}
.expertise-map{position:relative;isolation:isolate}
.expertise-map ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:142px 42px}
.expertise-map li{min-width:0;border-top:1px solid var(--rule-strong);padding-top:18px;background:var(--surface-100)}
.expertise-map h3{font-size:25px;line-height:1.15;margin-bottom:12px;max-width:18ch}
.expertise-map li p{font-size:15px;line-height:1.5;color:var(--ink-muted);margin:0;max-width:27ch}
.expertise-connections{position:absolute;z-index:-1;inset:0;width:100%;height:100%;color:var(--accent);opacity:.65;pointer-events:none}
.expertise-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);padding:10px 18px;background:var(--surface-100);border:1px solid var(--accent);border-radius:50%;white-space:nowrap;font:italic 30px/1.3 'Instrument Serif',serif;color:var(--accent);margin:0}
@media(max-width:1100px){.agency-expertises{gap:42px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.expertise-map ul{column-gap:26px}.expertise-map h3{font-size:23px}}
@media(max-width:760px){.agency-expertises{grid-template-columns:minmax(0,1fr);gap:38px}.expertises-copy h2{font-size:37px}.expertises-copy .lead{max-width:48ch}.expertises-note{margin-top:22px}.expertise-map ul{gap:124px 24px}.expertise-map h3{font-size:23px}.expertise-center{font-size:28px}}
@media(max-width:380px){.expertise-map ul{column-gap:16px}.expertise-map h3{font-size:19px}.expertise-map li p{font-size:14px}}

/* The Agency opens into the Studio's ink and citron palette. */
.studio-door{--studio-citron:#E1EB68;--studio-ink:#17130F;--studio-paper:#F6F2EA;--studio-muted:#B9AEA3;--accent:var(--studio-citron);--accent-strong:#D3DF51;--on-accent:var(--studio-ink);--accent-on-band:var(--studio-citron);--focus:var(--studio-citron);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;padding:56px;background:var(--studio-ink);color:var(--studio-paper);border-radius:4px}
html[data-theme=dark] .studio-door{--studio-ink:#0F0B0C}
.studio-door-copy{min-width:0}
.studio-door .brand-link{margin-bottom:38px}
.studio-door h2{font-size:clamp(32px,3.1vw,46px);max-width:19ch;margin-bottom:24px}
.studio-door .lead{font-size:18px;line-height:1.6;color:var(--studio-paper);max-width:43ch;margin-bottom:30px}
.studio-door .button{min-height:56px;font-size:16px;padding:16px 24px;gap:32px;background:var(--studio-citron);color:#17130F}
.studio-door .button:hover{background:#D3DF51}
.studio-door-visuals{min-width:0}
.studio-door-visuals a{display:block;overflow:hidden;border-radius:2px}
.studio-door-visuals a:hover{outline:2px solid var(--studio-citron);outline-offset:5px}
.studio-door-visuals img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:contain}
.studio-door-campaign{width:88%}
.studio-door-interface{position:relative;width:69%;margin:-64px -8px 0 auto;border:6px solid var(--studio-ink)}
.studio-door-caption{font-size:14px;color:var(--studio-muted);margin:20px 0 0;text-align:right}
@media(max-width:1100px){.studio-door{padding:40px;gap:32px}.studio-door-interface{margin-top:-36px}.studio-door h2{font-size:36px}}
@media(max-width:760px){.studio-door{grid-template-columns:minmax(0,1fr);gap:36px;padding:30px 24px}.studio-door .brand-link{margin-bottom:30px}.studio-door h2{font-size:34px;max-width:20ch}.studio-door .lead{font-size:17px}.studio-door .button{width:100%;gap:16px}.studio-door-interface{width:74%;margin-top:-36px;margin-right:-6px;border-width:5px}.studio-door-caption{text-align:left;font-size:14px;margin-top:18px}}

/* Show the Studio's craft through the formats it creates. */
.studio-services{gap:30px}
.studio-services article{display:flex;flex-direction:column;min-width:0;padding:0;border:0}
.service-stage{position:relative;display:block;aspect-ratio:1.25;overflow:hidden;border-radius:4px;margin-bottom:22px;color:#17130F;background:#EEE4D8}
.service-stage:hover{text-decoration:none}
.service-stage:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.service-stage-social>img{display:block;width:100%;height:100%;object-fit:cover}
.service-stage-tag{position:absolute;bottom:14px;left:14px;right:14px;width:fit-content;max-width:calc(100% - 28px);padding:6px 10px;background:#E1EB68;color:#17130F;border-radius:2px;font-size:12px;line-height:1.4}
.service-formats{display:flex;flex-wrap:wrap;gap:10px 16px;min-height:38px;margin-bottom:16px;font-size:12px;line-height:1.5;color:var(--ink-muted)}
.service-formats>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.service-formats img,.service-formats svg{display:block;width:17px;height:17px;flex:none;object-fit:contain}
html[data-theme=dark] .service-formats img{filter:invert(1)}
.studio-services article h3{font-size:32px;max-width:15ch;margin-bottom:20px}
.studio-services .service-description{font-size:16px;line-height:1.65;margin-bottom:20px}
.studio-services .result{font-size:14px;line-height:1.6;margin-top:auto;margin-bottom:22px}
.studio-services .service-action{display:flex;justify-content:space-between;gap:16px;align-self:stretch;min-height:50px;padding:12px 16px;background:var(--accent);color:#17130F;border:1px solid var(--accent);border-radius:3px;font-weight:600}
.studio-services .service-action:hover{background:var(--accent-strong);text-decoration:none}
.service-stage-documents{background:#DDD6CB}
.service-sheet{position:absolute;display:block;width:60%;height:84%;left:20%;top:4%;background:#FFFDF8;border:1px solid #17130F18}
.service-sheet-back{transform:rotate(7deg);background:#F0EBE3}
.service-sheet-front{transform:rotate(-7deg);padding:8% 7% 6%;display:flex;flex-direction:column;box-shadow:0 8px 20px #17130F20}
.service-sheet-label{font-size:8px;line-height:1.3;color:#365563;white-space:nowrap;margin-bottom:12%}
.service-sheet-front strong{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(16px,1.6vw,25px);line-height:1.04;letter-spacing:-.04em;color:#203B49}
.service-sheet-art{margin-top:auto;display:block;background:#203B49;padding:10% 12%;height:36%}
.service-sheet-art svg{display:block;width:100%;height:100%}
.service-sheet-footer{font-size:6px;line-height:1.4;margin-top:8%;color:#365563;white-space:nowrap}
.service-stage-digital{background:#C8DCD3}
.service-browser{position:absolute;left:6%;right:6%;top:12%;display:block;transform:rotate(-3deg);border-radius:4px;overflow:hidden;box-shadow:0 8px 20px #17130F20;background:#F7FAF8}
.service-browser-chrome{display:flex;align-items:center;gap:4px;padding:7px 9px;background:#F7FAF8}
.service-browser-chrome i{display:block;width:4px;height:4px;border-radius:50%;background:#9BADAA}
.service-browser-chrome>span{font:8px/1.3 'DM Mono',monospace;color:#36534B;margin:auto}
.service-browser img{display:block;width:100%;height:auto}
.service-phone{position:absolute;right:8%;bottom:12%;width:27%;height:62%;padding:6% 3% 3%;display:flex;flex-direction:column;gap:7%;border:4px solid #163B30;border-radius:13px;background:#F4F9F6;color:#163B30;transform:rotate(6deg);box-shadow:0 6px 15px #17130F26;font-family:'Instrument Sans',sans-serif}
.service-phone:before{content:'';position:absolute;top:5px;left:37%;width:26%;height:3px;background:#163B30;border-radius:2px}
.service-phone-brand{font-size:9px;font-weight:700;line-height:1}
.service-phone>strong{font:600 12px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em}
.service-phone-count{font-size:23px;font-weight:600;line-height:1;background:#E0EDE5;padding:7px}
.service-phone-count small{display:block;font-size:6px;font-weight:400;margin-top:3px}
.service-phone-task{display:block;border-top:1px solid #163B3020;padding-top:6px;font-size:7px;font-weight:600;line-height:1.3}
.service-phone-task>span{display:block;font-size:6px;font-weight:400;margin-top:3px}
@media(max-width:1100px) and (min-width:761px){.studio-services{gap:24px}.studio-services article h3{font-size:28px}.service-formats{min-height:64px;gap:8px 12px}.service-stage-tag{font-size:10px;left:10px;bottom:10px;padding:5px 7px}.service-phone{border-width:3px}.service-phone>strong{font-size:10px}.service-phone-brand{font-size:7px}.service-phone-count{font-size:17px;padding:4px}.service-phone-task{font-size:5px;padding-top:3px}.service-phone-task>span{font-size:5px}}
@media(max-width:760px){.studio-services{gap:48px}.service-stage{aspect-ratio:1.4;max-height:400px;margin-bottom:20px}.service-formats{min-height:0;margin-bottom:18px;font-size:13px}.studio-services article h3{font-size:32px;max-width:20ch}.service-sheet-front strong{font-size:clamp(20px,6vw,35px)}.service-sheet-label{font-size:10px}.service-sheet-footer{font-size:8px}.service-phone{width:25%;height:67%}.service-phone-brand{font-size:10px}.service-phone>strong{font-size:14px}.service-phone-count{font-size:26px}.service-phone-count small{font-size:7px}.service-phone-task{font-size:8px}.service-phone-task>span{font-size:7px}.studio-services .service-action{align-self:flex-start;min-width:230px}}
@media(max-width:380px){.service-phone{height:70%;padding-top:7%;border-width:3px}.service-phone>strong{font-size:11px}.service-phone-brand{font-size:8px}.service-phone-count{font-size:20px;padding:5px}.service-phone-task{font-size:6px}.service-phone-task>span{font-size:5px}.service-formats{font-size:12px;gap:8px 12px}.service-sheet-label{font-size:8px}.service-sheet-footer{font-size:6px}}

/* Keep the portfolio introduction close to its filters and work. */
body[data-division=studio] #projets{padding-top:56px;padding-bottom:72px}
body[data-division=studio] #projets .section-heading{margin-bottom:24px}
body[data-division=studio] #projets>.section-heading+p{margin-bottom:24px}
body[data-division=studio] #projets .project-filters{margin-top:0}
@media(max-width:760px){body[data-division=studio] #projets{padding-top:40px;padding-bottom:56px}body[data-division=studio] #projets .section-heading{gap:16px;margin-bottom:20px}}
.service-stage-social{background:#F4EADF}
.service-stage-social>img{object-fit:contain}
.studio-services article h3{min-height:2.16em}
body[data-division=studio] #savoir-faire{padding-top:56px;padding-bottom:72px}
@media(max-width:760px){.studio-services article h3{min-height:0}body[data-division=studio] #savoir-faire{padding-top:40px;padding-bottom:56px}}
.service-phone{overflow:hidden}
.studio-services article h3{min-height:2.36em}
@media(max-width:1100px) and (min-width:761px){.service-phone-task:last-child{display:none}}
@media(max-width:760px){.studio-services article h3{min-height:0}}

/* The return to Agency carries its own raspberry identity. */
.agency-bridge{padding-block:56px}
.agency-door{--accent:#B8143F;--accent-strong:#8F0F31;--accent-on-band:#B8143F;--on-accent:#FFFFFF;--focus:#B8143F;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;padding:48px;background:#F3D6D6;color:#17130F;border-radius:4px}
.agency-door-copy,.agency-door-visual{min-width:0}
.agency-door .brand-link{margin-bottom:32px}
.agency-door h2{font-size:clamp(32px,3.1vw,46px);max-width:19ch;margin-bottom:24px}
.agency-door .lead{font-size:18px;line-height:1.6;max-width:43ch;margin-bottom:30px}
.agency-door .button{min-height:56px;padding:16px 24px;font-size:16px;gap:32px}
.agency-door-visual picture{display:block;border-radius:3px;overflow:hidden}
.agency-door-visual img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.agency-door-steps{display:flex;justify-content:space-between;gap:16px;margin:24px 0 0;padding:0;list-style:none;border-top:1px solid #B8143F55}
.agency-door-steps li{position:relative;padding-top:14px;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:600;line-height:1.3}
.agency-door-steps li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--accent);border-radius:50%}
html[data-theme=dark] .agency-door{--accent:#FF7A9A;--accent-strong:#FFA0B8;--accent-on-band:#FF7A9A;--on-accent:#1A1315;--focus:#FF7A9A;background:#3A2028;color:#F4EEE4}
html[data-theme=dark] .agency-door-steps{border-color:#FF7A9A55}
.method-band .method-highlight{color:#17130F}
.method-band .method-highlight:before{background-image:url('/assets/gestes/studio/cibler.svg');inset:-.4em -.35em -.35em -.15em;transform:none}
@media(max-width:1100px){.agency-door{gap:32px;padding:40px}.agency-door h2{font-size:36px}.agency-door-steps li{font-size:16px}}
@media(max-width:760px){.agency-bridge{padding-block:40px}.agency-door{grid-template-columns:minmax(0,1fr);gap:32px;padding:30px 24px}.agency-door .brand-link{margin-bottom:28px}.agency-door h2{font-size:34px;max-width:20ch}.agency-door .lead{font-size:17px}.agency-door .button{width:100%;gap:16px}.agency-door-steps{gap:10px;margin-top:22px}.agency-door-steps li{font-size:14px}.method-band .method-highlight{margin-bottom:.05em}}

/* Keep the two contact actions aligned when their supporting copy wraps. */
@media(min-width:761px){.path>.small{min-height:4.8em}}

/* Readable communication modes, independent of the CTA color. */
.path-mode{display:flex;align-items:center;gap:16px;width:100%;min-height:64px;margin-bottom:28px}
.path-mode>svg{flex:none;width:54px;height:48px;color:var(--ink)}
.path-mode>div{min-width:0}
.path-mode strong{display:block;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}
.path-mode span{display:block;font-size:13px;line-height:1.5;color:var(--ink-muted)}
@media(max-width:760px){.path-mode{gap:12px;margin-bottom:24px}.path-mode>svg{width:48px;height:44px}.path-mode strong{font-size:16px}}

/* Portfolio introduction reads as one block above the gallery filters. */
body[data-division=studio] #projets .section-heading{display:block;max-width:860px;margin-bottom:14px}
body[data-division=studio] #projets .section-heading h2{max-width:none;margin-bottom:18px}
body[data-division=studio] #projets .section-heading .lead{margin:0;max-width:62ch}
body[data-division=studio] #projets>.section-heading+p{font-size:15px;line-height:1.6;color:var(--ink-muted);max-width:72ch;margin-bottom:28px}
@media(max-width:760px){body[data-division=studio] #projets .section-heading h2{margin-bottom:16px}body[data-division=studio] #projets>.section-heading+p{margin-bottom:24px}}

/* Main pages and section destinations are explicit in every header. */
.site-head nav a[aria-current=page]{color:var(--accent-on-band);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;font-weight:600}

/* Summary remains reachable before the end of qualification. */
.conversation-review{padding-top:20px;margin-top:20px;border-top:1px solid var(--rule);flex-shrink:0}
.conversation-review .small{margin-bottom:14px;font-size:13px}
.conversation-review .button{width:100%}
#review-contact{margin-top:28px;padding-top:24px;border-top:1px solid var(--rule)}
#review-contact h3{font-size:24px;margin-bottom:4px}
#review-contact .field-pair label{margin-top:16px}
@media(min-width:1050px) and (min-height:750px){.conversation-review{margin-top:16px;padding-top:16px}.conversation-review .small{margin-bottom:10px}}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* Portrait de Lia : même identité dans le contact et la discussion. */
.lia-avatar{display:block;flex:none;width:64px;height:64px;overflow:hidden;border-radius:50%;background:#F6F2EA;border:1px solid var(--rule)}
.lia-avatar img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.35);transform-origin:50% 24%}
.lia-identity{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.workspace-intro .lia-identity .descriptor{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}
.path-mode-lia{min-height:64px}
.path-mode-lia strong{font-size:16px}
@media(max-width:760px){.lia-identity{gap:12px;margin-bottom:20px}.workspace-intro .lia-identity .descriptor{max-width:20ch;font-size:12px}.path-mode-lia{gap:12px}}

/* Lia : a single welcome, with a static poster at rest. */
.path.path-with-lia{display:grid;grid-template-columns:minmax(0,1fr) clamp(116px,12vw,176px);column-gap:22px;align-content:start;align-items:start}
.path-lia-copy{grid-column:1;grid-row:1;min-width:0}
.path-with-lia .path-mode{min-height:0;margin-bottom:22px}
.path-with-lia h3{font-size:29px}
.path-with-lia>.button{grid-column:1/-1;justify-self:start;margin-top:20px}
.path-with-lia>.small{grid-column:1/-1}
.path-lia-description{margin-bottom:0}
.lia-contact{grid-column:2;grid-row:1;align-self:center;width:100%;max-width:176px}
.lia-media-frame{position:relative;overflow:hidden;background:#F6F2EA;border-radius:4px;isolation:isolate}
.lia-contact .lia-media-frame{width:100%;aspect-ratio:2/3}
.lia-still,.lia-motion-video{display:block;width:100%;height:100%;object-fit:contain}
.lia-still{position:relative}
.lia-motion-video{position:absolute;inset:0;opacity:0;pointer-events:none}
.lia-motion[data-playing=true] .lia-motion-video{opacity:1}
.lia-motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;border:0;border-radius:4px;background:transparent;color:var(--ink-muted);font-size:12px;line-height:1.4;padding:8px 4px}
.lia-motion-toggle svg{flex:none;width:14px;height:14px}
.lia-contact .lia-motion-toggle{width:100%;margin-top:4px}
.lia-conversation-head{position:sticky;top:0;z-index:2;display:flex;gap:16px;align-items:center;flex-shrink:0;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--rule);background:var(--surface-200)}
.lia-conversation-head h2{font-family:'Instrument Sans',sans-serif;font-size:17px;line-height:1.4;letter-spacing:0;margin:0 0 3px;max-width:none}
.lia-conversation-head p{font-size:13px;line-height:1.5;color:var(--ink-muted);margin:0}
.lia-conversation-identity{min-width:0}
.lia-conversation-head>.lia-motion-toggle{margin-left:auto;flex:none;font-size:12px;padding-inline:8px}
.lia-motion-portrait{position:relative;width:72px;height:72px;flex:none}
.lia-motion-portrait .lia-media-frame{width:100%;height:100%;border-radius:50%;border:1px solid var(--rule)}
.lia-motion-portrait .lia-still,.lia-motion-portrait .lia-motion-video{object-fit:cover;transform:scale(1.45);transform-origin:50% 24%}
@media(max-width:1000px){.path.path-with-lia{column-gap:16px}.path-with-lia h3{font-size:27px}}
@media(max-width:760px){
  .path.path-with-lia{grid-template-columns:minmax(0,1fr) 100px;column-gap:16px}
  .path-lia-copy{display:contents}
  .path-with-lia .path-mode{grid-column:1;grid-row:1;margin-bottom:14px}
  .path-with-lia h3{grid-column:1;grid-row:2;font-size:27px;margin-bottom:20px}
  .path-with-lia .path-lia-description{grid-column:1/-1;grid-row:3;margin-bottom:0}
  .path-with-lia .lia-contact{grid-column:2;grid-row:1/3;align-self:start}
  .path-with-lia>.button{grid-row:4}
  .lia-conversation-head{gap:12px;padding-block:0 16px;margin-bottom:16px}
  .lia-motion-portrait{width:56px;height:56px}
  .lia-conversation-head h2{font-size:16px}
  .lia-conversation-head p{font-size:12px}
}
@media(max-width:380px){.path.path-with-lia{grid-template-columns:minmax(0,1fr) 80px;column-gap:12px}.path-with-lia h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.lia-motion-video,.lia-motion-toggle{display:none}}
/* Keep editable project controls readable without iOS focus zoom. */
@media(max-width:760px),(pointer:coarse){
  .conversation-toolbar select,.summary-entry textarea{font-size:16px}
}

.booking-entry{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--rule)}
.booking-entry h2{font-size:28px;margin-bottom:14px}.booking-entry>.button{margin:4px 0 12px}.booking-entry .small{margin-bottom:10px}
#booking-followup{border-top:1px solid var(--rule);margin-top:24px;padding-top:16px}#booking-followup .button{margin-block:8px 12px}

/* Breadcrumbs and contextual links use the existing editorial scale. */
.breadcrumbs{font-size:13px;color:var(--ink-muted);margin-bottom:24px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;list-style:none;padding:0;margin:0}
.breadcrumbs li{min-width:0;overflow-wrap:anywhere}
.breadcrumbs li+li::before{content:'/';margin-right:10px;color:var(--rule-strong)}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.project-related{max-width:100%;overflow-wrap:anywhere}

/* Service pages: offer, visible outcomes, deliverables, then decision details. */
.service-breadcrumb{padding-top:24px}.service-breadcrumb .breadcrumbs{margin-bottom:0}
.service-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:start;gap:56px;padding-block:40px 64px}
.service-hero h1{font-size:clamp(44px,4.7vw,66px);max-width:18ch;line-height:1.08;letter-spacing:-.035em;margin-bottom:32px}
.service-hero-copy{min-width:0}.service-hero-copy>p{max-width:45ch}.service-hero .lead{font-size:21px;line-height:1.5}
.service-keyword{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em;text-decoration-skip-ink:none}
body[data-division=studio] .service-keyword{color:#17130F;background:#E1EB68;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none}
.service-hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-block:28px 24px}
.service-topics{list-style:none;padding:20px 0 0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-muted)}
.service-topics li{display:flex;align-items:center;gap:10px}.service-topics li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}
.service-art{margin:0}.service-art img{display:block;width:100%;height:auto;border-radius:4px}.service-art figcaption{font-size:13px;color:var(--ink-muted);margin-top:12px}
.service-flow{background:var(--band);color:var(--on-band);padding:36px;border-radius:4px}.service-flow h2{font-size:36px;max-width:16ch;margin-bottom:28px}.service-flow h2>span{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--accent-on-band)}
.service-flow ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.service-flow li{position:relative;display:flex;align-items:center;gap:16px;padding:16px 0}.service-flow li+li::before{content:'';height:16px;width:1px;background:var(--on-band-muted);position:absolute;top:-8px;left:17px}
.service-flow .flow-node{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border:1px solid var(--on-band-muted);border-radius:50%;color:var(--accent-on-band)}
.service-flow li strong{display:block;font-size:18px;line-height:1.3}.service-flow li div>span{display:block;color:var(--on-band-muted);font-size:14px;line-height:1.5;margin-top:4px}
.service-flow .flow-human{margin:8px -12px;padding:18px 12px;background:#3A2028;color:var(--on-band);border:1px solid var(--accent-on-band);border-radius:4px}.service-flow .flow-human .flow-node{color:var(--accent-on-band);border-color:var(--accent-on-band)}
.service-flow .flow-human::before{display:none}.service-flow>.small{color:var(--on-band-muted);padding-top:20px;margin:12px 0 0;border-top:1px solid var(--on-band-muted);font-size:13px}
.service-cases{background:var(--surface-300)}.service-cases>.section{padding-block:64px;border-top:0}.service-cases .section-heading{margin-bottom:32px}.service-cases h2{max-width:23ch}.service-cases .lead{font-size:18px}
.service-case-list article{display:grid;grid-template-columns:minmax(0,.7fr) 72px minmax(0,1.7fr);gap:32px;align-items:start;border-top:1px solid var(--rule-strong);padding-block:32px}
.service-case-list article:last-child{padding-bottom:0}.service-case-list .case-trigger{font-size:18px;line-height:1.4;font-weight:500;margin:6px 0 0;max-width:18ch;color:var(--ink-muted)}
.service-case-list article>svg{color:var(--accent);margin-top:12px;max-width:100%}.service-case-list h3{font-size:32px;color:var(--ink);margin:0 0 14px;max-width:30ch}.service-case-list article>div>p{font-size:17px;color:var(--ink-muted);max-width:55ch;margin:0}
body[data-division=agency] .service-case-list h3{color:var(--accent)}
body[data-division=studio] .service-case-keyword{color:#17130F;background:#E1EB68;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-division=studio] .service-case-list article>svg{color:var(--ink)}
.service-delivery{border-top:0;padding-block:64px}.service-delivery .method-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;padding:48px}.service-delivery h2{font-size:40px;max-width:17ch}
.service-band-emphasis{color:var(--accent-on-band);font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;letter-spacing:-.02em}.service-delivery .lead{font-size:17px;color:var(--on-band-muted);margin:0;max-width:40ch}
.service-delivery ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.service-delivery li{padding-top:20px;border-top:1px solid var(--on-band-muted)}.service-delivery li strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:24px;line-height:1.2;font-weight:500;color:var(--accent-on-band);margin-bottom:12px}.service-delivery li p{margin:0;color:var(--on-band);font-size:16px;line-height:1.6}
.service-method{padding-block:64px}.service-method>h2{max-width:none}.service-method ol{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.service-method li{position:relative;padding-top:0}.service-step-number{display:block;font-family:'Instrument Serif',serif;font-size:60px;line-height:1;color:var(--accent);margin-bottom:24px;letter-spacing:-.04em}
body[data-division=studio] .service-step-number{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:6px;text-underline-offset:6px}
.service-method li:not(:last-child)::after{content:'';position:absolute;top:26px;left:80px;width:calc(100% - 40px);height:12px;border-top:1px solid var(--rule-strong)}
.service-method li:not(:last-child)::before{content:'';position:absolute;top:22px;right:-36px;width:8px;height:8px;border-top:1px solid var(--ink-muted);border-right:1px solid var(--ink-muted);transform:rotate(45deg)}
.service-method h3{font-size:28px;margin-bottom:16px}.service-method .service-step-output{font-size:18px;font-weight:600;line-height:1.4;color:var(--ink);margin-bottom:10px}.service-method li>p:last-child{color:var(--ink-muted);font-size:16px;margin:0}
.service-proof{padding-block:64px}.service-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.service-projects figure{margin:0}.service-projects img{display:block;width:100%;height:auto;border-radius:4px}.service-projects figcaption{padding-top:20px}.service-projects h3{margin:0 0 12px}.service-projects .small{margin:0}
.service-resource{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:center}.service-resource>*{min-width:0;overflow-wrap:anywhere}.service-resource .sheet-preview{width:100%;max-width:440px;min-height:400px;transform:none;margin:0}.service-resource .sheet-preview>strong{max-width:100%;overflow-wrap:anywhere;flex-shrink:0}.service-resource .sheet-foot svg{width:36px;flex:none}.service-resource .lead{font-size:20px}
.service-budget{background:var(--surface-300)}.service-budget>.section{padding-block:64px;border:0}.service-budget-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;margin-bottom:40px}.service-budget h2{margin:0;max-width:21ch}.service-budget .lead{margin:0;font-size:18px}
.service-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-top:32px;border-top:1px solid var(--rule-strong)}.service-costs>div+div{padding-left:48px;border-left:1px solid var(--rule)}.service-costs h3{font-size:30px;max-width:22ch;margin-bottom:24px}.service-costs ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.service-costs li{display:flex;gap:12px;align-items:baseline;font-size:17px}.service-costs svg{color:var(--accent);flex:none;align-self:flex-start;margin-top:4px}body[data-division=studio] .service-costs svg{color:var(--ink)}
.service-related{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px 32px;padding-block:32px 48px;border-top:1px solid var(--rule)}.service-related p{margin:0;color:var(--ink-muted);font-size:14px}.service-related a{max-width:100%;overflow-wrap:anywhere}
.service-context{font-size:15px;line-height:1.5;padding:12px 16px;border-left:1px solid var(--accent);background:var(--surface-300);margin-bottom:16px}
/* Keep foreground and background paired during division changes. */
.workspace-page .button{transition:transform 120ms ease}
.service-discovery{margin-top:24px}
@media(max-width:1000px){.service-hero{gap:32px}.service-hero h1{font-size:48px}.service-flow{padding:28px}.service-delivery .method-band{grid-template-columns:minmax(0,1fr);gap:32px;padding:36px}.service-delivery h2{max-width:24ch}.service-case-list article{grid-template-columns:minmax(0,.7fr) 48px minmax(0,1.5fr);gap:24px}.service-resource{gap:40px}.service-budget-intro{gap:40px}.service-method ol{gap:32px}.service-method li:not(:last-child)::before{right:-24px}}
@media(max-width:760px){
 .service-breadcrumb{padding-top:18px}.service-hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:28px 48px}.service-hero h1{font-size:40px;max-width:18ch;margin-bottom:24px}.service-hero .lead{font-size:19px}.service-hero .actions{margin-top:24px}.service-art figcaption{font-size:12px}.service-topics{gap:10px 20px;padding-top:16px;font-size:13px}
 .service-flow{padding:28px 24px}.service-flow h2{font-size:32px}.service-flow li strong{font-size:17px}.service-flow li{padding-block:12px}.service-flow .flow-human{padding:16px 12px}
 .service-cases>.section,.service-budget>.section{padding-block:40px}.service-cases .section-heading{gap:20px;margin-bottom:28px}.service-cases h2,.service-budget h2{font-size:34px}.service-cases .lead{font-size:17px}.service-case-list article{grid-template-columns:minmax(0,1fr) 48px;gap:16px 20px;padding-block:26px}.service-case-list .case-trigger{font-size:16px;max-width:none;margin:0}.service-case-list article>svg{margin:0;width:48px}.service-case-list article>div{grid-column:1/-1}.service-case-list h3{font-size:28px;margin-bottom:12px}.service-case-list article>div>p{font-size:16px}
 .service-delivery{padding-block:40px}.service-delivery .method-band{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 24px}.service-delivery h2{font-size:32px}.service-delivery ul{grid-template-columns:minmax(0,1fr);gap:24px}.service-delivery li{padding-top:18px}.service-delivery li strong{font-size:24px;margin-bottom:10px}
 .service-method{padding-block:40px}.service-method h2{font-size:34px}.service-method ol{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}.service-method li{padding-left:54px}.service-step-number{position:absolute;top:0;left:0;font-size:38px;margin:0}.service-method li:not(:last-child)::after{top:50px;left:18px;height:calc(100% - 28px);width:0;border:0;border-left:1px solid var(--rule-strong)}.service-method li:not(:last-child)::before{top:auto;bottom:-14px;right:auto;left:15px;width:7px;height:7px;transform:rotate(135deg)}.service-method h3{font-size:26px;margin-bottom:12px}.service-method .service-step-output{font-size:17px}
 .service-proof{padding-block:40px}.service-projects{grid-template-columns:minmax(0,1fr);gap:32px}.service-projects figcaption{padding-top:16px}.service-resource{grid-template-columns:minmax(0,1fr);gap:32px}.service-resource .sheet-preview{min-height:370px}.service-resource .lead{font-size:18px}
 .service-budget-intro{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:28px}.service-budget .lead{font-size:17px}.service-costs{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}.service-costs>div+div{padding:28px 0 0;border:0;border-top:1px solid var(--rule)}.service-costs h3{font-size:26px;margin-bottom:20px}.service-costs li{font-size:16px}
 .service-related{align-items:start;flex-direction:column;gap:16px;padding-block:24px 36px}
}
/* Native navigation disclosure for the three commercial offers. */
.site-head .offers-menu{position:relative;border:0;z-index:20}.site-head .offers-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;list-style:none;cursor:pointer;font-size:14px;line-height:1.4;color:var(--on-band);border:0;white-space:nowrap}.site-head .offers-menu>summary::-webkit-details-marker{display:none}.site-head .offers-menu>summary::marker{content:''}.site-head .offers-menu>summary::after{content:none}.offers-menu[open]>summary svg{transform:rotate(180deg)}
.offers-panel{position:absolute;top:calc(100% + 12px);left:-20px;width:320px;max-width:calc(100vw - 40px);background:var(--band);color:var(--on-band);border:1px solid var(--on-band-muted);border-radius:4px;padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.2)}
.offers-group+.offers-group{border-top:1px solid var(--on-band-muted);padding-top:12px;margin-top:8px}.offers-group-label{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;font-size:12px;font-weight:600;line-height:1.4;color:var(--on-band-muted)}.offers-group-label::before{content:'';width:5px;height:5px;border-radius:50%;flex:none}.offers-agency::before{background:#FF7A9A}.offers-studio::before{background:#E1EB68}
.site-head .offers-panel a{display:flex;align-items:center;min-height:48px;padding:10px 12px;white-space:normal;font-size:16px;line-height:1.4;border-radius:2px}.site-head .offers-panel a:hover{background:#FFFFFF12;text-decoration:none}.site-head .offers-panel a[aria-current=page]{color:var(--on-band);text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.site-head nav{position:relative}.site-head .offers-menu{position:static}.site-head .offers-menu>summary{font-size:13px}.offers-panel{left:0;right:0;top:calc(100% + 10px);width:100%;max-width:none}.site-head .offers-panel a{font-size:16px}}
/* The booking page is available before the optional preparation. */
.booking-panel{padding-bottom:40px;scroll-margin-top:24px}.booking-panel-head{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-bottom:24px}.booking-panel-head h2{font-size:34px;margin-bottom:16px}.booking-panel-head p{max-width:62ch;margin:0}.booking-panel-head>.text-link{flex-shrink:0;font-size:14px}.booking-embed{margin-bottom:16px}.booking-panel iframe{display:block;width:100%;height:680px;border:1px solid var(--rule);border-radius:4px;background:#fff}.booking-panel>.small{font-size:13px}.booking-brief-intro{padding-top:24px;padding-bottom:28px;border-top:1px solid var(--rule);scroll-margin-top:24px}.booking-brief-intro h2{font-size:30px;max-width:none;margin-bottom:16px}.booking-brief-intro h2 span{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic}.booking-brief-intro p{max-width:72ch;margin:0}.review-booking-direct{padding:24px;background:var(--surface-300);margin-bottom:28px;border:1px solid var(--rule);border-radius:4px}.review-booking-direct h3{font-size:25px;margin-bottom:12px}.review-booking-direct p{font-size:16px}
@media(max-width:760px){.booking-panel-head{flex-direction:column;gap:16px}.booking-panel-head h2{font-size:28px}.booking-panel-head p{font-size:16px}.booking-embed{width:calc(100% + 40px);margin-left:-20px}.booking-panel iframe{height:720px;border-radius:0;border-inline:0}.booking-brief-intro h2{font-size:28px}.booking-brief-intro p{font-size:16px}.review-booking-direct{padding:20px}.review-booking-direct .button{width:100%}}
body[data-conversation-mode=visio] .workspace-intro{padding-bottom:8px}body[data-conversation-mode=visio] .workspace-intro h1{margin-bottom:16px}body[data-conversation-mode=visio] .workspace-intro #workspace-subtitle{margin-bottom:12px}body[data-conversation-mode=visio] .service-context{padding:0;border:0;background:none;font-size:14px;margin-bottom:8px}body[data-conversation-mode=visio] .workspace-intro .prototype-note{background:none;border:0;padding:0;font-size:12px;margin-bottom:8px}.booking-panel-head{margin-bottom:16px}

.document-page>h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2;margin-top:44px;margin-bottom:12px;max-width:none}.document-page>p{max-width:68ch}

/* Promesse et bénéfices : remplacement du bloc existant, 29 octobre 2026. */
.agency-hero h1{font-size:clamp(46px,4.7vw,68px);max-width:17ch;line-height:1.08}
.economic-levers .lever h3{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.035em;min-height:2.6em;margin-bottom:20px}
.economic-levers .lever-action{max-width:35ch;margin-bottom:0}
@media(max-width:1000px) and (min-width:761px){.agency-hero h1{font-size:46px}.economic-levers .lever h3{font-size:29px}}
@media(max-width:760px){.agency-hero h1{font-size:clamp(38px,10.8vw,60px)}.economic-levers .lever h3{font-size:36px;min-height:0;margin-bottom:16px}.economic-levers .lever-action{max-width:100%}}

/* Bénéfices mis en relief et signature commune Eminia. */
.economic-levers{background:var(--surface-300);padding:36px;gap:32px;border-radius:4px}
.economic-levers .lever{border-top-color:var(--accent);padding-top:28px}
.economic-levers .lever h3{font-size:clamp(30px,2.9vw,42px);min-height:2.8em;margin-bottom:24px}
.economic-levers .lever-action{font-size:18px;line-height:1.55}
.footer .brand-unified .brand-point{color:#FF7A9A}
.footer .brand-unified .brand-sub{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.12em}
.footer .brand-agency{color:#FF7A9A}
.footer .brand-plus{color:var(--on-band-muted)}
.footer .brand-studio{color:#E1EB68}
@media(max-width:1000px) and (min-width:761px){.economic-levers{padding:26px;gap:22px}.economic-levers .lever h3{font-size:28px}.economic-levers .lever-action{font-size:17px}}
@media(max-width:760px){.economic-levers{padding:26px 24px;gap:30px}.economic-levers .lever{padding-top:24px}.economic-levers .lever h3{font-size:clamp(30px,8.5vw,40px);min-height:0;margin-bottom:18px}.economic-levers .lever-action{font-size:17px}}

/* Studio : le bénéfice précède les formats et les créations. */
.studio-hero h1{font-size:clamp(46px,4.5vw,66px);max-width:18ch;line-height:1.08}
.studio-hero h1 .highlight:before{inset:-.04em -.14em -.04em -.1em}
.studio-services{align-items:stretch}
.studio-benefit{background:var(--surface-300);padding:28px 26px 26px;border-top:1px solid var(--ink);margin-bottom:24px;flex:1}
.studio-services .studio-benefit h3{font-size:clamp(29px,2.65vw,38px);line-height:1.12;max-width:none;min-height:2.5em;margin-bottom:24px;letter-spacing:-.035em}
.benefit-emphasis{display:table;position:relative;isolation:isolate;color:#17130F;padding:0 .07em;margin-top:.12em}
.benefit-emphasis:before{content:'';position:absolute;inset:-.05em -.08em -.05em -.06em;z-index:-1;background:url('/assets/gestes/studio/cibler.svg') center/100% 100% no-repeat;pointer-events:none}
.studio-services .studio-benefit .service-description{font-size:17px;line-height:1.55;margin-bottom:0}
.studio-services .service-family{font-size:16px;font-weight:600;margin-bottom:16px}
.studio-services .service-stage{margin-bottom:18px}
@media(max-width:1000px) and (min-width:761px){.studio-hero h1{font-size:46px}.studio-benefit{padding:22px 18px}.studio-services .studio-benefit h3{font-size:25px;min-height:3.6em}.studio-services .studio-benefit .service-description{font-size:16px}}
@media(max-width:760px){.studio-hero h1{font-size:clamp(38px,10.5vw,60px)}.studio-benefit{padding:26px 24px;flex:none}.studio-services .studio-benefit h3{font-size:34px;min-height:0;margin-bottom:22px}.studio-services .service-action{align-self:stretch;min-width:0}.studio-services{gap:42px}}

/* Les formats identifient l’offre avant son exemple visuel. */
.studio-services .service-deliverables{margin-bottom:18px}
.studio-services .service-deliverables .service-family{margin-bottom:12px}
.studio-services .service-deliverables .service-formats{margin-bottom:0;min-height:38px}
.studio-services .service-action{margin-top:0}
@media(max-width:1100px) and (min-width:761px){.studio-services .service-deliverables .service-formats{min-height:64px}}
@media(max-width:760px){.studio-services .service-deliverables .service-formats{min-height:0}}