.studio{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--canvas)}.studio-nav{position:absolute;inset:0 0 auto;z-index:6;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 24px;padding:8px var(--gutter);background:color-mix(in srgb,var(--canvas) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.studio-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px;margin:0;padding:0;list-style:none}.studio-nav .bag-link{gap:.4em}.studio-nav a:not(.bag-link){display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s ease}.studio-nav a:hover{color:var(--ink)}.studio__viewport{width:100%}.studio__scene{position:relative;margin:0 auto;width:min(100%,194.74svh);aspect-ratio:1704 / 875}.studio__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.studio-hanger{position:absolute;z-index:2;left:39.3779%;top:15.3143%;width:22.0657%;height:25.6%}.studio-hanger.is-touchable{cursor:grab}.studio-hanger.is-grabbing{cursor:grabbing}.hanger-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.studio-hanger__fallback{position:absolute;left:11.508%;top:7.866%;width:85.27%;height:82.907%;object-fit:fill}.studio-hanger.has-3d .studio-hanger__fallback{visibility:hidden}.hotspot{position:absolute;z-index:3;display:block;text-decoration:none;-webkit-tap-highlight-color:transparent}.hotspot--computer{left:36.972%;top:57.143%;width:29.343%;height:26.857%;--x: 52%;--y: 40%}.hotspot--shirt{left:61.502%;top:12%;width:24.002%;height:52%;--x: 50%;--y: 44%}.hotspot--ipad{left:60.5%;top:73.943%;width:24%;height:18.057%;--x: 52%;--y: 42%}.hotspot--record{left:0;top:75.429%;width:18.192%;height:24.571%;--x: 34%;--y: 30%}.hotspot__dot{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--canvas);box-shadow:0 0 0 1px #1717144d,0 2px 10px #17171459;opacity:0;transform:scale(.6);transition:opacity .5s ease,transform .5s var(--ease-out)}.hotspot__dot:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid var(--canvas);opacity:0}.hotspot__label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,12px);padding:7px 12px;background:var(--canvas);color:var(--ink);white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1;box-shadow:0 6px 24px #17171438;opacity:0;transition:opacity .25s ease,transform .35s var(--ease-out);pointer-events:none}[data-intro-done=true] .hotspot__dot{opacity:.92;transform:none}[data-intro-done=true] .hotspot__dot:after{animation:hotspot-ping 2.2s var(--ease-out) .6s 2}.hotspot:nth-of-type(2) .hotspot__dot:after{animation-delay:.9s}.hotspot:nth-of-type(3) .hotspot__dot:after{animation-delay:1.2s}.hotspot:nth-of-type(4) .hotspot__dot:after{animation-delay:1.5s}@keyframes hotspot-ping{0%{opacity:.9;transform:scale(.4)}70%,to{opacity:0;transform:scale(1.6)}}.hotspot:hover .hotspot__dot,.hotspot:focus-visible .hotspot__dot{opacity:1;transform:scale(1.25)}.hotspot:hover .hotspot__label,.hotspot:focus-visible .hotspot__label{opacity:1;transform:translate(-50%,16px)}.hotspot:focus-visible{outline:2px solid var(--canvas);outline-offset:-6px}@media(hover:none){[data-intro-done=true] .hotspot__label{opacity:1;transform:translate(-50%,14px)}}.studio__replay{position:absolute;right:16px;bottom:16px;z-index:6;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--canvas) 88%,transparent);color:var(--ink);transition:transform .4s var(--ease-out),background-color .2s ease}.studio__replay:hover{transform:rotate(-70deg);background:var(--canvas)}.studio:not([data-intro-done=true]) .studio__replay{visibility:hidden}.studio__hint{display:none}@media(max-width:720px){.studio{justify-content:flex-start;padding-top:64px}.studio-nav{gap:0 16px;padding:4px 12px}.studio-nav ul{gap:0 16px}.studio-nav a:not(.bag-link),.studio-nav .bag-link{font-size:11px;letter-spacing:.14em}.studio__viewport{flex:1;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.studio__viewport::-webkit-scrollbar{display:none}.studio__scene{flex:none;height:min(calc(100svh - 150px),680px);width:auto}.studio__hint{display:flex;justify-content:center;position:absolute;left:0;right:0;bottom:22px;z-index:5;margin:0;pointer-events:none;transition:opacity .6s ease}.studio__hint span{padding:8px 14px;background:color-mix(in srgb,var(--canvas) 90%,transparent);border-radius:999px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.studio__hint.is-hidden,.studio:not([data-intro-done=true]) .studio__hint{opacity:0}}.intro{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.intro-pending .intro,.intro.is-playing{display:block}html.intro-pending{overflow:hidden}.intro__ink{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1b1b18;color:var(--canvas);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M300 0L129.64 0.00 129.64 0.00 128.39 1.67 129.53 2.78 127.70 3.21 129.20 3.66 129.15 4.36 128.44 5.57 127.05 6.40 129.19 7.07 128.47 8.84 129.60 9.88 130.03 10.86 129.92 12.32 129.74 13.69 127.48 14.01 129.77 14.52 129.20 15.17 127.50 16.76 125.34 17.69 127.30 18.58 127.05 19.31 126.59 20.90 127.62 22.60 127.55 23.40 121.89 24.45 128.20 25.28 127.04 26.85 126.46 28.63 122.05 28.94 126.22 29.46 126.06 30.30 124.89 31.16 126.02 31.96 127.00 32.86 127.17 34.00 128.61 35.57 129.51 36.67 128.38 38.04 125.83 38.78 128.99 39.48 129.16 40.21 126.12 40.80 128.21 41.13 127.94 42.41 124.89 43.12 128.68 43.67 129.70 44.73 125.64 45.39 129.58 46.38 130.35 47.49 130.59 48.67 129.53 49.93 120.36 51.15 129.05 51.92 127.43 53.46 127.32 54.41 125.12 54.91 127.60 55.49 126.89 57.07 127.40 57.97 125.48 58.95 127.36 59.92 126.73 61.08 127.80 62.21 123.79 63.38 125.06 64.38 125.75 65.95 124.07 66.32 125.94 66.60 125.41 68.02 121.19 68.52 126.70 68.80 127.05 69.62 128.22 70.39 127.90 71.84 129.15 73.43 128.26 74.42 124.23 74.97 127.85 75.65 128.77 76.89 128.56 77.92 128.12 79.63 130.57 81.41 128.12 82.10 129.97 83.32 131.13 84.79 130.00 85.64 127.76 86.64 128.88 87.54 128.70 88.44 127.37 89.57 127.79 90.86 128.13 92.21 128.02 93.91 127.77 95.03 128.29 96.10 126.98 97.33 126.83 98.25 126.39 99.66 126.39 100.00L300 100Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cpath d='M300 0L129.64 0.00 129.64 0.00 128.39 1.67 129.53 2.78 127.70 3.21 129.20 3.66 129.15 4.36 128.44 5.57 127.05 6.40 129.19 7.07 128.47 8.84 129.60 9.88 130.03 10.86 129.92 12.32 129.74 13.69 127.48 14.01 129.77 14.52 129.20 15.17 127.50 16.76 125.34 17.69 127.30 18.58 127.05 19.31 126.59 20.90 127.62 22.60 127.55 23.40 121.89 24.45 128.20 25.28 127.04 26.85 126.46 28.63 122.05 28.94 126.22 29.46 126.06 30.30 124.89 31.16 126.02 31.96 127.00 32.86 127.17 34.00 128.61 35.57 129.51 36.67 128.38 38.04 125.83 38.78 128.99 39.48 129.16 40.21 126.12 40.80 128.21 41.13 127.94 42.41 124.89 43.12 128.68 43.67 129.70 44.73 125.64 45.39 129.58 46.38 130.35 47.49 130.59 48.67 129.53 49.93 120.36 51.15 129.05 51.92 127.43 53.46 127.32 54.41 125.12 54.91 127.60 55.49 126.89 57.07 127.40 57.97 125.48 58.95 127.36 59.92 126.73 61.08 127.80 62.21 123.79 63.38 125.06 64.38 125.75 65.95 124.07 66.32 125.94 66.60 125.41 68.02 121.19 68.52 126.70 68.80 127.05 69.62 128.22 70.39 127.90 71.84 129.15 73.43 128.26 74.42 124.23 74.97 127.85 75.65 128.77 76.89 128.56 77.92 128.12 79.63 130.57 81.41 128.12 82.10 129.97 83.32 131.13 84.79 130.00 85.64 127.76 86.64 128.88 87.54 128.70 88.44 127.37 89.57 127.79 90.86 128.13 92.21 128.02 93.91 127.77 95.03 128.29 96.10 126.98 97.33 126.83 98.25 126.39 99.66 126.39 100.00L300 100Z'/%3E%3C/svg%3E");-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.intro.is-wiping .intro__ink{animation:intro-wipe 1.9s cubic-bezier(.6,0,.3,1) forwards}@keyframes intro-wipe{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}.intro__ink img{width:96px;height:auto;filter:invert(1);opacity:.92;animation:intro-rise .9s var(--ease-out) both}.intro__ink p{margin:16px 0 0;font-family:var(--font-display);font-size:24px;line-height:32px;letter-spacing:.35em;padding-left:.35em;animation:intro-rise 1s var(--ease-out) .15s both}@keyframes intro-rise{0%{opacity:0;transform:translateY(8px)}}.intro__skip{position:absolute;right:24px;bottom:24px;z-index:1;min-height:44px;padding:0 16px;background:transparent;color:var(--canvas);border:1px solid rgba(238,231,216,.6);border-radius:var(--radius);font-size:12px;letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s ease,background-color .2s ease}.intro__skip:hover{background:#eee7d81a}.intro.is-wiping .intro__skip{opacity:0;pointer-events:none}.reveal{--draw: 1.05s;--stroke: 4.4;--graphite: #36342f;position:relative}.reveal[data-mode=detail]{--draw: 1.7s;--stroke: 3}.reveal__frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper);isolation:isolate}.reveal__photo,.reveal__sketch,.reveal__alt,.reveal__develop,.reveal__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reveal__develop,.reveal__lines{pointer-events:none;overflow:visible}.reveal__photo{opacity:0;transform:scale(1.012);transition:opacity .35s ease,transform .6s var(--ease-out)}.reveal__develop{opacity:0;transition:opacity .3s ease}.reveal__sketch{opacity:1;transition:opacity .35s ease .05s}.reveal__stroke{fill:none;stroke:var(--graphite);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset .32s ease-in,opacity 0s linear .32s}.reveal__stroke--ghost{stroke-width:calc(var(--stroke) * .6);opacity:.4;transform:translate(2.5px,-2px)}.reveal[data-state=photo] .reveal__stroke{stroke-dashoffset:0;opacity:0;transition:stroke-dashoffset var(--draw) cubic-bezier(.55,.06,.25,1),opacity .7s ease calc(var(--draw) + .25s)}.reveal[data-state=photo] .reveal__stroke--ghost{transition:stroke-dashoffset calc(var(--draw) * 1.12) cubic-bezier(.55,.06,.25,1) .08s,opacity .5s ease calc(var(--draw) * .9)}.reveal[data-state=photo] .reveal__develop{opacity:1;transition:opacity .75s ease calc(var(--draw) * .42)}.reveal[data-state=photo] .reveal__sketch{opacity:0;transition:opacity .7s ease calc(var(--draw) * .7)}.reveal[data-state=photo] .reveal__photo{opacity:1;transform:none;transition:opacity .8s ease calc(var(--draw) * .82),transform 1.2s var(--ease-out) calc(var(--draw) * .82)}.reveal--sketch .reveal__sketch{background:var(--paper)}.reveal--sketch[data-state=photo] .reveal__sketch{transition:opacity .6s ease}.reveal--sketch[data-state=photo] .reveal__photo{transition:opacity .6s ease,transform 1s var(--ease-out)}.reveal--plain .reveal__photo,.reveal--swap .reveal__photo{opacity:1;transform:none}.reveal--plain .reveal__frame,.reveal--swap .reveal__frame{background:var(--surface)}.reveal__alt{opacity:0;transition:opacity .5s ease}@media(hover:hover){.card__link:hover .reveal__alt,.card__link:focus-visible .reveal__alt{opacity:1}}.reveal__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--surface)}.reveal__empty img{width:30%;opacity:.25}.reveal__switch{position:absolute;left:14px;bottom:14px;z-index:5;display:inline-flex;padding:3px;gap:2px;background:color-mix(in srgb,var(--canvas) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:999px}.reveal__switch button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:background-color .25s ease,color .25s ease}.reveal__switch button[aria-pressed=true]{background:var(--ink);color:var(--canvas)}.reveal__switch button:hover:not([aria-pressed=true]){color:var(--ink)}.photo-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.photo-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#141412;color:var(--canvas);overflow:hidden}.photo-viewer[open]{display:grid;grid-template-rows:1fr auto}.photo-viewer::backdrop{background:#141412}.photo-viewer__stage{position:relative;display:grid;place-items:center;padding:56px 72px 8px;min-height:0;touch-action:pan-y pinch-zoom}.photo-viewer__stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;transition:opacity .25s ease,transform .35s var(--ease-out)}.photo-viewer__stage img.is-loading{opacity:.25}.photo-viewer__bar{display:flex;justify-content:center;align-items:center;gap:16px;padding:14px 72px 18px;font-size:13px;text-align:center;color:#eee7d8c7}.photo-viewer__count{font-variant-numeric:tabular-nums;letter-spacing:.12em;white-space:nowrap}.photo-viewer button{position:absolute;z-index:2;color:var(--canvas)}.photo-viewer .icon-button:hover{background:#eee7d81f}.photo-viewer__close{top:10px;right:10px}.photo-viewer__prev,.photo-viewer__next{top:50%;margin-top:-22px}.photo-viewer__prev{left:12px}.photo-viewer__next{right:12px}@media(max-width:640px){.photo-viewer__stage{padding:56px 8px 8px}.photo-viewer__prev,.photo-viewer__next{top:auto;bottom:8px;margin:0}.photo-viewer__bar{padding:14px 64px 20px}}.archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vw,20px);align-items:start}.archive__grid.is-masonry{grid-auto-rows:4px;row-gap:0;grid-auto-flow:row dense}.archive__grid.is-masonry .archive__item{padding-bottom:clamp(8px,1.6vw,20px)}.archive__item{margin:0;min-width:0}.archive__item--wide{grid-column:span 2}.archive__item img{width:100%;aspect-ratio:1 / var(--ratio, 1.25);object-fit:cover;background:var(--surface);transition:opacity .3s ease,transform .8s var(--ease-out)}.archive__item .photo-button{overflow:hidden}.archive__item .photo-button:hover img{transform:scale(1.02)}@media(max-width:760px){.archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.journal{max-width:780px;margin:clamp(48px,7vw,96px) 0 0;padding:clamp(24px,4vw,44px);border:1px solid var(--line-strong)}.journal .label{color:var(--muted)}.journal__title{font-family:var(--font-display);font-size:clamp(30px,4vw,46px);line-height:1.08;margin:20px 0 22px}.about__copy{max-width:780px;padding:clamp(40px,7vw,90px) 0 0}.about__body{max-width:62ch;margin-top:24px;font-size:17px;line-height:1.85}.about__materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin-top:clamp(32px,5vw,56px);align-items:start}.about__figure{margin:0}.about__figure img{width:100%}.about__figure figcaption{margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media(min-width:900px){.about__figure:nth-child(2n){padding-top:64px}}@media(max-width:560px){.about__materials{grid-template-columns:1fr}}.contact{width:100%;max-width:680px;margin:0 auto;padding:clamp(40px,7vw,96px) var(--gutter) 0}.contact__intro{margin:18px 0 0;color:var(--ink-soft)}.contact__email{display:inline-flex;min-height:44px;align-items:center;font-size:15px;color:var(--muted);overflow-wrap:anywhere}.contact__form{margin-top:clamp(24px,4vw,40px);display:grid;gap:24px}.contact__form .text-button{justify-self:start}.contact__help{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.coming-soon{background:var(--ink);color:var(--canvas);min-height:75svh;display:flex;align-items:center;padding:80px var(--gutter)}.coming-soon__inner{width:100%;max-width:1000px;margin:0 auto}.coming-soon .label{color:#eee7d8b3}.coming-soon__title{font-family:var(--font-body);font-size:clamp(46px,9vw,104px);line-height:.98;font-weight:600;letter-spacing:-.02em;margin:36px 0 28px}.coming-soon__text{max-width:420px;color:#eee7d8d1}.template-page--studio .site-footer{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/studio.css.map */