.portal{min-height:100svh;margin:0;padding:0}.portal__bands{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);width:100%;min-height:100svh;display:grid}.portal__refuge{grid-template-rows:repeat(2,minmax(280px,1fr));min-width:0;display:grid}.portal-band{--portal-accent:#d0888c;isolation:isolate;background:var(--portal-accent);color:#20302e;align-items:flex-end;min-width:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.portal-band--pension{--portal-accent:#60aca7}.portal-band--boutique{--portal-accent:#e2afb2;border-top:1px solid #ffffff80}.portal-band--boutique .portal-band__art{background:var(--portal-accent)}.portal-band--boutique .portal-band__art img{object-fit:contain;object-position:center top;height:72%;padding:20px 24px 0}.portal-band--osteo{--portal-accent:#ddc7aa}.portal-band--osteo :is(h2,p,.portal-band__eyebrow){color:#603711}.portal-band__art{z-index:-2;filter:grayscale();background:#354443;transition:filter .65s;position:absolute;inset:0}.portal-band__art img{object-fit:cover;object-position:center 40%;width:100%;height:100%;margin-left:auto;transition:transform 1.2s cubic-bezier(.2,.65,.3,1);display:block}.portal-band--refuge .portal-band__art img{object-position:center 38%}.portal-band--pension .portal-band__art img{object-position:center 46%}.portal-band--osteo .portal-band__art img{object-position:center 35%}.portal-band__shade{z-index:-1;background:linear-gradient(180deg, transparent 22%, color-mix(in srgb, var(--portal-accent) 22%, transparent) 40%, var(--portal-accent) 72%);position:absolute;inset:0}.portal-band__content{width:100%;padding:28px 24px;transition:transform .65s cubic-bezier(.2,.65,.3,1),opacity .65s}.portal-band__eyebrow{color:#253d39;text-transform:uppercase;letter-spacing:.15em;font-size:.67rem;font-weight:700}.portal-band h2{color:#20302e;margin-top:9px;font-size:clamp(1.8rem,2.9vw,2.5rem);line-height:1.15}.portal-band p{color:#20302e;min-height:5.04em;margin-top:12px;font-size:.85rem}.portal__refuge .portal-band p{min-height:0}.portal .portal-band__arrow{vertical-align:middle;width:24px;height:24px;margin-left:8px;transition:transform .4s;display:inline-block}.portal-band:focus-visible .portal-band__arrow{transform:translate(4px)}.portal-band__link{background:#fffc;border-radius:999px;align-items:center;gap:12px;margin-top:15px;padding:9px 13px;font-size:.76rem;font-weight:700;transition:transform .28s,background .35s,box-shadow .35s;display:inline-flex}.portal-band__link svg{width:19px;height:19px;transition:transform .4s}.portal-band:is(:focus-visible,:has(:focus-visible)) .portal-band__art{filter:grayscale(0)}.portal-band:is(:focus-visible,:has(:focus-visible)) .portal-band__art img{transform:scale(1.045)}.portal-band:not(.portal-band--refuge):is(:focus-visible,:has(:focus-visible)) .portal-band__link svg{transform:translate(4px)}.portal-band:is(:focus-visible,:has(:focus-visible)){outline-offset:-3px;outline:3px solid #20302e}@keyframes portal-content-arrive{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (pointer:fine){.portal-band__content{animation:.8s cubic-bezier(.2,.65,.3,1) backwards portal-content-arrive}.portal-band:nth-child(2) .portal-band__content{animation-delay:.1s}.portal-band:nth-child(3) .portal-band__content{animation-delay:.2s}.portal-band:hover .portal-band__art{filter:grayscale(0)}.portal-band:hover .portal-band__art img{transform:scale(1.045)}.portal-band:hover .portal-band__arrow{transform:translate(4px)}.portal-band:hover .portal-band__content,.portal-band:is(:focus-visible,:has(:focus-visible)) .portal-band__content{transform:translateY(-10px)}.portal-band:not(.portal-band--refuge):hover .portal-band__link,.portal-band:not(.portal-band--refuge):is(:focus-visible,:has(:focus-visible)) .portal-band__link{background:#fff;box-shadow:0 6px 20px #20302e1a}.portal-band:not(.portal-band--refuge):hover .portal-band__link svg{transform:translate(4px)}}@media (width>=1001px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.portal__bands{transition:grid-template-columns .85s cubic-bezier(.22,.61,.36,1);container-type:inline-size}.portal__bands:has(>.portal__refuge:hover){grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.95fr)}.portal__bands:has(>.portal-band:nth-child(2):hover){grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr) minmax(0,.95fr)}.portal__bands:has(>.portal-band:nth-child(3):hover){grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.15fr)}.portal-band__content{flex-shrink:0;width:31.1475cqw}}@media (hover:none),(pointer:coarse){.portal-band.is-in-view .portal-band__art,.portal-band:is(:focus-visible,:has(:focus-visible)) .portal-band__art{filter:grayscale(0)}.portal-band__content{opacity:.8;transform:translateY(12px)}.portal-band.is-in-view .portal-band__content,.portal-band:is(:focus-visible,:has(:focus-visible)) .portal-band__content{opacity:1;transform:translateY(0)}.portal-band.is-in-view .portal-band__art img{transform:scale(1.035)}}@media (width<=1000px) and (width>=701px){.portal-band__content{padding:24px 14px}.portal-band h2{font-size:1.65rem}.portal-band__eyebrow{letter-spacing:.08em;font-size:.58rem}.portal-band p{min-height:6.72em;font-size:.8rem}.portal-band__link{gap:8px;font-size:.7rem}}@media (width<=700px){.portal__bands{grid-template-columns:1fr}.portal-band{align-items:center;min-height:max(280px,33.333svh)}.portal-band__content{text-align:center;padding:22px 20px}.portal-band__art img,.portal-band--osteo .portal-band__art img{width:100%}.portal-band__shade{background:linear-gradient(90deg, var(--portal-accent), color-mix(in srgb, var(--portal-accent) 94%, transparent) 45%, color-mix(in srgb, var(--portal-accent) 45%, transparent))}.portal-band h2{font-size:2rem}.portal-band p{max-width:28ch;min-height:0;margin:7px auto 0;font-size:.83rem}.portal-band__eyebrow{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.portal-band *{transition:none!important;animation:none!important;transform:none!important}.portal-band__content{opacity:1}}.portal .portal-legal{z-index:5;font:11px/1.5 var(--f-body);color:#302a2a;background:#fffd;border-radius:10px 0 0;gap:14px;padding:5px 12px;display:flex;position:fixed;bottom:0;right:0}.portal-legal button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.portal-band--refuge .portal-band__art{background:var(--portal-accent)}@media (width<=700px){.portal .portal-legal{border-radius:0;flex-wrap:wrap;justify-content:center;padding:10px 12px;position:static}}