.lab-hero{min-height:calc(76vh - 82px);background:var(--ink);color:var(--paper);padding:clamp(70px,10vw,145px) clamp(20px,10vw,160px);display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:end;position:relative;overflow:hidden;background-image:linear-gradient(rgba(103,224,208,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(103,224,208,.13) 1px,transparent 1px);background-size:27px 27px}.lab-hero:after{content:'';position:absolute;width:48vw;height:48vw;right:-20vw;top:-22vw;border:1px solid var(--aqua);box-shadow:0 0 0 40px rgba(103,224,208,.05),0 0 0 80px rgba(103,224,208,.04);border-radius:50%}.lab-hero-copy{position:relative;z-index:1}.lab-hero .eyebrow{color:var(--aqua)}.lab-hero h1,.office-wall h2,.lab-work h2,.lab-rule h2,.lab-close h2{font-family:'Chakra Petch','Noto Sans Thai',sans-serif;font-size:clamp(42px,5.8vw,82px);line-height:1.05;margin:0}.lab-hero-copy>p:not(.eyebrow){max-width:730px;font-size:clamp(17px,1.7vw,20px);margin:26px 0 30px}.lab-stamp{z-index:1;justify-self:end;width:190px;height:190px;border:2px solid var(--acid);color:var(--acid);display:grid;place-content:center;text-align:center;transform:rotate(7deg);box-shadow:7px 7px 0 var(--coral);font-family:'Chakra Petch',sans-serif}.lab-stamp span{font-size:19px}.lab-stamp b{font-size:51px;line-height:.8;margin:9px 0}.lab-stamp small{font-size:9px;letter-spacing:1px}.office-wall{background:#0b1019;color:#e9f0ed;padding:clamp(70px,8vw,115px) clamp(20px,8vw,130px);background-image:radial-gradient(rgba(103,224,208,.14) 1px,transparent 1px);background-size:16px 16px}.wall-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.wall-header .eyebrow{color:var(--aqua)}.scene-note{font:600 12px/1.6 'Chakra Petch','Noto Sans Thai',sans-serif;color:#adc1c1;margin:0}.scene-note i{display:inline-block;width:8px;height:8px;background:var(--coral);margin-right:6px}.pixel-office{border:3px solid #3b5260;background:#111d2a;box-shadow:10px 10px 0 #05080d;overflow:hidden;font-family:'Chakra Petch','Noto Sans Thai',sans-serif;background-image:linear-gradient(rgba(111,160,178,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(111,160,178,.12) 1px,transparent 1px);background-size:20px 20px}.office-top,.office-floor{min-height:37px;background:#162535;border-bottom:2px solid #3b5260;padding:7px 12px;display:flex;gap:15px;justify-content:space-between;color:#9be4db;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:1px}.office-grid{min-height:390px;display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;grid-template-rows:1fr 1fr;gap:1px;background:#3b5260}.desk,.notice-board{position:relative;background:rgba(14,26,39,.95);padding:16px;min-height:195px;overflow:hidden}.desk .name{color:#e4eff0;font-size:17px;font-weight:700}.desk .name:before{content:'•';color:var(--aqua);margin-right:4px}.desk p{position:absolute;bottom:8px;left:16px;margin:0;color:#91a8af;font-size:11px}.monitor{width:45px;height:25px;border:3px solid #223d51;background:#1eb7bc;box-shadow:inset 0 0 0 3px #0f1b27;position:absolute;top:64px;left:calc(50% - 22px)}.monitor:after{content:'';position:absolute;width:5px;height:16px;background:#7a95a0;left:17px;top:22px}.desk-top{position:absolute;width:100px;height:21px;background:#a6703d;border:3px solid #543619;left:calc(50% - 50px);top:111px;box-shadow:inset 0 4px #e0a763}.desk-top:after{content:'';position:absolute;width:7px;height:43px;background:#67401f;left:43px;top:18px}.chair{position:absolute;width:31px;height:22px;background:#607c8d;border:3px solid #263d4b;left:calc(50% - 15px);top:151px}.chair:after{content:'';position:absolute;width:6px;height:15px;background:#263d4b;left:10px;top:18px}.puipui .monitor{background:#5f9eff}.panpan .monitor{background:#ffcc57}.glae .monitor{background:#ff785d}.patrol .monitor{background:#a9ed72}.glae{grid-column:3;grid-row:1}.patrol{grid-column:3;grid-row:2}.notice-board{grid-column:4;grid-row:span 2;background:#172838;padding:28px;border-left:7px solid #263d4b;display:flex;flex-direction:column;gap:15px}.notice-board p{margin:0;color:#a5d8d0;font-size:12px;letter-spacing:1px}.notice-board b{display:block;padding:12px;background:var(--acid);color:var(--ink);font-size:18px}.notice-board span{color:#bdced0;font-size:14px;line-height:1.7}.office-floor{border-top:2px solid #3b5260;border-bottom:0;color:#9eb9bc}.office-floor i{width:37%;border-bottom:2px dashed #5a7b81}.scene-caption{max-width:720px;margin:30px 0 0;color:#b7c8ca;font-size:17px}.lab-work{background:var(--paper)}.lab-work-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border:2px solid var(--ink);border-right:0}.lab-work-grid article{padding:23px;min-height:235px;border-right:2px solid var(--ink);background:#f1d3b2}.lab-work-grid article:nth-child(2){background:var(--acid)}.lab-work-grid article:nth-child(3){background:var(--aqua)}.lab-work-grid span{font:700 13px 'Chakra Petch',sans-serif;color:#ba402e}.lab-work-grid h3{font-size:28px;margin:29px 0 8px}.lab-work-grid p{font-size:15px;line-height:1.7;margin:0}.lab-rule{background:var(--coral)}.lab-rule>p:not(.eyebrow){max-width:700px;font-size:18px;margin:22px 0}.lab-close{border-bottom:2px solid var(--ink);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:30px 30px}.lab-close>p:not(.eyebrow){font-size:18px;margin:22px 0 28px}@media(max-width:850px){.office-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,190px) auto}.notice-board{grid-column:span 3;grid-row:auto;min-height:140px}.glae,.patrol{grid-column:auto;grid-row:auto}.lab-work-grid{grid-template-columns:1fr}.lab-work-grid article{min-height:0;border-right:0;border-bottom:2px solid var(--ink)}.lab-work-grid article:last-child{border-bottom:0}}@media(max-width:620px){.lab-hero{min-height:auto;grid-template-columns:1fr;padding-top:70px}.lab-stamp{justify-self:start;width:145px;height:145px}.wall-header{display:block}.scene-note{margin-top:16px}.office-wall{padding-left:12px;padding-right:12px}.pixel-office{margin:0 -2px}.office-top,.office-floor{font-size:8px;gap:6px;padding:8px}.office-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,160px) auto}.desk,.notice-board{min-height:160px;padding:11px}.desk .name{font-size:14px}.desk p{left:11px;font-size:9px}.monitor{top:51px;transform:scale(.8)}.desk-top{top:90px;transform:scale(.8)}.chair{top:122px;transform:scale(.8)}.notice-board{grid-column:span 2;min-height:125px;padding:18px}.notice-board b{font-size:15px}.notice-board span{font-size:12px}.lab-hero h1,.office-wall h2,.lab-work h2,.lab-rule h2,.lab-close h2{font-size:42px}.scene-caption{font-size:15px}}