html.k-home,html.k-home body{height:100dvh!important;overflow:hidden!important;background:#000}html.k-home .page-wrapper{height:100dvh!important;overflow:hidden!important;min-height:0!important}html.k-home #k-nav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;height:80px;z-index:100}html.k-home main{padding-top:0!important}#k-home{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;font-family:var(--k-font);color:#fff}#k-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;display:grid;place-items:center;transition:opacity .6s ease,visibility .6s}#k-loader span{font-weight:900;font-size:22px;letter-spacing:.2em;animation:kpulse 1.1s ease-in-out infinite}#k-loader.is-done{opacity:0;visibility:hidden}@keyframes kpulse{50%{opacity:.25}}#k-hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;height:100dvh}#k-hero-hint{position:absolute;left:0;right:0;top:calc(50% - 130px);display:none;flex-direction:column;align-items:center;gap:6px;opacity:0;pointer-events:none;color:#ffffff80;font-size:12px}#k-chev{position:absolute;bottom:0;left:50%;transform:translate(-50%,10px);padding:40px 24px;background:none;border:0;cursor:pointer;opacity:0;z-index:10}#k-chev svg{display:block;animation:kchev 2.2s ease-in-out infinite}@keyframes kchev{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}#k-part{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none;display:block}#k-panel{position:fixed;left:0;right:0;bottom:0;top:80px;z-index:25;overflow-x:hidden;overflow-y:hidden;background:var(--k-washi);color:#17171a;overscroll-behavior-y:contain;visibility:hidden;scrollbar-width:none}#k-panel::-webkit-scrollbar{display:none}#k-panel-in{position:relative;background:#000}@media(max-width:1023px){#k-panel{top:72px}html.k-home #k-nav{height:72px}}#k-brand{position:relative;z-index:1;background:#000}.k-b-sticky{position:sticky;top:0;height:100vh;overflow:hidden;z-index:1}.k-b-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#f5f5f5;height:300%}.k-b-grain{position:relative;width:100%;height:100%}.k-b-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:max(calc(25vh - 39px),134px)}@media(min-width:768px){.k-b-content{padding-top:max(calc(25vh + 71px),134px)}}@media(min-width:1024px){.k-b-content{padding-top:max(calc(25vh - 3px),220px)}}.k-b-logo{position:absolute;left:50%;transform:translate(-50%);width:320px;height:76px;top:75vh;pointer-events:none;color:#1a1a1a;z-index:10;opacity:0}@media(max-width:1023px){.k-b-logo{width:138px;height:33px}}.k-dash{width:1px;height:248px;margin-top:10px;pointer-events:none;clip-path:inset(0 0 100% 0)}.k-dash2{margin-top:20px}@media(max-width:1023px){.k-dash{height:136px;margin-top:14px}.k-dash2{margin-top:16px}}.k-bimg{position:relative;margin-top:30px;width:400px;height:294px;border-radius:4px;overflow:hidden;opacity:0;pointer-events:none}.k-bimg img,.k-bimg2 img{width:100%;height:100%;object-fit:cover;display:block}.k-btext{opacity:0;margin:20px 0 0;width:800px;text-align:center;color:#000;font-weight:300;font-size:30px;line-height:1.25;letter-spacing:-.072px;pointer-events:none}.k-bslogan{opacity:0;margin:20px 0 0;width:800px;text-align:center;color:#000;font-weight:500;font-size:38px;letter-spacing:-.072px;pointer-events:none}.k-bimg2{position:relative;margin-top:20px;width:800px;border-radius:4px;overflow:hidden;opacity:0;pointer-events:none}.k-bimg2 img{height:auto;aspect-ratio:16/9}.k-bimg2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047}.k-bimg2 p{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;color:#fff;text-align:center;font-weight:500;font-size:30px;letter-spacing:-.072px}.k-bbottom{margin-top:30px;width:468px;padding-bottom:100px;pointer-events:none}.k-path-svg{width:100%;height:auto;display:block}.k-path-svg .line-label{font-weight:300;fill:#1a1a1a;font-size:16px;font-family:var(--k-font)}.k-line-slogan{display:block;width:960px;max-width:none;height:164px;margin-top:35px;margin-left:calc((100% - 960px)/2);object-fit:cover;object-position:center 40%;opacity:0}@media(max-width:1023px){.k-bimg{width:226px;height:166px;margin-top:25px}.k-btext{width:100%;padding:0 24px;font-size:18px}.k-bslogan{width:100%;padding:0 24px;font-size:24px}.k-bimg2{width:calc(100% - 48px)}.k-bimg2 p{font-size:18px}.k-bbottom{width:220px}.k-line-slogan{width:100%;margin-left:0;height:auto;aspect-ratio:3/1}}.k-desk-br{display:none}@media(min-width:1024px){.k-desk-br{display:block}}.k-feat-wrap{position:relative;background:#000}.k-feat-clip{position:sticky;top:0;width:100vw;height:100dvh;overflow:hidden}.k-feat-img{width:100%;height:100%;object-fit:cover;display:block;will-change:transform}.k-only-mob{display:none}@media(max-width:1023px){.k-only-desk{display:none}.k-only-mob{display:block}}.k-gallery{position:relative;z-index:2;overflow:hidden;background:#000;padding:80px 10%;margin-top:-20vh}@media(max-width:1023px){.k-gallery{margin-top:-55vh}}.k-feat-logo{opacity:0;display:block;text-align:center;font-weight:900;letter-spacing:.14em;font-size:52px;line-height:1;margin:0 auto 112px;pointer-events:none;color:#fff}.k-gtrack{position:relative;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.k-gitem{position:relative;overflow:hidden;width:65%;aspect-ratio:16/9;clip-path:inset(-1px 20%);will-change:transform,clip-path}.k-gitem img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.5);transform-origin:center}@media(max-width:767px){.k-gitem{max-width:200px;width:100%}}.k-sec{background:#000;color:#fff}.k-sec-in{max-width:1440px;margin:0 auto;padding:0 80px;display:flex;flex-direction:column;gap:40px;align-items:flex-start}.k-sec-head h2{margin:0;font-size:56px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.k-sec-head p{margin:4px 0 0;font-size:18px;font-weight:300;color:#ffffffb3}.k-obtn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border:1px solid #fff;border-radius:4px;font-size:18px;font-weight:700;color:#fff;text-decoration:none;background:transparent;transition:background .25s,color .25s}.k-obtn:hover{background:#fff;color:#000}@media(max-width:1023px){.k-sec-in{padding:0 24px;gap:20px}.k-sec-head h2{font-size:32px}.k-sec-head p{font-size:14px}.k-obtn{padding:8px 24px;font-size:14px}}.k-sec-prod{margin-bottom:-1px}.k-marq-wrap{position:relative;width:100%;overflow:hidden;height:920px;margin-top:-60px}.k-marq-wrap:before,.k-marq-wrap:after{content:"";position:absolute;top:60px;bottom:0;width:120px;z-index:2;pointer-events:none}.k-marq-wrap:before{left:0;background:linear-gradient(to right,#000,transparent)}.k-marq-wrap:after{right:0;background:linear-gradient(to left,#000,transparent)}.k-marq-track{display:flex;align-items:flex-end;width:max-content;height:100%;padding-bottom:60px;animation:kmarq 30s linear infinite}.k-marq-track.k-paused{animation-play-state:paused}@keyframes kmarq{to{transform:translate(-50%)}}.k-marq-item{position:relative;flex:none;display:flex;align-items:center;justify-content:center;height:525px;margin-right:40px;color:#fff;text-decoration:none}.k-marq-item:nth-child(odd){animation:ktilt-o 3s ease-in-out infinite}.k-marq-item:nth-child(2n){animation:ktilt-e 3s ease-in-out infinite}@keyframes ktilt-o{0%,to{transform:rotate(8deg)}50%{transform:rotate(12deg)}}@keyframes ktilt-e{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-12deg)}}.k-marq-item.has-hover{z-index:10;animation-play-state:paused}.k-marq-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transform-origin:50%;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s;opacity:0;transform:translateY(120%)}.k-marq-inner.k-in{animation:kwave .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes kwave{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:none}}.k-marq-inner.k-ready{opacity:1;transform:none;animation:none}.k-marq-inner img{height:78%;width:auto;aspect-ratio:1;object-fit:cover;background:#fff;pointer-events:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.k-marq-item.has-cutout .k-marq-inner img{object-fit:contain;background:transparent;filter:drop-shadow(0 16px 22px rgba(0,0,0,.55))}.k-marq-inner span{font-size:14px;font-weight:500;opacity:.75;white-space:normal;text-align:center;line-height:1.3;max-width:200px;padding:0 6px}.k-marq-item.has-hover .k-marq-inner img{filter:drop-shadow(0 20px 50px rgba(0,0,0,.8)) brightness(1.1)}@media(max-width:1023px){.k-marq-wrap{height:600px;margin-top:-40px}.k-marq-item{height:322px}}.k-sec-stores{padding:160px 0 40px}.k-sec-stores .k-slider{max-width:1440px;margin:64px auto 0;padding:0 80px}.k-slides{position:relative;height:640px;overflow:hidden;display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none}.k-slides::-webkit-scrollbar{display:none}.k-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:block;color:#fff;text-decoration:none;overflow:hidden}.k-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.k-slide:hover img{transform:scale(1.04)}.k-slide-cap{position:absolute;left:0;right:0;bottom:0;height:200px;padding:0 66px 24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(6,6,6,.75),transparent)}.k-slide-cap h3{margin:0;font-size:36px;font-weight:700;letter-spacing:-.02em}.k-slide-cap p,.k-slide-cap span{margin:4px 0 0;font-size:16px;font-weight:300;color:#ffffffbf}.k-slide-cap span{text-decoration:underline;margin-top:6px}.k-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.k-dots i{width:8px;height:8px;border-radius:99px;background:#444;cursor:pointer;transition:.3s}.k-dots i.on{background:#fff;width:22px}@media(max-width:1023px){.k-sec-stores{padding:80px 0 40px}.k-sec-stores .k-slider{padding:0 24px;margin-top:20px}.k-slides{height:auto;aspect-ratio:342/513}.k-slide-cap{padding:0 16px 24px;height:125px}.k-slide-cap h3{font-size:24px}.k-slide-cap p,.k-slide-cap span{font-size:12px}}.k-sec-online{padding:160px 0 40px}.k-online{flex-direction:row!important;justify-content:space-between;align-items:flex-start}.k-online-links{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:1023px){.k-sec-online{padding:80px 0 40px}.k-online{flex-direction:column!important}}.k-sec-contact{padding:160px 0}.k-contact-row{flex-direction:row!important;justify-content:space-between;align-items:flex-start!important}.k-contact-l{display:flex;flex-direction:column;gap:40px;align-items:flex-start}.k-mascot{width:130px;height:auto;flex:none}@media(max-width:1023px){.k-sec-contact{padding:80px 0 40px}.k-contact-l{gap:20px}.k-mascot{width:70px}}#k-panel #k-footer{margin-top:0;border-top:0;background:#000;padding:0 0 32px}#k-panel .k-foot-big{margin:clamp(40px,6vw,80px) 0 0}.k-mascot{height:393px;width:auto;flex:none;pointer-events:none;display:block}@media(max-width:1023px){.k-mascot{height:137px}}.k-b-logo{height:auto}.k-line-slogan{object-position:center 60%;border-radius:4px}.k-marq-inner span{display:flex;flex-direction:column;gap:5px;align-items:center}.k-marq-pr{font-family:var(--k-font-mono);font-weight:500;font-size:12.5px;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--k-cuivre);opacity:1}.k-sec-labo{background:var(--k-encre);color:#fff;padding-block:clamp(56px,7vw,110px)}.k-labo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-inline:var(--k-pad);max-width:1760px;margin-inline:auto;margin-top:clamp(24px,3vw,44px)}.k-labo-stage{position:relative;aspect-ratio:1;max-width:520px;width:100%;margin-inline:auto}.k-labo-cv,.k-labo-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.k-labo-cv{opacity:0;transition:opacity .6s var(--k-ease)}[data-k-labo].has-gl .k-labo-cv{opacity:1}[data-k-labo].has-gl .k-labo-svg{opacity:0;transition:opacity .6s var(--k-ease)}[data-k-labo].no-gl .k-labo-cv{display:none}.k-labo-read{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);text-align:center;pointer-events:none}.k-labo-read b{display:block;font-family:var(--k-font-mono);font-size:clamp(22px,2.4vw,32px);font-variant-numeric:tabular-nums;color:#fff;letter-spacing:-.02em}.k-labo-read small{display:block;font-family:var(--k-font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--k-cuivre);margin-top:2px}.k-labo-side{min-width:0;display:flex;flex-direction:column;gap:clamp(16px,2vw,26px)}.k-labo-btns{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:999px){.k-labo-grid{grid-template-columns:minmax(0,1fr)}.k-labo-stage{max-width:340px}}.k-lab-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.k-lab-ctrls{display:grid;gap:22px}.k-rng{display:block}.k-rng>span{display:flex;align-items:baseline;gap:12px;font-size:15px;font-weight:600;margin-bottom:10px}.k-rng em{font-style:normal;margin-left:auto;font-size:22px;letter-spacing:-.02em}.k-rng small{color:var(--k-dim);font-weight:400;font-size:12px}.k-rng input[type=range],.k-roast input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:9px;background:linear-gradient(90deg,#fff var(--p,50%),#2a2a2a 0);outline:none;cursor:pointer}.k-rng input::-webkit-slider-thumb,.k-roast input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px #ffffff1f;transition:box-shadow .2s}.k-rng input:active::-webkit-slider-thumb,.k-roast input:active::-webkit-slider-thumb{box-shadow:0 0 0 10px #ffffff2e}.k-rng input::-moz-range-thumb,.k-roast input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0}.k-lab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.k-lab-stats>div{padding:16px;border:1px solid var(--k-line);border-radius:10px;background:#0a0a0a}.k-lab-stats small{display:block;color:var(--k-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.k-lab-stats b{display:block;margin-top:6px;font-size:clamp(20px,1.8vw,28px);letter-spacing:-.03em}.k-sweet{position:relative;height:10px;border-radius:9px;margin:34px 0;display:flex;overflow:visible}.k-sweet i{height:100%;display:block}.k-sweet .under{flex:0 0 29%;background:linear-gradient(90deg,#c9a23a,#d9c26a);border-radius:9px 0 0 9px}.k-sweet .ok{flex:0 0 42%;background:#1ed760}.k-sweet .over{flex:1;background:linear-gradient(90deg,#8a4f1e,#2a1408);border-radius:0 9px 9px 0}.k-sweet u{position:absolute;top:-7px;width:4px;height:24px;background:#fff;border-radius:2px;left:50%;transition:left .5s var(--k-ease);box-shadow:0 0 0 3px #0009}.k-sweet span{position:absolute;top:18px;font-size:11px;color:var(--k-dim)}.k-sweet .l1{left:0}.k-sweet .l2{left:50%;transform:translate(-50%)}.k-sweet .l3{right:0}.k-verdict{padding:22px;border:1px solid var(--k-line);border-radius:12px;background:#0a0a0a;transition:border-color .4s,background .4s}.k-verdict b{display:block;font-size:clamp(22px,2vw,30px);letter-spacing:-.03em}.k-verdict p{margin:10px 0 0;color:var(--k-mute);line-height:1.55;font-size:15px}.k-verdict.ok{border-color:#1ed760;background:#1ed7600f}.k-verdict.ok b{color:#1ed760}.k-verdict.under{border-color:#c9a23a;background:#c9a23a0f}.k-verdict.under b{color:#e2c15a}.k-verdict.over{border-color:#b5541e;background:#b5541e12}.k-verdict.over b{color:#e0793a}.k-labo-stage{padding-bottom:64px}.k-labo-cv,.k-labo-svg{bottom:64px;height:auto;aspect-ratio:1}.k-labo-read{bottom:0}.line-step{cursor:pointer}.line-step .line-label{transition:fill .25s}.line-step:hover .line-label,.line-step:focus-visible .line-label{fill:var(--k-cuivre)}.line-step:focus{outline:none}.line-step:focus-visible .line-label{text-decoration:underline;text-underline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kobo-m-home.css.map */