/* Generated 390px mobile baseline; rebuild with build-mobile-rem.py. */
.interview-support-page{--is-ink: #1d3045; --is-muted: #667584; --is-blue: #38628a; color: var(--is-ink);}
.interview-support-page main h2, .interview-support-page main h3, .interview-support-page main p{word-break: keep-all; overflow-wrap: break-word;}
.interview-support-page main .wrap{max-width: 80rem;}
.interview-support-page .skip-link{position: fixed; top: 0.5rem; left: 1rem; z-index: 1000; padding: 0.75rem 1.125rem; background: rgb(24, 45, 71); color: white; transform: translateY(calc(-100% - 1rem));}
.interview-support-page .skip-link:focus{transform: none;}
.interview-support-hero .subpage-hero-media::before{background: linear-gradient(90deg, rgba(23, 45, 67, 0.81), rgba(35, 55, 75, 0.5) 40%, rgba(35, 55, 75, 0.04) 75%);}
.interview-support-hero .subpage-hero-media img{filter: none; object-position: center 53%;}
.interview-support-hero h1{font-size: 3rem;}
.interview-support-hero .subpage-hero-label{color: rgb(209, 226, 238); letter-spacing: 0.1em;}
.interview-support-hero .subpage-hero-lead{font-size: max(13px,1.1875rem); color: rgb(236, 241, 245);}
.is-section{padding: 5.5rem 0;}
.is-eyebrow{font-size: max(10px,0.6875rem); font-weight: 700; letter-spacing: 0.1em; color: var(--is-blue); margin-bottom: 1.1875rem;}
.is-section h2{font-size: 2.6875rem; line-height: 1.4; font-weight: 450; letter-spacing: -0.045em;}
.is-section h2 strong{font-weight: 700;}
.is-intro-heading{display: grid; grid-template-columns: 1.3fr 1fr; align-items: end; gap: 4.375rem;}
.is-intro-heading h2{max-width: 41.25rem;}
.is-intro-heading > p{font-size: max(13px,1rem); line-height: 1.95; color: var(--is-muted);}
.is-overview{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 2.5rem 0 0; border-block: 1px solid rgb(219, 227, 233);}
.is-overview li{display: flex; align-items: center; gap: 1.5625rem; padding: 1.75rem 1.5rem; border-right: 1px solid rgb(219, 227, 233);}
.is-overview li:first-child{padding-left: 0;}
.is-overview li:last-child{border: 0;}
.is-overview li > span{font-size: 3.0625rem; line-height: 1.2; font-weight: 400; letter-spacing: -0.04em; color: rgb(158, 179, 197);}
.is-overview h3{font-size: 1.3125rem; font-weight: 650; letter-spacing: -0.035em;}
.is-overview p{font-size: max(10px,0.8125rem); color: var(--is-muted); margin-top: 0.5rem; line-height: 1.6;}
.is-cafe{background: rgb(245, 243, 239);}
.is-makeup{background: rgb(255, 255, 255);}
.is-coffee{background: rgb(239, 244, 246);}
.is-detail-heading{display: grid; grid-template-columns: 1fr 1fr; gap: 4.0625rem; align-items: center; margin: 0 0 2.1875rem;}
.is-title-block .is-eyebrow{display: flex; align-items: center; gap: 0.875rem; font-size: 0.625rem; margin-bottom: 1.125rem;}
.is-eyebrow > span{font-size: 1.75rem; font-weight: 450; letter-spacing: -0.035em; color: rgb(141, 158, 170); line-height: 1;}
.is-detail h2{font-size: 2.6875rem; font-weight: 650; letter-spacing: -0.045em; line-height: 1.35;}
.is-subtitle{font-size: max(13px,1rem); line-height: 1.7; color: var(--is-muted); margin-top: 0.875rem;}
.is-description > p{font-size: max(13px,1rem); line-height: 1.9; color: rgb(85, 102, 118);}
.is-description ul{display: flex; flex-wrap: wrap; gap: 0.625rem 1.0625rem; list-style: none; margin: 1.25rem 0 0; padding: 0;}
.is-description li{font-size: max(10px,0.75rem); font-weight: 600; color: rgb(53, 87, 116); display: flex; align-items: center; gap: 0.4375rem;}
.is-description li::before{content: ""; width: 0.3125rem; height: 0.3125rem; border-radius: 50%; background: rgb(143, 170, 189); flex-shrink: 0;}
.is-photo-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.875rem; max-width: 68.125rem; margin: 0 auto;}
.is-photo-grid figure{margin: 0; min-width: 0;}
.is-photo{aspect-ratio: 4 / 3; overflow: hidden; border-radius: 0.4375rem; background: rgb(225, 229, 231); position: relative;}
.is-photo img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.3, 1);}
.is-photo-grid figcaption{font-size: max(13px,0.875rem); line-height: 1.7; color: rgb(83, 100, 117); margin-top: 0.9375rem; padding-left: 0.75rem; border-left: 0.125rem solid rgb(166, 184, 197);}
.is-finish{position: relative; background: radial-gradient(at 75% 100%, rgb(54, 80, 106), transparent 65%), rgb(27, 48, 71); color: white; padding: 5.3125rem 0 5.9375rem;}
.is-finish-inner{max-width: 53.125rem; margin: auto; text-align: center;}
.is-finish .is-eyebrow{color: rgb(192, 209, 222);}
.is-finish h2{font-size: 2.9375rem; font-weight: 450; line-height: 1.4; max-width: 51.25rem; margin: auto;}
.is-finish h2 strong{color: rgb(228, 214, 186);}
.is-finish-inner > p:not(.is-eyebrow){font-size: max(13px,1rem); line-height: 1.9; max-width: 39.0625rem; margin: 1.5rem auto 0; color: rgb(196, 209, 220);}
.is-button{display: inline-flex; align-items: center; justify-content: space-between; gap: 2.8125rem; min-height: 3.5625rem; padding: 1rem 1.5625rem; border-radius: 0.3125rem; background: rgb(245, 238, 225); color: rgb(36, 56, 77); font-size: max(13px,0.9375rem); font-weight: 650; margin-top: 1.875rem; transition: transform 0.2s, box-shadow 0.2s;}
.is-button span{font-size: 1.375rem; line-height: 1;}
.interview-support-page main a:focus-visible{outline: rgb(130, 181, 229) solid 0.1875rem; outline-offset: 0.3125rem;}
@media (hover: hover){.is-photo:hover img{transform: scale(1.035);}
.is-button:hover{transform: translateY(-0.1875rem); box-shadow: rgba(7, 19, 33, 0.2) 0 0.625rem 1.5625rem;}}

