@layer components {
.lightbox{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-on-primary);background:rgb(var(--shade) / .9);-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox[open]{animation:lightboxIn var(--time-300) var(--ease);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.lightbox::backdrop{background:0 0}.lightbox__top{align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-16);grid-template-columns:1fr auto 1fr;display:grid}.lightbox__title{color:inherit;font:italic 300 var(--fs-20)/var(--leading-tight) var(--display);margin:0}.lightbox__title span{margin-bottom:var(--space-2);font:400 var(--fs-10)/var(--leading-none) var(--font);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--color-label-inverse);display:block}.lightbox__count{color:inherit;font:300 var(--text-base)/var(--leading-none) var(--display);letter-spacing:var(--track-wider);margin:0}.lightbox__count i{margin:0 var(--space-4);color:var(--color-label-inverse);font-style:normal}.lightbox__tools{justify-self:end;gap:var(--space-4);display:flex}.lightbox__tool{width:44px;height:44px;color:inherit;cursor:pointer;transition:transform var(--time-400) var(--press), scale var(--time-400) var(--press);background:0 0;border:0;place-items:center;padding:0;display:grid}@media (hover:hover){.lightbox__close:hover{transform:rotate(90deg)}.lightbox__zoom:hover{scale:var(--hover-scale)}}.lightbox__tool:active{scale:var(--squeeze-md);transition-duration:var(--time-100)}.lightbox__tool:focus-visible,.lightbox__thumbs button:focus-visible{outline:1px solid var(--color-on-primary);outline-offset:3px}.lightbox__stage{min-height:0;padding:0 var(--space-16) var(--space-48);touch-action:pan-y;place-items:center;display:grid;position:relative}.lightbox__figure{max-width:100%;min-height:0;max-height:100%;padding:clamp(var(--space-6), 1.2vw, var(--space-16));background:var(--color-sheet);box-shadow:var(--shadow-4);animation:lightboxFigure var(--time-400) var(--ease-out);margin:0;display:grid}.lightbox__figure img{object-fit:contain;-webkit-user-select:none;user-select:none;filter:brightness(1.04)contrast(1.02);touch-action:none;cursor:zoom-in;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 260px);display:block}.lightbox__figure--zoomed{box-shadow:none;background:0 0}.lightbox__figure--zoomed img{cursor:grab}.lightbox__top,.lightbox__thumbs{z-index:var(--z-raised);transition:background-color var(--time-300) var(--ease);position:relative}.lightbox--zoomed .lightbox__top,.lightbox--zoomed .lightbox__thumbs{background:rgb(var(--shade) / .75)}@media (prefers-reduced-motion:no-preference){.lightbox__figure img{transition:transform var(--time-300) var(--ease-out)}.lightbox__figure img[data-moving]{transition:none}}.lightbox__arrow{color:var(--color-on-primary);position:absolute;bottom:-2px}.lightbox__arrow--left{left:4px}.lightbox__arrow--right{right:4px}.lightbox__arrow:focus-visible{outline-color:var(--color-on-primary)}.lightbox__thumbs{justify-content:center;gap:var(--space-8);padding:var(--space-14) var(--space-16) calc(var(--space-14) + env(safe-area-inset-bottom));scrollbar-width:none;display:flex;overflow-x:auto}.lightbox__thumbs button{aspect-ratio:1200/779;background:var(--color-sheet);opacity:.45;cursor:pointer;transition:opacity var(--time-300) var(--ease), transform var(--time-400) var(--press), scale var(--time-400) var(--press);border:0;flex:0 0 62px;padding:0}.lightbox__thumbs img{object-fit:contain;width:100%;height:100%;display:block}@media (hover:hover){.lightbox__thumbs button:hover{opacity:.8}}.lightbox__thumbs button.on{opacity:1;outline:1px solid var(--color-on-primary);outline-offset:3px}.lightbox__thumbs button:active{scale:var(--squeeze-md);transition-duration:var(--time-100)}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxFigure{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lightbox[open],.lightbox__figure{animation:none}}@media (min-width:1000px){.lightbox__top{padding:var(--space-20) var(--space-32)}.lightbox__stage{padding:0 var(--space-96)}.lightbox__figure img{max-height:calc(100dvh - 210px)}.lightbox__arrow{top:50%;bottom:auto;translate:0 -50%}.lightbox__arrow--left{left:28px}.lightbox__arrow--right{right:28px}}
}

@layer components {
.back-to-top{z-index:var(--z-floating);background:var(--color-primary);width:46px;height:46px;color:var(--color-on-primary);box-shadow:var(--shadow-float);cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--time-200) var(--ease), transform var(--time-500) var(--press), scale var(--time-500) var(--press), visibility var(--time-0) linear var(--time-200);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:18px;right:18px;transform:translateY(16px)scale(.7)}.back-to-top.on{opacity:1;pointer-events:auto;visibility:visible;transition-delay:var(--time-0);transform:none}@media (hover:hover){.back-to-top:hover{transform:scale(var(--hover-scale))}}.back-to-top:active{scale:var(--squeeze-md);transition-duration:var(--time-100)}.float-cta{z-index:var(--z-floating);gap:var(--space-8);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--time-200) var(--ease), transform var(--time-500) var(--press), scale var(--time-500) var(--press), visibility var(--time-0) linear var(--time-200);display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%,16px)scale(.85)}.float-cta.on{opacity:1;pointer-events:auto;visibility:visible;transition-delay:var(--time-0);transform:translate(-50%)}.float-cta a{align-items:center;gap:var(--space-8);min-height:44px;padding:var(--space-12) var(--space-20);font:500 var(--text-xs) var(--font);letter-spacing:var(--track-wider);text-transform:uppercase;white-space:nowrap;box-shadow:var(--shadow-1);transition:transform var(--time-400) var(--press), scale var(--time-400) var(--press);border-radius:99px;display:inline-flex}.float-cta a:active{scale:var(--squeeze-md);transition-duration:var(--time-100)}.float-cta .float-cta__call{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-blade)}.float-cta__call span:last-child{display:none}.float-cta__quote{background:var(--color-primary);color:var(--color-on-primary)}@media (min-width:1000px){.float-cta{left:auto;right:78px;transform:translateY(16px)scale(.85)}.float-cta.on{transform:none}.float-cta .float-cta__quote,.float-cta__call span:first-of-type{display:none}.float-cta__call span:last-child{letter-spacing:var(--track-snug);font-size:var(--fs-13);display:inline}}
}

@layer components {
.sample-tag{padding:var(--space-2) var(--space-8);background:var(--color-surface-alt);color:var(--color-text-muted);font:var(--font-label-xs);letter-spacing:var(--track-wider);text-transform:uppercase;border-radius:99px}
}

@layer utilities {
.skip-link{z-index:var(--z-skip);padding:var(--space-12) var(--space-20);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);position:fixed;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-14{margin-top:var(--space-14)}.mt-20{margin-top:var(--space-20)}.mt-24{margin-top:var(--space-24)}.mt-28{margin-top:var(--space-28)}.mb-24{margin-bottom:var(--space-24)}.page-end{padding-bottom:var(--page-end)}.row-center{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}
}

@layer reset,tokens,base,primitives,components,utilities;
