@layer components{.site-section[data-section=services]{--section-description-max-width:46rem;--section-grid-columns-tablet:2;--section-grid-columns-desktop:4;--section-grid-gap:var(--space-4);--ui-card-action-width:100%;background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 38%, var(--color-background)) 100%)}.services-supplies-callout{margin-top:var(--space-8)}.services-supplies-callout .ui-callout{justify-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;grid-template-columns:1fr}.services-supplies-callout .ui-callout-icon{width:var(--space-12);height:var(--space-12);flex-basis:var(--space-12)}.services-supplies-callout .ui-callout-icon>svg{width:var(--space-6);height:var(--space-6)}.services-supplies-callout .ui-callout-content{width:100%;max-width:13rem}.services-supplies-callout .ui-callout-action{width:100%}.services-supplies-actions{gap:var(--space-3);grid-template-columns:1fr;width:100%;display:grid}.services-supplies-actions .btn{width:100%;min-width:0;padding-inline:var(--space-3);justify-content:center}.services-supplies-actions .btn-label{min-width:0}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center{--ui-card-centered-action-bleed:var(--space-5);min-height:23.5rem;padding:var(--space-7) var(--space-6);row-gap:var(--space-4)}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-title{text-align:center;width:100%;max-width:15rem;margin:0 auto}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-description{text-align:center;width:100%;max-width:15rem;margin-inline:auto}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-icon{justify-self:center}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-action{justify-self:center;width:fit-content}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-link{width:100%;max-width:15rem;margin-top:var(--space-2);text-align:center;justify-content:center;align-self:end;margin-inline:auto;padding:0}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center:has(>.ui-card-link):after{display:none}@media (width>=640px){.services-supplies-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center{min-height:20.5rem;padding:var(--space-5);row-gap:var(--space-3)}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-title,.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-description{text-align:left;max-width:none}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-icon{justify-self:start}.site-section[data-section=services] .section-grid>.ui-card-layout-icon-center>.ui-card-link{text-align:center;justify-content:center;width:fit-content;max-width:none}.services-supplies-callout .ui-callout{justify-items:stretch;gap:var(--space-6);padding:var(--theme-card-padding-md);text-align:left;grid-template-columns:auto minmax(0,1fr) auto}.services-supplies-callout .ui-callout-icon{width:var(--space-16);height:var(--space-16);flex-basis:var(--space-16)}.services-supplies-callout .ui-callout-icon>svg{width:var(--space-8);height:var(--space-8)}.services-supplies-callout .ui-callout-content{max-width:none}}.site-section[data-section=problem]{--section-description-max-width:46rem;--section-grid-columns-tablet:2;--section-grid-columns-desktop:4;--section-grid-gap:var(--space-4);--section-highlight-color:var(--color-danger);background:color-mix(in srgb, var(--color-background-soft) 45%, var(--color-background))}.problem-title-line{display:block}.problem-card-icon{width:var(--space-16);height:var(--space-16);flex:0 0 var(--space-16);border:1px solid color-mix(in srgb, var(--color-danger) 30%, var(--color-border));border-radius:var(--theme-card-radius);background:color-mix(in srgb, var(--color-danger) 8%, transparent);color:var(--color-danger);flex-shrink:0;grid-area:1/1/span 2;justify-content:center;align-items:center;display:inline-flex}.problem-card-icon>svg{width:var(--space-8);height:var(--space-8)}.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center{min-height:20.5rem;padding:var(--space-7) var(--space-6);row-gap:var(--space-4)}.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center>.ui-card-icon{justify-self:center}.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center>.ui-card-title,.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center>.ui-card-description{text-align:center;width:100%;max-width:15rem;margin-inline:auto}@media (width>=768px){.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center{padding:var(--space-5);row-gap:var(--space-3)}.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center>.ui-card-title,.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center>.ui-card-description{text-align:left;max-width:none}.site-section[data-section=problem] .section-grid>.ui-card-layout-icon-center>.ui-card-icon{justify-self:start}.problem-title-line{white-space:nowrap}}.site-section[data-section=benefits]{--section-description-max-width:46rem;--section-grid-columns-tablet:2;--section-grid-columns-desktop:4;--section-grid-gap:var(--space-4);background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 38%, var(--color-background)) 100%)}.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center{min-height:23.5rem;padding:var(--space-7) var(--space-6);row-gap:var(--space-4)}.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center>.ui-card-icon{justify-self:center}.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center>.ui-card-title,.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center>.ui-card-description{text-align:center;width:100%;max-width:15rem;margin-inline:auto}@media (width>=768px){.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center{padding:var(--space-5);row-gap:var(--space-3)}.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center>.ui-card-title,.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center>.ui-card-description{text-align:left;max-width:none}.site-section[data-section=benefits] .section-grid>.ui-card-layout-icon-center>.ui-card-icon{justify-self:start}}.site-section[data-section=products]{--section-highlight-color:var(--color-primary);--section-action-margin-top:var(--space-8);--section-action-margin-top-desktop:var(--space-9);background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 42%, var(--color-background)) 100%);--products-action-button-width:22rem}.products-showcase{position:relative}.products-showcase .section-header{margin-bottom:var(--space-8)}.products-action-buttons{flex-direction:column;justify-content:center;align-items:stretch;gap:.875rem;width:100%;display:flex}.products-action-button{width:100%;min-width:0}.products-showcase-viewport{overflow:hidden}.products-showcase-track{width:100%;padding:var(--space-1) 0 var(--space-1);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;grid-auto-columns:100%;grid-auto-flow:column;gap:.875rem;margin:0;list-style:none;display:grid;overflow:auto hidden}.products-showcase-track::-webkit-scrollbar{display:none}.product-item{scroll-snap-align:start;width:100%;min-width:0}.product-card{flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.product-media{aspect-ratio:4/3;border-radius:var(--theme-card-radius) var(--theme-card-radius) 0 0;background:var(--color-surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-image{width:100%;height:100%;padding:var(--space-7) var(--space-3) 0;object-fit:contain;transition:transform var(--transition-normal) var(--transition-ease);display:block}.product-card:is(:hover,:focus-within) .product-image{transform:scale(1.035)}.product-brand{top:var(--space-4);left:var(--space-4);border:1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface) 92%, transparent);color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;padding:.4rem .65rem;font-weight:800;display:inline-flex;position:absolute}.product-brand--canon{background:color-mix(in srgb, #e30613 8%, var(--color-surface));color:#e30613;border-color:#e3061357}.product-content{min-width:0;padding:0 var(--space-5) var(--space-5);text-align:left;flex-direction:column;flex:1;display:flex}.product-title{color:var(--color-foreground);margin:0}.product-description{color:var(--color-text);margin-top:.25rem}.product-link{margin-top:auto;padding-top:var(--space-4);margin-inline:auto}.products-showcase-controls{pointer-events:none;display:none}.products-showcase-control{z-index:2;border-radius:var(--radius-full);background:radial-gradient(circle at 34% 22%, color-mix(in srgb, var(--color-primary-light) 10%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)), color-mix(in srgb, var(--color-background-soft) 72%, var(--color-surface))) padding-box, linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 26%, var(--color-border)), color-mix(in srgb, var(--color-primary-light) 18%, var(--color-border))) border-box;width:2.75rem;height:2.75rem;color:var(--color-primary);cursor:pointer;pointer-events:auto;transition:box-shadow var(--transition-fast) var(--transition-ease), transform var(--transition-fast) var(--transition-ease);border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.products-showcase-control:before,.products-showcase-control:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.products-showcase-control:before{border:1px solid color-mix(in srgb, var(--color-primary-light) 26%, transparent);inset:-.3rem}.products-showcase-control:after{background:var(--gradient-brand);opacity:0;-webkit-mask:linear-gradient(var(--color-inverse) 0 0) content-box, linear-gradient(var(--color-inverse) 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--color-inverse) 0 0) content-box, linear-gradient(var(--color-inverse) 0 0);mask:linear-gradient(var(--color-inverse) 0 0) content-box, linear-gradient(var(--color-inverse) 0 0);transition:opacity var(--transition-fast) var(--transition-ease);padding:1px;inset:-.3rem;-webkit-mask-composite:xor;mask-composite:exclude}.products-showcase-control--previous{left:-1.375rem}.products-showcase-control--next{right:-1.375rem}.products-showcase-control:is(:hover,:focus-visible){box-shadow:0 1rem 2rem -1.25rem color-mix(in srgb, var(--color-primary) 72%, transparent), 0 0 0 .375rem color-mix(in srgb, var(--color-primary) 8%, transparent);transform:translateY(-50%)scale(1.04)}.products-showcase-control:is(:hover,:focus-visible):before{box-shadow:0 0 1rem color-mix(in srgb, var(--color-primary) 12%, transparent)}.products-showcase-control:is(:hover,:focus-visible):after{opacity:1}.products-showcase-control:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:3px}.products-showcase-control-icon{z-index:1;font-size:1.2rem;font-weight:700;line-height:1;position:relative}.products-showcase-control.is-disabled{cursor:default;box-shadow:none;opacity:.45;transform:translateY(-50%)}.products-showcase-control.is-disabled:is(:hover,:focus-visible){box-shadow:none;transform:translateY(-50%)}.products-showcase-control.is-disabled:before{box-shadow:none}.products-showcase-control.is-disabled:after{opacity:0}.products-showcase-indicators{margin-top:var(--space-4);justify-content:center;align-items:center;gap:.4rem;display:flex}.products-showcase-indicator{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-border) 82%, transparent);cursor:pointer;width:1.55rem;height:.1875rem;transition:transform var(--transition-fast) var(--transition-ease);border:0;padding:0;position:relative}.products-showcase-indicator:after{content:"";border-radius:inherit;background:var(--gradient-brand);box-shadow:0 .5rem 1rem -.75rem color-mix(in srgb, var(--color-primary) 70%, transparent);opacity:0;pointer-events:none;transition:opacity var(--transition-fast) var(--transition-ease);position:absolute;inset:0}.products-showcase-indicator:is(:hover,:focus-visible,.is-active){transform:translateY(-1px)}.products-showcase-indicator:is(:hover,:focus-visible,.is-active):after{opacity:1}.products-showcase-indicator:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:4px}@media (width>=768px){.products-showcase-controls{display:block}.products-action-buttons{flex-flow:wrap;align-items:center}.products-action-button{width:auto;min-width:min(100%,17.5rem)}.products-showcase-track{grid-auto-columns:minmax(17rem, calc((100% - var(--space-4)) / 2));gap:var(--space-4);padding:var(--space-1) .125rem var(--space-1)}.products-showcase-indicators{margin-top:var(--space-5);gap:.55rem}.products-showcase-indicator{width:1.85rem;height:var(--space-1)}.product-content{padding:0 var(--space-6) var(--space-6)}}@media (width>=1024px){.products-showcase-track{grid-auto-columns:calc((100% - var(--space-8)) / 3)}.products-showcase-track--one,.products-showcase-track--two,.products-showcase-track--three{grid-auto-flow:initial;grid-auto-columns:initial;scroll-snap-type:none;justify-content:center;overflow-x:visible}.products-showcase-track--one{grid-template-columns:minmax(18rem,22rem)}.products-showcase-track--two{grid-template-columns:repeat(2,minmax(18rem,22rem))}.products-showcase-track--three{grid-template-columns:repeat(3,minmax(18rem,22rem))}.products-showcase--compact .products-showcase-controls,.products-showcase--compact .products-showcase-indicators{display:none}.products-action-button{width:var(--products-action-button-width);flex:0 0 var(--products-action-button-width);max-width:100%}}@media (width>=1440px){.products-showcase-track:not(.products-showcase-track--one):not(.products-showcase-track--two):not(.products-showcase-track--three){grid-auto-columns:calc((100% - var(--space-8)) / 3)}.products-showcase-track{padding-inline:0}}@media (prefers-reduced-motion:reduce){.products-showcase-track{scroll-behavior:auto}.product-image,.products-showcase-control,.products-showcase-control:after,.products-showcase-indicator,.products-showcase-indicator:after{transition:none}.products-showcase-control:is(:hover,:focus-visible),.products-showcase-indicator:is(:hover,:focus-visible,.is-active),.product-card:is(:hover,:focus-within) .product-image{transform:none}}.site-section[data-section=about]{--section-highlight-color:var(--color-primary);background:linear-gradient(135deg, var(--color-background) 0%, color-mix(in srgb, var(--color-primary-light) 5%, var(--color-background)) 58%, color-mix(in srgb, var(--color-primary) 7%, var(--color-background-soft)) 100%);position:relative;overflow:hidden}.site-section[data-section=about]:before{content:"";border-radius:var(--radius-full);background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 68%);pointer-events:none;width:34rem;height:34rem;position:absolute;top:-10rem;right:-12rem}.site-section[data-section=about] .site-container{z-index:1;position:relative}.about-home-layout{align-items:start;gap:var(--space-10);grid-template-columns:minmax(0,1fr);display:grid}.about-home-content{min-width:0}.site-section[data-section=about] .about-home-header{text-align:left;width:100%;max-width:none;margin:0}.site-section[data-section=about] .about-home-header>.ui-badge{margin-bottom:var(--space-5)}.about-home-title{text-align:left;max-width:44rem;margin:0}.about-home-copy{gap:var(--space-4);max-width:48rem;margin-top:var(--space-5);display:grid}.about-home-copy p{color:var(--color-text);margin:0}.about-home-features{gap:var(--space-3);margin:var(--space-6) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.about-home-feature{grid-template-columns:var(--space-10) minmax(0, 1fr);align-items:center;gap:var(--space-4);min-width:0;color:var(--color-foreground);font-weight:700;display:grid}.about-home-feature-icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.about-home-feature-icon svg{width:var(--space-5);height:var(--space-5)}.about-home-action{margin-top:var(--space-6);display:flex}.about-home-highlight-card{background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 40%), linear-gradient(145deg, color-mix(in srgb, var(--color-primary-light) 7%, var(--color-surface)), var(--color-surface));min-width:0;overflow:hidden}.about-home-highlight-intro{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.about-home-highlight-number{color:var(--color-primary);font-family:var(--font-heading);letter-spacing:-.05em;font-weight:900;line-height:.95}.about-home-highlight-title{color:var(--color-foreground);text-align:center;margin:0}.about-home-highlight-description{max-width:23rem;margin:var(--space-4) auto 0;color:var(--color-text);text-align:center}.about-home-metrics{margin:var(--space-7) 0 0;gap:0;display:grid}.about-home-metric>dt{grid-template-columns:var(--space-10) minmax(0, 1fr);align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.about-home-metric-icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));color:var(--color-primary);justify-content:center;align-items:center;display:inline-flex}.about-home-metric-icon svg{width:var(--space-5);height:var(--space-5)}.about-home-metric>dt,.about-home-metric>dd{margin:0}.about-home-metric-label{color:var(--color-muted);font-size:var(--font-size-small);font-weight:700;line-height:var(--line-height-small);text-transform:uppercase;text-align:left}.about-home-metric>dd{padding:0 0 var(--space-4) calc(var(--space-10) + var(--space-4));color:var(--color-foreground);font-size:var(--font-size-p);text-align:left;font-weight:500;line-height:1.45}@media (width<=639px){.about-home-metric>dt{justify-items:center;gap:var(--space-3);padding-top:var(--space-5);text-align:center;grid-template-columns:1fr}.about-home-metric-label{text-align:center}.about-home-metric>dd{padding:0 0 var(--space-5);text-align:center}}@media (width>=640px){.about-home-features{gap:var(--space-4) var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.about-home-layout{align-items:center;gap:clamp(var(--space-8), 4vw, var(--space-16));grid-template-columns:minmax(0,1.55fr) minmax(21rem,.78fr)}.about-home-highlight-card{align-self:stretch}}@media (width>=1280px){.about-home-layout{grid-template-columns:minmax(0,1.6fr) minmax(22rem,.75fr)}}.site-section[data-section=blog]{--section-header-max-width:52rem;--section-description-max-width:46rem;--section-highlight-color:var(--color-primary);--section-action-margin-top:var(--space-10);--section-action-margin-top-desktop:var(--space-14,3.5rem);background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 38%, var(--color-background)) 100%)}.blog-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}.blog-item{min-width:0}.blog-card{width:100%;min-width:0;height:100%}.blog-card-link{border-radius:inherit;width:100%;height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card-link:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:-3px}.blog-card-media{aspect-ratio:4/3;border-radius:var(--theme-card-radius) var(--theme-card-radius) 0 0;background:linear-gradient(145deg, var(--color-surface), var(--color-background-soft));position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal) var(--transition-ease);display:block}.blog-card:is(:hover,:focus-within) .blog-card-image{transform:scale(1.035)}.blog-card-content{min-width:0;padding:var(--space-5);text-align:left;flex-direction:column;flex:1;display:flex}.blog-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.blog-card-category{flex-shrink:0}.blog-card-date{color:var(--color-foreground);opacity:.66;font-weight:600}.blog-card-title{color:var(--color-foreground);margin:0}.blog-card-description{margin:var(--space-3) 0 0;color:var(--color-muted)}.blog-card-reading-time{width:fit-content;padding-top:var(--space-4);color:var(--color-foreground);opacity:.62;margin-top:auto;font-weight:600;display:inline-flex}.blog-card-action{align-items:center;gap:var(--space-2);width:fit-content;margin-top:var(--space-5);color:var(--color-primary);transition:color var(--transition-fast) var(--transition-ease), transform var(--transition-fast) var(--transition-ease);margin-inline:auto;font-weight:800;display:inline-flex}.blog-card-link:is(:hover,:focus-visible) .blog-card-action{color:var(--color-primary-hover);transform:translateY(-1px)}.blog-card-action-icon{width:1rem;height:1rem;transition:transform var(--transition-fast) var(--transition-ease);flex:none}.blog-card-link:is(:hover,:focus-visible) .blog-card-action-icon{transform:translate(.1875rem)}@media (width>=768px){.blog-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.blog-item:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,22rem)}.blog-card-content{padding:var(--space-6)}}@media (width>=1024px){.blog-grid{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.blog-item:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}}@media (prefers-reduced-motion:reduce){.blog-card-image,.blog-card-action,.blog-card-action-icon{transition:none}.blog-card-link:is(:hover,:focus-visible) .blog-card-action,.blog-card:is(:hover,:focus-within) .blog-card-image,.blog-card-link:is(:hover,:focus-visible) .blog-card-action-icon{transform:none}}.site-section[data-section=portfolio]{--section-header-max-width:52rem;--section-description-max-width:46rem;--section-highlight-color:var(--color-primary);--section-action-margin-top:var(--space-10);--section-action-margin-top-desktop:var(--space-12);background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 44%, var(--color-background)) 100%)}.portfolio-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}.portfolio-item{min-width:0}.portfolio-item:only-child{grid-column:1/-1;justify-self:center;width:min(100%,22rem)}.portfolio-card{width:100%;min-width:0;height:100%}.portfolio-card-link{border-radius:inherit;width:100%;height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.portfolio-card-link:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:-3px}.portfolio-card-media{aspect-ratio:4/3;border-radius:var(--theme-card-radius) var(--theme-card-radius) 0 0;background:linear-gradient(145deg, var(--color-surface), var(--color-background-soft));position:relative;overflow:hidden}.portfolio-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal) var(--transition-ease);display:block}.portfolio-card:is(:hover,:focus-within) .portfolio-card-image{transform:scale(1.035)}.portfolio-card-content{min-width:0;padding:var(--space-5);text-align:left;flex-direction:column;flex:1;display:flex}.portfolio-card-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.portfolio-card-title{color:var(--color-foreground);margin:0}.portfolio-card-description{margin:var(--space-3) 0 0;color:var(--color-muted)}.portfolio-card-client{margin:var(--space-4) 0 0;color:var(--color-foreground);opacity:.82}.portfolio-card-client strong{font-weight:800}.portfolio-card-action{align-items:center;gap:var(--space-2);margin-top:auto;width:fit-content;padding-top:var(--space-5);color:var(--color-primary);transition:color var(--transition-fast) var(--transition-ease), transform var(--transition-fast) var(--transition-ease);margin-inline:auto;font-weight:800;display:inline-flex}.portfolio-card-link:is(:hover,:focus-visible) .portfolio-card-action{color:var(--color-primary-hover);transform:translateY(-1px)}.portfolio-card-action-icon{width:1rem;height:1rem;transition:transform var(--transition-fast) var(--transition-ease);flex:none}.portfolio-card-link:is(:hover,:focus-visible) .portfolio-card-action-icon{transform:translate(.1875rem)}@media (width>=768px){.portfolio-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-item:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,22rem)}.portfolio-card-content{padding:var(--space-6)}}@media (width>=1024px){.portfolio-grid{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-item:last-child:nth-child(odd):not(:only-child){grid-column:auto;justify-self:stretch;width:auto}}@media (prefers-reduced-motion:reduce){.portfolio-card-image,.portfolio-card-action,.portfolio-card-action-icon{transition:none}.portfolio-card-link:is(:hover,:focus-visible) .portfolio-card-action,.portfolio-card:is(:hover,:focus-within) .portfolio-card-image,.portfolio-card-link:is(:hover,:focus-visible) .portfolio-card-action-icon{transform:none}}.site-section[data-section=how-it-works]{--section-header-max-width:52rem;--section-description-max-width:46rem;--section-highlight-color:var(--color-accent);--section-grid-columns-tablet:2;--section-grid-columns-desktop:4;--section-grid-gap:var(--space-8);--section-action-max-width:48rem;--section-action-margin-top-desktop:var(--space-16);background:linear-gradient(180deg, color-mix(in srgb, var(--color-background-soft) 48%, var(--color-background)) 0%, var(--color-background) 100%)}.how-it-works-grid{margin:0;padding:0;list-style:none}.how-it-works-step{align-items:start;column-gap:var(--space-4);row-gap:var(--space-3);grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr);min-width:0;height:100%;display:grid;position:relative;overflow:hidden}.how-it-works-step>:not(.how-it-works-number){z-index:1;position:relative}.how-it-works-number{top:-.75rem;right:var(--space-3);color:color-mix(in srgb, var(--color-accent) 10%, transparent);font-family:var(--font-heading);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:5.5rem;font-weight:900;line-height:1;position:absolute}.how-it-works-icon{border:1px solid color-mix(in srgb, var(--color-accent) 36%, var(--color-border));border-radius:var(--theme-card-radius);background:color-mix(in srgb, var(--color-accent) 9%, transparent);width:3.5rem;height:3.5rem;color:var(--color-accent);flex-shrink:0;grid-area:1/1/span 2;justify-content:center;align-items:center;display:inline-flex}.how-it-works-icon>svg{width:var(--space-6);height:var(--space-6)}.how-it-works-step-title{min-width:0;color:var(--color-foreground);grid-area:1/2;margin:0}.how-it-works-step-description{min-width:0;color:var(--color-muted);grid-area:2/2;margin:0}@media (width>=1024px){.how-it-works-step{column-gap:var(--space-3)}}}