.tpc--c1 .tpc-c1-hero{padding-bottom:64px}.tpc--c1 .tpc-c1-hero__visual{position:relative;height:480px;height:clamp(300px,57svh,480px);overflow:hidden}.tpc--c1 .tpc-c1-hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tpc--c1 .tpc-c1-hero__shade{position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,#0000,#00000080)}.tpc--c1 .tpc-c1-hero__overlay{position:absolute;left:24px;right:24px;bottom:27px;display:flex;flex-direction:column;gap:8px}.tpc--c1 .tpc-c1-hero__eyebrow{font-family:var(--tpc-font-latin);font-weight:300;font-size:11px;letter-spacing:.2em;color:var(--muted)}.tpc--c1 .tpc-c1-hero__eyebrow--sp{font-size:12px;font-weight:500;color:#fffffff2}.tpc--c1 .tpc-c1-hero__eyebrow--pc{display:none}.tpc--c1 .tpc-c1-hero__title{font-size:24px;font-weight:400;line-height:1.6;letter-spacing:.06em;color:#fff}.tpc--c1 .tpc-c1-hero__body{display:flex;flex-direction:column;gap:12px;padding:24px 24px 0}.tpc--c1 .tpc-c1-hero__text{font-size:15px;font-size:clamp(13px,calc((100vw - 48px) / 20.3),17px);font-weight:500;line-height:1.8;color:var(--ink)}.tpc--c1 .tpc-c1-hero__text--pc{display:none}.tpc--c1 .tpc-c1-hero__sub{font-size:11.5px;line-height:1.7;color:var(--muted)}@media(min-width:750px)and (max-width:989px){.tpc--c1 .tpc-c1-hero__visual{height:560px}.tpc--c1 .tpc-c1-hero__overlay{left:var(--tpc-gutter)}.tpc--c1 .tpc-c1-hero__body{max-width:560px;padding-inline:var(--tpc-gutter)}}@media(min-width:990px){.tpc--c1 .tpc-c1-hero{display:flex;align-items:center;min-height:640px;min-height:clamp(560px,min(100svh,50vw),1000px);padding:80px min(45%,100% - 560px) 40px 72px}.tpc--c1 .tpc-c1-hero__visual{position:absolute;top:0;right:0;bottom:0;left:max(55%,560px);height:auto}.tpc--c1 .tpc-c1-hero__shade{height:340px}.tpc--c1 .tpc-c1-hero__overlay{left:60px;right:48px;bottom:120px}.tpc--c1 .tpc-c1-hero__eyebrow--sp{display:none}.tpc--c1 .tpc-c1-hero__eyebrow--pc{display:block;font-size:clamp(14px,1.05vw,16px);font-weight:500;color:var(--ink)}.tpc--c1 .tpc-c1-hero__title{font-size:40px;font-size:clamp(24px,calc((min(45vw,100vw - 560px) - 108px) / 13.2),40px);line-height:1.5}.tpc--c1 .tpc-c1-hero__body{position:relative;flex:1 1 auto;min-width:0;gap:18px;padding:0 40px 0 0}.tpc--c1 .tpc-c1-hero__text{font-size:20px;font-size:clamp(16px,calc((max(55vw,560px) - 130px) / 26.4),30px);font-weight:500;line-height:1.75;color:var(--ink)}.tpc--c1 .tpc-c1-hero__text--sp{display:none}.tpc--c1 .tpc-c1-hero__text--pc{display:block}.tpc--c1 .tpc-c1-hero .tpc-badge{margin-top:6px;font-size:13px}.tpc--c1 .tpc-c1-hero__cta{max-width:420px}.tpc--c1 .tpc-c1-hero__sub{font-size:13px}}@keyframes tpcCupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tpc--c1 .tpc-c1-view{background:radial-gradient(ellipse at 50% 42%,#fff,#f4f5f3 45%,#edeeec 80%)}.tpc--c1 .tpc-c1-view__inner{display:flex;flex-direction:column;padding-block:56px 72px}.tpc--c1 .tpc-c1-view__head{display:flex;flex-direction:column;gap:10px}.tpc--c1 .tpc-c1-view__title{font-size:21px;font-weight:400;line-height:1.7;letter-spacing:.04em}.tpc--c1 .tpc-c1-view__stage{display:flex;flex-direction:column;align-items:center}.tpc--c1 .tpc-c1-view__cup{width:220px;margin-top:40px;animation:tpcCupFloat 5s ease-in-out infinite}.tpc--c1 .tpc-c1-view__img{width:100%;height:auto}.tpc--c1 .tpc-c1-view__picker{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:28px}.tpc--c1 .tpc-c1-view__chips{display:grid;grid-template-columns:repeat(6,44px);gap:4px;justify-content:center}.tpc--c1 .tpc-c1-view__chip{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent}.tpc--c1 .tpc-c1-view__chip span{display:block;width:22px;height:22px;border-radius:50%;background:var(--chip);box-shadow:inset 0 0 0 1px #0000001f;transition:box-shadow .15s ease}.tpc--c1 .tpc-c1-view__chip[aria-pressed=true] span{box-shadow:0 0 0 2px #edeeec,0 0 0 3.5px #1c1f20}.tpc--c1 .tpc-c1-view__label{font-family:var(--tpc-font-latin);font-weight:300;font-size:11.5px;letter-spacing:.04em;color:var(--muted)}.tpc--c1 .tpc-c1-view__note{font-size:12px;font-weight:300;color:var(--muted);text-align:center}.tpc--c1 .tpc-c1-view__note--sp{margin-top:40px}.tpc--c1 .tpc-c1-view__note--pc{display:none}@media(min-width:990px){.tpc--c1 .tpc-c1-view__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;min-height:800px;padding-block:80px}.tpc--c1 .tpc-c1-view__head{gap:14px}.tpc--c1 .tpc-c1-view__title{font-size:28px;line-height:1.6;letter-spacing:.06em}.tpc--c1 .tpc-c1-view__note--pc{display:block;font-size:14px;text-align:left}.tpc--c1 .tpc-c1-view__note--sp{display:none}.tpc--c1 .tpc-c1-view__cup{width:340px;margin-top:0}.tpc--c1 .tpc-c1-view__picker{gap:8px;margin-top:40px}.tpc--c1 .tpc-c1-view__chips{grid-template-columns:repeat(12,44px)}.tpc--c1 .tpc-c1-view__label{font-size:12px}}.tpc--c1 .tpc-c1-play__inner{display:flex;flex-direction:column;gap:22px;padding-block:60px 48px}.tpc--c1 .tpc-c1-play__head{display:flex;flex-direction:column;gap:10px}.tpc--c1 .tpc-c1-play__title,.tpc--c1 .tpc-c1-parts__title,.tpc--c1 .tpc-c1-colors__title{font-size:21px;font-weight:400;line-height:1.7;letter-spacing:.04em}.tpc--c1 .tpc-c1-play__lead,.tpc--c1 .tpc-c1-colors__lead{font-size:13px;font-weight:300;line-height:1.9;color:var(--muted)}.tpc--c1 .tpc-c1-play__main{display:flex;flex-direction:column;gap:22px}.tpc--c1 .tpc-c1-play__figure{display:flex;flex-direction:column;gap:8px}.tpc--c1 .tpc-c1-play__figure-img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.tpc--c1 .tpc-c1-play__caption{font-size:12.5px;line-height:1.7}.tpc--c1 .tpc-c1-play__qr{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:18px 16px;background:#fff}.tpc--c1 .tpc-c1-play__qr-img{width:112px;height:auto;aspect-ratio:200 / 215;object-fit:contain}.tpc--c1 .tpc-c1-play__qr-body{display:flex;flex-direction:column;gap:8px}.tpc--c1 .tpc-c1-play__qr-title{font-size:15px;line-height:1.7}.tpc--c1 .tpc-c1-play__qr-text{font-size:12px;font-weight:300;line-height:1.8;color:var(--muted)}.tpc--c1 .tpc-c1-play__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.tpc--c1 .tpc-c1-play__card{display:flex;flex-direction:column;gap:8px}.tpc--c1 .tpc-c1-play__card-media{display:flex;align-items:center;justify-content:center;height:150px;overflow:hidden;background:#edeeec}.tpc--c1 .tpc-c1-play__card-img{width:100%;height:100%;object-fit:cover}.tpc--c1 .tpc-c1-play__card-media--contain .tpc-c1-play__card-img{width:auto;max-width:100%;height:96%;object-fit:contain}.tpc--c1 .tpc-c1-play__card-caption{font-size:12px;line-height:1.6}.tpc--c1 .tpc-c1-play__image-note{font-size:10.5px;font-weight:300;line-height:1.6;color:var(--muted)}.tpc--c1 .tpc-c1-play__card-caption+.tpc-c1-play__image-note{margin-top:-4px}.tpc--c1 .tpc-c1-play__note{font-size:11px;font-weight:300;line-height:1.7;color:var(--muted)}@media(min-width:990px){.tpc--c1 .tpc-c1-play__inner{gap:40px;padding-block:128px 112px}.tpc--c1 .tpc-c1-play__head{max-width:640px}.tpc--c1 .tpc-c1-play__title,.tpc--c1 .tpc-c1-parts__title,.tpc--c1 .tpc-c1-colors__title{font-size:28px}.tpc--c1 .tpc-c1-play__lead,.tpc--c1 .tpc-c1-colors__lead{font-size:14.5px}.tpc--c1 .tpc-c1-play__main{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px}.tpc--c1 .tpc-c1-play__qr{grid-template-columns:1fr;justify-items:center;padding:36px 32px;text-align:center}.tpc--c1 .tpc-c1-play__qr-img{width:150px}.tpc--c1 .tpc-c1-play__qr-title{font-size:18px}.tpc--c1 .tpc-c1-play__qr-text{font-size:13px}.tpc--c1 .tpc-c1-play__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.tpc--c1 .tpc-c1-play__card-media{height:240px}.tpc--c1 .tpc-c1-play__card-caption{font-size:13px}.tpc--c1 .tpc-c1-play__image-note{font-size:11.5px}}.tpc--c1 .tpc-c1-parts__inner{display:flex;flex-direction:column;padding-block:60px 42px}.tpc--c1 .tpc-c1-parts__head{display:flex;flex-direction:column;gap:10px}.tpc--c1 .tpc-c1-parts__diagram{display:flex;justify-content:center;margin-top:29px}.tpc--c1 .tpc-c1-parts__diagram-box{position:relative;width:200px}.tpc--c1 .tpc-c1-parts__diagram-img{width:100%;height:auto}.tpc--c1 .tpc-c1-parts__tag{position:absolute;left:91.5%;font-size:12px;line-height:17px;color:var(--muted);white-space:nowrap}.tpc--c1 .tpc-c1-parts__tag:before{content:"";position:absolute;top:9px;right:calc(100% + 6px);width:var(--tag-line, 14px);height:1px;background:#1c1f20;opacity:.3}.tpc--c1 .tpc-c1-parts__tag--lid{top:calc(20.7% - 9px);--tag-line: 20px}.tpc--c1 .tpc-c1-parts__tag--seal{top:calc(32.2% - 9px);--tag-line: 15px}.tpc--c1 .tpc-c1-parts__tag--cup{top:calc(73% - 9px);--tag-line: 31px}.tpc--c1 .tpc-c1-parts__photo{display:flex;flex-direction:column;gap:14px;margin-top:31px}.tpc--c1 .tpc-c1-parts__photo-img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.tpc--c1 .tpc-c1-parts__caption{font-size:12.5px;font-weight:300;line-height:1.9;color:var(--muted)}@media(min-width:750px)and (max-width:989px){.tpc--c1 .tpc-c1-parts__photo{width:100%;max-width:520px;margin-inline:auto}}@media(min-width:990px){.tpc--c1 .tpc-c1-parts__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:96px;padding-block:128px 112px}.tpc--c1 .tpc-c1-parts__head{grid-column:1 / -1}.tpc--c1 .tpc-c1-parts__diagram{grid-column:1;grid-row:2;margin-top:48px}.tpc--c1 .tpc-c1-parts__diagram-box{width:240px}.tpc--c1 .tpc-c1-parts__photo{grid-column:2;grid-row:2;margin-top:48px}.tpc--c1 .tpc-c1-parts__caption{font-size:14px}}.tpc--c1 .tpc-c1-colors__inner{display:flex;flex-direction:column;gap:22px;padding-block:60px 40px}.tpc--c1 .tpc-c1-colors__head{display:flex;flex-direction:column;gap:10px}.tpc--c1 .tpc-c1-colors__list{display:flex;flex-direction:column;gap:22px}.tpc--c1 .tpc-c1-colors__series{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.tpc--c1 .tpc-c1-colors__name{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.tpc--c1 .tpc-c1-colors__roast{font-family:var(--tpc-font-latin);font-weight:300;font-size:12px;color:var(--muted)}.tpc--c1 .tpc-c1-colors__cups{display:flex;justify-content:space-between}.tpc--c1 .tpc-c1-colors__cups img{width:70px;height:auto}@media(min-width:990px){.tpc--c1 .tpc-c1-colors__inner{gap:40px;padding-block:128px 112px}.tpc--c1 .tpc-c1-colors__head{max-width:640px}.tpc--c1 .tpc-c1-colors__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.tpc--c1 .tpc-c1-colors__cups img{width:76px}}.tpc--c1 .tpc-c1-hero__picture img{--zoom-from: 1.1;animation:tpcZoomOut 7s var(--tpc-ease-soft) both}.tpc--c1 .tpc-c1-hero__eyebrow--sp{animation:tpcFade 1.2s .4s both}.tpc--c1 .tpc-c1-hero__body{--intro-base: 1.1s}.tpc--c1 .tpc-header{animation:tpcFade 1.2s .2s both}.tpc--c1 .tpc-c1-view__cup.tpc-3d{display:flex;align-items:center;justify-content:center;width:min(100%,360px);aspect-ratio:1 / 1.06;margin-top:12px;animation:none}.tpc--c1 .tpc-c1-view__cup.tpc-3d>img{width:220px;animation:tpcCupFloat 5s ease-in-out infinite}.tpc--c1 .tpc-c1-view__hint{display:inline-flex;align-items:center;gap:8px;margin-top:2px;padding:6px 14px;border-radius:999px;background:#ffffffbf;font-size:11.5px;letter-spacing:.06em;color:var(--muted);transition:opacity .6s var(--tpc-ease)}.tpc--c1 .tpc-c1-view__hint:before{content:"\2194";font-size:13px}.tpc--c1 .tpc-c1-view__hint.is-used{opacity:0}.tpc--c1 .tpc-c1-parts__diagram-box.is-3d-ready{width:100%;max-width:460px;height:460px}.tpc--c1 .tpc-c1-parts__diagram-box.is-3d-ready .tpc-c1-parts__tag{top:0;left:0;opacity:0}.tpc--c1 .tpc-c1-colors__cups li{animation:tpcBob 4.2s ease-in-out infinite}.tpc--c1 .tpc-c1-colors__cups li:nth-child(2){animation-delay:-1.1s}.tpc--c1 .tpc-c1-colors__cups li:nth-child(3){animation-delay:-2.2s}.tpc--c1 .tpc-c1-colors__cups li:nth-child(4){animation-delay:-3.1s}@media(min-width:990px){.tpc--c1 .tpc-c1-view__cup.tpc-3d{width:min(100%,540px);aspect-ratio:1 / 1;margin-top:0}.tpc--c1 .tpc-c1-parts__diagram-box.is-3d-ready{max-width:520px;height:600px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/tpc-c1.css.map */