*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:#000;color:#fff;font-family:serif}#bg{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0000 35%,#000000e6),url(/img/cuando-pense-que-tormento-esquivo.webp) center / cover no-repeat;opacity:0;z-index:0}#bg.fades{transition:opacity 3s ease}.center{height:100vh;display:grid;place-items:center;text-align:center;position:relative;z-index:1}.content{text-align:left}h1{font-size:1.4rem;letter-spacing:.4em}.titlewrap{position:relative;display:grid;place-items:center;margin-bottom:1.4rem}.stamp{position:absolute;font-size:min(4.8rem,21vw);letter-spacing:.4em;opacity:.2;pointer-events:none;user-select:none;white-space:nowrap;transform:translateY(-.1rem)}.title{font-size:1.4rem;letter-spacing:.18em;position:relative}.claim{font-size:.8rem;letter-spacing:.25em;opacity:.6;margin-bottom:2.2rem;text-transform:lowercase}.claim.fades{transition:opacity .8s ease}nav{display:flex;gap:2.5rem;justify-content:center;font-size:1rem;letter-spacing:.22em}.link{position:relative;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}.link span{transition:opacity .25s ease}.link .hover{position:absolute;inset:0;opacity:0}@media(hover:hover){.link:hover .default{opacity:0}.link:hover .hover{opacity:1}.link:hover{border-bottom-color:#ffffffb3}}.link.is-tapped .default{opacity:0}.link.is-tapped .hover{opacity:1}.link.is-tapped{border-bottom-color:#ffffffb3}.footer{position:absolute;bottom:16px;font-size:.7rem;opacity:.4;letter-spacing:.15em}.soon{font-size:1.2rem;letter-spacing:.5em;opacity:0;margin-bottom:1rem;text-transform:lowercase}.soon.fades{transition:opacity 1.2s ease}.shop{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:4rem 1.5rem 6rem}.shop-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.shop-title{font-size:1.4rem;letter-spacing:.4em;text-transform:lowercase}.shop-intro{font-size:.8rem;letter-spacing:.2em;opacity:.5;text-transform:lowercase;margin-top:.6rem;max-width:36ch}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2.5rem}.card{color:#fff;text-decoration:none;display:block}.card-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.12)}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,opacity .6s ease,filter .6s ease}.card:hover .card-media img{transform:scale(1.04)}.card.is-sold .card-media img{filter:grayscale(1);opacity:.4}.badge{position:absolute;top:.8rem;left:.8rem;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;padding:.3rem .6rem;background:#000000a6;border:1px solid rgba(255,255,255,.25)}.card-body{padding-top:.9rem}.card-title{font-size:.95rem;letter-spacing:.15em;text-transform:lowercase}.card-meta{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.75rem;letter-spacing:.12em;opacity:.6}.detail{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:4rem 1.5rem 6rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.detail-media img{width:100%;display:block;border:1px solid rgba(255,255,255,.12)}.detail-media .thumb+.thumb{margin-top:1rem}.detail-info{align-self:start;position:sticky;top:3rem}.detail-title{font-size:1.6rem;letter-spacing:.18em;text-transform:lowercase}.detail-type{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;opacity:.5;margin-top:.8rem}.detail-desc{font-size:.9rem;line-height:1.7;opacity:.8;margin-top:1.5rem}.detail-price{font-size:1.3rem;letter-spacing:.1em;margin-top:2rem}.buy{display:inline-block;margin-top:1.5rem;padding:.9rem 2.4rem;border:1px solid rgba(255,255,255,.6);color:#fff;text-decoration:none;letter-spacing:.25em;text-transform:lowercase;font-size:.85rem;transition:background .25s ease,color .25s ease}.buy:hover{background:#fff;color:#000}.buy.is-disabled{opacity:.35;pointer-events:none;cursor:default}.back{display:inline-block;margin-top:2.5rem;font-size:.75rem;letter-spacing:.2em;text-transform:lowercase;color:#fff;opacity:.6;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}.back:hover{opacity:1}@media(max-width:720px){.detail{grid-template-columns:1fr}.detail-info{position:static}}.diy-wrap{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}.diy-head{position:relative;overflow:hidden;padding:56px 0 40px}.diy-head-bg{position:absolute;inset:0;background:url(/img/diy/2256.webp) center 40% / cover no-repeat;opacity:.22;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}.diy-head .diy-wrap{display:grid;gap:18px}.diy-head .back{justify-self:start;margin-top:0}.diy-titlewrap{position:relative;display:grid;justify-items:start}.diy-stamp{position:absolute;left:-.06em;top:50%;transform:translateY(-50%);font-size:clamp(5rem,16vw,12rem);letter-spacing:.3em;line-height:1;opacity:.12;pointer-events:none;user-select:none}.diy-title{position:relative;font-weight:400;font-size:1.4rem;letter-spacing:.4em}.diy-intro{max-width:44ch;font-size:.85rem;line-height:1.8;letter-spacing:.12em;color:#fff9}.diy-stage{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;background:#000}.diy-stage:active{cursor:grabbing}.diy-stage:focus-visible{outline:1px solid white;outline-offset:4px}.diy-slide{position:absolute;inset:0;display:flex;gap:6px;opacity:0}.diy-stage>.diy-slide:first-child{opacity:1;z-index:2}.diy-shot{position:relative;flex:1 1 0;min-width:0;overflow:hidden}.diy-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.diy-shot.is-contain img{object-fit:contain}.diy-shot.is-fade img+img{animation:diy-focus-pull 7s ease-in-out infinite}@keyframes diy-focus-pull{0%,30%{opacity:0}50%,80%{opacity:1}to{opacity:0}}.diy-lookbook .diy-stage{height:min(82vh,62vw)}.diy-tag,.diy-controls button{font:inherit;color:#fff;background:none;border:0;padding:0;cursor:pointer}.diy-tag{position:absolute;z-index:3;display:none;align-items:center;gap:8px;transform:translate(-5px,-50%);white-space:nowrap}.diy-tag.is-placed{display:flex}.diy-tag.is-placed[hidden]{display:none}.diy-tag.to-left{flex-direction:row-reverse;transform:translate(calc(-100% + 5px),-50%)}.diy-pin{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 6px #00000080}.diy-tag-label{font-size:.72rem;letter-spacing:.14em;padding:4px 10px 5px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.diy-tag:hover .diy-tag-label,.diy-tag:focus-visible .diy-tag-label{background:#000c}.diy-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;padding-top:16px;font-size:.8rem;letter-spacing:.16em;color:#fff9}.diy-controls{display:flex;align-items:baseline;gap:18px;font-variant-numeric:tabular-nums}.diy-controls button{font-size:1.1rem;line-height:1;padding:0 4px;opacity:.7}.diy-controls button:hover{opacity:1}.diy-howto{margin-top:72px;padding-bottom:96px}.diy-howto p{max-width:52ch;padding-top:28px;border-top:1px solid rgba(255,255,255,.16);font-size:.85rem;line-height:1.8;letter-spacing:.12em;color:#fff9}.diy-howto a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}.diy-pieces{display:grid;gap:32px;padding-top:88px}.diy-section-title{font-weight:400;font-size:1rem;letter-spacing:.4em}.diy-section-note{margin-top:8px;font-size:.8rem;letter-spacing:.12em;color:#ffffff61}.diy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:28px}.diy-card{position:relative}.diy-card.is-called{animation:diy-called 1.6s cubic-bezier(.2,.7,.2,1)}@keyframes diy-called{0%{box-shadow:0 0 #fff0}25%{box-shadow:0 0 0 10px #ffffff38}to{box-shadow:0 0 0 22px #fff0}}.diy-card.is-sold img{filter:grayscale(1);opacity:.45}.diy-flip{position:relative;aspect-ratio:1;perspective:1600px}.diy-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.diy-front{background:#0a0a0a}.diy-front .diy-stage{position:absolute;inset:0}.diy-card.is-flipped .diy-front{transform:rotateY(-180deg)}.diy-back{transform:rotateY(180deg);display:flex;flex-direction:column;gap:12px;padding:20px;overflow-y:auto;background:#000;border:1px solid rgba(255,255,255,.3)}.diy-card.is-flipped .diy-back{transform:rotateY(0)}.diy-count{position:absolute;z-index:3;top:10px;right:12px;font-size:.7rem;letter-spacing:.14em;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:none}.diy-overlay{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:baseline;padding:56px 16px 14px;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.35) 60%,transparent);pointer-events:none}.diy-card-name{display:flex;align-items:baseline;gap:10px;font-size:1rem;letter-spacing:.15em}.diy-dot{flex:none;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 1px #ffffff59;transform:translateY(-1px)}.diy-card-garment{grid-column:1;font-size:.72rem;letter-spacing:.12em;color:#fff9}.diy-card-price{grid-row:1;grid-column:2;justify-self:end;font-size:.8rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}.diy-reserve,.diy-back-close{font:inherit;color:#fff;background:none;border:0;padding:0;cursor:pointer}.diy-reserve{grid-row:2;grid-column:2;justify-self:end;pointer-events:auto;padding-bottom:1px;font-size:.72rem;letter-spacing:.2em;border-bottom:1px solid rgba(255,255,255,.5)}.diy-reserve:hover{border-bottom-color:#fff}.diy-back-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.diy-back-close{white-space:nowrap;font-size:.72rem;letter-spacing:.2em;color:#fff9;border-bottom:1px solid rgba(255,255,255,.3)}.diy-back-close:hover{color:#fff}.diy-back-source{font-size:.72rem;line-height:1.6;letter-spacing:.12em;color:#ffffff61}.diy-back-desc{font-size:.8rem;line-height:1.7;letter-spacing:.05em;color:#fff9}.diy-back-ask{margin-top:auto;font-size:.8rem;line-height:1.6;letter-spacing:.08em}.diy-back-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.diy-dm{padding:.7rem 1.4rem;border:1px solid rgba(255,255,255,.6);color:#fff;text-decoration:none;font-size:.75rem;letter-spacing:.22em;transition:background .25s ease,color .25s ease}.diy-dm:hover{background:#fff;color:#000}.diy-back-price{font-size:.9rem;letter-spacing:.1em;font-variant-numeric:tabular-nums}.diy-back-note{font-size:.7rem;line-height:1.6;letter-spacing:.12em;color:#ffffff61}@media(max-width:760px){.diy-lookbook .diy-stage{height:auto;aspect-ratio:4 / 5}.diy-shot.is-contain img{object-fit:cover}.diy-pieces{padding-top:64px}}@media(prefers-reduced-motion:reduce){.diy-shot.is-fade img+img{animation:none}.diy-face{transition:none}.diy-card.is-called{animation:none;outline:1px solid white}}@keyframes enter-rise{0%{opacity:0;translate:0 12px}}@keyframes enter-focus{0%{opacity:0;filter:blur(10px)}}@keyframes enter-fade{0%{opacity:0}}@media(prefers-reduced-motion:no-preference){.stamp{animation:enter-focus 2.4s cubic-bezier(.2,.7,.2,1) .1s backwards}.title{animation:enter-rise 1.6s cubic-bezier(.2,.7,.2,1) .3s backwards}.claim{animation:enter-rise 1.6s cubic-bezier(.2,.7,.2,1) .7s backwards}nav{animation:enter-rise 1.6s cubic-bezier(.2,.7,.2,1) 1s backwards}.footer{animation:enter-fade 2s ease 1.6s backwards}.diy-head-bg{animation:enter-fade 2.4s ease backwards}.diy-head .back{animation:enter-fade 1.2s ease .9s backwards}.diy-stamp{animation:enter-focus 2.4s cubic-bezier(.2,.7,.2,1) .1s backwards}.diy-title{animation:enter-rise 1.6s cubic-bezier(.2,.7,.2,1) .3s backwards}.diy-intro{animation:enter-rise 1.6s cubic-bezier(.2,.7,.2,1) .55s backwards}.diy-lookbook{animation:enter-rise 1.8s cubic-bezier(.2,.7,.2,1) .8s backwards}@supports (animation-timeline: view()){.diy-card>.diy-flip{animation:enter-rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 80%}}}