.util .user svg{color:var(--ink-2)}.util .user a.accent{color:var(--ink);font-weight:500}.util .user a.accent:hover{border-bottom-color:var(--ink);color:var(--ink)}.reviews-marquee{--reviews-cards:4;--reviews-gap:24px;overflow:hidden;position:relative}.reviews-track{display:flex;gap:var(--reviews-gap);width:max-content;transform:translateX(0);transition:transform .5s cubic-bezier(.4,.0,.2,1);will-change:transform}.reviews-track.no-anim{transition:none}.reviews-track>.review{flex:0 0 calc( (min(100vw - 2 * var(--pad),var(--w-shell)) - var(--reviews-gap) * (var(--reviews-cards) - 1)) / var(--reviews-cards) );min-width:0}@media (prefers-reduced-motion:reduce){.reviews-track{transition:none}}.reviews-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);border:1px solid var(--line-2);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-card-hover);transition:background .15s,border-color .15s,color .15s}.reviews-arrow:hover{background:var(--ink);color:var(--cta-fg);border-color:var(--ink)}.reviews-arrow svg{width:18px;height:18px;stroke:currentColor;fill:none}.reviews-arrow-prev{left:var(--s-2)}.reviews-arrow-next{right:var(--s-2)}.ig-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-2)}.ig{position:relative;aspect-ratio:9/16;background:var(--paper-2);overflow:hidden;cursor:pointer}body.mobile-mode .reviews-marquee{--reviews-cards:1.4;--reviews-gap:16px}@media (max-width:1100px){.reviews-marquee{--reviews-cards:3}}@media (max-width:900px){.reviews-marquee{--reviews-cards:2.2}.ig-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.util a,.lang a,.nav>a,.util .socials a{min-height:44px;display:inline-flex;align-items:center}.reviews-marquee{--reviews-cards:1.8;--reviews-gap:14px}.ig-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.promo-split .num{font-size:clamp(40px,14vw,64px)}.reviews-marquee{--reviews-cards:1.15;--reviews-gap:12px}.ig-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-1h)}}@media (max-width:767px){.hero{aspect-ratio:var(--aspect-hero-mobile);width:100%}.hero:has(.hero-carousel),.hero[data-hero-variant="1B"],.hero[data-hero-variant="1C"],.hero[data-hero-variant="2B"],.hero[data-hero-variant="2C"]{aspect-ratio:auto}.hero img,.hero picture,.hero source{width:100%;height:100%;object-fit:cover}.hero-content{padding:var(--s-5) var(--s-4)}.hero-content .hero-title{text-align:center}.hero-content .hero-cta{width:100%}.hero-content .cta-row{flex-direction:column;gap:var(--s-3)}}@media (max-width:767px){.shell{--space-section:var(--s-7)}section + section{margin-block-start:var(--space-section)}}body:is([data-page="homepage-hero-examples"],[data-page="home"]){}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gallery-intro{padding:var(--s-9) 0 var(--s-8);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s-5)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-meta{display:flex;align-items:center;gap:var(--s-3h);font-family:var(--font-mono);font-size:var(--t-nano);color:var(--muted);letter-spacing:var(--tracking-wider);text-transform:uppercase}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-tag{color:var(--accent-ink);font-weight:600}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-rule{flex:0 0 80px;height:1px;background:var(--line-2)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-file{color:var(--ink)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-title{font-family:var(--font-display);font-size:clamp(38px,5vw,64px);font-weight:var(--weight-display,500);letter-spacing:var(--tracking-display,-0.03em);line-height:var(--lh-display);margin:0;max-width:22ch}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-sub{color:var(--body);font-size:var(--t-body);line-height:var(--lh-body);max-width:64ch;margin:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-toc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1h) var(--s-2h);margin-top:var(--s-3h);font-family:var(--font-mono);font-size:var(--t-nano);letter-spacing:var(--tracking-wide)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-toc a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 var(--s-2);border:1px solid var(--line);color:var(--ink);transition:all .15s;text-decoration:none}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-toc a:hover{background:var(--ink);color:var(--cta-fg);border-color:var(--ink)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .gi-toc .gi-rule{flex:0 0 24px;margin:0 var(--s-1)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .variant-group{margin-top:var(--space-section)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .vg-head{padding:48px 0 28px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:var(--s-2h)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .vg-kicker{font-family:var(--font-mono);font-size:var(--t-nano);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-ink);font-weight:600}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .vg-title{font-family:var(--font-display);font-size:clamp(28px,3.2vw,40px);font-weight:var(--weight-display,500);letter-spacing:var(--tracking-display,-.02em);line-height:var(--lh-display);margin:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .vg-note{color:var(--body);font-size:var(--t-small);line-height:var(--lh-body);max-width:78ch;margin:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .variant-row{margin-top:var(--space-section)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .variant-row .vr-label{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--s-4h);padding:14px 0 18px;margin-bottom:var(--s-5);border-bottom:1px solid var(--line)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .variant-row .vr-code{font-family:var(--font-mono);font-size:var(--t-nano);letter-spacing:var(--tracking-uppercase-md);color:var(--cta-fg);background:var(--ink);padding:5px 10px;text-transform:uppercase;font-weight:600;line-height:var(--lh-flat)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .variant-row .vr-name{font-family:var(--font-display);font-size:var(--t-h6);font-weight:var(--weight-display,500);letter-spacing:var(--tracking-display,-.01em);color:var(--ink);line-height:var(--lh-snug)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .variant-row .vr-meta{font-family:var(--font-mono);font-size:var(--t-nano);color:var(--muted);letter-spacing:var(--tracking-mono);text-align:right}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .variant-row>.hero{margin-top:0}body[data-page="homepage-hero-examples"] .hero{margin-top:36px}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero.full{padding:0 var(--pad)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero.full.v1A{padding:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .ph{background:var(--paper-2);position:relative;overflow:hidden}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .ph::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%),radial-gradient(ellipse at var(--ph-x,70%) var(--ph-y,35%),rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 60%)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .ph .crop{position:absolute;bottom:var(--s-2h);left:var(--s-3);right:var(--s-3);font-family:var(--font-mono);font-size:var(--t-super-nano);color:rgba(0,0,0,.4);letter-spacing:var(--tracking-mono);display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:2}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .ph .crop span:last-child{text-align:right;opacity:.6}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .ph .fig{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:64px;font-weight:300;letter-spacing:var(--tracking-display);color:rgba(0,0,0,.12);z-index:1}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider{position:relative;aspect-ratio:21 / 9;background:var(--paper-2);overflow:hidden}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider{aspect-ratio:21 / 8}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .copy{padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:center;gap:var(--s-5);position:relative;z-index:2}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .eyebrow{font-size:var(--t-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-ink);font-weight:600}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider h2{font-family:var(--font-display);font-size:clamp(32px,3.6vw,56px);font-weight:var(--weight-display,500);letter-spacing:var(--tracking-display,-0.02em);line-height:var(--lh-display);margin:0;max-width:14ch}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider h2{font-size:clamp(26px,2.6vw,44px);line-height:var(--lh-display);max-width:12ch}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .sub{color:var(--body);font-size:var(--t-body);max-width:44ch;line-height:var(--lh-body)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .ctas{display:flex;gap:var(--s-3);margin-top:var(--s-1h)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .cta{display:inline-flex;align-items:center;gap:var(--s-2h);background:var(--cta-bg);color:var(--cta-fg);padding:14px 28px;border-radius:var(--radius-s);font-size:var(--t-caption);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:500;border:1px solid var(--cta-bg);transition:all .2s;cursor:pointer;text-decoration:none}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .cta:hover{background:transparent;color:var(--cta-bg)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .cta.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .cta.ghost:hover{background:var(--ink);color:var(--cta-fg)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .media{position:relative}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .media .ph{position:absolute;inset:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface-translucent);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);transition:all .2s;z-index:4}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .arrow:hover{background:var(--paper);border-color:var(--ink);box-shadow:var(--shadow-card-pop)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .arrow.l{left:var(--s-5)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .arrow.r{right:var(--s-5)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .arrow svg{width:14px;height:14px;stroke:var(--ink);fill:none;stroke-width:1.5}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider{overflow:visible}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider .stage{position:absolute;inset:0;display:grid;grid-template-columns:55% 45%;overflow:hidden;animation:ol-slider-fade 0.35s ease-out}@keyframes ol-slider-fade{0%{opacity:0;transform:translateX(8px)}100%{opacity:1;transform:translateX(0)}}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider[data-copy-side="left"] .stage{grid-template-columns:55% 45%}@media (min-width:1600px){body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider .arrow.l{left:-68px}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider .arrow.r{right:-68px}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider .arrow{background:var(--paper);border-color:var(--line);backdrop-filter:none}}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider{}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .stage{position:absolute;inset:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .stage .media{position:absolute;inset:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .stage .media .ph{position:absolute;inset:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .copy-shell{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider[data-copy-side="right"] .copy-shell{justify-content:flex-end}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider[data-copy-side="left"] .copy-shell{justify-content:flex-start}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .copy-shell .copy{pointer-events:auto;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.86) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-width:min(560px,46%);padding:clamp(28px,3.5vw,56px);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-popover)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider-indicators{display:flex;justify-content:center;padding:18px 0 4px}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider-indicators .dots{display:flex;gap:var(--s-1h)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider-indicators .dots i{width:32px;height:2px;background:rgba(0,0,0,.18);display:block;cursor:pointer;transition:background .2s,width .2s}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider-indicators .dots i:hover{background:rgba(0,0,0,.4)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider-indicators .dots i.on{background:var(--ink);width:48px}@media (max-width:767px){body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .copy-shell{align-items:flex-end;padding-bottom:18px}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .copy-shell .copy{max-width:calc(100% - 16px);margin:0 var(--s-2);padding:18px 20px}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider h2{font-size:clamp(22px,7vw,32px)}}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-grid{display:grid;gap:var(--s-3h)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-grid.n3{grid-template-columns:1fr 1fr 1fr}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-grid.n2{grid-template-columns:1fr 1fr}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile{position:relative;background:var(--paper-2);overflow:hidden;aspect-ratio:1 / 1;display:block;text-decoration:none;color:inherit;isolation:isolate}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.portrait{aspect-ratio:9 / 16}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .ph{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,.7,.2,1)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .ph picture,body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .media .ph picture{display:block;width:100%;height:100%}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .ph img,body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .media .ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-6);background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.35) 100%);z-index:2;transition:background .35s ease}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .eyebrow{font-size:var(--t-nano);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--cta-fg);opacity:.9;margin-bottom:var(--s-1h);font-weight:500;transform:translateY(0);transition:transform .35s ease,opacity .35s ease}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile h3{font-family:var(--font-display);font-size:clamp(24px,2.6vw,38px);font-weight:var(--weight-display,500);letter-spacing:var(--tracking-display,-0.02em);color:var(--cta-fg);margin:0;line-height:var(--lh-flat);transform:translateY(0);transition:transform .35s ease}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .tcta{margin-top:var(--s-3h);align-self:flex-start;font-size:var(--t-micro);letter-spacing:var(--tracking-uppercase-sm);text-transform:uppercase;color:var(--cta-fg);font-weight:500;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:3px;position:relative;transition:border-color .25s ease,padding-right .35s ease}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .corner{position:absolute;top:var(--s-3h);right:var(--s-4);z-index:3;font-family:var(--font-mono);font-size:var(--t-super-nano);color:rgba(255,255,255,.75);letter-spacing:var(--tracking-mono)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .vplay{position:absolute;top:var(--s-3h);left:var(--s-4);z-index:3;display:inline-flex;align-items:center;gap:var(--s-1h);font-family:var(--font-mono);font-size:var(--t-super-nano);color:var(--cta-fg);background:rgba(0,0,0,.35);padding:var(--s-1) var(--s-2);border-radius:var(--radius-s);letter-spacing:var(--tracking-mono)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile .vplay::before{content:"▶";font-size:8px}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.is-link{cursor:pointer}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.is-link:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}@media (hover:hover){body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.is-link:hover .ph{transform:scale(1.045)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.is-link:hover .overlay{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.55) 100%)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.is-link:hover .eyebrow{transform:translateY(-2px);opacity:1}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.is-link:hover h3{transform:translateY(-2px)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-tile.is-link:hover .tcta{border-bottom-color:var(--cta-fg);padding-right:var(--s-3h)}}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel{position:relative;overflow-x:clip}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .arrows{display:flex;gap:var(--s-1h);position:absolute;top:-50px;right:0}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .arrows button{width:44px;height:44px;border:1px solid var(--line-2);background:var(--paper);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--ink)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .arrows button:hover{border-color:var(--ink);background:var(--ink);color:var(--cta-fg)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .arrows svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .track{display:grid;gap:var(--s-3h);grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--s-1)}@media (min-width:768px){body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .track{grid-auto-columns:calc((100% - 14px) / 2)}}@media (min-width:1320px){body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .track{grid-auto-columns:calc((100% - 14px * 2) / 3)}}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .track::-webkit-scrollbar{display:none}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .track>.hero-tile{scroll-snap-align:start}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .pager{display:flex;justify-content:center;gap:var(--s-1h);margin-top:var(--s-4h)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .pager i{width:24px;height:2px;background:var(--line-2);display:block;cursor:pointer;transition:background .2s ease,width .2s ease}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .pager i:hover{background:rgba(0,0,0,.4)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-carousel .pager i.on{background:var(--ink);width:40px}@media (max-width:767px){body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-grid.n3,body:is([data-page="homepage-hero-examples"],[data-page="home"]) .hero-grid.n2{grid-template-columns:1fr}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .slider .stage{grid-template-columns:1fr}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider{aspect-ratio:auto;overflow:hidden}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider .stage{position:static;display:flex;flex-direction:column}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider .media{display:block;position:relative;aspect-ratio:16 / 10;width:100%}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider .copy{padding:var(--s-5) var(--s-4h);gap:var(--s-3h)}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v2A .slider h2{font-size:clamp(24px,6.5vw,32px);max-width:none}body:is([data-page="homepage-hero-examples"],[data-page="home"]) .v1A-slider .media{display:block}}body[data-page="homepage-product-collections"]{}body[data-page="homepage-product-collections"] .gallery-intro{padding:var(--s-9) 0 var(--s-6);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s-4h)}body[data-page="homepage-product-collections"] .gi-meta{display:flex;align-items:center;gap:var(--s-3h);font-family:var(--font-mono);font-size:var(--t-nano);color:var(--muted);letter-spacing:var(--tracking-wider);text-transform:uppercase}body[data-page="homepage-product-collections"] .gi-tag{color:var(--accent-ink);font-weight:600}body[data-page="homepage-product-collections"] .gi-rule{flex:0 0 80px;height:1px;background:var(--line-2)}body[data-page="homepage-product-collections"] .gi-file{color:var(--ink)}body[data-page="homepage-product-collections"] .gi-title{font-family:var(--font-display);font-size:clamp(38px,5vw,64px);font-weight:var(--weight-display,500);letter-spacing:var(--tracking-display,-0.03em);line-height:var(--lh-display);margin:0;max-width:24ch}body[data-page="homepage-product-collections"] .gi-sub{color:var(--body);font-size:var(--t-body);line-height:var(--lh-body);max-width:64ch;margin:0}body[data-page="homepage-product-collections"] .gi-toc{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1h) var(--s-2h);margin-top:var(--s-2);font-family:var(--font-mono);font-size:var(--t-nano);letter-spacing:var(--tracking-wide)}body[data-page="homepage-product-collections"] .gi-toc a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 var(--s-2);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:all .15s}body[data-page="homepage-product-collections"] .gi-toc a:hover{background:var(--ink);color:var(--cta-fg);border-color:var(--ink)}body[data-page="homepage-product-collections"] .gi-toc .gi-rule{flex:0 0 24px;margin:0 var(--s-1)}.coll-group{margin-top:var(--space-section)}.coll-group .cg-head{padding:48px 0 22px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:var(--s-2)}.coll-group .cg-kicker{font-family:var(--font-mono);font-size:var(--t-nano);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-ink);font-weight:600}.coll-group .cg-title{font-family:var(--font-display);font-size:var(--t-h3);font-weight:var(--weight-display,500);letter-spacing:var(--tracking-display,-0.025em);line-height:var(--lh-display);margin:0}.coll-group .cg-note{color:var(--body);font-size:var(--t-caption);margin:0;max-width:64ch}.coll-rail{margin-top:var(--space-block,48px)}.coll-rail .cr-label{display:flex;align-items:baseline;gap:var(--s-3);padding:var(--s-3h) 0 var(--s-3);font-family:var(--font-mono);font-size:var(--t-nano);color:var(--muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-bottom:1px solid var(--line);margin-bottom:22px}.coll-rail .cr-code{color:var(--ink);font-weight:600;padding:var(--s-0h) var(--s-1h);border:1px solid var(--line-2);border-radius:var(--radius-s);font-size:var(--t-nano)}.coll-rail .cr-name{color:var(--ink)}.coll-rail .cr-meta{margin-left:auto;color:var(--muted);text-align:right}.coll-rail .carousel{padding-bottom:var(--s-1h);scroll-snap-type:none}.coll-rail .card{scroll-snap-align:none}.coll-rail[data-width="bleed-right"] .carousel{margin-right:calc(50% - 50vw);padding-right:var(--pad);padding-bottom:18px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.coll-rail[data-width="bleed-right"] .carousel::-webkit-scrollbar{display:block;height:8px}.coll-rail[data-width="bleed-right"] .carousel::-webkit-scrollbar-track{background:transparent}.coll-rail[data-width="bleed-right"] .carousel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--radius-m)}.coll-rail[data-width="bleed-right"] .carousel::-webkit-scrollbar-thumb:hover{background:var(--ink)}.coll-rail[data-width="bleed-right"] .carousel.xxl{grid-auto-columns:calc((min(100vw,var(--w-shell)) - 2*var(--pad) - 16px*2) / 3)}.coll-rail[data-width="bleed-right"] .carousel.xl{grid-auto-columns:calc((min(100vw,var(--w-shell)) - 2*var(--pad) - 16px*3) / 4)}.coll-rail[data-width="bleed-right"] .carousel.l{grid-auto-columns:calc((min(100vw,var(--w-shell)) - 2*var(--pad) - 16px*4) / 5)}.card.has-indicators.p2 .img .ph-zones,.card.has-indicators.p2 .img .ph-dots{display:none}.card.has-indicators.p2:hover .img .ph[data-idx="0"]{opacity:0}.card.has-indicators.p2:hover .img .ph[data-idx="1"]{opacity:1}.card.has-indicators.p2 .img .ph[data-idx="1"] .fig{background:linear-gradient(135deg,#4a3d38 0%,#2a2320 100%)}.card.has-indicators.p2 .img .ph[data-idx="1"] .vplay{position:absolute;bottom:var(--s-3h);right:var(--s-3h);z-index:2;display:inline-flex;align-items:center;gap:var(--s-1h);font-family:var(--font-mono);font-size:var(--t-super-nano);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:500;background:var(--scrim-overlay);color:var(--cta-fg);padding:5px 8px;border-radius:var(--radius-xs);pointer-events:none}.card.has-indicators.p2 .img .ph[data-idx="1"] .vplay svg{width:9px;height:9px;fill:currentColor}.card.has-indicators.p2.no-video .img .ph[data-idx="1"] .vplay{display:none}.card.has-indicators.p2.no-video .img .ph[data-idx="1"] .fig{background:#e8d5c4}body.mobile-mode .coll-rail[data-width="bleed-right"] .carousel.xxl,body.mobile-mode .coll-rail[data-width="bleed-right"] .carousel.xl,body.mobile-mode .coll-rail[data-width="bleed-right"] .carousel.l{grid-auto-columns:calc((100vw - 2*var(--pad) - 16px)/2)}body.mobile-mode .coll-rail .section-head .arrows{display:none}@media (max-width:1024px){.coll-rail .carousel.xxl,.coll-rail .carousel.xl,.coll-rail .carousel.l,.coll-rail[data-width="bleed-right"] .carousel.xxl,.coll-rail[data-width="bleed-right"] .carousel.xl,.coll-rail[data-width="bleed-right"] .carousel.l{grid-auto-columns:calc((100% - 16px) / 2) !important}}@media (max-width:600px){.coll-rail .carousel.xxl,.coll-rail .carousel.xl,.coll-rail .carousel.l,.coll-rail[data-width="bleed-right"] .carousel.xxl,.coll-rail[data-width="bleed-right"] .carousel.xl,.coll-rail[data-width="bleed-right"] .carousel.l{grid-auto-columns:calc(100% - 32px) !important;gap:var(--s-3)}}@media (max-width:767px){.coll-rail .section-head .arrows{display:none}}