@layer components{.services__list{align-items:stretch;gap:16px;display:flex}.service{isolation:isolate;min-width:0;color:var(--card-ink);transition:flex-grow .45s var(--ease-pecan),transform .3s,box-shadow .3s;flex-direction:column;flex:1 1 0;text-decoration:none;display:flex;position:relative;overflow:hidden}.service__top{letter-spacing:.1em;justify-content:space-between;align-items:center;gap:15px;font-size:11px;font-weight:700;display:flex}.service__top .arrow{border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .3s;display:grid}.service__label{letter-spacing:.025em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.service h3{z-index:1;position:relative}.service__mascot{z-index:-1;object-fit:contain;opacity:.9;width:auto;transition:opacity .3s,transform .4s;position:absolute;bottom:42px;right:10px}.service__space{flex:1}.service__preview{transition:grid-template-rows .4s var(--ease-pecan),opacity .3s;color:var(--card-ink);grid-template-rows:1fr;display:grid;position:relative}.service__preview>div{min-height:0;overflow:hidden}.service__preview p{max-width:34ch;line-height:1.45}.service__facts{flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.service__bottom{border-top:1px solid #0003;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex;position:relative}.service__more{text-underline-offset:4px;font-size:11px;text-decoration:underline}.service__preview p{padding-block:12px 10px;font-size:17px}.service__space{min-height:16px}.service__bottom{padding-top:12px}@media (width>=901px) and (hover:hover) and (pointer:fine){.service__preview{opacity:0;visibility:hidden;transition:grid-template-rows .4s var(--ease-pecan),opacity .3s,visibility .4s;grid-template-rows:0fr}.service:hover,.service:focus{box-shadow:0 13px 0 var(--shadow);flex-grow:2.25;transform:translateY(-5px)}.service:hover .service__preview,.service:focus .service__preview{opacity:1;visibility:visible;grid-template-rows:1fr}.service:hover .service__mascot,.service:focus .service__mascot{opacity:.13;transform:translate(8px)rotate(3deg)}.service:hover .service__top .arrow,.service:focus .service__top .arrow{transform:rotate(45deg)}}.service:hover .service__mascot,.service:focus .service__mascot{opacity:.3}@media (width<=900px){.services__list{scroll-snap-type:x mandatory;scroll-padding-inline:var(--spacing-gutter);margin-inline:calc(-1*var(--spacing-gutter));padding:7px var(--spacing-gutter) 18px;scrollbar-width:thin;scrollbar-color:var(--color-blue) var(--color-wine);gap:16px;overflow-x:auto}.service{scroll-snap-align:start;flex:0 0 70%;padding:24px}.service h3{max-width:65%}.service__mascot{opacity:.8;top:76px;bottom:auto;right:14px}.service__space{min-height:54px}}@media (width<=640px){.service{flex-basis:86%;min-height:365px;padding:22px}.service h3{font-size:32px}.service__preview p{font-size:15px}.service__facts{font-size:11px}.service__bottom{font-size:13px}}@media (width>=901px) and (hover:none){.service__mascot{opacity:.14}}.service{--shadow:#7d96b7;-webkit-backdrop-filter:blur(12px)saturate(1.25);--card-ink:var(--color-wine);--glass-tint:#b8cbe8e0;--glass-rim:var(--color-blue);border-radius:24px;height:480px;min-height:480px;padding:20px}.service h3{max-width:210px;font-size:42px}.service__top{margin-bottom:10px}.service__mascot{max-width:none;height:59%}.service--olive{--shadow:#5f6728;--card-ink:var(--color-wine);--glass-tint:#a3a93dd6;--glass-rim:var(--color-olive)}.service--orange{--shadow:#a97521;--card-ink:var(--color-wine);--glass-tint:#e9a63cdb;--glass-rim:var(--color-mustard)}@media (width<=1600px) and (width>=901px){.service{height:25vw;min-height:330px}.service h3{font-size:clamp(28px,2.1875vw,42px)}}@media (width<=900px){.service{height:auto}.service h3{font-size:34px}.service__mascot{max-width:36%;height:142px}}@media (width>=901px){.services__list{flex:1;align-items:stretch;padding-bottom:8px}.service{height:auto;min-height:0;padding:clamp(14px,2svh,25px)}.service__top{margin-bottom:clamp(6px,1svh,14px)}.service__top .arrow{width:clamp(26px,3.5svh,34px);height:clamp(26px,3.5svh,34px);font-size:20px}.service__label{margin-bottom:6px}.service h3{font-size:clamp(24px,min(2.1875vw,4.7svh),42px)}.service__space{min-height:12px}.service__mascot{max-width:64%;height:59%;top:auto;bottom:42px}.service__bottom{gap:6px;padding-top:10px;font-size:clamp(12px,1.7svh,14px)}.service__preview p{padding-block:8px;font-size:clamp(13px,1.8svh,17px);line-height:1.3}.service__facts{gap:4px 12px;margin-bottom:8px;font-size:11px}.services__list{min-height:250px}.service__preview{transition:opacity .2s,visibility .2s;position:absolute;bottom:58px;left:20px;right:20px}}@media (width<=900px){.service{min-height:clamp(330px,40svh,385px)}}.service:after{content:"";pointer-events:none;position:absolute}.service:before{content:"";pointer-events:none;z-index:2;transition:opacity .25s,filter .25s;position:absolute}.service:after{z-index:2;transition:border-color .25s,opacity .25s}@media (hover:hover) and (pointer:fine){.service:hover:after,.service:focus-visible:after{border-color:#ffffff73}}@media (prefers-reduced-motion:reduce){.service:before,.service:after{transition:none}}.service:before{border-radius:inherit;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.service:after{filter:blur(.8px);border-radius:17px}.service__grain{z-index:-1;pointer-events:none;border-radius:inherit;opacity:.32;mix-blend-mode:soft-light;background:url(/img/glass-grain.svg);position:absolute;inset:0}.service{box-shadow:inset 1px 1px 2px #fff6,inset -1px -1px 2px #ffffff4d,inset 0 4px 7px #1820334d,inset 0 -3px 5px #fff3,0 2px 0 color-mix(in srgb,var(--glass-rim) 55%,transparent),12px 28px 15px -6px #120710b3,20px 36px 34px -9px #12071080;border:1px solid #ffffff18}.service:before{opacity:.75;filter:blur(.7px);background:conic-gradient(from 125deg,#0000 0%,#ffffffe6 6%,#0000 15% 45%,#fff9 56%,#0000 66% 100%);padding:2px}.service:after{box-shadow:none;opacity:0;background:0 0;border:none;inset:3px}.service{background:linear-gradient(135deg,#ffffff70 0%,#ffffff0d 38%,transparent 64%),linear-gradient(var(--glass-tint),var(--glass-tint)),url(/img/f81d9.png) center/cover}.service__bottom{border-color:#5c24343d}@media (hover:hover) and (pointer:fine){.service:hover,.service:focus-visible{box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #fff6,inset 0 4px 7px #1820334d,inset 0 -3px 5px #ffffff40,0 2px 0 color-mix(in srgb,var(--glass-rim) 55%,transparent),12px 32px 17px -6px #120710b3,20px 40px 38px -9px #12071080}.service:hover:before,.service:focus-visible:before{opacity:.9;filter:blur(.7px)}.service:hover:after,.service:focus-visible:after{opacity:0}}@media (width>=901px){.page__others .services__list{min-height:clamp(340px,46svh,460px)}}}
