/* Director greeting and the Rishinkai reference's pill tabs / vertical timeline. */
.director-message .recruit-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7%;align-items:center}
.director-message .director-portrait{margin:0;background:transparent;border-radius:0;overflow:visible}
.director-message .director-portrait::after{content:none}
.director-message .director-portrait>img{width:100%;aspect-ratio:.98;object-fit:cover;object-position:53% center;border-radius:4px 100px 4px 4px}
.director-portrait figcaption{margin-top:17px;font:italic 35px/1.2 var(--english);color:#8a7048;letter-spacing:.02em}
.director-message .message-copy{min-width:0;padding:0}
.director-message .message-copy h2{font-size:clamp(32px,3vw,43px);margin:22px 0 27px;line-height:1.6}
.director-message .director-lead{font:400 clamp(22px,2.05vw,29px)/1.85 var(--serif);letter-spacing:.06em;color:#43523e;margin-bottom:25px;word-break:keep-all;overflow-wrap:break-word}
.director-greeting p{font-size:16px;line-height:2.1;color:#646b5b;max-width:32em;margin:0 0 14px}
.director-signature{margin-top:26px;padding-top:22px;border-top:1px solid #d8ddce}
.director-signature>span{display:block;font-size:12px;line-height:1.8;color:#757a69}
.director-signature>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 19px;margin-top:9px;font:400 25px/1.7 var(--serif);letter-spacing:.12em}
.director-signature small{font:400 15px/1.6 var(--english);letter-spacing:.04em;color:#8a7959}
.director-message .director-profile-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #bac3ad;margin-top:18px;color:#526047;font-size:13px}

#day .chapter-head{display:block;text-align:center;max-width:800px;margin:0 auto 23px}
#day .chapter-head>.eyebrow{justify-content:center;gap:14px;margin-bottom:16px;color:#92734b;letter-spacing:.2em}
#day .chapter-head>.eyebrow::after{content:'';width:34px;height:1px;background:currentColor}
#day .chapter-head h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.7}
#day .chapter-head>p{max-width:none;margin:18px auto 0;font-size:15px;line-height:2;color:#737a67}
#day .chapter-head::after{display:none}
#day .day-demo-intro{text-align:center;margin:0 0 28px;color:#84785f;font-size:12px}
#day .day-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:920px;margin:0 auto 30px;border:0;padding:0}
#day .day-tabs button{flex:0 1 178px;min-height:52px;min-width:0;padding:12px 24px;border:1px solid #a6b294;border-radius:999px;background:#fffef8;color:#57664b;font:500 15px/1.6 var(--sans);transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}
#day .day-tabs button[aria-selected=true]{background:#526344;border-color:#526344;color:#fffdf4;box-shadow:0 6px 16px #4355381c}
#day .day-tabs button:hover:not([aria-selected=true]){background:#e6ebdd}
#day .day-panel{max-width:920px;margin:0 auto;padding:40px 50px 30px;background:#fffef9;border:1px solid #d8ddce;border-radius:20px;box-shadow:0 14px 36px #4f61390a}
#day .day-panel-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin:0 auto 30px;padding:0 0 25px;border-bottom:1px solid #e0e4d8}
#day .day-panel-head h3{font:500 23px/1.6 var(--sans);letter-spacing:.08em;margin:0 0 6px;color:#495b3d}
#day .day-role-lead{font-size:14px;line-height:1.9;color:#79816d}
#day .schedule-demo-label{border:0;border-radius:999px;padding:3px 12px;background:#f3f0e5;color:#8c7853;font-size:9px;line-height:1.8;letter-spacing:.16em}
#day .day-timeline{--time-width:76px;--timeline-gap:48px;--line-left:99px;display:grid;grid-template-columns:minmax(0,1fr);gap:0;position:relative;max-width:750px;padding:0;margin:0 auto;list-style:none}
#day .day-timeline::before{content:none}
#day .day-timeline li{display:grid;grid-template-columns:var(--time-width) minmax(0,1fr);gap:var(--timeline-gap);position:relative;border:0;min-width:0;padding:0 0 29px}
#day .day-timeline li:last-child{padding-bottom:0}
#day .day-timeline li::before{content:'';display:block;position:absolute;z-index:1;top:10px;left:calc(var(--line-left) - 5px);width:12px;height:12px;border:2px solid #8a9b72;border-radius:50%;background:#fffef9;box-shadow:0 0 0 5px #fffef9}
#day .day-timeline li:not(:last-child)::after{content:'';position:absolute;top:16px;bottom:-16px;left:var(--line-left);width:2px;background:#b7c2a4;pointer-events:none}
#day .day-timeline time{align-self:start;display:block;text-align:right;margin:0;padding:0;color:#8c7045;font:500 27px/1.4 var(--english);font-variant-numeric:tabular-nums;letter-spacing:.02em}
#day .day-timeline h4{font:500 17px/1.8 var(--sans);letter-spacing:.035em;color:#45523c;margin:0 0 7px;word-break:keep-all;overflow-wrap:break-word}
#day .day-timeline p{font-size:15px;line-height:1.95;margin:0;color:#737c67;overflow-wrap:break-word}
#day .day-panel .day-demo-note{font-size:11px;line-height:1.9;color:#8a836e;border-top:1px solid #e0e4d8;margin:28px 0 0;padding:18px 0 0;text-align:center}

@media(max-width:980px){
  .director-message .recruit-split{gap:6%;align-items:start}
  .director-message .director-portrait>img{aspect-ratio:.8;border-top-right-radius:75px}
  .director-message .director-lead{font-size:23px}
  .director-message .message-copy h2{margin-top:18px;margin-bottom:19px}
  .director-greeting p{line-height:2}
  #day .day-panel{padding:34px 38px 26px}
}
@media(max-width:760px){
  .director-message .recruit-split{display:grid;grid-template-columns:minmax(0,1fr);gap:35px}
  .director-message .director-portrait{max-width:540px;margin:0 auto;width:100%}
  .director-message .director-portrait>img{aspect-ratio:1.2;object-position:53% 40%;border-top-right-radius:75px}
  .director-portrait figcaption{font-size:30px;margin-top:12px}
  .director-message .message-copy h2{font-size:32px;margin-top:17px}
  .director-message .director-lead{font-size:25px;line-height:1.85}
  .director-signature{margin-top:24px}
  #day .day-panel{padding:30px 30px 24px}
  #day .chapter-head h2{font-size:32px}
}
@media(max-width:640px){
  .director-message .recruit-split{gap:29px}
  .director-message .director-portrait>img{aspect-ratio:1.12;border-top-right-radius:65px}
  .director-message .message-copy>.eyebrow{font-size:10px;margin-bottom:0}
  .director-message .message-copy h2{font-size:30px;margin:16px 0 22px}
  .director-message .director-lead{font-size:23px;margin-bottom:22px}
  .director-greeting p{font-size:16px;line-height:2.05}
  .director-signature>span{font-size:11px}
  .director-signature>p{font-size:23px;gap:5px 14px}
  .director-signature small{font-size:14px}
  #day .chapter-head>.eyebrow{font-size:10px;margin-bottom:14px}
  #day .chapter-head h2{font-size:28px;letter-spacing:.035em}
  #day .chapter-head>p{font-size:14px;margin-top:16px}
  #day .day-demo-intro{font-size:11px;margin-bottom:23px}
  #day .day-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:23px}
  #day .day-tabs button{padding:11px 6px;min-height:48px;font-size:13px}
  #day .day-panel{padding:25px 17px 21px;border-radius:16px}
  #day .day-panel-head{gap:10px;padding-bottom:20px;margin-bottom:25px}
  #day .day-panel-head h3{font-size:20px}
  #day .day-role-lead{font-size:13px}
  #day .day-timeline{--time-width:49px;--timeline-gap:27px;--line-left:62px}
  #day .day-timeline li:not(:last-child)::after{top:13px;bottom:-13px}
  #day .day-timeline li{padding:0 0 27px}
  #day .day-timeline li::before{top:8px;width:10px;height:10px;left:calc(var(--line-left) - 4px);box-shadow:0 0 0 4px #fffef9}
  #day .day-timeline time{font-size:20px;line-height:1.65}
  #day .day-timeline h4{font-size:16px;line-height:1.8;margin-bottom:6px;letter-spacing:0}
  #day .day-timeline p{font-size:16px;line-height:1.95}
  #day .day-panel .day-demo-note{text-align:left;font-size:11px;margin-top:23px;padding-top:16px}
}
@media(max-width:359px){
  .director-message .director-lead{font-size:21px;letter-spacing:.025em}
  #day .chapter-head h2{font-size:25px}
  #day .day-tabs{gap:6px}
  #day .day-tabs button{font-size:12px}
  #day .day-panel{padding-inline:13px}
  #day .day-timeline{--time-width:43px;--timeline-gap:24px;--line-left:55px}
  #day .day-timeline time{font-size:19px}
}
@media(prefers-reduced-motion:reduce){#day .day-tabs button{transition:none}}