.sig-wrap{border-radius:var(--radius-surface,1.25rem);background:radial-gradient(ellipse at 30% 40%, color-mix(in oklab, var(--deep) 45%, var(--navy)), var(--navy) 75%);grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,5vw,3.5rem);display:grid}.sig-visual{width:100%;position:relative}.sig-stage{aspect-ratio:4/3;width:100%;position:relative}.sig-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sig-zone{border:1px solid color-mix(in oklab, var(--aqua) 40%, transparent);background:color-mix(in oklab, var(--navy) 85%, transparent);color:var(--on-dark);cursor:pointer;white-space:nowrap;font:600 .72rem var(--font-body);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem .45rem .45rem;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.sig-zone-dot{background:var(--aqua);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem}.sig-zone[data-active=true]{background:var(--teal);border-color:var(--aqua);box-shadow:0 0 24px -4px color-mix(in oklab, var(--aqua) 70%, transparent);transform:translate(-50%,-50%)scale(1.06)}.sig-zone[data-active=true] .sig-zone-dot{background:var(--on-dark)}.sig-zone:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.sig-detail{border:1px solid color-mix(in oklab, var(--aqua) 35%, transparent);background:color-mix(in oklab, var(--aqua) 8%, transparent);min-height:9rem;color:var(--on-dark);border-radius:1rem;padding:1.25rem 1.4rem}.sig-detail-kicker{font:600 .65rem var(--font-data);letter-spacing:.16em;text-transform:uppercase;color:var(--aqua);display:block}.sig-detail strong{font:700 1.2rem var(--font-display);margin-top:.6rem;display:block}.sig-detail p{color:var(--on-dark-soft);margin-top:.5rem}.sig-hotel-floor{fill:color-mix(in oklab, var(--deep) 60%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 30%, transparent);transition:fill .3s,stroke .3s}.sig-hotel-floor[data-active=true]{fill:color-mix(in oklab, var(--teal) 35%, var(--navy));stroke:var(--aqua)}.sig-hotel-mast{stroke:color-mix(in oklab, var(--aqua) 50%, transparent)}.sig-hotel-light{fill:var(--aqua)}.sig-hotel-window{fill:color-mix(in oklab, var(--aqua) 18%, transparent);stroke:color-mix(in oklab, var(--aqua) 35%, transparent)}.sig-hotel-window[data-active=true]{fill:var(--aqua);animation:2.6s ease-in-out infinite sig-pulse-fade}.sig-hotel-stove{stroke:var(--aqua);fill:none}.sig-hotel-ground{stroke:color-mix(in oklab, var(--aqua) 40%, transparent)}.sig-kitchen-line{stroke:color-mix(in oklab, var(--aqua) 25%, transparent);stroke-width:3px}.sig-kitchen-flow{stroke:var(--aqua);stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 210;animation:3s linear infinite sig-dash}.sig-kitchen-station{fill:color-mix(in oklab, var(--deep) 55%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 35%, transparent);transition:fill .3s,stroke .3s}.sig-kitchen-station[data-active=true]{fill:color-mix(in oklab, var(--teal) 40%, var(--navy));stroke:var(--aqua)}.sig-kitchen-node{fill:var(--aqua)}.sig-kitchen-node[data-active=true]{filter:drop-shadow(0 0 6px var(--aqua))}.sig-kitchen-extract,.sig-kitchen-hood{stroke:color-mix(in oklab, var(--aqua) 40%, transparent);fill:none}.sig-pool{fill:color-mix(in oklab, var(--deep) 55%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 35%, transparent);transition:stroke .3s,fill .3s}.sig-pool[data-active=true]{fill:color-mix(in oklab, var(--teal) 30%, var(--navy));stroke:var(--aqua)}.sig-pool-inner{fill:none;stroke:color-mix(in oklab, var(--aqua) 25%, transparent);stroke-dasharray:3 7}.sig-mast{stroke:color-mix(in oklab, var(--aqua) 35%, transparent);fill:none;transition:stroke .3s}.sig-mast[data-active=true]{stroke:var(--aqua)}.sig-mast-light{fill:color-mix(in oklab, var(--aqua) 50%, transparent);transition:fill .3s}.sig-mast-light[data-active=true]{fill:var(--aqua);filter:drop-shadow(0 0 8px var(--aqua))}.sig-office-outline{fill:none;stroke:color-mix(in oklab, var(--aqua) 25%, transparent)}.sig-office-grid{stroke:color-mix(in oklab, var(--aqua) 15%, transparent)}.sig-office-zone{fill:color-mix(in oklab, var(--deep) 55%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 30%, transparent);transition:fill .3s,stroke .3s}.sig-office-zone[data-active=true]{fill:color-mix(in oklab, var(--teal) 35%, var(--navy));stroke:var(--aqua)}.sig-retail-canopy,.sig-retail-canopy-line,.sig-retail-ground{stroke:color-mix(in oklab, var(--aqua) 35%, transparent);fill:none}.sig-retail-unit{fill:color-mix(in oklab, var(--deep) 55%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 30%, transparent);transition:fill .3s,stroke .3s}.sig-retail-unit[data-active=true]{fill:color-mix(in oklab, var(--teal) 35%, var(--navy));stroke:var(--aqua)}.sig-retail-door{fill:color-mix(in oklab, var(--navy) 90%, transparent);stroke:color-mix(in oklab, var(--aqua) 25%, transparent)}.sig-retail-sign{fill:color-mix(in oklab, var(--aqua) 15%, transparent);transition:fill .3s}.sig-retail-sign[data-active=true]{fill:var(--aqua)}.sig-industrial-roof,.sig-industrial-wall,.sig-industrial-stack{fill:color-mix(in oklab, var(--deep) 55%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 30%, transparent)}.sig-industrial-gauge,.sig-industrial-clock{fill:none;stroke:color-mix(in oklab, var(--aqua) 35%, transparent);transition:stroke .3s}.sig-industrial-gauge[data-active=true],.sig-industrial-clock[data-active=true]{stroke:var(--aqua);filter:drop-shadow(0 0 6px var(--aqua))}.sig-industrial-needle,.sig-industrial-clock-hand{stroke:color-mix(in oklab, var(--aqua) 50%, transparent);transition:stroke .3s}.sig-industrial-needle[data-active=true],.sig-industrial-clock-hand[data-active=true]{stroke:var(--aqua)}.sig-industrial-coil{fill:none;stroke:color-mix(in oklab, var(--aqua) 35%, transparent);transition:stroke .3s}.sig-industrial-coil[data-active=true]{stroke:var(--aqua);filter:drop-shadow(0 0 6px var(--aqua))}.sig-public-pediment,.sig-public-line{stroke:color-mix(in oklab, var(--aqua) 35%, transparent);fill:none}.sig-public-base{fill:color-mix(in oklab, var(--deep) 55%, var(--navy))}.sig-public-column{fill:color-mix(in oklab, var(--deep) 55%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 30%, transparent);transition:fill .3s,stroke .3s}.sig-public-column[data-active=true]{fill:color-mix(in oklab, var(--teal) 35%, var(--navy));stroke:var(--aqua)}.sig-care-roof,.sig-care-walls{fill:none;stroke:color-mix(in oklab, var(--aqua) 30%, transparent)}.sig-care-pulse{fill:none;stroke:color-mix(in oklab, var(--aqua) 25%, transparent);stroke-width:2px}.sig-care-pulse-flow{fill:none;stroke:var(--aqua);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:16 220;animation:3.4s linear infinite sig-dash}.sig-care-node{fill:color-mix(in oklab, var(--aqua) 50%, transparent);transition:fill .3s}.sig-care-node[data-active=true]{fill:var(--aqua);filter:drop-shadow(0 0 6px var(--aqua))}.sig-charity-ground{stroke:color-mix(in oklab, var(--aqua) 35%, transparent)}.sig-charity-building{fill:color-mix(in oklab, var(--deep) 55%, var(--navy));stroke:color-mix(in oklab, var(--aqua) 30%, transparent);transition:fill .3s,stroke .3s}.sig-charity-building[data-active=true]{fill:color-mix(in oklab, var(--teal) 35%, var(--navy));stroke:var(--aqua)}.sig-charity-link{stroke:color-mix(in oklab, var(--aqua) 20%, transparent);stroke-dasharray:2 5;transition:stroke .3s}.sig-charity-link[data-active=true]{stroke:var(--aqua)}.sig-charity-hub{fill:color-mix(in oklab, var(--teal) 55%, var(--navy));stroke:var(--aqua)}@keyframes sig-dash{0%{stroke-dashoffset:220px}to{stroke-dashoffset:0}}@keyframes sig-pulse-fade{0%,to{opacity:.55}50%{opacity:1}}.sig-constellation{background:radial-gradient(ellipse at 70% 50%, color-mix(in oklab, var(--deep) 45%, var(--navy)), var(--navy) 70%);grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(2.5rem,6vw,4.5rem) max(1.25rem,50vw - 36rem);display:grid}.sig-const-stage{aspect-ratio:1;width:100%;max-width:34rem;margin-inline:auto;position:relative}.sig-const-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sig-const-ring{fill:none;stroke:color-mix(in oklab, var(--aqua) 20%, transparent);stroke-width:1px}.sig-const-ring-inner{stroke:color-mix(in oklab, var(--aqua) 35%, transparent)}.sig-const-spoke line{stroke:color-mix(in oklab, var(--aqua) 22%, transparent);stroke-width:1px}.sig-const-flow{stroke:var(--aqua);stroke-width:2px;stroke-linecap:round;stroke-dasharray:6 220;animation:3.4s linear infinite sig-const-flow}.sig-const-spoke[data-active=true] line:first-child{stroke:color-mix(in oklab, var(--aqua) 65%, transparent)}.sig-const-spoke[data-active=true] .sig-const-flow{stroke-width:3px;filter:drop-shadow(0 0 6px var(--aqua))}.sig-const-core{aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklab, var(--teal) 50%, var(--navy)), var(--navy));border:1px solid color-mix(in oklab, var(--aqua) 55%, transparent);width:28%;box-shadow:0 0 50px -10px color-mix(in oklab, var(--aqua) 55%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sig-const-core span{font:600 .65rem var(--font-data);letter-spacing:.16em;text-transform:uppercase;color:var(--aqua)}.sig-const-node{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--aqua) 40%, transparent);background:var(--navy);width:clamp(4.4rem,15%,6rem);color:var(--on-dark);text-align:center;cursor:pointer;border-radius:50%;place-items:center;gap:.3rem;text-decoration:none;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:grid;position:absolute;transform:translate(-50%,-50%)}.sig-const-node svg{width:1.3rem;height:1.3rem;color:var(--aqua)}.sig-const-node span{font:600 .62rem var(--font-body);letter-spacing:.01em;line-height:1.1}.sig-const-node[data-active=true]{background:var(--teal);border-color:var(--aqua);box-shadow:0 0 26px -4px color-mix(in oklab, var(--aqua) 65%, transparent);transform:translate(-50%,-50%)scale(1.08)}.sig-const-node[data-active=true] svg{color:var(--on-dark)}.sig-const-node:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.sig-const-detail{border:1px solid color-mix(in oklab, var(--aqua) 35%, transparent);background:color-mix(in oklab, var(--aqua) 8%, transparent);color:var(--on-dark);border-radius:1rem;padding:1.5rem 1.75rem}.sig-const-detail strong{font:700 1.3rem var(--font-display);margin-top:.5rem;display:block}.sig-const-detail p{color:var(--on-dark-soft);margin-top:.6rem}.sig-const-detail .micro-link{color:var(--aqua);margin-top:1.25rem}@keyframes sig-const-flow{0%{stroke-dashoffset:220px}to{stroke-dashoffset:0}}@media (width<=900px){.sig-wrap,.sig-constellation{grid-template-columns:1fr}}@media (width<=480px){.sig-zone{padding:.35rem .65rem .35rem .35rem;font-size:.62rem}.sig-const-node{width:3.8rem}.sig-const-node span{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.sig-kitchen-flow,.sig-care-pulse-flow,.sig-const-flow,.sig-hotel-window[data-active=true]{animation:none}.sig-kitchen-flow,.sig-care-pulse-flow,.sig-const-flow{display:none}.sig-zone,.sig-const-node{transition:none}}@media (width<=1100px){.sig-visual{counter-reset:sigzone}.sig-zone{counter-increment:sigzone;justify-content:center;gap:0;width:2.75rem;height:2.75rem;padding:0!important;font-size:0!important}.sig-zone:before{content:counter(sigzone);font:700 .95rem var(--font-data);color:var(--on-dark)}.sig-zone-dot{display:none}.sig-detail strong:before{content:none}}.sig-wrap{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--aqua) 22%, transparent), 0 40px 90px -50px color-mix(in oklab, var(--aqua) 60%, transparent);position:relative;overflow:hidden;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}.sig-wrap:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(color-mix(in oklab, var(--aqua) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--aqua) 14%, transparent) 1px, transparent 1px);background-size:2.5rem 2.5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30%,#000 20%,#0000 70%);mask-image:radial-gradient(at 30%,#000 20%,#0000 70%)}.sig-visual{isolation:isolate;counter-reset:sigzone;max-width:26rem;margin-inline:auto}.sig-aura{z-index:-1;background:radial-gradient(circle, color-mix(in oklab, var(--aqua) 30%, transparent), transparent 65%);filter:blur(10px);border-radius:50%;animation:6s ease-in-out infinite sig-breathe;position:absolute;inset:8%}.sig-scan{z-index:2;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--aqua) 18%, transparent), transparent);height:30%;animation:5s linear infinite sig-scan;position:absolute;top:0;left:0;right:0}@keyframes sig-breathe{50%{opacity:.7;transform:scale(1.08)}}@keyframes sig-scan{0%{transform:translateY(-40%)}to{transform:translateY(300%)}}.sig-zone{counter-increment:sigzone;z-index:3;justify-content:center;gap:0;width:2.6rem;height:2.6rem;padding:0!important;font-size:0!important}.sig-zone:before{content:counter(sigzone);font:700 .95rem var(--font-data);color:var(--on-dark)}.sig-zone-dot{display:none}.sig-zone:after{content:"";border:1px solid var(--aqua);opacity:0;border-radius:50%;position:absolute;inset:-6px}.sig-zone[data-active=true]:after{animation:1.8s ease-out infinite sig-ping}@keyframes sig-ping{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.sig-side{gap:1rem;display:grid;position:relative}.sig-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sig-list-btn{text-align:left;border:1px solid color-mix(in oklab, var(--aqua) 18%, transparent);width:100%;color:var(--on-dark-soft);font:600 .95rem/1.3 var(--font-display);cursor:pointer;background:0 0;border-radius:.85rem;align-items:center;gap:.85rem;min-height:44px;padding:.7rem .9rem;transition:background .3s,border-color .3s,color .3s;display:flex}.sig-list-btn:hover{border-color:color-mix(in oklab, var(--aqua) 50%, transparent)}.sig-list-btn[data-active=true]{color:var(--on-dark);background:color-mix(in oklab, var(--aqua) 12%, transparent);border-color:var(--aqua);box-shadow:0 0 28px -12px var(--aqua)}.sig-list-btn:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}.sig-list-num{border:1px solid var(--aqua);width:1.9rem;height:1.9rem;font:700 .8rem var(--font-data);color:var(--aqua);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sig-list-btn[data-active=true] .sig-list-num{background:var(--teal);color:var(--on-dark)}.sig-detail{min-height:0;animation:.5s cubic-bezier(.2,.7,.2,1) both cine-slide}.sig-detail strong{margin-top:0}@media (width<=900px){.sig-wrap{grid-template-columns:1fr!important}.sig-visual{max-width:20rem}}@media (prefers-reduced-motion:reduce){.sig-aura,.sig-scan,.sig-zone:after{animation:none!important}.sig-scan{display:none}}.sig-scan{-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}@media (width<=63.99rem){.sig-wrap{border-radius:6px;gap:1rem;padding:1.25rem;grid-template-columns:minmax(0,1fr)!important}.sig-visual{max-width:17rem}.sig-side{gap:.75rem}.sig-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sig-list-btn{border-radius:6px;gap:.5rem;height:100%;padding:.6rem;font-size:.85rem}.sig-list-num{width:1.5rem;height:1.5rem;font-size:.7rem}.sig-detail{border:0;border-top:1px solid var(--aqua);background:0 0;border-radius:0;padding:1rem 0}}
