.possibilities-opening{background:#183e35;color:#faf8ef;position:relative;isolation:isolate;z-index:2}
.possibilities-stage{padding:42px 4vw;text-align:center}
.possibilities-opening h2{font-size:clamp(3.5rem,6.5vw,6.5rem);font-weight:400;letter-spacing:-.025em;margin:12px 0 72px;color:inherit}
.possibilities-opening .eyebrow{color:inherit}
.possibilities-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1250px;margin:0 auto}
.possibility-tile{--tile-color:#e4e9b1;position:relative;min-width:0;text-align:left;color:#183e35}
.possibility-tile:nth-child(3n+2){--tile-color:#e0d7e9}
.possibility-tile:nth-child(3n){--tile-color:#eed9bd}
.possibility-card{position:relative;height:100%;perspective:1200px}
.possibility-front,.possibility-back{background:var(--tile-color);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff55,0 8px 24px #00000016}
.possibility-front{min-height:220px}
.possibility-fallback,.possibility-trigger{width:100%;min-height:inherit;height:100%;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:18px;color:inherit;text-align:left;text-decoration:none}
.possibility-trigger{appearance:none;background:none;border:0;border-radius:inherit;cursor:pointer;font:inherit}
.possibility-trigger[hidden],.possibility-fallback[hidden],.possibility-close[hidden]{display:none}
.possibility-front small{font-size:11px;letter-spacing:.1em;opacity:.65}
.possibility-front strong{font-family:var(--heading);font-size:clamp(18px,1.65vw,24px);font-weight:500;line-height:1.2;text-wrap:pretty;overflow-wrap:normal;hyphens:none}
.possibility-affordance{font-size:13px;line-height:1.2;opacity:.75}
.possibility-back{padding:22px;margin-top:12px}
.possibility-back-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.possibility-back-title{font-family:var(--heading);font-size:23px;line-height:1.15;font-weight:500;margin:0}
.possibility-close{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;margin:-6px -6px 0 0;border:1px solid #183e3530;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:22px/1 sans-serif}
.possibility-services{display:grid;gap:0;list-style:none;margin:0 0 17px;padding:0}
.possibility-services li{margin:0;border-top:1px solid #183e3526}
.possibility-services a{display:block;padding:9px 0;color:inherit;text-decoration:none;font-size:18px;line-height:1.22}
.possibility-services a:hover{text-decoration:underline;text-underline-offset:3px}
.possibility-category-link{display:inline-block;color:inherit;font-size:17px;line-height:1.25;text-underline-offset:4px}
.possibility-back a:focus-visible,.possibility-close:focus-visible{outline:2px solid #183e35;outline-offset:3px;border-radius:2px}
.possibility-trigger:focus-visible,.possibility-fallback:focus-visible{outline:3px solid #faf8ef;outline-offset:5px}
.possibilities-caption{margin:64px 0 0;font-size:1.15rem;opacity:.8}

/* The entrance moves the outer tile; interaction only turns its two faces. */
.possibilities-interactive:not(.is-settled) .possibilities-stage{overflow:clip}
.possibilities-interactive .possibility-tile{aspect-ratio:1}
.possibilities-interactive .possibility-tile:not(.is-flipped):not(.is-closing) .possibility-card{overflow:clip}
.possibilities-interactive .possibility-front,.possibilities-interactive .possibility-back{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform 1000ms cubic-bezier(.4,0,.2,1),visibility 0s 1000ms}
.possibilities-interactive .possibility-front{inset:0;min-height:0;transform:rotateY(0deg)}
.possibilities-interactive .possibility-back{top:50%;left:50%;width:min(344px,calc(100vw - 40px));min-height:0;margin:0;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;transform:translate(calc(-50% + var(--back-x,0px)),calc(-50% + var(--back-y,0px))) rotateY(180deg) scale(.92);box-shadow:inset 0 1px 0 #ffffff66,0 22px 48px #06251d4d}
.possibilities-interactive .possibility-back>*{flex-shrink:0}
.possibilities-interactive .possibility-category-link{margin-top:auto;align-self:flex-start}
.possibilities-interactive .possibility-tile.is-flipped,.possibilities-interactive .possibility-tile.is-closing{z-index:20}
.possibilities-interactive .possibility-tile.is-flipped .possibility-front{transform:rotateY(-180deg) scale(1.06)}
.possibilities-interactive .possibility-tile.is-flipped .possibility-back{visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(calc(-50% + var(--back-x,0px)),calc(-50% + var(--back-y,0px))) rotateY(0deg) scale(1)}
.possibility-tile.is-flipped:focus-within .possibility-back{outline:2px solid #faf8ef;outline-offset:4px}

@media(max-width:1000px){.possibilities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.possibilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.possibilities-stage{padding-inline:5vw}.possibilities-interactive .possibility-tile{aspect-ratio:auto;height:195px}.possibility-fallback,.possibility-trigger{padding:18px}.possibility-front strong{font-size:clamp(17px,4.4vw,23px)}.possibilities-opening h2{font-size:3.7rem}.possibilities-caption{max-width:280px;margin:24px auto 0}.possibility-back{padding:20px}.possibility-back-title{font-size:22px}.possibility-services a{font-size:18px}}
@media(max-width:360px){.possibility-fallback,.possibility-trigger{padding:14px}.possibility-front strong{font-size:16px}.possibility-affordance{font-size:12px}.possibility-back-title{font-size:21px}}

/* Keep the complete lists usable without animation or JavaScript. */
@media(prefers-reduced-motion:reduce){.possibility-tile{transform:none!important;will-change:auto}.possibilities-interactive .possibility-front,.possibilities-interactive .possibility-back{transition:none!important}.possibilities-interactive .possibility-front{transform:none!important}.possibilities-interactive .possibility-back{transform:translate(calc(-50% + var(--back-x,0px)),calc(-50% + var(--back-y,0px)))!important}.possibilities-interactive .is-flipped .possibility-front{visibility:hidden}}
html[data-motion="off"] .possibility-tile{transform:none!important;will-change:auto}
html[data-motion="off"] .possibilities-interactive .possibility-front,html[data-motion="off"] .possibilities-interactive .possibility-back{transition:none!important}
html[data-motion="off"] .possibilities-interactive .possibility-front{transform:none!important}
html[data-motion="off"] .possibilities-interactive .possibility-back{transform:translate(calc(-50% + var(--back-x,0px)),calc(-50% + var(--back-y,0px)))!important}
html[data-motion="off"] .possibilities-interactive .is-flipped .possibility-front{visibility:hidden}

/* Centre the final category and keep the mobile rows balanced. */
@media(max-width:600px){.possibilities-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px;gap:12px}.possibility-tile{grid-column:span 2;min-height:210px}.possibility-tile:last-child{grid-column:2 / span 2}.possibility-tile strong{font-size:clamp(17px,4.2vw,22px)}}

/* Support direct category links alongside enhanced category cards. */
a.possibility-tile{display:flex;flex-direction:column;justify-content:space-between;gap:20px;aspect-ratio:1;background:var(--tile-color,#e4e9b1);padding:clamp(18px,2vw,28px);border-radius:12px;box-shadow:0 8px 24px #00000016}a.possibility-tile small{font-size:11px;opacity:.65}a.possibility-tile strong{font-family:var(--heading);font-weight:500;font-size:clamp(18px,1.65vw,24px);line-height:1.2}@media(max-width:600px){a.possibility-tile{aspect-ratio:auto;min-height:210px;padding:18px}a.possibility-tile strong{font-size:clamp(17px,4.2vw,22px)}}
