.teaser{--paper:#fff;--ink:#0f0f0f;--ink-quiet:#6e6e6e;--hairline:#e6e6e6;background:var(--paper);min-height:100svh;color:var(--ink);position:relative;overflow-x:hidden}.intro{z-index:50;background:var(--paper);will-change:opacity;place-items:center;display:grid;position:fixed;inset:0}.intro>*{grid-area:1/1}.intro[data-done=true]{display:none}.intro__lockup{--art-h:clamp(46px, 9.5vw, 120px);--unit:calc(var(--art-h) / 197);width:calc(791 * var(--unit));height:var(--art-h);position:relative}.intro__bean,.intro__word{height:var(--art-h);background-color:var(--ink);-webkit-mask-image:url(/logo/cs-coffee-logo-horizontal.png);mask-image:url(/logo/cs-coffee-logo-horizontal.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(1024 * var(--unit));-webkit-mask-size:calc(1024 * var(--unit));mask-size:calc(1024 * var(--unit));position:absolute;top:0}.intro__bean{width:calc(152 * var(--unit));-webkit-mask-position:calc(-120 * var(--unit)) calc(-414 * var(--unit));-webkit-mask-position:calc(-120 * var(--unit)) calc(-414 * var(--unit));mask-position:calc(-120 * var(--unit)) calc(-414 * var(--unit));left:0}.intro__word{left:calc(187 * var(--unit));width:calc(604 * var(--unit));-webkit-mask-position:calc(-307 * var(--unit)) calc(-414 * var(--unit));-webkit-mask-position:calc(-307 * var(--unit)) calc(-414 * var(--unit));mask-position:calc(-307 * var(--unit)) calc(-414 * var(--unit))}.intro__rule{left:0;bottom:calc(-.55 * var(--art-h));background:var(--hairline);transform-origin:0;width:100%;height:1px;position:absolute}.teaser__hero{flex-direction:column;justify-content:center;align-items:center;gap:clamp(22px,4.5vh,52px);min-height:100svh;padding:32px 24px;display:flex;position:relative}.emblem{--art-h:clamp(60px, min(15vh, 26vw), 150px);--unit:calc(var(--art-h) / 507);width:calc(704 * var(--unit));height:var(--art-h);background-color:var(--ink);-webkit-mask-image:url(/logo/cs-coffee-logo-vertical.png);mask-image:url(/logo/cs-coffee-logo-vertical.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(1024 * var(--unit));-webkit-mask-size:calc(1024 * var(--unit));mask-size:calc(1024 * var(--unit));-webkit-mask-position:calc(-159 * var(--unit)) calc(-273 * var(--unit));-webkit-mask-position:calc(-159 * var(--unit)) calc(-273 * var(--unit));mask-position:calc(-159 * var(--unit)) calc(-273 * var(--unit));flex:none;display:block}.teaser__line{letter-spacing:-.035em;text-align:center;text-wrap:balance;max-width:16ch;margin:0 auto;font-size:clamp(34px,5.6vw,76px);font-weight:700;line-height:1.03}.intro__line{letter-spacing:-.035em;text-align:center;max-width:16ch;color:var(--ink);visibility:hidden;opacity:0;margin:0;padding:0 24px;font-size:clamp(38px,6.4vw,86px);font-weight:700;line-height:1.03}.iword{vertical-align:bottom;padding-bottom:.08em;display:inline-block;overflow:hidden}.iword+.iword{margin-left:.22em}.iword__in{will-change:transform;display:inline-block}.teaser__words{text-align:center;max-width:46ch}.teaser__note{max-width:40ch;color:var(--ink-quiet);letter-spacing:-.02em;text-wrap:pretty;margin:clamp(14px,2.4vh,24px) auto 0;font-size:clamp(16px,1.6vw,21px);font-weight:400;line-height:1.4}.teaser__opening{border-top:1px solid var(--hairline);max-width:40ch;color:var(--ink-quiet);margin:clamp(18px,3vh,30px) auto 0;padding-top:clamp(14px,2.4vh,22px);font-size:15px;font-weight:500}.teaser__links{justify-content:center;margin-top:clamp(22px,3.4vh,36px);display:flex}.teaser__cta{background:var(--ink);color:var(--paper);padding:15px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:background .18s;display:inline-block}.teaser__cta:hover{background:#2e2e2e}.teaser :focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (max-width:640px){.teaser__hero{padding:28px 16px}}@media (max-height:620px){.emblem{--art-h:clamp(40px, 11vh, 76px)}.teaser__hero{gap:14px;padding-top:16px;padding-bottom:16px}.teaser__opening{margin-top:12px;padding-top:10px}.teaser__links{margin-top:14px}.teaser__line{font-size:clamp(30px,4.6vw,52px)}.teaser__note{font-size:clamp(17px,2vw,22px)}}
