@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}

@font-face{font-family:"Fraunces";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/fraunces-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fraunces-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/fraunces-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/work-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/work-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/work-sans-latin-600-normal.woff2) format("woff2")}

:root{
  
  --paper:#f5f3ee;--panel:#fff;--ink:#1c1c1a;--ink2:#55534e;--muted:#8c8980;--line:#dcd8cf;
  --indigo:#23405f;--vermilion:#b8432f;--ok:#2f6b4f;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --jp:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;
  
  --sumi:var(--ink);--sumi-2:#2a2a27;--vermilion-d:#9a3626;--gold:var(--vermilion);--gold-soft:#f0b9a8;
  --paper-2:#ece8df;--ink-soft:var(--ink2);--white:#fff;
  
  --bg:var(--paper);--sub:var(--ink2);--ac:var(--vermilion);--ac-text:var(--vermilion-d);--soft:var(--paper-2);
  --fh:var(--serif);--fb:var(--sans);--fm:ui-monospace,"SFMono-Regular",Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500;line-height:1.18}
.wrap{width:min(1180px,100%);margin:0 auto;padding-left:32px;padding-right:32px}
.col{width:min(760px,100%);margin:0 auto;padding-left:16px;padding-right:16px}
.label{font:400 11px/1.6 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:.6em;background:var(--ink);color:var(--paper);font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  padding:1.1em 1.6em;text-decoration:none;transition:background .2s}
.btn:hover{background:var(--vermilion)}
.more{display:inline-block;margin-top:14px;font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:900px){.wrap{padding-left:16px;padding-right:16px}}


.bar{position:sticky;top:0;z-index:50;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.bar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,100%);margin:0 auto;padding:0 32px;height:72px}
.brand{text-decoration:none;color:inherit}
.brand__wm{display:block;font:500 21px/1 var(--serif);letter-spacing:.02em}
.brand__wm small{display:block;font:400 9px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;margin-top:6px;opacity:.75}
.links{display:flex;gap:clamp(16px,2.4vw,28px)}
.links a{text-decoration:none;font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.links a:hover,.links a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:6px}
.bar__cta{border:1px solid currentColor;color:inherit;text-decoration:none;font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:9px 16px;white-space:nowrap}
.bar--over{position:absolute;left:0;right:0;background:transparent;border-bottom:0;color:#f5f3ee}
@media(max-width:900px){
  .bar__in{padding:0 16px;height:auto;min-height:60px;flex-wrap:wrap;row-gap:4px;padding-top:12px;padding-bottom:10px}
  .links{width:100%;gap:18px;overflow-x:auto}.links a{font-size:10px;letter-spacing:.16em}
}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:56px 0 30px;font-size:12px;color:var(--muted)}
.foot__row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px 24px}
.foot__brand{font:500 18px/1.1 var(--serif);color:var(--ink);text-decoration:none}
.foot__l{display:flex;flex-wrap:wrap;gap:10px 22px}
.foot a{color:var(--ink2);text-decoration:none}.foot a:hover{color:var(--ink);text-decoration:underline}
.foot .foot__brand{color:var(--ink)}
.foot__btn{background:none;border:0;padding:0;font:inherit;color:var(--ink2);text-align:left;cursor:pointer;text-decoration:underline}

/* ---------- breadcrumb ---------- */
.crumb{margin:18px 0 0}
.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;font:400 12px/1.5 var(--sans);color:var(--muted)}
.crumb li+li::before{content:"/";margin-right:10px;color:var(--line)}
.crumb a{text-decoration:none;color:var(--ink2)}.crumb a:hover{color:var(--vermilion)}


