/* Oficina digital: a construção é o ponto central, com superfícies de vidro. */
.nc-assembly{height:360svh;background:radial-gradient(ellipse at 72% 36%,#D1D5D280,transparent 58%),linear-gradient(135deg,#F4F1E8 15%,#E3E9E2 65%,#E9E6DA);border-top:1px solid #B6C6BF}
.nc-assembly-pin{grid-template-columns:.65fr 1.5fr;gap:1.5vw;padding:42px 3vw 70px 5vw;min-height:640px}
.nc-assembly-copy{max-width:400px}
.nc-assembly-copy>.nc-kicker{font-size:11px;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:.05em}
.nc-assembly-copy>.nc-kicker:before{content:'';width:8px;height:8px;border-radius:2px;background:var(--red-satin);box-shadow:0 0 0 5px #A7443510;flex:none}
.nc-assembly h2{font-size:clamp(48px,4.7vw,76px);line-height:.98;letter-spacing:-.065em}
.nc-assembly h2>span{font-size:.64em}
.nc-assembly h2 em{color:var(--blue)}
.nc-assembly-description{font-size:14px;line-height:1.8;max-width:340px;margin-top:24px}
.nc-stage-caption{min-height:120px;margin-top:24px;border-left:2px solid var(--red-satin);padding-left:16px}
.nc-stage-index{font-size:10px;color:var(--red-deep)}
.nc-stage-caption strong{font-family:var(--font-strong);font-size:21px;letter-spacing:-.025em}
.nc-stage-caption p{font-size:12px;line-height:1.8}
.nc-construction-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:22px;max-width:330px}
.nc-construction-steps button{background:#F4F1E866;border:1px solid #BACAC1;border-radius:8px;padding:10px 9px;display:flex;gap:9px;align-items:center;font-size:10px;text-align:left;min-height:40px}
.nc-construction-steps button>span{font-family:var(--font-mono);color:var(--blue);font-size:9px}
.nc-construction-steps button[aria-current=step]{background:var(--blue);border-color:var(--blue);color:var(--pearl);box-shadow:inset 0 1px 0 #FFFFFF40}
.nc-construction-steps button[aria-current=step]>span{color:var(--pearl)}
.nc-assembly-actions{margin-top:17px}
.nc-workspace{aspect-ratio:4/3;perspective:1800px;transform:perspective(1800px) rotateY(var(--stage-yaw,-7deg)) rotateX(var(--stage-pitch,3deg));transform-origin:50% 50%;overflow:visible}
.nc-workspace-grid{inset:-20%;background-size:42px 42px;opacity:.6}
.nc-window-surface{border-radius:26px;background:linear-gradient(135deg,#FFFFFFB0,#F4F1E8E6 38%,#D1D5D2C0);backdrop-filter:blur(12px);box-shadow:inset 0 2px 1px #FFFFFFCC,0 30px 70px #18364020,0 0 0 1px #9BB1AB}
.nc-assembly-target{border-color:#739C9A60;border-radius:26px}
.nc-browser-chrome{border-radius:15px 15px 6px 6px;background:linear-gradient(#FAFCF6,#C8D7CF);color:var(--ink)}
.nc-window-title{background:linear-gradient(135deg,#286B82,#21586B);border:1px solid #699AA7;border-radius:12px}
.nc-window-title h3{font-size:4cqw;font-weight:600}
.nc-window-title p{font-size:1.35cqw;margin-top:4%}
.nc-mini-button{margin-top:4%;font-size:1.1cqw;padding:2% 4%;border-radius:5px;background:linear-gradient(120deg,#A74435,#943B30);color:var(--pearl);box-shadow:inset 0 1px 0 #E7AA9370}
.nc-window-image{border-radius:12px;border:1px solid #A7BBB3}
.nc-mini-service{border-radius:12px;box-shadow:inset 0 1px 0 #FFFFFFCC,0 6px 12px #18364010}
.nc-mini-service>strong{font-size:2.05cqw}
.nc-mini-service>span{font-size:1.25cqw}
.nc-assembly-progress{font-size:9px;letter-spacing:.05em;bottom:24px}
.nc-progress-track{height:3px;border-radius:2px}
.nc-progress-track i{background:linear-gradient(90deg,var(--blue),var(--green),var(--red-satin))}
.nc-coordinate{font-size:1.05cqw;letter-spacing:.1em;color:#426C70}
.nc-workspace[data-phase="0"] .nc-browser-chrome,.nc-workspace[data-phase="1"] .nc-window-title,.nc-workspace[data-phase="2"] .nc-window-image,.nc-workspace[data-phase="3"] .nc-mini-service{outline:1px solid #B7804390;outline-offset:3px}
/* Bordas de vidro abaulado, sem gabinete, pés ou botões de televisão. */
.case-card{border:11px solid transparent;border-radius:12% / 8%;background:linear-gradient(#E8EBE4,#F4F1E8) padding-box,linear-gradient(120deg,#FFFFFFE6,#AFC5C0 17%,#E9F3EE 28%,#C1CCC8 60%,#FFFFFFE6 78%,#8DA7A4) border-box;box-shadow:inset 0 2px 3px #FFFFFFD9,0 18px 30px #18364020,0 0 0 1px #799D9B60;isolation:isolate}
.case-card:hover,.case-card.is-warping{border-color:transparent;border-radius:12% / 8%;box-shadow:inset 0 2px 3px #FFFFFF,0 23px 42px #1836402B,0 0 0 1px #8DA7A4A0}
.case-card-visual{inset:0;border-radius:10% / 7%;box-shadow:inset 0 0 20px #00000040}
.case-card::after{inset:0;border-radius:10% / 7%}
.case-card::before{inset:0;z-index:4;border-radius:10% / 7%;opacity:1;mix-blend-mode:normal;background:radial-gradient(ellipse at 25% 0%,#FFFFFF22,transparent 50%),linear-gradient(112deg,transparent 5%,#FFFFFF09 25%,transparent 27%,transparent 70%,#D5EEE316 95%);box-shadow:inset 0 1px 4px #FFFFFF90,inset 0 0 22px #18364050;pointer-events:none}
.nc-project-tabs{gap:5px;justify-content:flex-start}
.nc-project-tabs button{font-size:11px;padding:9px 11px}
.nc-project-display{aspect-ratio:1.12}
.nc-desktop-device{top:2%;height:69%;width:97%;border-radius:15px}
.nc-project-content>img{object-fit:contain;object-position:top center;background:#F4F1E8}
.nc-mobile-device{width:48%;height:37%;right:-1%;bottom:8%;border:4px solid #D1D5D2;border-radius:12px;background:#F4F1E8;box-shadow:inset 0 1px 0 #FFFFFF,0 20px 35px #1836402A}
.nc-phone-speaker{display:none}
.nc-mobile-device>img{padding:0;width:100%;height:100%;object-fit:cover;object-position:top center;background:#F4F1E8}
.nc-web-note{left:1%;bottom:3%;padding:15px 19px;background:linear-gradient(125deg,#F4F1E8,#D1D5D2);border-radius:8px}
.nc-web-note strong{font-size:22px}
@media(max-width:1150px){.nc-assembly-pin{grid-template-columns:.73fr 1.3fr;gap:1vw;padding-left:4vw;padding-right:2vw}.nc-assembly h2{font-size:51px}.nc-assembly-description{font-size:12px}.nc-stage-caption strong{font-size:18px}.nc-stage-caption p{font-size:11px}.nc-construction-steps{margin-top:15px}}
@media(max-width:960px){.nc-assembly-pin{grid-template-columns:.8fr 1.25fr;min-height:620px;top:72px;height:calc(100svh - 72px)}.nc-assembly h2{font-size:46px}.nc-stage-caption{min-height:116px}.nc-construction-steps button{font-size:9px;padding:8px}.nc-project-display{aspect-ratio:1.2}}
@media(max-width:650px){.nc-assembly{height:380svh}.nc-assembly-pin{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px 20px 47px;min-height:0;overflow:hidden}.nc-assembly-copy{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;max-width:none;width:100%}.nc-assembly-copy>.nc-kicker{grid-column:1/-1;font-size:8px;margin:0}.nc-assembly h2{font-size:38px;grid-column:1;grid-row:2}.nc-assembly-description{font-size:10px;margin:0;grid-column:2;grid-row:2;align-self:center;line-height:1.7}.nc-stage-caption{grid-column:1/-1;grid-row:3;min-height:74px;margin:0;padding-left:10px}.nc-stage-index{font-size:8px;margin-bottom:4px}.nc-stage-caption strong{font-size:16px}.nc-stage-caption p{font-size:10px;margin-top:5px}.nc-construction-steps{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;max-width:none}.nc-construction-steps button{font-size:8px;display:block;min-height:35px;padding:6px 5px}.nc-construction-steps button>span{font-size:7px;display:block}.nc-assembly-actions{grid-column:1/-1;grid-row:5;margin:0;justify-content:space-between}.nc-assembly-actions>.nc-text-link{font-size:9px;padding:4px 0}.nc-motion-toggle{font-size:8px}.nc-workspace{flex:none;width:100%;align-self:center}.nc-assembly-progress{font-size:6px;left:20px;right:20px;gap:12px;bottom:17px}.nc-mini-service>span{font-size:1.2cqw}.nc-project-tabs{flex-wrap:wrap;justify-content:flex-start;gap:4px}.nc-project-tabs button{font-size:10px;padding:9px}.nc-project-display{aspect-ratio:1.04}.nc-desktop-device{height:64%}.nc-mobile-device{width:53%;height:35%;bottom:6%;right:0}.nc-web-note{padding:11px 13px;bottom:1%}.nc-web-note strong{font-size:19px}}
@media(max-height:720px) and (min-width:651px){.nc-assembly-pin{min-height:0;padding-top:20px;padding-bottom:50px}.nc-assembly h2{font-size:45px}.nc-assembly-description{margin-top:15px;font-size:11px}.nc-stage-caption{margin-top:16px;min-height:100px}.nc-construction-steps{margin-top:10px}.nc-assembly-actions{margin-top:10px}}
@media(max-height:720px) and (max-width:650px){.nc-assembly-description{font-size:9px}.nc-assembly h2{font-size:31px}.nc-stage-caption{min-height:66px}.nc-stage-caption strong{font-size:14px}.nc-stage-caption p{font-size:9px}.nc-assembly-copy{gap:7px 12px}.nc-assembly-pin{padding-top:14px;gap:6px}.nc-construction-steps button{min-height:29px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.nc-assembly{height:auto}.nc-assembly-pin{height:auto;min-height:0;position:relative;top:auto;padding-block:55px;overflow:visible}.nc-workspace{transform:none!important;max-width:100%!important}.nc-construction-steps{display:none}.nc-stage-caption{min-height:0}.nc-stage-caption p{font-size:13px}.nc-assembly-progress{display:none}}
html.nc-motion-off .nc-workspace{transform:none!important;max-width:100%!important}
html.nc-motion-off .nc-construction-steps{display:none}
@media(max-height:480px){.nc-assembly{height:auto}.nc-assembly-pin{height:auto;min-height:0;position:relative;top:auto;padding-block:40px;overflow:visible}.nc-construction-steps{display:none}.nc-workspace{transform:none!important;max-width:100%!important}.nc-assembly-progress{display:none}}

/* A área de montagem não interfere nos controles do briefing. */
.nc-workspace{clip-path:inset(-6% -5% -10% -2%)}
.nc-desktop-device{height:auto;aspect-ratio:2.05}
.nc-project-showcase[data-selected=compo] .nc-desktop-device,.nc-project-showcase[data-selected=robin] .nc-desktop-device{aspect-ratio:1.39}
@media(max-width:650px){.nc-desktop-device{height:auto}.nc-workspace{clip-path:inset(-2% -3% -6% -3%)}}
@media(prefers-reduced-motion:reduce){.nc-workspace{clip-path:none}}
html.nc-motion-off .nc-workspace{clip-path:none}
/* A segunda janela só aparece quando traz outra tela real do mesmo projeto. */
.nc-project-showcase:not([data-selected=compo]) .nc-mobile-device{display:none}