/* Editorial layout and interactive product narrative. Motion lives in wow-motion. */
.motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;color:#c7eddb;background:#a8f2ca09;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}
.motion-toggle svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.motion-toggle:hover{background:#a8f2ca1a}.motion-toggle[aria-pressed="true"]{color:#c8d3cd;background:#ffffff09}
.hero h1{max-width:940px}.hero-lede{max-width:540px}
.hero-inspection-card{position:absolute;right:max(60px,calc((100vw - 1440px)/2));top:29%;width:clamp(235px,25vw,385px);padding:19px;border:1px solid #b7f3d23d;border-radius:22px;background:linear-gradient(145deg,#0c3023d9,#071812df);backdrop-filter:blur(18px);box-shadow:0 32px 100px #0005;rotate:4deg;z-index:2;transition:rotate .65s,translate .65s,box-shadow .65s}
.hero-inspection-card:hover{rotate:0deg;translate:0 -7px;box-shadow:0 40px 100px #0007}.glance-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;color:#b9e7ca;margin-bottom:16px}.glance-image{position:relative;overflow:hidden;aspect-ratio:1.5;border-radius:12px}.glance-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.glance-image>span{position:absolute;bottom:12px;left:12px;color:#e5fff0;font-size:8px;letter-spacing:.1em;font-weight:800}.glance-region{position:absolute;left:32.5%;top:49%;width:7%;height:22%;border:1px solid #b2ffd9;box-shadow:0 0 15px #89ffd14d}.glance-path{display:flex;align-items:center;gap:8px;padding-block:20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:#d8f8e6}.glance-path i{flex:1;height:1px;background:linear-gradient(90deg,#a8f2ca88,#a8f2ca22);position:relative}.glance-path i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #a8f2ca;border-right:1px solid #a8f2ca;rotate:45deg}.glance-link{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:12px;color:var(--mint);font-weight:700}.glance-link b{font-size:24px;font-weight:400}
.system-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:30px;border-bottom:1px solid var(--line);color:#c6dfd0;font-size:14px}.system-principles span{display:flex;align-items:center;gap:16px}.system-principles b{font-size:10px;color:#83c8a3;font-weight:600;letter-spacing:.14em}
.intro{padding-top:110px}.intro .display-heading{font-size:clamp(46px,5.5vw,92px)}.intro-grid{grid-template-columns:.75fr 3fr}.intro h2 span{color:#b1ddc3}.intro-bottom{max-width:970px}
.evidence,.mind,.workspace{scroll-margin-top:100px}.evidence-explanation,.mind-detail{overflow-wrap:anywhere}.media-note,.mind-note{max-width:1050px;line-height:1.7}
.workspace-modes{position:relative;display:flex;justify-content:center;gap:8px;margin:0 0 22px;padding:5px;border:1px solid #baffdc20;background:#061b12cf;border-radius:13px;width:max-content;max-width:100%;margin-inline:auto;backdrop-filter:blur(12px);z-index:3}
.workspace-modes button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:0;border-radius:9px;background:transparent;color:#b9d6c4;font-size:13px;font-weight:700;cursor:pointer;transition:background .25s,color .25s}.workspace-modes button small{font-size:10px;color:#80b99b}.workspace-modes button.is-active{background:#c4fbd8;color:#0b2a19}.workspace-modes button.is-active small{color:#397e53}.workspace-modes button:hover:not(.is-active){background:#b1ffd512;color:#ecfff3}
.workspace-focus{position:absolute;z-index:2;left:31.875%;top:calc(31.356% + 24.025px);width:45.625%;height:calc(52.718% - 18.451px);border:2px solid #b9ffdf;border-radius:9px;box-shadow:0 0 0 999px #02120c28,0 0 30px #61ffb51c;pointer-events:none;transition:left .7s cubic-bezier(.2,.7,.2,1),top .7s,width .7s,height .7s,opacity .35s}
.product-window[data-workspace="findings"] .workspace-focus{left:78.958%;top:calc(22.838% + 27.007px);width:19.792%;height:calc(73.088% - 25.581px)}.product-window[data-workspace="review"] .workspace-focus{left:78.958%;top:calc(83.3% + 5.845px);width:19.792%;height:calc(12.5% - 4.375px)}
.product-window .window-dots{display:none}
.workspace-mode-detail{position:relative;display:grid;grid-template-columns:.7fr 1.4fr 1.9fr;gap:25px;align-items:start;min-height:137px;margin-top:30px;padding:24px;border:1px solid #b2ffd426;border-radius:15px;background:linear-gradient(120deg,#103725aa,#081d14e6)}.workspace-mode-detail>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#a6ebc1;line-height:1.7}.workspace-mode-detail h3{margin:0;color:#e4f9ea;font-size:23px;line-height:1.15;letter-spacing:-.04em}.workspace-mode-detail p{margin:0;color:#b1cdbb;font-size:14px;line-height:1.7}.experience-readout{display:none}.floating-evidence{display:none}.product-backplate{inset:45px 12px 170px}
.principle-photo{min-height:510px}.principle-photo img{height:510px}.principle-copy h2{font-size:clamp(43px,4.8vw,82px)}
@media(max-width:1250px){.motion-toggle span{display:none}.hero-inspection-card{right:36px;top:34%;width:250px}.hero h1{font-size:clamp(76px,9vw,130px);max-width:780px}.hero-lede{max-width:490px}}
@media(max-width:1000px){.hero-inspection-card{display:none}.workspace-mode-detail{grid-template-columns:1fr 2fr}.workspace-mode-detail>span{grid-column:1/-1}.system-principles{gap:15px;font-size:12px}}
@media(max-width:700px){.hero h1{font-size:clamp(61px,15.5vw,91px)}.motion-toggle{padding:10px;min-width:44px}.system-principles{grid-template-columns:1fr;gap:17px;padding-block:25px;font-size:14px}.system-principles b{width:20px}.workspace-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;margin-bottom:17px}.workspace-modes button{display:flex;flex-direction:column;gap:6px;padding:12px 4px;font-size:12px;min-height:65px}.workspace-modes button small{font-size:10px}.workspace-mode-detail{grid-template-columns:1fr;gap:13px;min-height:225px;padding:20px;margin-top:18px}.workspace-mode-detail h3{font-size:26px}.workspace-mode-detail p{font-size:15px}.workspace-focus{display:none}.intro{padding-top:65px}.intro .display-heading{font-size:clamp(37px,10.3vw,57px)}.intro-grid{grid-template-columns:1fr}.product-backplate{inset:48px 4px 220px}.principle-photo,.principle-photo img{min-height:280px;height:280px}}
@media(prefers-reduced-motion:reduce){.hero-inspection-card{rotate:0deg}.workspace-focus,.hero-inspection-card{transition:none}}