.ffg{--paper:#ede9e1;--ink:#1d2b22;--serif:Baskerville,"Iowan Old Style",Georgia,serif;--sans:"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);display:flex;flex-direction:column;min-height:0;flex:1;font-family:var(--serif)}.ffg [hidden]{display:none!important}.ffg button,.ffg a{color:inherit;font:inherit;letter-spacing:inherit}.ffg button{border:0;border-radius:0;padding:0;background:transparent;cursor:pointer;box-shadow:none}.ffg button:focus-visible,.ffg a:focus-visible,.ffg-viewport:focus-visible{outline:1px solid currentColor;outline-offset:5px}.ffg-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:22px;padding-bottom:14px;flex:none}.ffg .ffg-heading :is(h1,h2){font:400 clamp(36px,4.1vw,74px)/1.06 var(--serif);letter-spacing:-.035em;margin:0}.ffg-heading :is(h1,h2) em{display:block;font-weight:400}.ffg .ffg-heading p{font:16px/1.4 var(--serif);margin:12px 0 0}.ffg-links{display:flex;gap:28px;padding-bottom:6px;flex-wrap:wrap}.ffg .ffg-links a,.ffg .ffg-links button{font:10px/1.5 var(--sans);letter-spacing:.1em;text-decoration:none;white-space:nowrap}.ffg .ffg-links a:hover,.ffg .ffg-links button:hover{text-decoration:underline;text-underline-offset:5px}.ffg-viewport{flex:1;min-height:0;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;isolation:isolate}.ffg-viewport::-webkit-scrollbar{display:none}.ffg-viewport.is-dragging,.ffg-viewport.is-dragging button{cursor:grabbing}.ffg-canvas{position:relative;height:100%;min-height:300px;width:400%;-webkit-user-select:none;user-select:none}.ffg .ffg-item{position:absolute;top:0;left:0;display:block;overflow:hidden;will-change:transform;cursor:grab}.ffg-item img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ffg-item:focus-visible{z-index:10!important;outline-offset:3px}.ffg-bottom{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:15px 0 18px;font:9px/1.4 var(--sans);letter-spacing:.12em;flex:none}.ffg-position{width:130px;display:flex}.ffg-position input{width:100%;height:2px;accent-color:var(--ink);cursor:ew-resize}.ffg-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.ffg-filter{font:12px var(--sans);padding:10px 0}.ffg-filter select{margin-left:15px;background:transparent;color:inherit}.ffg-dialog{color:var(--ink);background:var(--paper);border:0;border-radius:0;width:min(1200px,94vw);max-width:94vw;max-height:90svh;padding:25px;overscroll-behavior:contain}.ffg-dialog::backdrop{background:#0f1913cc}.ffg-dialog-top{display:flex;justify-content:space-between;align-items:center;font:10px/1.4 var(--sans);letter-spacing:.13em;margin-bottom:20px}.ffg-dialog-top button{min-height:32px;min-width:64px}.ffg-viewer{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:30px;align-items:center}.ffg-viewer>img{width:100%;height:65svh;object-fit:contain}.ffg-viewer-copy>span,.ffg-viewer-copy>a{font:11px/1.4 var(--sans);letter-spacing:.08em}.ffg-viewer h3{font:400 36px/1.1 var(--serif);margin:15px 0}.ffg-viewer p{font:18px/1.4 var(--serif);margin:15px 0}.ffg-viewer-controls{display:flex;align-items:center;gap:22px;margin-top:30px;font:12px var(--sans)}.ffg-viewer-controls button{min-width:40px;min-height:44px}.ffg-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ffg-overview button{text-align:left;font:14px var(--serif)}.ffg-overview img{display:block;width:100%;height:180px;object-fit:cover;margin-bottom:8px}.futur-grillz .grillz-gallery{background:var(--paper);color:var(--ink)}@media(min-width:1000px)and (min-height:650px)and (pointer:fine){.ffg-canvas{min-height:0}.ffg .ffg-heading :is(h1,h2){font-size:min(4.1vw,6.7vh)}.ffg-heading{padding-top:16px}}@media(max-width:999px),(max-height:649px){.futur-grillz .grillz-gallery{padding-top:30px;padding-bottom:30px}.ffg-viewport{height:450px;flex:none}.ffg-heading{align-items:start;flex-direction:column;gap:20px}.ffg .ffg-heading :is(h1,h2){font-size:44px}.ffg-links{gap:22px}.ffg-bottom{gap:12px}.ffg-position{width:80px}.ffg-dialog{padding:18px}.ffg-viewer{display:flex;flex-direction:column;gap:12px;align-items:stretch}.ffg-viewer>img{height:48svh}.ffg-viewer h3{font-size:27px}.ffg-viewer-controls{margin-top:15px}.ffg-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.ffg-overview img{height:150px}}@media(prefers-reduced-motion:reduce){.ffg *{scroll-behavior:auto!important}}.ffg[data-mode=portfolio] .ffg-viewport{height:65svh;min-height:400px;flex:none}.ffg .ffg-viewer h3{color:var(--ink)}.ffg .ffg-viewer-copy{min-width:0}.ffg{position:relative;isolation:isolate;--serif:Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif}.ffg-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;z-index:12;font:10px/1.5 var(--sans);letter-spacing:.12em;padding:4px 0}.ffg .ffg-heading{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:max-content;max-width:90%;z-index:10;padding:0;pointer-events:none;text-align:left;display:block}.ffg .ffg-heading :is(h1,h2){font:400 clamp(42px,5.4vw,92px)/1.08 var(--serif);letter-spacing:-.035em;color:var(--ink);text-shadow:0 1px 14px var(--paper)}.ffg .ffg-heading :is(h1,h2) em{font-family:var(--serif);font-style:italic;font-weight:400;margin-left:.65em;white-space:nowrap}.ffg .ffg-viewport{position:absolute;top:44px;right:0;bottom:48px;left:0;height:auto;min-height:0;width:100%;z-index:1}.ffg .ffg-canvas{min-height:0}.ffg .ffg-bottom{position:absolute;inset:auto 0 0;z-index:12;padding:12px 0 6px;gap:18px}.ffg .ffg-position{position:absolute;left:50%;transform:translate(-50%);width:100px}.ffg .ffg-count{position:absolute;left:calc(50% + 68px);font-size:8px}.ffg .ffg-links{padding:0;gap:0}.ffg .ffg-links a,.ffg .ffg-links button{display:inline-flex;gap:7px;align-items:center;min-height:30px}.ffg .ffg-links a:hover,.ffg .ffg-links button:hover{font-family:var(--serif);font-style:italic;text-decoration:none}.ffg .ffg-links span{display:inline-block;transition:transform .2s}.ffg .ffg-links a:hover span,.ffg .ffg-links button:hover span{transform:translate(3px)}.futur-grillz .grillz-gallery>.grillz-section-label{display:none}.futur-grillz .grillz-gallery>.grillz-return{margin-top:14px;font-size:9px;align-self:flex-start}.ffg[data-mode=portfolio]{height:75svh;min-height:550px}.ffg[data-mode=portfolio] .ffg-viewport{height:auto;min-height:0}.ffg .ffg-filter{position:absolute;left:0;top:30px;z-index:12}@media(max-width:999px),(max-height:649px){.futur-grillz .grillz-gallery{display:flex;flex-direction:column;padding:22px 6% 20px;min-height:0}.grillz-gallery .ffg{flex:none;height:calc(100svh - 145px);min-height:560px}.ffg .ffg-heading :is(h1,h2){font-size:clamp(30px,7.7vw,62px)}.ffg .ffg-heading :is(h1,h2) em{margin-left:.25em}.ffg .ffg-top{font-size:8px;gap:12px}.ffg .ffg-links a,.ffg .ffg-links button{font-size:8px;letter-spacing:.07em}.ffg .ffg-bottom{font-size:8px;gap:10px;padding-bottom:4px}.ffg .ffg-position{bottom:33px;width:70px}.ffg .ffg-count{bottom:29px;left:calc(50% + 46px);font-size:7px}.ffg .ffg-viewport{top:40px;right:0;bottom:62px;left:0}}@media(prefers-reduced-motion:reduce){.ffg .ffg-links span{transition:none}}.ffg .ffg-viewport{scroll-snap-type:none;scroll-behavior:auto}.ffg .ffg-canvas{overflow:clip}.futur-portfolio{padding:30px 4.5% 24px;background:#1d2b22;overflow:hidden}.futur-portfolio .ffg{--paper:#1d2b22;--ink:#ede9e1;color-scheme:dark;height:calc(100svh - 145px);min-height:560px}.futur-portfolio .ffg-viewport{top:86px}.futur-portfolio .ffg-filter{top:36px;padding:0;font-size:10px;letter-spacing:.06em}.futur-portfolio .ffg-filter select{padding:7px 24px 7px 8px;border:1px solid rgba(237,233,225,.4);border-radius:0;font:inherit}@media(max-width:699px){.futur-portfolio{padding:22px 6% 20px}.futur-portfolio .ffg-top>span{max-width:155px}.futur-portfolio .ffg{height:calc(100svh - 120px);min-height:560px}}.futur-portfolio .ffg-filter select option{background:#1d2b22;color:#ede9e1}.ffg[data-mode=grillz] .ffg-item img,.ffg[data-mode=grillz] .ffg-overview img{object-fit:contain}.ffg[data-mode=grillz] .ffg-item:is(:hover,:focus-visible){z-index:9!important}.ffg[data-mode=grillz] .ffg-dialog{overflow-y:auto}.ffg[data-mode=grillz] .ffg-viewer-copy>a{display:inline-block;margin-top:12px;text-underline-offset:4px}.ffg[data-mode=grillz] .ffg-viewer h3{overflow-wrap:anywhere}
/*# sourceMappingURL=/cdn/shop/t/20/assets/futur-floating-gallery.css.map */