.w-guide-index .gi{position:relative;isolation:isolate}.w-guide-index .gi-list{position:relative;z-index:1;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.w-guide-index .gi-row{border-bottom:1px solid var(--line)}.w-guide-index .gi-a{display:grid;grid-template-columns:clamp(40px,5vw,84px) minmax(0,1fr) auto 44px;grid-template-areas:"n main time go";align-items:center;column-gap:clamp(16px,2.4vw,40px);padding:clamp(30px,3.6vw,52px) 0;color:var(--graphite)}.w-guide-index .gi-n{grid-area:n;align-self:start;padding-top:clamp(12px,1.4vw,22px);font:500 12px/1 var(--sans);letter-spacing:.22em;color:var(--slate)}.w-guide-index .gi-main{grid-area:main;min-width:0}.w-guide-index .gi-t{margin:0;font:300 clamp(34px,4.4vw,66px)/1.04 var(--serif);letter-spacing:.004em;color:var(--graphite);transition:color .5s var(--ease),transform .8s var(--ease-o)}.w-guide-index .gi-d{display:block;margin-top:14px;max-width:38em;font:300 clamp(17px,1.3vw,19px)/1.55 var(--serif);color:var(--soft);transition:color .5s var(--ease)}.w-guide-index .gi-time{grid-area:time;white-space:nowrap;font:500 11.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--slate)}.w-guide-index .gi-time b{margin-right:6px;font:400 24px/1 var(--serif);letter-spacing:0;color:var(--graphite)}.w-guide-index .gi-go{grid-area:go;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--graphite);transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.w-guide-index .gi-a:hover .gi-go,.w-guide-index .gi-a:focus-visible .gi-go{background:var(--graphite);border-color:var(--graphite);color:#fff}.w-guide-index .gi-a:focus-visible{outline-offset:6px}.w-guide-index .gi-pic{display:none}.w-guide-index .gi-pic img,.w-guide-index .gi-fp img{display:block;width:100%;height:100%;object-fit:cover}.w-guide-index .gi-float{display:none}.w-guide-index .gi-js .gi-float{display:block;position:absolute;left:0;top:0;z-index:0;width:clamp(240px,22vw,340px);aspect-ratio:4/5;pointer-events:none;will-change:transform;clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--ease-o)}.w-guide-index .gi-js .gi-float.on{clip-path:inset(0)}.w-guide-index .gi-js .gi-fp{position:absolute;inset:0;overflow:hidden;background:var(--silver);opacity:0;transition:opacity .6s var(--ease)}.w-guide-index .gi-js .gi-fp.on{opacity:1}.w-guide-index .gi-js.gi-hov .gi-a .gi-t{color:rgba(56,60,66,.32)}.w-guide-index .gi-js.gi-hov .gi-a .gi-d{color:rgba(95,100,107,.5)}.w-guide-index .gi-js.gi-hov .gi-row.on .gi-t{color:var(--graphite);transform:translateX(10px)}.w-guide-index .gi-js.gi-hov .gi-row.on .gi-d{color:var(--soft)}@media(hover:none),(pointer:coarse){.w-guide-index .gi-a{grid-template-columns:minmax(0,1fr) clamp(130px,30vw,280px);grid-template-areas:"n pic" "main pic" "time pic";align-items:start;row-gap:12px;padding:28px 0}.w-guide-index .gi-n{padding-top:0}.w-guide-index .gi-time{align-self:end}.w-guide-index .gi-go{display:none}.w-guide-index .gi-pic{grid-area:pic;display:block;align-self:stretch;min-height:170px;overflow:hidden;background:var(--silver)}.w-guide-index .gi-t{font-size:clamp(30px,4.6vw,46px)}}@media(hover:none)and (max-width:600px),(pointer:coarse)and (max-width:600px){.w-guide-index .gi-a{grid-template-columns:minmax(0,1fr);grid-template-areas:"pic" "n" "main" "time";row-gap:14px;padding:24px 0 30px}.w-guide-index .gi-pic{align-self:auto;min-height:0;aspect-ratio:16/10}.w-guide-index .gi-t{font-size:clamp(28px,8.4vw,38px)}}@media(pointer:coarse){.w-guide-index .gi-time{font-size:12px}}@media(pointer:coarse){.w-guide-index .gi-time{font-size:12px}}
