:root{--maquete-deep:#10271a;--maquete-green:#0c6b36;--maquete-lime:#0ced0c;--maquete-gold:#ffa100;--maquete-cream:#f6f0e4;--maquete-line:#c9c9b9}
.maquete-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:clamp(32px,7vw,110px);padding-block:clamp(44px,7vw,96px) 48px;border-bottom:1px solid var(--line)}
.maquete-intro h1{max-width:13ch;font-size:clamp(3rem,6.2vw,6.8rem);line-height:.91;letter-spacing:-.055em}.maquete-intro .lead{font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.62}.maquete-caveat{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.maquete-experience{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:22px;padding-block:34px 72px}.maquete-stage-column,.maquete-inspector{border:1px solid var(--line);background:#fbf8f0}.maquete-stage-head{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.maquete-stage-head h2{font-size:clamp(1.45rem,2vw,2.25rem);margin-top:4px}.maquete-mode{font:700 .68rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--maquete-green);border:1px solid currentColor;padding:8px 10px}
.maquete-stage{position:relative;display:grid;place-items:center;aspect-ratio:16/9;min-height:360px;overflow:hidden;background:#d9d6cc}.maquete-reference,.maquete-canvas{position:absolute;inset:0;margin:0}.maquete-reference img{width:100%;height:100%;object-fit:cover;display:block}.maquete-reference figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 12px;color:white;background:rgba(16,39,26,.82);font-size:.72rem;line-height:1.35;backdrop-filter:blur(10px)}.maquete-canvas canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.maquete-canvas canvas:active{cursor:grabbing}.maquete-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;color:white;background:rgba(16,39,26,.9);z-index:3}.maquete-loading[hidden]{display:none}.maquete-loading span{width:34px;height:34px;border:3px solid rgba(255,255,255,.28);border-top-color:var(--maquete-gold);border-radius:50%;margin:0 auto;animation:maquete-spin .8s linear 2}.maquete-loading small{color:#d8e2d9}
.maquete-launch-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;padding:15px 18px;border-top:1px solid var(--line)}.maquete-launch{min-height:46px}.maquete-reference-link{font-weight:700;font-size:.8rem}.maquete-status{text-align:right;color:var(--muted);font-size:.76rem}.maquete-controls{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line)}.maquete-controls[hidden]{display:none}.maquete-controls>div{display:flex;gap:8px;flex-wrap:wrap}.maquete-controls button{min-width:44px;min-height:44px;border:1px solid var(--line);background:white;color:var(--ink);display:grid;place-items:center}.maquete-controls svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}.maquete-reset{padding-inline:16px!important;font-weight:700}.maquete-instructions{padding:0 18px 16px;color:var(--muted);font-size:.78rem}
.maquete-inspector{padding:24px;align-self:start;position:sticky;top:150px}.maquete-inspector h2{font-size:2rem;margin:7px 0 20px}.maquete-selection{padding:18px;background:var(--maquete-deep);color:white;border-left:4px solid var(--maquete-gold);min-height:168px}.maquete-selection span{font:700 .68rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#ffd56c}.maquete-selection h3{font-size:1.35rem;line-height:1.1;margin:12px 0 10px}.maquete-selection p{color:#d7e1d8;font-size:.86rem}.maquete-selection a{display:inline-block;color:#fff;margin-top:12px}.maquete-clear{margin:12px 0 18px;min-height:44px;width:100%;border:1px solid var(--line);background:transparent;font-weight:700}.maquete-clear:disabled{opacity:.45}.maquete-sector-nav{display:grid;max-height:300px;overflow:auto;border-top:1px solid var(--line)}.maquete-sector-nav a{display:grid;grid-template-columns:30px 1fr;gap:7px;padding:11px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:.83rem}.maquete-sector-nav span{font-size:.68rem;color:var(--maquete-green);font-weight:800}
.maquete-sectors{padding-bottom:78px}.maquete-sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.maquete-sector{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.maquete-sector>button{width:100%;min-height:44px;display:grid;grid-template-columns:36px 1fr;text-align:left;align-items:start;gap:8px;border:0;background:none;padding:7px 0;color:var(--ink);cursor:pointer}.maquete-sector>button span{color:var(--maquete-green);font:800 .72rem/1 var(--sans);letter-spacing:.08em;margin-top:4px}.maquete-sector>button strong{font:600 1.35rem/1.05 var(--serif)}.maquete-sector>p{margin:12px 0 0 44px;color:var(--muted);font-size:.9rem}.maquete-sector-static{margin:14px 0 0 44px;padding-top:14px;border-top:1px solid var(--line);font-size:.82rem}.maquete-sector-static a{display:inline-block;margin-top:10px;font-weight:700}.maquete-sector.is-selected{background:#fff8dc;box-shadow:inset 4px 0 var(--maquete-gold)}
.maquete-closing{background:var(--maquete-deep);color:white;padding-block:clamp(50px,7vw,90px)}.maquete-closing .wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.maquete-closing h2{font-size:clamp(3rem,6vw,6rem);line-height:.92;grid-row:2}.maquete-closing p:not(.eyebrow){max-width:50ch;color:#d2ded3;grid-column:2}.maquete-closing .button{justify-self:start;grid-column:2}.maquete-closing .eyebrow{color:#ffd24e}
[data-maquete-state="ready"] .maquete-reference{visibility:hidden}[data-maquete-state="ready"] .maquete-canvas{display:block!important}[data-maquete-state="error"] .maquete-reference{visibility:visible}
@keyframes maquete-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.maquete-intro{grid-template-columns:1fr;gap:22px;padding-block:36px}.maquete-experience{grid-template-columns:1fr}.maquete-inspector{position:static}.maquete-stage{min-height:0}.maquete-sector-grid{grid-template-columns:1fr}.maquete-closing .wrap{grid-template-columns:1fr}.maquete-closing h2,.maquete-closing p:not(.eyebrow),.maquete-closing .button{grid-column:1}.maquete-closing h2{grid-row:auto}.maquete-launch-row{grid-template-columns:1fr auto}.maquete-status{grid-column:1/-1;text-align:left}}
@media(max-width:520px){.maquete-intro h1{font-size:3.15rem}.maquete-experience{width:100%}.maquete-stage-column,.maquete-inspector{border-left:0;border-right:0}.maquete-stage-head{align-items:flex-start}.maquete-mode{display:none}.maquete-stage{aspect-ratio:4/3}.maquete-launch-row{grid-template-columns:1fr}.maquete-reference-link{justify-self:start}.maquete-controls{align-items:stretch;flex-direction:column}.maquete-reset{width:100%}.maquete-sector-grid{border-left:0}.maquete-sector{border-right:0}.maquete-instructions{padding-bottom:82px}}
@media(prefers-reduced-motion:reduce){.maquete-loading span{animation:none}.maquete-controls button,.maquete-launch{transition:none!important}}
.maquete-card{position:absolute;z-index:2;top:14px;right:14px;width:min(38%,360px);max-height:calc(100% - 28px);overflow:auto;padding:20px;background:rgba(251,248,240,.97);border:1px solid rgba(18,43,27,.22);box-shadow:0 18px 42px rgba(18,43,27,.2);opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity 320ms cubic-bezier(.34,1.2,.64,1),transform 320ms cubic-bezier(.34,1.2,.64,1)}.maquete-card[data-open="true"]{opacity:1;transform:translateX(0);pointer-events:auto}.maquete-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.maquete-card-head span,.maquete-card-fields dt{font:800 .66rem/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--maquete-green)}.maquete-card-head h3{font-size:1.45rem;line-height:1.05;margin-top:6px}.maquete-card-close{min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.maquete-card-fields{display:grid;gap:0}.maquete-card-fields>div{padding:14px 0;border-bottom:1px solid var(--line)}.maquete-card-fields>div:last-child{border-bottom:0}.maquete-card-fields dd{margin:7px 0 0;color:var(--muted);font-size:.82rem;line-height:1.48}
@media(max-width:900px){.maquete-card{top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:min(45dvh,45%);transform:translateY(12px)}.maquete-card[data-open="true"]{transform:translateY(0)}}
@media(max-width:520px){.maquete-card{bottom:8px;right:8px;left:8px;padding:16px}.maquete-card-head h3{font-size:1.2rem}.maquete-card-fields dd{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.maquete-card{transition-duration:0ms!important;transform:none!important}}
body.maquete-presentation-lock{overflow:hidden;overscroll-behavior:none}
.maquete-control-primary{justify-content:flex-end}.maquete-controls .maquete-present{display:inline-flex;grid-auto-flow:column;gap:9px;width:auto;padding:0 15px;background:var(--maquete-deep);color:#fff;border-color:var(--maquete-deep);font-weight:800}.maquete-controls .maquete-present[aria-pressed="true"]{background:var(--maquete-gold);border-color:var(--maquete-gold);color:#10271a}.maquete-controls .maquete-present span{white-space:nowrap}
.maquete-experience.is-presenting,.maquete-experience:fullscreen{position:fixed;inset:0;z-index:1000;width:100%;max-width:none;height:100dvh;min-height:100vh;margin:0;padding:0;gap:0;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);background:var(--maquete-cream);overflow:hidden}.maquete-experience.is-presenting .maquete-stage-column,.maquete-experience:fullscreen .maquete-stage-column{height:100dvh;min-width:0;border:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto}.maquete-experience.is-presenting .maquete-stage,.maquete-experience:fullscreen .maquete-stage{aspect-ratio:auto;min-height:0}.maquete-experience.is-presenting .maquete-stage-head,.maquete-experience.is-presenting .maquete-launch-row,.maquete-experience.is-presenting .maquete-controls,.maquete-experience.is-presenting .maquete-instructions,.maquete-experience:fullscreen .maquete-stage-head,.maquete-experience:fullscreen .maquete-launch-row,.maquete-experience:fullscreen .maquete-controls,.maquete-experience:fullscreen .maquete-instructions{background:#fbf8f0}.maquete-experience.is-presenting .maquete-controls,.maquete-experience:fullscreen .maquete-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.maquete-experience.is-presenting .maquete-controls>div:first-child,.maquete-experience:fullscreen .maquete-controls>div:first-child{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}.maquete-experience.is-presenting .maquete-inspector,.maquete-experience:fullscreen .maquete-inspector{position:static;top:auto;height:100dvh;min-height:0;margin:0;padding:24px;overflow:auto;border-block:0;border-right:0;align-self:stretch}.maquete-experience.is-presenting .maquete-sector-nav,.maquete-experience:fullscreen .maquete-sector-nav{max-height:none}
@media(max-width:900px){.maquete-experience.is-presenting,.maquete-experience:fullscreen{grid-template-columns:1fr;grid-template-rows:minmax(0,68dvh) minmax(0,32dvh)}.maquete-experience.is-presenting .maquete-stage-column,.maquete-experience:fullscreen .maquete-stage-column{height:auto;min-height:0}.maquete-experience.is-presenting .maquete-inspector,.maquete-experience:fullscreen .maquete-inspector{height:auto;padding:14px 16px;overflow:auto;border-top:1px solid var(--line)}.maquete-experience.is-presenting .maquete-inspector>h2,.maquete-experience:fullscreen .maquete-inspector>h2{font-size:1.35rem;margin:3px 0 10px}.maquete-experience.is-presenting .maquete-selection,.maquete-experience:fullscreen .maquete-selection{min-height:0;padding:12px}.maquete-experience.is-presenting .maquete-selection p,.maquete-experience:fullscreen .maquete-selection p{display:none}.maquete-experience.is-presenting .maquete-clear,.maquete-experience:fullscreen .maquete-clear{margin:8px 0}.maquete-experience.is-presenting .maquete-controls,.maquete-experience:fullscreen .maquete-controls{flex-direction:row;grid-template-columns:minmax(0,1fr) auto;padding:8px}.maquete-experience.is-presenting .maquete-reset,.maquete-experience:fullscreen .maquete-reset{width:auto}.maquete-experience.is-presenting .maquete-instructions,.maquete-experience:fullscreen .maquete-instructions{display:none}.maquete-experience.is-presenting .maquete-stage-head,.maquete-experience:fullscreen .maquete-stage-head{min-height:64px;padding:10px 14px}.maquete-experience.is-presenting .maquete-stage-head h2,.maquete-experience:fullscreen .maquete-stage-head h2{font-size:1.25rem}.maquete-experience.is-presenting .maquete-launch-row,.maquete-experience:fullscreen .maquete-launch-row{display:none}}
@media(max-width:520px){.maquete-experience.is-presenting .maquete-controls,.maquete-experience:fullscreen .maquete-controls{grid-template-columns:1fr;gap:7px}.maquete-experience.is-presenting .maquete-controls>div:first-child,.maquete-experience:fullscreen .maquete-controls>div:first-child{justify-content:space-between}.maquete-experience.is-presenting .maquete-control-primary,.maquete-experience:fullscreen .maquete-control-primary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.maquete-experience.is-presenting .maquete-controls .maquete-reset,.maquete-experience:fullscreen .maquete-controls .maquete-reset,.maquete-experience.is-presenting .maquete-controls .maquete-present,.maquete-experience:fullscreen .maquete-controls .maquete-present{display:inline-grid;width:100%;padding-inline:10px}.maquete-experience.is-presenting .maquete-controls .maquete-present,.maquete-experience:fullscreen .maquete-controls .maquete-present{justify-content:center}.maquete-experience.is-presenting .maquete-controls .maquete-present span,.maquete-experience:fullscreen .maquete-controls .maquete-present span{font-size:.7rem}.maquete-experience.is-presenting .maquete-card,.maquete-experience:fullscreen .maquete-card{max-height:48%}}
@media(prefers-reduced-motion:reduce){.maquete-experience.is-presenting,.maquete-experience:fullscreen{scroll-behavior:auto}}