.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio{padding-block:clamp(2.5rem,6vw,5rem)}.studio__head{max-width:46rem;margin-bottom:2.2rem;display:grid;gap:.9rem}.studio__empty{padding:2rem;border:1px dashed var(--border);color:var(--muted-foreground)}.studio__layout{display:grid;gap:2rem;align-items:start}@media(min-width:960px){.studio__layout{grid-template-columns:minmax(0,1fr) 22rem;gap:3rem}.studio__panel{position:sticky;top:calc(var(--header-h) + 1.5rem)}}.studio__bar{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;margin-bottom:1.2rem}.studio__add{cursor:pointer;position:relative}.studio__add:focus-within{outline:2px solid var(--accent);outline-offset:3px}.studio__status{font-size:14px;color:var(--muted-foreground)}.studio__status b{color:var(--foreground);font-family:var(--font-display);font-size:1.3rem;font-weight:500;margin-right:.4rem}.studio__err{color:var(--destructive);font-size:14px;margin:.6rem 0}.studio__fine{font-size:12px;color:var(--muted-foreground);margin-top:1.2rem;line-height:1.6;max-width:42rem}.opt{border:0;padding:0;margin:0 0 1.4rem}.opt legend{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.7rem;padding:0}.opt__row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.chip>span{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--card);transition:border-color .2s,background .2s}.chip>span b{font-family:var(--font-display);font-size:1.15rem;font-weight:500}.chip>span small{color:var(--muted-foreground);font-size:12px;margin-left:.2rem}.chip input:checked+span{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground)}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.chip input:disabled+span{opacity:.4}.chip--sw i{width:1rem;height:1rem;border-radius:50%;border:1px solid rgb(128 128 128/.5);display:block}.studio__buy{border-top:1px solid var(--border);padding-top:1.4rem}.studio__price{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1rem}.studio__price span{font-family:var(--font-display);font-size:2.2rem;line-height:1}.studio__price small{font-size:12px;color:var(--muted-foreground)}.studio__points{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.45rem;font-size:13px;color:var(--muted-foreground)}.studio__points li:before{content:"\2726";color:var(--accent);margin-right:.55rem;font-size:10px}.btn--block{width:100%;justify-content:center}.pz-grid{--cols:2;display:flex;flex-wrap:wrap;justify-content:center;gap:1.8rem 1.2rem;padding:1.6rem;border-radius:6px;background:linear-gradient(180deg,#fff6,#0000000d),#ddd7ca;border:1px solid var(--border);transition:box-shadow .2s}.pz-grid .pz{flex:0 0 calc((100% - 1.2rem * (var(--cols) - 1)) / var(--cols))}@media(min-width:640px){.pz-grid{--cols:3}}@media(min-width:1200px){.pz-grid{--cols:4}}.pz-grid.is-drop{box-shadow:0 0 0 2px var(--accent)}.pz{position:relative;margin:0;transform:rotate(var(--tilt));transition:transform .35s var(--ease)}.pz:hover,.pz:focus-within{transform:rotate(0) translateY(-3px)}.pz[hidden]{display:none}.pz__card{display:block;cursor:pointer;background:var(--pz-frame,#fbfaf6);padding:6.5% 6.5% 0;aspect-ratio:88/84;box-shadow:0 1px 2px #0000002e,0 10px 22px -8px #00000059;border-radius:2px}.pz__photo{display:block;position:relative;aspect-ratio:1;background:#d9d4c8;overflow:hidden}.pz__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pz__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.2rem;color:#7a7466;font-size:12px;letter-spacing:.08em;background:repeating-linear-gradient(45deg,#e4dfd3,#e4dfd3 8px,#dcd7ca 8px 16px)}.pz__empty i{font-style:normal;font-size:2rem;line-height:1;font-weight:300}.pz.has-photo .pz__empty,.pz.is-sample .pz__empty{display:none}.pz__card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.pz__cap{display:block;width:100%;margin-top:0;border:0;background:var(--pz-frame,#fbfaf6);font-family:var(--font-hand);font-size:1.35rem;line-height:1.1;text-align:center;color:var(--pz-ink,#2a2722);padding:.35rem .4rem .75rem;box-shadow:0 10px 22px -8px #00000059;border-radius:0 0 2px 2px}.pz__cap::placeholder{color:var(--pz-ink,#2a2722);opacity:.32}.pz__cap:focus{outline:2px solid var(--accent);outline-offset:-2px}.pz__x{position:absolute;top:-.5rem;right:-.5rem;width:1.7rem;height:1.7rem;border-radius:50%;border:0;background:#17151a;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:none;z-index:2}.pz.has-photo .pz__x{display:block}.pz__card{border-radius:2px 2px 0 0;box-shadow:none}.pz{filter:drop-shadow(0 10px 14px rgb(0 0 0/.28))}.pz__cap{box-shadow:none}[data-frame=cream]{--pz-frame:#efe3c8;--pz-ink:#3a3020}[data-frame=black]{--pz-frame:#17151a;--pz-ink:#f2efe8}[data-look=warm] .pz__photo img{filter:sepia(.28) saturate(1.15) contrast(1.04) brightness(1.02)}[data-look=black-white] .pz__photo img{filter:grayscale(1) contrast(1.12)}.opt__note{font-size:12px;color:var(--muted-foreground);margin:.7rem 0 0;line-height:1.5}.chip--glow .bulb{width:.7rem;height:.7rem;border-radius:50%;background:#ffd27a;box-shadow:0 0 8px 2px #ffbe5ab3;display:block}.strand,.pz-grid{--g:1.2rem}.wire{position:absolute;z-index:1;left:calc(var(--g) / -2);width:calc(100% + var(--g));top:var(--wy,-1.5rem);height:var(--wh,1rem);border-bottom:1.5px solid var(--wirec,#8d6a45);border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none;filter:drop-shadow(0 1px 1px rgb(0 0 0/.35))}.wire i{position:absolute;display:none;width:.5rem;height:.72rem;margin-left:-.25rem;border-radius:50%/55% 55% 45% 45%;background:radial-gradient(circle at 38% 30%,#fffdf3 0 14%,#ffe9a8 34%,#ffbd55 72%,#e08a1c);box-shadow:0 0 6px 2px #ffc464d9,0 0 20px 7px #ffa03c61,0 0 46px 16px #ff8c2824;animation:bulbtw 4.2s ease-in-out infinite}.wire i:before{content:"";position:absolute;left:50%;top:-.22rem;width:.28rem;height:.3rem;margin-left:-.14rem;background:linear-gradient(90deg,#4a3b2a,#8a7050,#4a3b2a);border-radius:1px}.wire i:nth-child(1){left:0;top:0}.wire i:nth-child(2){left:33.3%;top:94%;animation-delay:-1.4s}.wire i:nth-child(3){left:66.7%;top:94%;animation-delay:-2.8s}@keyframes bulbtw{0%,to{filter:brightness(1)}50%{filter:brightness(.82)}}.strand[data-lights=on] .wire i,[data-view=wall][data-lights=on] .pz .wire i{display:block}.strand[data-lights=on],[data-view=wall][data-lights=on] .pz{--wirec:#b88a55}.hp:nth-child(2n) .wire i{filter:hue-rotate(-8deg)}.hp__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffc87847,#ffc87800 38%)}[data-view=wall][data-lights=on] .pz__photo{box-shadow:inset 0 24px 26px -18px #ffcd82a6}[data-view=wall][data-lights=on] .pz{filter:drop-shadow(0 10px 14px rgb(0 0 0/.35)) drop-shadow(0 -4px 14px rgb(255 175 80/.22))}[data-view=wall] .pz-grid{padding-top:2.6rem;row-gap:2.8rem}[data-view=wall] .pz{--wy:-1.15rem;--wh:.9rem;margin-top:1.1rem}[data-view=wall] .pz__card{position:relative;margin-top:.1rem}[data-view=wall] .pz__card:before{content:"";position:absolute;z-index:3;left:50%;top:-.95rem;width:.7rem;height:1.5rem;margin-left:-.35rem;background:linear-gradient(90deg,#d4a56c,#a8773f 60%,#8f6130);border-radius:2px;box-shadow:0 1px 2px #0006;pointer-events:none}[data-view=wall] .pz__card:after{content:"";position:absolute;z-index:4;left:50%;top:-.6rem;width:.2rem;height:.2rem;margin-left:-.1rem;border-radius:50%;background:#5a3d1c;pointer-events:none}[data-view=wall] .pz__x{z-index:5}[data-view=wall][data-lights=on] .pz-grid{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgb(255 176 80/.2),transparent 70%),linear-gradient(180deg,#2a2530,#19161c);border-color:#2b2631}[data-view=wall] .pz-grid{transition:background .6s,border-color .6s}[data-view=grid] .pz-grid{background:linear-gradient(180deg,#fff6,#0000000d),#ddd7ca}.studio:has(.pzhero){padding-top:0}.pzhero{position:relative;overflow:hidden;color:#f6efe2;padding:clamp(3.5rem,8vw,6.5rem) 0 clamp(3rem,6vw,5rem);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgb(255 176 80/.2),transparent 70%),linear-gradient(180deg,#1b1722,#251c2a 55%,#171319);margin-bottom:clamp(3rem,6vw,5rem)}.pzhero__stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff8,transparent),radial-gradient(1px 1px at 28% 60%,#fff6,transparent),radial-gradient(1.5px 1.5px at 47% 14%,#fff7,transparent),radial-gradient(1px 1px at 63% 48%,#fff6,transparent),radial-gradient(1.5px 1.5px at 78% 20%,#fff8,transparent),radial-gradient(1px 1px at 90% 66%,#fff6,transparent),radial-gradient(1px 1px at 6% 78%,#fff5,transparent),radial-gradient(1px 1px at 55% 82%,#fff5,transparent)}.pzhero__inner{position:relative;text-align:center;display:grid;justify-items:center;gap:1.1rem}.pzhero__eyebrow{font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:#ffcf8a;margin:0}.pzhero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,8vw,5.6rem);line-height:1;letter-spacing:-.02em;margin:0;color:#fff7ea;text-wrap:balance}.pzhero__title span{display:block;font-family:var(--font-hand);font-weight:600;font-size:1.05em;color:#ffcf8a;text-shadow:0 0 24px rgb(255 176 80/.55);transform:rotate(-2deg);letter-spacing:0}.pzhero__text{max-width:34rem;margin:0;color:#d9cdbb;font-size:15px;line-height:1.7}.pzhero__cta{margin-top:.6rem}.strand{position:relative;display:flex;justify-content:center;gap:1.2rem;padding-inline:1rem;margin-top:3.2rem}.strand--hero+.strand--hero{margin-top:3.6rem;padding-left:7rem}.hp{--wy:-1.5rem;--wh:1rem;position:relative;flex:0 0 auto;width:clamp(6.2rem,14vw,11rem);margin:0}.hp__card{display:block;position:relative;background:var(--hp-frame,#fbfaf6);padding:6% 6% 0;box-shadow:0 14px 26px -10px #0009;transform:rotate(var(--r,0deg));transform-origin:50% -1.4rem;animation:sway 7s ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -1.4s)}.hp__card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.hp__cap{display:block;font-style:normal;font-family:var(--font-hand);font-size:clamp(1rem,1.8vw,1.35rem);line-height:1;text-align:center;color:var(--hp-ink,#2a2722);padding:.5rem .2rem .75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes sway{0%{transform:rotate(calc(var(--r,0deg) - 1.6deg))}to{transform:rotate(calc(var(--r,0deg) + 1.6deg))}}.strand[data-frame=cream]{--hp-frame:#efe3c8;--hp-ink:#3a3020}.strand[data-frame=black]{--hp-frame:#17151a;--hp-ink:#f2efe8}.strand[data-look=warm] img{filter:sepia(.28) saturate(1.15) contrast(1.04) brightness(1.02)}.strand[data-look=black-white] img{filter:grayscale(1) contrast(1.12)}@media(max-width:700px){.strand--hero .hp:nth-child(n+4){display:none}.strand--hero+.strand--hero{padding-left:1rem}.strand{gap:.8rem;--g:.8rem}}.build{scroll-margin-top:calc(var(--header-h) + 1rem)}.pz.is-sample .pz__photo:after{content:"sample";position:absolute;left:.4rem;bottom:.4rem;font:600 9px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;padding:.28rem .5rem;border-radius:99px;background:#0000008c;color:#fff}.pz.is-sample .pz__cap::placeholder{opacity:.6}.pz__photo img{background:#d9d4c8}@media(prefers-reduced-motion:reduce){.hp__card,.strand[data-lights=on] .hp:after{animation:none}}.split-stage{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;--pa:.667}.split-stage.is-drag{cursor:grabbing}.split-wall{padding:clamp(1.5rem,6vw,4rem) clamp(1rem,5vw,3.5rem);background:linear-gradient(180deg,#ffffff59,#0000000f),var(--wall,#e9e4da);transition:background .3s}.studio[data-wall-tone=dark] .split-wall{--wall:#26242a;background:linear-gradient(180deg,#ffffff0d,#00000040),#26242a}.split-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.5rem,2vw,1.4rem)}.split-panel{aspect-ratio:var(--pa);background-color:#bbb;background-repeat:no-repeat;box-shadow:0 2px 3px #00000040,0 18px 30px -12px #00000073;border-radius:1px}.split-hint{position:absolute;left:50%;bottom:.8rem;transform:translate(-50%);margin:0;padding:.35rem .8rem;font-size:12px;border-radius:99px;background:#000000a6;color:#fff;pointer-events:none;white-space:nowrap}.split-tools{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;align-items:center;margin-top:1.2rem}.split-zoom{display:flex;align-items:center;gap:.7rem;font-size:13px;color:var(--muted-foreground)}.split-zoom input{width:9rem;accent-color:var(--accent)}.split-walls{display:flex;gap:.4rem;margin-left:auto}.split-walls button{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--border);padding:3px;background:transparent;cursor:pointer}.split-walls button[aria-pressed=true]{border-color:var(--foreground)}.split-walls i{display:block;width:100%;height:100%;border-radius:50%}@media(prefers-reduced-motion:reduce){.pz,.split-wall{transition:none}}.makeit{padding-block:clamp(3rem,7vw,6rem)}.makeit__head{max-width:40rem;margin-bottom:2rem;display:grid;gap:.8rem}.makeit__grid{display:grid;gap:1.2rem}@media(min-width:760px){.makeit__grid{grid-template-columns:1fr 1fr}}.makeit__card{display:grid;gap:1.2rem;padding:1.6rem;border:1px solid var(--border);background:var(--card);border-radius:6px;text-decoration:none;color:inherit;transition:transform .3s var(--ease),border-color .3s}.makeit__card:hover{transform:translateY(-4px);border-color:var(--foreground)}.makeit__art{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:11rem;background:#80808014;border-radius:4px;padding:1rem;overflow:hidden}.makeit__art--pol i{display:block;width:5.2rem;aspect-ratio:88/105;background:#fbfaf6;padding:.32rem .32rem 1.1rem;box-shadow:0 8px 16px -6px #0006;transform:rotate(var(--r))}.makeit__art--pol i:after{content:"";display:block;aspect-ratio:1;background:var(--g)}.makeit__art--split b{display:block;width:4.2rem;aspect-ratio:2/3;background-size:300% 100%;background-image:var(--img);background-position:var(--p) 50%;box-shadow:0 8px 16px -6px #0006}.makeit__card h3{font-family:var(--font-display);font-weight:400;font-size:1.7rem;line-height:1.1;margin:0}.makeit__card p{margin:.4rem 0 0;color:var(--muted-foreground);font-size:14px;line-height:1.6}.makeit__card .arrow{margin-left:.3rem}html:has(.studio){scroll-behavior:smooth}.build .studio__head{margin-bottom:1.6rem}.build .pz-grid{border-radius:14px;padding:2rem 1.6rem 1.8rem;border:1px solid rgb(120 100 70/.18);background:radial-gradient(ellipse 90% 70% at 50% 0%,#f8f2e6,#eadfca 85%);box-shadow:inset 0 0 80px #785a281f,0 30px 60px -40px #00000073}[data-view=grid] .build .pz-grid{background:radial-gradient(ellipse 90% 70% at 50% 0%,#f8f2e6,#eadfca 85%)}.build .studio__bar{padding:.4rem 0}.studio__panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.6rem 1.5rem 1.5rem;box-shadow:0 30px 60px -40px #00000073}.panel__kicker{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted-foreground);margin:0}.panel__summary{font-family:var(--font-display);font-size:1.25rem;line-height:1.3;margin:.35rem 0 1.4rem;min-height:2.6em;color:var(--foreground)}.studio__panel .opt{margin-bottom:1.25rem}.studio__panel .chip>span{border-radius:999px;padding:.6rem 1rem}.studio__panel .chip--sw i{width:.9rem;height:.9rem}.studio__panel .btn--block{border-radius:999px;padding-block:1.05rem}.studio__sticky{position:fixed;z-index:40;left:50%;bottom:1.1rem;transform:translate(-50%,140%);display:inline-flex;gap:.6rem;align-items:center;padding:.85rem 1.4rem;border-radius:999px;background:#ffcf8a;color:#2a1b08;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;font-weight:600;box-shadow:0 14px 30px -10px #ffa03cb3,0 4px 10px #0000004d;transition:transform .45s var(--ease),opacity .3s;opacity:0}.studio__sticky.is-on{transform:translate(-50%);opacity:1}@media(prefers-reduced-motion:reduce){html:has(.studio){scroll-behavior:auto}.wire i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/studio.css.map */