.brand-reveal-section{padding:108px var(--gutter) 65px;background:#0d1011;position:relative;isolation:isolate;scroll-margin-top:0}
.brand-reveal-section .section-label{border-color:#dce9de26;color:#96a69d;font-size:13px}
.brand-reveal-composition{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:clamp(32px,3.5vw,64px);align-items:center;margin-top:38px}
.brand-reveal-profile{position:relative;z-index:6;min-width:0;padding:4px 0 24px}
.brand-reveal-name{display:flex;align-items:baseline;gap:15px;color:#edf1ea;font-size:.9375rem;font-weight:600;line-height:1.5;letter-spacing:.06em;margin-bottom:23px}
.brand-reveal-name>span{color:#8a9b90;font-size:.8125rem;font-weight:400;letter-spacing:.16em}
.brand-reveal-identity h2{font-size:clamp(3.5rem,5.1vw,5.25rem);line-height:1.16;font-weight:800;letter-spacing:-.045em;color:#edf1ea}
.brand-reveal-headline-line{display:block;white-space:normal;overflow-wrap:anywhere}
.brand-reveal-headline-line+.brand-reveal-headline-line{margin-top:.06em}
.brand-reveal-outline{font-style:normal;color:transparent;-webkit-text-stroke:1px #b5c6b9;transition:color .3s,-webkit-text-stroke-color .3s}
.brand-reveal-headline-accent{color:var(--lime)}
.brand-reveal-positioning{font-size:1rem;line-height:1.6;color:#c5cec7;margin-top:27px;padding-left:16px;border-left:2px solid var(--lime)}
.brand-reveal-story{margin-top:27px;font-size:1rem;line-height:1.85;color:#99aaa0}
.brand-reveal-story .brand-reveal-lead{font-size:1.0625rem;color:#e3ece4;line-height:1.7;font-weight:500}
.brand-reveal-story p+p{margin-top:10px}
@media(hover:hover) and (pointer:fine){.brand-reveal-section:has(.brand-reveal-board:hover) .brand-reveal-outline{color:#dbe9dd;-webkit-text-stroke-color:#dbe9dd}}
.brand-reveal-section:has(.brand-reveal-board:focus-visible) .brand-reveal-outline{color:#dbe9dd;-webkit-text-stroke-color:#dbe9dd}
.brand-reveal-board{position:relative;aspect-ratio:1.65;max-width:1000px;width:100%;margin:0 auto;overflow:visible;isolation:isolate;outline:none;touch-action:pan-y pinch-zoom;background:transparent;cursor:crosshair}
.brand-reveal-board:focus-visible{outline:1px solid var(--lime);outline-offset:6px}
.brand-reveal-letterform{position:absolute;left:2.5%;top:33.125%;width:95%;aspect-ratio:2172/724;transform:translateY(-50%);z-index:1;pointer-events:none;-webkit-mask:url('/assets/tuowei-machine-shell-v28.webp') center/100% 100% no-repeat;mask:url('/assets/tuowei-machine-shell-v28.webp') center/100% 100% no-repeat;background:transparent}
.brand-reveal-letterform[style]{transform:none}
.brand-reveal-logo,.brand-reveal-surface,.brand-reveal-motion,.brand-reveal-inside{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.brand-reveal-logo{z-index:3}.brand-reveal-surface{z-index:4}.brand-reveal-inside{z-index:0;object-fit:fill}.brand-reveal-motion{object-fit:contain;z-index:1;opacity:0;-webkit-mask:url('/assets/tuowei-mechanism-mask-v48.webp') center/100% 100% no-repeat;mask:url('/assets/tuowei-mechanism-mask-v48.webp') center/100% 100% no-repeat}.brand-reveal-board.has-mechanism .brand-reveal-motion{opacity:1}
.brand-reveal-board.is-painted .brand-reveal-logo{visibility:hidden}
.brand-reveal-robot{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:4;overflow:hidden}
.brand-reveal-poster-wrap{position:absolute;inset:0;display:block;z-index:3;pointer-events:none}
.brand-reveal-robot canvas{width:100%;height:100%;display:block;transition:opacity .25s}
.brand-reveal-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1;transition:opacity .25s}
.brand-reveal-board.has-robot .brand-reveal-poster{opacity:0}
.brand-scan-defs{position:absolute;pointer-events:none;overflow:hidden}
.brand-reveal-diagnostics{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--scan-opacity,0);-webkit-mask:radial-gradient(circle at var(--scan-local-x,50%) var(--scan-local-y,50%),#000 calc(var(--scan-radius,42px) - var(--scan-feather,7px)),transparent var(--scan-radius,42px));mask:radial-gradient(circle at var(--scan-local-x,50%) var(--scan-local-y,50%),#000 calc(var(--scan-radius,42px) - var(--scan-feather,7px)),transparent var(--scan-radius,42px))}
.brand-scan-edges{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:url('#tuowei-scan-edges');opacity:.47}
.brand-scan-grid{position:absolute;inset:0;opacity:.30;background:repeating-linear-gradient(0deg,transparent 0 23px,#65ffe048 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#65ffe048 23px 24px),radial-gradient(circle var(--scan-radius,42px) at var(--scan-local-x,50%) var(--scan-local-y,50%),#34ffd322,transparent 95%)}
.brand-scan-sweep{position:absolute;left:calc(var(--scan-local-x,0px) - var(--scan-radius,42px));top:calc(var(--scan-local-y,0px) - var(--scan-radius,42px));width:calc(var(--scan-radius,42px)*2);height:calc(var(--scan-radius,42px)*2);background:linear-gradient(180deg,transparent 32%,#57ffd808 43%,#57ffd81a 48%,#baffeb24 50%,#58ffdd20 53%,#9771ff0a 58%,transparent 68%);mix-blend-mode:screen;animation:tuowei-scan-sweep 2.8s ease-in-out infinite;animation-play-state:paused}
.brand-scan-sweep::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#b5ffe11c 5px 6px);opacity:.45}
.brand-scan-hud{position:absolute;left:var(--scan-x,50%);top:var(--scan-y,50%);width:calc(var(--scan-radius,42px)*2);height:calc(var(--scan-radius,42px)*2);transform:translate(-50%,-50%);z-index:5;opacity:var(--field-opacity,0);pointer-events:none}
.brand-scan-field{position:absolute;inset:-10%;width:120%;height:120%;overflow:visible;fill:none;stroke-width:.7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #63ffd33b)}
.brand-scan-hex{stroke:#6dffe1a6;stroke-dasharray:22 5 2 5;stroke-linecap:square;animation:tuowei-scan-hex 9s linear infinite;animation-play-state:paused}
.brand-scan-axis{stroke:#b0ffe9b3;stroke-width:1}
.brand-scan-orbit,.brand-scan-range,.brand-scan-brackets,.brand-scan-laser{position:absolute;inset:0;display:block;pointer-events:none}
.brand-scan-orbit{inset:0;border:1px solid #86ffe449;border-top-color:#baffedd9;border-bottom-color:#b49aff99;border-left-color:transparent;border-radius:50%;box-shadow:0 0 18px #48ffd324;animation:tuowei-scan-orbit 7s linear infinite;animation-play-state:paused}
.brand-scan-orbit::after{content:"";position:absolute;inset:4px;border-radius:50%;background:repeating-conic-gradient(#c2fff0c7 0deg 1deg,transparent 1deg 15deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px))}
.brand-scan-range{inset:20%;border:1px solid #66ffe077;border-radius:50%;animation:tuowei-scan-range 2.8s ease-out infinite;animation-play-state:paused}
.brand-scan-brackets{inset:21%;background:linear-gradient(#b3ffdfcc,#b3ffdfcc) left top/10px 1px no-repeat,linear-gradient(#b3ffdfcc,#b3ffdfcc) left top/1px 10px no-repeat,linear-gradient(#a992ffaa,#a992ffaa) right top/10px 1px no-repeat,linear-gradient(#a992ffaa,#a992ffaa) right top/1px 10px no-repeat,linear-gradient(#a992ffaa,#a992ffaa) left bottom/10px 1px no-repeat,linear-gradient(#a992ffaa,#a992ffaa) left bottom/1px 10px no-repeat,linear-gradient(#b3ffdfcc,#b3ffdfcc) right bottom/10px 1px no-repeat,linear-gradient(#b3ffdfcc,#b3ffdfcc) right bottom/1px 10px no-repeat}
.brand-scan-laser{animation:tuowei-scan-laser 5.2s ease-in-out infinite;animation-play-state:paused}
.brand-scan-laser::before,.brand-scan-laser::after{content:"";position:absolute;left:0;top:calc(50% - .5px);width:50%;height:1px;transform-origin:right center;background:linear-gradient(90deg,transparent,#5affda66 34%,#8fffeae0 85%,#fff);box-shadow:0 0 7px #55ffbd5c}
.brand-scan-laser::before{transform:rotate(38deg)}.brand-scan-laser::after{transform:rotate(-38deg)}
.brand-scan-contact{position:absolute;left:var(--scan-x,50%);top:var(--scan-y,50%);width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#b7ffedcf 8%,#58ffd778 20%,#4effc926 45%,transparent 72%);z-index:5;opacity:var(--scan-opacity,0);pointer-events:none}
.brand-scan-contact span{position:absolute;inset:19px;border-radius:50%;background:#f0fffc;box-shadow:0 0 4px #fff,0 0 13px #65ffdb}
.brand-scan-contact::after{content:"";position:absolute;inset:8px;border:1px solid #b9fff878;border-left-color:transparent;border-right-color:#a18aff8c;border-radius:50%;box-shadow:0 0 6px #51ffd01a}
.brand-reveal-board.has-optical-field .brand-scan-orbit,.brand-reveal-board.has-optical-field .brand-scan-range,.brand-reveal-board.has-optical-field .brand-scan-hex,.brand-reveal-board.has-optical-field .brand-scan-laser,.brand-reveal-board.is-scanning .brand-scan-sweep{animation-play-state:running}
.brand-reveal-board.has-mechanism .brand-scan-edges{display:none}
@keyframes tuowei-scan-orbit{to{transform:rotate(360deg)}}
@keyframes tuowei-scan-range{0%{transform:scale(.8);opacity:.1}25%{opacity:.7}100%{transform:scale(1.65);opacity:0}}
@keyframes tuowei-scan-sweep{from{transform:translateY(-45%)}to{transform:translateY(45%)}}
@keyframes tuowei-scan-hex{to{stroke-dashoffset:-68}}
@keyframes tuowei-scan-laser{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@media(min-width:1800px){.brand-reveal-section{padding-inline:max(var(--gutter),calc((100vw - 1560px)/2))}}
@media(max-width:1199px){.brand-reveal-composition{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:34px}.brand-reveal-profile{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1fr);grid-template-areas:"identity positioning" "identity story";gap:16px clamp(32px,5vw,60px);align-items:start;padding:0}.brand-reveal-identity{grid-area:identity}.brand-reveal-identity h2{font-size:clamp(2.75rem,5.7vw,4.25rem)}.brand-reveal-positioning{grid-area:positioning;margin-top:4px}.brand-reveal-story{grid-area:story;margin-top:0}.brand-reveal-board{max-width:1000px}}
@media(max-width:700px){.brand-reveal-profile{display:block}.brand-reveal-identity h2{font-size:clamp(2.5rem,10.6vw,4.25rem)}.brand-reveal-name{margin-bottom:19px}.brand-reveal-positioning{margin-top:22px}.brand-reveal-story{margin-top:22px}}
@media(max-width:600px){.brand-reveal-motion{-webkit-mask-image:url('/assets/tuowei-mechanism-mask-mobile-v48.webp');mask-image:url('/assets/tuowei-mechanism-mask-mobile-v48.webp')}.brand-reveal-section{padding:96px var(--gutter) 32px;scroll-margin-top:0}.brand-reveal-composition{margin-top:27px;gap:16px}.brand-reveal-identity h2{font-size:clamp(2.5rem,12.5vw,3.5rem);line-height:1.14;letter-spacing:-.035em}.brand-reveal-positioning{line-height:1.55;padding-left:13px;margin-top:22px}.brand-reveal-story{margin-top:20px;line-height:1.8}.brand-reveal-story .brand-reveal-lead{font-size:1rem}.brand-reveal-story p+p{margin-top:9px}.brand-reveal-board{aspect-ratio:1.4;margin:0 calc(-1*var(--gutter));width:calc(100% + 2*var(--gutter));max-width:none}.brand-reveal-letterform{left:10%;width:80%;top:35.6818%}}
@media(prefers-reduced-motion:reduce){.brand-reveal-outline,.brand-reveal-poster,.brand-reveal-robot canvas{transition:none}.brand-scan-orbit,.brand-scan-range,.brand-scan-sweep,.brand-scan-hex,.brand-scan-laser{animation:none;transform:none}.brand-scan-range{opacity:.3}}
