.platform-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:36px;margin-bottom:60px}.platform-orange{background:#fe6317;color:white;position:relative;overflow:hidden;min-height:385px;padding:34px}.platform-orange h2{font-size:46px;letter-spacing:-.05em;margin:25px 0 17px}.platform-orange p{font-size:18px;max-width:180px}.platform-visit{position:absolute;bottom:30px;font-size:11px;letter-spacing:.1em;border-bottom:1px solid #fff7;padding-bottom:5px;z-index:2}.platform-phone{position:absolute;right:15px;top:69px;width:215px;min-height:360px;transform:rotate(9deg);border:6px solid #26322a;border-radius:30px;background:#fffdf7;color:#222;padding:24px 14px 18px;box-shadow:0 15px 30px #61270c22}.phone-top{display:flex;align-items:center;justify-content:space-between;color:#fe6317;font-size:24px;font-weight:800;letter-spacing:-.05em}.phone-top span{font-size:17px}.phone-location{font-size:11px;margin:20px 0 15px;color:#666}.phone-promo{background:#eff0d6;padding:17px 10px;border-radius:6px}.phone-promo strong{font-size:21px;line-height:1.4;letter-spacing:-.04em}.phone-promo span{display:block;font-size:10px;margin-top:15px;color:#60644e}.phone-categories{display:flex;gap:12px;justify-content:space-between;font-size:10px;margin:20px 0}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-tiles span{font-size:11px;background:#eadcc8;padding:22px 5px;text-align:center;border-radius:6px}.platform-phone small{font-size:10px;color:#777;display:block;margin-top:15px}.platform-company{background:#eef0e9;padding:34px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.platform-company h2{font-size:34px;letter-spacing:-.045em;line-height:1.4}.platform-company p{font-size:15px;color:#60695f}.platform-company-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #daddd3;padding-top:17px;font-size:11px}.business-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.business-tags span{border:1px solid #ddd;padding:8px 13px;border-radius:24px;font-size:13px;color:#555}.site-footer{background:#f2f3f5;color:#202020;border-top:1px solid #e4e5e7}.site-footer .horizontal-logo img{filter:none;mix-blend-mode:multiply}.footer-col a,.footer-col p{color:#62666c}.footer-col a:hover{color:#fe6317}.footer-bottom{border-top-color:#d7dadd;color:#73777b}.local-banner{margin-bottom:55px}.local-banner>img{object-position:center 48%}.local-banner:after{background:linear-gradient(90deg,#182336cc,#18233620)}.business-visual img{object-position:center}.business-photo-note{font-size:12px;color:#777;margin-top:12px}.business-detail strong{font-weight:500;color:#222}.brand-section{padding-top:60px}
@media(min-width:1300px){.platform-phone{right:38px;width:238px}.platform-orange p{max-width:220px}}
@media(max-width:1000px){.platform-pair{grid-template-columns:1fr 1fr}.platform-orange{padding:28px;min-height:400px}.platform-phone{right:-8px;width:188px;top:100px}.platform-orange h2{font-size:38px}.platform-orange p{max-width:140px;font-size:15px}.platform-company{padding:28px}.platform-company h2{font-size:28px}.platform-company p{font-size:14px}}
@media(max-width:760px){.platform-pair{grid-template-columns:1fr;gap:16px;margin-top:28px;margin-bottom:45px}.platform-orange{min-height:380px;padding:28px}.platform-phone{right:18px;width:200px;top:80px}.platform-company{min-height:310px}.platform-company h2{font-size:30px}.platform-orange p{max-width:135px}.platform-orange h2{font-size:40px}.platform-company p{font-size:15px}.platform-visit{font-size:10px}.local-banner-copy h2{font-size:25px}.brand-section{padding-top:45px}}
@media(max-width:390px){.platform-phone{width:168px;right:-2px;top:96px}.platform-orange p{max-width:120px}.platform-orange{padding:23px}.phone-promo strong{font-size:17px}.phone-categories{gap:5px}}
/* Center the actual letter bounds, excluding whitespace in the supplied image. */
:is(.site-header,.site-footer) .horizontal-logo{--logo-ko:30px;--logo-en:25px;display:flex;align-items:center;gap:12px}
:is(.site-header,.site-footer) .horizontal-logo .logo-korean{width:calc(var(--logo-ko) * 3.81632653);height:var(--logo-ko);padding:0;line-height:0}
:is(.site-header,.site-footer) .horizontal-logo .logo-english{width:calc(var(--logo-en) * 4.78947368);height:var(--logo-en);padding:0;line-height:0}
:is(.site-header,.site-footer) .horizontal-logo .logo-korean img{width:calc(var(--logo-ko) * 12.53061224);height:auto;left:calc(var(--logo-ko) * -4.44897959);top:calc(var(--logo-ko) * -5.12244898)}
:is(.site-header,.site-footer) .horizontal-logo .logo-english img{width:calc(var(--logo-en) * 16.15789474);height:auto;left:calc(var(--logo-en) * -5.78947368);top:calc(var(--logo-en) * -8.5)}
@media(max-width:1100px){:is(.site-header,.site-footer) .horizontal-logo{--logo-ko:25px;--logo-en:21px;gap:9px}}
@media(max-width:760px){:is(.site-header,.site-footer) .horizontal-logo{--logo-ko:21px;--logo-en:18px;gap:7px}}

/* Give collaboration imagery more room, preserving the planning table composition. */
.local-banner{height:440px}
#content.business-row{grid-template-columns:1.2fr 1fr;gap:50px}
#content .business-visual{aspect-ratio:1.5}
@media(max-width:1000px){.local-banner{height:380px}#content.business-row{gap:32px}}
@media(max-width:760px){.local-banner{height:340px}#content.business-row{grid-template-columns:1fr;gap:28px}#content .business-visual{aspect-ratio:1.5}}

.local-banner>img{object-position:center 70%}

/* Supplied brand assets and the actual ON-NOW mobile home screen. */
.onnow-logo-window{display:block;position:relative;overflow:hidden;width:190px;height:80px}
.onnow-logo-window img{position:absolute;max-width:none;width:278px;height:278px;left:-43px;top:-99px}
.platform-real-logo{display:inline-block;background:white;border-radius:12px;padding:9px 15px;margin:25px 0 20px!important}
.platform-orange{min-height:500px}
.platform-phone.real-phone{padding:0;min-height:0;top:34px;right:25px;width:220px;border:7px solid #222;border-radius:30px;overflow:hidden;background:#fff;transform:rotate(7deg);box-shadow:0 20px 35px #61270c30}
.real-phone img{width:100%;height:auto;display:block}
.brand-real-logo{margin:25px 0 8px!important}
.coffee-brand-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.coffee-logo{width:78px;height:78px;border-radius:50%}
.brand-coffee h3{margin-top:22px}
.coffee-products{display:grid;grid-template-columns:1.6fr 1fr;background:#fff;gap:1px;width:100%;margin:2px 0 24px;align-items:center;overflow:hidden}
.coffee-products img{width:100%;height:auto;object-fit:contain}
.brand-cards{align-items:start}
.brand-local{min-height:440px}
@media(min-width:1101px){.platform-orange p{max-width:190px}}
@media(max-width:1100px){.platform-phone.real-phone{width:185px;right:12px;top:110px}.platform-orange{min-height:520px}.platform-real-logo{padding:7px 10px}.platform-real-logo .onnow-logo-window{width:150px;height:65px}.platform-real-logo .onnow-logo-window img{width:220px;height:220px;left:-34px;top:-78px}.platform-orange p{max-width:130px}}
@media(max-width:760px){.platform-orange{min-height:500px}.platform-phone.real-phone{width:200px;right:18px;top:70px}.platform-real-logo .onnow-logo-window{width:120px;height:52px}.platform-real-logo .onnow-logo-window img{width:176px;height:176px;left:-27px;top:-62px}.platform-orange p{max-width:120px}.coffee-logo{width:68px;height:68px}}
@media(max-width:390px){.platform-phone.real-phone{width:174px;right:9px;top:128px}.platform-orange{min-height:520px}}

@media(max-width:1100px){.platform-orange{min-height:0;padding-bottom:70px}.platform-phone.real-phone{position:relative;top:auto;right:auto;width:210px;margin:30px auto 20px}.platform-orange p{max-width:none}.platform-real-logo{margin-top:20px!important}}
/* A warm, light transition after the business section. */
.local-banner{margin-top:0;margin-bottom:85px;background:#f6f1e9}
.local-banner:after{background:linear-gradient(90deg,rgba(250,247,241,.96),rgba(250,247,241,.68) 36%,rgba(250,247,241,0) 72%)}
.local-banner-copy{color:#302c25;justify-content:center}
.local-banner-copy .eyebrow{color:#b84712}
.local-banner-copy h2{margin-top:28px;font-weight:600}
.local-banner>img{object-position:center}
@media(max-width:760px){.local-banner{margin-bottom:55px}.local-banner:after{background:linear-gradient(90deg,rgba(250,247,241,.92),rgba(250,247,241,.65) 60%,rgba(250,247,241,.15))}}