/* Blueprints glass treatment, with the homepage's shared outer card radius. */
@property --utility-edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.home-utilities{--utility-radius:var(--card-radius,32px);--utility-glass-radius:max(10px,calc(var(--utility-radius) - 12px));--utility-gap:clamp(16px,1.55vw,24px);--utility-inset:clamp(16px,1.4vw,28px)}
.home-utilities-heading{text-align:center;margin:0 auto clamp(32px,4.5vw,64px);max-width:900px}
.home-utilities-title{margin:0;color:var(--ink);font-size:var(--section-title-size);line-height:1.05}
.home-utilities-wordmark{display:block;width:clamp(220px,29vw,440px);margin:0 auto}
.home-utilities-wordmark svg{display:block;width:100%;height:auto;overflow:visible}
.home-utilities-wordmark-image{display:block;width:auto;max-width:min(100%,440px);max-height:160px;margin:auto}
.home-utilities-heading>p{margin:10px auto 0;max-width:660px;color:var(--muted);font-size:var(--type-copy-size,16px);line-height:1.5;text-wrap:balance}
.home-utilities-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--utility-gap);min-width:0}
.home-utility-item{min-width:0;height:100%}
.home-utilities .home-utility-card{height:100%;position:relative;display:flex;align-items:flex-end;isolation:isolate;min-width:0;aspect-ratio:4/5;overflow:hidden;padding:var(--utility-inset);border:0;border-radius:var(--utility-radius);background:#26332d;color:#fff;text-decoration:none;box-shadow:none;-webkit-tap-highlight-color:transparent}
.home-utilities .home-utility-card:is(:hover,:focus-visible){opacity:1;filter:none}
.home-utilities .home-utility-card:has(.home-utility-image){background:transparent}
.home-utility-image{position:absolute;inset:-1px;z-index:-2;display:block;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;object-fit:cover;object-position:var(--utility-image-x,50%) var(--utility-image-y,50%);transition:transform 650ms cubic-bezier(.2,.65,.3,1);-webkit-user-drag:none;user-select:none}
.home-utilities-dots{display:flex;justify-content:center;align-items:center;gap:2px;margin-top:12px}
.home-utilities-dots[hidden]{display:none}
.home-utility-dot{display:grid;place-items:center;width:32px;height:36px;min-height:0;padding:0;border:0;border-radius:99px;background:transparent;box-shadow:none;color:var(--ink);cursor:pointer}
.home-utility-dot::before{content:'';display:block;width:4px;height:4px;border-radius:99px;background:var(--muted);transition:width 220ms ease,background 220ms ease}
.home-utility-dot[aria-current="true"]::before{width:24px;background:var(--ink)}
.home-utility-dot:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}
.home-utility-glass{position:relative;display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-height:clamp(108px,8.5vw,164px);padding:clamp(18px,1.65vw,28px) clamp(15px,1.2vw,24px);border:0;border-radius:var(--utility-glass-radius);background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(clamp(7px,.5625vw,12px));backdrop-filter:var(--utility-refraction,blur(7px));box-shadow:none;color:#fff}
.home-utility-glass::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:conic-gradient(from var(--utility-edge-angle),rgba(255,255,255,.8),rgba(33,33,33,.25) 90deg,rgba(255,255,255,.8) 180deg,rgba(33,33,33,.25) 270deg,rgba(255,255,255,.8));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:utility-glass-edge 16s linear infinite paused}
.home-utility-glass.is-glass-visible::after{animation-play-state:running}
.home-utility-filter{position:absolute;pointer-events:none;width:0;height:0;overflow:hidden}
.home-utilities .home-utility-glass h3{margin:0 0 12px;font-size:clamp(20px,1.65vw,30px);font-weight:var(--font-medium,500);line-height:1.12;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;color:#fff;overflow-wrap:anywhere}
.home-utility-glass>p{margin:0;font-size:clamp(12px,.95vw,15px);line-height:1.4;color:rgba(255,255,255,.94);max-width:34ch;text-wrap:pretty}
.home-utilities .home-utility-card:focus-visible{box-shadow:inset 0 0 0 3px #fff}
@keyframes utility-glass-edge{to{--utility-edge-angle:360deg}}
@media(hover:hover) and (pointer:fine){.home-utility-card:is(:hover,:focus-within) .home-utility-image{transform:scale(1.05)}}
@media(max-width:1023px){.home-utilities-rail{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 8px}.home-utilities-rail::-webkit-scrollbar{display:none}.home-utilities .home-utility-item{flex:0 0 calc((100% - var(--utility-gap))/1.5);scroll-snap-align:start}.home-utilities .home-utility-glass h3{font-size:clamp(22px,2.4vw,26px)}.home-utility-glass{min-height:140px}}
@media(max-width:600px){.home-utilities{--utility-gap:12px;--utility-inset:14px}.home-utilities-heading{margin-bottom:30px}.home-utilities-wordmark{width:min(72%,300px)}.home-utilities-heading>p{margin-top:8px;font-size:15px}.home-utilities .home-utility-item{flex-basis:calc((100% - 12px)/1.1)}.home-utility-glass{min-height:132px;padding:16px}.home-utilities .home-utility-glass h3{font-size:clamp(19px,5.2vw,24px)}.home-utility-glass>p{font-size:13px;line-height:1.4}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.home-utility-glass{background:rgba(15,20,20,.77)}}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){.home-utility-glass::after{display:none}.home-utility-glass{box-shadow:inset 0 0 0 1px #ffffff80}}
@media(prefers-reduced-motion:reduce){.home-utility-image,.home-utility-dot::before{transition:none}.home-utility-card:is(:hover,:focus-within) .home-utility-image{transform:none}.home-utilities-rail{scroll-behavior:auto}.home-utility-glass::after{animation:none}}
