:root{--ink:#172d48;--blue:#8aabc6;--paper:#faf9f5;--red:#b94d43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.8}header{max-width:1100px;margin:auto;padding:24px 28px;border-bottom:1px solid #d4dce2;display:flex;align-items:center;justify-content:space-between}header a{text-decoration:none;color:inherit;font-weight:700;font-family:serif;font-size:24px}header small{font:11px sans-serif;letter-spacing:.16em;margin-left:16px}.badge{border:2px solid var(--red);color:var(--red);padding:1px 12px;transform:rotate(-8deg);font-weight:bold;letter-spacing:.2em}main{max-width:960px;margin:auto;padding:0 24px}.hero{text-align:center;padding:65px 0 55px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#667a8a}h1{font-family:'Yu Mincho',serif;font-size:clamp(28px,5vw,48px);line-height:1.65;font-weight:600;margin:20px 0}em{font-style:normal;text-decoration:underline;text-decoration-color:#cbdce8;text-underline-offset:10px}.agent{margin:20px auto 24px;display:flex;justify-content:center;align-items:center;gap:12px}.agent img{width:125px;height:125px;object-fit:contain;mix-blend-mode:multiply}.agent span{font-family:serif;font-size:13px;writing-mode:vertical-rl;letter-spacing:.12em}.hero>p:not(.eyebrow):not(.micro){font-size:14px;line-height:2}.primary{border:0;border-radius:4px;background:var(--ink);color:white;display:inline-block;text-decoration:none;padding:17px 28px;font:600 14px/1.5 inherit;cursor:pointer;font-family:inherit;letter-spacing:.06em}.hero .primary{margin:12px 0 5px}.primary:hover{background:#304b68}.primary b{margin-left:25px}.micro{font-size:11px;color:#6b7885;line-height:1.9}.folder{position:relative;background:white;padding:40px;max-width:650px;margin:35px auto 65px;border:1px solid #ccd7df;border-radius:0 5px 5px 5px;scroll-margin-top:35px}.tab{position:absolute;top:-30px;left:-1px;height:30px;background:#e6edf2;border:1px solid #ccd7df;border-bottom:0;padding:3px 20px;font-size:12px}h2{font-family:serif;font-size:23px;margin:12px 0 28px}label{display:block;font-size:13px;font-weight:bold;margin-top:20px}label small{font-size:10px;font-weight:normal;color:#778592;margin-left:8px}.photo{display:block;width:160px;max-width:100%;cursor:pointer;text-align:center}.photo img{display:block;width:160px;height:160px;max-width:100%;object-fit:cover;object-position:center;border:1px dashed #aabfce;background:#fcfcfb}.photo small{display:block;margin:6px 0 0;font-size:11px}.photo:focus-within{outline:3px solid var(--blue);outline-offset:4px}input,select{display:block;width:100%;padding:14px;margin:8px 0 20px;border:1px solid #c9d4dd;background:#fcfcfb;border-radius:3px;font:16px inherit;color:var(--ink);font-family:inherit}form button{width:100%;margin-top:10px}#result{max-width:650px;margin:0 auto 65px;text-align:center;scroll-margin-top:20px}canvas{width:100%;height:auto;border:1px solid #d4dce2;box-shadow:0 10px 30px #172d480a}.actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}.secondary{background:transparent;border:1px solid #a8bbc9;padding:15px 20px;border-radius:4px;color:var(--ink);font-family:inherit;cursor:pointer}.departments{border-top:1px solid #d4dce2;padding:25px 0 45px}.departments>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.departments article{border-left:2px solid #c3d6e4;padding-left:18px}.departments span,.departments p{font-size:11px;color:#667a8a}.departments h3{font-family:serif;font-size:17px;margin:7px 0}footer{text-align:center;border-top:1px solid #d4dce2;padding:30px;font-family:serif;font-size:17px}footer small{font-size:10px;color:#6b7885}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#downloadPreview{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){header{padding:18px 22px}header small{display:none}.hero{padding-top:40px}.folder{padding:25px 20px}h2{font-size:20px}.departments>div{grid-template-columns:1fr;gap:18px}.agent img{width:105px;height:105px}.primary{font-size:13px}main{padding:0 20px}}
.roster{border-top:1px solid #d4dce2;padding:20px 0 40px}.roster summary{cursor:pointer;font-size:14px}.roster summary span{font-size:11px;color:#6b7885;margin-left:10px}#roster{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px}#roster figure{margin:0;background:#fff;text-align:center;border:1px solid #e1e7eb}#roster img{display:block;width:100%;height:auto}#roster figcaption{font-size:11px;padding:0 8px 15px;color:#617587}button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){#roster{grid-template-columns:repeat(2,1fr)}}
.department-nav{margin:24px 0 0;text-align:center}.department-nav>p{font-size:12px;color:#667a8a;margin:0 0 10px}.department-nav>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.department-nav a{display:block;border:1px solid #b6c9d8;background:white;border-radius:4px;padding:14px 8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:bold}.department-nav a:hover{background:#eaf1f6}.department-nav span{display:block;font-size:10px;font-weight:normal;color:#6b7f90;margin-top:3px}@media(max-width:600px){.department-nav>div{grid-template-columns:1fr}.department-nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.department-nav span{margin:0;font-size:10px}.hero{padding-top:28px}}
.home-note{text-align:center;margin:24px 0 55px}.department-nav{margin-top:0}.department-nav a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px}.department-nav strong{font:600 18px serif}.department-nav b{font-size:13px;margin-top:10px}.department-nav span{font-size:11px}.back{display:inline-block;color:#526e86;font-size:12px;text-decoration:none;padding:8px 0}.back:hover{text-decoration:underline}.desk-heading{text-align:center}.desk-heading h1{font-size:25px;margin-bottom:0}.desk-heading img{display:block;width:240px;height:200px;object-fit:contain;margin:-12px auto -20px}.desk-heading>p:last-child{font-size:13px;margin-bottom:30px}#form{margin-top:35px}#form h2{font-size:18px}#result{padding-top:25px}#result h1{font-size:25px;margin:15px 0}#result .roster{text-align:left;margin-top:40px}h1:focus{outline:none}@media(max-width:600px){.department-nav a{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px}.department-nav b{align-self:flex-end;margin-top:5px}.hero{padding-bottom:25px}.desk-heading h1{font-size:23px}}

.desk-art{position:relative;width:260px;max-width:100%;height:250px;margin:20px auto 18px}.desk-art svg{display:block;width:100%;height:100%}

.desk-art #deskArt{position:relative;overflow:hidden;margin:auto}.desk-art #deskArt img{position:absolute;display:block;max-width:none;object-fit:fill;margin:0}.desk-art #deskArt img[hidden]{display:none}

.usage{max-width:650px;margin:24px auto 0;text-align:left;font:14px/1.9 "Yu Gothic",sans-serif}.usage summary{cursor:pointer;text-align:center;color:var(--ink)}.usage>div{padding:12px 0}.usage h2{font:600 15px/1.8 "Yu Gothic",sans-serif;margin:20px 0 6px}.usage p{margin:0 0 16px;overflow-wrap:anywhere}.copyright{font:13px/1.8 "Yu Gothic",sans-serif;margin-top:22px}.usage summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

footer .note-link{display:inline-flex;align-items:center;gap:20px;margin-top:16px;padding:9px 22px;border:1px solid #b6c9d8;border-radius:6px;color:var(--ink);background:transparent;text-decoration:none;font:14px/1.8 "Yu Gothic",sans-serif;transition:background .15s,border-color .15s}footer .note-link:visited{color:var(--ink)}footer .note-link:hover{background:#eaf1f6;border-color:#8aabc6}footer .note-link span{font-size:17px}