.kiyi{--paper:#f5f4ec;--field:#fcfbf5;--ink:#203f51;--accent:#1d516e;--muted:#53646a;--line:#cbd1ce;--display:Gloock,Georgia,serif}
.kiyi .brand-small{font-family:Gloock,Georgia,serif;font-weight:400;font-size:23px}
.kiyi-hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:46px;align-items:center;padding-block:42px 52px;min-height:630px}
.kiyi-hero-copy h1{font-size:clamp(90px,9.5vw,144px);line-height:.99;margin:26px 0}
.kiyi-hero-copy h1 span{display:block;font-size:.68em}
.kiyi-hero-copy .hero-lead{margin-bottom:28px;max-width:335px}
.kiyi-hero-copy .hours{margin-top:23px}
.kiyi-hero figure{height:540px}
.kiyi-hero img{width:100%;height:100%;object-position:63% center}
.loyalty-section{background:#e1e8e9;display:grid;grid-template-columns:1fr 1fr;gap:72px;padding-block:76px}
.loyalty-intro h2{margin-bottom:24px}
.loyalty-intro>p:last-child{max-width:410px;font-size:14px}
.loyalty-card{padding:36px;background:var(--paper);align-self:center;border:1px solid #b8c7cd}
.loyalty-card>p:first-child{font-size:13px}
.stamps{display:flex;gap:12px;margin-block:27px}
.stamp{width:44px;height:44px;border:1px solid var(--accent);border-radius:50%;position:relative}
.stamp.filled{background:var(--accent)}
.stamp.filled::after{content:"";position:absolute;width:15px;height:6px;border-bottom:2px solid var(--paper);border-left:2px solid var(--paper);transform:rotate(-45deg);top:16px;left:13px}
#loyalty-status{font-size:14px;font-weight:600;min-height:52px}
.loyalty-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
@media(max-width:1000px){.kiyi-hero{gap:32px;min-height:560px}.kiyi-hero figure{height:480px}.loyalty-section{gap:35px}.loyalty-card{padding:25px}.stamps{gap:8px}.stamp{width:36px;height:36px}.stamp.filled::after{top:12px;left:9px}}
@media(max-width:650px){
.kiyi .brand-small{font-size:20px}
.kiyi-hero{grid-template-columns:1fr;gap:26px;padding-block:28px 32px;min-height:0}
.kiyi-hero-copy h1{font-size:82px;margin:17px 0;line-height:1}
.kiyi-hero-copy h1 span{display:inline;font-size:1em}
.kiyi-hero-copy .hero-note{font-size:13px}
.kiyi-hero-copy .hero-lead{font-size:14px;max-width:340px;margin-bottom:20px}
.kiyi-hero-copy .hours{margin-top:16px;font-size:13px}
.kiyi-hero figure{height:245px}
.loyalty-section{grid-template-columns:1fr;gap:26px;padding-block:46px}
.loyalty-card{padding:25px}
.stamps{gap:12px}
.stamp{width:40px;height:40px}
.stamp.filled::after{top:14px;left:11px}
}
@media(max-width:390px){.kiyi-hero-copy h1{font-size:70px}}