.proposal-page { background:var(--paper) }
.proposal-bar { background:var(--forest); color:var(--paper); padding-block:14px }
.proposal-bar .wrap,.proposal-bar nav { display:flex; align-items:center; justify-content:space-between; gap:22px }
.proposal-bar nav a:hover { color:var(--green) }
.proposal-intro { padding:clamp(58px,8vw,112px) 0 48px; border-bottom:1px solid var(--line) }
.proposal-intro h1 { font-size:clamp(49px,9vw,122px); line-height:.95 }
.proposal-intro>p:last-child,.proposal-head>p { max-width:53ch; margin-top:20px; color:var(--muted); font-size:clamp(17px,1.6vw,20px) }
.proposal-head { padding:42px 0 25px }
.proposal-head h2 { font-size:clamp(35px,5vw,66px) }
.proposal-grid,.logo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px }
.proposal-card { border:1px solid var(--line); border-radius:13px; overflow:hidden }
.mini { height:clamp(200px,26vw,380px); position:relative; isolation:isolate; display:grid; background:var(--forest); color:var(--paper); overflow:hidden; font-size:clamp(27px,4.2vw,68px); line-height:.95; letter-spacing:-.06em }
.mini em { display:block; color:var(--green); font-family:"Instrument Serif",Georgia,serif }
.mini img { min-width:0; min-height:0; width:100%; height:100%; object-fit:cover; border-radius:8px }
.mini-refit,.mini-base { grid-template-columns:1fr 1fr; padding:9px; gap:9px }
.mini-refit>div,.mini-base>div { align-self:center; padding:clamp(9px,2vw,26px) }
.mini-immersion>div { position:relative; align-self:end; padding:25px; text-shadow:0 3px 18px #0c150e }
.mini-immersion img { position:absolute; inset:0; z-index:-1; border-radius:0; filter:brightness(.69) }
.mini-immersion { font-size:clamp(45px,7.3vw,105px) }
.mini-carnet { grid-template-rows:auto minmax(0,1fr); text-align:center; background:#e8ebdf; color:var(--ink); padding:19px 12px 0; gap:13px; font-size:clamp(24px,4vw,63px) }
.mini-carnet em { display:inline; color:#536942 }
.mini-base { background:#e5eadb; grid-template-columns:1.15fr .85fr }
.mini-base>div { display:grid; align-content:center; align-self:stretch; background:#223328; border-radius:8px }
.proposal-caption,.logo-description { display:flex; align-items:start; gap:16px; justify-content:space-between; padding:19px }
.proposal-caption h3,.logo-description h3 { margin-bottom:7px }
.proposal-caption p,.logo-description p { color:var(--muted) }
.proposal-caption .round { flex:0 0 44px }
.logo-options { margin:36px 0 70px; padding-top:8px; border-top:1px solid var(--line) }
.logo-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
.logo-card { border:1px solid var(--line); border-radius:13px; min-width:0; overflow:hidden }
.lockup { display:flex; align-items:center; justify-content:center; gap:11px; min-height:164px; padding:18px 10px; background:#e8eddd }
.lockup img { width:clamp(43px,5vw,86px); aspect-ratio:1 }
.lockup strong { display:block; font-size:clamp(29px,4vw,62px); letter-spacing:-.07em; line-height:.98 }
.lockup small { display:block; margin-top:7px; letter-spacing:.12em; font-size:9px; text-transform:uppercase }
.logo-meandre .lockup { background:var(--green) }
.logo-sillons .lockup strong,.logo-passage .lockup strong { font-family:"Instrument Serif",Georgia,serif; font-style:italic; font-weight:400; letter-spacing:-.01em }
.logo-refuge .lockup { background:#d5e2c7 }
.logo-lisiere .lockup { background:#e3e8d8 }
.logo-passage .lockup { background:#eef0e6 }
@media(max-width:850px){.logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }}
@media(max-width:590px){.proposal-grid,.logo-grid { grid-template-columns:1fr }.mini { height:240px }.lockup strong { font-size:47px }.proposal-bar .wrap { width:calc(100% - 28px) }.proposal-bar nav { gap:11px }}
.logo-refuge .lockup { gap:clamp(11px,1.5vw,22px) }
.logo-refuge .lockup strong { font-weight:600; letter-spacing:-.058em }
.logo-refuge .lockup small { margin-top:9px }