/* White drafting surface; motion never displaces the logo or reading column. */
.about{background:#fff;isolation:isolate;overflow:clip}.about>.wrap{position:relative;z-index:1}.about-grid{gap:clamp(35px,6vw,85px)}
.about-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 14% 55%,#e2f0e685,transparent 48%)}
.about-atmosphere::before{content:"";position:absolute;inset:0;background:linear-gradient(#08595908 1px,transparent 1px),linear-gradient(90deg,#08595908 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#0008,transparent 65%)}
.about-atmosphere::after{content:"";position:absolute;left:-220px;top:calc(50% - 420px);width:840px;height:840px;border:1px solid #0859590b;border-radius:50%;box-shadow:0 0 0 70px #08595904,0 0 0 71px #08595909;animation:about-field 14s ease-in-out infinite}
.about-traces{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.about-traces .trace-line{stroke:#8aada0;stroke-width:1;fill:none}.about-traces .trace-flow{stroke:#bba03c;stroke-width:1.4;stroke-dasharray:8 190;fill:none;animation:about-trace 15s linear infinite}.about-traces circle{fill:#d5ba57}
.about-visual{min-height:450px;border-radius:18px;background-color:#fbfdfb;background-image:linear-gradient(#08595906 1px,transparent 1px),linear-gradient(90deg,#08595906 1px,transparent 1px);background-size:25px 25px;box-shadow:0 22px 65px #0a51490c,inset 0 0 55px #fff;border-color:#cfded6;isolation:isolate}.about-visual::before,.about-visual::after{border-color:#0a5c5015;animation:about-diamond 18s ease-in-out infinite;pointer-events:none}.about-visual::after{animation-delay:-9s}.about-logo{z-index:3;top:-18px;filter:drop-shadow(0 7px 14px #fafff9);width:66%}.about-blueprint{z-index:2;opacity:.8;bottom:8px;max-height:180px}.about-blueprint>g:first-child>path,.about-blueprint>g:first-child>rect{stroke-dasharray:900;stroke-dashoffset:0}.about.is-drafted .about-blueprint>g:first-child>path,.about.is-drafted .about-blueprint>g:first-child>rect{animation:about-draw 2.4s cubic-bezier(.25,.7,.3,1) both}.about-blueprint>g:last-of-type>circle{animation:about-indicator 4s ease-in-out infinite}.about-blueprint>g:last-of-type>circle:nth-child(2){animation-delay:-1.3s}.about-blueprint>g:last-of-type>circle:nth-child(3){animation-delay:-2.6s}
.about-blueprint .about-energy{stroke:#b39113;stroke-width:1.8;stroke-dasharray:7 16;animation:about-current 3.5s linear infinite}.about-scan{position:absolute;left:0;right:0;top:0;height:80px;background:linear-gradient(transparent,#82bfa60a,transparent);border-bottom:1px solid #699f8716;animation:about-scan 8s ease-in-out infinite;pointer-events:none;z-index:0}.about-drafting-corners{position:absolute;inset:54px 19px 20px;border:1px solid #88aa8e15;pointer-events:none;background:linear-gradient(#759b8566,#759b8566) top left/14px 1px no-repeat,linear-gradient(#759b8566,#759b8566) top left/1px 14px no-repeat,linear-gradient(#759b8566,#759b8566) bottom right/14px 1px no-repeat,linear-gradient(#759b8566,#759b8566) bottom right/1px 14px no-repeat}.drawing-label{z-index:4;font-size:.6rem;top:23px}.about .drawing-mark{display:none}.about-motion-toggle{position:absolute;top:15px;right:16px;z-index:5;width:30px;height:30px;display:grid;place-items:center;border:1px solid #b7cdbf;border-radius:50%;background:#fff;color:#376c58;cursor:pointer;transition:border-color .2s,background .2s}.about-motion-toggle:hover{border-color:#b39113;background:#fffbea}.about-motion-toggle:disabled{opacity:.5;cursor:default}.about:not(.about-running) *,.about:not(.about-running)::before,.about:not(.about-running) *::before,.about:not(.about-running) *::after{animation-play-state:paused!important}
@keyframes about-draw{from{stroke-dashoffset:900;opacity:.2}to{stroke-dashoffset:0;opacity:1}}@keyframes about-current{to{stroke-dashoffset:-92}}@keyframes about-indicator{0%,100%{opacity:.35}50%{opacity:1}}@keyframes about-diamond{0%,100%{transform:rotate(45deg) scale(1)}50%{transform:rotate(52deg) scale(1.07)}}@keyframes about-scan{0%,100%{transform:translateY(-100px);opacity:0}15%,85%{opacity:1}95%{transform:translateY(440px);opacity:0}}@keyframes about-field{50%{transform:translate(24px,-16px) scale(1.04)}}@keyframes about-trace{to{stroke-dashoffset:-594}}
@media(max-width:1100px){.about-visual{min-height:400px}.about-logo{top:-26px}.drawing-label{font-size:.55rem;letter-spacing:.09em}}
@media(max-width:760px){.about-visual{min-height:360px;width:100%;max-width:510px;margin-inline:auto}.about-atmosphere::before{mask-image:linear-gradient(#0007,transparent 70%)}.about-atmosphere::after{width:600px;height:600px;top:-90px;left:calc(50% - 300px)}.about-blueprint{max-height:160px}.about-traces{opacity:.25}.about-logo{top:-18px}.about-grid{gap:36px}}
@media(max-width:480px){.about-visual{min-height:320px;border-radius:14px}.about-blueprint{bottom:7px;max-height:135px}.about-logo{width:69%;top:-11px}.drawing-label{left:17px;font-size:.52rem;letter-spacing:.06em}.about-drafting-corners{inset:53px 13px 16px}}
@media(prefers-reduced-motion:reduce){.about *,.about *::before,.about *::after{animation:none!important;transition:none!important}.about-scan{display:none}.about-blueprint>g:first-child>path,.about-blueprint>g:first-child>rect{stroke-dashoffset:0!important}}