.page-title{padding:clamp(32px,5vw,64px) 0 clamp(20px,3vw,32px)}
.page-title h1{font:400 clamp(40px,5.4vw,68px)/1.02 var(--serif);letter-spacing:-.01em}
.page-title p{max-width:40em;margin:.9rem 0 0;color:var(--ink2);font:400 clamp(19px,1.8vw,23px)/1.45 var(--serif)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.6vw,20px)}
.tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;color:#fff;text-decoration:none;background:var(--ink)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(10,8,5,.82))}
.tile__t{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(16px,2.4vw,26px)}
.tile__t span{font:400 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#f0b9a8}
.tile__t h2{font:400 clamp(28px,2.8vw,36px)/1.1 var(--serif);margin-top:.4rem}
.tile__t p{margin:.4rem 0 0;font-size:14px;color:rgba(255,255,255,.85)}
.tiles--1{grid-template-columns:1fr}.tiles--1 .tile{aspect-ratio:21/9}
.tiles--2{grid-template-columns:1fr 1fr}
@media(max-width:760px){.tiles,.tiles--2{grid-template-columns:1fr}.tile{aspect-ratio:16/9}}
.sec{padding:clamp(64px,8vw,110px) 0 0}
.sec__h{margin-bottom:clamp(22px,3vw,32px)}
.sec__h span{display:block;font:400 11px/1.6 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.sec__h h2{font:400 clamp(30px,3.4vw,44px)/1.1 var(--serif);margin-top:8px}
.feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:var(--indigo);color:#eef1f5;text-decoration:none;margin-bottom:clamp(18px,2.4vw,28px)}
.feature img{width:100%;height:100%;object-fit:cover;min-height:280px}
.feature__b{padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:.9rem}
.feature__b .tag{align-self:flex-start;font:400 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#b9c6d6}
.feature__b h3{font:400 clamp(30px,3.4vw,44px)/1.12 var(--serif);color:#fff}
.feature__b p{margin:0;opacity:.88}
.feature__b .more{align-self:flex-start;color:#eef1f5}
@media(max-width:760px){.feature{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
@media(max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:opacity .1s ease-out}
a.card:hover{opacity:.6}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%;background:var(--line)}
.card__b{padding:14px 0 0}
.card__k{font:400 10px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.card h3{font:400 26px/1.15 var(--serif);margin:8px 0 6px}
.card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card--soon{border-top:1px solid var(--line)}
.card--soon .card__b{padding-top:18px}
.card--soon h3{color:var(--ink2)}
.card__soon{display:inline-block;margin-left:.6rem;font:400 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--vermilion)}
.spacer{height:clamp(56px,8vw,96px)}


.hero{position:relative;height:min(92vh,820px);min-height:560px;overflow:hidden;color:#f5f3ee;background:#1b2433}
.hero__slides,.slide{position:absolute;inset:0;margin:0}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,15,25,.28),rgba(10,15,25,0) 22%,rgba(10,15,25,0) 52%,rgba(10,15,25,.62))}
.hero__copy{position:absolute;z-index:2;left:0;right:0;bottom:104px}
.hero__kick{font:400 11px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;opacity:.92;min-height:11px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero h1{font:400 clamp(42px,6.6vw,88px)/1.02 var(--serif);margin:18px 0 20px;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.25)}
.hero h1 i{font-style:italic;white-space:nowrap}
.hero p{max-width:520px;font-size:16px;opacity:.95;margin:0;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.hero__go{display:inline-block;margin-top:20px;font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #f5f3ee;padding-bottom:4px;text-decoration:none}
.hero__bar{position:absolute;z-index:3;left:0;right:0;bottom:26px}
.hero__bar .wrap{display:flex;justify-content:space-between;align-items:end;gap:20px}
.hero .hero__cap{margin:0;font:400 10px/1.4 var(--sans);letter-spacing:.04em;opacity:.85;text-align:right;max-width:46%;text-shadow:0 1px 6px rgba(0,0,0,.5)}

.hero__kick,.hero__go-t,.hero__cap{display:grid}
.hero__kick>span,.hero__go-t>span,.hero__cap>span{grid-area:1/1}
.hero__cap>span{justify-self:end}

.ht{position:absolute;opacity:0;pointer-events:none}
.hero__seasons{display:flex;gap:18px}
.hero__seasons label{cursor:pointer;font:400 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;opacity:.6;width:86px;position:relative;padding-bottom:10px}
.hero__seasons label::before,.hero__seasons label::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.3)}
.hero__seasons label::after{background:#f5f3ee;transform:scaleX(0);transform-origin:left}
.hero__seasons label:hover{opacity:1}

.hero--n4 .slide,.hero--n4 .hero__kick>span,.hero--n4 .hero__go-t>span,.hero--n4 .hero__cap>span{opacity:0;animation:hero-fade 28s linear infinite}
.hero--n4 .slide img{animation:hero-zoom 28s linear infinite}
.hero--n4 .hero__seasons label{animation:hero-on 28s linear infinite}
.hero--n4 .hero__seasons label::after{animation:hero-bar 28s linear infinite}
.hero--n4 .slide:nth-child(1),.hero--n4 .hero__kick>span:nth-child(1),.hero--n4 .hero__go-t>span:nth-child(1),.hero--n4 .hero__cap>span:nth-child(1),.hero--n4 .slide:nth-child(1) img,.hero--n4 .hero__seasons label:nth-child(1),.hero--n4 .hero__seasons label:nth-child(1)::after{animation-delay:-1s}
.hero--n4 .slide:nth-child(2),.hero--n4 .hero__kick>span:nth-child(2),.hero--n4 .hero__go-t>span:nth-child(2),.hero--n4 .hero__cap>span:nth-child(2),.hero--n4 .slide:nth-child(2) img,.hero--n4 .hero__seasons label:nth-child(2),.hero--n4 .hero__seasons label:nth-child(2)::after{animation-delay:6s}
.hero--n4 .slide:nth-child(3),.hero--n4 .hero__kick>span:nth-child(3),.hero--n4 .hero__go-t>span:nth-child(3),.hero--n4 .hero__cap>span:nth-child(3),.hero--n4 .slide:nth-child(3) img,.hero--n4 .hero__seasons label:nth-child(3),.hero--n4 .hero__seasons label:nth-child(3)::after{animation-delay:13s}
.hero--n4 .slide:nth-child(4),.hero--n4 .hero__kick>span:nth-child(4),.hero--n4 .hero__go-t>span:nth-child(4),.hero--n4 .hero__cap>span:nth-child(4),.hero--n4 .slide:nth-child(4) img,.hero--n4 .hero__seasons label:nth-child(4),.hero--n4 .hero__seasons label:nth-child(4)::after{animation-delay:20s}
@keyframes hero-fade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0}}
@keyframes hero-zoom{0%{transform:scale(1.08)}30%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes hero-on{0%,26%{opacity:1}27%,100%{opacity:.6}}
@keyframes hero-bar{0%{transform:scaleX(0)}26%{transform:scaleX(1)}27%,100%{transform:scaleX(0)}}

.hero--n4:has(.ht:checked) .slide,.hero--n4:has(.ht:checked) .hero__kick>span,.hero--n4:has(.ht:checked) .hero__go-t>span,.hero--n4:has(.ht:checked) .hero__cap>span,.hero--n4:has(.ht:checked) .slide img,.hero--n4:has(.ht:checked) .hero__seasons label,.hero--n4:has(.ht:checked) .hero__seasons label::after{animation:none}
.hero--n4:has(.ht:checked) .slide,.hero--n4:has(.ht:checked) .hero__kick>span,.hero--n4:has(.ht:checked) .hero__go-t>span,.hero--n4:has(.ht:checked) .hero__cap>span{opacity:0;transition:opacity .6s}
#ht-spring:checked~.hero__slides .s-spring,#ht-spring:checked~.hero__copy .x-spring,#ht-spring:checked~.hero__bar .x-spring,#ht-spring:checked~.hero__bar .hs-spring{opacity:1}#ht-spring:checked~.hero__bar .hs-spring::after{transform:scaleX(1)}#ht-spring:focus-visible~.hero__bar .hs-spring{outline:2px solid #f5f3ee;outline-offset:4px}
#ht-summer:checked~.hero__slides .s-summer,#ht-summer:checked~.hero__copy .x-summer,#ht-summer:checked~.hero__bar .x-summer,#ht-summer:checked~.hero__bar .hs-summer{opacity:1}#ht-summer:checked~.hero__bar .hs-summer::after{transform:scaleX(1)}#ht-summer:focus-visible~.hero__bar .hs-summer{outline:2px solid #f5f3ee;outline-offset:4px}
#ht-autumn:checked~.hero__slides .s-autumn,#ht-autumn:checked~.hero__copy .x-autumn,#ht-autumn:checked~.hero__bar .x-autumn,#ht-autumn:checked~.hero__bar .hs-autumn{opacity:1}#ht-autumn:checked~.hero__bar .hs-autumn::after{transform:scaleX(1)}#ht-autumn:focus-visible~.hero__bar .hs-autumn{outline:2px solid #f5f3ee;outline-offset:4px}
#ht-winter:checked~.hero__slides .s-winter,#ht-winter:checked~.hero__copy .x-winter,#ht-winter:checked~.hero__bar .x-winter,#ht-winter:checked~.hero__bar .hs-winter{opacity:1}#ht-winter:checked~.hero__bar .hs-winter::after{transform:scaleX(1)}#ht-winter:focus-visible~.hero__bar .hs-winter{outline:2px solid #f5f3ee;outline-offset:4px}

@media (prefers-reduced-motion:reduce){
  .hero--n4 .slide,.hero--n4 .hero__kick>span,.hero--n4 .hero__go-t>span,.hero--n4 .hero__cap>span,.hero--n4 .slide img,.hero--n4 .hero__seasons label,.hero--n4 .hero__seasons label::after{animation:none}
  .hero--n4:not(:has(.ht:checked)) .slide:first-child,.hero--n4:not(:has(.ht:checked)) .hero__kick>span:first-child,.hero--n4:not(:has(.ht:checked)) .hero__go-t>span:first-child,.hero--n4:not(:has(.ht:checked)) .hero__cap>span:first-child,.hero--n4:not(:has(.ht:checked)) .hero__seasons label:first-child{opacity:1}
  .hero--n4:not(:has(.ht:checked)) .hero__seasons label:first-child::after{transform:scaleX(1)}
  .hero--n4 .slide{transition:none}
}
@media(max-width:900px){
  .hero__copy{bottom:96px}
  .hero::after{background:linear-gradient(180deg,rgba(10,15,25,.32),rgba(10,15,25,0) 22%,rgba(10,15,25,.12) 45%,rgba(10,15,25,.72))}
  .hero__cap{display:none}
  .hero__seasons{gap:12px}.hero__seasons label{width:auto;flex:1;letter-spacing:.18em}
  .hero__bar .wrap{display:block}
}

/* ---------- TOP: statement ---------- */
.statement{padding-top:clamp(84px,10vw,140px);padding-bottom:clamp(84px,9vw,110px);display:grid;grid-template-columns:1fr 2fr;gap:48px}
.statement h2{font:400 clamp(28px,3.4vw,42px)/1.25 var(--serif);margin-bottom:28px}
.statement p{color:var(--ink2);max-width:600px;margin:0 0 14px}
.three{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border-top:1px solid var(--line)}
.three div{padding:20px 20px 0 0}
.three b{display:block;font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.three span{font-size:13px;color:var(--ink2)}
@media(max-width:900px){.statement{grid-template-columns:1fr;gap:18px}.three{grid-template-columns:1fr}.three div{padding:16px 0 0}}


.journeys{padding-bottom:clamp(84px,10vw,120px);position:relative}
.jt{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.jhead{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:36px}
.jhead h2{font:400 clamp(40px,4.6vw,60px)/1 var(--serif);margin-top:10px;letter-spacing:-.01em}
.jhead p{font:400 clamp(19px,1.8vw,23px)/1.45 var(--serif);color:var(--ink2);max-width:560px;margin:16px 0 0}
.tabs{display:flex;border:1px solid var(--ink)}
.tabs label{border-left:1px solid var(--ink);font:400 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:16px 24px;text-align:center}
.tabs label:first-child{border-left:0}
.tabs label:hover{background:var(--line)}
#jt-spring:checked~.jhead .tab-spring,#jt-summer:checked~.jhead .tab-summer,
#jt-autumn:checked~.jhead .tab-autumn,#jt-winter:checked~.jhead .tab-winter{background:var(--ink);color:var(--paper)}
#jt-spring:focus-visible~.jhead .tab-spring,#jt-summer:focus-visible~.jhead .tab-summer,
#jt-autumn:focus-visible~.jhead .tab-autumn,#jt-winter:focus-visible~.jhead .tab-winter{outline:2px solid var(--vermilion);outline-offset:2px}

.jlist{display:grid;grid-template-columns:1.55fr 1fr;gap:28px}
.jlist>.jc{display:none}
#jt-spring:checked~.jpanels .s-spring{display:grid}#jt-spring:checked~.jpanels .f-spring{display:block;order:-1;grid-row:span 2}#jt-spring:checked~.jpanels .f-spring .jc__pic{aspect-ratio:4/3.3;margin-bottom:18px}#jt-spring:checked~.jpanels .f-spring h3{font-size:38px}#jt-spring:checked~.jpanels .jn-spring-1{grid-template-columns:1fr}#jt-spring:checked~.jpanels .jn-spring-1 .f-spring{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:end}#jt-spring:checked~.jpanels .jn-spring-1 .f-spring .jc__pic{margin-bottom:0}#jt-spring:checked~.jpanels .jn-spring-2 .f-spring{grid-row:auto}
#jt-summer:checked~.jpanels .s-summer{display:grid}#jt-summer:checked~.jpanels .f-summer{display:block;order:-1;grid-row:span 2}#jt-summer:checked~.jpanels .f-summer .jc__pic{aspect-ratio:4/3.3;margin-bottom:18px}#jt-summer:checked~.jpanels .f-summer h3{font-size:38px}#jt-summer:checked~.jpanels .jn-summer-1{grid-template-columns:1fr}#jt-summer:checked~.jpanels .jn-summer-1 .f-summer{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:end}#jt-summer:checked~.jpanels .jn-summer-1 .f-summer .jc__pic{margin-bottom:0}#jt-summer:checked~.jpanels .jn-summer-2 .f-summer{grid-row:auto}
#jt-autumn:checked~.jpanels .s-autumn{display:grid}#jt-autumn:checked~.jpanels .f-autumn{display:block;order:-1;grid-row:span 2}#jt-autumn:checked~.jpanels .f-autumn .jc__pic{aspect-ratio:4/3.3;margin-bottom:18px}#jt-autumn:checked~.jpanels .f-autumn h3{font-size:38px}#jt-autumn:checked~.jpanels .jn-autumn-1{grid-template-columns:1fr}#jt-autumn:checked~.jpanels .jn-autumn-1 .f-autumn{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:end}#jt-autumn:checked~.jpanels .jn-autumn-1 .f-autumn .jc__pic{margin-bottom:0}#jt-autumn:checked~.jpanels .jn-autumn-2 .f-autumn{grid-row:auto}
#jt-winter:checked~.jpanels .s-winter{display:grid}#jt-winter:checked~.jpanels .f-winter{display:block;order:-1;grid-row:span 2}#jt-winter:checked~.jpanels .f-winter .jc__pic{aspect-ratio:4/3.3;margin-bottom:18px}#jt-winter:checked~.jpanels .f-winter h3{font-size:38px}#jt-winter:checked~.jpanels .jn-winter-1{grid-template-columns:1fr}#jt-winter:checked~.jpanels .jn-winter-1 .f-winter{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:end}#jt-winter:checked~.jpanels .jn-winter-1 .f-winter .jc__pic{margin-bottom:0}#jt-winter:checked~.jpanels .jn-winter-2 .f-winter{grid-row:auto}
.jc{display:block;position:relative;color:inherit;text-decoration:none}
.jc__pic{position:relative;overflow:hidden;background:var(--line);aspect-ratio:4/3.3;margin-bottom:18px}
.jc__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
a.jc:hover .jc__pic img{transform:scale(1.04)}
.jc__pic>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);
  background:repeating-linear-gradient(135deg,var(--line) 0 1px,transparent 1px 9px)}
.jc__reg{font:400 10px/1.3 var(--sans);letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.jc h3{font:400 38px/1.12 var(--serif);margin:8px 0 6px}
.jc p{font-size:14px;color:var(--ink2);line-height:1.55;margin:0}
.jc__via{display:flex;flex-wrap:wrap;font:400 12px/1.5 var(--sans);letter-spacing:.04em;margin-top:10px}
.jc__via b{color:var(--vermilion);font-weight:400;margin:0 6px}
.jc__facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font:400 10px/1.4 var(--sans);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.jc__facts b{color:var(--ink);font-weight:500;letter-spacing:.04em}

.jlist .jc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-content:start}
.jlist .jc .jc__pic{aspect-ratio:4/5;margin-bottom:0}
.jlist .jc h3{font-size:24px}

.sec__more{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:44px}
.sec__more a{font:400 11px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}
.sec__more a:hover{color:var(--vermilion);border-color:var(--vermilion)}
.atlas .sec__more{margin-top:52px}
.jc--soon h3{color:var(--ink2)}
.jc--soon .more{color:var(--vermilion);border-bottom-color:transparent}
@media(max-width:900px){
  .jhead{grid-template-columns:1fr;gap:22px}
  .tabs label{flex:1;padding:14px 4px;font-size:11px;letter-spacing:.1em}
  .jlist{grid-template-columns:1fr}
  #jt-spring:checked~.jpanels .f-spring,#jt-spring:checked~.jpanels .jn-spring-1 .f-spring{display:block;grid-row:auto}#jt-spring:checked~.jpanels .jn-spring-1 .f-spring .jc__pic{margin-bottom:18px}#jt-spring:checked~.jpanels .f-spring h3{font-size:30px}
  #jt-summer:checked~.jpanels .f-summer,#jt-summer:checked~.jpanels .jn-summer-1 .f-summer{display:block;grid-row:auto}#jt-summer:checked~.jpanels .jn-summer-1 .f-summer .jc__pic{margin-bottom:18px}#jt-summer:checked~.jpanels .f-summer h3{font-size:30px}
  #jt-autumn:checked~.jpanels .f-autumn,#jt-autumn:checked~.jpanels .jn-autumn-1 .f-autumn{display:block;grid-row:auto}#jt-autumn:checked~.jpanels .jn-autumn-1 .f-autumn .jc__pic{margin-bottom:18px}#jt-autumn:checked~.jpanels .f-autumn h3{font-size:30px}
  #jt-winter:checked~.jpanels .f-winter,#jt-winter:checked~.jpanels .jn-winter-1 .f-winter{display:block;grid-row:auto}#jt-winter:checked~.jpanels .jn-winter-1 .f-winter .jc__pic{margin-bottom:18px}#jt-winter:checked~.jpanels .f-winter h3{font-size:30px}
}

/* ---------- TOP: atlas of places ---------- */
.atlas{background:var(--panel);padding-top:clamp(84px,9vw,110px);padding-bottom:clamp(84px,10vw,130px);border-top:1px solid var(--line)}
.atlas__intro{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:56px}
.atlas__intro h2{font:400 clamp(44px,5.4vw,72px)/1 var(--serif);letter-spacing:-.01em;margin-top:10px}
.atlas__intro p{font:400 clamp(20px,2vw,26px)/1.45 var(--serif);color:var(--ink2);max-width:640px;margin:0}
.atlas__jp{font:400 14px/1 var(--jp);letter-spacing:.2em;color:var(--muted);margin-top:16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:46px 28px}
.place{display:block;color:inherit;text-decoration:none;transition:opacity .1s ease-out}
a.place:hover{opacity:.55}
.place__sq{aspect-ratio:1/1;background:var(--line);overflow:hidden}
.place__sq img{width:100%;height:100%;object-fit:cover}
.place__sq>span{display:flex;height:100%;align-items:center;justify-content:center;font:400 10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
  background:repeating-linear-gradient(135deg,var(--line) 0 1px,var(--panel) 1px 10px)}
.place__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}
.place__icons{display:flex;gap:5px}.place__icons svg{width:17px;height:17px}
.place__car{font:400 10px/1 var(--sans);letter-spacing:.08em;color:var(--muted);white-space:nowrap}
.place__car i{display:inline-block;width:6px;height:6px;border-radius:50%;border:1px solid var(--ink);margin-left:2px;vertical-align:1px}
.place__car i.on{background:var(--ink)}
.place h3{font:500 22px/1.2 var(--serif);margin-top:9px}
.place__jp{font:400 12px/1 var(--jp);color:var(--muted);margin-left:8px;letter-spacing:.1em}
.place p{font-size:13px;color:var(--ink2);margin:3px 0 0;line-height:1.55}
.place__when{font:400 10px/1 var(--sans);letter-spacing:.08em;color:var(--muted);margin-top:8px;display:block}
.place--soon h3{color:var(--ink2)}


.pf{position:fixed;top:0;left:0;opacity:0;pointer-events:none}
.picto{position:sticky;top:0;z-index:5;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.picto .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:12px;padding-bottom:10px}
.picto .cats{display:flex;gap:4px;overflow-x:auto}
.picto .cats label{flex:0 0 auto;width:72px;text-align:center;color:var(--ink);cursor:pointer;font:400 10px/1.3 var(--sans);letter-spacing:.06em;opacity:.35;transition:opacity .15s}
.picto .cats label:hover{opacity:1}
.picto svg{width:36px;height:36px;display:block;margin:0 auto 6px}
.picto .ssn{display:flex;gap:2px;flex:0 0 auto;font:400 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.picto .ssn label{border:1px solid var(--line);color:var(--muted);padding:7px 9px;cursor:pointer;white-space:nowrap}
.atlas__body{display:flex;flex-direction:column}
.atlas__body .grid{order:1}.atlas__empty,.atlas__all{order:2}
.atlas__count{order:0;font:400 11px/1 var(--sans);letter-spacing:.2em;color:var(--muted);padding:30px 0 20px;margin:0;text-transform:uppercase}
.atlas__count span{display:none}
#pf-all:checked~#ps-all:checked~.atlas__body .k-all-all,#pf-all:checked~#ps-spring:checked~.atlas__body .k-all-spring,#pf-all:checked~#ps-summer:checked~.atlas__body .k-all-summer,#pf-all:checked~#ps-autumn:checked~.atlas__body .k-all-autumn,#pf-all:checked~#ps-winter:checked~.atlas__body .k-all-winter,#pf-snow:checked~#ps-all:checked~.atlas__body .k-snow-all,#pf-snow:checked~#ps-spring:checked~.atlas__body .k-snow-spring,#pf-snow:checked~#ps-summer:checked~.atlas__body .k-snow-summer,#pf-snow:checked~#ps-autumn:checked~.atlas__body .k-snow-autumn,#pf-snow:checked~#ps-winter:checked~.atlas__body .k-snow-winter,#pf-road:checked~#ps-all:checked~.atlas__body .k-road-all,#pf-road:checked~#ps-spring:checked~.atlas__body .k-road-spring,#pf-road:checked~#ps-summer:checked~.atlas__body .k-road-summer,#pf-road:checked~#ps-autumn:checked~.atlas__body .k-road-autumn,#pf-road:checked~#ps-winter:checked~.atlas__body .k-road-winter,#pf-alps:checked~#ps-all:checked~.atlas__body .k-alps-all,#pf-alps:checked~#ps-spring:checked~.atlas__body .k-alps-spring,#pf-alps:checked~#ps-summer:checked~.atlas__body .k-alps-summer,#pf-alps:checked~#ps-autumn:checked~.atlas__body .k-alps-autumn,#pf-alps:checked~#ps-winter:checked~.atlas__body .k-alps-winter,#pf-onsen:checked~#ps-all:checked~.atlas__body .k-onsen-all,#pf-onsen:checked~#ps-spring:checked~.atlas__body .k-onsen-spring,#pf-onsen:checked~#ps-summer:checked~.atlas__body .k-onsen-summer,#pf-onsen:checked~#ps-autumn:checked~.atlas__body .k-onsen-autumn,#pf-onsen:checked~#ps-winter:checked~.atlas__body .k-onsen-winter,#pf-village:checked~#ps-all:checked~.atlas__body .k-village-all,#pf-village:checked~#ps-spring:checked~.atlas__body .k-village-spring,#pf-village:checked~#ps-summer:checked~.atlas__body .k-village-summer,#pf-village:checked~#ps-autumn:checked~.atlas__body .k-village-autumn,#pf-village:checked~#ps-winter:checked~.atlas__body .k-village-winter,#pf-stay:checked~#ps-all:checked~.atlas__body .k-stay-all,#pf-stay:checked~#ps-spring:checked~.atlas__body .k-stay-spring,#pf-stay:checked~#ps-summer:checked~.atlas__body .k-stay-summer,#pf-stay:checked~#ps-autumn:checked~.atlas__body .k-stay-autumn,#pf-stay:checked~#ps-winter:checked~.atlas__body .k-stay-winter,#pf-hidden:checked~#ps-all:checked~.atlas__body .k-hidden-all,#pf-hidden:checked~#ps-spring:checked~.atlas__body .k-hidden-spring,#pf-hidden:checked~#ps-summer:checked~.atlas__body .k-hidden-summer,#pf-hidden:checked~#ps-autumn:checked~.atlas__body .k-hidden-autumn,#pf-hidden:checked~#ps-winter:checked~.atlas__body .k-hidden-winter{display:inline}
#pm:focus-visible~.atlas__body .atlas__all{outline:2px solid var(--ink);outline-offset:3px}
@media(min-width:901px){#pm{display:none}}
.atlas__empty{display:none;color:var(--muted);padding:30px 0;margin:0}
.atlas__all{display:none;align-self:center;margin:36px auto 0;border:1px solid var(--ink);color:var(--ink);padding:14px 26px;font:400 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
#pf-all:checked~.picto .pf-all{opacity:1}#pf-all:focus-visible~.picto .pf-all{outline:2px solid var(--ink);outline-offset:2px}
#pf-snow:checked~.picto .pf-snow{opacity:1}#pf-snow:focus-visible~.picto .pf-snow{outline:2px solid var(--ink);outline-offset:2px}#pf-snow:checked~.atlas__body .place:not(.c-snow){display:none}
#pf-road:checked~.picto .pf-road{opacity:1}#pf-road:focus-visible~.picto .pf-road{outline:2px solid var(--ink);outline-offset:2px}#pf-road:checked~.atlas__body .place:not(.c-road){display:none}
#pf-alps:checked~.picto .pf-alps{opacity:1}#pf-alps:focus-visible~.picto .pf-alps{outline:2px solid var(--ink);outline-offset:2px}#pf-alps:checked~.atlas__body .place:not(.c-alps){display:none}
#pf-onsen:checked~.picto .pf-onsen{opacity:1}#pf-onsen:focus-visible~.picto .pf-onsen{outline:2px solid var(--ink);outline-offset:2px}#pf-onsen:checked~.atlas__body .place:not(.c-onsen){display:none}
#pf-village:checked~.picto .pf-village{opacity:1}#pf-village:focus-visible~.picto .pf-village{outline:2px solid var(--ink);outline-offset:2px}#pf-village:checked~.atlas__body .place:not(.c-village){display:none}
#pf-stay:checked~.picto .pf-stay{opacity:1}#pf-stay:focus-visible~.picto .pf-stay{outline:2px solid var(--ink);outline-offset:2px}#pf-stay:checked~.atlas__body .place:not(.c-stay){display:none}
#pf-hidden:checked~.picto .pf-hidden{opacity:1}#pf-hidden:focus-visible~.picto .pf-hidden{outline:2px solid var(--ink);outline-offset:2px}#pf-hidden:checked~.atlas__body .place:not(.c-hidden){display:none}
#ps-all:checked~.picto .ps-all{background:var(--ink);color:var(--panel);border-color:var(--ink)}#ps-all:focus-visible~.picto .ps-all{outline:2px solid var(--ink);outline-offset:2px}
#ps-spring:checked~.picto .ps-spring{background:var(--ink);color:var(--panel);border-color:var(--ink)}#ps-spring:focus-visible~.picto .ps-spring{outline:2px solid var(--ink);outline-offset:2px}#ps-spring:checked~.atlas__body .place:not(.s-spring){display:none}
#ps-summer:checked~.picto .ps-summer{background:var(--ink);color:var(--panel);border-color:var(--ink)}#ps-summer:focus-visible~.picto .ps-summer{outline:2px solid var(--ink);outline-offset:2px}#ps-summer:checked~.atlas__body .place:not(.s-summer){display:none}
#ps-autumn:checked~.picto .ps-autumn{background:var(--ink);color:var(--panel);border-color:var(--ink)}#ps-autumn:focus-visible~.picto .ps-autumn{outline:2px solid var(--ink);outline-offset:2px}#ps-autumn:checked~.atlas__body .place:not(.s-autumn){display:none}
#ps-winter:checked~.picto .ps-winter{background:var(--ink);color:var(--panel);border-color:var(--ink)}#ps-winter:focus-visible~.picto .ps-winter{outline:2px solid var(--ink);outline-offset:2px}#ps-winter:checked~.atlas__body .place:not(.s-winter){display:none}
#pf-all:checked~#ps-all:checked~.atlas__body .e-all-all,#pf-all:checked~#ps-spring:checked~.atlas__body .e-all-spring,#pf-all:checked~#ps-summer:checked~.atlas__body .e-all-summer,#pf-all:checked~#ps-autumn:checked~.atlas__body .e-all-autumn,#pf-all:checked~#ps-winter:checked~.atlas__body .e-all-winter,#pf-snow:checked~#ps-all:checked~.atlas__body .e-snow-all,#pf-snow:checked~#ps-spring:checked~.atlas__body .e-snow-spring,#pf-snow:checked~#ps-summer:checked~.atlas__body .e-snow-summer,#pf-snow:checked~#ps-autumn:checked~.atlas__body .e-snow-autumn,#pf-snow:checked~#ps-winter:checked~.atlas__body .e-snow-winter,#pf-road:checked~#ps-all:checked~.atlas__body .e-road-all,#pf-road:checked~#ps-spring:checked~.atlas__body .e-road-spring,#pf-road:checked~#ps-summer:checked~.atlas__body .e-road-summer,#pf-road:checked~#ps-autumn:checked~.atlas__body .e-road-autumn,#pf-road:checked~#ps-winter:checked~.atlas__body .e-road-winter,#pf-alps:checked~#ps-all:checked~.atlas__body .e-alps-all,#pf-alps:checked~#ps-spring:checked~.atlas__body .e-alps-spring,#pf-alps:checked~#ps-summer:checked~.atlas__body .e-alps-summer,#pf-alps:checked~#ps-autumn:checked~.atlas__body .e-alps-autumn,#pf-alps:checked~#ps-winter:checked~.atlas__body .e-alps-winter,#pf-onsen:checked~#ps-all:checked~.atlas__body .e-onsen-all,#pf-onsen:checked~#ps-spring:checked~.atlas__body .e-onsen-spring,#pf-onsen:checked~#ps-summer:checked~.atlas__body .e-onsen-summer,#pf-onsen:checked~#ps-autumn:checked~.atlas__body .e-onsen-autumn,#pf-onsen:checked~#ps-winter:checked~.atlas__body .e-onsen-winter,#pf-village:checked~#ps-all:checked~.atlas__body .e-village-all,#pf-village:checked~#ps-spring:checked~.atlas__body .e-village-spring,#pf-village:checked~#ps-summer:checked~.atlas__body .e-village-summer,#pf-village:checked~#ps-autumn:checked~.atlas__body .e-village-autumn,#pf-village:checked~#ps-winter:checked~.atlas__body .e-village-winter,#pf-stay:checked~#ps-all:checked~.atlas__body .e-stay-all,#pf-stay:checked~#ps-spring:checked~.atlas__body .e-stay-spring,#pf-stay:checked~#ps-summer:checked~.atlas__body .e-stay-summer,#pf-stay:checked~#ps-autumn:checked~.atlas__body .e-stay-autumn,#pf-stay:checked~#ps-winter:checked~.atlas__body .e-stay-winter,#pf-hidden:checked~#ps-all:checked~.atlas__body .e-hidden-all,#pf-hidden:checked~#ps-spring:checked~.atlas__body .e-hidden-spring,#pf-hidden:checked~#ps-summer:checked~.atlas__body .e-hidden-summer,#pf-hidden:checked~#ps-autumn:checked~.atlas__body .e-hidden-autumn,#pf-hidden:checked~#ps-winter:checked~.atlas__body .e-hidden-winter{display:block}
@media(max-width:900px){
  .picto .wrap{flex-direction:column;align-items:stretch;gap:10px}
  .picto .ssn{overflow-x:auto}
  
  #pf-all:checked~#ps-all:checked~#pm:not(:checked)~.atlas__body .place:nth-child(n+7){display:none}
  #pf-all:checked~#ps-all:checked~#pm:not(:checked)~.atlas__body .atlas__all{display:block}
}
@media(max-width:900px){
  .atlas__intro{grid-template-columns:1fr;gap:18px}
  .grid{grid-template-columns:repeat(2,1fr);gap:32px 14px}
  .place__meta{flex-direction:column;align-items:flex-start;gap:6px}
  .place h3{font-size:18px}.place__jp{display:block;margin:4px 0 0}
}



.letter{padding:120px 0;border-top:1px solid var(--line)}
.letter__in{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.letter__in>*{min-width:0}
.letter h2{font:400 clamp(30px,3.4vw,44px)/1.15 var(--serif);margin:12px 0 16px}
.letter__in>div>p{color:var(--ink2);max-width:560px;margin:0}
.letter__planned{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}
.letter__planned li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.letter__planned li{margin-left:1.2em}
.letter .wl{padding:22px;border:1px solid var(--ink);background:var(--panel)}
.letter .wl p{margin:0}
.letter .wlh{font:400 22px/1.2 var(--serif)}
.letter .wlh span{font:400 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--vermilion);margin-left:8px;vertical-align:middle}
.letter .wl .wlh+p{margin-top:8px;font-size:14px;color:var(--ink2)}
.letter .wl .wlsoon{margin-top:16px;padding:12px 14px;border:1px dashed var(--ink);font:400 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.letter .wlr{display:flex;margin-top:16px}
.letter .wlr input{flex:1;min-width:0;border:1px solid var(--ink);border-right:0;padding:12px;font:inherit;background:transparent;color:var(--ink)}
.letter .wlr button{border:0;background:var(--ink);color:var(--paper);padding:0 20px;font:400 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.letter .wl small{display:block;font-size:12px;color:var(--muted);margin-top:12px}
.letter .wl small a{color:inherit}
.letter__in>div>p.letter__appeal{margin-top:16px;color:var(--ink)}
.letter__pic{margin:0 0 24px}
.letter__pic img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.letter__pic figcaption{font-size:12px;color:var(--muted);margin-top:6px}
@media(max-width:900px){.letter{padding:84px 0}.letter__in{grid-template-columns:1fr;gap:32px}.letter__pic{max-width:520px}}   

.how{padding:120px 0;border-top:1px solid var(--line)}
.how__in{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.how__in>*{min-width:0}
.how h2{font:400 clamp(30px,3.4vw,44px)/1.15 var(--serif);margin:12px 0 16px}
.how p{color:var(--ink2);max-width:520px;margin:0}
.how__more{display:inline-block;margin-top:24px;font:400 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px;text-decoration:none}
.how__steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);counter-reset:how}
.how__steps li{counter-increment:how;display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.how__steps li::before{content:counter(how,decimal-leading-zero);grid-row:span 2;font:400 22px/1 var(--serif);color:var(--vermilion)}
.how__steps b{font:500 15px/1.4 var(--sans);color:var(--ink)}
.how__steps span{font-size:14px;color:var(--ink2);margin-top:4px}
@media(max-width:900px){.how{padding:84px 0}.how__in{grid-template-columns:1fr;gap:24px}}

/* ---------- cookie consent banner ---------- */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--panel);border-top:1px solid var(--ink);box-shadow:0 -8px 30px rgba(23,21,15,.12)}
.cookie-banner[hidden]{display:none}
.cookie-banner__inner{max-width:1080px;margin:0 auto;padding:15px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie-banner__text{margin:0;color:var(--ink);font-size:.88rem;line-height:1.55;flex:1 1 320px}
.cookie-banner__link{color:var(--vermilion);text-underline-offset:2px}
.cookie-banner__actions{display:flex;gap:10px;flex:0 0 auto}
.cookie-btn{font:500 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:.9em 1.6em;border:1px solid var(--ink);cursor:pointer}
.cookie-btn--gold{background:var(--ink);color:var(--paper)}
.cookie-btn--ghost{background:transparent;color:var(--ink)}
@media(max-width:560px){.cookie-banner__inner{padding:13px 15px;gap:12px}.cookie-banner__actions{width:100%}.cookie-btn{flex:1}}



main.wrap{--bg:#F3F0EB;--paper:#FBF9F5;--ink:#322E21;--sub:#6B6556;--ac:#E0703F;--ac-text:#A84A25;--line:#DDD5C7;--soft:#EAE4D9;
  --fh:"Fraunces",var(--serif);--fb:"Work Sans",var(--sans);--fm:ui-monospace,"SFMono-Regular",Consolas,monospace}
main.wrap{color:var(--ink);font:400 17px/1.7 var(--fb);-webkit-font-smoothing:antialiased}
main.wrap a{color:inherit;text-decoration:none}
main.wrap .ph{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--s1),var(--s2))}
main.wrap .ph::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:var(--m);clip-path:polygon(0 60%,14% 30%,26% 52%,42% 12%,58% 48%,70% 28%,84% 50%,100% 22%,100% 100%,0 100%)}
main.wrap .ph::before{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:rgba(0,0,0,.18);z-index:1;clip-path:polygon(0 50%,20% 30%,38% 60%,60% 25%,80% 55%,100% 35%,100% 100%,0 100%)}
main.wrap .phl{position:absolute;left:12px;bottom:10px;z-index:2;font:600 10px/1 var(--fm);letter-spacing:.08em;color:#fff;opacity:.85}
main.wrap .ph.has-img{background:var(--soft)}
main.wrap .ph.has-img::before,main.wrap .ph.has-img::after{display:none}
main.wrap .ph.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
main.wrap .plan{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:30px 0}
main.wrap .plan .ph-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
main.wrap .plan b.t{font:400 22px var(--fh)}
main.wrap .plan .aff{font-size:11.5px;color:var(--sub)}
main.wrap .plan ul{list-style:none;margin:0!important}
main.wrap .plan li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px dashed var(--line);font-size:15px}
main.wrap .plan li small{display:block;color:var(--sub);font-size:13px}
main.wrap .plan li a{font:600 14px var(--fb);color:var(--ac-text)!important;text-decoration:none!important;white-space:nowrap}
main.wrap .kick{font:600 12px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--ac-text)}
main.wrap .tag{font:600 12px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--ac-text)}
main.wrap .meta{font-size:13.5px;color:var(--sub)}
main.wrap .btn{display:inline-block;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 15px var(--fb);padding:13px 22px;cursor:pointer}
main.wrap .fine{font-size:12.5px;color:var(--sub);margin-top:8px}
main.wrap .sec-h{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:6px}
main.wrap .sec-h h2{font:400 28px var(--fh)}
main.wrap .sec-h a{font-size:14px;color:var(--ac-text);font-weight:500}
main.wrap .card .ph{aspect-ratio:3/2;border-radius:10px}
main.wrap .card .tag{display:block;margin:12px 0 4px}
main.wrap .card h3{font:400 21px/1.25 var(--fh)}
main.wrap .card .meta{margin-top:6px}
main.wrap .item{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
main.wrap .item .ph{height:72px;border-radius:8px}
main.wrap .item .phl{display:none}
main.wrap .item h3{font:400 18px/1.3 var(--fh)}
main.wrap .item .tag{font-size:11px}
main.wrap .smp{font:600 10px var(--fm);letter-spacing:.06em;text-transform:uppercase;color:#8a6d00;background:#fff4c2;border:1px solid #e6d27a;border-radius:4px;padding:1px 5px;vertical-align:2px;margin-left:4px}
main.wrap .ic{display:inline-flex;width:20px;height:20px;color:var(--ac-text);vertical-align:-4px}
main.wrap .ic svg{width:100%;height:100%}
main.wrap .crumbs{font-size:13px;color:var(--sub);padding:20px 0 0}
main.wrap .crumbs a{color:var(--ac-text)}
main.wrap .ah{max-width:820px;padding:14px 0 18px}
main.wrap .ah h1{font:400 44px/1.1 var(--fh);letter-spacing:-.02em;margin:8px 0 12px}
main.wrap .ah .dek{font-size:18px;color:var(--sub)}
main.wrap .byline{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;margin-top:14px;font-size:13.5px;color:var(--sub)}
main.wrap .byline b{color:var(--ink);font-weight:600}
main.wrap .byline a{color:var(--ac-text);text-decoration:underline;text-underline-offset:3px}
main.wrap .checked{display:inline-flex;gap:6px;align-items:center;background:#E7EFE4;color:#2f4a2a;border-radius:999px;padding:3px 10px;font-size:12.5px}
main.wrap .checked .ic{color:#2f6a2a;width:16px;height:16px}
main.wrap .layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
main.wrap .hero-img{aspect-ratio:16/9;border-radius:24px 24px 10px 10px}
main.wrap .cap{font-size:12.5px;color:var(--sub);margin:8px 0 22px}
main.wrap .tldr{background:var(--ink);color:#F3F0EB;border-radius:16px;padding:20px 24px;margin:4px 0 14px}
main.wrap .tldr b.h{font:600 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:#F0A27E}
main.wrap .tldr ul{list-style:none;margin:8px 0 0}
main.wrap .tldr li{padding:6px 0 6px 26px;position:relative;font-size:16.5px;line-height:1.5}
main.wrap .tldr li::before{content:"";position:absolute;left:4px;top:13px;width:9px;height:9px;border-radius:50%;background:#F0A27E}
main.wrap .disc{font-size:14px;color:var(--ink);background:#F7EDE3;border:1px solid #E8D3BF;border-radius:10px;padding:10px 14px;margin:0 0 26px}
main.wrap .body{max-width:720px}
main.wrap .body h2{font:400 30px/1.2 var(--fh);margin:44px 0 12px}
main.wrap .body h3{font:600 18px var(--fb);margin:24px 0 8px}
main.wrap .body p{margin:0 0 18px}
main.wrap .body p a,main.wrap .body li a{color:var(--ac-text);text-decoration:underline;text-underline-offset:3px}
main.wrap .block{break-inside:avoid;page-break-inside:avoid}
main.wrap .tt{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:18px 0}
main.wrap .tt th{font:600 12px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--sub);text-align:left;padding:12px 14px;background:var(--soft)}
main.wrap .tt td{padding:14px;border-top:1px solid var(--line);vertical-align:top}
main.wrap .tt td small{display:block;color:var(--sub);font-size:12.5px}
main.wrap .tt .leg b{font-weight:600}
main.wrap .tt .yes{color:var(--ac-text);font-weight:600}
main.wrap .tt-note{font-size:12.5px;color:var(--sub);margin-top:-8px}
main.wrap .alert{display:grid;grid-template-columns:34px 1fr;gap:12px;border:2px solid #3F6A8A;background:#EEF3F7;border-radius:12px;padding:14px 16px;margin:20px 0}
main.wrap .alert .ic{width:28px;height:28px;color:#3F6A8A;background:currentColor;-webkit-mask:var(--ic-snow) center/contain no-repeat;mask:var(--ic-snow) center/contain no-repeat;
  --ic-snow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17L20.7 7M9 4l3 2 3-2M9 20l3-2 3 2' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
main.wrap .alert b{display:block;font:600 16px var(--fb);color:#1f3b52}
main.wrap .alert p{margin:4px 0 0!important;font-size:15px}
main.wrap .alert .until{font:600 12px var(--fm);color:#1f3b52}
main.wrap .itin{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:6px 22px 18px;margin:20px 0}
main.wrap .itin .ih{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 8px}
main.wrap .itin .ih b{font:400 22px var(--fh)}
main.wrap .stamp{font:500 12px var(--fm);color:var(--ac-text);border:1.5px solid var(--ac-text);padding:2px 8px;border-radius:4px;transform:rotate(-2deg);display:inline-block}
main.wrap .dayc{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:16px 0;border-top:1px dashed var(--line)}
main.wrap .dayc .d{font:600 13px var(--fm);color:var(--ac-text)}
main.wrap .dayc .d span{display:block;font:400 22px var(--fh);color:var(--ink)}
main.wrap .dayc .row{display:flex;gap:8px;align-items:flex-start;margin:4px 0;font-size:15px}
main.wrap .dayc .row small{color:var(--sub)}
main.wrap .dayc .lug{background:#F7EDE3;border-radius:8px;padding:6px 10px;font-size:14px}
main.wrap .dayc .dt{font:400 20px var(--fh);display:block;margin-bottom:2px}
main.wrap .u{color:var(--sub);font-weight:400}
main.wrap .total{margin-top:12px;border-top:2px solid var(--ink);padding-top:12px}
main.wrap .total table{width:100%;font-size:15px;border-collapse:collapse}
main.wrap .total td{padding:5px 0}
main.wrap .total td:last-child{text-align:right;font-variant-numeric:tabular-nums}
main.wrap .total tr.sum td{font-weight:600;border-top:1px solid var(--line);padding-top:9px}
main.wrap .total .fx{font-size:12px;color:var(--sub);margin-top:6px}
main.wrap .flow{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;margin:18px 0}
main.wrap .flow .pt{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
main.wrap .flow .pt b{display:block;font:400 19px var(--fh)}
main.wrap .flow .pt small{display:block;color:var(--sub);font-size:13px}
main.wrap .flow .arr{text-align:center;color:var(--ac-text);font:600 12px var(--fm)}
main.wrap .flow .arr svg{width:40px;height:16px;display:block;margin:0 auto 4px}
main.wrap .flow .meta3{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
main.wrap .flow .meta3 div{background:var(--soft);border-radius:10px;padding:8px 10px;font-size:12.5px;color:var(--sub)}
main.wrap .flow .meta3 b{display:block;color:var(--ink);font-size:15px}
main.wrap .cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:18px 0}
main.wrap .cmp th{font:600 12px var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--sub);text-align:left;padding:12px;background:var(--soft)}
main.wrap .cmp td{padding:14px 12px;border-top:1px solid var(--line);vertical-align:top}
main.wrap .cmp td small{display:block;color:var(--sub);font-size:12.5px}
main.wrap .cmp tr.diy td{background:#F1F5EE}
main.wrap .cmp .name{font:400 18px var(--fh)}
main.wrap .cta{display:inline-block;font:600 14px var(--fb);color:#fff!important;background:var(--ink);border-radius:999px;padding:8px 14px;text-decoration:none!important;white-space:nowrap}
main.wrap .cta.ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--ink)}
main.wrap .map{position:relative;height:420px;border-radius:14px;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#ECE6DA 0 12px,#F3EEE5 12px 24px);display:flex;align-items:center;justify-content:center;text-align:center;margin:16px 0}
main.wrap .map div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px 22px;max-width:380px}
main.wrap .map b{display:block;font:400 20px var(--fh)}
main.wrap .map p{font-size:14px;color:var(--sub);margin:6px 0 12px!important}
main.wrap .areas{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0 18px}
main.wrap .areas th,main.wrap .areas td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}
main.wrap .areas th{font:600 12px var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}
main.wrap .plan2{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;margin:18px 0}
main.wrap .plan2 svg{width:100%;height:auto;display:block}
main.wrap .plan2 .z{font-size:12.5px;color:var(--ac-text);font-weight:600;margin-top:8px;display:inline-block}
main.wrap .illu{position:relative}
main.wrap .illu .lab{position:absolute;left:10px;top:10px;z-index:2;background:rgba(34,32,26,.82);color:#fff;font:600 12px var(--fb);padding:5px 10px;border-radius:6px}
main.wrap .author{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:40px 0 0}
main.wrap .author .av{width:56px;height:56px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font:400 22px var(--fh);color:var(--ac-text)}
main.wrap .author p{margin:0!important;font-size:14.5px;color:var(--sub)}
main.wrap .author b{color:var(--ink)}
main.wrap .faq details{border-bottom:1px solid var(--line);padding:14px 0}
main.wrap .faq summary{font:600 16.5px var(--fb);cursor:pointer}
main.wrap .faq p{margin:10px 0 0!important;color:var(--sub)}
main.wrap .src{font-size:14px;color:var(--sub)}
main.wrap .src li{margin-bottom:6px}
main.wrap .src a{color:var(--ac-text)}
main.wrap .side{position:sticky;top:20px;display:flex;flex-direction:column;gap:18px}
main.wrap .side .box{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
main.wrap .side .box b{font:600 12px var(--fb);letter-spacing:.12em;text-transform:uppercase}
main.wrap .side ol{margin:8px 0 0 18px;font-size:14px;line-height:1.9;color:var(--sub)}
main.wrap .side .quick{font-size:14px}
main.wrap .side .quick div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
main.wrap .side .quick span{color:var(--sub)}
main.wrap .related{margin-top:56px}
main.wrap .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}
main.wrap .card .ph{aspect-ratio:3/2;border-radius:10px}
@media(max-width:900px){main.wrap .layout{grid-template-columns:minmax(0,1fr)}
main.wrap .side{display:none}
main.wrap .ah h1{font-size:31px}
main.wrap .ah .dek{font-size:16.5px}
main.wrap .grid3{grid-template-columns:1fr}
main.wrap .body h2{font-size:25px}
main.wrap .tldr li{font-size:16px}
main.wrap .tt,main.wrap .cmp{border:0;background:none}
main.wrap .tt thead,main.wrap .cmp thead{display:none}
main.wrap .tt tr,main.wrap .cmp tr{display:block;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:6px 14px 10px;margin-bottom:12px}
main.wrap .tt td,main.wrap .cmp td{display:grid;grid-template-columns:96px 1fr;gap:10px;border-top:1px dashed var(--line);padding:9px 0}
main.wrap .tt td:first-child,main.wrap .cmp td:first-child{border-top:0;display:block;padding-top:10px}
main.wrap .tt td::before,main.wrap .cmp td::before{content:attr(data-l);font:600 11.5px var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}
main.wrap .tt td:first-child::before,main.wrap .cmp td:first-child::before{content:none}
main.wrap .cmp tr.diy{background:#F1F5EE}
main.wrap .cmp tr.diy td{background:none}
main.wrap .flow{grid-template-columns:1fr}
main.wrap .flow .arr svg{transform:rotate(90deg);margin:6px auto}
main.wrap .flow .meta3{grid-template-columns:1fr 1fr}
main.wrap .map{height:340px}}
@media print{main.wrap .side,main.wrap .related,main.wrap .corr{display:none}
main.wrap .layout{display:block}
main.wrap .tt,main.wrap .itin,main.wrap .flow{break-inside:avoid}}
main.wrap .ee{display:inline-block;font:600 10px var(--fm);letter-spacing:.04em;color:#5b3fa0;background:#efe9fb;border:1px solid #d5c8f2;border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:3px}
main.wrap .trid{font:500 10px var(--fm);color:#6b6556;background:#f1eee8;border-radius:3px;padding:0 4px;margin-left:4px;vertical-align:1px}
main.wrap .tbc{font:600 11px var(--fm);color:#8a5a00;background:#fff4d6;border:1px dashed #d9b25a;border-radius:4px;padding:1px 6px;white-space:nowrap}
main.wrap .jp{font:500 12.5px var(--fm);background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 6px;margin:0 2px;white-space:nowrap}
main.wrap .byline2{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:6px 22px;margin-top:14px;font-size:13px;color:var(--sub)}
main.wrap .byline2 b{display:block;color:var(--ink);font-weight:600;font-size:14px}
main.wrap .byline2 a{color:var(--ac-text);text-decoration:underline;text-underline-offset:3px}
main.wrap .take{border-left:4px solid var(--ac-text);background:var(--paper);border-radius:0 14px 14px 0;padding:16px 20px;margin:26px 0}
main.wrap .take .k{font:600 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-text)}
main.wrap .take .t{font:400 22px/1.3 var(--fh);margin:6px 0 8px}
main.wrap .take p{margin:0 0 8px!important;font-size:15.5px}
main.wrap .rank{list-style:none;margin:10px 0 0;padding:0;border-top:1px dashed var(--line)}
main.wrap .rank li{display:grid;grid-template-columns:30px 160px 1fr;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--line);font-size:15px}
main.wrap .rank .rk{font:400 22px var(--fh);color:var(--ac-text)}
main.wrap .rank span:last-child{color:var(--sub)}
main.wrap .visit{background:#F4EFE6;border:1px solid #E2D6C2;border-radius:14px;padding:14px 18px;margin:24px 0}
main.wrap .visit .k{font:600 12px var(--fb);letter-spacing:.1em;text-transform:uppercase;color:#7a5a2a}
main.wrap .visit p{margin:6px 0!important}
main.wrap .visit small{color:var(--sub)}
@media(max-width:900px){main.wrap .rank li{grid-template-columns:30px 1fr}
main.wrap .rank li span:last-child{grid-column:2}}
main.wrap .take .basis{font-size:13px!important;color:var(--sub);margin:8px 0 0!important}
main.wrap .how{background:#EEF2EA;border-radius:14px;padding:18px 22px;margin:30px 0}
main.wrap .how h3{margin:0 0 6px!important}
main.wrap .how ol{margin:8px 0 0 20px}
main.wrap .how li{margin:7px 0;font-size:15px}
main.wrap .how .srcs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
main.wrap .how .srcs span{background:#fff;border:1px solid #cfdccb;border-radius:999px;padding:3px 10px;font-size:12.5px}
main.wrap .gap{border:1.5px dashed #C9A227;background:#FFFBEA;border-radius:14px;padding:14px 20px;margin:26px 0}
main.wrap .gap b.h{font:600 15px var(--fb)}
main.wrap .gap ul{margin:8px 0 6px 18px}
main.wrap .gap li{font-size:15px;margin:5px 0}
main.wrap .gap small{color:var(--sub)}
main.wrap .mist{display:grid;gap:10px;margin:16px 0}
main.wrap .mist div{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14.5px}
main.wrap .mist .o{background:#F6ECE8;padding:12px 14px}
main.wrap .mist .n{background:#EEF3EA;padding:12px 14px}
main.wrap .mist .msrc{display:block;font-size:12px;color:var(--sub);margin-top:6px}
main.wrap .mist small{display:block;font:600 11px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--sub);margin-bottom:3px}
main.wrap .fit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
main.wrap .fit div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--paper)}
main.wrap .fit .no{background:var(--soft)}
main.wrap .fit b{font:600 13px var(--fb);letter-spacing:.06em;text-transform:uppercase}
main.wrap .fit ul{margin:6px 0 0 18px;font-size:15px}
main.wrap .decide{border:1px solid var(--line);border-radius:14px;background:var(--paper);margin:18px 0;overflow:hidden}
main.wrap .decide div{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;padding:12px 16px;border-top:1px solid var(--line);font-size:15px}
main.wrap .decide div:first-child{border-top:0}
main.wrap .decide .ar{color:var(--ac-text);text-align:center;font-weight:600}
main.wrap .decide .a b{font-weight:600}
main.wrap .opt2{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:6px 20px 16px;margin:18px 0}
main.wrap .opt2 .oh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 0 6px;border-bottom:1px dashed var(--line)}
main.wrap .opt2 .oh b{font:400 22px var(--fh)}
main.wrap .opt2 .oh span{font:600 12px var(--fm);color:var(--ac-text)}
main.wrap .opt2 ol{margin:10px 0 6px 20px;font-size:15px}
main.wrap .opt2 li{margin:6px 0}
main.wrap .opt2 .pc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;font-size:14px}
main.wrap .opt2 .pc div{background:var(--soft);border-radius:10px;padding:8px 12px}
main.wrap .opt2 .pc b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}
main.wrap .deps{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0}
main.wrap .deps th,main.wrap .deps td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
main.wrap .deps th{font:600 11.5px var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}
main.wrap .gloss{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0}
main.wrap .gloss td{padding:8px 10px;border-bottom:1px solid var(--line)}
main.wrap .gloss td:nth-child(2){font-size:17px}
main.wrap .log{font-size:13.5px;color:var(--sub);border-top:1px solid var(--line);margin-top:30px;padding-top:12px}
main.wrap .log li{margin:4px 0 4px 18px}
main.wrap .legal{border:2px solid #8A3B2A;background:#FBF1EE;border-radius:12px;padding:14px 18px;margin:20px 0;font-size:15px}
main.wrap .legal b{display:block;color:#6b2a1c}
main.wrap .cost{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
main.wrap .cost td,main.wrap .cost th{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
main.wrap .cost th{font:600 11.5px var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}
main.wrap .cost td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
main.wrap .cost tr.sum td{font-weight:600;border-top:2px solid var(--ink)}
main.wrap .cost small{display:block;color:var(--sub);font-size:12.5px}
main.wrap .glance{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
main.wrap .glance div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--paper)}
main.wrap .glance b{display:block;font:400 19px var(--fh)}
main.wrap .glance small{color:var(--sub);font-size:12.5px}
main.wrap .glance .ok{border-color:#9bb98f;background:#F1F5EE}
main.wrap .glance .ng{border-color:#d7a99a;background:#FBF1EE}
@media(max-width:900px){main.wrap .byline2{grid-template-columns:1fr 1fr}
main.wrap .mist div,main.wrap .fit,main.wrap .opt2 .pc{grid-template-columns:1fr}
main.wrap .glance{grid-template-columns:1fr 1fr}
main.wrap .decide div{grid-template-columns:1fr;gap:2px}
main.wrap .decide .ar{text-align:left}}
main.wrap .hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
main.wrap .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
main.wrap .proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
main.wrap .proof span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sub);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
main.wrap .proof .ic{width:16px;height:16px;color:#2f6a2a}
main.wrap .sec-h.big{margin-top:44px}
main.wrap .sec-h p{font-size:14.5px;color:var(--sub)}
main.wrap .stops{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin:26px 0 6px}
main.wrap .stops::before{content:"";position:absolute;left:8.3%;right:8.3%;top:17px;height:3px;background:var(--ink);border-radius:2px}
main.wrap .stop{text-align:center;position:relative}
main.wrap .stop .dot{width:36px;height:36px;border-radius:50%;background:var(--bg);border:3px solid var(--ink);margin:0 auto 10px;font:600 13px var(--fm);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
main.wrap .stop.w .dot{background:var(--ink);color:#fff}
main.wrap .stop b{display:block;font:400 19px var(--fh)}
main.wrap .stop small{display:block;color:var(--sub);font-size:12.5px}
main.wrap .dest{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
main.wrap .dc{display:block;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}
main.wrap .dc:hover{border-color:var(--ac)}
main.wrap .dc .ph{aspect-ratio:16/10}
main.wrap .dc .in{padding:14px 16px 16px}
main.wrap .dc h3{font:400 23px var(--fh)}
main.wrap .dc .in>p{font-size:14px;color:var(--sub);margin:4px 0 10px}
main.wrap .dc ul{list-style:none;margin:0;padding:0;font-size:14px}
main.wrap .dc li{padding:6px 0;border-top:1px dashed var(--line)}
main.wrap .dc li a{color:var(--ac-text)}
main.wrap .dc .when{display:inline-block;font:600 11px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--sub);margin-bottom:4px}
main.wrap .pl{display:inline-block;font:600 9.5px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:#8a6d00;background:#fff4c2;border:1px solid #e6d27a;border-radius:4px;padding:0 5px;margin-left:6px;vertical-align:2px}
main.wrap .sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
main.wrap .sc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px;color:#F3F0EB;display:block}
main.wrap .sc .ic{color:#F0A27E}
main.wrap .sc b{display:block;font:400 20px/1.25 var(--fh);margin:8px 0 4px}
main.wrap .sc small{color:#cfc7b8;font-size:13px;display:block}
main.wrap .sc .pl{background:transparent;border-color:#F0A27E;color:#F0A27E}
main.wrap .spring{margin-top:22px;padding-top:16px;border-top:1px dashed rgba(255,255,255,.2);font-size:14.5px;color:#cfc7b8}
main.wrap .spring b{color:#F3F0EB;font-weight:600}
main.wrap .spring a{display:inline-block;color:#F3F0EB;text-decoration:underline;text-underline-offset:3px;margin:4px 14px 0 0}
main.wrap .method{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start;padding:40px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:56px 0 48px}
main.wrap .method h2{font:400 32px/1.15 var(--fh)}
main.wrap .method p.l{color:var(--sub);margin-top:10px;font-size:15.5px}
main.wrap .method p.l a{color:var(--ac-text);text-decoration:underline;text-underline-offset:3px}
main.wrap .method ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
main.wrap .method li{font-size:14.5px;color:var(--sub);padding-left:34px;position:relative}
main.wrap .method li b{display:block;color:var(--ink);font-weight:600;font-size:15.5px}
main.wrap .method li .ic{position:absolute;left:0;top:2px;width:24px;height:24px}
main.wrap .two{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}
main.wrap .lg{list-style:none;margin:0;padding:0}
main.wrap .lg li{padding:13px 0;border-bottom:1px dashed var(--line);font-size:15.5px}
main.wrap .lg li a{color:var(--ink)}
main.wrap .lg li small{display:block;color:var(--sub);font-size:13px;margin-top:2px}
main.wrap .lg2 li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
main.wrap .lg2 .ic{width:20px;height:20px;margin-top:2px}
@media(max-width:900px){main.wrap .two,main.wrap .method{grid-template-columns:1fr}
main.wrap .stops{grid-template-columns:repeat(3,1fr);row-gap:18px}
main.wrap .stops::before{display:none}
main.wrap .dest,main.wrap .sgrid{grid-template-columns:1fr}
main.wrap .method ol{grid-template-columns:1fr}}
main.wrap .more{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
main.wrap .more a{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper);color:var(--ink);text-decoration:none}
main.wrap .more a b{display:block;font:400 18px var(--fh)}
main.wrap .more a small{color:var(--sub);font-size:13px}
main.wrap .fold{border:1px solid var(--line);border-radius:14px;margin:22px 0;background:var(--paper)}
main.wrap .fold summary{cursor:pointer;padding:14px 18px;font:600 15.5px var(--fb)}
main.wrap .fold > div{padding:0 18px 12px}
main.wrap .fold .how{margin:6px 0}
main.wrap .opt3 ol{margin:6px 0 4px 20px}
main.wrap .fig{margin:22px 0}
main.wrap .fig img{width:100%;height:auto;display:block;border-radius:12px;background:var(--line)}
main.wrap .fig figcaption{font-size:13.5px;color:var(--sub);margin-top:8px;line-height:1.5}
main.wrap .fig .credit{display:block;font-size:12px;opacity:.8;margin-top:2px}
main.wrap .ain{font-weight:600}
main.wrap .ain + .al{font-size:11px;color:var(--sub);margin-left:3px}
main.wrap .book{border:1px solid var(--line);border-left:4px solid var(--ac);border-radius:12px;padding:14px 18px;margin:18px 0;background:var(--paper)}
main.wrap .book .k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ac);font-weight:600}
main.wrap .book b{display:block;font:400 19px var(--fh);margin:4px 0 6px}
main.wrap .book p{margin:0 0 10px;color:var(--sub);font-size:14.5px}
main.wrap .book .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media(max-width:900px){main.wrap .more{grid-template-columns:1fr}}
main.wrap .figd{margin:24px 0}
main.wrap .figd .scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:10px 8px}
main.wrap .dia{display:block;width:100%;min-width:600px;height:auto;font-family:var(--fb)}
main.wrap .dia .ttl{font:600 19px var(--fh);fill:var(--ink)}
main.wrap .dia .ln{font-weight:600;font-size:16px;fill:var(--ink)}
main.wrap .dia .lsub{font-size:13px;fill:var(--sub)}
main.wrap .dia .nm{font-size:14px;font-weight:600;fill:var(--ink)}
main.wrap .dia .jp{font-size:12.5px;fill:var(--sub)}
main.wrap .dia .note{font-size:14px;fill:var(--ink)}
main.wrap .dia .warn{font-size:13px;fill:var(--ac);font-weight:600}
main.wrap .dia .lg{font-size:12.5px;fill:var(--sub)}
main.wrap .dia .ordc{fill:var(--ac)}
main.wrap .dia .ord{fill:#fff;font-weight:600;font-size:14px}
main.wrap .dia .st{fill:var(--paper);stroke:var(--ink);stroke-width:3}
main.wrap .dia .rail{stroke:var(--ink);stroke-width:5}
main.wrap .dia .bus{stroke:var(--ac);stroke-width:5;stroke-dasharray:10 7}
main.wrap .dia .bus.solid{stroke-dasharray:none}
main.wrap .dia .walk{fill:none;stroke:var(--ink);stroke-width:4;stroke-dasharray:1 9;stroke-linecap:round}
main.wrap .figd .swipe{display:none;font-size:12.5px;color:var(--sub);margin:0 0 6px}
@media(max-width:700px){main.wrap .figd .swipe{display:block}}
main.wrap .figd figcaption{font-size:13.5px;color:var(--sub);margin-top:8px;line-height:1.5}
main.wrap .figd .credit{display:block;font-size:12px;opacity:.8;margin-top:2px}
main.wrap .short{background:var(--ink);color:#F3F0EB;border-radius:16px;padding:20px 24px;margin:4px 0 14px}
main.wrap .short b.h{font:600 12px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:#F0A27E}
main.wrap .short ul{list-style:none;margin:8px 0 0;padding:0}
main.wrap .short li{padding:6px 0 6px 26px;position:relative;font-size:16.5px;line-height:1.5}
main.wrap .short li::before{content:"";position:absolute;left:4px;top:13px;width:9px;height:9px;border-radius:50%;background:#F0A27E}
main.wrap .disclose{font-size:14px;background:#F7EDE3;border:1px solid #E8D3BF;border-radius:10px;padding:10px 14px;margin:0 0 26px}
main.wrap .hubs{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:26px 0;background:var(--paper)}
main.wrap .hubs h2{margin-top:0!important}
main.wrap .hubs__g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
main.wrap .hubs__g>div{background:var(--soft);border-radius:8px;padding:10px 12px}
main.wrap .hubs .k{font:700 11px var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--ac-text)}
main.wrap .card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
main.wrap .card__b{padding-top:8px}
main.wrap .side a{color:inherit}
main.wrap .body img{max-width:100%;height:auto;border-radius:12px}
main.wrap .body table{width:100%;border-collapse:collapse;font-size:15px;margin:16px 0}
main.wrap .body th,main.wrap .body td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
main.wrap .cl{list-style:none;padding:0}
main.wrap .cl li{border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}
@media(max-width:640px){main.wrap .hubs__g{grid-template-columns:1fr}}

main.wrap .corr{display:flex;align-items:center;overflow-x:auto;padding:14px 0 4px;margin-top:6px;font-size:13.5px;scrollbar-width:none}
main.wrap .corr a,main.wrap .corr span.on,main.wrap .corr span.off{white-space:nowrap;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--sub);text-decoration:none}
main.wrap .corr .on{background:var(--ink);border-color:var(--ink);color:#fff}
main.wrap .corr span.off{background:transparent;border-style:dashed;opacity:.75}
main.wrap .corr .sep{width:18px;height:1px;background:var(--line);flex:none}

main.thanks .thanks__small{margin:0;color:var(--muted);font:400 14px/1.6 var(--sans)}
main.thanks .thanks__more{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(56px,8vw,96px)}
main.thanks .thanks__more>h2{font:400 clamp(30px,3.6vw,44px)/1.1 var(--serif)}
main.thanks .thanks__more>p{margin:.7rem 0 clamp(22px,3vw,34px);max-width:40em;color:var(--ink2)}
main.thanks .thanks__grid{margin-top:clamp(28px,3.4vw,44px)}
/* == /Des2 == */



body.town .th{padding-bottom:6px}
body.town .pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
body.town .pills span{font:500 13px/1 var(--sans);letter-spacing:.06em;padding:9px 14px;border-radius:999px;background:var(--indigo);color:var(--paper)}
body.town .th h1{font:400 clamp(40px,5.4vw,74px)/1.04 var(--serif);margin:14px 0 16px;letter-spacing:-.01em}
body.town h1 i,body.town section.s h2 i{font-style:italic}
body.town .catch{font:400 clamp(21px,2.2vw,27px)/1.45 var(--serif);color:var(--ink2);max-width:780px;margin:4px 0 0}
body.town .hero-img{margin-top:22px}
body.town main>.body,body.town main>.short,body.town main>.disclose{max-width:780px}
body.town section.s{padding-top:72px}
body.town section.s>h2{font:400 clamp(30px,3.2vw,42px)/1.1 var(--serif);margin:8px 0 16px}
body.town section.s h3{font:400 23px/1.2 var(--serif);margin:44px 0 6px}
body.town .label{font:400 11px/1.6 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
body.town section.s .src{font:400 11px/1.5 var(--sans);color:var(--muted);margin-top:8px}
body.town .prof{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;background:var(--panel);border:1px solid var(--line);
  border-radius:120px 24px 24px 120px;padding:22px 28px 22px 22px;margin-top:22px}
body.town .prof--solo{grid-template-columns:1fr;border-radius:24px}
body.town .prof .ph{width:200px;height:200px;border-radius:50%;overflow:hidden;background:var(--line)}
body.town .prof .ph img{width:100%;height:100%;object-fit:cover;display:block}
body.town .prof .nm{font:400 30px/1 var(--serif)}
body.town .prof .nm small{font:400 14px/1 var(--jp);color:var(--muted);margin-left:8px}
body.town .prof dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0 0;font-size:14px}
body.town .prof dt{font:400 10px/1.9 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
body.town .prof dd{color:var(--ink);margin:0}
body.town .prof .lk{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
body.town .prof .lk a{font:400 11px/1 var(--sans);letter-spacing:.06em;padding:7px 10px;background:var(--indigo);color:var(--paper);text-decoration:none}
body.town .near{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--ink)}
body.town .near li{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
body.town .near svg{width:30px;height:30px;color:var(--indigo)}
body.town .near b{font-weight:500;color:var(--ink);display:block}
body.town .near small{font-size:13px;color:var(--muted)}
body.town .near .t{font:400 20px/1.1 var(--serif);color:var(--vermilion);white-space:nowrap;text-align:right}
body.town .tiles{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:22px}
body.town .tile{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#1b2433;color:#f5f3ee;text-decoration:none}
body.town .tile::after{content:none}   
body.town .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
body.town .tile .vm{color:#f5f3ee}
body.town .tile:hover img{transform:scale(1.04)}
body.town .tile .ov{position:absolute;left:0;top:0;bottom:0;width:62%;background:linear-gradient(90deg,rgba(15,20,30,.78),rgba(15,20,30,.55) 70%,rgba(15,20,30,0));
  padding:0 22px 20px 0;display:flex;flex-direction:column}
body.town .tile .tg{align-self:flex-start;background:#f5f3ee;color:#1c1c1a;font:400 17px/1 var(--serif);padding:11px 20px 11px 22px;border-radius:0 999px 999px 0;margin-top:18px}
body.town .tile p{color:#eceae4;font-size:14px;line-height:1.7;margin:14px 0 0 22px}
body.town .tile .vm{margin:auto 0 0 22px;font:400 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
body.town .tile .vm::after{content:"→";display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#b8432f;color:#fff;letter-spacing:0}

body.town .live{padding:56px 0 8px;margin-top:72px;border-top:1px solid var(--line)}
body.town .live h2{font:400 clamp(32px,3.6vw,46px)/1.1 var(--serif);margin:0 0 18px}
body.town .live__lead{font:italic 400 clamp(21px,2.1vw,26px)/1.5 var(--serif);color:var(--ink);max-width:640px;margin:0}
body.town .live__inv{font-size:17px;line-height:1.7;color:var(--ink2);max-width:640px;margin:22px 0 0}
body.town .live__box .wl{margin-top:26px;padding:24px;border:1px solid var(--ink);background:var(--panel);max-width:560px}
body.town .live__box .wl p{margin:0}
body.town .live__box .wlh{font:400 24px/1.2 var(--serif)}
body.town .live__box .wlh span{font:400 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--vermilion);margin-left:8px;vertical-align:middle}
body.town .live__box .wl .wlh+p{margin-top:8px;font-size:15px;color:var(--ink2)}
body.town .live__box .wl .wlsoon{margin-top:16px;padding:12px 14px;border:1px dashed var(--ink);font:400 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}
body.town .live__box .wlr{display:flex;margin-top:16px}
body.town .live__box .wlr input{flex:1;min-width:0;border:1px solid var(--ink);border-right:0;padding:13px 12px;font:inherit;font-size:16px;background:var(--paper);color:var(--ink)}
body.town .live__box .wlr button{border:0;background:var(--ink);color:var(--paper);padding:0 20px;font:400 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
body.town .live__box .wl small{display:block;font-size:12px;color:var(--muted);margin-top:12px}
body.town .live__box .wl small a{color:inherit}
body.town .live .live__lk{margin:26px 0 0;font-size:14px;line-height:1.8}
body.town .live__lk span{font:400 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-right:10px}
body.town .live__pic{margin:0 0 26px;max-width:720px}
body.town .live__pic img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
body.town .live__pic figcaption{font-size:12px;color:var(--muted);margin-top:6px}
body.town .live__pic figcaption a{color:inherit}
body.town .live__appeal{font-size:17px;line-height:1.7;color:var(--ink);max-width:640px;margin:22px 0 0}
@media (max-width:420px){body.town .live__box .wl{padding:18px}body.town .live__box .wlr button{padding:0 14px}}
@media (prefers-reduced-motion:reduce){body.town .tile img{transition:none}body.town .tile:hover img{transform:none}}
@media (max-width:900px){
  body.town .prof{grid-template-columns:1fr;border-radius:24px;justify-items:start}
  body.town .prof .ph{width:140px;height:140px}
  body.town .tiles{grid-template-columns:1fr}
  body.town .tile{aspect-ratio:auto;min-height:300px}   
  body.town .tile .ov{position:relative;width:86%;min-height:300px}
  body.town .near li{grid-template-columns:30px 1fr}
  body.town .near .t{grid-column:2;text-align:left}
}
/* == /Des3 == */

.gx{padding:clamp(72px,8vw,110px) 0;border-top:1px solid var(--line)}
.gx__h{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;align-items:end;margin-bottom:32px}
.gx__h h2{font:400 clamp(36px,4.2vw,56px)/1 var(--serif);letter-spacing:-.01em;margin-top:10px}
.gx__h p{font:400 clamp(19px,1.8vw,23px)/1.45 var(--serif);color:var(--ink2);margin:0;max-width:520px}
.gx__more{margin-top:40px}
.gx__more a{font:400 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px}
.gt{position:absolute;opacity:0;pointer-events:none}
.gx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.gx-tabs label{cursor:pointer;border:1px solid var(--ink);padding:10px 16px;font:400 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.gx-tabs label:hover{background:var(--paper-2)}
.pn{display:none}

.gt-all:checked~.wrap .l-all{background:var(--ink);color:var(--paper)}
.gt-all:focus-visible~.wrap .l-all{outline:2px solid var(--ink);outline-offset:2px}
.gt-all:checked~.gx-body .pn-all{display:block}
.gt-hakuba:checked~.wrap .l-hakuba{background:var(--ink);color:var(--paper)}
.gt-hakuba:focus-visible~.wrap .l-hakuba{outline:2px solid var(--ink);outline-offset:2px}
.gt-hakuba:checked~.gx-body .pn-hakuba{display:block}
.gt-takayama-shirakawa-go:checked~.wrap .l-takayama-shirakawa-go{background:var(--ink);color:var(--paper)}
.gt-takayama-shirakawa-go:focus-visible~.wrap .l-takayama-shirakawa-go{outline:2px solid var(--ink);outline-offset:2px}
.gt-takayama-shirakawa-go:checked~.gx-body .pn-takayama-shirakawa-go{display:block}
.gt-kiso-nakasendo:checked~.wrap .l-kiso-nakasendo{background:var(--ink);color:var(--paper)}
.gt-kiso-nakasendo:focus-visible~.wrap .l-kiso-nakasendo{outline:2px solid var(--ink);outline-offset:2px}
.gt-kiso-nakasendo:checked~.gx-body .pn-kiso-nakasendo{display:block}
.gt-japanese-alps:checked~.wrap .l-japanese-alps{background:var(--ink);color:var(--paper)}
.gt-japanese-alps:focus-visible~.wrap .l-japanese-alps{outline:2px solid var(--ink);outline-offset:2px}
.gt-japanese-alps:checked~.gx-body .pn-japanese-alps{display:block}
.gt-kanazawa-toyama:checked~.wrap .l-kanazawa-toyama{background:var(--ink);color:var(--paper)}
.gt-kanazawa-toyama:focus-visible~.wrap .l-kanazawa-toyama{outline:2px solid var(--ink);outline-offset:2px}
.gt-kanazawa-toyama:checked~.gx-body .pn-kanazawa-toyama{display:block}
.gt-other:checked~.wrap .l-other{background:var(--ink);color:var(--paper)}
.gt-other:focus-visible~.wrap .l-other{outline:2px solid var(--ink);outline-offset:2px}
.gt-other:checked~.gx-body .pn-other{display:block}
.gx-body>.pn:only-child{display:block}            
.gx-c__body{display:grid;grid-template-columns:5fr 6fr;gap:48px;align-items:start}
.gx-c__lead h3{font:400 32px/1.15 var(--serif)}
.gx-c__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.gx-c__list:empty{display:none}
.gx-c__list li{border-bottom:1px solid var(--line)}
.gx-c__list a{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;padding:12px 0;text-decoration:none;color:inherit}
.gx-c__list img{width:96px;height:64px;object-fit:cover;background:var(--line)}
.gx-c__list b{display:block;font:400 19px/1.25 var(--serif);margin-top:4px}
@media (max-width:760px){
  .gx__h{grid-template-columns:1fr;margin-bottom:24px}
  .gx-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 24px;padding:0 16px 4px;scrollbar-width:none}
  .gx-c__body{grid-template-columns:1fr;gap:20px}
  .gx-c__list a{grid-template-columns:84px 1fr;gap:14px}
  .gx-c__list img{width:84px;height:56px}
  .gx-c__list b{font-size:18px}
}