:root{--paper:#f4f2ed;--warm:#ebe7df;--ink:#171817;--muted:#777873;--line:#d1cec6;--copper:#c6845c;--slate:#24292c;--ivory:#f8f7f2;--font:'SF Pro Display','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--copper);outline-offset:4px}::selection{background:#c8bba6}.skip{position:absolute;z-index:1000;top:-100px;left:12px;background:#fff;padding:12px}.skip:focus{top:12px}
.topbar{position:sticky;top:0;z-index:50;height:84px;background:rgba(245,243,237,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;gap:54px;padding:0 clamp(22px,5vw,94px);border-bottom:1px solid #dedbd4}.wordmark{font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1.7px;white-space:nowrap}.wordmark-dot{color:var(--copper);font-size:26px}.topnav{display:flex;gap:clamp(15px,2.3vw,40px);margin-left:auto}.topnav a{font-size:12px;color:#62635f;font-weight:600;transition:color .2s}.topnav a:hover{color:#1a1b1b}.top-contact{border-radius:50px;border:1px solid #282929;padding:12px 20px;font-size:12px;white-space:nowrap;font-weight:700;transition:background .2s,color .2s}.top-contact:hover{background:#1a1a1a;color:#fff}.top-contact span{margin-left:14px}.nav-toggle{display:none;background:transparent;border:0;font-size:24px}
.overline,.micro-label{font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;color:#868681}.light-overline,.inverse{color:#b0aba2}.overline i{display:inline-block;width:6px;height:6px;background:#c5987f;border-radius:50%;margin-right:8px;vertical-align:2px}
.hero{height:min(850px,calc(100vh - 84px));min-height:675px;background:#131717;color:#f9f7f2;position:relative;overflow:hidden;isolation:isolate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,15,15,.94) 0%,rgba(13,15,15,.76) 35%,rgba(16,20,20,.05) 72%);pointer-events:none;z-index:2}.hero-type{position:absolute;left:clamp(25px,7vw,122px);top:clamp(105px,14vw,190px);z-index:4;max-width:660px}.hero h1{margin:29px 0 22px;font-size:clamp(54px,6.3vw,104px);font-weight:650;letter-spacing:-.095em;line-height:1.17}.hero h1 em{font-style:normal;font-weight:320;color:#d4c7b6}.hero-period{color:#dd9c79}.hero-type p{font-size:clamp(12px,1.07vw,16px);line-height:2.1;color:#b6b8b5;letter-spacing:.06em}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:49px;gap:25px;padding:13px 21px;border:1px solid #aaa59b;border-radius:3px;background:transparent;font-weight:650;font-size:12px;letter-spacing:.02em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-ivory{background:var(--ivory);border-color:var(--ivory);color:#191b1a}.button-ghost{color:#efefec;border-color:#626667}.button-dark{background:#252929;color:#fff;border-color:#252929}.hero-scene{position:absolute;inset:0 0 0 35%;overflow:hidden;z-index:1;background:radial-gradient(ellipse at 73% 35%,#4a4d48 0%,#252b2c 24%,#111516 70%)}.scene-back-spot{position:absolute;width:52%;height:44%;background:#d1a88e;border-radius:50%;filter:blur(140px);opacity:.12;top:11%;right:12%}.scene-glass{position:absolute;width:100%;height:47%;bottom:-4%;left:0;background:linear-gradient(180deg,transparent 0%,#30312c 40%,#1e2222 100%);transform:skewY(-2deg)}.scene-device{position:absolute;transition:transform .4s;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.38))}.scene-device:hover{transform:translateY(-8px)}.scene-mac{width:63%;height:81%;right:6%;top:5%}.scene-xtouch{width:70%;height:66%;left:0;bottom:-19%;transform:rotate(-8deg)}.scene-xtouch:hover{transform:rotate(-8deg) translateY(-8px)}.scene-mic{width:29%;right:-3%;top:13%}.scene-headphone{width:33%;right:3%;bottom:-5%}.scene-plaque{position:absolute;bottom:7%;left:7%;color:#e2ddd2;background:rgba(11,13,13,.5);border:1px solid rgba(255,255,255,.12);padding:22px;max-width:230px;z-index:3}.scene-plaque span,.scene-plaque small{display:block;font-size:9px;color:#a8aaa4}.scene-plaque b{display:block;font-size:19px;margin:9px 0 14px;letter-spacing:.12em;font-family:Arial}.hero-bottom{position:absolute;bottom:27px;left:clamp(25px,7vw,122px);right:clamp(25px,6vw,100px);display:flex;justify-content:space-between;gap:10px;color:#999e9c;font-size:10px;letter-spacing:.1em;z-index:5}.hero-bottom a{font-size:25px;color:white}
.manifesto{padding:155px clamp(25px,7vw,122px) 170px;display:grid;grid-template-columns:1fr 340px;gap:28px 80px}.manifesto>.micro-label{grid-column:1/-1}.manifesto h2{font-size:clamp(32px,4.4vw,68px);letter-spacing:-.07em;line-height:1.4;font-weight:580;margin:30px 0 0}.manifesto h2 span{color:#898b83}.manifesto-side{padding-top:45px;color:#61635e;font-size:14px;line-height:2.1}.manifesto-side p{margin:0 0 23px}
.section-wrap{padding:130px clamp(25px,6vw,116px)}.section-head{display:grid;grid-template-columns:1.6fr .8fr;gap:15px 10%;align-items:end;margin-bottom:55px}.section-head .micro-label{grid-column:1/-1;margin-bottom:5px}.section-head h2{font-size:clamp(36px,4.3vw,68px);letter-spacing:-.075em;line-height:1.27;font-weight:610;margin:0}.section-head p{font-size:14px;line-height:2;color:#73756f;margin:0 0 5px}
.studio-section{background:#e8e5dd}.studio-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:16px}.studio-tab{border:0;border-bottom:1px solid #b7b5ae;min-width:165px;flex:1;background:transparent;text-align:left;padding:19px 18px 18px;color:#71726e;transition:background .2s}.studio-tab small{display:block;margin-bottom:9px;font-size:10px;color:#999b97}.studio-tab strong{font-size:14px}.studio-tab.active{background:#272b2b;color:#fff}.studio-tab.active small{color:#b9b7ac}.studio-experience{min-height:535px;display:grid;grid-template-columns:36% 64%;background:#242929;color:#f1efea;overflow:hidden}.studio-left{padding:clamp(30px,4vw,58px);display:flex;flex-direction:column;align-items:start}.studio-left h3{font-size:clamp(29px,3vw,49px);font-weight:570;letter-spacing:-.06em;line-height:1.32;margin:28px 0}.studio-left p{font-size:13px;line-height:2;color:#b8b9b5;margin:0 0 26px}.studio-stack{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 auto}.studio-stack a,.studio-stack span{border:1px solid #626963;padding:8px 12px;font-size:10px;color:#d8d3c8}.studio-left .button{margin-top:42px}.studio-right{position:relative;border-left:1px solid #444a49;background:radial-gradient(ellipse at 60% 35%,#4c514c 0%,#303634 37%,#212726 74%);overflow:hidden;min-height:530px}.product-spec-label{position:absolute;top:28px;left:36px;z-index:3;color:#a7a7a1;font-size:10px;letter-spacing:.16em}.kit-devices{height:440px;position:relative}.kit-devices img{position:absolute;object-fit:contain;transition:transform .28s,filter .28s;filter:drop-shadow(0 15px 14px rgba(0,0,0,.26))}.kit-devices img:hover{transform:translateY(-10px) scale(1.04);filter:drop-shadow(0 28px 25px rgba(0,0,0,.4))}.kit-devices .mac{width:45%;height:77%;right:2%;top:5%}.kit-devices .xtouch{width:57%;height:55%;left:4%;bottom:-4%}.kit-devices .flow8{width:36%;height:42%;left:4%;top:14%}.kit-devices .rode{width:27%;height:61%;right:1%;top:13%}.kit-devices .hd800s{width:31%;height:45%;right:2%;bottom:-2%}.kit-devices .vr{width:41%;height:52%;left:5%;top:6%}.rig-caption{position:absolute;bottom:25px;left:30px;right:30px;display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#ded4c4}.rig-caption span{padding:5px 8px;border-radius:30px;border:1px solid #6d716d}.studio-footnote{font-size:11px;color:#888882;margin-top:20px}
.systems-section{background:var(--paper)}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d2d0ca;border:1px solid #d2d0ca}.system-card{background:#f4f2ed;display:flex;flex-direction:column;min-height:320px;padding:32px;transition:background .2s,transform .2s;position:relative}.system-card:hover{background:#e9e4dc}.system-card .card-index{font-size:11px;color:#989891;letter-spacing:.13em;display:flex;justify-content:space-between}.system-card .sys-pattern{height:96px;display:flex;align-items:center;justify-content:flex-start;gap:5px;overflow:hidden;color:#c28f6b;font-size:45px;font-weight:200;line-height:1;letter-spacing:-.08em;opacity:.83}.sys-pattern svg{width:100%;max-width:300px;height:85px}.system-card h3{font-size:22px;letter-spacing:-.05em;margin:15px 0 8px;font-weight:610}.system-card p{color:#80817c;line-height:1.65;font-size:12px;margin:0 0 20px;max-width:320px}.system-card .go{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #d8d5cc;padding-top:17px;font-size:11px;color:#585954}.system-card .go b{font-size:19px;font-weight:400}
.hero-system{display:grid;grid-template-columns:36% 64%;background:#161b1c;color:#f4f3f0;min-height:650px}.hero-system-copy{padding:clamp(55px,6vw,100px);display:flex;flex-direction:column;align-items:start}.hero-system-copy h2{font-size:clamp(32px,3.7vw,60px);line-height:1.3;letter-spacing:-.07em;margin:66px 0 22px;font-weight:580}.hero-system-copy p{font-size:13px;color:#b3b7b4;line-height:2;max-width:320px}.hero-system-copy a{margin-top:auto}.hero-system-display{margin:65px 65px 65px 0;background:#252b2c;border:1px solid #53605c;border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.3);padding:20px}.display-top{display:flex;justify-content:space-between;font-size:10px;color:#a0a9a5;margin-bottom:14px}.screen-scene{height:250px;background:radial-gradient(circle at 72% 29%,#c3b193 0%,#a28d76 8%,#3e4848 36%,#181b20 70%);position:relative;overflow:hidden;border-radius:3px}.screen-sun{position:absolute;top:50px;right:23%;width:60px;height:60px;border-radius:50%;background:#e0bc8f;filter:blur(13px);opacity:.6}.screen-silhouette{position:absolute;bottom:-12px;left:42%;width:74px;height:180px;border-radius:30px 30px 0 0;background:#101318;transform:skew(5deg)}.screen-scene>span{position:absolute;bottom:20px;left:22px;font-size:13px;color:#ded6c8}.sound-timeline{margin-top:25px}.timeline-ruler{display:block;white-space:nowrap;overflow:hidden;font-size:9px;color:#919e9e;letter-spacing:.02em;margin-bottom:16px}.timeline-track{height:30px;border-top:1px solid #505859;position:relative;display:flex;align-items:center}.timeline-track label{width:70px;flex-shrink:0;font-size:10px;color:#aaa}.timeline-track i{position:absolute;top:8px;height:13px;border-radius:2px;opacity:.92;left:calc(70px + var(--l));max-width:85%;transform:scaleX(.83);transform-origin:left}.sound-timeline input{width:100%;margin:20px 0 7px;accent-color:#c78b66}.sound-timeline output{font-size:11px;color:#c8a081}
.hardware-section{background:#edeae3}.hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hardware-card{min-width:0;background:#f7f5ef;border:1px solid #dad7ce;overflow:hidden}.hardware-card-art{height:238px;background:radial-gradient(ellipse at center,#e3e1da,#d4d1c9);display:flex;align-items:center;justify-content:center}.hardware-card-art img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.hardware-card:hover img{transform:scale(1.06)}.hardware-card-data{padding:24px}.hardware-card-data small{color:#898983;font-size:11px;letter-spacing:.07em}.hardware-card-data h3{font-size:20px;margin:12px 0 8px;letter-spacing:-.04em}.hardware-card-data p{font-size:12px;line-height:1.65;color:#71736e;margin:0 0 17px}.hardware-card-data a{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #ddd9d0;padding-top:14px;font-weight:700}.hardware-tip{font-size:11px;color:#82837d;margin-top:22px;line-height:1.7}
.compute-section{background:#d9d9d1;display:grid;grid-template-columns:45% 55%;position:relative;padding:120px clamp(25px,6vw,116px) 0}.compute-copy{position:relative;z-index:2}.compute-copy h2{font-size:clamp(32px,4vw,63px);line-height:1.3;font-weight:570;letter-spacing:-.07em;margin:34px 0}.compute-copy p{font-size:13px;color:#676c67;line-height:2;max-width:490px}.plain-link{display:inline-block;border-bottom:1px solid currentColor;padding:10px 0;font-size:12px;margin:24px 0}.compute-art{position:relative;min-height:390px}.compute-art img{width:100%;height:450px;object-fit:contain;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.compute-specs{display:grid;grid-template-columns:repeat(3,1fr);grid-column:1/-1;border-top:1px solid #b6b9b2;margin-top:35px}.compute-specs>div{padding:34px 22px 48px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #b6b9b2}.compute-specs>div:last-child{border:0}.compute-specs small{font-size:10px;color:#858b85}.compute-specs strong{font-size:26px;font-weight:600;letter-spacing:-.05em}.compute-specs span{font-size:12px;color:#626762}
.flow-section{background:#f6f4ee}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.flow-sequence{display:flex;flex-direction:column;gap:4px}.flow-item{background:#e9e7df;border:0;padding:24px 28px;display:flex;align-items:center;gap:28px;text-align:left;color:#525652}.flow-item small{font-size:12px;color:#949690}.flow-item span{font-size:17px;flex:1}.flow-item i{font-style:normal}.flow-item.active{background:#202626;color:#fff}.flow-explain{padding:48px;background:#e4e2da;display:flex;flex-direction:column;justify-content:center}.flow-explain span{font-size:11px;letter-spacing:.2em;color:#8a8983}.flow-explain h3{font-size:clamp(24px,2.5vw,43px);font-weight:580;line-height:1.35;letter-spacing:-.05em}.flow-explain p{font-size:14px;line-height:1.9;color:#72716c}
.film-section{background:#1a1e1e;display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center;color:#f6f4ef;padding:clamp(45px,7vw,120px) clamp(25px,6vw,116px)}.film-copy h2{font-size:clamp(34px,4vw,68px);letter-spacing:-.08em;font-weight:570;line-height:1.32;margin:38px 0 25px}.film-copy p{font-size:13px;line-height:2;color:#abb0ad;max-width:430px}.light-link{color:#e9e5dc}.film-frame{position:relative;background:#070909;padding:10px;border:1px solid #515656}.film-frame video{width:100%;aspect-ratio:4/3;object-fit:cover}.video-stamp{position:absolute;bottom:27px;left:24px;color:#fff;font-size:10px;pointer-events:none;background:rgba(0,0,0,.55);padding:8px}
.contact-section{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;background:#eeeae2}.contact-section h2{font-size:clamp(36px,4.5vw,75px);font-weight:570;letter-spacing:-.08em;line-height:1.3}.contact-section p{color:#777971;font-size:13px;line-height:1.9}.contact-action{padding-top:20px}.contact-action label{display:block;font-size:11px;font-weight:700;margin:18px 0 9px}.contact-action select,.contact-action textarea{display:block;width:100%;padding:17px;background:#f8f7f1;border:1px solid #ccc6bc;border-radius:2px;font-size:13px;color:#333}.contact-action textarea{resize:vertical}.contact-action button{width:100%;margin-top:22px}.contact-action #brief-status{font-size:12px}
.footer{background:#e5e0d6;padding:68px clamp(25px,6vw,116px) 24px}.footer-logo{font-family:Arial,sans-serif;font-size:clamp(40px,7vw,100px);font-weight:850;letter-spacing:-.095em;line-height:1}.footer-logo span{color:#c98864}.footer-claim{font-size:clamp(17px,2vw,25px);margin:23px 0 55px;font-weight:480}.footer-subbrands{display:flex;gap:45px;font-size:12px;padding:28px 0;border-top:1px solid #c8c5bc}.footer-legal{border-top:1px solid #c8c5bc;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px;color:#8a8981;padding-top:22px}
/* detail pages */
.detail-hero{background:#242829;color:#f1f1ee;min-height:560px;display:grid;grid-template-columns:47% 53%;position:relative;overflow:hidden}.detail-hero-text{padding:clamp(55px,7vw,110px) clamp(25px,5vw,95px);position:relative;z-index:3}.back-link{display:inline-block;color:#b1b3ad;font-size:12px;padding:4px 0 25px}.detail-hero h1{font-size:clamp(40px,4.9vw,80px);font-weight:590;letter-spacing:-.08em;line-height:1.22;margin:20px 0}.detail-hero-text>p{line-height:2;font-size:14px;color:#b4b9b4;max-width:510px}.detail-hero-visual{position:relative;background:radial-gradient(ellipse at 52% 40%,#535b55,#222829 68%);display:flex;align-items:center;justify-content:center}.detail-hero-visual img{width:65%;height:65%;object-fit:contain}.detail-hero-visual .detail-device-second{position:absolute;width:60%;height:52%;bottom:-5%;left:-11%}.detail-hero-visual .detail-device-third{position:absolute;width:44%;height:50%;right:-5%;bottom:-5%}.detail-header-strip{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-top:45px;color:#b8afa4}.detail-header-strip span{border-top:1px solid #80817e;padding-top:10px;min-width:130px}.detail-lead{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:115px clamp(25px,6vw,116px);background:#f6f3ee}.detail-lead h2{font-size:clamp(31px,4vw,58px);letter-spacing:-.07em;line-height:1.35;font-weight:570;margin:25px 0}.detail-lead p{line-height:2;color:#626762;font-size:14px;align-self:center}.caps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d5d2c9;border:1px solid #d5d2c9}.caps-grid article{padding:35px 25px;background:#eeeae3;min-height:215px}.caps-grid article b{font-size:10px;color:#a1a19a}.caps-grid article h3{font-size:18px;margin:20px 0 12px}.caps-grid article p{font-size:12px;color:#777771;line-height:1.8}.detail-capabilities{padding:100px clamp(25px,6vw,116px);background:#e9e6dd}.detail-capabilities h2,.workflow-detail h2{font-weight:570;letter-spacing:-.06em;font-size:clamp(29px,3vw,49px);margin:24px 0 44px}.workflow-detail{padding:95px clamp(25px,6vw,116px)}.flow-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d4d3cc}.flow-triple article{background:#f1eee7;padding:34px 28px}.flow-triple small{font-size:11px;color:#9b9c97}.flow-triple h3{font-size:19px;margin:16px 0 12px}.flow-triple p{font-size:13px;line-height:1.8;color:#71736c}.demo-section{padding:100px clamp(25px,6vw,116px);background:#1e2223;color:#f7f5ef}.demo-section .demo-title{display:flex;justify-content:space-between;gap:35px;align-items:end}.demo-title h2{font-size:clamp(32px,3.5vw,56px);letter-spacing:-.065em;font-weight:570;margin:22px 0 42px}.demo-title p{max-width:380px;font-size:12px;color:#b2b6b3;line-height:1.9}.app-demo{background:#101516;border:1px solid #4e5959;display:grid;grid-template-columns:165px 1fr;min-height:440px;border-radius:7px;overflow:hidden;box-shadow:0 36px 80px rgba(0,0,0,.18)}.app-sidebar{background:#172021;padding:19px;border-right:1px solid #394342}.app-sidebar .app-brand{font-family:Arial,sans-serif;font-size:20px;letter-spacing:-1px;margin-bottom:30px}.app-sidebar small{display:block;color:#8d9d95;font-size:10px;margin:15px 0 9px}.app-sidebar button{display:block;width:100%;border:0;text-align:left;background:none;color:#c5c6c1;font-size:11px;padding:10px 7px;border-radius:3px}.app-sidebar button.active{background:#303c38;color:#faf8ec}.app-work{display:flex;flex-direction:column;min-width:0}.app-work-top{border-bottom:1px solid #2d3938;display:flex;justify-content:space-between;padding:19px 24px;font-size:11px;color:#a9b8af}.app-work-body{padding:24px;flex:1}.app-view-title{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.app-view-title h3{font-size:23px;font-weight:540;margin:0}.app-view-title span{border:1px solid #566b61;border-radius:3px;color:#b0c2b7;font-size:10px;padding:8px}.preview-content{margin-top:20px;height:230px;background:#1a2223;border:1px solid #374544;border-radius:3px;overflow:hidden;padding:17px}.preview-content .wave-row{height:36px;display:flex;align-items:center;gap:13px;font-size:10px;color:#b2bbb6;border-bottom:1px solid #2e3939}.preview-content .wave-row b{font-weight:400;width:75px}.wave-bars{flex:1;height:21px;display:flex;align-items:center;gap:2px}.wave-bars i{background:#aeb5a9;width:3px;opacity:.6;max-height:20px;flex:1}.wave-row:nth-child(2) .wave-bars i{background:#deb187}.wave-row:nth-child(3) .wave-bars i{background:#849baf}.wave-row:nth-child(4) .wave-bars i{background:#a0ab98}.preview-prompt-line{display:flex;gap:9px;margin-top:15px}.preview-prompt-line input{flex:1;min-width:0;background:#101616;border:1px solid #3b4a48;color:#f1eee6;padding:12px;font-size:12px}.preview-prompt-line button{background:#d8d1c0;border:0;padding:10px 18px;white-space:nowrap;font-size:12px}.preview-result{min-height:34px;color:#a8afa9;font-size:11px;padding-top:12px}.demo-disclaimer{font-size:11px;color:#a3aaa4;line-height:1.9;margin-top:23px}.preview-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%}.preview-columns>div{background:#2b3738;padding:12px;border:1px solid #394b47;color:#dcdedb;font-size:11px}.preview-columns strong{display:block;font-size:17px;margin:12px 0;color:#dec9aa}.preview-book{display:flex;gap:16px;height:100%}.preview-book>div{flex:1;border:1px solid #485552;padding:14px}.preview-book p{font-size:12px;line-height:1.8;color:#acb3ab}.preview-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%}.preview-board>div{position:relative;background:linear-gradient(145deg,#4e5650,#20282b);padding:11px;font-size:10px;overflow:hidden}.preview-board>div:before{content:'';position:absolute;width:54px;height:115px;background:#12181b;left:38%;bottom:-25px;border-radius:40% 40% 0 0}.preview-board>div span{position:absolute;top:10px;left:12px;z-index:2}.preview-prompt pre{color:#b5c5b7;font-size:11px;line-height:1.8;white-space:pre-wrap;margin:0}.preview-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-kanban>div{border:1px solid #53605a;padding:13px;color:#d9dfd8;font-size:11px}.preview-kanban p{background:#2d3938;padding:10px;font-size:11px}.preview-bars{height:100%;display:flex;align-items:flex-end;gap:6px;padding-top:20px}.preview-bars i{flex:1;background:#aaa89a;opacity:.85}.preview-bars i:nth-child(3n+1){background:#d6a67e}.preview-bars i:nth-child(4n){background:#7b9c99}
.detail-hardware{padding:95px clamp(25px,6vw,116px);background:#f4f2ed}.detail-hardware h2{font-size:clamp(29px,3vw,47px);font-weight:570;letter-spacing:-.06em}.detail-hardware-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.detail-hardware-grid a{background:#e5e2da;border:1px solid #d0cfc6;padding:14px}.detail-hardware-grid img{width:100%;height:110px;object-fit:contain}.detail-hardware-grid span{display:block;text-align:center;font-size:12px;font-weight:600;margin-top:7px}.detail-hardware-grid small{display:block;font-size:9px;color:#8b8d85;text-align:center;margin-top:5px}.next-section{padding:75px clamp(25px,6vw,116px);background:#e5e1d9;display:flex;justify-content:space-between;align-items:center;gap:25px}.next-section h2{font-size:clamp(24px,2.5vw,42px);letter-spacing:-.05em;font-weight:560}.next-section a{background:#212728;color:#f8f5ef;font-size:13px;padding:16px 30px}
/* studio details */
.rig-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#303736;padding:5px}.rig-visual img{width:100%;height:190px;object-fit:contain;background:radial-gradient(circle,#505855,#262c2c);padding:10px}.signal-path{list-style:none;margin:32px 0 0;padding:0}.signal-path li{font-size:13px;padding:17px 0;border-bottom:1px solid #d3d0c7;line-height:1.6}.studio-detail-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.studio-detail-systems a{background:#f0ece5;padding:25px}.studio-detail-systems span{display:block;color:#989a91;font-size:10px}.studio-detail-systems h3{font-size:18px}.studio-detail-systems p{color:#7e8076;font-size:12px;line-height:1.7}.disclosure{font-size:11px;color:#9b9c96;line-height:1.8;padding:20px clamp(25px,6vw,116px);background:#272e2f}
@media(max-width:1100px){.hero-type{top:118px}.hero h1{font-size:clamp(47px,6vw,78px)}.scene-plaque{display:none}.hero-system-display{margin:55px 28px 55px 0}.hero-system-copy{padding:65px 35px}.studio-left{padding:35px}.manifesto{grid-template-columns:1fr 290px}.topbar{gap:18px}}
@media(max-width:820px){.topbar{height:70px;padding:0 22px}.topnav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 22px;gap:0;flex-direction:column}.topnav.expanded{display:flex}.topnav a{padding:13px}.nav-toggle{display:block;margin-left:auto}.top-contact{margin-left:auto;padding:10px 13px}.hero{height:auto;min-height:790px}.hero:after{background:linear-gradient(180deg,rgba(12,14,14,.95) 0%,rgba(12,14,14,.88) 43%,rgba(12,14,14,.02) 80%)}.hero-type{top:64px;left:25px}.hero h1{font-size:clamp(52px,9vw,76px)}.hero-scene{inset:30% 0 0 0}.scene-mac{height:75%;top:6%}.scene-xtouch{bottom:-13%;left:-4%}.scene-mic{top:11%}.scene-headphone{bottom:0}.hero-bottom{left:25px;right:25px;bottom:18px}.manifesto{padding:100px 25px;display:block}.manifesto-side{padding-top:30px;max-width:500px}.section-wrap{padding:86px 25px}.section-head{display:block}.section-head h2{margin:24px 0}.section-head p{max-width:550px}.studio-experience{grid-template-columns:1fr}.studio-left{min-height:340px}.studio-right{min-height:450px;border-left:0;border-top:1px solid #444}.system-grid{grid-template-columns:repeat(2,1fr)}.hardware-grid{grid-template-columns:repeat(2,1fr)}.hero-system{grid-template-columns:1fr}.hero-system-copy{padding:80px 25px 45px}.hero-system-copy h2{margin:35px 0}.hero-system-copy a{margin-top:20px}.hero-system-display{margin:0 25px 70px}.compute-section{grid-template-columns:1fr;padding:85px 25px 0}.compute-art{min-height:300px}.compute-art img{height:320px}.flow-grid{grid-template-columns:1fr}.film-section{grid-template-columns:1fr;gap:40px;padding:85px 25px}.contact-section{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr}.detail-hero-visual{height:340px}.detail-lead{grid-template-columns:1fr;padding:75px 25px}.detail-capabilities,.workflow-detail,.demo-section,.detail-hardware{padding:75px 25px}.caps-grid{grid-template-columns:repeat(2,1fr)}.app-demo{grid-template-columns:120px 1fr}.detail-hardware-grid{grid-template-columns:repeat(3,1fr)}.next-section{padding:60px 25px}.studio-detail-systems{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.wordmark{font-size:21px}.top-contact{font-size:10px;padding:10px}.topbar{gap:6px}.hero{min-height:780px}.hero-type{left:20px;right:20px;top:55px}.hero h1{font-size:52px;margin-top:20px}.hero-type p{font-size:12px;line-height:1.8}.hero-buttons{gap:8px}.hero-buttons .button{padding:13px;gap:9px;font-size:11px}.hero-scene{inset:39% -13% 0 -15%}.scene-device.scene-mac{width:65%;right:9%;top:1%}.scene-device.scene-xtouch{width:83%;bottom:-18%;left:-5%}.scene-device.scene-mic{right:-8%;width:37%}.scene-device.scene-headphone{width:40%;bottom:0;right:7%}.hero-bottom{left:20px;right:20px;bottom:14px;font-size:8px}.manifesto h2{font-size:35px}.section-head h2{font-size:36px}.section-wrap{padding:75px 19px}.studio-tabs{margin-right:-19px}.studio-tab{min-width:155px;padding:15px}.studio-left{padding:28px}.studio-right{min-height:320px}.kit-devices{height:300px}.studio-right .product-spec-label{left:17px;top:16px}.kit-devices .mac{height:83%;right:-4%}.kit-devices .xtouch{width:70%;left:-8%}.kit-devices .flow8{left:0}.rig-caption{left:17px;right:10px;bottom:13px}.system-grid{grid-template-columns:1fr}.system-card{min-height:265px;padding:27px}.system-card .sys-pattern{height:73px}.hardware-grid{grid-template-columns:1fr}.hardware-card-art{height:200px}.hero-system-copy{padding:75px 20px 42px}.hero-system-display{margin:0 13px 65px;padding:13px}.screen-scene{height:220px}.compute-section{padding:80px 20px 0}.compute-specs{grid-template-columns:1fr}.compute-specs>div{border-right:0;border-bottom:1px solid #b6b9b2;padding:20px 5px;gap:8px}.compute-specs>div:last-child{border-bottom:0}.flow-grid{gap:12px}.flow-explain{padding:26px}.film-section{padding:70px 20px}.contact-section h2{font-size:42px}.footer{padding:60px 20px 25px}.footer-subbrands{flex-direction:column;gap:14px}.detail-hero-text{padding:43px 20px}.detail-hero h1{font-size:46px}.detail-hero-visual{height:270px}.detail-lead{padding:65px 20px}.detail-capabilities,.workflow-detail,.demo-section,.detail-hardware{padding:68px 20px}.caps-grid,.flow-triple{grid-template-columns:1fr}.caps-grid article{min-height:145px;padding:23px}.demo-title{display:block!important}.app-demo{grid-template-columns:1fr}.app-sidebar{display:flex;align-items:center;overflow:auto;gap:8px;padding:10px}.app-sidebar .app-brand{font-size:15px;margin:0 8px 0 0}.app-sidebar small{display:none}.app-sidebar button{white-space:nowrap;min-width:60px;width:auto}.app-work-top{padding:12px 15px}.app-work-body{padding:13px}.preview-content{padding:11px}.preview-columns{gap:5px}.preview-columns>div{padding:7px;font-size:10px}.detail-hardware-grid{grid-template-columns:repeat(2,1fr)}.next-section{display:block;padding:45px 20px}.next-section a{display:inline-block}.studio-detail-systems{grid-template-columns:1fr}.rig-visual img{height:100px}.disclosure{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.kit-devices a{position:static}.kit-devices a img{z-index:2}
/* === WAWASAN V3 / OFFICIAL MANUFACTURER PHOTOGRAPHY & FULL-LENGTH PRODUCT ARCHIVE === */
.hero-scene.official-scene{inset:0 0 0 43%;background:linear-gradient(140deg,#24282a,#0e1111 76%);display:grid;grid-template-columns:56% 44%;grid-template-rows:54% 46%;gap:8px;align-items:stretch;padding:74px 36px 90px 14px}
.official-scene .official-scene-photo{margin:0;position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#c2c0b8;border:1px solid #555950;box-shadow:0 16px 35px rgba(0,0,0,.28)}
.official-scene .official-scene-photo img{max-height:calc(100% - 44px);max-width:100%;object-fit:contain;filter:saturate(.78) contrast(1.08);display:block}
.official-scene .official-scene-photo figcaption{position:absolute;bottom:11px;left:15px;right:10px;color:#e9e7e1;mix-blend-mode:difference;font-size:10px;letter-spacing:.13em;z-index:1;font-family:Arial,Helvetica,sans-serif}
.official-scene .hero-photo-mac{grid-row:1 / span 2;background:linear-gradient(160deg,#deddda,#a7aba9)}
.official-scene .hero-photo-xtouch{background:linear-gradient(160deg,#454747,#25292a)}
.official-scene .hero-photo-rode{background:#7c817b}
.hero-photo-note{position:absolute;bottom:19px;right:42px;color:#b3b6b2;font-size:9px;letter-spacing:.05em}
.hero-scene.official-scene .official-scene-photo{display:flex}
.hero-scene.official-scene img{visibility:visible}
.hero:after{background:linear-gradient(90deg,rgba(10,12,13,.98) 0%,rgba(10,12,13,.95) 30%,rgba(10,12,13,.5) 50%,transparent 72%)}
.official-card{background:#d6d6d1!important}
.official-card img{object-fit:contain!important;padding:13px;mix-blend-mode:multiply}
.official-card:has(img[src*="empowertribe"]){background:#d1d0cc!important}
.studio-right{min-height:540px;padding:75px 25px 95px;background:#25292a}
.studio-right .product-spec-label{left:24px;top:28px}
.kit-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:130px;gap:10px;height:auto!important;min-height:355px}
.kit-devices a{position:static!important;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#deddd7,#b8b9b3);border-radius:2px;overflow:hidden;border:1px solid #70736e;transform:none!important}
.kit-devices a:first-child{grid-column:span 2;grid-row:span 2}
.kit-devices a img{position:static!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;transform:none!important;padding:8px;mix-blend-mode:multiply}
.kit-devices a:hover img{transform:scale(1.035)!important;filter:none!important}
.rig-caption{position:static;display:flex;margin:18px 0 0;gap:6px}
.rig-caption span{font-size:9px;white-space:nowrap}
.detail-hero-visual{background:linear-gradient(135deg,#777b75,#222626 80%);isolation:isolate}
.detail-hero-visual img{max-width:70%;height:auto;max-height:70%;object-fit:contain;filter:drop-shadow(0 12px 15px #0004)}
.detail-hero-visual .detail-device-second{position:absolute;width:46%;height:45%;bottom:2%;left:0;object-fit:contain;background:#bcbdb6;mix-blend-mode:normal;border:1px solid #8f9691;padding:8px}
.detail-hero-visual .detail-device-third{width:35%;height:40%;right:2%;bottom:0;background:#b8bbb7;padding:8px;border:1px solid #8f9691}
.detail-hardware-grid img{background:#d5d5ce;border-radius:1px;padding:7px;mix-blend-mode:multiply}
.detail-hardware-grid img:hover{opacity:.85}
.compute-photo{padding:10px 15px;background:linear-gradient(120deg,#d7d8d5,#b1b6b6)}
.compute-photo img{max-height:420px;height:auto!important;max-width:100%;mix-blend-mode:multiply;object-fit:contain}
.compute-photo span{font-size:10px;color:#626b69;position:absolute;bottom:14px;left:20px;right:0}
.system-film-cta{display:inline-flex;margin-top:28px;padding:15px 0;border-bottom:1px solid #ada8a0;font-size:13px;color:#f3e7d8;line-height:1.6}
.detail-spec-rack{background:#e3e0d8;padding:95px clamp(25px,6vw,116px)}
.detail-spec-rack h2{font-size:clamp(27px,3vw,49px);letter-spacing:-.06em;font-weight:580}
.studio-spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:40px}
.studio-spec-block{padding:28px;background:#f3f0ea;border:1px solid #ccc8bf;min-width:0}
.studio-spec-block h3{font-size:20px;font-weight:650;margin:3px 0 11px;letter-spacing:-.04em}
.studio-spec-block>a{display:inline-block;border-bottom:1px solid;font-size:11px;margin-bottom:17px}
.studio-spec-block dl{margin:0}
.studio-spec-block dl div{display:grid;grid-template-columns:39% 1fr;gap:14px;padding:12px 0;border-top:1px solid #d7d4cb}
.studio-spec-block dt{font-size:11px;color:#85847f;line-height:1.8}
.studio-spec-block dd{margin:0;font-size:11px;color:#292d2a;line-height:1.8;overflow-wrap:anywhere}
.film-library{background:#181d1d;color:#eee9e1}
.film-library .section-head p{color:#9ca4a0}
.film-library .micro-label{color:#aaaead}
.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.film-tile{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:#2c3231;border:1px solid #454c49;transition:background .2s,border-color .2s}
.film-tile:hover{background:#37403c;border-color:#949b92}
.film-tile-top{display:flex;gap:15px;justify-content:space-between;color:#b4b6b1;font-size:10px;letter-spacing:.05em}
.film-typography{padding:37px 0}
.film-typography b{display:block;font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-size:clamp(19px,2.3vw,33px);font-weight:800;line-height:1.05;max-width:260px;letter-spacing:-.07em;overflow-wrap:normal}
.film-typography i{display:block;color:#aeaba5;font-size:10px;margin-top:18px;font-style:normal;letter-spacing:.1em}
.film-tile-bottom{border-top:1px solid #565b58;display:flex;justify-content:space-between;padding-top:13px;font-size:11px}
.films-status{margin-top:30px;border-top:1px solid #585f59;padding-top:34px;display:flex;align-items:start;gap:28px;justify-content:space-between;flex-wrap:wrap}
.films-status b{font-size:14px}.films-status p{max-width:600px;color:#a9afa8;font-size:11px;line-height:1.9;margin:0}.films-status code{white-space:normal;color:#d8b797}.films-status .button{background:#ede9dd;color:#242726;white-space:normal}
.contact-direct{grid-column:1/-1;background:#232725;color:#f1eee5;padding:35px 45px;display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;margin-top:45px;align-items:stretch}
.contact-direct>span{grid-column:1/-1;font-size:10px;color:#a3aaa4;letter-spacing:.15em}
.contact-direct>div{border-top:1px solid #5f6760;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.contact-direct b{font-size:11px;font-family:Arial;letter-spacing:.13em;color:#bebfb9}
.contact-direct strong,.contact-direct a{font-family:Arial,Helvetica,sans-serif;font-size:clamp(21px,2.3vw,40px);font-weight:700;letter-spacing:-.035em;overflow-wrap:anywhere;color:#f2ede1}
.contact-direct button{border:1px solid #888f87;border-radius:2px;background:transparent;color:#eee9df;padding:10px 14px;font-size:11px}
.footer-contact-prominent{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;margin:0 0 37px;border-top:1px solid #b4b3aa;padding-top:26px}
.footer-contact-prominent strong{grid-column:1/-1;font-size:13px}
.footer-contact-prominent span{font:12px Arial,Helvetica,sans-serif;letter-spacing:.04em;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.footer-contact-prominent b,.footer-contact-prominent a{font-size:clamp(14px,1.65vw,25px);letter-spacing:0;font-weight:700;overflow-wrap:anywhere}
/* Hardware photo & technical specifications detail */
.hardware-hero{background:#1a1f1f;color:#eeefe9;min-height:570px;display:grid;grid-template-columns:42% 58%}
.hardware-hero-copy{padding:80px clamp(28px,5vw,92px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hardware-hero-copy h1{font:700 clamp(45px,5.2vw,90px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.055em;overflow-wrap:anywhere;margin:24px 0}
.hardware-hero-copy>p{color:#c1c5bf;font-size:17px;line-height:1.65}
.hard-status{border:1px solid #6d716c;color:#b1b7b2;padding:9px 12px;margin:14px 0 29px;font-size:11px}
.hardware-hero-photo{margin:0;background:linear-gradient(135deg,#e0e1db,#9da3a0);position:relative;display:flex;align-items:center;justify-content:center;padding:32px;min-height:400px}
.hardware-hero-photo img{width:100%;height:100%;max-height:510px;object-fit:contain;mix-blend-mode:multiply}
.hardware-hero-photo figcaption{position:absolute;bottom:14px;left:25px;font-size:10px;color:#414946}
.hardware-value h2,.hardware-specs h2,.related-workstations h2,.others-hardware h2{font-size:clamp(29px,3.5vw,55px);font-weight:600;letter-spacing:-.065em;margin:24px 0 42px}
.hardware-value{background:#e9e6de}.value-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.value-duo article{padding:30px;background:#f8f6f0}.value-duo article span,.value-duo article strong{display:block;font-size:12px;font-weight:800;color:#6d716b}.value-duo p{font-size:15px;color:#444a44;line-height:1.9}
.hardware-specs{background:#f6f3ed}.specs-header{display:grid;grid-template-columns:1.4fr .65fr;gap:12%;align-items:end}
.specs-header p,.source-note{font-size:11px;color:#818079;line-height:1.9;overflow-wrap:anywhere}
.hardware-specs table{width:100%;border-collapse:collapse;margin:23px 0;font-size:14px;table-layout:fixed}
.hardware-specs th,.hardware-specs td{padding:18px 20px;text-align:left;border-bottom:1px solid #cec9bf;line-height:1.7;overflow-wrap:anywhere}
.hardware-specs th{width:30%;font-weight:600;color:#777872}
.hardware-specs tr:nth-child(odd){background:#ece9e1}
.related-workstations{background:#dfddd4}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.related-pill{padding:20px;background:#f5f2ea;display:flex;gap:13px;align-items:center;font-size:12px}.related-pill strong{margin-left:auto;font-size:13px}
.others-hardware{background:#f4f2ed}.others-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.device-small{display:flex;flex-direction:column;align-items:center;gap:12px;background:#dedbd3;padding:10px;min-width:0}.device-small img{width:100%;height:110px;object-fit:contain;mix-blend-mode:multiply}.device-small span{font-size:12px;font-weight:650}
/* Individual Seedance film director pages */
.film-detail-hero{min-height:620px;background:#111616;color:#f3f1e9;display:grid;grid-template-columns:48% 52%;align-items:stretch}
.film-detail-hero>div:first-child{padding:80px clamp(20px,5vw,90px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.film-detail-hero h1{font:800 clamp(40px,4vw,70px)/1.08 Arial,sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere;margin:32px 0 10px}
.film-zh{color:#e2c5ad!important;font-size:19px!important;margin:10px 0 20px!important}
.film-detail-hero p{font-size:12px;color:#b9bdb7;line-height:1.8}
.film-tags{display:flex;gap:12px;flex-wrap:wrap;margin:40px 0}.film-tags span{border:1px solid #575d59;padding:8px 11px;font-size:11px}
.film-player-card{background:radial-gradient(ellipse at 63% 43%,#545a58,#171b1c 66%);display:flex;align-items:center;justify-content:center;padding:35px;min-width:0}
.film-fallback{aspect-ratio:4/3;width:min(100%,600px);border:1px solid #737770;box-shadow:0 35px 70px #0005;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:linear-gradient(154deg,#202726,#090d0d);color:#f8f5ec}
.film-fallback>span{font:11px Arial;letter-spacing:.13em;color:#b4ada3}
.film-fallback strong{font:750 clamp(25px,3vw,52px)/1.06 Arial,sans-serif;letter-spacing:-.07em;max-width:480px}
.film-fallback small{color:#a4a8a0;font-size:11px;line-height:1.8}
#film-video{width:min(100%,600px);aspect-ratio:4/3;background:#000}#film-video[hidden],.film-fallback[hidden]{display:none!important}
.film-voice{background:#e6e2d8}.film-voice blockquote{font-size:clamp(30px,3.8vw,59px);line-height:1.56;letter-spacing:-.07em;margin:30px 0 20px;max-width:970px}
.film-voice p{font-size:12px;color:#797a71;line-height:1.8}.film-voice h2,.shots-section h2,.film-directions h2{font-weight:580;font-size:clamp(31px,3.2vw,53px);letter-spacing:-.06em}
.shots-section{background:#f3f0e8}.shots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shot-card{background:#e4dfd6;padding:27px;min-height:340px}
.shot-card span{font-size:11px;color:#6c716d;letter-spacing:.05em}.shot-card h3{font-size:20px;line-height:1.45;letter-spacing:-.04em;margin:20px 0 16px}.shot-card p{font-size:13px;line-height:1.9;color:#656964}
.film-directions{background:#e1dfd6}.film-directions .button{margin-top:25px}
/* Accessible fallback when hotlinked manufacturer media unavailable in isolated local browser */
.remote-photo-unavailable{background:#252d2c!important;color:#f2eee7;position:relative}
.remote-photo-unavailable:after{content:'请联网查看厂商原始产品图片';position:absolute;inset:auto 15px 15px;font-size:11px;line-height:1.5;color:#e5ddd1;text-align:center;pointer-events:none}
@media(max-width:1100px){.official-scene .hero-photo-mac{grid-row:1/3}.official-scene .hero-photo-rode img{height:auto}.film-typography b{font-size:23px}}
@media(max-width:820px){.hero-scene.official-scene{inset:39% 0 0!important;padding:10px 23px 58px!important;grid-template-columns:58% 42%;grid-template-rows:53% 47%;gap:5px}.hero:after{background:linear-gradient(180deg,rgba(10,13,14,.98) 0%,rgba(10,13,14,.96) 42%,rgba(10,13,14,.28) 67%,transparent 100%)}.hero-type{top:58px}.hero-photo-note{bottom:16px;right:23px;left:23px;font-size:8px}.official-scene .official-scene-photo figcaption{font-size:8px;bottom:6px;left:8px}.kit-devices{grid-auto-rows:100px;min-height:330px}.studio-right{min-height:425px;padding:70px 22px 27px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-direct{padding:30px}.hardware-hero{grid-template-columns:1fr}.hardware-hero-copy{padding:70px 30px}.hardware-hero-photo{min-height:420px}.specs-header{grid-template-columns:1fr}.film-detail-hero{grid-template-columns:1fr}.film-player-card{min-height:450px}.shots-grid{grid-template-columns:1fr}.shot-card{min-height:unset}.others-grid{grid-template-columns:repeat(3,1fr)}.studio-spec-list{grid-template-columns:1fr}}
@media(max-width:500px){.hero-scene.official-scene{inset:42% 0 0!important;padding:8px 12px 65px!important}.hero:after{background:linear-gradient(180deg,rgba(10,13,14,.99) 0%,rgba(10,13,14,.96) 44%,rgba(10,13,14,.22) 70%,transparent 100%)}.official-scene .official-scene-photo{border:0}.studio-right{min-height:400px;padding:73px 14px 20px}.kit-devices{grid-auto-rows:95px;min-height:300px;gap:5px}.rig-caption span{font-size:8px}.film-grid{grid-template-columns:1fr}.film-tile{min-height:230px}.film-typography b{font-size:34px}.films-status{flex-direction:column}.films-status .button{width:100%;justify-content:center}.contact-direct{grid-template-columns:1fr;gap:17px;padding:23px}.contact-direct>span{grid-column:1}.contact-direct strong,.contact-direct a{font-size:23px}.footer-contact-prominent{grid-template-columns:1fr}.footer-contact-prominent strong{grid-column:1}.hardware-hero-copy{padding:45px 22px}.hardware-hero-copy h1{font-size:48px}.hardware-hero-photo{padding:12px;min-height:320px}.hardware-specs table{font-size:12px}.hardware-specs th,.hardware-specs td{padding:12px 10px}.hardware-specs th{width:36%}.value-duo{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.related-pill{padding:16px}.others-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.others-grid img{height:85px}.film-detail-hero>div:first-child{padding:47px 22px 25px}.film-detail-hero h1{font-size:43px}.film-player-card{padding:15px;min-height:340px}.film-fallback{padding:22px}.film-fallback strong{font-size:28px}.film-tags{margin:20px 0}.shot-card{padding:25px}.detail-hero-visual .detail-device-second{width:50%;height:46%;bottom:0}.detail-hero-visual{min-height:290px}.studio-spec-block dl div{grid-template-columns:41% 1fr}}

.brand-wrap{display:flex;flex-direction:column;gap:4px}.brand-idea{font-size:10px;letter-spacing:1px;color:#666}.film-tile video{width:100%;aspect-ratio:4/3;background:#111;object-fit:contain}.film-tile{display:block}.film-caption{padding:22px}.film-caption p{color:#777;font-size:13px}.film-caption h3{margin:0 0 8px}.film-grid{align-items:start}.film-head{display:flex;justify-content:space-between;padding:12px 0;font-size:12px}.detail-main{max-width:1180px;margin:auto;padding:70px 30px 90px}.detail-main h1{font-size:clamp(32px,5vw,64px);letter-spacing:-2px;font-weight:600;line-height:1.15;margin:20px 0 24px}.detail-main .lead{font-size:18px;color:#686965;max-width:720px;line-height:1.9}.detail-video{width:min(100%,960px);background:#111;aspect-ratio:4/3;margin:36px auto}.detail-video video{width:100%;height:100%;object-fit:contain}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:40px 0}.detail-grid>section{padding:30px;background:var(--paper)}.detail-grid p{line-height:1.8;color:#676964}.hardware-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.hardware-strip a{padding:20px;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.hardware-strip img{height:160px;object-fit:contain}.spec-table{border-collapse:collapse;width:100%;margin:25px 0;font-size:14px}.spec-table th,.spec-table td{text-align:left;padding:17px 12px;border-bottom:1px solid var(--line);line-height:1.7}.spec-table th{width:30%;font-weight:500;color:#777}.product-hero{width:100%;height:440px;object-fit:contain;margin:35px 0;background:#eae7df}.crumb{font-size:12px;color:#777;display:flex;gap:16px}.section-link{display:inline-block;padding:13px 22px;border:1px solid var(--line);margin:10px 12px 10px 0}.caption-script{line-height:2;max-width:760px}.caption-script .en{font-size:14px;color:#7b7b72}.status-note{color:#736f65;font-size:13px;line-height:1.8}.sys-pattern img{width:100%;height:140px;object-fit:cover}.missing-film{aspect-ratio:4/3;background:#202421;color:#e4ddd0;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center}.footer-line{font-size:12px;color:#777;line-height:2}@media(max-width:700px){.topbar{gap:12px}.brand-idea{font-size:8px}.detail-grid{grid-template-columns:1fr}.hardware-strip{grid-template-columns:1fr 1fr;gap:8px}.hardware-strip a{padding:12px}.hardware-strip img{height:110px}.product-hero{height:260px}.detail-main{padding:35px 20px 60px}.spec-table th{width:33%}.spec-table th,.spec-table td{padding:14px 6px}.detail-video{margin:28px 0}.film-caption{padding:18px}}
/* WAWASAN V5 brand-film first screen */
.brand-film-hero{background:#171b1c;color:#f5efe5;display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);align-items:center;gap:clamp(25px,4vw,70px);padding:clamp(34px,4vw,66px) clamp(22px,5vw,94px);min-height:calc(100svh - 84px)}.brand-film-copy{max-width:310px}.brand-film-kicker{color:#c58e68;font-size:12px;letter-spacing:2px;margin:0 0 25px}.brand-film-copy h2{font-size:clamp(32px,3.3vw,56px);font-weight:500;line-height:1.28;letter-spacing:-1px;margin:0 0 28px}.brand-film-copy h2 span{color:#c58e68}.brand-film-intro{font-size:14px;line-height:1.9;color:#bbb7af;margin-bottom:30px}.brand-film-screen{min-width:0;background:#0b0f10;box-shadow:0 22px 70px #0004}.brand-film-screen video{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}.brand-film-play{background:#e9e1d4;border:1px solid #e9e1d4;color:#171b1c;padding:15px 18px;font-size:13px;display:flex;gap:22px;align-items:center}.brand-film-play:hover{background:#fff4e1}.brand-film-duration{font-size:11px;color:#aaa59c;margin:15px 0 25px}.brand-film-link{color:#c5bdae;font-size:12px;border-bottom:1px solid #655e55;padding-bottom:7px}.brand-film-play:focus-visible{outline:2px solid #c58e68;outline-offset:5px}@media(max-width:820px){.brand-film-hero{grid-template-columns:1fr;gap:26px;min-height:auto;padding:32px 22px 36px}.brand-film-copy{max-width:none}.brand-film-copy h2{font-size:32px;line-height:1.3;letter-spacing:-.5px}.brand-film-copy h2 br{display:none}.brand-film-kicker{margin-bottom:14px}.brand-film-intro{display:none}.brand-film-play{display:inline-flex;margin-top:0;padding:12px 16px}.brand-film-duration{display:inline-block;margin:0 0 0 15px}.brand-film-link{display:none}.brand-film-screen{grid-row:2}.brand-film-copy{grid-row:1}}@media(max-width:430px){.brand-film-copy h2{font-size:28px}.brand-film-duration{display:block;margin:12px 0 0}.brand-film-hero{padding:27px 18px 30px;gap:20px}}