/* A paper curtain, a moving sketchbook and a single path forward. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-loader[hidden]{display:none}
.is-loading{overflow:hidden}
.site-loader{position:fixed;inset:0;z-index:1000;background:var(--ink);color:var(--paper);padding:30px 5%;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(0);transition:transform .85s cubic-bezier(.76,0,.24,1);overflow:hidden}
.site-loader.is-leaving{transform:translateY(-101%);pointer-events:none}
.loader-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.loader-brand{font-weight:900;font-size:30px;letter-spacing:-1px}.loader-brand sup{font-size:9px;vertical-align:top;margin-left:5px;line-height:2}.loader-top>span:nth-child(2){font-size:8px;letter-spacing:1.5px}.loader-skip{color:var(--paper);font-size:11px;min-height:44px;padding:10px 0;display:flex;align-items:center;gap:28px}.loader-skip span{font-size:20px}.loader-skip:focus-visible{outline-color:var(--paper)}
.loader-center{position:relative;margin:30px 0;width:100%;padding:40px 0 30px}.loader-center p{font-family:Luckiest,Impact,sans-serif;font-size:clamp(58px,9vw,165px);line-height:1.06;letter-spacing:.01em;margin:0;transform:rotate(-2deg);position:relative;z-index:1}.loader-center p>span{color:var(--ink);-webkit-text-stroke:1px var(--paper);text-shadow:2px 2px #929488;paint-order:stroke fill}.loader-center img{position:absolute;width:25%;height:auto;max-width:360px;right:2%;top:-30%;transform:rotate(-12deg);filter:grayscale(1) invert(1);opacity:.85}.loader-note{display:block;font:italic 16px/1.3 Georgia,serif;margin:0 0 65px 8%;transform:rotate(-8deg);color:#c3c6b8}
.loader-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px}.loader-caption{display:grid;gap:12px;font-size:8px;letter-spacing:1.2px;line-height:1.5}.loader-caption>span:last-child{color:#a6aa9b}.loader-count{font-family:Luckiest,Impact,sans-serif;font-size:clamp(75px,10vw,155px);line-height:.85;display:flex;align-items:flex-start;font-variant-numeric:tabular-nums;min-width:2.5em;justify-content:flex-end}.loader-count small{font:12px DM,Arial,sans-serif;margin:4px 0 0 12px}.loader-rule{height:1px;background:#efeee833;position:absolute;left:5%;right:5%;bottom:20px}.loader-rule>span{display:block;height:100%;background:var(--paper);transform:scaleX(var(--load-progress,0));transform-origin:left;will-change:transform}
.work-carousel{min-width:0}.carousel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.carousel-note{font:italic 14px Georgia,serif;transform:rotate(-3deg)}.carousel-note>span{font:26px DM,Arial,sans-serif;display:inline-block;margin-left:17px;transform:rotate(13deg)}.carousel-controls{display:flex;align-items:center;gap:10px}.carousel-count{font-size:10px;letter-spacing:1px;white-space:nowrap;margin-right:18px;font-variant-numeric:tabular-nums}.carousel-count b{font-weight:400}.carousel-controls button{border:1px solid var(--ink);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;transition:background .2s,color .2s}.carousel-controls button>span{font-size:25px;line-height:1;transition:transform .2s}.carousel-controls button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.carousel-controls button:disabled{opacity:.3;cursor:default}.work-pair{display:flex;align-items:stretch;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding:7px;padding:8px 7px 14px;margin:-8px -7px -14px}.work-pair::-webkit-scrollbar{display:none}.work-pair:focus-visible{outline:1px dashed var(--ink);outline-offset:7px}.work-project{flex:0 0 76%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.identity-project{padding-top:0}.work-project:last-of-type{scroll-snap-align:end}
.work-carousel .commerce-preview,.work-carousel .identity-preview{height:400px}.work-carousel .store-preview{padding:30px 7%;grid-template-columns:1fr 1fr}.work-carousel .mockup-title{font-size:clamp(28px,3.7vw,55px)}.work-carousel .art-print{max-width:205px}.work-carousel .front-paper>span{font-size:clamp(45px,5.5vw,80px)}.work-carousel .back-paper>span{font-size:155px}.work-carousel .front-paper{width:51%;right:12%;padding:27px}.work-carousel .back-paper{width:51%;left:13%}.work-carousel .print-name{font-size:clamp(14px,1.8vw,23px)}
.process-journey{position:relative;min-width:0;--flow-progress:0}.process-flow{position:absolute;left:21px;top:46px;bottom:60px;width:1px;background:#a5a99a;pointer-events:none}.process-flow>span{position:absolute;inset:0;background:var(--ink);transform:scaleY(var(--flow-progress));transform-origin:top;will-change:transform}.process-flow>i{position:absolute;left:-3px;top:calc(var(--flow-progress)*100%);height:7px;width:7px;background:var(--ink);transform:translateY(-50%) rotate(45deg)}.process-steps>li{position:relative;grid-template-columns:44px minmax(0,1fr);gap:10px 22px;padding:24px 0 34px;border:0}.process-number{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #9ea391;border-radius:50%;background:var(--paper);position:relative;z-index:1;transition:color .25s,background .25s,border-color .25s}.process-steps>li.is-reached .process-number{background:var(--ink);color:var(--paper);border-color:var(--ink)}.process-steps>li>div{padding-top:7px}.process-steps>li.is-current h3{transform:translateX(5px)}.process-steps h3{transition:transform .3s}.process-aside{padding-top:4px}
@media(min-width:1600px){.work-carousel .commerce-preview,.work-carousel .identity-preview{height:490px}.work-carousel .art-print{max-width:250px}.work-carousel .front-paper>span{font-size:94px}}
@media(max-width:1000px){.work-carousel .commerce-preview,.work-carousel .identity-preview{height:350px}.work-carousel .store-preview{padding:20px 6%}.work-carousel .art-print{max-width:170px}.work-carousel .front-paper>span{font-size:54px}.work-carousel .back-paper>span{font-size:125px}.process-steps>li{column-gap:15px}.process-steps p{font-size:13px}}
@media(max-width:700px){.site-loader{padding:19px 23px}.loader-brand{font-size:27px}.loader-top>span:nth-child(2){display:none}.loader-center{padding:20px 0;margin:0}.loader-center p{font-size:clamp(34px,9.1vw,64px);line-height:1.17;letter-spacing:.01em}.loader-center img{width:49%;right:-2%;top:-60%}.loader-note{font-size:14px;margin:0 0 58px 6%}.loader-caption{font-size:6px;letter-spacing:.7px;gap:10px;max-width:155px}.loader-count{font-size:79px}.loader-count small{font-size:10px;margin-left:5px}.loader-rule{left:23px;right:23px;bottom:18px}.loader-bottom{padding-bottom:19px;gap:12px}.carousel-top{gap:12px;margin-bottom:18px}.carousel-note{font-size:12px;max-width:110px;line-height:1.4}.carousel-note>span{display:none}.carousel-controls{gap:7px}.carousel-count{font-size:9px;margin-right:4px;letter-spacing:.3px}.carousel-controls button{width:44px;height:44px}.work-pair{gap:18px}.work-project{flex-basis:90%}.work-carousel .commerce-preview,.work-carousel .identity-preview{height:300px}.work-carousel .store-preview{padding:18px 12px;gap:5px}.work-carousel .mockup-title{font-size:clamp(21px,6.1vw,39px);letter-spacing:-.4px}.work-carousel .art-print{max-width:175px;width:90%}.work-carousel .print-name{font-size:clamp(9px,2.5vw,16px)}.work-carousel .front-paper{width:57%;right:8%;padding:22px 14px}.work-carousel .front-paper>span{font-size:clamp(34px,10vw,60px)}.work-carousel .back-paper{width:58%;left:9%}.work-carousel .back-paper>span{font-size:105px}.work-category{font-size:5.5px;letter-spacing:.25px}.work-caption h3{font-size:18px}.work-caption h3 br{display:none}.process-steps>li{grid-template-columns:40px minmax(0,1fr);column-gap:17px;padding-bottom:35px}.process-number{width:40px;height:40px;font-size:10px}.process-flow{left:19px}.process-steps>li>div{padding-top:5px}.footer-wordmark{font-size:20.3vw}}
@media(max-width:360px){.carousel-note{font-size:11px;max-width:80px}.work-carousel .commerce-preview,.work-carousel .identity-preview{height:270px}.work-carousel .store-preview{padding:15px 9px}.work-carousel .mockup-title{font-size:21px}.work-carousel .front-paper>span{font-size:34px}.work-carousel .front-paper{padding:22px 12px}.work-category{font-size:5px}.work-caption h3{font-size:17px}.loader-center p{font-size:8.9vw}.loader-count{font-size:65px}}
@media(prefers-reduced-motion:reduce){.site-loader{transition:none}.process-number,.process-steps h3,.carousel-controls button{transition:none}.work-pair{scroll-behavior:auto}}