@font-face{font-family:AptosNarrow;src:url('assets/aptos-narrow-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--blue:#084c91;--outline:#223e5e;--background:#f3f3f3}
*{box-sizing:border-box}
html{background:var(--background);color:var(--blue);font-family:AptosNarrow,'Arial Narrow',Arial,sans-serif;font-weight:700}
body{margin:0;min-height:100vh;border:2px solid var(--outline);border-radius:8px;padding:3.0625vw}
img{display:block;max-width:100%}
.sheet{max-width:1498px;margin:auto;background:#fff;border-radius:9px;padding:12px 6.4% 24px 12px}
.portal{container-type:inline-size;position:relative}
.frame{border:2px solid var(--blue);border-radius:8px}
.header{display:grid;grid-template-columns:37.65% 58.77%;column-gap:3.58%;row-gap:1.72cqw;margin-bottom:.86cqw}
.brand,.search,.blank{height:4.46cqw;min-height:40px}
.brand{display:flex;align-items:center;justify-content:space-between;padding:.86cqw}
.logo{width:9.13cqw;height:auto}
.dot{display:block;width:.86cqw;height:.86cqw;min-width:6px;min-height:6px;border-radius:50%;background:var(--blue)}
.search{display:flex;gap:.5cqw;align-items:center;padding:.86cqw}
.icon{width:2.38cqw;height:2.38cqw;flex:none}
.search-placeholder{display:flex;align-items:center;flex:1;height:2.38cqw;min-width:0;border:2px solid var(--blue);border-radius:4px;padding:0 .4cqw;font-size:1.08cqw;white-space:nowrap}
.notice{height:52.6cqw;position:relative;border-color:var(--outline);margin-bottom:.86cqw}
.development-logo{position:absolute;left:50%;top:43%;width:58%;transform:translate(-50%,-50%)}
.development-logo img{width:100%;height:auto;transform-origin:center;animation:logo-pulse .9s ease-in-out infinite}
@keyframes logo-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.development-logo img{animation:none}}
h1{position:absolute;left:4%;right:4%;top:72%;transform:translateY(-50%);text-align:center;margin:0;font-size:3.74cqw;line-height:1.12;white-space:nowrap;letter-spacing:0}
.lower{display:grid;grid-template-columns:29.73% 38.42% 29.73%;gap:1.06%;border-color:var(--outline);padding:.86cqw}
.picture-card,.assistant-card{min-width:0;border-color:var(--outline);padding:.86cqw}
.card-heading{display:flex;gap:.43cqw;align-items:center}
.blue-bar{height:2.38cqw;flex:1;border-radius:4px;background:var(--blue)}
.contact-photo{margin-top:2.64cqw;width:87.1%;height:13.3cqw;object-fit:cover;border-radius:3px}
.menu{display:grid;gap:.86cqw}
.menu-row{display:flex;align-items:center;gap:.86cqw;padding:.86cqw}
.menu-row:last-child{border-color:var(--outline)}
.menu-label{display:flex;gap:.65cqw;align-items:center;flex:1;min-width:0;background:var(--blue);color:white;border-radius:3px;height:2.38cqw;padding:0 .43cqw;font-size:1.08cqw;white-space:nowrap}
.level{font:700 .75cqw Georgia,serif;background:white;color:var(--blue);width:.88cqw;height:.88cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.menu-label .dot{margin-left:auto;background:#fff}
.assistant-content{display:flex;align-items:flex-start;gap:.6cqw;padding-top:.75cqw}
.assistant{width:45%;height:13.7cqw;object-fit:contain;object-position:center top}
.speech{position:relative;margin-top:.55cqw;width:44%;height:6.18cqw;border-radius:1cqw;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.91cqw;white-space:nowrap}
.speech:after{content:'';position:absolute;top:calc(100% - 1px);left:17%;border-top:1.9cqw solid var(--blue);border-right:1.9cqw solid transparent;border-bottom-left-radius:5px}
.footer{display:grid;grid-template-columns:37.65% 58.77%;column-gap:3.58%;margin-top:1.72cqw;font-family:Inter,Arial,sans-serif;font-size:.7cqw;color:white;line-height:1.25}
.footer>div{background:#1a3665;border-radius:3px;padding:.16cqw .43cqw;display:flex;justify-content:space-between;white-space:nowrap}
.side-icons{position:absolute;left:calc(100% + .86cqw);top:0;bottom:0;width:1.8cqw}
.side-icons img{position:absolute;width:1.8cqw;height:1.8cqw}
.globe{top:1.3cqw}.info{top:7.34cqw}.up{top:63.25cqw}
@media(min-width:1700px){body{padding:50px}.sheet{padding-right:96px}}
@media(max-width:650px){
 body{padding:14px;border-radius:6px}
 .sheet{padding:10px 30px 15px 10px}
 .header{grid-template-columns:1fr;gap:10px;margin-bottom:10px}
 .brand,.search{height:46px;padding:8px}
 .brand .logo{width:110px}
 .brand .dot{width:9px;height:9px}
 .search{gap:6px}
 .icon{width:25px;height:25px}
 .search-placeholder{height:26px;font-size:13px;padding:0 5px}
 .blank{display:none}
 .notice{height:340px;margin-bottom:10px}
 .development-logo{width:76%;top:38%}
 h1{font-size:clamp(23px,6.9cqw,38px);white-space:normal;left:7%;right:7%;line-height:1.22}
 .lower{grid-template-columns:1fr;gap:10px;padding:8px}
 .picture-card,.assistant-card{padding:10px}
 .card-heading{gap:6px}.blue-bar{height:25px}
 .contact-photo{margin-top:15px;width:100%;height:auto;max-height:220px;object-fit:cover}
 .menu{gap:8px}.menu-row{padding:8px;gap:8px}
 .menu-label{height:27px;font-size:13px;padding:0 6px;gap:8px}
 .level{width:12px;height:12px;font-size:10px}.menu-label .dot{width:9px;height:9px}
 .assistant-content{padding-top:12px;gap:10px;min-height:180px}
 .assistant{height:170px;width:47%}
 .speech{height:70px;width:48%;font-size:10px;border-radius:10px;margin-top:8px}
 .speech:after{border-top-width:20px;border-right-width:20px}
 .footer{grid-template-columns:1fr;gap:6px;margin-top:12px;font-size:6px}
 .footer>div{padding:3px 4px}
 .side-icons{left:calc(100% + 5px);width:18px}.side-icons img{width:18px;height:18px}
 .globe{top:14px}.info{top:71px}.up{top:436px}
}