/* R23 — light, material and guided conversation, preserving existing identity. */
.hero-bottom>p{justify-self:end;margin-left:auto;text-align:right;max-width:390px}
.hero-bottom{width:100%;max-width:none}
.living-still .story-image{overflow:hidden}
.living-still .story-image img{transform:none!important;animation:none!important;filter:none!important}
.living-still .story-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 5%,#fbe2bb09 45%,transparent 76%);background-size:220% 100%;mix-blend-mode:soft-light;animation:material-breath 28s ease-in-out infinite alternate}
@keyframes material-breath{from{background-position:100% 0;opacity:.25}to{background-position:0% 0;opacity:.8}}
.living-still .story-copy{max-width:720px;padding:clamp(28px,5vw,72px);display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:linear-gradient(90deg,#11170e50,transparent);border-radius:0 40px 40px 0}
.living-still .story-copy h2{margin:0;font-size:clamp(38px,5.4vw,78px);line-height:1.04;letter-spacing:-.045em}
.living-still .story-copy p:not(.eyebrow){font-size:clamp(15px,1.25vw,19px);max-width:390px;margin:0;line-height:1.6}
.living-still .story-copy .action{margin:6px 0 0;background:#ffffff16;border-radius:50px;padding:15px 24px}
.living-still .story-copy small{margin:8px 0 0;font-size:11px;opacity:.72}
.manifesto .statement{font-size:clamp(48px,6.9vw,104px);line-height:1.05}
.manifesto .manifesto-bottom p{font-size:clamp(17px,1.45vw,22px);line-height:1.65;max-width:450px}
.studio-prologue{position:relative;height:200svh;min-height:1050px;padding:0 var(--gutter);isolation:isolate}
.studio-prologue-sticky{position:sticky;top:95px;height:calc(100svh - 100px);min-height:490px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:5vw;padding:55px 0 65px}
.studio-prologue-copy{align-self:start;padding-top:clamp(20px,5vh,60px);transform:translateY(calc(var(--journey,0)*-65px));opacity:clamp(0,calc(1 - var(--journey,0)*1.5),1)}
.studio-prologue-copy h1{font-size:clamp(48px,6.5vw,96px);line-height:1.05;letter-spacing:-.06em}
.studio-prologue-copy p{margin-top:40px;font-size:clamp(17px,1.5vw,22px);max-width:400px;line-height:1.65}
.studio-prologue .studio-materials{display:flex;width:100%;max-width:430px;gap:20px;align-items:center;transform:translateY(var(--palette-lift,0px));opacity:clamp(0,calc((1 - var(--journey,0))*4),1);will-change:transform}
.studio-prologue .studio-materials i{display:block;flex:1;aspect-ratio:.72;border-radius:50% / 35%;background:#b7a281;box-shadow:inset 2px 1px 12px #fff1,0 14px 24px -18px #26282255;transform:translate(var(--swatch-x,0px),var(--swatch-y,0px)) rotate(calc(-8deg + var(--swatch-tilt,0deg)));transition:transform .7s cubic-bezier(.22,.8,.18,1)}
.studio-prologue .studio-materials i:nth-child(2){background:#5d664e;transform:translate(var(--swatch-x,0px),calc(var(--swatch-y,0px) - 24px)) rotate(var(--swatch-tilt,0deg))}
.studio-prologue .studio-materials i:nth-child(3){background:#4a4c48;transform:translate(var(--swatch-x,0px),var(--swatch-y,0px)) rotate(calc(8deg + var(--swatch-tilt,0deg)))}
.studio-scroll-cue{position:absolute;bottom:30px;left:0;display:flex;align-items:center;gap:14px;color:var(--ink)}
.studio-scroll-cue>span{display:inline-block;font-size:32px;animation:studio-cue 2.5s ease-in-out infinite}
.studio-scroll-cue small{font-size:13px}
@keyframes studio-cue{0%,100%{transform:translateY(-3px);opacity:.5}50%{transform:translateY(5px);opacity:1}}
main[data-route=estudio] .studio{padding-top:40px;scroll-margin-top:120px}
.studio-invitation{min-height:240px!important;display:flex!important;justify-content:center;text-align:center;padding:45px!important;border-radius:28px;background:#e9e8df}
.studio-invitation p{font-size:24px!important;margin-bottom:24px}
.studio-workspace{scroll-margin-top:120px}
/* Show comparison after a color choice, and keep the handle usable at both ends. */
.scene-stage.has-simulation:not(.is-original) .compare-handle{display:flex!important;background:#ffffff0d!important;color:#fff!important;backdrop-filter:blur(3px);border:1px solid #ffffffa0;box-shadow:0 2px 12px #0002}
.scene-stage.has-simulation.at-compare-edge .compare-handle{background:transparent!important;backdrop-filter:none;border-color:#ffffff50;box-shadow:none;opacity:.7}
.scene-stage.has-simulation .compare-handle:hover,.scene-stage.has-simulation .compare-handle:focus-visible{background:#ffffff24!important;opacity:1}
.scene-stage .compare-original{right:18px;left:auto}
.scene-stage.has-simulation:after{content:'Simulação';position:absolute;left:18px;top:18px;font-size:11px;color:white;text-shadow:0 1px 7px #000;pointer-events:none;opacity:.9}
.scene-stage.has-simulation.is-original:after{display:none}
.scene-stage.has-simulation .compare-divider{box-shadow:none;background:#ffffffe0}
.configurator .specialist-combination{background:#171b15!important;color:#c4a365!important;text-shadow:0 1px 4px #0006;border-radius:30px;border:0!important;transition:background .45s,color .45s,transform .45s,box-shadow .45s!important}
.configurator .specialist-combination:hover,.configurator .specialist-combination:focus-visible{background:#a84c40!important;color:#111!important;text-shadow:none;transform:translateY(-2px);box-shadow:0 8px 18px -12px #a84c4066}
/* Progress sits outside the dark conversation panel. */
.briefing-experience-card{position:relative;isolation:isolate;background:#171b16;color:#f8f5ec;border-radius:32px;padding:clamp(25px,4.5vw,58px);box-shadow:0 24px 60px -40px #171b1680;--ink:#f8f5ec;--muted:#babcae;--paper:#171b16;--accent:#c2ae84}
.whatsapp-flow .briefing-experience-card fieldset{padding:0!important;background:transparent!important;border:0!important}
.briefing-experience-card .lead-question,.briefing-experience-card label,.briefing-experience-card h2,.briefing-experience-card h3{color:#f8f5ec!important}
.briefing-experience-card .field-help,.briefing-experience-card [data-contact-help],.briefing-experience-card .form-status,.briefing-experience-card .lead-back{color:#c6c6b9!important}
.briefing-experience-card input:not([type=radio]):not([type=checkbox]),.briefing-experience-card select,.briefing-experience-card textarea{background:#c4b38e!important;color:#171b16!important;border:1px solid transparent!important;box-shadow:none!important;caret-color:#171b16;color-scheme:light}
.briefing-experience-card input::placeholder,.briefing-experience-card textarea::placeholder{color:#423f33!important;opacity:.86}
.briefing-experience-card select option{background:#c4b38e;color:#171b16}
.briefing-experience-card input:focus,.briefing-experience-card textarea:focus,.briefing-experience-card select:focus{outline:2px solid #dfcfaa!important;outline-offset:4px}
.briefing-experience-card .choice{background:#242b21!important;color:#f8f5ec!important;border:0!important;border-radius:20px}
.briefing-experience-card .choice span,.briefing-experience-card .choice strong{color:#f8f5ec!important}
.briefing-experience-card .choice small{color:#c0c2b3!important}
.briefing-experience-card .choice:has(input:checked){background:#c4b38e!important;color:#171b16!important}
.briefing-experience-card .choice:has(input:checked) span,.briefing-experience-card .choice:has(input:checked) strong,.briefing-experience-card .choice:has(input:checked) small{color:#171b16!important}
.briefing-experience-card .solid-button,.briefing-experience-card .whatsapp-submit{background:#c4b38e!important;color:#171b16!important;border:0!important}
.briefing-experience-card .solid-button:hover,.briefing-experience-card .whatsapp-submit:hover{background:#e5d3a9!important;transform:translateY(-2px)}
.briefing-experience-card .message-result{background:transparent!important;color:#f8f5ec!important}
.briefing-experience-card .invalid{outline:2px solid #df8875!important;outline-offset:3px}
.briefing-experience-card .lead-input-group:has(#cidade){position:relative;z-index:5}
.city-suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:8px;padding:6px;background:#e7ddc6;color:#171b16;border-radius:16px;box-shadow:0 14px 30px #0004;max-height:265px;overflow:auto}
.city-suggestions[hidden]{display:none}
.city-suggestions button{display:block;width:100%;text-align:left;padding:13px 14px;color:#171b16;border-radius:11px;font-size:15px}
.city-suggestions button:hover,.city-suggestions button[aria-selected=true]{background:#c4b38e}
.contact-channels{display:grid!important;grid-template-columns:35% 1fr!important;gap:7vw;align-items:start!important}
.contact-sticky{position:sticky;top:145px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:25px 0}
.contact-sticky button{font-size:clamp(18px,2vw,28px);letter-spacing:-.025em;color:#8b8d80;padding:10px 0;min-height:44px;text-align:left;transition:color .45s,transform .45s}
.contact-sticky button.active{color:#242b21;transform:translateX(8px)}
.contact-sticky button:hover{color:#ad8946}
.contact-chapters{min-width:0}
.contact-chapter{min-height:75svh;padding:55px 0 70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;scroll-margin-top:110px}
.contact-chapter h2{font-size:clamp(36px,4.2vw,64px);line-height:1.06;letter-spacing:-.045em}
.contact-chapter p{font-size:18px;line-height:1.55;max-width:420px;color:#727766}
.contact-chapter>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:24px}
.contact-qr-row{align-self:flex-end;width:min(230px,70%);padding:8px;background:white;border-radius:24px}
.contact-qr{width:100%;height:auto;display:block}
.contact-chapter .solid-button{background:#343d31;color:white;border-radius:30px;padding:16px 26px;line-height:1.3}
.contact-chapter .solid-button:hover{background:#d8ba7b;color:#171b16}
.contact-chapter iframe{width:100%;height:380px;border:0;border-radius:24px;pointer-events:none}
.contact-chapter iframe.interactive{pointer-events:auto}
.contact-chapter .map-activate{background:#e5e3d6;border-radius:24px;padding:12px 18px;min-height:44px}
.faq-scroll{align-items:start}
.faq-scroll>div:first-child{position:sticky;top:150px}
.faq-scroll details{min-height:42svh;padding:35px 0!important;display:block;border:0!important}
.faq-scroll details summary{font-size:clamp(20px,2.1vw,29px);line-height:1.3}
.faq-scroll details p{font-size:17px;line-height:1.65;animation:faq-answer .65s ease-out both}
@keyframes faq-answer{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:600px){
 .hero-bottom>p{text-align:right;max-width:240px;font-size:12px}
 .living-still .story-copy{padding:30px var(--gutter);gap:18px;max-width:100%;background:linear-gradient(90deg,#11170e65,transparent)}
 .manifesto .statement{font-size:48px}.manifesto .manifesto-bottom p{font-size:17px}
 .studio-prologue{height:180svh;min-height:1050px}.studio-prologue-sticky{top:85px;height:calc(100svh - 90px);min-height:510px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:25px 0 70px;gap:18px}
 .studio-prologue-copy{padding-top:15px;transform:translateY(calc(var(--journey,0)*-35px))}.studio-prologue-copy h1{font-size:48px}.studio-prologue-copy p{margin-top:20px;font-size:16px;max-width:300px}
 .studio-prologue .studio-materials{width:80%;max-width:280px;gap:16px}.studio-scroll-cue{bottom:16px;font-size:12px}
 .briefing-experience-card{padding:28px 20px;border-radius:24px}.city-suggestions{max-height:220px}
 .contact-channels{grid-template-columns:1fr!important;gap:18px;padding-top:0}.contact-sticky{top:90px;z-index:8;flex-direction:row;overflow:auto;padding:12px 0;gap:10px;background:#f6f5f1f0;backdrop-filter:blur(12px);scrollbar-width:none}
 .contact-sticky button{flex:none;white-space:nowrap;font-size:14px;padding:10px 14px;background:#eae9df;border-radius:25px}.contact-sticky button.active{transform:none;background:#343d31;color:#fff}
 .contact-chapter{min-height:70svh;padding:38px 0 55px}.contact-chapter h2{font-size:40px}.contact-chapter iframe{height:330px}.contact-qr-row{width:190px}.contact-chapter p{font-size:16px}
 .faq-scroll>div:first-child{position:static}.faq-scroll details{min-height:34svh}
}
@media(prefers-reduced-motion:reduce){.living-still .story-image:after,.studio-scroll-cue>span,.faq-scroll details p{animation:none}.studio-prologue{height:auto;min-height:0}.studio-prologue-sticky{position:relative;top:0}.studio-prologue-copy,.studio-prologue .studio-materials{transform:none;opacity:1}.studio-prologue .studio-materials i{transition:none}}

.scene-stage[data-comparison-percent="100"] .compare-original{opacity:0}
.scene-stage[data-comparison-percent="0"]:after{opacity:0}

/* R24 — one clear conversation surface, outlined choices and native selects. */
.briefing-experience-card{background:#f6f5f1;color:#22251f;border:1.5px solid #262822;box-shadow:none;--ink:#22251f;--muted:#626759;--paper:#f6f5f1;--accent:#9c7b41;color-scheme:light}
.briefing-experience-card .lead-question,.briefing-experience-card label,.briefing-experience-card h2,.briefing-experience-card h3{color:#22251f!important}
.briefing-experience-card .field-help,.briefing-experience-card [data-contact-help],.briefing-experience-card .form-status,.briefing-experience-card .lead-back,.briefing-experience-card .brief-summary,.briefing-experience-card .selection-in-brief{color:#626759!important}
.briefing-experience-card input:not([type=radio]):not([type=checkbox]),.briefing-experience-card select,.briefing-experience-card textarea{background:white!important;color:#22251f!important;border:1.5px solid #262822!important;box-shadow:none!important;caret-color:#22251f;color-scheme:light}
.briefing-experience-card input::placeholder,.briefing-experience-card textarea::placeholder{color:#777b71!important;opacity:1}
.briefing-experience-card select{appearance:auto!important;-webkit-appearance:menulist!important;background-image:none!important;padding-right:16px}
.briefing-experience-card select option{background:white;color:#22251f}
.briefing-experience-card input:focus,.briefing-experience-card textarea:focus,.briefing-experience-card select:focus{outline:2px solid #b7a071!important;outline-offset:4px}
.briefing-experience-card .choice{background:white!important;color:#22251f!important;border:1.5px solid #262822!important;border-radius:20px}
.briefing-experience-card .choice span,.briefing-experience-card .choice strong{color:#22251f!important}
.briefing-experience-card .choice small,.briefing-experience-card .choice b{color:#626759!important}
.briefing-experience-card .choice:has(input:checked){background:#171b16!important;color:white!important;border-color:#171b16!important}
.briefing-experience-card .choice:has(input:checked) span,.briefing-experience-card .choice:has(input:checked) strong,.briefing-experience-card .choice:has(input:checked) small,.briefing-experience-card .choice:has(input:checked) b{color:white!important}
.briefing-experience-card .choice:hover{box-shadow:inset 0 0 0 1px #b7a071;transform:translateY(-2px)}
.briefing-experience-card .solid-button,.briefing-experience-card .whatsapp-submit{background:#171b16!important;color:white!important;border:1.5px solid #171b16!important}
.briefing-experience-card .solid-button:hover,.briefing-experience-card .whatsapp-submit:hover{background:#d8ba7b!important;color:#171b16!important}
.briefing-experience-card .message-result{background:transparent!important;color:#22251f!important}
.briefing-experience-card .message-result p,.briefing-experience-card .result-objective{color:#626759!important}
.briefing-experience-card .invalid{outline:2px solid #b8493d!important;outline-offset:3px}
.briefing-flow-progress .briefing-track span{background:white;color:#262822;border:1px solid #262822}
.briefing-flow-progress .briefing-track span.current{background:#171b16;color:white}
.briefing-experience-card .city-suggestions{background:white;border:1px solid #262822;color:#22251f;box-shadow:0 10px 25px #0001}
.briefing-experience-card .city-suggestions button{color:#22251f}
.briefing-experience-card .city-suggestions button:hover,.briefing-experience-card .city-suggestions button[aria-selected=true]{background:#171b16;color:white}

/* R25 — choreography driven by section geometry; no sticky parent dependency. */
main[data-route=estudio] .studio-prologue{height:235vh;min-height:235vh;position:relative;overflow:clip;padding:0!important}
main[data-route=estudio] .studio-prologue-sticky{position:absolute;inset:0 0 auto;height:100vh;height:100dvh;min-height:0;display:block;padding:0;will-change:transform}
main[data-route=estudio] .studio-prologue-copy{position:absolute;top:clamp(125px,18vh,195px);left:var(--gutter);right:var(--gutter);padding:0;align-self:auto;opacity:1;will-change:transform,opacity}
main[data-route=estudio] .studio-prologue-copy h1{max-width:950px;font-size:clamp(48px,6.5vw,96px)}
main[data-route=estudio] .studio-prologue-copy p{max-width:390px;margin-top:38px}
main[data-route=estudio] .studio-prologue .studio-materials{position:absolute;right:var(--gutter);top:67%;translate:0 -50%;margin:0;width:35%;max-width:430px;opacity:1;will-change:transform,opacity;pointer-events:auto}
main[data-route=estudio] .studio-prologue .studio-materials i{width:auto;max-height:185px;aspect-ratio:.72;transition:transform .38s cubic-bezier(.18,.8,.22,1)}
main[data-route=estudio] .studio-scroll-cue{position:absolute;bottom:35px;left:var(--gutter);display:flex;flex-direction:column;align-items:center;gap:8px;transition:opacity .15s}
main[data-route=estudio] .studio-scroll-cue span{font-size:36px;line-height:1}
main[data-route=estudio] .studio-scroll-cue small{font-size:13px;transform:none;animation:none}
main[data-route=estudio] .studio{opacity:0;visibility:hidden;pointer-events:none;padding-top:140px;transition:opacity .6s ease}
main[data-route=estudio] .studio.studio-intro-complete{opacity:1;visibility:visible;pointer-events:auto}
/* Override the higher-specificity legacy field and summary backgrounds. */
.whatsapp-flow .briefing-experience-card .lead-fields textarea,.whatsapp-flow .briefing-experience-card .lead-fields textarea:focus{background:#fff!important;color:#22251f!important;border:1.5px solid #262822!important;box-shadow:none!important;transform:none;border-radius:20px!important}
.whatsapp-flow .briefing-experience-card .selection-in-brief{background:#fff!important;color:#22251f!important;border:1.5px solid #262822!important;border-radius:18px!important;padding:16px 18px!important;line-height:1.55}
@media(max-width:600px){
 main[data-route=estudio] .studio-prologue-copy{top:125px}.studio-prologue-copy p{margin-top:26px!important}
 main[data-route=estudio] .studio-prologue .studio-materials{width:74%;max-width:320px;right:13%;top:67%;gap:16px}
 main[data-route=estudio] .studio-prologue .studio-materials i{max-height:135px}
 main[data-route=estudio] .studio-scroll-cue{left:50%;translate:-50% 0;bottom:32px;white-space:nowrap}
 main[data-route=estudio] .studio{padding-top:115px}
}
@media(prefers-reduced-motion:reduce){main[data-route=estudio] .studio-scroll-cue span{animation:none}main[data-route=estudio] .studio-prologue .studio-materials i,main[data-route=estudio] .studio{transition:none}}

/* R26 — unclipped palette exit and direct access to the editor. */
main[data-route=estudio] .studio-prologue{overflow:visible;isolation:isolate;z-index:1}
main[data-route=estudio] .studio-prologue-sticky{pointer-events:none}
main[data-route=estudio] .studio-prologue-copy,main[data-route=estudio] .studio-scroll-cue{pointer-events:auto}
main[data-route=estudio] .studio{padding-top:clamp(28px,5vh,60px);scroll-margin-top:115px}
main[data-route=estudio] .studio-workspace{scroll-margin-top:115px}
main[data-route=estudio] .studio-scroll-cue{width:54px;height:64px;bottom:34px;border:0;background:transparent;box-shadow:none}
main[data-route=estudio] .studio-scroll-cue .studio-cue-orbit{display:block;width:38px;height:48px;animation:studio-cue-float 2.2s ease-in-out infinite;color:#8a6a35;filter:drop-shadow(0 0 4px #b79a5840)}
.studio-cue-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.studio-cue-drop{animation:studio-cue-drop 2.2s ease-in-out infinite}
main[data-route=estudio] .studio-scroll-cue:hover .studio-cue-orbit,main[data-route=estudio] .studio-scroll-cue:focus-visible .studio-cue-orbit{color:#b68b37;filter:drop-shadow(0 0 8px #b79a5880)}
@keyframes studio-cue-float{0%,100%{transform:translateY(-3px);filter:drop-shadow(0 0 3px #b79a5840)}50%{transform:translateY(5px);filter:drop-shadow(0 0 9px #b79a5880)}}
@keyframes studio-cue-drop{0%,100%{transform:translateY(-1px);opacity:.55}50%{transform:translateY(3px);opacity:1}}
.hero-visual .hero-outgoing{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:none!important;object-fit:cover}
@media(prefers-reduced-motion:reduce){main[data-route=estudio] .studio-scroll-cue .studio-cue-orbit,.studio-cue-drop{animation:none}}