/* MIT: scoped Gutenberg block design. All headings, text and photos remain editable. */
.mit-page {--mit-navy:#173650;--mit-ink:#183751;--mit-light:#f5f8fa; color:var(--mit-ink); font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif; max-width:1280px !important;width:100%;margin:0 auto !important;background:#fff;overflow:hidden}
.mit-page *{box-sizing:border-box}
.mit-page .wp-block-group,.mit-page .wp-block-image,.mit-page h1,.mit-page h2,.mit-page h3,.mit-page p,.mit-page .wp-block-buttons{margin-top:0;margin-bottom:0}
.mit-page .wp-block-image img {display:block;width:100%;height:100%;object-fit:cover}
.mit-page .mit-hero{position:relative;height:435px;isolation:isolate;background:#dce9ee}
.mit-page .mit-hero-photo{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.mit-page .mit-hero-photo img{object-position:center center}
.mit-page .mit-hero:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.76) 28%,rgba(255,255,255,.1) 49%,rgba(255,255,255,.05) 70%,rgba(255,255,255,.13) 100%)}
.mit-page .mit-hero-copy{position:absolute;left:4%;top:14%;width:37%;z-index:2}
.mit-page .mit-hero-copy h1{font-size:clamp(24px,3.2vw,42px);line-height:1.55;letter-spacing:.045em;color:#12364f;font-weight:600;margin-bottom:15px}
.mit-page .mit-hero-copy p{font-size:14px;line-height:1.9;max-width:420px;margin-bottom:15px;color:#28445a}
.mit-page .mit-hero-anniversary{position:absolute;right:2.2%;top:6%;bottom:6%;width:19%;min-width:170px;z-index:3}
.mit-page .mit-hero-anniversary figure{height:100%}
.mit-page .mit-hero-anniversary img{object-fit:contain}
.mit-page .wp-block-button__link{background:var(--mit-navy);border:0;border-radius:0;color:white !important;padding:11px 23px;font-size:13px;line-height:1.6;display:inline-block;text-decoration:none !important}
.mit-page .mit-strengths{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 40px 25px;background:#f7fafb}
.mit-page .mit-strength{text-align:center;border-right:1px solid #cddce3;padding:6px 20px}
.mit-page .mit-strength:last-child{border:0}
.mit-page .mit-strength h3{font-size:22px;color:#173650;letter-spacing:.07em;margin-bottom:7px}
.mit-page .mit-strength p{font-size:12px;line-height:1.8;color:#5d6e79}
.mit-page .mit-process-container{padding:29px 34px 30px}
.mit-page .mit-section-title{display:flex;align-items:baseline;gap:20px;margin-bottom:20px}
.mit-page .mit-section-title h2{font-size:26px;line-height:1.4}
.mit-page .mit-section-title p{font-size:14px;color:#71818c;line-height:1.5}
.mit-page .mit-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.mit-page .mit-step-pictures{height:170px;display:flex;overflow:hidden;background:#edf2f5}
.mit-page .mit-step-pictures figure{width:100%;height:100%;min-width:0}
.mit-page .mit-step-pictures.mit-pair figure{width:50%}
.mit-page .mit-step-pictures.mit-pair figure+figure{border-left:2px solid white}
.mit-page .mit-step h3{font-size:19px;margin:10px 0 7px;line-height:1.45}
.mit-page .mit-step-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:white;background:var(--mit-navy);font-size:10px;font-family:Arial,sans-serif;width:24px;height:24px;margin-right:8px;vertical-align:3px}
.mit-page .mit-step p{font-size:12px;line-height:1.75;color:#5d7180}
.mit-page .mit-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mit-page .mit-profile{display:grid;grid-template-columns:43% 57%;background:#f7f7f5;min-width:0;min-height:310px}
.mit-page .mit-profile-photo{width:100%;height:310px;overflow:hidden}
.mit-page .mit-profile-photo img{object-fit:cover;object-position:center center}
.mit-page .mit-story .mit-profile-photo img{object-position:50% 42%}
.mit-page .mit-profile-copy{padding:22px 20px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.mit-page .mit-profile-copy .mit-en,.mit-page .mit-en{font:11px/1.4 Georgia,serif;color:#7b8590;letter-spacing:.07em}
.mit-page .mit-profile-copy h2{font-size:22px;line-height:1.48;font-weight:600;color:#153750}
.mit-page .mit-profile-copy p:not(.mit-en){font-size:12px;line-height:1.75;color:#60717a}
.mit-page .mit-profile-copy p.mit-gold{color:#a08a64}
.mit-page .mit-profile-copy .wp-block-buttons{margin-top:auto}
.mit-page .mit-factory{margin:20px 0 0;position:relative;height:220px;isolation:isolate;overflow:hidden}
.mit-page .mit-factory-photo{position:absolute;inset:0;z-index:-2}
.mit-page .mit-factory-photo img{object-position:center 60%}
.mit-page .mit-factory:after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0) 54%)}
.mit-page .mit-factory-copy{padding:20px 32px;max-width:360px}
.mit-page .mit-factory-copy h2{font-size:27px;line-height:1.2;margin:6px 0}
.mit-page .mit-factory-copy p:not(.mit-en){font-size:12px;line-height:1.7;margin-bottom:10px}
.mit-page .mit-bottom{display:grid;grid-template-columns:31% 44% 25%;min-height:190px;align-items:stretch;background:#fff}
.mit-page .mit-bottom-left,.mit-page .mit-bottom-right{height:190px;min-width:0}
.mit-page .mit-bottom-copy{padding:27px 18px 20px 30px}
.mit-page .mit-bottom-copy h2{font-size:25px;line-height:1.5;margin-bottom:10px}
.mit-page .mit-bottom-copy p{font-size:12px;line-height:1.75;margin-bottom:12px}
.mit-page .mit-bottom-copy .wp-block-button__link{color:#254158 !important;background:white;border:1px solid #9caeb8;padding:8px 24px}
body.mit-draft-preview{margin:0;background:#edf0f2}
body.mit-draft-preview .mit-page{box-shadow:0 10px 40px #182c3a14}
@media(max-width:800px){
.mit-page .mit-hero{height:550px}
.mit-page .mit-hero:after{background:linear-gradient(0deg,#fff 1%,rgba(255,255,255,.92) 41%,rgba(255,255,255,.03) 75%)}
.mit-page .mit-hero-photo{height:61%}
.mit-page .mit-hero-copy{left:5%;top:52%;width:55%}
.mit-page .mit-hero-copy h1{font-size:24px;margin-bottom:8px}
.mit-page .mit-hero-copy p{font-size:11px;line-height:1.6}
.mit-page .mit-hero-anniversary{min-width:0;width:37%;right:1%;top:53%;bottom:2%}
.mit-page .mit-strengths{padding:15px 8px}
.mit-page .mit-strength{padding:4px 7px}
.mit-page .mit-strength h3{font-size:17px}
.mit-page .mit-strength p{font-size:10px}
.mit-page .mit-process-container{padding:24px 16px}
.mit-page .mit-section-title{display:block}
.mit-page .mit-section-title h2{font-size:23px}
.mit-page .mit-steps{grid-template-columns:repeat(2,1fr)}
.mit-page .mit-step-pictures{height:145px}
.mit-page .mit-profiles{grid-template-columns:1fr}
.mit-page .mit-profile{grid-template-columns:42% 58%}
.mit-page .mit-profile-photo{height:315px}
.mit-page .mit-profile-copy{padding:18px 13px}
.mit-page .mit-profile-copy h2{font-size:19px}
.mit-page .mit-factory{height:245px}
.mit-page .mit-factory-copy{padding:17px}
.mit-page .mit-bottom{grid-template-columns:28% 72%}
.mit-page .mit-bottom-right{display:none}
.mit-page .mit-bottom-copy{padding:20px 14px}
.mit-page .mit-bottom-copy h2{font-size:19px}
}

.mit-page .mit-header{height:76px;display:flex;align-items:center;gap:18px;padding:12px 35px;background:#fff}
.mit-page .mit-header-logo{font:42px Georgia,serif;color:#173650;white-space:nowrap;line-height:.85}
.mit-page .mit-header-brand-small{font-size:15px;display:inline-block;vertical-align:middle;line-height:1.1}
.mit-page .mit-header-brand-small small{display:block;font:9px sans-serif}
.mit-page .mit-header-menu{flex:1;font:11px/1.8 sans-serif;text-align:center}
.mit-page .mit-header-menu a{text-decoration:none;color:#24445b}
.mit-page .mit-header-contact{background:#173650;padding:12px 18px;font:12px sans-serif;white-space:nowrap}
.mit-page .mit-header-contact a{color:#fff;text-decoration:none}
@media(max-width:800px){.mit-page .mit-header{height:auto;display:block;padding:12px}.mit-page .mit-header-logo{font-size:33px}.mit-page .mit-header-menu{overflow-x:auto;white-space:nowrap;text-align:left;padding:12px 0}.mit-page .mit-header-contact{display:inline-block}}
