@layer portfolio{[data-portfolio-site] .ink-passage{--p:1;--enter:1;--marks:clamp(0, var(--enter), 1);--marks-e:calc(1 - (1 - var(--marks)) * (1 - var(--marks)) * (1 - var(--marks)));--meta:clamp(0, calc((var(--enter) - .35) / .5), 1);--stroke:clamp(0, calc((var(--p) - .04) / .46), 1);--stroke-e:calc(var(--stroke) * var(--stroke) * (3 - 2 * var(--stroke)));--ghost:clamp(0, calc((var(--p) - .26) / .12), 1);--reg:clamp(0, calc((var(--p) - .3) / .42), 1);--reg-e:calc(var(--reg) * var(--reg) * (3 - 2 * var(--reg)));--slip:calc(1 - var(--reg-e));--fill:clamp(0, calc((var(--p) - .58) / .26), 1);--fill-e:calc(var(--fill) * var(--fill) * (3 - 2 * var(--fill)));--colophon:clamp(0, calc((var(--p) - .55) / .2), 1);--close:clamp(0, calc((var(--p) - .74) / .22), 1);color:var(--ink);margin-bottom:-1.5rem;position:relative}@media (min-width:768px){[data-portfolio-site] .ink-passage{margin-bottom:-3rem}}[data-portfolio-site] .ink-passage-track{position:relative}[data-portfolio-site] .ink-passage-stage{height:clamp(30rem,82svh,46rem);padding-block:1.75rem 3rem;position:relative;overflow-x:clip}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){[data-portfolio-site] .ink-passage-track{height:190svh}[data-portfolio-site] .ink-passage-stage{height:calc(100svh - 4.5rem);min-height:27rem;padding-block:1.5rem 1.25rem;position:sticky;top:4.5rem}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (min-width:768px){[data-portfolio-site] .ink-passage-track{height:280svh}}[data-portfolio-site] .ip-frame{height:100%}[data-portfolio-site] .ip-sheet{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid;position:relative}[data-portfolio-site] .ip-guides{pointer-events:none;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1rem;display:grid;position:absolute;inset:0}@media (min-width:768px){[data-portfolio-site] .ip-guides{column-gap:1.5rem}}[data-portfolio-site] .ip-guides i{--g:clamp(0, calc((var(--p) - .02 - var(--i) * .012) / .14), 1);border-left:1px solid var(--ink-15);transform:scaleY(var(--g));transform-origin:top}[data-portfolio-site] .ip-guides i:last-child{border-right:1px solid var(--ink-15)}@media (max-width:767px){[data-portfolio-site] .ip-guides i:nth-child(2n){display:none}[data-portfolio-site] .ip-guides i:last-child{border-right:0}}[data-portfolio-site] .ip-top,[data-portfolio-site] .ip-bottom{z-index:2;position:relative}[data-portfolio-site] .ip-rule{transform-origin:0;display:block}[data-portfolio-site] .ip-rule--top{background:var(--ink);height:2px;transform:scaleX(var(--marks-e))}[data-portfolio-site] .ip-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);justify-content:space-between;gap:1rem;margin:0;font-size:.6875rem;line-height:1.4;display:flex}[data-portfolio-site] .ip-top .ip-meta{opacity:var(--meta);font-variant-numeric:tabular-nums;padding-top:.625rem}[data-portfolio-site] .ip-meta-mid{display:none}@media (min-width:768px){[data-portfolio-site] .ip-meta-mid{letter-spacing:.32em;display:inline}}[data-portfolio-site] .ip-count{text-align:right;min-width:3ch;color:var(--ink)}[data-portfolio-site] .ip-art{align-items:center;min-height:0;display:grid;position:relative}@media (min-width:768px){[data-portfolio-site] .ip-art{align-items:end}}[data-portfolio-site] .ip-stroke{width:calc(100% + 6rem);height:106%;opacity:calc(1 - .74 * var(--fill-e));pointer-events:none;position:absolute;inset:-3% -3rem;overflow:visible}[data-portfolio-site] .ip-stroke--tall{display:block}[data-portfolio-site] .ip-stroke--wide{display:none}@media (min-width:768px){[data-portfolio-site] .ip-stroke--tall{display:none}[data-portfolio-site] .ip-stroke--wide{display:block}}[data-portfolio-site] .ip-band{--f:clamp(0, calc(var(--stroke-e) * 1.15 - var(--d)), 1);stroke-dasharray:1 2;stroke-dashoffset:calc(1 - var(--f));opacity:clamp(0, calc(var(--f) * 200), 1)}[data-portfolio-site] .ip-fleck{--pop:clamp(0, calc((var(--stroke-e) - var(--at)) * 30), 1);opacity:var(--pop);transform-box:fill-box;transform-origin:50%;transform:scale(var(--pop))}[data-portfolio-site] .ip-numerals{z-index:1;font-family:"Founders Grotesk Condensed", var(--font-display);letter-spacing:-.035em;text-transform:uppercase;justify-self:start;margin-left:-.05em;font-size:min(105.263vw - 2.10526rem,58.8235svh - 10rem);font-weight:700;line-height:.78;display:grid;position:relative}@media (min-width:768px){[data-portfolio-site] .ip-numerals{white-space:nowrap;margin-left:-.035em;font-size:min(min(100vw,1440px)/2.27273 - 1.32rem,105.263svh - 14.7368rem)}}[data-portfolio-site] .ip-num{pointer-events:none;grid-area:1/1;width:min-content;padding-block:.06em}@media (min-width:768px){[data-portfolio-site] .ip-num{width:auto}}[data-portfolio-site] .ip-num--a{opacity:calc(var(--ghost) * .42);transform:translate(calc(var(--slip) * -.075em), calc(var(--slip) * -.045em)) rotate(calc(var(--slip) * -1.6deg))}[data-portfolio-site] .ip-num--b{opacity:calc(var(--ghost) * .34);transform:translate(calc(var(--slip) * .065em), calc(var(--slip) * .05em)) rotate(calc(var(--slip) * 1.3deg))}[data-portfolio-site] .ip-num--key{opacity:var(--fill-e)}[data-portfolio-site] .ip-bottom-row{justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:.875rem;display:flex}[data-portfolio-site] .ip-bottom .ip-meta{text-align:right;opacity:var(--colophon);transform:translateY(calc((1 - var(--colophon)) * .5rem));flex-direction:column;gap:0}@media (min-width:768px){[data-portfolio-site] .ip-bottom .ip-meta{flex-direction:row;gap:2rem}}[data-portfolio-site] .ip-inkbar{border:1px solid var(--ink-40);display:flex}[data-portfolio-site] .ip-swatch{--w:clamp(0, calc((var(--p) - .42 - var(--i) * .06) / .1), 1);width:1.5rem;height:.875rem;transform:scaleY(var(--w));transform-origin:bottom;display:block}@media (min-width:768px){[data-portfolio-site] .ip-swatch{width:2.25rem;height:1rem}}[data-portfolio-site] .ip-swatch--paper{background:var(--paper)}[data-portfolio-site] .ip-swatch--ink-15{background:var(--ink-15)}[data-portfolio-site] .ip-swatch--ink-40{background:var(--ink-40)}[data-portfolio-site] .ip-swatch--ink-60{background:var(--ink-60)}[data-portfolio-site] .ip-swatch--ink{background:var(--ink)}[data-portfolio-site] .ip-ruler{--tick:repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 2%);--tick-major:repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 10%);height:.75rem;color:var(--ink-40);background:var(--tick-major) bottom left / 100% 100% no-repeat, var(--tick) bottom left / 100% 45% no-repeat;opacity:var(--meta);display:block;position:relative}[data-portfolio-site] .ip-ruler-fill{color:var(--ink);background:inherit;clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);position:absolute;inset:0}[data-portfolio-site] .ip-crop{z-index:2;pointer-events:none;--ox:calc((1 - var(--marks-e)) * 2.5rem);--oy:calc((1 - var(--marks-e)) * 1.75rem);width:.875rem;height:.875rem;opacity:var(--marks-e);position:absolute}[data-portfolio-site] .ip-crop--tl{border-top:1px solid var(--ink);border-left:1px solid var(--ink);transform:translate(calc(var(--ox) * -1), calc(var(--oy) * -1));top:-.5rem;left:-.5rem}[data-portfolio-site] .ip-crop--tr{border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:translate(var(--ox), calc(var(--oy) * -1));top:-.5rem;right:-.5rem}[data-portfolio-site] .ip-crop--bl{border-bottom:1px solid var(--ink);border-left:1px solid var(--ink);transform:translate(calc(var(--ox) * -1), var(--oy));bottom:-.5rem;left:-.5rem}[data-portfolio-site] .ip-crop--br{border-bottom:1px solid var(--ink);border-right:1px solid var(--ink);transform:translate(var(--ox), var(--oy));bottom:-.5rem;right:-.5rem}[data-portfolio-site] .ip-target-slot{--t:clamp(0, calc((var(--p) - .04) / .24), 1);--t-e:calc(1 - (1 - var(--t)) * (1 - var(--t)) * (1 - var(--t)));z-index:3;width:1.375rem;height:1.375rem;color:var(--ink);pointer-events:none;opacity:var(--t-e);margin-left:-.6875rem;position:absolute;left:50%}[data-portfolio-site] .ip-target-slot--top{top:-.6875rem}[data-portfolio-site] .ip-target-slot--bottom{--t:var(--close);bottom:-.6875rem}[data-portfolio-site] .ip-target{width:100%;height:100%;transform:rotate(calc((1 - var(--t-e)) * -135deg)) scale(calc(.5 + var(--t-e) * .5));display:block}[data-portfolio-site] .ink-passage.is-live .ip-num,[data-portfolio-site] .ink-passage.is-live .ip-crop,[data-portfolio-site] .ink-passage.is-live .ip-guides i{will-change:transform, opacity}@media (prefers-reduced-motion:reduce){[data-portfolio-site] .ink-passage{--p:1!important}}}
/*# sourceMappingURL=0sk6g82x1wctd.css.map*/