kosai-vitrine-360.kv:not(#kv-x){display:block;position:relative;color:rgb(var(--color-foreground));--kv-accent:#8E5E61;--kv-muted:rgba(var(--color-foreground),.72);--kv-hair:rgba(var(--color-foreground),.12);--kv-line:rgba(var(--color-foreground),.22);--kv-rose:#C18F91;--kv-ui:#5E5858;--kv-ui-40:rgba(94,88,88,.4);--kv-ui-fill:rgba(252,250,250,.78);--kv-ease:cubic-bezier(.2,.6,.2,1);--kv-hf:var(--font-heading-family);--kv-hw:var(--font-heading-weight,500);--kv-bf:var(--font-body-family)}kosai-vitrine-360.kv:not(#kv-x) [hidden]{display:none!important}kosai-vitrine-360.kv:not(#kv-x) :is(p,h2,h3){margin:0}kosai-vitrine-360.kv:not(#kv-x) :is(button,a,[tabindex]):focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;box-shadow:none}kosai-vitrine-360.kv:not(#kv-x) .kv__intro{margin-bottom:2.4rem}kosai-vitrine-360.kv:not(#kv-x) .kv__eyebrow{margin-bottom:1.2rem;font:400 1rem/1.4 var(--kv-bf);letter-spacing:.3em;text-transform:uppercase;color:var(--kv-accent)}kosai-vitrine-360.kv:not(#kv-x) .kv__heading{font-family:var(--kv-hf);font-weight:var(--kv-hw);font-size:clamp(3.2rem,9vw,4rem);line-height:1.05;letter-spacing:-.005em;text-wrap:balance}kosai-vitrine-360.kv:not(#kv-x) .kv__text{margin-top:1.6rem;font:400 1.4rem/1.6 var(--kv-bf);color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x) .kv__text p{margin:0}kosai-vitrine-360.kv:not(#kv-x) .kv__stage{position:relative;overflow:hidden;isolation:isolate;margin-inline:-1.5rem;aspect-ratio:1/1;max-height:62vh;max-height:62svh;min-height:34rem;background:radial-gradient(90% 80% at 50% 40%,#f6f1ec,#efe7e0 62%,#eae1da);color:var(--kv-ui);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}kosai-vitrine-360.kv:not(#kv-x).kv--m-portrait .kv__stage{aspect-ratio:4/5}kosai-vitrine-360.kv:not(#kv-x) .kv__stage.is-static{cursor:default}kosai-vitrine-360.kv:not(#kv-x) .kv__stage.is-grabbing{cursor:grabbing}kosai-vitrine-360.kv:not(#kv-x) .kv__stagebox{position:relative}kosai-vitrine-360.kv:not(#kv-x) .kv__poster:not([hidden])~.kv__placeholder{display:none}kosai-vitrine-360.kv:not(#kv-x) [data-act=pause][aria-pressed=true] .kv__i-pause,kosai-vitrine-360.kv:not(#kv-x) [data-act=pause]:not([aria-pressed=true]) .kv__i-play{display:none}kosai-vitrine-360.kv:not(#kv-x) .kv__stage:focus-visible{outline:2px solid var(--kv-ui);outline-offset:-4px}kosai-vitrine-360.kv:not(#kv-x) .kv__frame{position:absolute;left:50%;top:50%;width:min(100%,var(--kv-sq,100%));aspect-ratio:1/1;transform:translate(-50%,-50%);z-index:1;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}kosai-vitrine-360.kv:not(#kv-x) .kv__poster,kosai-vitrine-360.kv:not(#kv-x) .kv__canvas,kosai-vitrine-360.kv:not(#kv-x) .kv__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain}kosai-vitrine-360.kv:not(#kv-x) .kv__canvas{opacity:0;transition:opacity .5s var(--kv-ease)}kosai-vitrine-360.kv:not(#kv-x) .kv__poster{transition:opacity .5s var(--kv-ease)}kosai-vitrine-360.kv:not(#kv-x) .is-live .kv__canvas{opacity:1}kosai-vitrine-360.kv:not(#kv-x) .is-live .kv__poster{opacity:0}kosai-vitrine-360.kv:not(#kv-x) .kv__detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .6s var(--kv-ease)}kosai-vitrine-360.kv:not(#kv-x) .kv__detail img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 7s linear}kosai-vitrine-360.kv:not(#kv-x) .is-detail .kv__detail{opacity:1}kosai-vitrine-360.kv:not(#kv-x) .is-detail .kv__detail img{transform:scale(1.1)}kosai-vitrine-360.kv:not(#kv-x) .kv__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#f1eae4;opacity:0;pointer-events:none;transition:opacity .36s var(--kv-ease)}kosai-vitrine-360.kv:not(#kv-x) .is-switching .kv__veil{opacity:.9;transition-duration:.24s}kosai-vitrine-360.kv:not(#kv-x) :is(.kv__hallmark,.kv__progress,.kv__load,.kv__msg,.kv__deg){position:absolute;z-index:4}kosai-vitrine-360.kv:not(#kv-x) .kv__hallmark{top:1.6rem;left:1.6rem;padding:.6rem .4rem .6rem 1rem;border:1px solid var(--kv-ui-40);font:var(--kv-hw) 1rem/1 var(--kv-hf);letter-spacing:.5em;color:var(--kv-ui);transition:opacity .3s}kosai-vitrine-360.kv:not(#kv-x) .is-detail .kv__hallmark{opacity:0}kosai-vitrine-360.kv:not(#kv-x) .kv__deg{top:1.6rem;right:1.6rem;font:400 1.1rem/1 var(--kv-bf);letter-spacing:.14em;color:var(--kv-ui);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .3s}kosai-vitrine-360.kv:not(#kv-x) .is-live:not(.is-detail) .kv__deg{opacity:1}kosai-vitrine-360.kv:not(#kv-x) .kv__progress{left:0;right:0;bottom:0;height:1px;background:#c18f9133;opacity:0;transition:opacity .48s}kosai-vitrine-360.kv:not(#kv-x) .kv__progress span{display:block;height:100%;background:var(--kv-rose);transform:scaleX(0);transform-origin:0 0;transition:transform .3s var(--kv-ease)}kosai-vitrine-360.kv:not(#kv-x) .is-loading .kv__progress{opacity:1}kosai-vitrine-360.kv:not(#kv-x) .kv__load{left:50%;bottom:2.4rem;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 2rem;border:1px solid var(--kv-ui-40);border-radius:99rem;background:var(--kv-ui-fill);color:var(--kv-ui);font:500 1.1rem/1 var(--kv-bf);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}kosai-vitrine-360.kv:not(#kv-x) .kv__load small{font-size:1rem;letter-spacing:.08em;opacity:.8}kosai-vitrine-360.kv:not(#kv-x) .kv__msg{left:50%;bottom:2.4rem;transform:translate(-50%);width:max-content;max-width:min(36ch,calc(100% - 3.2rem));padding:.6rem 1.2rem;background:var(--kv-ui-fill);font:400 1.2rem/1.5 var(--kv-bf);text-align:center}kosai-vitrine-360.kv:not(#kv-x) .kv__tools{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:5.6rem}kosai-vitrine-360.kv:not(#kv-x) .kv__tools>*{transition:opacity .24s}kosai-vitrine-360.kv:not(#kv-x) .kv__stagewrap:not(.is-ready) .kv__controls{visibility:hidden}kosai-vitrine-360.kv:not(#kv-x) .kv__stagewrap.is-static .kv__tools{visibility:hidden}kosai-vitrine-360.kv:not(#kv-x) .kv__hint{font:400 1rem/1.4 var(--kv-bf);letter-spacing:.2em;text-transform:uppercase;color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x).is-moved .kv__hint{opacity:0}kosai-vitrine-360.kv:not(#kv-x) .kv__controls{display:flex;gap:.8rem}kosai-vitrine-360.kv:not(#kv-x) .kv__controls button{position:relative;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:1px solid var(--kv-line);border-radius:50%;background:none;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .24s}kosai-vitrine-360.kv:not(#kv-x) .kv__controls button:before{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem}kosai-vitrine-360.kv:not(#kv-x) .kv__controls button:hover{border-color:rgb(var(--color-foreground))}kosai-vitrine-360.kv:not(#kv-x) .kv__label{margin-bottom:1.2rem;font:400 1.1rem/1.4 var(--kv-bf);letter-spacing:.28em;text-transform:uppercase;color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x) :is(.kv__tab,.kv__chip){position:relative;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}kosai-vitrine-360.kv:not(#kv-x) .kv__num{font:400 1rem/1 var(--kv-bf);letter-spacing:.2em;color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__num{color:var(--kv-accent)}kosai-vitrine-360.kv:not(#kv-x) .kv__roman{font:var(--kv-hw) 1.5rem/1 var(--kv-hf)}kosai-vitrine-360.kv:not(#kv-x) .kv__chiplabel{font:400 1.2rem/1.3 var(--kv-bf);letter-spacing:.12em;text-transform:uppercase}kosai-vitrine-360.kv:not(#kv-x) .kv__details{margin-top:2rem}kosai-vitrine-360.kv:not(#kv-x) .kv__note{min-height:4.8rem;max-width:28ch;margin:1.2rem auto 0;font:var(--kv-hw) 1.8rem/1.35 var(--kv-hf);text-align:center}kosai-vitrine-360.kv:not(#kv-x) .kv__placards{margin-top:2.8rem;text-align:center}kosai-vitrine-360.kv:not(#kv-x) .kv__placard{padding-top:2.4rem;border-top:1px solid var(--kv-hair)}kosai-vitrine-360.kv:not(#kv-x) .kv__name{font:var(--kv-hw) 2.4rem/1.1 var(--kv-hf);letter-spacing:.12em;text-transform:uppercase}kosai-vitrine-360.kv:not(#kv-x) .kv__desc{margin-top:.8rem;font:400 1.1rem/1.5 var(--kv-bf);letter-spacing:.22em;text-transform:uppercase;color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x) .kv__price{margin-top:2rem;font:400 1.6rem/1.4 var(--kv-bf);letter-spacing:.04em}kosai-vitrine-360.kv:not(#kv-x) .kv__compare{margin-left:.6rem;font-size:1.4rem;color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x) .kv__soldout{margin-left:.8rem;font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase}kosai-vitrine-360.kv:not(#kv-x) .kv__cta{width:100%;min-height:5.2rem;margin-top:2.8rem}.no-js kosai-vitrine-360.kv:not(#kv-x) :is(.kv__index,.kv__details,.kv__tools){display:none}@media screen and (max-width:749px){kosai-vitrine-360.kv:not(#kv-x) .kv__text--dt{display:none}}@media screen and (max-width:989px){kosai-vitrine-360.kv:not(#kv-x) :is(.kv__label,.kv__tabname){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}kosai-vitrine-360.kv:not(#kv-x) :is(.kv__index,.kv__chips){display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}kosai-vitrine-360.kv:not(#kv-x) :is(.kv__index,.kv__chips)::-webkit-scrollbar{display:none}kosai-vitrine-360.kv:not(#kv-x) .kv__index{gap:1.6rem;margin-top:.8rem;padding:.6rem .4rem}kosai-vitrine-360.kv:not(#kv-x) .kv__tab{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:.6rem;width:6.4rem;min-height:8rem;scroll-snap-align:center}kosai-vitrine-360.kv:not(#kv-x) .kv__tab:first-of-type,kosai-vitrine-360.kv:not(#kv-x) .kv__chip:first-child{margin-left:auto}kosai-vitrine-360.kv:not(#kv-x) .kv__tab:last-of-type,kosai-vitrine-360.kv:not(#kv-x) .kv__chip:last-child{margin-right:auto}kosai-vitrine-360.kv:not(#kv-x) .kv__thumb{display:block;width:5.6rem;height:5.6rem;overflow:hidden;border-radius:50%;background:#efe7e0;transition:box-shadow .24s}kosai-vitrine-360.kv:not(#kv-x) .kv__thumb img{display:block;width:100%;height:100%;object-fit:cover}kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__thumb{box-shadow:0 0 0 3px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}kosai-vitrine-360.kv:not(#kv-x) .kv__chips{gap:.8rem;margin-inline:-1.5rem;padding:.6rem 1.5rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}kosai-vitrine-360.kv:not(#kv-x) .kv__chip{display:flex;flex:0 0 auto;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 1.8rem;border:1px solid var(--kv-line);border-radius:99rem;scroll-snap-align:center}kosai-vitrine-360.kv:not(#kv-x) .kv__chip[aria-pressed=true]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}}@media screen and (min-width:750px){kosai-vitrine-360.kv:not(#kv-x) .kv__hallmark{font-size:1.2rem}}@media screen and (min-width:750px)and (max-width:989px){kosai-vitrine-360.kv:not(#kv-x) .kv__intro{max-width:56ch;margin:0 auto 3.2rem;text-align:center}kosai-vitrine-360.kv:not(#kv-x) .kv__stage{width:100%;max-width:60rem;max-height:68rem;margin-inline:auto}kosai-vitrine-360.kv:not(#kv-x) .kv__tools{max-width:60rem;margin-inline:auto}kosai-vitrine-360.kv:not(#kv-x) .kv__chips{flex-wrap:wrap;justify-content:center;overflow:visible;margin-inline:0;padding-inline:0;-webkit-mask-image:none;mask-image:none}kosai-vitrine-360.kv:not(#kv-x) .kv__chips>.kv__chip{margin-inline:0}kosai-vitrine-360.kv:not(#kv-x) .kv__placards{max-width:46rem;margin-inline:auto}}@media screen and (min-width:990px){kosai-vitrine-360.kv:not(#kv-x){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"stage intro" "stage index" "stage details" "stage placard";column-gap:clamp(4rem,4vw,6.4rem);row-gap:3.2rem;align-items:start}kosai-vitrine-360.kv:not(#kv-x).kv--split_right{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"intro stage" "index stage" "details stage" "placard stage"}kosai-vitrine-360.kv:not(#kv-x) .kv__intro{grid-area:intro;margin:0}kosai-vitrine-360.kv:not(#kv-x) .kv__stagewrap{grid-area:stage}kosai-vitrine-360.kv:not(#kv-x) .kv__index{grid-area:index}kosai-vitrine-360.kv:not(#kv-x) .kv__details{grid-area:details;margin:0}kosai-vitrine-360.kv:not(#kv-x) .kv__placards{grid-area:placard;margin:0;text-align:left}kosai-vitrine-360.kv:not(#kv-x) :is(.kv__intro,.kv__index,.kv__details,.kv__placards){max-width:46rem}kosai-vitrine-360.kv:not(#kv-x) .kv__stage{height:min(var(--kv-stage-h),max(48rem,70vh));min-height:0;max-height:none;margin:0;aspect-ratio:auto}kosai-vitrine-360.kv:not(#kv-x) .kv__eyebrow{font-size:1.1rem;letter-spacing:.32em}kosai-vitrine-360.kv:not(#kv-x) .kv__heading{max-width:14ch;font-size:clamp(4rem,3.6vw,6.4rem);line-height:1.02}kosai-vitrine-360.kv:not(#kv-x) .kv__text{font-size:1.5rem;line-height:1.7}kosai-vitrine-360.kv:not(#kv-x) .kv__hallmark{top:2.4rem;left:2.4rem}kosai-vitrine-360.kv:not(#kv-x) .kv__deg{top:2.6rem;right:2.4rem}kosai-vitrine-360.kv:not(#kv-x) .kv__hint{font-size:1.1rem;letter-spacing:.24em}kosai-vitrine-360.kv:not(#kv-x) :is(.kv__tab,.kv__chip){display:grid;align-items:center;width:100%;border-top:1px solid var(--kv-hair);text-align:left}kosai-vitrine-360.kv:not(#kv-x) .kv__tab{grid-template-columns:4rem 1fr;min-height:7.2rem}kosai-vitrine-360.kv:not(#kv-x) .kv__thumb{display:none}kosai-vitrine-360.kv:not(#kv-x) .kv__num{font-size:1.1rem}kosai-vitrine-360.kv:not(#kv-x) .kv__tabname{position:relative;font:var(--kv-hw) 2.2rem/1.2 var(--kv-hf);color:var(--kv-muted);transition:transform .24s var(--kv-ease),color .24s}kosai-vitrine-360.kv:not(#kv-x) .kv__tabname:before{content:"";position:absolute;top:50%;right:calc(100% + 1.2rem);width:4rem;height:1px;background:var(--kv-rose);transform:scaleX(0);transform-origin:0 0;transition:transform .24s var(--kv-ease)}kosai-vitrine-360.kv:not(#kv-x) .kv__tab:hover .kv__tabname,kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__tabname{color:rgb(var(--color-foreground))}kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__tabname{transform:translate(5.2rem)}kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__tabname:before{transform:scaleX(1)}kosai-vitrine-360.kv:not(#kv-x) .kv__chip{grid-template-columns:3.2rem 1fr;min-height:5.2rem}kosai-vitrine-360.kv:not(#kv-x) .kv__roman{font-size:1.8rem;color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__roman{color:var(--kv-accent)}kosai-vitrine-360.kv:not(#kv-x) .kv__chiplabel{font-size:1.3rem;letter-spacing:.14em;color:var(--kv-muted)}kosai-vitrine-360.kv:not(#kv-x) .kv__chip:hover .kv__chiplabel,kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__chiplabel{color:rgb(var(--color-foreground))}kosai-vitrine-360.kv:not(#kv-x) [aria-pressed=true]>.kv__chiplabel{text-decoration:underline 1px var(--kv-rose);text-underline-offset:6px}kosai-vitrine-360.kv:not(#kv-x) .kv__note{min-height:5.6rem;margin:1.2rem 0 0;font-size:2rem;text-align:left}kosai-vitrine-360.kv:not(#kv-x) .kv__name{font-size:clamp(2.2rem,1.9vw,2.8rem)}kosai-vitrine-360.kv:not(#kv-x) .kv__desc{font-size:1.2rem}}@media screen and (min-width:1200px){kosai-vitrine-360.kv:not(#kv-x).kv--rails{grid-template-columns:minmax(24rem,3fr) minmax(0,6fr) minmax(24rem,3fr);grid-template-rows:auto 1fr;grid-template-areas:"intro stage details" "index stage placard";column-gap:clamp(3.2rem,3.6vw,6.4rem);row-gap:4rem}kosai-vitrine-360.kv:not(#kv-x).kv--rails :is(.kv__index,.kv__placards){align-self:end}kosai-vitrine-360.kv:not(#kv-x).kv--rails .kv__stage{height:min(var(--kv-stage-h),max(56rem,74vh))}kosai-vitrine-360.kv:not(#kv-x).kv--rails .kv__heading{max-width:9ch}kosai-vitrine-360.kv:not(#kv-x).kv--rails .kv__text{max-width:30ch}}@media(prefers-reduced-motion:reduce){kosai-vitrine-360.kv:not(#kv-x) *,kosai-vitrine-360.kv:not(#kv-x) *:before,kosai-vitrine-360.kv:not(#kv-x) *:after{transition-duration:.01ms!important;animation:none!important}kosai-vitrine-360.kv:not(#kv-x) .kv__detail img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/kosai-vitrine-360.css.map */