.nova-mechanics{background:#f5f7f3;color:#153047}.nova-mechanics .nova-eyebrow{color:#167d74}.nova-mechanics h2 em{color:#178679}.mechanic-block{margin-top:65px;border-top:1px solid #bed5d0;padding-top:45px}.mechanic-title{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:30px}.mechanic-title>span{grid-column:1/-1;font-size:8px;letter-spacing:.17em;color:#18817a;font-weight:700}.mechanic-title h3{font:600 clamp(34px,4.1vw,59px)/1.04 Arial;letter-spacing:-.055em}.mechanic-title>p{font-size:12px;line-height:1.9;color:#607787;max-width:520px}.mechanic-frame-layout{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #9dbeb8;border-radius:9px;overflow:hidden;background:#fff}.mechanic-frame-canvas{position:relative;min-height:470px;background:#071e2d;overflow:hidden;touch-action:none;cursor:ns-resize}.mechanic-frame-canvas svg{width:100%;height:450px}.frame-grid{fill:none;stroke:#143749;stroke-width:1}.frame-base,.frame-post,.frame-brace,.frame-roof{fill:none;stroke:#7ed7c0;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;transition:opacity .2s,filter .2s}.frame-post{stroke:#41667a}.frame-base,.frame-roof{stroke:#72c9b0}.frame-base:not(.active),.frame-post:not(.active),.frame-brace:not(.active),.frame-roof:not(.active){opacity:.48}.mechanic-frame-canvas [data-frame-part]:hover,.mechanic-frame-canvas [data-frame-part].active{opacity:1;filter:url(#frame-glow)}.mechanic-canvas-hint{position:absolute;right:20px;top:18px;text-align:right;color:#b9d1d9;font-size:8px;line-height:1.7;letter-spacing:.07em}.mechanic-frame-label{position:absolute;left:22px;bottom:18px;color:#89adba;font-size:8px;letter-spacing:.13em}.mechanic-range{grid-column:1;display:flex;align-items:center;gap:15px;padding:15px 23px;background:#0d3041;color:#a8c2ca;font-size:9px}.mechanic-range input{flex:1;accent-color:#78d4bc}.mechanic-range output{color:#8fe5cc;min-width:34px;text-align:right}.mechanic-part-panel{grid-column:2;grid-row:1/3;padding:34px}.mechanic-part-panel label{font-size:9px;color:#6c8290}.mechanic-part-panel select{display:block;width:100%;margin-top:10px;border:1px solid #c9d9dd;background:#fff;padding:13px;border-radius:5px;color:#183247;font-size:10px}.mechanic-part-panel>span{display:block;margin-top:55px;color:#168078;font-size:8px;letter-spacing:.13em}.mechanic-part-panel h4,.unfold-detail h4{font:600 29px/1.1 Arial;letter-spacing:-.04em;margin:18px 0}.mechanic-part-panel>p,.unfold-detail p{font-size:11px;line-height:1.9;color:#607584}.mechanic-part-panel>div{border-top:1px solid #d8e2e4;margin-top:28px;padding-top:22px}.mechanic-part-panel strong,.unfold-detail strong{font-size:8px;letter-spacing:.12em;color:#168078}.transport-reel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:16px max(20px,calc(50% - 220px)) 25px;border:1px solid #8dbbb2;background:#f8faf9;cursor:grab;touch-action:pan-x pan-y;scrollbar-color:#72aa9d #dde9e6}.transport-reel:active{cursor:grabbing}.transport-reel button{flex:0 0 440px;scroll-snap-align:center;text-align:left;border-radius:13px;background:#e7eff1;color:#213c50;padding:30px;min-height:320px;transition:background .3s,color .3s,transform .3s;outline-offset:4px}.transport-reel button.active{background:#092a3d;color:#e8f4f5;transform:translateY(-8px)}.transport-reel button>span{font-size:8px;letter-spacing:.14em;opacity:.65}.transport-reel button strong{display:block;font:600 25px Arial;letter-spacing:-.03em;margin-top:16px}.transport-reel svg{width:100%;height:130px;margin-top:18px;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.transport-reel button small{font-size:10px;line-height:1.7;opacity:.72}.transport-readout{display:grid;grid-template-columns:90px 1fr 1.8fr;gap:24px;align-items:center;padding:24px 28px;background:#fff;border:1px solid #c6d8da;border-top:0}.transport-readout span{font-size:8px;color:#18817a;letter-spacing:.13em}.transport-readout strong{font:24px Arial;color:#183246}.transport-readout p{font-size:10px;line-height:1.8;color:#657b87}.unfold-layout{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid #9dbeb8;border-radius:9px;overflow:hidden;background:#fff}.unfold-layout>div:first-child{background:#f6f8f7}.unfold-canvas{position:relative;min-height:440px;touch-action:none;cursor:ew-resize;overflow:hidden}.unfold-canvas svg{width:100%;height:430px}.unfold-frame,.unfold-posts{fill:none;stroke:#547f93;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;transition:transform .08s linear,opacity .2s}.unfold-posts{stroke:#8eabb5}.unfold-shell{fill:#a9cabb33;stroke:#5e9384;stroke-width:4;opacity:0;transition:opacity .25s}.unfold-canvas>span{position:absolute;left:25px;top:22px;font-size:8px;letter-spacing:.12em;color:#5c7684}.unfold-layout .mechanic-range{background:#edf2f1;color:#607886}.unfold-steps{display:flex;justify-content:space-between;padding:0 25px 22px;font-size:8px;color:#647d88}.unfold-detail{padding:38px}.unfold-detail>span{font-size:8px;letter-spacing:.13em;color:#168078}.unfold-detail strong{display:block;margin-top:25px}.unfold-detail p{margin-top:9px}.mechanic-unfold>.nova-guide-note{padding:15px 22px;border:1px solid #cedddd;border-top:0;margin:0;font-size:8px;color:#72848c}.mechanic-transport,.mechanic-unfold{scroll-margin-top:100px}
@media(max-width:900px){.mechanic-title{grid-template-columns:1fr}.mechanic-title>span{grid-column:auto}.mechanic-title>p{margin-top:14px}.mechanic-frame-layout,.unfold-layout{grid-template-columns:1fr}.mechanic-part-panel{grid-column:1;grid-row:auto}.mechanic-part-panel>span{margin-top:30px}.transport-reel button{flex-basis:min(78vw,400px)}.transport-readout{grid-template-columns:80px 1fr}.transport-readout p{grid-column:1/-1}.unfold-detail{padding:30px}.nova-header nav{gap:18px}}
@media(max-width:640px){.mechanic-block{margin-top:45px;padding-top:32px}.mechanic-title h3{font-size:37px}.mechanic-title>p{font-size:10px}.mechanic-frame-canvas{min-height:320px}.mechanic-frame-canvas svg{height:310px}.mechanic-part-panel{padding:24px 20px}.mechanic-part-panel>span{margin-top:25px}.mechanic-part-panel h4,.unfold-detail h4{font-size:25px}.transport-reel{padding-inline:calc(50% - 140px)}.transport-reel button{flex-basis:280px;min-height:270px;padding:22px}.transport-reel button strong{font-size:21px}.transport-reel svg{height:100px}.transport-readout{grid-template-columns:1fr;padding:20px}.transport-readout p{grid-column:auto}.unfold-canvas{min-height:300px}.unfold-canvas svg{height:290px}.unfold-steps{padding-inline:13px;font-size:6px}.unfold-detail{padding:25px 20px}.mechanic-range{padding-inline:15px}.nova-header nav{display:none}}
@media(prefers-reduced-motion:reduce){.nova-mechanics *{transition:none!important;animation:none!important}}