@font-face{font-family:TWK Lausanne;src:url(/TWK-Lausanne.woff2) format("woff2")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{font-size:16px;--ds-color-bg:#f7f7ff;--ds-color-fg:#1a1a1a;--ds-color-fg-muted:#4f4f59;--ds-color-surface:#fff;--ds-color-surface-panel:#e8e8ef;--ds-color-surface-muted:#ddd;--ds-color-border:rgba(26,26,26,.1);--ds-color-border-strong:rgba(26,26,26,.2);--ds-color-hover:rgba(26,26,26,.06);--ds-color-focus-ring:#1a1a1a;--ds-color-danger:#b00020;--ds-color-scrim:#000;--ds-type-display:clamp(1.875rem,1.35rem + 2.4vw,2.875rem);--ds-type-title:clamp(1.625rem,1.25rem + 1.35vw,2.25rem);--ds-type-price:clamp(1.3125rem,1.05rem + 0.85vw,1.6875rem);--ds-type-body:1.0625rem;--ds-type-body-lg:1.125rem;--ds-type-caption:0.8125rem;--ds-type-overline:0.6875rem;--ds-lh-display:1.08;--ds-lh-title:1.12;--ds-lh-body:1.58;--ds-ls-display:-0.03em;--ds-ls-overline:0.07em;--page-padding:1.5rem;--ds-panel-pad-x:clamp(1.25rem,3.5vw,2.5rem);--ds-panel-pad-y:clamp(1.5rem,3vw,2.25rem);--ds-measure:42rem;--ds-radius-pill:624.9375rem;--ds-radius-md:0.75rem;--ds-stroke:1px;--ds-focus-ring:2px solid var(--ds-color-focus-ring);--ds-focus-offset:2px;--ds-ease:cubic-bezier(0.33,1,0.68,1);--ds-fast:180ms;--ds-control-pad-y:0.5rem;--ds-control-pad-x:1.125rem;--color-text:var(--ds-color-fg);--color-bg:var(--ds-color-bg);--color-link:var(--ds-color-fg);--color-link-hover:var(--ds-color-fg)}body{margin:0;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{max-width:100vw;overflow-x:hidden;font-family:TWK Lausanne,ui-monospace,monospace}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer;&:hover{text-decoration:underline;color:var(--color-link-hover)}&:focus{outline:none;background:var(--ds-color-hover);&:not(:focus-visible){background:transparent}&:focus-visible{outline:var(--ds-focus-ring);outline-offset:var(--ds-focus-offset);background:transparent}}}.site-header{position:fixed;top:0;left:0;z-index:1000;padding:var(--page-padding);pointer-events:none}.site-header__brand{display:block;line-height:0;pointer-events:auto}.site-header__logo{display:block;height:clamp(1.875rem,5.25vw,3rem);width:auto}.char,.line{transform:translate3d(0,100%,0)}.container{position:fixed;width:100vw;height:100vh;height:100dvh;top:0;left:0;transform-origin:center center;will-change:transform;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ds-color-scrim);z-index:2;pointer-events:none;opacity:0;transition:opacity .45s ease-in-out}}.grid{position:absolute;width:max-content;height:max-content;display:flex;gap:5vw}.--is-loaded{overflow:hidden;.grid{transition:transform .45s cubic-bezier(.33,1,.68,1);cursor:-webkit-grab;cursor:grab}.product div:hover img{transform:scale(1.05)}}.column{display:flex;flex-direction:column;gap:5vw}.column:nth-child(2n){margin-top:10vw}.product{position:relative;width:18.5vw;aspect-ratio:1/1;div{position:relative;width:18.5vw;aspect-ratio:1/1;background-color:var(--ds-color-surface-muted);cursor:pointer;transform-origin:center center;will-change:opacity,transform}img{position:absolute;width:100%;height:100%;object-fit:contain;will-change:transform;transition:transform .3s ease-in-out}@media (scripting:enabled){.container:not(.--is-loaded) & div{opacity:0;transform:scale(.5)}}}.details{position:fixed;top:0;right:0;width:50vw;height:100vh;height:100dvh;padding:var(--ds-panel-pad-y) var(--ds-panel-pad-x);background-color:var(--ds-color-surface-panel);box-shadow:inset 1px 0 0 var(--ds-color-border-strong);transform:translate3d(50vw,0,0);z-index:6;@media (max-width:600px){width:90%;height:100vh;height:100dvh;padding-left:clamp(1.25rem,5vw,2rem);padding-bottom:clamp(1.5rem,6vw,2.25rem);padding-right:clamp(1.25rem,5vw,2rem);padding-top:clamp(1.5rem,6vw,2.25rem);transform:translate3d(90%,0,0)}}.details__title{margin-bottom:clamp(1rem,2.5vw,1.75rem);position:relative;display:grid;@media (max-width:600px){margin-bottom:1.25rem}p{grid-area:1/-1;overflow:hidden;margin:0;font-size:var(--ds-type-display);font-weight:400;line-height:var(--ds-lh-display);letter-spacing:var(--ds-ls-display);color:var(--ds-color-fg);max-width:18ch;@media (max-width:600px){font-size:var(--ds-type-title);line-height:var(--ds-lh-title);max-width:none}}}.details__body{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.details__texts{position:relative;line-height:var(--ds-lh-body);display:grid;grid-template-columns:1fr;width:100%;max-width:min(var(--ds-measure),100%);span{display:block;font-size:var(--ds-type-price);font-weight:500;line-height:var(--ds-lh-title);letter-spacing:-.02em;margin-bottom:.75rem;color:var(--ds-color-fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;align-self:flex-start;background-color:var(--ds-color-fg);color:var(--ds-color-bg);margin-top:clamp(1.125rem,2vw,1.75rem);border:var(--ds-stroke) solid var(--ds-color-fg);border-radius:var(--ds-radius-pill);padding:var(--ds-control-pad-y) var(--ds-control-pad-x);font-family:inherit;font-size:var(--ds-type-caption);font-weight:500;letter-spacing:var(--ds-ls-overline);text-transform:uppercase;cursor:pointer;transition:background-color var(--ds-fast) var(--ds-ease),color var(--ds-fast) var(--ds-ease),border-color var(--ds-fast) var(--ds-ease);&:hover{background-color:rgba(26,26,26,.88);border-color:rgba(26,26,26,.88)}&:focus{outline:none}&:focus-visible{outline:var(--ds-focus-ring);outline-offset:var(--ds-focus-offset)}@media (max-width:600px){margin-top:1.25rem}}[data-text]{grid-area:1/1;bottom:0;left:0;margin:0;font-size:var(--ds-type-body-lg);line-height:var(--ds-lh-body);color:var(--ds-color-fg-muted);pointer-events:none}[data-desc].--is-active-desc{pointer-events:auto}}.details__thumb{position:relative;width:100%;max-height:45vh;aspect-ratio:1/1;z-index:3;will-change:transform;@media (max-width:600px){width:100%}div,img{position:absolute;width:100%;height:100%;object-fit:cover}}p{font-size:var(--ds-type-caption);line-height:var(--ds-lh-body);margin-bottom:.65em}.cross{position:fixed;width:3vw;height:3vw;z-index:5;pointer-events:auto;cursor:pointer;transform:scale(0);color:var(--ds-color-fg);border-radius:var(--ds-radius-pill);transition:background-color var(--ds-fast) var(--ds-ease);&:focus-visible{outline:var(--ds-focus-ring);outline-offset:var(--ds-focus-offset)}&:hover{background-color:var(--ds-color-hover)}svg{width:3vw;height:3vw}svg path{stroke:currentColor}}.--is-details-showing{cursor:pointer;.grid{pointer-events:none}}.--is-showing{opacity:1}@media (max-width:768px){.product{width:42vw;div{width:42vw}}.column:nth-child(2n){margin-top:20vw}.column,.grid{gap:6vw}.details{width:100%;height:100vh;height:100dvh;top:0;left:0;right:0;padding:clamp(1.25rem,5vw,1.75rem);transform:translate3d(0,100%,0);overflow:hidden;display:flex;flex-direction:column;gap:clamp(1rem,3.5vw,1.5rem);box-shadow:none}.details__body{display:contents}.details__thumb{width:100%;max-height:40vh;aspect-ratio:unset;margin:0;flex:1 1 auto;order:1;div,img{object-fit:contain}}.details__title{order:2;margin-bottom:0}.details__texts{width:100%;max-width:100%;height:auto;order:3}.details__texts [data-text]{font-size:var(--ds-type-body)}.cross{position:fixed;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;pointer-events:auto;transform:scale(0);z-index:100;background-color:hsla(0,0%,100%,.94);border:var(--ds-stroke) solid var(--ds-color-border);border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;cursor:pointer;svg{width:1.25rem;height:1.25rem}svg path{stroke:currentColor}}}.checkout{min-height:100vh;min-height:100dvh;padding:clamp(5rem,11vw,6.75rem) var(--page-padding) var(--page-padding);background-color:var(--ds-color-bg);color:var(--ds-color-fg)}.checkout p{margin-bottom:0}.checkout__inner{max-width:72rem;margin:0 auto}.checkout__columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,5.5vw,3.5rem);gap:clamp(2rem,5.5vw,3.5rem);align-items:start}.checkout__preview{position:relative;width:100%;aspect-ratio:1/1;background-color:var(--ds-color-surface-muted);border:var(--ds-stroke) solid var(--ds-color-border);border-radius:var(--ds-radius-md);overflow:hidden;opacity:0;transform-origin:center center;will-change:opacity,transform}.checkout__preview-img{object-fit:contain;will-change:opacity,transform}.checkout__panel{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.375rem);padding-top:.125rem;max-width:min(36rem,100%)}.checkout__panel:not(.checkout__panel--ready){opacity:0;pointer-events:none}.checkout__title{font-size:var(--ds-type-display);font-weight:400;line-height:var(--ds-lh-display);letter-spacing:var(--ds-ls-display);overflow:hidden}.checkout__price{margin:0;font-size:var(--ds-type-price);font-weight:500;line-height:var(--ds-lh-title);letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden}.checkout__desc{margin:0;font-size:var(--ds-type-body-lg);line-height:var(--ds-lh-body);color:var(--ds-color-fg-muted);max-width:var(--ds-measure);overflow:hidden}.checkout__sizes{border:0;margin:.125rem 0 0;padding:0}.checkout__sizes-label{font-size:var(--ds-type-overline);font-weight:500;letter-spacing:var(--ds-ls-overline);text-transform:uppercase;color:var(--ds-color-fg-muted);margin-bottom:.625rem;display:block;overflow:hidden;padding:0}.checkout__size-list{display:flex;flex-wrap:wrap;gap:.5rem}.checkout__size{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:2.375rem;padding:.375rem 1rem;border:var(--ds-stroke) solid var(--ds-color-fg);border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-color-fg);font-family:inherit;font-size:var(--ds-type-caption);font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background-color var(--ds-fast) var(--ds-ease),color var(--ds-fast) var(--ds-ease),border-color var(--ds-fast) var(--ds-ease);&:hover:not(:disabled){background-color:var(--ds-color-hover)}&.checkout__size--active{background-color:var(--ds-color-fg);color:var(--ds-color-bg);border-color:var(--ds-color-fg)}&:focus-visible{outline:var(--ds-focus-ring);outline-offset:var(--ds-focus-offset)}&:disabled{cursor:wait;opacity:.62}}.checkout__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-start;margin-top:.375rem;min-height:2.625rem;padding:.5rem 1.375rem;border:var(--ds-stroke) solid var(--ds-color-fg);border-radius:var(--ds-radius-pill);background-color:var(--ds-color-fg);color:var(--ds-color-bg);font-family:inherit;font-size:var(--ds-type-caption);font-weight:500;letter-spacing:var(--ds-ls-overline);text-transform:uppercase;cursor:pointer;transition:background-color var(--ds-fast) var(--ds-ease),color var(--ds-fast) var(--ds-ease),border-color var(--ds-fast) var(--ds-ease);&:hover:not(:disabled){background-color:rgba(26,26,26,.88);border-color:rgba(26,26,26,.88)}&:focus-visible{outline:var(--ds-focus-ring);outline-offset:var(--ds-focus-offset)}&:disabled{cursor:wait;opacity:.72}}.checkout__error{max-width:32rem;margin:0;color:var(--ds-color-danger);font-size:var(--ds-type-caption);line-height:var(--ds-lh-body)}.checkout__back-link{display:inline-block;font-size:var(--ds-type-caption);line-height:var(--ds-lh-title);color:var(--ds-color-fg-muted);text-underline-offset:.2em;transition:color var(--ds-fast) var(--ds-ease);&:hover{color:var(--ds-color-fg)}&.checkout__back-link--subtle{margin-bottom:.125rem}}.checkout__done-title{font-size:var(--ds-type-title);font-weight:400;line-height:var(--ds-lh-title);letter-spacing:var(--ds-ls-display)}.checkout__done-copy{font-size:var(--ds-type-body-lg);line-height:var(--ds-lh-body);color:var(--ds-color-fg-muted);max-width:var(--ds-measure)}.checkout__done{display:flex;flex-direction:column;gap:clamp(.875rem,2vw,1.125rem)}.checkout--empty .checkout__inner,.checkout--fallback{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:50vh;gap:clamp(.75rem,2vw,1rem)}.checkout__empty-title{font-size:var(--ds-type-title);font-weight:400;line-height:var(--ds-lh-title);letter-spacing:var(--ds-ls-display)}.checkout__empty-copy{font-size:var(--ds-type-body-lg);line-height:var(--ds-lh-body);color:var(--ds-color-fg-muted);max-width:min(var(--ds-measure),28rem)}.checkout--fallback{align-items:center;text-align:center}.checkout__fallback-text{font-size:var(--ds-type-body-lg);color:var(--ds-color-fg-muted)}@media (max-width:768px){.checkout__columns{grid-template-columns:1fr;gap:clamp(1.5rem,5vw,2rem)}.checkout__preview{max-height:52vh;aspect-ratio:unset;min-height:13rem}.checkout__panel{max-width:none;padding-bottom:.5rem}}