.services-tiles{--gap:clamp(1rem, 1.6vw, 1.5rem)}.services-tiles__grid{gap:var(--gap);grid-template-columns:1fr;display:grid}@media (width>=640px){.services-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.services-tiles__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.services-tiles__tile{all:unset;box-sizing:border-box;cursor:pointer;--rx:0deg;--ry:0deg;--gx:50%;--gy:0%;perspective:1100px;display:block;position:relative}.services-tiles__card{background:var(--tone);height:100%;min-height:clamp(30rem,38vw,34rem);color:var(--on-tone);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 1px 0 color-mix(in oklab, var(--tone) 70%, #000), 0 18px 30px -18px color-mix(in oklab, var(--tone) 60%, transparent), 0 40px 60px -40px #00000059;flex-direction:column;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;display:flex;position:relative}.services-tiles__tile:hover .services-tiles__card,.services-tiles__tile:focus-visible .services-tiles__card{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px);box-shadow:0 1px 0 color-mix(in oklab, var(--tone) 70%, #000), 0 28px 40px -20px color-mix(in oklab, var(--tone) 70%, transparent), 0 60px 80px -50px #00000073;transition:transform .15s linear,box-shadow .45s}.services-tiles__tile:focus-visible{outline:none}.services-tiles__tile:focus-visible .services-tiles__card{outline:2px solid var(--sequence-green,#2e7d5b);outline-offset:4px}.services-tiles__media{aspect-ratio:16/10;background:color-mix(in oklab, var(--tone) 70%, #000);flex:none;margin:.7rem .7rem 0;display:block;position:relative;overflow:hidden;transform:translateZ(28px);box-shadow:0 14px 22px -14px #00000073}.services-tiles__media img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.04)}.services-tiles__tile:hover .services-tiles__media img{transform:scale(1.09)}.services-tiles__body{flex-direction:column;flex:1;padding:1.4rem 1.6rem 1.5rem;display:flex;position:relative;transform:translateZ(14px)}.services-tiles__top{justify-content:space-between;align-items:center;display:flex}.services-tiles__n{letter-spacing:.08em;font-variant-numeric:tabular-nums;opacity:.75;font-size:.72rem}.services-tiles__plus{border:1px solid color-mix(in oklab, var(--on-tone) 45%, transparent);border-radius:50%;width:28px;height:28px;transition:background-color .3s,border-color .3s;position:relative}.services-tiles__plus:before,.services-tiles__plus:after{content:"";background:currentColor;height:1px;transition:transform .35s;position:absolute;top:50%;left:8px;right:8px}.services-tiles__plus:after{transform:rotate(90deg)}.services-tiles__tile:hover .services-tiles__plus{background:color-mix(in oklab, var(--on-tone) 14%, transparent)}.services-tiles__title{max-width:16ch;margin-top:1.1rem;font-size:clamp(1.35rem,1.8vw,1.75rem);font-weight:300;line-height:1.15}.services-tiles__summary{max-width:30rem;color:color-mix(in oklab, var(--on-tone) 74%, transparent);margin-top:.75rem;font-size:.84rem;line-height:1.6}.services-tiles__count{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--on-tone) 62%, transparent);margin-top:auto;padding-top:1.2rem;font-size:.6rem}.services-tiles__glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff2e, transparent 55%);transition:opacity .4s;position:absolute;inset:0}.services-tiles__tile:hover .services-tiles__glare{opacity:1}.services-tiles__tile--source{visibility:hidden}@media (width<=639px){.services-tiles__card{min-height:0}.services-tiles__media{aspect-ratio:16/9}}.services-pop{z-index:100;place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0}.services-pop__backdrop{background:color-mix(in oklab, var(--ink,#1e1e1c) 62%, transparent);-webkit-backdrop-filter:blur(6px);animation:.35s both services-pop-fade;position:absolute;inset:0}.services-pop--closing .services-pop__backdrop{animation:.4s both services-pop-fade-out}@keyframes services-pop-fade{0%{opacity:0}}@keyframes services-pop-fade-out{to{opacity:0}}.services-pop__card{background:var(--paper,#f4f1e8);width:min(1180px,100%);height:min(760px,100%);color:var(--ink,#1e1e1c);transform-origin:0 0;box-shadow:0 50px 120px -30px #0000008c, 0 0 0 1px color-mix(in oklab, var(--tone) 50%, transparent);grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);display:grid;position:relative;overflow:hidden}.services-pop__media{background:var(--tone);position:relative;overflow:hidden}.services-pop__media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.services-pop__media img.is-on{opacity:1}.services-pop__main{flex-direction:column;min-height:0;display:flex}.services-pop__head{background:var(--tone);color:var(--on-tone);padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1.5rem,3vw,2.6rem) clamp(1.6rem,2.8vw,2.4rem);transition:background-color .45s,color .45s}.services-pop__head-top{justify-content:space-between;align-items:center;display:flex}.services-pop__n{letter-spacing:.1em;opacity:.75;font-variant-numeric:tabular-nums;font-size:.72rem}.services-pop__close{all:unset;cursor:pointer;border:1px solid color-mix(in oklab, var(--on-tone) 45%, transparent);border-radius:50%;place-items:center;width:40px;height:40px;transition:background-color .25s,transform .25s;display:grid}.services-pop__close svg{stroke:currentColor;stroke-width:1.4px;fill:none;width:14px;height:14px}.services-pop__close:hover{background:color-mix(in oklab, var(--on-tone) 16%, transparent);transform:rotate(90deg)}.services-pop__close:focus-visible,.services-pop__navbtn:focus-visible,.services-pop__cta:focus-visible{outline:2px solid var(--sequence-green,#2e7d5b);outline-offset:3px}.services-pop__title{margin:1rem 0 0;font-size:clamp(1.9rem,3.2vw,2.9rem);font-weight:300;line-height:1.08;animation:.5s .15s both services-pop-in}.services-pop__summary{max-width:34rem;color:color-mix(in oklab, var(--on-tone) 78%, transparent);margin:.9rem 0 0;font-size:.92rem;line-height:1.7;animation:.5s .2s both services-pop-in}.services-pop__content{overscroll-behavior:contain;flex:1;min-height:0;padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1.5rem,3vw,2.6rem);overflow-y:auto}.services-pop__count{color:color-mix(in oklab, var(--ink,#1e1e1c) 58%, transparent);margin:0 0 1.4rem;font-size:.8rem;line-height:1.6;animation:.5s .2s both services-pop-in}.services-pop__list{columns:2;column-gap:2.5rem;margin:0;padding:0;list-style:none}.services-pop__list--single{columns:1}.services-pop__list li{break-inside:avoid;border-top:1px solid color-mix(in oklab, var(--ink,#1e1e1c) 12%, transparent);color:color-mix(in oklab, var(--ink,#1e1e1c) 86%, transparent);animation:.45s both services-pop-in;animation-delay:calc(var(--k) * 28ms + .22s);gap:.8rem;padding:.7rem 0;font-size:.9rem;line-height:1.45;display:flex}.services-pop__list li:before{content:"";background:var(--tone);flex:none;width:12px;height:2px;margin-top:.66em}.services-pop__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 2.5rem;display:grid}.services-pop__group-title{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--tone) 80%, #000);margin:0 0 .5rem;font-size:.62rem;font-weight:600;animation:.45s .2s both services-pop-in}.services-pop__cta{background:var(--tone);color:var(--on-tone);letter-spacing:.2em;text-transform:uppercase;margin-top:1.8rem;padding:.85rem 1.3rem;font-size:.62rem;text-decoration:none;transition:filter .2s;display:inline-block}.services-pop__cta:hover{filter:brightness(1.1)}.services-pop__nav{border-top:1px solid color-mix(in oklab, var(--ink,#1e1e1c) 12%, transparent);grid-template-columns:1fr 1fr;display:grid}.services-pop__navbtn{all:unset;cursor:pointer;align-items:center;gap:.9rem;padding:1rem clamp(1.5rem,3vw,2.6rem);font-size:.85rem;line-height:1.3;transition:background-color .2s;display:flex}.services-pop__navbtn small{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--ink,#1e1e1c) 50%, transparent);margin-bottom:.2rem;font-size:.58rem;display:block}.services-pop__navbtn:hover{background:color-mix(in oklab, var(--ink,#1e1e1c) 5%, transparent)}.services-pop__navbtn--next{text-align:right;border-left:1px solid color-mix(in oklab, var(--ink,#1e1e1c) 12%, transparent);justify-content:flex-end}.services-pop--closing .services-pop__main>*,.services-pop--closing .services-pop__media img{opacity:0;transition:opacity .2s}@keyframes services-pop-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=900px){.services-pop{place-items:stretch stretch;padding:0}.services-pop__card{grid-template-rows:28vh minmax(0,1fr);grid-template-columns:1fr;width:100%;height:100%}.services-pop__list,.services-pop__groups{columns:1;grid-template-columns:1fr}.services-pop__navbtn{padding:.9rem 1.25rem;font-size:.8rem}}.services-pop--closing .services-pop__card{background:var(--tone);transition:background-color .2s}.services-tiles__media:has(img.is-drawing){background:var(--paper,#f4f1e8)}.services-tiles__media img.is-drawing{box-sizing:border-box;object-fit:contain;mix-blend-mode:multiply;padding:.6rem;transform:none}.services-tiles__tile:hover .services-tiles__media img.is-drawing{transform:scale(1.03)}.services-pop__media--drawing{background:var(--paper,#f4f1e8);border-right:1px solid color-mix(in oklab, var(--ink,#1e1e1c) 10%, transparent)}.services-pop__media img.is-drawing{box-sizing:border-box;mix-blend-mode:multiply;object-fit:contain;padding:1rem 1.25rem 2.3rem}.services-pop__caption{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--ink,#1e1e1c) 55%, transparent);margin:0;font-size:.6rem;animation:.5s .25s both services-pop-in;position:absolute;bottom:.8rem;left:1.25rem;right:1rem}.services-pop__media:not(.services-pop__media--drawing) .services-pop__caption{color:#fff;text-shadow:0 1px 8px #00000080}@media (width<=900px){.services-pop__media img.is-drawing{padding:.75rem .75rem 2.4rem}.services-pop__caption{bottom:.7rem}}@media (width>=901px){.services-pop__card{grid-template-rows:minmax(0,54%) minmax(0,1fr);grid-template-columns:1fr;width:min(1240px,100%);height:min(860px,100%)}.services-pop__main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);display:grid}.services-pop__head{flex-direction:column;grid-row:1/span 2;display:flex}.services-pop__content{grid-area:1/2}.services-pop__nav{grid-area:2/2}.services-pop__media--drawing{border-right:0;border-bottom:1px solid color-mix(in oklab, var(--ink,#1e1e1c) 10%, transparent)}}