.is-section{padding: 4.0625rem 0;}
.is-section h2{font-size: 2.25rem;}
.is-intro-heading{gap: 2.1875rem;}
.is-overview li{gap: 1rem; padding: 1.5625rem 1.125rem;}
.is-overview li > span{font-size: 2.5625rem;}
.is-overview h3{font-size: max(13px,1.1875rem);}
.is-detail-heading{gap: 2.1875rem;}
.is-detail h2{font-size: 2.3125rem;}
.is-section{padding: 3.25rem 0;}
.is-intro-heading{grid-template-columns: 1fr; gap: 1.375rem;}
.is-intro-heading > p{max-width: 41.25rem;}
.is-overview li{display: block; padding: 1.5rem 1.0625rem;}
.is-overview li > span{display: block; margin-bottom: 0.875rem; font-size: 2.375rem;}
.is-overview h3{font-size: max(13px,1.125rem);}
.is-overview p{font-size: max(10px,0.75rem);}
.is-detail-heading{grid-template-columns: 1fr; gap: 1.375rem; margin-bottom: 1.75rem;}
.is-section h2{font-size: 2.0625rem;}
.is-description > p{max-width: 42.5rem;}
.is-description ul{margin-top: 0.9375rem;}
.is-photo-grid{gap: 1.25rem;}
.is-photo-grid figcaption{font-size: max(10px,0.75rem);}
.is-finish h2{font-size: 2.4375rem;}
.interview-support-hero h1{font-size: 2rem; letter-spacing: -0.05em;}
.interview-support-hero .subpage-hero-lead{font-size: max(13px,1rem);}
.interview-support-hero .subpage-hero-media img{object-position: 69% center;}
.interview-support-hero .subpage-hero-media::before{background: linear-gradient(90deg, rgba(23, 45, 67, 0.85), rgba(35, 55, 75, 0.5));}
.is-section h2{font-size: 1.8125rem;}
.is-eyebrow{font-size: 0.625rem;}
.is-intro-heading > p, .is-description > p{font-size: max(13px,0.875rem);}
.is-overview{grid-template-columns: 1fr; margin-top: 1.75rem;}
.is-overview li, .is-overview li:first-child, .is-overview li:last-child{display: flex; align-items: center; gap: 1.5rem; padding: 1.375rem 0; border-right: 0;}
.is-overview li + li{border-top: 1px solid rgb(219, 227, 233);}
.is-overview li > span{margin: 0; font-size: 2.625rem; width: 3.25rem;}
.is-overview h3{font-size: 1.3125rem;}
.is-overview p{font-size: max(10px,0.8125rem); margin-top: 0.3125rem;}
.is-title-block .is-eyebrow{font-size: 0.5625rem; gap: 0.75rem;}
.is-subtitle{font-size: max(13px,0.9375rem);}
.is-description ul{gap: 0.625rem 0.8125rem;}
.is-description li{font-size: max(10px,0.6875rem);}
.is-photo-grid{grid-template-columns: 1fr; gap: 1.5625rem;}
.is-photo-grid figcaption{font-size: max(10px,0.8125rem); margin-top: 0.75rem;}
.is-finish h2{font-size: 2.0625rem;}
.is-finish-inner > p:not(.is-eyebrow){font-size: max(13px,0.9375rem);}
.is-button{display: flex; width: 100%; gap: 0.9375rem;}
@media (prefers-reduced-motion: reduce){.is-photo img, .is-button{transition: none;}
.is-photo:hover img, .is-button:hover{transform: none;}}
