/* Wakayama resort collection — homepage only. */
.resort-project{--resort-ink:#202a2d;--resort-muted:#667073;--resort-line:#d8ddde;--resort-accent:#526f79;padding:86px clamp(22px,6vw,116px) 74px;background:#fff;color:var(--resort-ink);overflow:hidden}
.resort-project>.wrap{max-width:1440px}
.resort-project-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}
.resort-project-en{font:500 12px/1.6 var(--en);letter-spacing:.2em;color:var(--resort-accent)}
.resort-project-head h2{margin-top:20px;color:var(--resort-ink);font:400 clamp(30px,2.6vw,42px)/1.65 var(--serif);letter-spacing:.09em}
.resort-project-phase{display:flex;align-items:center;gap:18px;margin-top:18px;font-size:13px;letter-spacing:.08em;color:var(--resort-muted)}
.resort-project-phase span{border-left:1px solid var(--resort-line);padding-left:18px}
.resort-project-intro{justify-self:end;max-width:510px;font-size:14px;font-weight:400;line-height:2.25;letter-spacing:.025em;color:var(--resort-muted)}
.resort-intro-break{display:none}
.resort-stage{margin-top:52px}
.resort-panel[hidden]{display:none!important}
.resort-panel+.resort-panel{margin-top:56px}
.resort-project.is-enhanced .resort-panel{margin-top:0}
.resort-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(35px,4.1vw,72px);align-items:center;color:inherit;text-decoration:none}
.resort-feature-media{margin:0;aspect-ratio:1.96}
.resort-card{--brand-color:#487f9a;position:relative;display:block;container-type:inline-size;overflow:hidden;background:var(--brand-color);isolation:isolate}
.resort-card--kumano{--brand-color:#52634b}
.resort-card--madara{--brand-color:#76654c}
.resort-card--mujin{--brand-color:#0a6870}
.resort-card>img{position:absolute;inset:0 auto 0 0;display:block;width:75%;height:100%;object-fit:cover;object-position:45% 65%;transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.resort-card--kumano>img{object-position:30% 55%}
.resort-card--madara>img{object-position:100% 60%}
.resort-card--mujin>img{object-position:40% 58%}
.resort-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 35%,var(--brand-color) 71%);pointer-events:none}
.resort-card-wordmark{position:absolute;inset:0 4% 0 56%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;pointer-events:none}
.resort-card-symbol{display:block;flex:0 0 auto;width:10.5cqw;height:10.5cqw;margin-bottom:2.5cqw;object-fit:contain}
.resort-card-name{display:block;font:400 5.2cqw/1.2 'Noto Serif JP',serif;letter-spacing:.12em;white-space:nowrap}
.resort-card-place{display:block;margin-top:2.5cqw;font:500 1.6cqw/1.4 'Montserrat',sans-serif;letter-spacing:.32em;padding-left:.32em}

.resort-card--madara .resort-card-name,.resort-card--mujin .resort-card-name{font:500 7.2cqw/1 'Cormorant Garamond',serif;letter-spacing:.11em}
.resort-card--mujin .resort-card-name{font-size:8cqw;letter-spacing:.08em}

.resort-feature-copy{min-width:0;min-height:308px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.resort-feature-copy h3{margin:0;min-height:38px;color:var(--resort-ink);font:600 clamp(22px,2vw,30px)/1.45 var(--en);letter-spacing:.035em}
.resort-location{margin-top:8px;min-height:25px;font-size:14px;line-height:1.8;color:var(--resort-muted)}
.resort-exclusive{order:3;margin-top:16px;font-size:12px;line-height:1.8;letter-spacing:.04em;color:var(--resort-muted)}
.resort-description{margin-top:24px;min-height:108px;font-size:16px;font-weight:400;line-height:2.1;letter-spacing:.025em;color:var(--resort-ink)}
.resort-detail-link{order:4;display:flex;align-items:center;gap:13px;min-height:44px;margin-top:14px;font-size:15px;letter-spacing:.06em}
.resort-detail-link b{font-size:25px;font-weight:400;line-height:1;transition:transform .3s}
.resort-selector{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:16px;margin:40px -48px 0}
.resort-selector[hidden]{display:none!important}
.resort-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;min-width:0}
.resort-tab{position:relative;display:block;min-width:0;padding:0;border:0;background:transparent;cursor:pointer}
.resort-tab::after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--resort-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.resort-tab.is-active::after{transform:scaleX(1)}
.resort-tab-image{aspect-ratio:3.4}
.resort-tab-image .resort-card-symbol{width:max(18px,8cqw);height:max(18px,8cqw);margin-bottom:1.4cqw}
.resort-tab-image .resort-card-name{font-size:5.9cqw}
.resort-tab-image .resort-card-place{font-size:2.65cqw;margin-top:1.5cqw;letter-spacing:.19em}

.resort-tab-image.resort-card--madara .resort-card-name{font-size:8cqw}
.resort-tab-image.resort-card--mujin .resort-card-name{font-size:9cqw}
.resort-arrow{display:grid;place-items:center;width:32px;height:48px;padding:0;border:0;background:transparent;color:#a6afb2;cursor:pointer;transition:color .2s}
.resort-arrow svg{width:17px;height:28px;fill:none;stroke:currentColor;stroke-width:1.3}
.resort-arrow:disabled{opacity:.3;cursor:default}
.resort-project-note{margin-top:35px;font-size:12px;line-height:1.9;letter-spacing:.015em;color:var(--resort-muted)}
.resort-project :is(a,button):focus-visible{outline:2px solid var(--resort-accent);outline-offset:6px}
.resort-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.resort-panel.is-entering{animation:resort-enter .55s ease both}
@keyframes resort-enter{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.resort-feature:hover .resort-card>img,.resort-tab:hover .resort-card>img{transform:scale(1.025)}.resort-feature:hover .resort-detail-link b{transform:translateX(4px)}.resort-arrow:not(:disabled):hover{color:var(--resort-ink)}}
@media(max-width:1100px){
.resort-project{padding:72px 48px 60px}.resort-project-head{gap:30px}.resort-project-intro{font-size:13px}
.resort-feature{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px}.resort-feature-media{aspect-ratio:1.6}
.resort-feature-copy h3{font-size:21px;min-height:61px}.resort-location{font-size:12px;min-height:44px;margin-top:4px}.resort-description{margin-top:14px;min-height:136px;font-size:14px;line-height:1.95}.resort-exclusive{margin-top:9px}.resort-detail-link{margin-top:8px;font-size:14px}
.resort-selector{margin-left:-34px;margin-right:-34px;gap:6px;grid-template-columns:28px minmax(0,1fr) 28px}.resort-tabs{gap:16px}.resort-arrow{width:28px}
}
@media(max-width:700px){
.resort-project{padding:58px 22px 48px}.resort-project-head{grid-template-columns:1fr;gap:24px}.resort-project-head h2{font-size:30px;line-height:1.6;margin-top:15px}.resort-project-phase{font-size:12px;gap:14px;margin-top:13px}.resort-project-phase span{padding-left:14px}.resort-project-intro{justify-self:start;font-size:13px;line-height:2.05}.resort-stage{margin-top:30px}
.resort-feature{display:block}.resort-feature-media{aspect-ratio:1.75}
.resort-feature-copy{margin-top:23px;min-height:0;display:block}.resort-feature-copy h3{font-size:22px;line-height:1.45;min-height:32px;letter-spacing:.02em}.resort-location{font-size:12px;min-height:22px;margin-top:7px}.resort-exclusive{margin-top:10px;font-size:12px}.resort-description{font-size:15px;line-height:1.95;min-height:118px;margin-top:15px;letter-spacing:0}.resort-detail-link{margin-top:10px;font-size:14px;min-height:44px}
.resort-selector{position:relative;display:block;margin:25px 0 0;padding-bottom:53px}.resort-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.resort-tab-image{aspect-ratio:2.7}.resort-tab-image .resort-card-symbol{width:max(18px,10.5cqw);height:max(18px,10.5cqw);margin-bottom:1.8cqw}.resort-tab-image .resort-card-name{font-size:6.3cqw;letter-spacing:.07em}.resort-tab-image.resort-card--madara .resort-card-name{font-size:8.2cqw}.resort-tab-image.resort-card--mujin .resort-card-name{font-size:9.2cqw}.resort-tab-image .resort-card-place{font-size:3.5cqw;letter-spacing:.1em}
.resort-arrow{position:absolute;bottom:0;width:44px;height:44px}.resort-arrow-prev{right:54px}.resort-arrow-next{right:0}.resort-arrow svg{width:12px;height:22px}.resort-project-note{margin-top:17px;font-size:11px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){.resort-project *,.resort-project *::after{animation:none!important;transition:none!important}}