/* KriNavi homepage decision-hub redesign. Editorial geometry, not SaaS cards. */
html,body{max-width:100%;overflow-x:hidden}
.site-header{z-index:30;background:var(--k-navy,#071f46);border-bottom:4px solid var(--k-blue,#075bb8)}
.site-header .container,.hero .container,#destinations .container,.home-first-time .container,.section-soft .container,.home-latest .container,.section-sand .container,.site-footer .container{width:calc(100% - 64px);max-width:1280px;margin-inline:auto}
.site-header .nav{min-height:82px;gap:24px;flex-wrap:nowrap}
.site-header .nav-links{display:flex;align-items:center;gap:clamp(12px,1.8vw,28px);min-width:0;white-space:nowrap}
.site-header .nav-links a,.site-header .nav-utility{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.site-header .mobile-nav-extra{display:inline-flex!important}
.site-header .nav-utility{display:inline-flex;align-items:center;justify-content:center}
.kori-mobile-menu-toggle{display:none}
.hero{padding:28px 0 48px}
.hero + .section{padding-top:40px}
.hero-frame{min-height:468px;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);background:#071f46}
.hero-content{position:relative;z-index:2;display:flex;max-width:960px;min-height:468px;flex-direction:column;justify-content:center;padding:68px 72px 68px 88px;color:#fff}
.hero-kicker,.home-kicker{margin:0 0 15px;color:#f07a80;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(48px,5.1vw,72px);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.hero-lead{max-width:590px;margin:22px 0 0;color:#e0ebf8;font-size:18px;line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-actions .btn{min-height:50px;padding-inline:22px}
.section{padding:88px 0}
.section-head{margin-bottom:30px}
.section-title{font-size:clamp(34px,3.2vw,48px);line-height:1.08;letter-spacing:-.045em}
.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.destination-card{min-height:310px!important;aspect-ratio:16/11!important}
.destination-card .photo{aspect-ratio:auto}
.destination-card .label{padding:52px 62px 24px 26px}
.destination-card h3{font-size:clamp(26px,2.3vw,34px)}
.destination-card p{max-width:19ch;font-size:14px;line-height:1.45}
.topic-rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;overflow:hidden;border-top:1px solid var(--k-line,#dbe3ec);border-left:1px solid var(--k-line,#dbe3ec)}
.topic-rail::before{display:none!important}
.topic-link{min-height:174px!important;padding:28px 28px 26px 62px!important;border-right:1px solid var(--k-line,#dbe3ec)!important;border-bottom:1px solid var(--k-line,#dbe3ec)!important;background:#fff;transition:background .2s ease,color .2s ease}
.topic-link::before{left:27px!important;top:31px!important}
.topic-link:hover,.topic-link:focus-visible{background:#071f46;color:#fff;outline:0}
.topic-link strong{font-size:21px!important;line-height:1.2}
.topic-link>span:last-child{font-size:13px;line-height:1.6}
.home-first-time{padding-top:0}
.home-first-time-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}
.home-first-time-head>div{max-width:720px}
.home-first-time-head p:not(.home-kicker){margin:12px 0 0;color:var(--k-muted,#667085);line-height:1.65}
.home-choice-grid{display:grid;grid-template-columns:1fr 1fr;border-top:4px solid var(--k-navy,#071f46);border-bottom:1px solid var(--k-line,#dbe3ec)}
.home-choice-grid>div{padding:22px 24px 24px}.home-choice-grid>div+div{border-left:1px solid var(--k-line,#dbe3ec)}
.home-choice-label{display:block;margin-bottom:14px;color:var(--k-muted,#667085);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.home-choice-days{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-choice-days a{display:flex;min-height:76px;flex-direction:column;justify-content:center;padding:12px 14px;border:1px solid var(--k-line,#dbe3ec);color:var(--k-navy,#071f46);text-decoration:none}.home-choice-days a:hover,.home-choice-days a:focus-visible{border-color:var(--k-red,#cd2e3a);outline:3px solid #cd2e3a33}.home-choice-days strong{font-size:20px}.home-choice-days span{margin-top:4px;color:var(--k-muted,#667085);font-size:11px;line-height:1.35}
.home-choice-people{display:flex;flex-wrap:wrap;gap:9px}.home-choice-people a{display:inline-flex;min-height:44px;align-items:center;padding:0 15px;border:1px solid var(--k-line,#dbe3ec);color:var(--k-navy,#071f46);text-decoration:none}.home-choice-people a:hover,.home-choice-people a:focus-visible{border-color:var(--k-red,#cd2e3a);outline:3px solid #cd2e3a33}
.home-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch}.home-story.is-featured{grid-column:auto;grid-row:auto}.home-story:nth-child(4){grid-column:2}.home-story.is-featured .home-story-media,.home-story:not(.is-featured) .home-story-media{aspect-ratio:16/9}.home-story-media{background:#dce5ef}.home-story-media img{display:block;width:100%;height:100%;object-fit:cover}.home-story-body,.home-story.is-featured .home-story-body{min-height:176px}.home-story h3{font-size:clamp(20px,1.7vw,27px)}
.decision-band{grid-template-columns:1.1fr .9fr;gap:48px;padding:44px 48px}.decision-band h2{font-size:clamp(32px,3.8vw,52px);line-height:1.05}.decision-band p{max-width:45ch;color:rgba(255,255,255,.84);line-height:1.65}.home-quick-links{display:flex;flex-direction:column;gap:10px;padding:0;background:transparent}.home-quick-links>span{color:#dce9f7;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.home-quick-links a{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.62);color:#fff;font-weight:800;text-decoration:none}.home-quick-links a:hover,.home-quick-links a:focus-visible{color:#ff9aa2;outline:3px solid rgba(255,154,162,.5)}.home-quick-links b{font-size:18px;color:inherit}
.site-footer{padding:54px 0 28px}.footer-grid{gap:36px!important}.footer-note{margin-top:34px!important}
@media(max-width:1099px){.site-header .nav-links{display:none!important}.site-header .nav{justify-content:space-between}.site-header .nav-quick,.site-header .nav-utility{display:none!important}.kori-mobile-menu-toggle{display:inline-flex;min-height:46px;align-items:center;justify-content:center;margin-left:auto;padding:0 15px;border:1px solid #9fc0e5;background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer}.site-header .nav-links.is-mobile-open{display:flex!important;position:absolute;z-index:50;top:calc(100% + 8px);right:24px;left:24px;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:#071f46;border:1px solid #4777aa;box-shadow:0 18px 38px #0005}.site-header .nav-links.is-mobile-open a{padding:14px 16px;border-bottom:1px solid #31527a}.site-header .nav-links.is-mobile-open a:last-child{border-bottom:0}.site-header .nav-links.is-mobile-open .mobile-nav-extra{display:flex!important}}
@media(max-width:1100px){.site-header .container,.hero .container,#destinations .container,.home-first-time .container,.section-soft .container,.home-latest .container,.section-sand .container,.site-footer .container{width:calc(100% - 48px)}.hero-content{padding-left:66px}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-story.is-featured,.home-story:nth-child(4){grid-column:auto;grid-row:auto}}
.hero h1{max-width:16ch}
.hero + .section{padding-top:40px}
@media(max-width:767px){.site-header .container,.hero .container,#destinations .container,.home-first-time .container,.section-soft .container,.home-latest .container,.section-sand .container,.site-footer .container{width:calc(100% - 32px)}.site-header .nav{min-height:68px}.site-header .nav-links.is-mobile-open{right:16px;left:16px}.hero{padding:16px 0 28px}.hero + .section{padding-top:32px}.hero-frame,.hero-content{min-height:430px}.hero-content{padding:48px 26px 44px}.hero h1{max-width:16ch;font-size:clamp(42px,11vw,60px);line-height:1.02}.hero-lead{font-size:16px;line-height:1.55}.hero-actions{margin-top:24px}.hero-actions .btn{width:100%}.section{padding:58px 0}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.destination-card{min-height:220px!important}.destination-card .label{padding:42px 16px 16px}.destination-card h3{font-size:23px}.destination-card p{font-size:12px}.topic-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topic-link{min-height:150px!important;padding:22px 16px 20px 48px!important}.topic-link::before{left:17px!important;top:26px!important}.topic-link strong{font-size:17px!important}.topic-link>span:last-child{font-size:11px}.home-first-time-head{display:block}.home-first-time-head .btn{margin-top:18px}.home-choice-grid{grid-template-columns:1fr}.home-choice-grid>div+div{border-top:1px solid var(--k-line,#dbe3ec);border-left:0}.home-choice-days a{min-height:68px;padding:10px}.home-choice-days strong{font-size:17px}.home-choice-days span{font-size:10px}.home-latest-grid{grid-template-columns:1fr!important;gap:14px!important}.home-story.is-featured{grid-column:auto}.home-story.is-featured .home-story-media,.home-story:not(.is-featured) .home-story-media{aspect-ratio:16/9}.decision-band{grid-template-columns:1fr;gap:26px;padding:28px 22px}.decision-band h2{font-size:34px}.site-footer{padding-top:42px}}
html[lang="ja"] .hero h1{max-width:20ch}
@media(max-width:767px){html[lang="ja"] .hero h1{max-width:18ch;font-size:clamp(28px,8vw,46px);letter-spacing:-.08em}}
@media(max-width:430px){.destination-card{min-height:190px!important}.destination-card h3{font-size:21px}.destination-card p{font-size:11px}.home-choice-days{gap:6px}.home-choice-days a{padding:8px}.home-choice-days strong{font-size:15px}.home-choice-days span{display:none}}
