/* generated by prep.py from mockup/body/about.html */

.p-media.team-shot .frame img{aspect-ratio:1154/784}
.mission{background:var(--cream);border-top:1px solid var(--cream-2);border-bottom:1px solid var(--cream-2);position:relative;overflow:hidden}
.mission::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--sun)}
.mission .wrap{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start;padding-top:96px;padding-bottom:96px}
.mission .qm{font:800 160px/0.7 Poppins,"Poppins Fallback";color:var(--royal);opacity:.9}
.mission h2{font-size:clamp(28px,3.4vw,46px);font-weight:700;max-width:900px;margin:14px 0 20px}
.mission h2 em{font-style:normal;background:linear-gradient(transparent 62%,var(--sun) 62%,var(--sun) 92%,transparent 92%)}
.mission p{color:var(--muted);max-width:760px;font-size:18px}

.prof{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.prof::after{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;background:var(--royal);opacity:.55}
.prof .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:start;position:relative;z-index:1}
.prof .name{font:700 clamp(36px,4.2vw,56px)/1.08 Poppins,"Poppins Fallback";letter-spacing:-.02em;margin:16px 0 10px}
.prof .name span:where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)){display:block;color:#fff}
.prof .role{font:600 18px Poppins,"Poppins Fallback";color:var(--sun);margin-bottom:26px}
.prof p{color:#c9cbe4;max-width:560px;margin-bottom:16px}
.prof .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.prof .tags span:where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)){border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;font:500 14px Inter,"Inter Fallback";color:#e3e5f6}
.edu{display:grid;gap:0;border-left:3px solid rgba(253,241,0,.35);padding-left:34px}
.edu .yr-row{position:relative;padding:6px 0 30px}
.edu .yr-row::before{content:"";position:absolute;left:-44px;top:22px;width:17px;height:17px;border-radius:50%;background:var(--ink);border:3px solid var(--sun)}
.edu .yr{font:700 40px/1 Poppins,"Poppins Fallback";letter-spacing:-.02em;color:#c9cbe4}
.edu .yr-row:first-child .yr{color:var(--sun)}
.edu b{display:block;font:600 19px Poppins,"Poppins Fallback";margin-top:6px}
.edu small{display:block;color:#b9bcda;font-size:15px;margin-top:2px}

.care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.care{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:8px;transition:transform .25s,box-shadow .25s}
.care:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.care .ic{width:48px;height:48px;border-radius:14px;background:var(--cream);display:grid;place-items:center;margin-bottom:8px}
.care .ic :is(svg,.nsi){width:24px;height:24px}
.care h3{font-size:19px}
.care p{font-size:15px;color:var(--muted)}
.care.more{background:var(--royal);color:#fff;border-color:var(--royal);text-decoration:none;justify-content:space-between}
.care.more p{color:#d4d9f3}
.care.more .go{font:600 15px Poppins,"Poppins Fallback";color:var(--sun);display:flex;gap:8px;align-items:center}
.care.more .go :is(svg,.nsi){width:18px;height:18px}

.pbt{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.pbt .shot{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.pbt .shot img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pbt h2{font-size:clamp(30px,3.4vw,44px);margin:14px 0 18px}
.pbt>div>p{color:var(--muted);margin-bottom:22px}
.promise{display:grid;gap:14px}
.promise div{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:var(--radius-sm);background:var(--mist)}
.promise .n{width:36px;height:36px;border-radius:12px;background:var(--ink);color:var(--sun);display:grid;place-items:center;font:700 15px Poppins,"Poppins Fallback";flex:none}
.promise b{font:600 16.5px Poppins,"Poppins Fallback";display:block}
.promise span:where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)){font-size:15px;color:var(--muted)}

.visit2{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.visit2 .loc-photo{min-height:420px}
@media (max-width:1080px){.care-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){
  .prof .wrap,.pbt,.visit2{grid-template-columns:1fr}
  .mission .wrap{grid-template-columns:1fr;gap:0}
  .mission .qm{font-size:110px}
}
@media (max-width:560px){
  .care-grid{grid-template-columns:1fr}
  .edu .yr{font-size:48px}
}

.prof .wrap{grid-template-columns:.85fr 1.15fr;align-items:start}
.prof .name{font-size:clamp(34px,8vw,48px)}
.prof .portrait{position:sticky;top:120px}
.prof .portrait .frame{border-radius:28px;overflow:hidden;border:8px solid rgba(255,255,255,.08);box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.prof .portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.prof .portrait .tagc{position:absolute;right:-22px;bottom:34px;background:var(--sun);color:var(--ink);border-radius:16px;padding:14px 18px;font:700 15px/1.3 Poppins,"Poppins Fallback";box-shadow:var(--shadow)}
.prof .portrait .tagc small{display:block;font:500 12.5px Inter,"Inter Fallback"}
.prof .edu{margin-top:30px}
.prof .edu .yr{font-size:46px}
.prof .edu .yr-row{padding-bottom:20px}
.staff{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.st{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.st .pic{aspect-ratio:1/1;position:relative;overflow:hidden}
.st .pic img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.st .pic.ini{display:grid;place-items:center;background:var(--royal);color:var(--sun);font:800 64px Poppins,"Poppins Fallback";letter-spacing:-.02em}
.st .pic.ini::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:var(--royal-2)}
.st .pic.ini.alt{background:var(--ink)}
.st .pic.ini.alt::after{background:rgba(255,255,255,.06)}
.st .pic.ini span:where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)):where(:not(.nsi)){position:relative;z-index:1}
.st .tx{padding:18px 18px 22px;display:flex;flex-direction:column;gap:6px}
.st h3{font-size:19px}
.st .rl{font:600 13px Poppins,"Poppins Fallback";color:var(--royal)}
.st p{font-size:14px;color:var(--muted)}
.st .fun{font-size:13.5px;color:var(--ink);background:var(--cream);border-radius:10px;padding:8px 10px;margin-top:4px}
@media (max-width:1180px){.staff{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){.prof .wrap{grid-template-columns:1fr;gap:48px}.prof .portrait{max-width:440px;position:relative;top:0}.prof .portrait .tagc{right:10px}}
@media (max-width:760px){.staff{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.staff{grid-template-columns:1fr}}