/* R3: editorial separation, authentic assets, continuous terminal language. */
body[data-chapter=timeline] #art-field{inset:12vh 0 16vh 31vw;animation:none;translate:none}
body[data-chapter=timeline] #art-field:after{background:linear-gradient(90deg,#02040a 0%,transparent 24%)}
#timeline{width:33vw;top:24vh;background:linear-gradient(90deg,#030710f5 75%,#03071000);padding:20px 25px 24px 0}
#timeline h2{font-size:clamp(26px,2.8vw,52px);text-wrap:balance;line-height:1.16}
#timeline p{font-size:16px;line-height:1.7;color:#d6e0ec}#timeline small{font-size:12px;line-height:1.7;color:#b7c9dd}
#year{color:#f3ddb4}#art-note{display:none!important}
.pc-cable-light{stroke-dasharray:22 160;animation:cable-flow 4s linear infinite;opacity:.7}@keyframes cable-flow{to{stroke-dashoffset:-182}}
.timeline-c1{transform-box:fill-box;transform-origin:center;animation:timeline-trio 10s linear infinite}@keyframes timeline-trio{to{transform:rotate(360deg)}}
.portal[data-portal=heritage]{background:linear-gradient(145deg,#132b4a,#091525);border-color:#6786a055}
.portal[data-portal=healthcare]{background:#e9e9e0;color:#24272b;border-color:#e9e9e0}.portal[data-portal=healthcare] p,.portal[data-portal=healthcare] .card-top{color:#525d61}.portal[data-portal=healthcare] .card-top img{filter:brightness(.18)}
.portal[data-portal=software]{background:#141416;border-color:#a8a8a644;background-image:radial-gradient(#ffffff14 .7px,transparent .7px);background-size:9px 9px}
.portal .card-copy h3{letter-spacing:-.04em}.portal[data-portal=software] .card-copy{font-family:monospace}.portal[data-portal=healthcare] .ecg{filter:grayscale(1)}
.hero-art{object-fit:cover}.heritage-hero .hero-art{object-position:center 44%;opacity:.85}
.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#9cabb338;border:1px solid #9cabb338;margin:35px 0}
.partner-logo{background:#f4f4ee;min-height:150px;padding:28px 22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px}
.partner-logo img{width:150px;max-width:100%;height:60px;object-fit:contain}.partner-logo span{font:10px monospace;color:#687078;letter-spacing:.06em}
.partner-logo.reverse-logo{background:#243a30}.partner-logo.reverse-logo span{color:#ddd}.additional-partner{font:18px monospace;margin:20px 0;color:inherit}
.oem-section{display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;background:#0b1930;color:#edf0f4}.oem-section p{color:#b7c6da;line-height:1.8}.oem-section .pill{background:#e5edf4;color:#14233b;border:0;padding:16px 24px;border-radius:30px}
.oem-steps{align-self:center;border-top:1px solid #b2c9e344}.oem-steps>span{display:block;padding:28px 0;border-bottom:1px solid #b2c9e344;font:16px/1.6 monospace}
.product-reference{object-fit:contain!important;background:#fff!important;padding:28px}.allies .product-reference{width:100%;height:auto;aspect-ratio:1.2}
.connected-detail .editorial-image{background:#fff}.connected-detail .product-reference{aspect-ratio:1.25}.community-photo img{max-height:610px;object-position:center}
.health-image:after{display:none}.health-image{min-height:580px;background:#dddcd3;overflow:hidden}
.care-orbit{height:100%;min-height:580px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#f9f7ec,#d2d5cf);color:#343e3f}
.care-orbit-grid{position:absolute;inset:0;background-image:radial-gradient(#63767133 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.care-orbit-ring{position:absolute;left:15%;top:14%;width:70%;aspect-ratio:1;border:1px solid #667c7440;border-radius:50%}.ring-two{inset:25% auto auto 25%;width:50%}
.ring-one:before{content:'';position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#657c70;border-radius:50%;animation:care-orbit 18s linear infinite}@keyframes care-orbit{to{transform:rotate(360deg)}}
.care-center{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:45%;text-align:center;display:grid;gap:12px}.care-center>span{font:60px Georgia;color:#6e8477}.care-center b{font:26px/1.2 Georgia}.care-center small{font:9px monospace;letter-spacing:.2em}
.care-orbit-node{position:absolute;padding:11px 18px;border:1px solid #6b847647;border-radius:25px;background:#f5f5efd9;box-shadow:0 8px 22px #37443a0b;font:11px monospace;animation:node-breathe 6s ease-in-out infinite}.node-person{left:8%;top:36%}.node-team{right:7%;top:24%;animation-delay:2s}.node-hospital{right:12%;top:53%;animation-delay:4s}@keyframes node-breathe{50%{box-shadow:0 0 0 8px #8da59314}}
.care-orbit-device{position:absolute;left:24%;bottom:5%;width:52%;text-align:center}.care-orbit-device img{height:210px;width:100%;object-fit:contain;mix-blend-mode:multiply}.care-orbit-device small{font:10px/1.6 monospace;color:#626e68}
.office-section{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;background:#e7e9e5;color:#1e2c36}.office-section p{line-height:1.8}.office-section a{display:inline-block;min-height:44px;text-decoration:underline;text-underline-offset:6px}.office-card{padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;border:1px solid #73838d55;background:radial-gradient(#76858e2b 1px,transparent 1px);background-size:12px 12px}.office-card>span{font:10px monospace}.office-card>b{font-size:32px;line-height:1.2;font-weight:500}
.site-header nav{gap:22px}.site-header nav a{min-height:44px;display:flex;align-items:center}
body.trio{background:#131315;background-image:radial-gradient(#ffffff0d .7px,transparent .7px);background-size:9px 9px}
.trio h2,.trio h3{font-family:'IBM Plex Mono','IBM Plex Sans Thai',monospace;letter-spacing:-.045em}.trio h2{font-size:clamp(32px,3.8vw,58px)}.trio p{font-family:'IBM Plex Mono','IBM Plex Sans Thai',monospace;font-size:14px}
.trio .section{background:transparent}.trio .project{position:relative;border-top:1px solid #ffffff22}.trio .project:before{content:attr(data-terminal-path);position:absolute;top:24px;left:6vw;color:#d86475;font:10px monospace}.trio .project:after{content:'+';position:absolute;top:-12px;right:6vw;color:#e8546c;font:20px monospace}
.trio .project-layout{gap:35px}.trio .project-layout figure{position:relative;border:1px solid #ffffff20;background:#19191c}.trio .project-layout figure:before{content:'SOURCE / HARDWARE';font:9px monospace;color:#aaa;position:absolute;left:14px;top:14px;z-index:1}.trio .project-layout figure img{filter:grayscale(.9);mix-blend-mode:screen;opacity:.8;object-fit:contain;background:#f3f3ec}
.trio .project-layout figure img[src*="e600"]{mix-blend-mode:normal;opacity:1;max-height:500px}.trio .demo-console{border-color:#626266;background:#151519;box-shadow:0 0 30px #0002}
.trio .logo-grid{border-color:#ffffff30}.trio .partner-logo{background:#eceee8}.trio .office-section{background:#19191d;color:#eaeae2}.trio .office-card{border-color:#ddd3}.trio .office-address{color:#c1c1bd}
.mc-tabs{display:flex;border-bottom:1px solid #ffffff25}.mc-tabs button{flex:1;min-height:44px;border:0;border-right:1px solid #fff2;background:transparent;color:#aaa;font:11px monospace}.mc-tabs button[aria-pressed=true]{color:#ef7180;background:#ffffff09}
.mc-overview{padding:24px}.mc-overview .label{font-size:9px;margin-bottom:15px}.mc-row{display:grid;grid-template-columns:1.6fr 1fr .8fr;gap:10px;padding:14px 0;border-top:1px solid #ffffff15;font:10px/1.5 monospace}.mc-row b{font-weight:400;color:#becdbd;text-align:right}
.io-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:1px solid #ffffff25;margin-top:50px}.io-grid article{padding:35px;border-right:1px solid #ffffff25;position:relative}.io-grid h3{font-size:24px;margin-top:35px}.io-grid small{font:10px monospace;color:#e46c7c}.io-center img{width:42px;height:42px}.io-center{background:#ffffff05}.io-center:after{content:'→';position:absolute;right:-12px;top:40%;font:24px monospace;color:#e76274}.io-grid article:last-child{border:0}
.health-dashboard{border:1px solid #5f5f64;background:#121215;font-family:'IBM Plex Mono','IBM Plex Sans Thai',monospace}.geo-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px 22px;border-bottom:1px solid #ffffff25}.geo-breadcrumb button{background:none;border:0;color:#b6b6b3;font:11px monospace;min-height:44px;padding:5px 8px}.geo-breadcrumb button[aria-current]{color:#ec7484}.dashboard-grid{display:grid;grid-template-columns:32% 68%}.dashboard-map{padding:20px;border-right:1px solid #ffffff25;background:#19191d}.thai-map{position:relative;height:380px;max-width:245px;margin:auto}.thai-map>img{height:100%;width:100%;object-fit:fill;opacity:.65;filter:grayscale(1)}#map-cities{position:absolute;inset:0}#map-cities button{position:absolute;border:0;background:none;color:#e9e9de;padding:0;transform:translate(-12px,-12px);display:flex;align-items:center;gap:7px;min-height:44px;font:9px monospace;white-space:nowrap}#map-cities i{width:9px;height:9px;background:#e2556c;border-radius:50%;box-shadow:0 0 0 5px #ed5a7420;flex-shrink:0}#map-cities .selected i{background:#fff0c9;box-shadow:0 0 0 7px #eed89b25}#map-cities .selected span{color:#f3dbaf}
#geo-options{border-top:1px solid #ffffff25;margin-top:15px;padding-top:20px}#geo-options .label{font-size:9px;margin-bottom:12px}#geo-options button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:none;border:0;border-bottom:1px solid #fff2;color:#e3e3df;text-align:left;min-height:48px;font:11px/1.5 monospace}#geo-options button:hover{color:#e97485}#geo-options p{font-size:11px;color:#aaa}
.dashboard-detail{padding:25px}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px}.dash-title h3{font-size:22px;margin:0}.mock-badge{font:8px monospace;color:#edaf7a;border:1px solid #edaf7a55;padding:6px;white-space:nowrap}.dashboard-filters{display:flex;flex-wrap:wrap;gap:15px;margin:25px 0}.dashboard-filters label{font:10px monospace;display:grid;gap:8px;flex:1}.dashboard-filters select,.dashboard-filters button{min-height:44px;background:#202024;color:#eee;border:1px solid #666;padding:8px 12px;font:11px monospace}.dashboard-filters button{align-self:end}.health-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-kpis article{border:1px solid #ffffff25;padding:20px 15px;background:#ffffff03;display:grid;gap:12px}.health-kpis strong{font-size:32px;font-weight:400;line-height:1}.health-kpis article:last-child strong{color:#f29380}.health-kpis span{font:10px/1.5 monospace;color:#bfbfbc}.dash-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-top:35px}.dash-panels h4{font:12px monospace;font-weight:400;color:#ddd;margin:0 0 25px}.measure-head{display:flex;justify-content:space-between;font:8px monospace;color:#969699;margin-bottom:10px}.measure-row{display:grid;grid-template-columns:1fr 35px;gap:8px;padding:11px 0;border-bottom:1px solid #ffffff13;font:10px monospace}.measure-row>b{font-size:9px;font-weight:400;grid-column:2;grid-row:1/3;text-align:right;line-height:1.8}.measure-row em{display:block;color:#f29380;font-style:normal}.measure-track{height:3px;background:#ffffff15}.measure-track i{display:block;height:100%;background:#9eadbc}.group-row{display:grid;grid-template-columns:1fr auto;gap:6px;border-top:1px solid #ffffff18;padding:10px 0;font:11px monospace}.group-row b{color:#e6caa3;font-weight:400}.group-row small{grid-column:1/3;font-size:8px;color:#939394}.health-action{border-left:2px solid #de697a;padding:5px 0 5px 12px;margin-top:22px}.health-action small{font-size:8px;color:#d46a7c}.health-action p{font-size:11px;line-height:1.7;margin:12px 0}.health-action span{font-size:9px;color:#979797}.dashboard-note{font-size:9px!important;line-height:1.8;color:#929295;margin-top:25px}
@media(max-width:900px){.logo-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:30% 70%}.dash-panels{grid-template-columns:1fr}.health-kpis strong{font-size:25px}.health-kpis article{padding:14px 10px}.dashboard-detail{padding:18px}}
@media(max-width:760px){body[data-chapter=timeline] #art-field{inset:45vh -5vw 15vh 0}#timeline{top:14vh;width:89vw;padding:14px 0 20px;background:linear-gradient(#030710,#030710f5 90%,transparent)}#timeline h2{font-size:27px;margin:8px 0 10px}#timeline p{font-size:13px;line-height:1.6;margin-bottom:10px}#timeline small{font-size:10px}body[data-chapter=timeline] #art-field:after{background:none}#year{font-size:55px!important}.site-header{gap:10px;padding:0 4vw;flex-wrap:wrap;height:auto;min-height:95px;padding-top:14px;padding-bottom:10px}.site-header nav{order:3;justify-content:space-between;width:100%;gap:10px}.site-header nav a{font-size:11px}.site-header .brand{max-width:72%}.site-header #language{min-width:44px}.logo-grid{grid-template-columns:repeat(2,1fr)}.partner-logo{min-height:125px;padding:22px 15px 15px}.partner-logo img{height:45px}.oem-section,.office-section,.io-grid{grid-template-columns:1fr}.oem-section{gap:40px}.office-section{gap:35px}.io-grid article{border-right:0;border-bottom:1px solid #fff2}.io-center:after{display:none}.health-image,.care-orbit{min-height:530px}.care-orbit-device img{height:170px}.care-center b{font-size:23px}.care-orbit-node{font-size:9px;padding:9px 12px}.dashboard-grid{grid-template-columns:1fr}.dashboard-map{border-right:0;border-bottom:1px solid #fff3;display:grid;grid-template-columns:1fr 1fr;gap:14px}.thai-map{height:285px;width:175px;max-width:100%}#geo-options{margin-top:0}#geo-options button{font-size:10px}.dashboard-detail{padding:20px 14px}.dash-title h3{font-size:20px}.health-kpis{gap:7px}.health-kpis strong{font-size:23px}.health-kpis span{font-size:9px}.dash-panels{grid-template-columns:1fr}.geo-breadcrumb{padding:10px}.dashboard-filters{gap:10px}.dashboard-filters label{min-width:70px}.office-card{padding:28px}.trio .section{padding-top:75px;padding-bottom:75px}.trio .project-heading{padding-top:15px}.trio .project-layout figure img{aspect-ratio:1.3}.mc-row{font-size:9px}.mc-overview{padding:18px}.portal[data-portal=healthcare] .card-copy{z-index:4}}
@media(prefers-reduced-motion:reduce){.pc-cable-light,.timeline-c1,.care-orbit-ring:before,.care-orbit-node{animation:none!important}}
.care-orbit-path{bottom:11%;left:15%;width:70%;font:11px monospace}.care-orbit-path i{padding:0 22px;color:#788e80}.care-orbit-path p{font:17px Georgia;margin-top:25px}.package-link{display:block;padding:12px 25px;background:#e6e8e1;color:#394840;font:12px monospace;text-align:right;text-decoration:underline;text-underline-offset:4px}
.trio .mc-workflow-visual:before{display:none!important}.mc-system{width:100%;height:100%;min-height:480px;background:radial-gradient(#ffffff12 .7px,transparent .7px);background-size:8px 8px;color:#d7dad2}.mc-system-top{display:flex;justify-content:space-between;border-bottom:1px solid #fff2;padding:20px;font:10px monospace}.mc-system-top i{color:#d96978}.mc-system-body{padding:35px}.mc-system-body>small{font:10px monospace;color:#91958e}.mc-system-body h3{font-size:30px;margin:25px 0 35px;line-height:1.3}.mc-system-line{display:grid;grid-template-columns:35px 1fr 25px;gap:12px;border-top:1px solid #fff2;padding:21px 0;font:12px/1.6 monospace}.mc-system-line b{color:#dd7080;font-weight:400}.mc-system-line small{font-size:10px;color:#91958e}.mc-system-line i{color:#abc1aa}.mc-signal{height:2px;background:#fff1;margin:30px 0 15px;overflow:hidden}.mc-signal span{display:block;height:100%;width:30%;background:linear-gradient(90deg,transparent,#e66c7e,transparent);animation:mc-signal 5s ease-in-out infinite}@keyframes mc-signal{from{transform:translateX(-110%)}to{transform:translateX(440%)}}
.measure-row,.measure-row>b,.group-row small,.dashboard-note,.health-action span{font-size:11px!important}.measure-head,.mock-badge,.health-action small{font-size:10px}.media-paused .pc-cable-light,.media-paused .timeline-c1,.media-paused .care-orbit-ring:before,.media-paused .care-orbit-node,.media-paused .mc-signal span{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.mc-signal span{animation:none}}
#map-cities button{width:20px;height:20px;min-height:20px;transform:translate(-10px,-10px);justify-content:center}#map-cities button span{position:absolute;left:22px;top:4px;pointer-events:none}#map-cities button[data-city=bangkok] span{top:-10px}#map-cities button[data-city=chonburi] span{top:7px}#map-cities button:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* R4: official source marks and a distinct actual hardware photograph. */
.partner-logo.verified-logo{text-decoration:none;transition:box-shadow .2s ease}.partner-logo.verified-logo:hover{box-shadow:inset 0 0 0 2px #879caa}.partner-logo.aim-logo{background:#17212c}.partner-logo.aim-logo span{color:#d4dce4}.partner-logo.entech-logo{background:#182832}.partner-logo.entech-logo span{color:#d4dce4}.partner-logo.entech-logo img{width:190px;height:65px}.partner-logo span{font-size:11px;line-height:1.5;text-align:center}
.trio .project-layout .e600-kit-figure{align-self:start;background:#17171a;padding:45px 18px 0}.trio .project-layout .e600-kit-figure:before{content:'E600 / HARDWARE KIT';color:#c0c4c0;font-size:10px}.trio .project-layout figure img[src*="e600-kit"]{filter:none;mix-blend-mode:normal;opacity:1;background:none;height:auto;max-height:none;aspect-ratio:945/708;object-fit:contain}.e600-kit-figure figcaption{padding:22px 0!important;font-size:10px}
:focus-visible{outline:2px solid #cc9363;outline-offset:4px}.trio :focus-visible{outline-color:#f18d9b}.healthcare :focus-visible{outline-color:#415c4d}.site-header~main{scroll-margin-top:120px}.project,.office-section,[role=tabpanel]{scroll-margin-top:120px}.dashboard-grid :focus-visible{scroll-margin-block:100px}.health-dashboard #geo-title:focus-visible{outline-offset:8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important;filter:none!important}.partner-logo.verified-logo{transition:none}}

/* R4: reverse artwork must keep its dark carrier within TRIO. */
.trio .partner-logo.reverse-logo{background:#182832}.trio .partner-logo.reverse-logo span{color:#d4dce4}

/* R4.2: exact KMITL package artwork, separate from the orange-band colour study. */
.trio .project-layout .kmitl-package-figure{padding:24px;background:#171c24;overflow:hidden}.package-console-label{font:11px/1.5 monospace;color:#e7b48e;margin-bottom:22px;letter-spacing:.08em}.kmitl-package-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px 26px 28px;background:#e9edf0;align-items:start}.trio .project-layout .kmitl-package-pair img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:none;mix-blend-mode:normal;box-shadow:8px 12px 18px #13203922}.trio .project-layout .kmitl-package-figure figcaption{position:static;padding:22px 0 0;color:#c0c1bc;font:10px/1.5 monospace}#e600 .product-reference{object-fit:contain;object-position:center;background:#fff;padding:22px} @media(max-width:760px){.trio .project-layout .kmitl-package-figure{padding:16px}.kmitl-package-pair{gap:16px;padding:22px 18px}}