.alisa-hero { position: relative; display: grid; min-height: 735px; align-items: center; isolation: isolate; overflow: hidden; background: #eef0f2; color: #17212b; }
.alisa-hero-image { position: absolute; inset: 0; z-index: -2; }
.alisa-hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: 58% 42%; }
.alisa-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(247,248,249,.97) 0%, rgba(247,248,249,.92) 28%, rgba(247,248,249,.65) 43%, rgba(247,248,249,0) 65%); }
.alisa-hero-content { padding-top: 88px; padding-bottom: 88px; }
.alisa-eyebrow, .alisa-index, .alisa-status, .alisa-future-line small, .alisa-journey-kicker, figcaption { font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 700; letter-spacing: .14em; }
.alisa-eyebrow { color: #425c71; font-size: 11px; }
.alisa-hero h1, .alisa-hero-lead, .alisa-section h2 { font-family: "Hiragino Mincho ProN", "Yu Mincho", serif; font-weight: 500; letter-spacing: -.055em; }
.alisa-hero h1 { margin-top: 28px; font-size: clamp(55px, 6.3vw, 90px); line-height: 1.18; }
.alisa-hero h1 span { display: block; }
.alisa-hero-lead { margin-top: 20px; font-size: clamp(26px, 2.8vw, 40px); line-height: 1.5; }
.alisa-hero-copy { max-width: 485px; margin-top: 27px; font-size: 15px; }
.alisa-status { max-width: 520px; margin-top: 32px; padding-top: 17px; border-top: 1px solid #9aa9b2; color: #384b5a; font-size: 11px; letter-spacing: .02em; }
.alisa-status strong { margin-right: 9px; color: #2d627e; letter-spacing: .13em; }
.alisa-section { padding: 104px 0; }
.alisa-editorial-grid { display: grid; grid-template-columns: 130px minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px 42px; align-items: start; }
.alisa-index { padding-top: 13px; color: #617686; font-size: 11px; line-height: 1.5; }
.alisa-editorial-body { min-width: 0; }
.alisa-section h2 { font-size: clamp(38px, 3.8vw, 58px); line-height: 1.43; }
.alisa-editorial-body > p { max-width: 650px; margin-top: 20px; color: #45525d; font-size: 15px; line-height: 2.05; }
.alisa-editorial-body > .alisa-lead { margin-top: 30px; color: #19232e; font-size: 19px; line-height: 1.85; }
figure { min-width: 0; }
figure img { width: 100%; height: 100%; object-fit: cover; }
figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin-top: 11px; color: #516675; font-size: 10px; line-height: 1.6; }
figcaption span { font-family: "Hiragino Kaku Gothic ProN", sans-serif; font-weight: 400; letter-spacing: 0; }
.alisa-today { background: #f7f8f8; }
.alisa-today-visual { grid-column: 3; align-self: center; }
.alisa-today-visual img { aspect-ratio: 4 / 5; object-position: 28% center; }
.alisa-why { background: #e8ecee; }
.alisa-why .alisa-editorial-body { grid-column: 2 / 4; max-width: 720px; }
.alisa-why-visual { grid-column: 2 / 4; margin-top: 32px; }
.alisa-why-visual img { aspect-ratio: 16 / 8; object-position: center 42%; }
@media (min-width: 1100px) { .alisa-why-visual { width: 88%; } }
.alisa-herself { background: #111c2b; color: #fff; }
.alisa-herself .alisa-index, .alisa-herself figcaption { color: #a8c1d1; }
.alisa-herself .alisa-editorial-body > p { color: #c0ccd5; }
.alisa-herself .alisa-editorial-body > .alisa-lead { color: #fff; }
.alisa-future-line { grid-column: 3; align-self: center; border-top: 1px solid #667684; }
.alisa-future-line div { padding: 18px 0; border-bottom: 1px solid #667684; }
.alisa-future-line small { display: block; color: #a8c1d1; font-size: 9px; }
.alisa-future-line strong { display: block; margin-top: 8px; font-size: 14px; font-weight: 500; }
.alisa-screen-visual { grid-column: 2 / 4; margin-top: 28px; }
.alisa-screen-visual img { aspect-ratio: 16 / 8; object-position: center; }
.alisa-journey { background: #f5f7f8; }
.alisa-journey-intro { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 42px; }
.alisa-journey-kicker { margin-bottom: 16px; color: #647c8c; font-size: 10px; line-height: 1.7; }
.alisa-journey-intro > div > p:last-child { max-width: 720px; margin-top: 20px; color: #45525d; font-size: 15px; line-height: 2; }
.alisa-story-sequence { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 28px; align-items: end; margin: 46px 0 0 172px; }
.alisa-story-runway img { aspect-ratio: 4 / 3; object-position: 52% center; }
.alisa-story-steps { padding-bottom: 46px; }
.alisa-story-steps img { aspect-ratio: 4 / 5; object-position: center; }
.alisa-journey-outro { max-width: 650px; margin: 24px 0 0 172px; }
.alisa-journey-outro p { color: #50606c; font-size: 13px; line-height: 1.8; }
.alisa-cta { display: inline-flex; min-height: 50px; align-items: center; justify-content: space-between; gap: 45px; margin-top: 27px; padding: 10px 20px; border: 1px solid #17212b; background: #17212b; color: #fff; font-size: 13px; font-weight: 700; }
.alisa-cta:hover { background: #31495a; }
@media (max-width: 1099px) { .alisa-editorial-grid { grid-template-columns: 115px minmax(0, 1fr); gap: 22px 32px; } .alisa-today-visual, .alisa-future-line, .alisa-screen-visual, .alisa-why-visual { grid-column: 2; max-width: 680px; margin-top: 28px; } .alisa-why .alisa-editorial-body { grid-column: 2; } .alisa-today-visual img { aspect-ratio: 16 / 10; object-position: center 32%; } .alisa-journey-intro { grid-template-columns: 115px 1fr; gap: 32px; } .alisa-story-sequence, .alisa-journey-outro { margin-left: 147px; } }
@media (max-width: 699px) { .alisa-hero { display: block; min-height: 0; } .alisa-hero-image { position: relative; height: min(73vw, 340px); z-index: 0; } .alisa-hero-image img { object-position: 70% 27%; } .alisa-hero::after { display: none; } .alisa-hero-content { padding-top: 28px; padding-bottom: 42px; } .alisa-hero h1 { margin-top: 14px; font-size: clamp(43px, 11.5vw, 56px); } .alisa-hero-lead { margin-top: 7px; font-size: clamp(25px, 6.6vw, 30px); } .alisa-hero-copy { margin-top: 12px; font-size: 13px; } .alisa-status { margin-top: 16px; padding-top: 12px; font-size: 10px; line-height: 1.8; } .alisa-status span { display: none; } .alisa-section { padding: 67px 0; } .alisa-editorial-grid, .alisa-journey-intro { display: block; } .alisa-index { padding-top: 0; margin-bottom: 19px; } .alisa-section h2 { font-size: clamp(34px, 9vw, 43px); } .alisa-editorial-body > p, .alisa-journey-intro > div > p:last-child { margin-top: 16px; font-size: 14px; } .alisa-editorial-body > .alisa-lead { margin-top: 22px; font-size: 17px; } .alisa-today-visual, .alisa-why-visual, .alisa-future-line, .alisa-screen-visual { margin-top: 34px; } .alisa-today-visual img { aspect-ratio: 16 / 12; object-position: 29% 32%; } .alisa-why-visual img, .alisa-screen-visual img { aspect-ratio: 16 / 10; } .alisa-story-sequence { display: block; margin: 29px 0 0; } .alisa-story-runway img { aspect-ratio: 16 / 10; } .alisa-story-steps { max-width: 78%; margin: 27px 0 0 auto; padding: 0; } .alisa-story-steps img { aspect-ratio: 4 / 3; } .alisa-journey-outro { margin: 26px 0 0; } }
@media (max-width: 370px) { .alisa-hero h1 { font-size: 42px; } .alisa-hero-lead { font-size: 25px; } .alisa-section h2 { font-size: 33px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }