.obc-site{overflow:hidden}.obc-container{max-width:1320px;margin:0 auto;padding-left:38px;padding-right:38px}.obc-eyebrow{display:inline-block;font-size:11px;letter-spacing:2.3px;font-weight:800;line-height:1.6;text-transform:uppercase}.obc-eyebrow .obc-spark{color:var(--rust);font-size:17px;vertical-align:middle;margin-right:6px}.obc-site h1,.obc-site h2,.obc-site h3{font-weight:400;letter-spacing:-.045em}.obc-site h1,.obc-site h2{font-family:var(--display)}.obc-site em{font-weight:400;color:var(--rust)}.obc-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:18px 24px;font-size:12px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;transition:transform .2s,background .2s;border-radius:2px}.obc-btn:hover{transform:translateY(-2px)}.obc-btn-dark{background:var(--dark);color:#fff}.obc-btn-dark:hover{background:#336f73}.obc-btn-light{background:#fff4df;color:var(--dark)}.obc-btn-light:hover{background:#e6f1ed}.obc-text-link,.obc-underlined{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:8px;display:inline-flex;gap:24px;justify-content:space-between;letter-spacing:.15px}.obc-text-link:hover,.obc-underlined:hover{color:var(--rust)}.obc-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.obc-hero{background:#e6f1ed}.obc-hero-inner{display:grid;grid-template-columns:1fr .93fr;min-height:655px;padding-right:0}.obc-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 44px 64px 0;position:relative}.obc-hero h1{font-size:clamp(66px,7.3vw,116px);line-height:.98;margin:28px 0 27px;max-width:740px}.obc-hero h1 em{color:#7a5542}.obc-hero-copy>p{font-size:17px;line-height:1.85;max-width:425px;color:#52676a;margin:0 0 35px}.obc-hero-footer{font-size:9px;font-weight:800;letter-spacing:2px;margin-top:auto;padding-top:64px}.obc-mini-star{font-size:22px;vertical-align:middle;color:var(--rust);margin-right:6px}.obc-hero-media{min-height:655px;background:linear-gradient(145deg,#477f82 0%,#80adb0 45%,#315f64 100%);position:relative;overflow:hidden;isolation:isolate}.obc-hero-media:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 55% 35%,#ffeed6aa,transparent 50%),repeating-linear-gradient(32deg,transparent 0 50px,#fff2 51px 52px);z-index:-1}.obc-photo-label{position:absolute;top:36px;right:36px;color:white;font-size:10px;letter-spacing:2px;font-weight:800;z-index:3}.obc-dot{display:inline-block;width:8px;height:8px;background:#f8e3bf;border-radius:50%;margin-right:7px}.obc-hero-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.obc-hero-art:before{content:'';position:absolute;width:min(73%,470px);aspect-ratio:1;border:1px solid #fff8;border-radius:50%;transform:translateY(-9px)}.obc-hero-art:after{content:'';position:absolute;width:min(93%,630px);aspect-ratio:1;border:1px solid #fff5;border-radius:50%;transform:translateY(-9px)}.obc-cup{position:relative;width:235px;height:310px;transform:rotate(-9deg);filter:drop-shadow(23px 30px 20px #30251e66);z-index:2}.obc-cup-oval{position:absolute;top:43px;left:11px;width:225px;height:70px;border-radius:50%;background:#fff1da;z-index:3;box-shadow:inset 0 14px 0 #e6d5ba}.obc-cup-body{position:absolute;top:68px;left:24px;width:200px;height:220px;background:linear-gradient(110deg,#fff7e9,#ddc8ac);clip-path:polygon(0 0,100% 0,86% 100%,15% 100%);z-index:2;display:flex;align-items:center;justify-content:center}.obc-cup-mark{font-family:var(--display);font-weight:700;font-size:60px;color:#305f66;letter-spacing:-7px;margin-top:12px}.obc-cup-mark span{font-size:28px;color:#8d6249;vertical-align:middle;margin:0 8px}.obc-cup-handle{position:absolute;right:-58px;top:105px;width:110px;height:110px;border:21px solid #f4e1ca;border-radius:50%;z-index:1}.obc-steam{position:absolute;top:67px;left:43%;font-size:100px;font-family:var(--display);transform:rotate(90deg);color:#fff8;z-index:2}.obc-art-caption{position:absolute;bottom:42px;left:40px;color:#fff;font-family:var(--display);font-style:italic;font-size:26px;transform:rotate(-6deg)}.obc-hero-media.has-photo{background-image:linear-gradient(0deg,#102d364c,transparent 40%),var(--obc-photo);background-size:cover;background-position:center}.has-photo .obc-hero-art{display:none}.obc-marquee{background:var(--dark);color:#fff4df;overflow:hidden}.obc-marquee .obc-container{padding-top:21px;padding-bottom:21px;text-align:center}.obc-marquee span{font-size:10px;font-weight:800;letter-spacing:2.4px;white-space:nowrap}.obc-marquee b{color:#e0ac88;font-size:15px;margin:0 24px}
.obc-section{padding:108px 0}.obc-split{display:grid;grid-template-columns:1fr .73fr;gap:80px;align-items:end}.obc-intro{background:var(--cream)}.obc-intro h2{font-size:clamp(56px,6vw,92px);line-height:1.04;margin:20px 0 0}.obc-intro-right{padding-bottom:13px}.obc-intro-right p{font-size:21px;line-height:1.8;color:#59696c;max-width:520px;margin:0 0 32px}.obc-favorites{background:var(--paper);padding-top:96px;padding-bottom:120px}.obc-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:42px}.obc-section-heading h2{font-size:clamp(48px,5.2vw,76px);margin:14px 0 0;line-height:1.1}.obc-section-heading .obc-underlined{margin-bottom:8px}.obc-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.obc-item{height:100%;background:#f1e9db;overflow:hidden;display:flex;flex-direction:column;min-height:245px;transition:transform .2s}.obc-item:hover{transform:translateY(-3px)}.obc-item-photo{height:218px;overflow:hidden;background:#e6dccb}.obc-item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.obc-item:hover .obc-item-image{transform:scale(1.04)}.obc-item-body{padding:28px 29px 34px;flex:1}.obc-item-kicker{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--rust);margin-bottom:10px}.obc-item-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.obc-item h3{font-family:var(--display);font-size:27px;line-height:1.15;margin:0}.obc-price{font-size:13px;font-weight:800;flex:none}.obc-item p{font-size:13px;line-height:1.85;color:#617579;margin:12px 0 0}.obc-feature-band{background:#42797e;color:#fff4df}.obc-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,130px);align-items:center;padding-top:90px;padding-bottom:90px}.obc-feature-art{height:490px;background:radial-gradient(circle at 40% 35%,#fae8ca 0,#967459 44%,#624233 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.obc-feature-art:before{content:'';position:absolute;width:75%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%}.obc-feature-graphic{font-size:190px;filter:drop-shadow(13px 16px 8px #30251e55);transform:rotate(-10deg)}.obc-feature-art-tag{position:absolute;bottom:26px;left:27px;color:#fff;font-size:10px;letter-spacing:2px;font-weight:800}.obc-feature-art.has-photo{background-image:var(--obc-photo);background-size:cover;background-position:center}.obc-feature-art.has-photo:before,.obc-feature-art.has-photo .obc-feature-graphic{display:none}.obc-feature-copy .obc-eyebrow{color:#dfb38c}.obc-feature-copy h2{font-size:clamp(49px,5vw,72px);line-height:1.1;margin:22px 0 26px}.obc-feature-copy em{color:#dfb38c}.obc-feature-copy p{color:#e3f1ed;line-height:2;font-size:16px;max-width:480px;margin-bottom:35px}.obc-visit-strip{background:#dfece7}.obc-visit-inner{padding-top:77px;padding-bottom:77px;display:flex;align-items:center;justify-content:space-between;gap:25px}.obc-visit-inner h2{font-size:clamp(50px,5vw,77px);margin:13px 0}.obc-visit-inner p{font-size:14px;line-height:1.8;color:#52686a}.obc-page-hero{background:#deeeea;padding:110px 0 104px;position:relative}.obc-page-hero:after{content:'✳';position:absolute;right:8%;top:25px;font-size:280px;color:#c9e1dd;line-height:1;pointer-events:none}.obc-page-hero .obc-container{position:relative;z-index:1}.obc-page-hero h1{font-size:clamp(68px,9vw,122px);line-height:1;margin:26px 0}.obc-page-hero p{font-size:17px;color:#52686a;max-width:580px;line-height:1.8}.obc-menu-section{background:var(--paper)}.obc-menu-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px;border-bottom:1px solid var(--line);padding-bottom:24px}.obc-menu-filters button{cursor:pointer;color:var(--dark);background:none;border:1px solid #b5d0cb;padding:12px 18px;border-radius:30px;font-size:12px;font-weight:700;transition:.2s}.obc-menu-filters button:hover,.obc-menu-filters button.is-active{background:var(--dark);color:#fff;border-color:var(--dark)}.obc-menu-items{row-gap:20px}.obc-menu-items>[hidden]{display:none!important}.obc-menu-note{color:#647476;font-size:12px;margin:28px 0 70px}.obc-menu-order{padding:40px 45px;background:#dfece7;display:flex;align-items:center;justify-content:space-between;gap:30px}.obc-menu-order h2{font-size:35px;margin:0 0 8px}.obc-menu-order p{margin:0;font-size:14px;color:#617579;line-height:1.8}.obc-story{display:grid;grid-template-columns:.92fr 1fr;gap:100px;align-items:center}.obc-story-visual{min-height:535px;background:#467e82;color:#fff4df;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px}.obc-story-visual>span{font-family:var(--display);font-size:clamp(57px,6.5vw,94px);line-height:.98;letter-spacing:-.06em;transform:rotate(-6deg)}.obc-story-asterisk{display:block;font-family:var(--body);color:#d9eeea;margin-top:12px}.obc-story-visual.has-photo{background-image:var(--obc-photo);background-size:cover;background-position:center}.obc-story-visual.has-photo>span{display:none}.obc-story-copy h2{font-size:clamp(55px,5.8vw,83px);line-height:1.06;margin:24px 0}.obc-story-copy p{font-size:16px;line-height:2;color:#52686a;margin-bottom:23px}.obc-story-copy .obc-btn{margin-top:18px}.obc-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.obc-visit-card{padding:55px 60px;background:#f2eadc}.obc-visit-card h2{font-size:48px;margin:15px 0 34px}.obc-detail{border-top:1px solid var(--line);padding:22px 0}.obc-detail strong{font-size:11px;text-transform:uppercase;letter-spacing:2px}.obc-detail p{font-size:15px;line-height:1.8;color:#617579;margin:14px 0}.obc-detail small{font-size:11px;color:#647476;line-height:1.6}.obc-visit-map{background:#366c72;color:#fff4df;min-height:590px;position:relative;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}.obc-visit-map:before,.obc-visit-map:after{content:'';position:absolute;border:1px solid #83aeb0;border-radius:50%;width:420px;height:420px;right:-180px;top:-130px}.obc-visit-map:after{width:600px;height:600px;right:-260px;top:-210px}.obc-map-pin{font-size:65px;color:#e6b791;margin-bottom:40px}.obc-visit-map>span{font-size:11px;letter-spacing:2px;font-weight:800}.obc-visit-map h3{font-family:var(--display);font-size:clamp(45px,5vw,68px);line-height:1.12;margin:22px 0 40px;position:relative}.obc-visit-map em{color:#e6b791}
@media(max-width:1050px){.obc-hero-inner{min-height:570px}.obc-hero h1{font-size:76px}.obc-hero-media{min-height:570px}.obc-cup{transform:scale(.8) rotate(-9deg)}.obc-marquee .obc-container{overflow:hidden}.obc-feature-grid{gap:45px}.obc-feature-art{height:400px}.obc-story{gap:45px}.obc-visit-card{padding:42px 36px}}
@media(max-width:760px){.obc-container{padding-left:23px;padding-right:23px}.obc-hero-inner{grid-template-columns:1fr;padding-right:0;padding-left:0}.obc-hero-copy{padding:80px 25px 55px}.obc-hero h1{font-size:clamp(67px,13vw,98px)}.obc-hero-footer{padding-top:44px}.obc-hero-media{min-height:470px}.obc-marquee .obc-container{text-align:left}.obc-section{padding:70px 0}.obc-split{grid-template-columns:1fr;gap:32px}.obc-intro-right p{font-size:18px}.obc-section-heading{align-items:start;flex-direction:column}.obc-items{grid-template-columns:repeat(2,minmax(0,1fr))}.obc-feature-grid{grid-template-columns:1fr;padding-top:60px;padding-bottom:70px}.obc-feature-art{height:420px}.obc-feature-copy h2{font-size:60px}.obc-visit-inner{padding-top:60px;padding-bottom:60px}.obc-page-hero{padding:80px 0}.obc-page-hero:after{font-size:180px;right:-35px;top:70px}.obc-story{grid-template-columns:1fr}.obc-story-visual{min-height:460px}.obc-visit-grid{grid-template-columns:1fr}.obc-visit-map{min-height:460px}.obc-menu-order{padding:32px;flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.obc-hero h1{font-size:65px}.obc-hero-media{min-height:390px}.obc-cup{transform:scale(.7) rotate(-9deg)}.obc-art-caption{font-size:21px;bottom:22px}.obc-photo-label{font-size:8px;right:17px;top:23px}.obc-actions{gap:25px}.obc-hero-copy>p{font-size:16px}.obc-hero-footer{font-size:8px;letter-spacing:1.2px}.obc-intro h2,.obc-section-heading h2,.obc-feature-copy h2{font-size:54px}.obc-items{grid-template-columns:1fr}.obc-item{min-height:200px}.obc-section-heading{margin-bottom:31px}.obc-feature-art{height:325px}.obc-feature-graphic{font-size:150px}.obc-visit-inner{align-items:flex-start;flex-direction:column}.obc-page-hero h1{font-size:65px}.obc-page-hero p{font-size:15px}.obc-page-hero:after{font-size:130px}.obc-visit-card{padding:35px 25px}.obc-visit-map{padding:35px 28px}.obc-story-visual{min-height:370px}.obc-menu-filters button{font-size:11px;padding:10px 15px}}

/* v2 editorial refresh: fewer gimmicks, more space, readable menu and real photography. */
.obc-site{--ink:#19343b;--teal:#477f82;--sand:#f5f1e8;--outline:#dcded6}
.obc-container{max-width:1180px;padding-left:30px;padding-right:30px}
.obc-site h1,.obc-site h2,.obc-site h3{letter-spacing:-.028em}
.obc-eyebrow{font-size:11px;letter-spacing:1.25px;font-weight:700;color:#51777a}
.obc-site em{color:#477f82;font-style:normal}
.obc-btn{padding:15px 20px;gap:24px;letter-spacing:.3px;text-transform:none;font-size:14px;font-weight:700;border-radius:0}
.obc-btn:hover,.obc-item:hover{transform:none}
.obc-btn-dark{background:#2d696e}
.obc-text-link,.obc-underlined{font-weight:600;letter-spacing:0;font-size:14px}
.obc-hero{background:#f6f3ea}
.obc-hero-inner{min-height:550px;grid-template-columns:1.02fr .98fr}
.obc-hero-copy{padding:65px 60px 60px 0}
.obc-hero h1{font-size:clamp(51px,5.8vw,85px);line-height:1.06;margin:22px 0 23px;max-width:620px}
.obc-hero-copy>p{font-size:16px;line-height:1.7;color:#596a69;margin-bottom:28px}
.obc-hero-footer{font-size:10px;letter-spacing:1.1px;color:#688380;padding-top:45px}
.obc-hero-media{min-height:550px;background:#477f82}
.obc-hero-media:before{display:none}
.obc-hero-art:before,.obc-hero-art:after{display:none}
.obc-photo-label{top:23px;right:23px;font-size:10px;letter-spacing:1px}
.obc-hero-art{background:linear-gradient(125deg,#376e73,#538b8d);padding:30px}
.obc-hero-type{font-family:Georgia,serif;color:#fff4df;font-size:clamp(48px,5vw,82px);letter-spacing:-.045em;line-height:1.04;text-align:left;font-weight:400}
.obc-hero-type span{display:block;font-style:italic;color:#d7ddd0}
.obc-art-caption{bottom:27px;left:30px;font-size:16px;letter-spacing:0;transform:none;font-family:var(--body);font-style:normal}
.obc-marquee{background:#244d53}.obc-marquee .obc-container{padding:16px 30px}.obc-marquee span{font-size:11px;font-weight:600;letter-spacing:1.2px}.obc-marquee b{margin:0 16px;color:#c8e2da;font-weight:400}
.obc-section{padding:78px 0}.obc-intro{background:#fffaf1}.obc-split{gap:65px;align-items:center}.obc-intro h2{font-size:clamp(43px,4.5vw,63px);line-height:1.13}.obc-intro-right p{font-size:17px;line-height:1.7;margin-bottom:23px}
.obc-favorites{background:#f4f0e7;padding:76px 0 85px}.obc-section-heading h2{font-size:clamp(43px,4.5vw,60px);line-height:1.15}.obc-section-heading{margin-bottom:30px}
.obc-items{gap:22px}.obc-item{background:#fffaf2;min-height:0;box-shadow:none;transition:none;border:1px solid #e9e4d9}.obc-item-photo{height:205px;background:#e6e2da}.obc-item-body{padding:24px 24px 27px}.obc-item-kicker{color:#4e7b7d;letter-spacing:1px;font-size:10px}.obc-item h3{font-size:25px}.obc-item p{color:#626c69;line-height:1.65;font-size:14px}.obc-price{font-size:14px;font-weight:700;color:#244f52}
.obc-feature-band{background:#315f63}.obc-feature-grid{padding-top:70px;padding-bottom:70px;gap:75px}.obc-feature-art{height:420px;background:#d5c4ad}.obc-feature-art:before{content:'OTTER BAY';font-family:Georgia,serif;position:static;border:0;width:auto;aspect-ratio:auto;font-size:clamp(34px,4vw,60px);color:#315f63;letter-spacing:-.03em}.obc-feature-art-tag{color:#315f63;font-size:10px;letter-spacing:1.4px}.obc-feature-art.has-photo:before{display:none}.obc-feature-copy h2{font-size:clamp(43px,4.5vw,62px);line-height:1.12}.obc-feature-copy em{color:#d6e7d8}.obc-feature-copy p{line-height:1.75;font-size:16px}.obc-feature-copy .obc-eyebrow{color:#e8ded0}
.obc-visit-strip{background:#e5ece7}.obc-visit-inner{padding-top:58px;padding-bottom:58px}.obc-visit-inner h2{font-size:clamp(44px,4.5vw,60px)}
.obc-page-hero{background:#e7eeea;padding:80px 0 75px}.obc-page-hero:after{display:none}.obc-page-hero h1{font-size:clamp(52px,6.5vw,84px);line-height:1.08;margin:17px 0}.obc-page-hero p{line-height:1.7}
.obc-menu-section{background:#f8f5ee}.obc-menu-filters button{border-radius:0}.obc-menu-order{background:#e3ebe6;padding:36px 40px}.obc-menu-order h2{font-size:31px}
.obc-story{gap:75px}.obc-story-visual{min-height:470px;background:#477f82}.obc-story-visual>span{font-size:clamp(42px,5vw,70px);line-height:1.14;transform:none;letter-spacing:-.03em}.obc-story-asterisk{display:none}.obc-story-copy h2{font-size:clamp(45px,4.8vw,65px)}.obc-story-copy p{line-height:1.75}
.obc-visit-card{background:#f5f0e7;padding:44px}.obc-visit-map{background:#477f82}.obc-visit-map h3{letter-spacing:-.025em}
@media(max-width:900px){.obc-hero-inner{grid-template-columns:1fr}.obc-hero-copy{padding:64px 0 55px}.obc-hero-media{min-height:380px}.obc-hero-footer{padding-top:25px}.obc-split,.obc-feature-grid,.obc-story{grid-template-columns:1fr;gap:30px}.obc-feature-art{height:350px}.obc-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.obc-container{padding-left:22px;padding-right:22px}.obc-hero h1{font-size:54px}.obc-hero-media{min-height:330px}.obc-hero-type{font-size:54px}.obc-section{padding:54px 0}.obc-items{grid-template-columns:1fr}.obc-section-heading{align-items:start;flex-direction:column}.obc-visit-inner,.obc-menu-order{align-items:flex-start;flex-direction:column}.obc-feature-grid{padding-top:50px;padding-bottom:50px}.obc-feature-art{height:290px}.obc-page-hero{padding:60px 0}.obc-story-visual{min-height:330px}.obc-visit-card{padding:28px}}

/* v3 homepage: actual cafe brand, photo-led hero matching the supplied reference. */
.obc-top-band{height:47px;background:linear-gradient(90deg,#d0e0df 0%,#c2d9d8 51%,#487d80 51%,#4f8284 100%);position:relative;overflow:hidden}
.obc-top-band-label{position:absolute;right:3.8%;top:50%;transform:translateY(-50%);color:#fff4e3;font-weight:800;font-size:10px;letter-spacing:2.4px;white-space:nowrap}
.obc-hero{background-color:#faf0e2;background-image:linear-gradient(90deg,rgba(255,245,232,1) 0%,rgba(255,245,232,.98) 23%,rgba(255,245,232,.85) 36%,rgba(255,245,232,.20) 57%,rgba(255,245,232,0) 70%),var(--obc-hero-photo,url('images/cafe-hero.jpg'));background-position:center,right center;background-size:cover,auto 100%;background-repeat:no-repeat;min-height:490px}
.obc-hero-inner{display:block;max-width:1450px;min-height:490px;padding-left:clamp(26px,4vw,68px);padding-right:clamp(26px,4vw,68px)}
.obc-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:670px;padding:50px 0 54px;min-height:490px}
.obc-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,3.85vw,63px);line-height:1.11;letter-spacing:-.035em;font-weight:700;color:#10212a;margin:0 0 28px;max-width:720px}
.obc-hero-copy>p{font-size:clamp(16px,1.35vw,19px);line-height:1.5;color:#10212a;max-width:465px;margin:0 0 28px}
.obc-hero .obc-btn-dark{background:#10212a;border-radius:6px;padding:18px 27px;color:#fff;font-size:14px;font-weight:800;letter-spacing:2px;gap:23px}
.obc-hero .obc-btn-dark:hover{background:#325b60}
.obc-hero .obc-btn-dark span{font-size:22px;line-height:.7}
@media(min-width:1450px){.obc-hero{background-size:cover,auto 115%}}
@media(max-width:900px){.obc-hero{background-image:linear-gradient(90deg,rgba(255,245,232,.99) 0%,rgba(255,245,232,.96) 32%,rgba(255,245,232,.65) 64%,rgba(255,245,232,.2) 100%),var(--obc-hero-photo,url('images/cafe-hero.jpg'));background-size:cover,auto 100%}.obc-hero-inner,.obc-hero-copy{min-height:460px}.obc-hero h1{font-size:clamp(36px,5.7vw,55px)}}
@media(max-width:600px){.obc-top-band{height:29px}.obc-top-band-label{font-size:7px;letter-spacing:1.1px;right:13px}.obc-hero{background-image:linear-gradient(90deg,rgba(255,245,232,.96),rgba(255,245,232,.83)),var(--obc-hero-photo,url('images/cafe-hero.jpg'));background-size:cover,auto 100%}.obc-hero-inner,.obc-hero-copy{min-height:420px}.obc-hero-copy{padding:48px 0}.obc-hero h1{font-size:clamp(35px,8.7vw,48px);line-height:1.14;margin-bottom:23px}.obc-hero-copy>p{font-size:15px;max-width:340px}.obc-hero .obc-btn-dark{font-size:12px;padding:16px 21px}}

/* v4: Move the former full-width slogan strip into the hero copy. */
.obc-top-band{display:none!important}
.obc-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#477e80;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;letter-spacing:2.1px;margin-bottom:21px}
.obc-hero-eyebrow span{color:#a46b48;font-size:15px}
.obc-hero-copy h1{margin-top:0}
@media(max-width:600px){.obc-hero-eyebrow{font-size:9px;letter-spacing:1.4px;gap:7px;margin-bottom:16px}}

/* v6: readable hours, real location map, and stable menu layout on small screens. */
.obc-hours-list{list-style:none;margin:12px 0 14px;padding:0;display:grid;gap:9px}
.obc-hours-list li{font-size:15px;line-height:1.55;color:#34494a;padding:0 0 9px;border-bottom:1px solid #d8ded8;overflow-wrap:anywhere}
.obc-visit-map{background:#e7edeb;color:#183238;padding:30px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;min-height:0}
.obc-visit-map:before,.obc-visit-map:after{display:none}
.obc-visit-map-header .obc-eyebrow{color:#467a7d}
.obc-visit-map h3{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.025em;margin:10px 0 9px;color:#19343b}
.obc-visit-map-header p{font-size:14px;line-height:1.65;color:#4b6362;margin:0;overflow-wrap:anywhere}
.obc-map-frame{background:#d0e0dc;border:1px solid #c9d8d3;min-height:280px;flex:1;overflow:hidden}
.obc-map-frame iframe{display:block;width:100%;height:100%;min-height:280px;border:0}
.obc-map-directions{align-self:flex-start;background:#19343b;color:#fff4df}
.obc-menu-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.obc-menu-filters button{min-width:0;white-space:nowrap;line-height:1.25}
.obc-menu-items{align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.obc-menu-items>[data-obc-cats]{min-width:0;height:100%}
.obc-menu-items .obc-item{height:100%;min-width:0;overflow:hidden}
.obc-menu-items .obc-item-heading{align-items:start;flex-wrap:wrap}
.obc-menu-items .obc-item h3,.obc-menu-items .obc-item p{overflow-wrap:anywhere}
@media(max-width:900px){.obc-menu-items{grid-template-columns:repeat(2,minmax(0,1fr))}.obc-visit-map{min-height:0}}
@media(max-width:600px){.obc-menu-section{overflow:hidden}.obc-menu-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding-inline:5px;padding:0 0 15px;margin-bottom:22px;-webkit-overflow-scrolling:touch}.obc-menu-filters button{flex:0 0 auto;font-size:13px;min-height:42px;padding:10px 14px}.obc-menu-items{grid-template-columns:minmax(0,1fr);gap:14px}.obc-menu-items .obc-item{min-height:0}.obc-menu-items .obc-item-body{padding:19px}.obc-menu-items .obc-item h3{font-size:23px}.obc-menu-items .obc-item-photo{height:190px}.obc-visit-map{padding:22px;gap:16px}.obc-map-frame,.obc-map-frame iframe{min-height:285px}.obc-visit-grid{gap:18px}.obc-hours-list li{font-size:14px}}


/* v6.1 - Editorial story sections: no giant placeholder lettering */
.obc-feature-band{background:#315d60;color:#fff5e5}
.obc-feature-grid{max-width:1140px;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);padding-top:76px;padding-bottom:76px}
.obc-feature-art{min-height:350px;height:clamp(350px,36vw,455px);background:#e8d9c3;border-radius:2px;position:relative;isolation:isolate;box-shadow:none}
.obc-feature-art:before{display:none!important}
.obc-feature-art.has-brand{background:linear-gradient(145deg,#eaddc9,#f8ecd7)}
.obc-feature-art .obc-brand-mark{display:block;width:clamp(175px,57%,278px);height:auto;aspect-ratio:1;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 14px 22px rgba(18,33,42,.10))}
.obc-feature-art.has-photo .obc-brand-mark{display:none}
.obc-feature-art.has-photo{background-image:linear-gradient(0deg,rgba(18,33,42,.3),transparent 40%),var(--obc-photo);background-size:cover;background-position:center}
.obc-feature-art-tag{bottom:24px;left:28px;color:#315d60;letter-spacing:1.45px;font-size:11px;font-weight:700;z-index:2}
.obc-feature-art.has-photo .obc-feature-art-tag{color:#fffaf1}
.obc-feature-copy{max-width:510px}
.obc-feature-copy .obc-eyebrow{color:#f3d5ae;letter-spacing:1.7px;font-size:11px}
.obc-feature-copy h2{font-size:clamp(42px,4.8vw,70px);line-height:1.08;letter-spacing:-.035em;margin:20px 0 24px}
.obc-feature-copy h2 em{font-weight:400;color:#e5e3d4}
.obc-feature-copy p{font-size:16px;line-height:1.8;max-width:430px;color:#e4eeea;margin:0 0 28px}
.obc-feature-copy .obc-btn{min-height:48px;display:inline-flex;align-items:center;gap:18px}
.obc-story-section{background:#fff5e4;padding:84px 0 96px}
.obc-story{max-width:1140px;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:clamp(34px,7vw,95px);align-items:center}
.obc-story-visual{min-height:390px;height:clamp(390px,37vw,475px);padding:0;position:relative;overflow:hidden;border-radius:2px;background:#d7c5a9;box-shadow:none}
.obc-story-visual.has-default-photo{background-image:linear-gradient(0deg,rgba(18,33,42,.28),transparent 40%),url('images/cafe-hero.jpg');background-size:cover;background-position:64% center}
.obc-story-visual.has-photo{background-image:linear-gradient(0deg,rgba(18,33,42,.28),transparent 40%),var(--obc-photo);background-position:center;background-size:cover}
.obc-story-visual .obc-story-photo-caption{position:absolute;bottom:25px;left:27px;display:block!important;transform:none!important;font:700 11px/1.3 var(--body);letter-spacing:1.75px;color:#fffaf0;text-shadow:0 1px 4px #0008;text-align:left}
.obc-story-copy{max-width:530px}
.obc-story-copy .obc-eyebrow{color:#437478;font-size:11px;letter-spacing:1.6px}
.obc-story-copy h2{font-size:clamp(44px,5.3vw,74px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 25px}
.obc-story-copy h2 em{color:#427f82;font-weight:400}
.obc-story-copy p{max-width:480px;font-size:16px;line-height:1.85;margin:0 0 16px;color:#405b5f}
.obc-story-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:31px}
.obc-story-actions .obc-btn{display:inline-flex;align-items:center;gap:12px}
@media(max-width:800px){.obc-feature-grid,.obc-story{grid-template-columns:1fr;gap:35px}.obc-feature-grid{padding-top:56px;padding-bottom:62px}.obc-feature-art,.obc-story-visual{height:350px;min-height:0}.obc-feature-copy,.obc-story-copy{max-width:none}.obc-story-section{padding:55px 0 65px}}
@media(max-width:550px){.obc-feature-grid{padding-top:40px;padding-bottom:48px}.obc-feature-art,.obc-story-visual{height:275px}.obc-feature-art .obc-brand-mark{width:175px}.obc-feature-copy h2,.obc-story-copy h2{font-size:42px}.obc-feature-copy p,.obc-story-copy p{font-size:15px}.obc-story-actions{align-items:flex-start;gap:18px}.obc-story-section{padding:40px 0 54px}}