/* Même carnet que le cabinet, avec l’architecture comme point d’entrée. */
.hero.wrap{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:1.5rem;text-align:left;padding-block:3.5rem 3rem}
.hero .hero-copy{min-width:0}.hero h1{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.12;text-align:left;text-wrap:balance}
.hero h1>span{font-size:.9rem;letter-spacing:0;line-height:1.6;display:block;margin-bottom:.75rem}
.hero h1>br{display:none}.hero-lead{margin-inline:0;max-width:36ch;font-weight:400}.hero-actions{justify-content:flex-start}
.hero .reassurance{margin-inline:0;text-align:left}.hero .offer-teaser{margin-left:0;text-align:left}
.carnet-house{margin:0;min-width:0}.carnet-house img{display:block;width:100%;height:auto;mix-blend-mode:multiply;animation:carnet-arrive .7s ease-out}
.simulation-landscape::before{display:none}.simulation-landscape{overflow:visible}.sim-shell{box-shadow:none;border:1px solid var(--sc-sable-lo)}
@keyframes carnet-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.hero.wrap{grid-template-columns:1fr;padding-block:2rem 1.5rem;gap:1rem}.hero .hero-copy{text-align:center}.hero h1{text-align:center;font-size:clamp(2.1rem,7vw,3.2rem)}.hero-lead,.hero .offer-teaser{margin-inline:auto}.hero-actions{justify-content:center}.hero .reassurance{text-align:center}.carnet-house{max-width:38rem;margin:auto}}
@media(prefers-reduced-motion:reduce){.carnet-house img{animation:none}}

.carnet-house img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 94%,transparent);mask-composite:intersect}
/* La maison conserve tout son dessin ; son volume suit celui du texte. */
.hero.wrap{grid-template-columns:1fr 1.15fr;gap:2rem;padding-block:2.5rem}
.carnet-house{align-self:center}.carnet-house img{object-fit:contain;max-height:34rem}
@media(max-width:800px){.hero.wrap{grid-template-columns:1fr;gap:1rem}.carnet-house{width:min(100%,32rem)}.carnet-house img{max-height:20rem}.hero .offer-teaser{text-align:center}.hero .hero-copy{display:contents}.hero h1{order:0}.hero .hero-lead{order:1;margin-bottom:0}.hero .hero-actions{order:2}.hero .reassurance{order:3;margin-top:0}.carnet-house{order:4}.hero .offer-teaser{order:5;width:100%;margin-block:0}}

/* Contrastes du simulateur et continuité avec la palette du cabinet. */
:root{--nv-accent:var(--sc-lagon-hi);--nv-ink:var(--sc-cacao-lo);--nv-soft:color-mix(in srgb,var(--sc-lagon-hi) 12%,var(--sc-sable-hi))}
.hero h1>span,.hero-lead,.hero .reassurance,.site-brand small{color:var(--sc-cacao)}
.button.primary,.invitation .button.primary{background:var(--sc-cacao-lo);color:var(--sc-craie);border-color:var(--sc-cacao-lo)}
.button.primary:hover{background:var(--sc-cacao);color:var(--sc-craie);border-color:var(--sc-cacao)}
.text-button{color:var(--nv-ink);text-decoration-color:currentColor}
.offer-teaser{border-color:var(--sc-cacao);color:var(--nv-ink)}
.offer-teaser strong{background:transparent;padding:0;border-radius:0}
.sim-aside{background:var(--sc-cacao-lo);color:var(--sc-craie)}
.sim-aside .aside-content>p:not(.eyebrow),.sim-aside .aside-signature span,.sim-aside .privacy-note p{color:var(--sc-craie)}
.progress li{color:var(--sc-cacao)}
.progress li.active span,.property-types input:checked+span{background:var(--nv-accent);color:var(--nv-ink);border-color:var(--nv-ink)}
.progress-track>span{background:var(--sc-lagon)}
.property-types input:checked+span b{color:var(--nv-ink)}
.field-note,label small,.advisor-profile figcaption>span{color:var(--sc-cacao)}
input,select,textarea{color:var(--nv-ink)}
input::placeholder,textarea::placeholder{color:var(--sc-cacao);opacity:1}
.market-summary,#local-method,.agency-highlight{background:var(--nv-soft);border-color:var(--sc-lagon)}
.market-summary strong,.market-summary>span{color:var(--nv-ink)}
.result-capital{background:var(--sc-cacao-lo);color:var(--sc-craie);border-left-color:var(--nv-accent)}
.result-capital strong{color:var(--nv-accent)}
.result-capital p{color:var(--sc-craie)}
.next-project{background:var(--nv-soft)}
.invitation{background:var(--nv-soft)}
.transaction-rate{border-color:var(--sc-lagon)}
.transaction-rate>strong{color:var(--nv-ink)}
.sale-service li:before{background:var(--nv-accent);color:var(--nv-ink);width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;font-weight:600}
.advisor-profile img{border-color:var(--sc-lagon)}
.advisor-profile a{color:var(--nv-ink);text-underline-offset:4px}
:focus-visible{outline-color:var(--sc-cacao-lo)}
.sim-aside :focus-visible,footer :focus-visible{outline-color:var(--sc-craie)}

/* Le dessin déborde légèrement de sa colonne, avec un fondu sur le papier crème. */
.hero.wrap{column-gap:.5rem}
.hero .hero-copy{position:relative;z-index:1}
.carnet-house{width:116%;max-width:none;margin-left:-6%;pointer-events:none}
.carnet-house img{max-height:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 80%,transparent);mask-composite:intersect}
@media(max-width:800px){.carnet-house{width:calc(100% + 2rem);max-width:40rem;margin-inline:-1rem;justify-self:center}.carnet-house img{max-height:none}}
/* Le repère latéral accompagne le formulaire sans remplir toute sa hauteur. */
@media(min-width:761px){.sim-aside{align-self:start;border-radius:1rem;margin:1rem 0 1rem 1rem}.sim-aside .aside-content{position:static}}
footer.wrap,footer.wrap a{font-size:.8rem;line-height:1.65}
footer.wrap a{display:inline-block;padding-block:.4rem}
@media(max-width:600px){footer.wrap a{min-height:2.75rem}}