#hive-projeto{padding:64px max(32px,calc((100vw - 1440px)/2)) 48px;background:#fff;color:#111216}#hive-projeto *{box-sizing:border-box}#hive-projeto .project-intro{margin-bottom:28px}#hive-projeto .project-kicker{font:14px 'Bebas Neue',sans-serif;letter-spacing:1px;color:#143cff}#hive-projeto h2{font:700 clamp(38px,4.4vw,64px)/1.05 Gilroy,Arial;letter-spacing:-2px;margin:14px 0}#hive-projeto .project-intro>p{font-size:17px;font-weight:700;line-height:1.5;color:#454953;margin:0}.project-endpoints{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.project-endpoints article{display:flex;gap:20px;padding:24px;border:1px solid #fff;border-radius:18px;background:#ffffff68;backdrop-filter:blur(16px);box-shadow:0 8px 24px -20px #11121640}.endpoint-letter{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:#143cff;color:white;font:700 24px Gilroy,Arial}.project-endpoints h3{font:700 20px Gilroy,Arial;margin:0 0 10px}.project-endpoints p{font:700 16px/1.5 Gilroy,Arial;margin:0;color:#454953;max-width:550px}.project-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px}.project-workspace.is-open{grid-template-columns:minmax(0,1fr) 380px}#project-board{display:block;width:100%;height:414px;border:0;background:#f4f4f2}.project-detail{position:relative;padding:24px;border:1px solid #fff;border-radius:20px;background:rgba(231,232,235,.76);backdrop-filter:blur(20px);box-shadow:0 14px 35px -24px #11121655}.project-detail[hidden]{display:none}.phase-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:transparent;font-size:28px;color:#585c65;cursor:pointer}.phase-content{max-height:440px;overflow:auto;padding-right:4px;scrollbar-width:thin}.phase-content h3{font:700 26px/1.12 Gilroy,Arial;letter-spacing:-.5px;margin:15px 0 8px;padding-right:12px}.phase-subtitle{font:700 15px/1.4 Gilroy,Arial;color:#585c65;margin:0 0 20px}.phase-content h4{font:14px 'Bebas Neue',sans-serif;letter-spacing:.8px;color:#143cff;margin:0 0 8px}.phase-activities{list-style:none;margin:0;padding:0}.phase-activities li{font:700 15px/1.45 Gilroy,Arial;padding:10px 0 10px 18px;border-bottom:1px solid #11121612;position:relative}.phase-activities li:before{content:'+';position:absolute;left:0;color:#143cff}.phase-result{font:15px/1.5 Gilroy,Arial;margin-top:16px;padding-left:12px;border-left:2px solid #143cff}.phase-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font:14px 'Bebas Neue',sans-serif;color:#585c65}.phase-navigation button{width:42px;height:42px;border-radius:50%;background:#143cff;color:#fff;border:0;cursor:pointer;font-size:22px}.phase-navigation button:disabled{opacity:.3}.project-detail button:focus-visible{outline:3px solid #143cff;outline-offset:3px}@media(max-width:1000px){.project-workspace.is-open{grid-template-columns:minmax(0,1fr)}.project-detail{position:fixed;z-index:1000;left:16px;right:16px;bottom:16px;max-height:75svh;background:rgba(244,244,242,.96)}.phase-content{max-height:calc(75svh - 120px)}}@media(max-width:700px){#hive-projeto{padding:40px 18px 24px}.project-endpoints{gap:12px}.project-endpoints article{display:block;padding:16px 12px;border-radius:14px}.endpoint-letter{width:32px;height:32px;font-size:19px;margin-bottom:12px}.project-endpoints h3{font-size:17px}.project-endpoints p{font-size:13px;line-height:1.45}#hive-projeto .project-intro>p{font-size:15px}#hive-projeto h2{font-size:38px}.project-detail{padding:22px 20px}.phase-content h3{font-size:25px}}
/* O painel ocupa espaço progressivamente; a câmera mantém a escala. */
@media(min-width:1001px){.project-workspace{grid-template-columns:minmax(0,1fr) 0;column-gap:0;transition:grid-template-columns .4s ease,column-gap .4s ease}.project-workspace.is-open{grid-template-columns:minmax(0,1fr) 380px;column-gap:28px}}
@media(prefers-reduced-motion:reduce){.project-workspace{transition:none}}
#hive-projeto .project-purpose{max-width:780px;margin-top:20px}#hive-projeto .project-purpose strong{display:block;font:700 22px/1.35 Gilroy,Arial;color:#111216}#hive-projeto .project-purpose span{display:block;margin-top:8px;font:400 18px/1.5 Gilroy,Arial;color:#454953}#hive-projeto .project-interaction{font:700 14px/1.4 Gilroy,Arial;color:#585c65;margin:0 0 12px}@media(max-width:700px){#hive-projeto .project-purpose strong{font-size:20px}#hive-projeto .project-purpose span{font-size:16px}}
@media(max-width:700px){.project-endpoints{grid-template-columns:repeat(2,minmax(0,1fr))}.project-endpoints article,.project-workspace,#project-board{min-width:0;max-width:100%}.project-endpoints p{overflow-wrap:anywhere}}
@media(max-width:360px){.project-endpoints{grid-template-columns:minmax(0,1fr)}.project-endpoints article{display:flex;gap:12px}.endpoint-letter{flex:0 0 32px}}
/* Mobile: uma vista por vez, integrada ao fluxo, sem sobreposição. */
@media(max-width:1000px){.project-workspace{position:relative;scroll-margin-top:16px}.project-workspace.is-open{display:block}.project-workspace.is-open #project-board{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}.project-workspace .project-detail{position:relative;inset:auto;max-height:none;width:100%;padding-top:18px;background:#f4f4f2}.project-detail .phase-close{position:relative;top:auto;right:auto;display:block;width:auto;height:44px;padding:0 8px;margin:0 0 16px;font:700 15px Gilroy,Arial;color:#143cff}.project-detail .phase-content{max-height:none;overflow:visible}.project-detail .phase-navigation{padding-top:12px;border-top:1px solid #11121618}}
/* Mobile: percurso editorial, leitura por scroll e detalhes na própria etapa. */
.project-mobile-steps{display:none}
@media(max-width:700px){
#hive-projeto .project-workspace,#hive-projeto .project-interaction{display:none!important}
.project-mobile-steps{display:block;list-style:none;padding:0;margin:26px 0 0}
.project-mobile-steps>li{border-top:1px solid #1112161c}
.project-mobile-steps>li:last-child{border-bottom:1px solid #1112161c}
.project-mobile-steps summary{display:flex;align-items:flex-start;gap:14px;padding:22px 0;cursor:pointer;list-style:none}
.project-mobile-steps summary::-webkit-details-marker{display:none}
.project-mobile-steps summary:after{content:'+';font:400 24px/1 Gilroy,Arial;color:#143cff;margin-left:auto;flex:0 0 18px}
.project-mobile-steps details[open] summary:after{content:'−'}
.mobile-step-number{font:18px 'Bebas Neue',sans-serif;color:#143cff;flex:0 0 24px;padding-top:2px}
.project-mobile-steps summary h3{font:700 20px/1.2 Gilroy,Arial;margin:0;letter-spacing:-.3px}
.project-mobile-steps summary p{font:400 15px/1.4 Gilroy,Arial;margin:7px 0 0;color:#585c65}
.project-mobile-steps details>ul{list-style:disc;margin:0 0 22px 38px;padding-left:16px}
.project-mobile-steps details>ul li{font:400 16px/1.5 Gilroy,Arial;margin:0 0 12px;color:#30333b}
.project-mobile-steps details>ul li::marker{color:#143cff}
.project-mobile-steps summary:focus-visible{outline:2px solid #143cff;outline-offset:3px}
#hive-projeto .project-purpose strong{font-size:19px}#hive-projeto .project-purpose span{font-size:15px}
.project-endpoints{grid-template-columns:1fr;gap:10px;margin-bottom:8px}
.project-endpoints article{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:12px;box-shadow:none}
.project-endpoints h3{font-size:16px;margin-bottom:6px}.project-endpoints p{font:400 15px/1.45 Gilroy,Arial}.endpoint-letter{flex:0 0 28px;width:28px;height:28px;font-size:16px;margin:0}
}

/* Papel branco contínuo, inclusive sob o tabuleiro transparente. */
#hive-projeto{position:relative;isolation:isolate;background:#fff}
#hive-projeto:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("service-assets/project-paper.svg");opacity:1;mix-blend-mode:multiply}
#hive-projeto #project-board{background:transparent}

/* Papel contínuo até o recorte, sem faixa de fundo entre as seções. */
body #hive-paper{margin-top:0}