.hero{position:relative;isolation:isolate;padding:var(--s4) 0 var(--s7)}.hero__light{position:absolute;inset:calc(-1 * var(--header-h)) 0 0;z-index:-1;pointer-events:none;background:radial-gradient(48% 42% at 76% 22%,#fff4def2,#fff4de00 72%),linear-gradient(116deg,transparent 30%,rgba(255,255,255,.6) 43%,transparent 57%);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}.hero__grid{display:grid;grid-template-areas:"head" "board" "cta" "pick";gap:var(--s4)}.hero__head{grid-area:head}.hero__title{margin-bottom:var(--s3);max-width:11ch}.hero__sub{font-size:16.5px;line-height:1.5;color:var(--ink-2);max-width:44ch;margin:0;text-wrap:pretty}.hero__cta{grid-area:cta;display:grid;gap:4px;justify-items:stretch}.hero__cta .btn--text{justify-self:center}.hero__fine{font-size:13px;color:var(--muted);text-align:center;margin:2px 0 0}.table{grid-area:board;margin:0;perspective:1200px}.table__board{position:relative;aspect-ratio:1 / .96;border-radius:var(--r-stage);overflow:visible;background:radial-gradient(90% 75% at 55% 38%,#fff,#fcfcfa 55%,#f1f2ef);border:1px solid var(--hair);box-shadow:var(--sh-2),0 0 0 6px #ffffff59}.table__board>.sheen{border-radius:inherit;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(40% 40% at 50% 50%,rgba(255,244,222,.6),transparent 70%)}.table__line{position:absolute;top:6%;right:8%;bottom:13%;left:26%}.line-canvas{width:100%;height:100%;object-fit:contain}.table__ref{position:absolute;z-index:3;left:3%;top:7%;width:29%;padding:5px 5px 22px;background:#fff;border-radius:6px;transform:rotate(-6deg);box-shadow:0 1px 1px #00000014,0 14px 28px -12px #00000073}.table__ref img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:3px;background:var(--paper-2)}.table__ref .tag{position:absolute;left:50%;bottom:3px;transform:translate(-50%);background:none;border:0;box-shadow:none;padding:2px 4px;font-size:10.5px;color:var(--muted)}.table__clip{position:absolute;z-index:2;top:-9px;left:50%;width:30px;height:16px;transform:translate(-50%);border-radius:4px 4px 3px 3px;background:linear-gradient(180deg,#3a3e43,var(--ink));box-shadow:0 2px 3px #0000004d}.table__clip:after{content:"";position:absolute;left:7px;right:7px;top:-6px;height:8px;border:1.6px solid #6c7178;border-bottom:0;border-radius:6px 6px 0 0}.table__ref.is-dropping{animation:drop-in .46s var(--ease-out)}@keyframes drop-in{0%{transform:translateY(-14px) rotate(-11deg);opacity:.4}to{transform:rotate(-6deg);opacity:1}}.tag--line{right:14px;bottom:14px}.table__cap{position:absolute;left:18px;bottom:14px;display:grid;gap:1px;max-width:64%;line-height:1.25}.table__cap strong{font:560 17px/1.1 var(--font-display);letter-spacing:-.02em}.table__cap span{font-size:12px;color:var(--muted)}.table__pick{grid-area:pick;display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;margin:0 -2px;scrollbar-width:none}.table__pick::-webkit-scrollbar{display:none}.pick{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border-radius:var(--r-pill);border:1px solid var(--hair-2);background:#fff9;font:540 14px/1 var(--font-ui);color:var(--ink-2);flex:none;transition:border-color .16s ease,background-color .16s ease,transform var(--t-press) var(--ease-out)}.pick img{width:34px;height:34px;border-radius:50%;object-fit:cover}.pick[aria-checked=true]{border-color:var(--ink);background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.pick:active{transform:scale(.96)}@media(min-width:720px){.hero{padding:var(--s8) 0 var(--s9)}.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);grid-template-areas:"head board" "cta board" ". pick";column-gap:clamp(32px,6vw,96px);row-gap:var(--s5);align-items:end}.hero__head{align-self:end}.hero__title{max-width:9ch;margin-bottom:var(--s5)}.hero__sub{font-size:19px}.hero__cta{align-self:start;justify-items:start}.hero__cta .btn--text{justify-self:start}.hero__fine{text-align:left}.table__board{aspect-ratio:1 / 1.02}.table__cap strong{font-size:20px}.table__cap span{font-size:13px}.table__pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}.pick{padding:3px 8px 3px 3px;gap:6px;font-size:13.5px;min-width:0}.pick img{width:32px;height:32px}.pick span{overflow:hidden;text-overflow:ellipsis}}@media(max-width:719px){.hero__title{font-size:clamp(42px,12vw,64px)}.hero__cta .btn--xl{width:100%}}.moves{padding-block:var(--section)}.moves .h2{margin-bottom:var(--s6);max-width:16ch}.moves__grid{display:grid;gap:var(--s4);list-style:none;padding:0;margin:0}.move{padding:12px 12px var(--s5);display:grid;align-content:start}.move h3{font:560 21px/1.15 var(--font-display);letter-spacing:-.02em;margin:0 12px 6px}.move p{margin:0 12px;color:var(--ink-2);font-size:15px}.move__n{margin:18px 12px 8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--hair-3);font:600 13px/1 var(--font-ui)}.move__vis{position:relative;aspect-ratio:4 / 3;border-radius:calc(var(--r-card) - 6px);overflow:hidden;background:radial-gradient(80% 70% at 50% 30%,#fff,var(--paper-2));border:1px solid var(--hair)}.mini-drop{position:absolute;top:14%;right:18%;bottom:14%;left:18%;border:1.5px dashed var(--hair-3);border-radius:18px;display:grid;place-content:center;justify-items:center;gap:6px;color:var(--muted);font-size:13px;transition:border-color .3s ease,background-color .3s ease}.mini-drop__icon svg{width:26px;height:26px}.mini-photo{position:absolute;left:50%;top:50%;width:30%;border-radius:8px;border:4px solid #fff;box-shadow:0 14px 30px -12px #00000073;transform:translate(60%,-120%) rotate(12deg);opacity:0;transition:transform .8s var(--ease-out) .25s,opacity .4s ease .25s}.move__vis--drop.is-on .mini-photo{transform:translate(-50%,-50%) rotate(-4deg);opacity:1}.move__vis--drop.is-on .mini-drop{border-color:var(--ink);background:#fff4de80}.move__vis--draw{background:radial-gradient(70% 60% at 50% 40%,var(--night-2),var(--night));border-color:transparent}.move__line{position:absolute;top:8%;right:20%;bottom:8%;left:20%}.move__line canvas{filter:drop-shadow(0 0 4px rgba(255,178,74,.45))}.fan{position:absolute;left:50%;top:52%;width:46%;aspect-ratio:1;border-radius:14px;background:#fff;border:1px solid var(--hair);box-shadow:0 16px 30px -16px #0006;transform:translate(-50%,-50%);transition:transform .7s var(--ease-out)}.fan img{width:100%;height:100%;object-fit:contain}.move__vis--fan.is-on .fan--0{transform:translate(-102%,-48%) rotate(-9deg)}.move__vis--fan.is-on .fan--1{transform:translate(-50%,-54%);z-index:2}.move__vis--fan.is-on .fan--2{transform:translate(2%,-48%) rotate(9deg)}@media(hover:hover)and (pointer:fine){.move:hover .move__vis--fan.is-on .fan--0{transform:translate(-112%,-50%) rotate(-12deg)}.move:hover .move__vis--fan.is-on .fan--2{transform:translate(12%,-50%) rotate(12deg)}}@media(min-width:900px){.moves__grid{grid-template-columns:repeat(3,1fr)}}.wall{padding-block:var(--section) 0}.wall__head{display:grid;gap:var(--s2);margin-bottom:var(--s5)}.wall__sub{color:var(--muted);max-width:52ch;margin:0}.wall__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,300px);gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(var(--gutter),env(safe-area-inset-left)) 24px;scroll-padding-inline:var(--gutter);scrollbar-width:thin}.wall__track>*{scroll-snap-align:start}@media(min-width:1100px){.wall__track{max-width:var(--max);margin:0 auto;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;overflow:visible}}.pcard{position:relative;display:grid;gap:12px;text-decoration:none;color:inherit;border-radius:var(--r-card);padding:8px 8px 14px;background:#ffffff8c;border:1px solid var(--hair);transition:background-color .2s ease,box-shadow .24s ease;transform-style:preserve-3d;will-change:transform}.pcard__media{aspect-ratio:1;border-radius:calc(var(--r-card) - 6px);background:radial-gradient(80% 70% at 50% 35%,#fff,#f6f6f3 60%,#eceeea)}.pcard__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:6%}.pcard__meta{padding:0 8px;display:grid;gap:2px}.pcard__name{font:560 18px/1.2 var(--font-display);letter-spacing:-.02em}.pcard__tag{margin:0;font-size:13.5px;color:var(--muted);line-height:1.4}.pcard__price{margin:6px 0 0;display:flex;justify-content:space-between;align-items:center;font-weight:560;font-size:14.5px}.pcard__dots{display:inline-flex}.pcard__dots i{width:12px;height:12px;border-radius:50%;margin-left:-3px;box-shadow:0 0 0 1.5px var(--paper),inset 0 0 0 1px #00000026}@media(hover:hover)and (pointer:fine){.pcard:hover{background:var(--paper);box-shadow:var(--sh-2)}}.pcard:active{transform:scale(.985)}.bento-sec{padding-block:var(--section)}.bento-sec .h2{margin-bottom:var(--s6);max-width:18ch}.bento{display:grid;gap:var(--s3)}.cell{padding:var(--s5);display:grid;align-content:start;gap:6px}.cell h3{font:560 20px/1.2 var(--font-display);letter-spacing:-.02em;margin-bottom:4px}.cell p{margin:0;color:var(--ink-2);font-size:15px}.cell--ink{gap:var(--s5);overflow:hidden;grid-template-columns:minmax(0,1fr)}.cell>*{min-width:0}.cell--ink .seg{margin:14px 0 10px;flex-wrap:wrap;border-radius:22px;overflow:visible}.cell__reason{font-size:14px!important;color:var(--muted)!important;min-height:3em}.ink-demo{display:grid;place-items:center}.ink-demo__fabric{position:relative;width:min(100%,320px);aspect-ratio:1;border-radius:28px;transition:background-color .4s ease;box-shadow:inset 0 0 0 1px #00000014,inset 0 -30px 60px #0000001f,inset 0 20px 40px #ffffff14,0 18px 40px -20px #0006;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px);background-size:4px 4px}.ink-demo__line{position:absolute;top:12%;right:18%;bottom:12%;left:18%;-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat;transition:background-color .4s ease}.cell--checker .checker{aspect-ratio:16 / 9;border-radius:14px;margin-bottom:10px;display:grid;place-items:center;background:repeating-conic-gradient(#eef0ec 0 25%,#fff 0 50%) 0 0 / 18px 18px;border:1px solid var(--hair)}.checker img{height:88%;width:auto}.cell .link-arrow{margin-top:6px}@media(min-width:900px){.bento{grid-template-columns:repeat(6,1fr)}.cell--ink{grid-column:span 4;grid-row:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;align-content:center}.cell:nth-child(2),.cell:nth-child(3){grid-column:span 2}.cell:nth-child(4),.cell:nth-child(5){grid-column:span 3}}.faces{padding-block:var(--section) 0}.faces__head{display:grid;gap:var(--s2);margin-bottom:var(--s5)}.faces__head p{color:var(--muted);margin:0;max-width:54ch}.faces__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(42vw,200px);gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:6px max(var(--gutter),env(safe-area-inset-left)) 18px;scroll-padding-inline:var(--gutter)}.faces__track li{scroll-snap-align:start}@media(min-width:1100px){.faces__track{max-width:var(--max);margin:0 auto;grid-auto-flow:row;grid-template-columns:repeat(8,1fr);grid-auto-columns:auto;overflow:visible}}.flip{display:block;width:100%;padding:0;border:0;background:none;perspective:900px;border-radius:16px}.flip__inner{position:relative;display:block;aspect-ratio:3 / 4;transform-style:preserve-3d;transition:transform .64s var(--ease-in-out)}.flip[aria-pressed=true] .flip__inner{transform:rotateY(180deg)}.flip__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--hair);box-shadow:var(--sh-1)}.flip__front img{width:100%;height:100%;object-fit:cover}.flip__back{transform:rotateY(180deg);background:radial-gradient(80% 70% at 50% 35%,#fff,#f3f4f1);display:grid;place-items:center}.flip__back img{width:82%;height:82%;object-fit:contain}.flip__cap{margin:8px 2px 0;font-size:13px;color:var(--muted);line-height:1.3}.flip__cap strong{color:var(--ink);font-weight:600}@media(hover:hover)and (pointer:fine){.flip:hover .flip__inner{transform:rotateY(-8deg)}.flip[aria-pressed=true]:hover .flip__inner{transform:rotateY(172deg)}}@media(prefers-reduced-motion:reduce){.flip__inner{transform:none!important;transition:none}.flip__back{transform:none;opacity:0;transition:opacity .2s ease}.flip[aria-pressed=true] .flip__back{opacity:1}}.closing{position:relative;isolation:isolate;padding-block:var(--section);text-align:center;margin-top:var(--section)}.closing__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(50% 60% at 50% 40%,rgba(255,244,222,.9),transparent 70%),linear-gradient(118deg,transparent 35%,rgba(255,255,255,.5) 48%,transparent 60%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.closing__in{display:grid;justify-items:center;gap:var(--s4)}.closing__title{max-width:12ch}.closing p{color:var(--ink-2);max-width:44ch;margin:0;font-size:17px}.closing__cta{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center;margin-top:var(--s3)}@media(max-width:520px){.closing__cta{display:grid;width:100%}}@media(min-width:1100px){.table__pick{grid-template-columns:repeat(6,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dyi-css-home.css.map */