/* BEYOND THE FLOW V17 — Professional art direction & operations lens */
:root{--v17-line:rgba(176,239,196,.20);--v17-glow:rgba(170,255,154,.09)}
html{scroll-padding-top:82px}
section[id]{scroll-margin-top:72px}
::selection{background:#c7ff62;color:#08221d}
#hero-title[tabindex="-1"]:focus{outline:none}
.hero-stage{border-color:rgba(174,246,200,.25);box-shadow:0 48px 165px rgba(0,0,0,.45),0 0 100px rgba(91,250,155,.055),inset 0 0 110px rgba(100,237,166,.06)}
.hero-stage:before{opacity:.48}
.section-label{border-bottom-color:rgba(170,239,193,.24)}
.project-info .project-view,.contact .btn,.v16-path-card,.v17-lens-link{touch-action:manipulation}
.v17-lens{padding-block:85px 148px;position:relative;isolation:isolate}
.v17-lens:before{content:"";position:absolute;inset:0 -4vw 0;z-index:-1;background:radial-gradient(ellipse at 69% 40%,rgba(62,159,143,.10),transparent 47%);pointer-events:none}
.v17-lens-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}
.v17-overline,.v17-lens-code{color:#bfe8be;font-size:10px;font-weight:850;letter-spacing:.20em}
.v17-lens-head h2{font-size:clamp(42px,5.6vw,82px);font-weight:890;letter-spacing:-.077em;line-height:.98;margin:14px 0 0}
.v17-lens-head h2 em{font-style:normal;color:#c7ff62}
.v17-lens-head>p{max-width:320px;margin:0;color:#abbfb2;font-size:14px;line-height:1.65}
.v17-lens-shell{border:1px solid var(--v17-line);box-shadow:0 34px 120px rgba(0,0,0,.25);background:linear-gradient(138deg,#0c1b1a,#061011 72%);overflow:hidden}
.v17-lens-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--v17-line)}
.v17-lens-menu button{border:0;border-right:1px solid var(--v17-line);padding:19px 24px;background:rgba(255,255,255,.017);color:#98b5a8;letter-spacing:.13em;text-align:left;font-size:12px;font-weight:800;cursor:pointer;position:relative;transition:background .25s,color .25s}
.v17-lens-menu button:last-child{border-right:0}
.v17-lens-menu button small{color:#769a90;font-size:10px;margin-right:14px}
.v17-lens-menu button.is-active{color:#eff8eb;background:rgba(193,255,164,.075)}
.v17-lens-menu button.is-active:after{content:"";height:2px;position:absolute;inset:auto 0 0;background:linear-gradient(90deg,#c7ff62,#64dfc6)}
.v17-lens-menu button:hover{color:#d6f1d7;background:rgba(180,255,180,.06)}
.v17-lens-main{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);min-height:438px;outline-offset:-4px}
.v17-lens-story{padding:55px clamp(28px,4vw,68px);display:flex;flex-direction:column;min-width:0}
.v17-lens-story h3{font-size:clamp(29px,3vw,46px);line-height:1.05;letter-spacing:-.065em;margin:19px 0 17px;font-weight:850}
.v17-lens-story>p{color:#b7cbbb;line-height:1.7;font-size:14px;max-width:480px}
.v17-lens-signal{margin:27px 0 20px;padding:17px 21px;border-left:2px solid #c7ff62;background:rgba(187,255,143,.045);display:grid;gap:9px}
.v17-lens-signal span{font-size:9px;font-weight:850;color:#8fac99;letter-spacing:.13em}
.v17-lens-signal strong{font-weight:650;font-size:14px;line-height:1.45}
.v17-lens-link{margin-top:auto;color:#c7ff62;text-decoration:none;font-size:12px;font-weight:800;display:flex;gap:18px;align-items:center;min-height:48px}
.v17-lens-link span{font-size:18px}
.v17-lens-graphic{border-left:1px solid var(--v17-line);background:radial-gradient(ellipse at 50% 50%,rgba(29,111,99,.28),transparent 75%),repeating-linear-gradient(90deg,transparent 0 49px,rgba(145,229,177,.035) 50px),#0b1918;min-width:0;position:relative;padding:22px 24px 15px;display:flex;flex-direction:column;justify-content:space-between}
.v17-lens-graphic:after{content:"";position:absolute;inset:0;pointer-events:none;border:15px solid transparent;box-shadow:inset 0 0 110px rgba(3,14,16,.4)}
.v17-lens-graphic-top,.v17-graphic-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#91baa9;font-size:9px;font-weight:800;letter-spacing:.12em}
.v17-live-dot{width:7px;height:7px;border-radius:50%;background:#c7ff62;box-shadow:0 0 15px #c7ff62}
#v17-flow-svg{display:block;width:100%;flex:1;max-height:335px;overflow:visible}
.v17-flow-node circle{fill:#122d29;stroke:#a4f5b2;stroke-width:2;filter:drop-shadow(0 0 15px rgba(133,245,158,.13))}
.v17-flow-node text{fill:#e2ffe3;text-anchor:middle;font-size:18px;letter-spacing:.03em;font-family:system-ui,sans-serif;font-weight:750}
.v17-flow-caption{fill:#9abfb1;font-size:12px;letter-spacing:.12em;font-weight:750;font-family:system-ui,sans-serif}
#v17-flow-token{filter:drop-shadow(0 0 12px rgba(209,255,152,.6));pointer-events:none}
.v17-graphic-foot{position:relative;z-index:1;color:#789e90}
.v17-lens-note{font-size:9px;letter-spacing:.10em;line-height:1.6;font-weight:700;color:#789a8d;margin:16px 0 0}
.v17-lens-shell .v17-lens-story,.v17-lens-shell .v17-lens-graphic{transition:background-color .35s ease}
.project-card .status-pill{white-space:nowrap}
.v17-utility-bar{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 20px;background:linear-gradient(100deg,#0a211c,#102c22);border:1px solid rgba(202,255,139,.24);margin-top:26px}
.v17-utility-bar span{color:#c9efcb;font-weight:750;font-size:10px;letter-spacing:.08em;line-height:1.4}
.v17-utility-bar a{flex:none;font-weight:800;font-size:10px;color:#c7ff62;text-decoration:none;white-space:nowrap}
@media(max-width:900px){.v17-lens-main{grid-template-columns:1fr}.v17-lens-graphic{border-left:0;border-top:1px solid var(--v17-line);min-height:290px}.v17-lens-head{align-items:start;flex-direction:column}}
@media(max-width:700px){
 .v17-lens{padding-block:58px 84px}
 .v17-lens-head h2{font-size:clamp(38px,10vw,60px)}
 .v17-lens-menu button{font-size:10px;letter-spacing:.03em;padding:18px 9px;text-align:center;min-height:51px}
 .v17-lens-menu button small{display:block;margin:0 0 6px}
 .v17-lens-story{padding:28px 22px 21px}
 .v17-lens-story h3{font-size:31px;letter-spacing:-.06em}
 .v17-lens-story>p{font-size:13px}
 .v17-lens-graphic{padding:20px 13px;min-height:280px}
 #v17-flow-svg{min-height:220px}
 .v17-flow-caption{font-size:11px}
 .v17-utility-bar{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(prefers-reduced-motion:reduce){.v17-lens-menu button,.v17-lens-shell .v17-lens-story{transition:none}}