.close{min-height:var(--screen);grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);align-items:start;row-gap:8vh;padding:14vh 0 18vh;display:grid;position:relative}.close__card{grid-area:1/2/3/7}.swatchcard{pointer-events:auto;background:#f4f3ef;margin-top:1em;padding:clamp(22px,2.4vw,38px) clamp(22px,2.4vw,38px) clamp(26px,2.8vw,42px);position:relative;box-shadow:inset 0 0 0 1px #ffffffb3,0 0 0 1px #03030312,-16px 34px 60px -40px #03030380}.swatchcard:before{content:"";mix-blend-mode:multiply;opacity:.14;pointer-events:none;background:#ececec url(/backgrounds/room-printed-neutral.webp) 60% 20%/1100%;position:absolute;inset:0}.swatchcard__head{font-family:var(--font-sans);font-size:var(--t-number);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid #0303032e;justify-content:space-between;margin:0 0 1.6em;padding-bottom:.7em;display:flex;position:relative}.swatchcard__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8em 1.4em;margin:0;padding:0;list-style:none;display:grid;position:relative}.swatchcard__piece{font-family:var(--font-sans);font-size:var(--t-number);flex-direction:column;gap:.2em;display:flex}.swatchcard__cloth{margin-bottom:.7em;display:block;position:relative}.swatchcard__stitch{transform-origin:0;background:repeating-linear-gradient(90deg,#282828bf 0 6px,#0000 6px 10px) 0 1px/100% 1px no-repeat,repeating-linear-gradient(90deg,#ffffffb3 0 6px,#0000 6px 10px) 0 0/100% 1px no-repeat;height:2px;position:absolute;top:9%;left:32%;right:32%}.swatchcard__name{font-family:var(--font-serif);font-size:var(--t-step-text);line-height:1.2}.swatchcard__kind{color:var(--ink-soft)}.swatchcard__off{color:var(--ink-soft);pointer-events:auto;transition:color .3s var(--enter);align-self:flex-start;margin-top:.2em}.swatchcard__off:hover,.swatchcard__off:focus-visible{color:var(--ink)}.swatchcard[data-landed=no] .swatchcard__cloth{opacity:0}.swatchcard[data-landed=yes] .swatchcard__cloth{animation:swatch-land .6s var(--enter) calc(var(--i,0) * .12s) both}.swatchcard[data-landed=yes] .swatchcard__stitch{animation:swatch-stitch .35s var(--enter) calc(.55s + var(--i,0) * .12s) both}@keyframes swatch-land{0%{opacity:0;transform:translate3d(6px, -22px, 0) rotate(calc(var(--turn,0deg) * 3));filter:drop-shadow(-12px 24px 14px #0303032e)}}@keyframes swatch-stitch{0%{transform:scaleX(0)}}.swatchcard__slot{aspect-ratio:1;border:1px dashed #03030347;display:block}.swatchcard__empty{font-family:var(--font-serif);font-size:var(--t-step-text);color:var(--ink-soft);margin:1.4em 0 0;line-height:1.36;position:relative}.swatchcard__for{font-family:var(--font-sans);font-size:var(--t-number);letter-spacing:.02em;border-top:1px solid #0303032e;margin:1.8em 0 0;padding-top:.8em;line-height:1.5;position:relative}.swatchcard__for span{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-right:.6em}.close__send{grid-area:1/8/auto/12;padding-top:2.4em}.close__says{font-family:var(--font-serif);font-size:var(--t-body);text-wrap:pretty;margin:0;line-height:1.32}.close__says--empty{color:var(--ink-soft)}.close__copy{font-family:var(--font-sans);font-size:var(--t-more);pointer-events:auto;margin-top:.8em}.close__ways{margin-top:2.4em}.close__enquire{font-family:var(--font-serif);font-size:var(--t-name);pointer-events:auto;padding-bottom:.18em;line-height:1.1;display:inline-block;position:relative}.close__enquire:after{content:"";transform-origin:0;height:3px;transition:transform .5s var(--enter);background:linear-gradient(#ffffffe6 0 1px,#0000 1px),linear-gradient(#0000 0 1px,#0303038c 1px 2px,#0303031f 2px);position:absolute;bottom:0;left:0;right:0}.close__enquire:hover:after{transform:scaleX(1.06)}.close__others{font-family:var(--font-sans);font-size:var(--t-chip);flex-wrap:wrap;align-items:baseline;gap:.6em 2em;margin:1.2em 0 0;display:flex}.close__others a,.close__others button{pointer-events:auto}.close__waiting{color:var(--ink-soft)}.close__record{font-family:var(--font-sans);font-size:var(--t-more);color:var(--ink-soft);margin:2em 0 0}.close__note{flex-direction:column;gap:.35em;margin:2.2em 0 0;display:flex}.close__note-kind{font-family:var(--font-sans);font-size:var(--t-number);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.close__note-title{font-family:var(--font-serif);font-size:var(--t-step-text);text-underline-offset:.18em;pointer-events:auto;transition:text-decoration-color .3s var(--enter);align-self:flex-start;line-height:1.3;-webkit-text-decoration:underline #0303035c;text-decoration:underline #0303035c;text-decoration-thickness:1px}.close__note-title:hover,.close__note-title:focus-visible{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.close__next{grid-area:2/8/auto/12;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-self:end;align-items:end;gap:1.6em;display:grid}.close__frame{background:linear-gradient(#ffffff80,#ffffff38);border:1px solid #03030329;padding:clamp(6px,.6vw,10px);box-shadow:0 1px #ffffff80,-8px 16px 36px -28px #03030380}.close__frame>img{aspect-ratio:4/3;width:100%;height:auto;display:block}.close__next-name{font-family:var(--font-serif);font-size:var(--t-step-title);color:var(--ink);margin:0;line-height:1.1;display:block}.close__to{pointer-events:auto;cursor:pointer}.close__frame.close__to{transition:transform .6s var(--enter);display:block}.close__frame.close__to:hover{transform:scale(.985)}.close__next-name.close__to:hover,.close__next-name.close__to:focus-visible{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.close__credits{font-family:var(--font-sans);font-size:var(--t-number);color:var(--ink-soft);pointer-events:auto;margin-top:1.4em;display:inline-block}.close a:focus-visible,.close button:focus-visible{outline:1px solid var(--ink);outline-offset:5px}@media (max-width:1024px){.close{padding:12vh var(--edge-x) max(calc(var(--edge-y) + 7.5rem), 24vh);flex-direction:column;gap:3.6em;display:flex}.close__send{padding-top:0}.swatchcard__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.close__next{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.swatchcard[data-landed=yes] .swatchcard__cloth,.swatchcard[data-landed=yes] .swatchcard__stitch{animation:none}.close__enquire:after{transition:none}}