/* The hero's dimensional frame now carries the company notice board. */
body:has(#notice-dialog[open]),body:has(#notice-archive[open]){overflow:hidden}
.company-hero .notice-scene{perspective:1600px;padding:14px 0;min-width:0;isolation:isolate}
.notice-scene::before{content:"";position:absolute;inset:38px -12px 0 18px;border:1px solid #afcdff55;border-radius:27px;background:#17448155;transform:rotate(3deg);z-index:-1;pointer-events:none}
.hero-notice-panel{padding:0;position:relative;text-align:left;border:1px solid #8bb9fc85;border-radius:24px;background:linear-gradient(135deg,#172b49f7,#0b1425fc 75%);box-shadow:0 32px 75px #071c5b66,inset 0 1px #cfe5ff20;transform:rotateY(-5deg) rotateX(2deg);overflow:hidden;scroll-margin-top:100px}
.hero-notice-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #6289c12e;background:#05112455;color:#8ba7ce;font-size:8px;letter-spacing:1.2px}.window-dots{display:flex;gap:6px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#62a0ff}.window-dots i:nth-child(2){background:#7a9bbe}.window-dots i:nth-child(3){background:#42628c}
.hero-notice-heading{display:flex;align-items:center;gap:14px;padding:24px 26px 18px}.hero-notice-heading img{flex:none;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 12px #398afa66)}.hero-notice-heading div{flex:1}.hero-notice-heading div>span{font-size:10px;color:#a2bbdd}.hero-notice-heading h2{font-size:25px;line-height:1.3;margin-top:5px;color:#edf5ff;letter-spacing:.04em}.hero-notice-mark{font-size:28px;font-weight:400;color:#719bd4}
.hero-notice-list{padding:0 24px 20px}.hero-notice-list .notice-item{padding:18px;border:1px solid #7e9fcc35;border-radius:14px;background:linear-gradient(115deg,#284e7b5c,#1e355428);transition:background .2s,border-color .2s}.hero-notice-list .notice-item+.notice-item{margin-top:10px}.hero-notice-list .notice-item:hover{background:#284d7f99;border-color:#81acf1a3}.hero-notice-list .notice-item-meta{margin-bottom:13px}.hero-notice-list .notice-item-title{font-size:19px;line-height:1.5;color:#e9f2ff}.hero-notice-list .notice-item-excerpt{font-size:12px;line-height:1.8;color:#acbfdc;margin-top:12px}.hero-notice-list time{font-size:10px;color:#a0b8d8}.notice-item-labels{display:flex;align-items:center;gap:6px}.notice-pin-label{font-size:9px;color:#ffda9d;background:#92704536;border:1px solid #c19b6066;padding:4px 7px;border-radius:5px}
.hero-notice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;background:#25457636;border-top:1px solid #6483b13b}.hero-notice-footer>span{font-size:10px;color:#8fa9cd}.hero-notice-footer button{display:flex;align-items:center;gap:18px;padding:7px 0;background:transparent;border:0;font:inherit;font-size:12px;color:#d4e7ff;cursor:pointer}.hero-notice-footer button>span{color:#8bb8ff;font-size:19px}.hero-notice-footer button:hover{color:white}.hero-notice-panel button:focus-visible{outline:2px solid #b1d2ff;outline-offset:3px}
.notice-archive{width:min(780px,calc(100% - 32px))}.notice-archive .notice-dialog-header{position:sticky;top:0;z-index:2;background:#15253e}.notice-archive .notice-dialog-header div>span{font-size:10px;color:#9eb9dd}.notice-archive h2{font-size:23px;margin-top:6px;color:#edf4ff}.notice-archive-content{padding:24px 28px}.notice-archive .notice-list{min-height:180px}.notice-archive .notice-list-area{padding:0}.notice-archive .notice-item{border-radius:10px;padding:20px 12px}.notice-archive .notice-board-note{padding-top:20px}.notice-dialog-footer[hidden]{display:none}
@media(min-width:1025px){.company-hero{grid-template-columns:1.05fr 1fr;gap:64px}.company-hero .notice-scene{max-width:540px;justify-self:end;width:100%}}
@media(min-width:761px) and (max-width:1024px){.company-hero{grid-template-columns:1fr 1fr;gap:30px}.hero-notice-panel{transform:rotateY(-3deg)}.hero-notice-heading{padding:20px}.hero-notice-list{padding:0 16px 16px}.hero-notice-list .notice-item{padding:15px}.hero-notice-list .notice-item-title{font-size:17px}.hero-notice-footer{padding:14px 18px}.hero-notice-chrome{font-size:7px;letter-spacing:.5px;padding:15px 18px}.hero-notice-footer button{gap:8px}}
@media(max-width:760px){.company-hero .notice-scene{display:block;width:100%;max-width:480px;margin:30px auto 0;padding:0}.notice-scene::before{inset:18px -4px -7px 9px;border-radius:20px;transform:rotate(1.5deg)}.hero-notice-panel{transform:none;border-radius:19px;scroll-margin-top:88px}.hero-notice-chrome{padding:12px 16px;font-size:6px;letter-spacing:.7px}.hero-notice-heading{padding:18px 18px 14px;gap:12px}.hero-notice-heading img{width:38px;height:38px}.hero-notice-heading div>span{font-size:9px}.hero-notice-heading h2{font-size:21px;margin-top:3px}.hero-notice-list{padding:0 14px 14px}.hero-notice-list .notice-item{padding:15px}.hero-notice-list .notice-item-title{font-size:16px}.hero-notice-list .notice-item-excerpt{font-size:11px;margin-top:8px}.hero-notice-list .notice-item-meta{margin-bottom:10px}.hero-notice-list time{font-size:9px}.hero-notice-footer{padding:12px 17px}.hero-notice-footer>span{font-size:9px}.hero-notice-footer button{font-size:11px;gap:10px}.notice-archive-content{padding:18px}.notice-archive h2{font-size:21px}.notice-archive .notice-filters{justify-content:flex-start}.notice-archive .notice-board-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-notice-panel{transform:none}.hero-notice-list .notice-item{transition:none}}
/* Restore the original floating window; announcements live inside its existing frame. */
.company-hero .notice-scene{perspective:1400px;perspective-origin:50% 40%;isolation:auto;padding:45px 0}
.notice-scene::before{display:none}
.notice-scene .win3d{transform:rotateX(14deg) rotateY(-18deg);transform-style:preserve-3d}
.notice-scene .hero-notice-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;overflow:visible;transform-style:preserve-3d}
.notice-scene .hero-notice-heading{padding:5px 8px 15px;transform:translateZ(40px)}
.notice-scene .hero-notice-list{padding:0 0 18px;transform:translateZ(40px)}
.notice-scene .hero-notice-list .notice-item{background:linear-gradient(125deg,#1b304e,#111d32);border-color:#506d9b66}
.notice-scene .hero-notice-footer{transform:translateZ(50px);margin:0;font-size:10px;letter-spacing:0}
.notice-scene .hero-notice-heading h2{font-size:23px}
.notice-scene .hero-notice-heading img{width:42px;height:42px}
.notice-scene .float-note{display:flex}
.company-hero .notice-scene .note-one{top:8px;right:-8px}
.company-hero .notice-scene .note-two{bottom:8px;left:-18px}
@media(min-width:1025px){.company-hero{padding-top:145px;padding-bottom:65px}.company-hero .notice-scene{max-width:520px}}
@media(min-width:761px) and (max-width:1024px){.notice-scene .win3d{transform:rotateX(10deg) rotateY(-12deg)}.notice-scene .float-note{font-size:9px;padding:10px 12px}.notice-scene .float-note small{font-size:5px}.notice-scene .hero-notice-heading{padding-top:4px}.notice-scene .hero-notice-heading h2{font-size:21px}.notice-scene .hero-notice-footer{gap:8px}}
@media(max-width:760px){.company-hero .notice-scene{padding:28px 0 25px;margin-top:30px}.notice-scene .win3d{transform:none!important;animation:none}.notice-scene .win3d .tb,.notice-scene .win3d .ovl,.notice-scene .hero-notice-heading,.notice-scene .hero-notice-list,.notice-scene .hero-notice-footer{transform:none}.notice-scene .hero-notice-heading{padding:2px 0 14px}.notice-scene .hero-notice-heading h2{font-size:21px}.notice-scene .hero-notice-list{padding-bottom:14px}.notice-scene .hero-notice-list .notice-item{padding:13px}.notice-scene .hero-notice-footer{padding:12px!important}.notice-scene .hero-notice-footer>span{font-size:8px}.notice-scene .hero-notice-footer button{font-size:10px;gap:8px}.notice-scene .float-note{padding:7px 10px;font-size:8px}.notice-scene .float-note small{display:none}.notice-scene .float-note .note-symbol{width:20px;height:20px;font-size:13px}.company-hero .notice-scene .note-one{top:0;right:-4px}.company-hero .notice-scene .note-two{bottom:0;left:-4px}}
@media(prefers-reduced-motion:reduce){.notice-scene .win3d{animation:none}}
/* Float at every viewport size; transform remains available for pointer tilt. */
@keyframes notice-window-drift{0%,100%{translate:0 -9px;rotate:-.7deg}50%{translate:0 9px;rotate:.7deg}}
@keyframes notice-label-drift{0%,100%{translate:0 4px}50%{translate:0 -6px}}
.company-hero .notice-scene .win3d{animation:notice-window-drift 7s ease-in-out infinite}
.company-hero .notice-scene .float-note{animation:notice-label-drift 6s ease-in-out infinite}
.company-hero .notice-scene .note-two{animation-delay:-3s}
@media(max-width:760px){.company-hero .notice-scene .win3d{animation-name:notice-window-mobile-drift}.company-hero .notice-scene .float-note{animation-duration:8s}}
@keyframes notice-window-mobile-drift{0%,100%{translate:0 -4px;rotate:0deg}50%{translate:0 4px;rotate:0deg}}
@media(prefers-reduced-motion:reduce){.company-hero .notice-scene .win3d,.company-hero .notice-scene .float-note{animation:none!important}}
/* One controller owns the complete transform, including older embedded browsers. */
.company-hero .notice-scene .win3d{animation:none!important;translate:none;rotate:none;transform:var(--notice-window-transform,rotateX(14deg) rotateY(-18deg))!important}
.company-hero .notice-scene .float-note{animation:none!important;translate:none;rotate:none}
.company-hero .notice-scene .note-one{transform:translateY(var(--notice-label-y,0px)) rotate(8deg)}
.company-hero .notice-scene .note-two{transform:translateY(var(--notice-label-y,0px)) rotate(-7deg)}
.hero-motion-toggle{margin-left:auto;flex-shrink:0;font:inherit;font-size:10px;color:#bcdaff;background:#234b7b66;border:1px solid #76a5e45e;padding:6px 9px;border-radius:8px;cursor:pointer;white-space:nowrap;letter-spacing:0}
.hero-motion-toggle[hidden]{display:none}.hero-motion-toggle:hover{background:#3267a88c}.hero-motion-toggle[aria-pressed="false"]{color:#9eabc0;background:#253143}
@media(max-width:760px){.company-hero .win3d .tb{gap:5px}.company-hero .win3d .tb-title{font-size:6px;letter-spacing:0;margin-left:3px}.hero-motion-toggle{font-size:8px;padding:5px 6px}.company-hero .notice-scene .win3d{transform:var(--notice-window-transform,none)!important}}