/* The approved Home 2 tokens and type remain in home-two.css. Shared navigation and interiors extend them. */
.h2-site .h2-header{gap:28px}.h2-site .h2-header nav{gap:24px}.h2-site .h2-header nav a[aria-current],.h2-site .coffee-nav-group summary.is-current{box-shadow:inset 0 -1px var(--coffee)}.h2-site .coffee-nav-group{position:relative;padding:10px 0;font-size:inherit}.h2-site .coffee-nav-group summary{cursor:pointer;list-style:none;min-height:28px;display:flex;align-items:center}.h2-site .coffee-nav-group summary::-webkit-details-marker{display:none}.h2-site .coffee-nav-group>div{position:absolute;z-index:25;top:48px;left:-20px;min-width:215px;padding:15px 20px;background:#fff;box-shadow:0 12px 28px #38241f17;border:1px solid var(--line);border-radius:8px;display:grid;gap:5px}.h2-site .coffee-nav-group>div a{display:block}.h2-site .coffee-nav-group summary:focus-visible{outline:2px solid var(--coffee);outline-offset:5px}.h2-site .coffee-page-hero{padding-block:42px 53px;border-bottom:1px solid var(--line)}.h2-site .coffee-page-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.2;max-width:980px}.h2-site .coffee-page-hero>p{font-size:16px;line-height:1.9;max-width:790px;color:#604b43;margin-top:20px}.h2-site .coffee-page-content{padding-block:65px 95px}.h2-site .coffee-copy{font-size:15px;line-height:1.95}.h2-site .coffee-copy>p{max-width:790px;margin-bottom:24px;color:#604b43}.h2-site .coffee-copy h2{font-size:32px;line-height:1.3;margin:52px 0 22px;max-width:900px}.h2-site .coffee-copy>h2:first-child{margin-top:0}.h2-site .coffee-copy h3{font-size:29px;line-height:1.3;margin-bottom:20px}.h2-site .coffee-copy :is(ul,ol){padding-left:23px;max-width:780px;margin:24px 0}.h2-site .coffee-copy li{margin-block:10px}.h2-site .coffee-copy a:not(.h2-button){text-decoration:underline;text-underline-offset:4px}.h2-site .coffee-copy .p-page-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin:38px 0 65px;border-top:1px solid var(--line)}.h2-site .coffee-copy .p-two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.h2-site .coffee-copy .p-page-card{padding:28px 0 0;display:flex;flex-direction:column;align-items:flex-start}.h2-site .coffee-copy .p-page-card p{margin:0 0 20px;font-size:14px;color:#604b43}.h2-site .coffee-copy .p-page-card .p-price{font-size:15px;font-weight:500;color:#38241f;min-height:52px}.h2-site .coffee-copy .p-page-card .h2-button{margin-top:auto}.h2-site .coffee-copy .p-page-card ul{font-size:14px;margin:0 0 22px}.h2-site .coffee-copy .p-page-faq{max-width:900px}.h2-site .coffee-copy .p-page-faq details{padding:19px 0;border-bottom:1px solid var(--line)}.h2-site .coffee-copy .p-page-faq summary{cursor:pointer;line-height:1.7}.h2-site .coffee-copy .p-page-faq p{padding-top:18px;color:#604b43}.h2-site .coffee-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.h2-site .coffee-about-photo{position:sticky;top:70px}.h2-site .coffee-about-photo img{display:block;width:100%;height:auto;border-radius:3px}.h2-site .coffee-about .coffee-copy{padding-top:5px}.h2-site .coffee-portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 45px;padding-top:55px}.h2-site .coffee-portfolio h2{font-size:21px;letter-spacing:-.035em;line-height:1.4;margin-top:20px}.h2-site .coffee-project-note{font-size:11px;color:#70554a;margin-top:8px}.h2-site .coffee-legal{max-width:900px;font-size:14px}.h2-site .coffee-legal h2{font-size:25px;letter-spacing:-.035em}.h2-site .coffee-contact-form{border-top:1px solid var(--line);padding-block:55px 90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;scroll-margin-top:55px}.h2-site .coffee-contact-form h2{font-size:32px;line-height:1.4}.h2-site .coffee-contact-form h2 em{font-size:1.5em}.h2-site .coffee-contact-form>div>p{font-size:14px;line-height:1.9;color:#604b43;margin-top:24px}.h2-site .coffee-contact-options{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:14px;margin-top:25px}.h2-site .coffee-contact-options a{text-decoration:underline;text-underline-offset:4px}.h2-site .coffee-test-notice{font-size:11px;color:#70554a;line-height:1.8;margin-bottom:22px}.h2-site .coffee-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.h2-site .coffee-form-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px}.h2-site .coffee-form-fields :is(input,select,textarea){font:400 14px/1.6 H2Poppins,Arial,sans-serif;width:100%;min-height:48px;padding:12px 14px;border:1px solid #a28b7f;border-radius:8px;background:white;color:#38241f;box-shadow:none}.h2-site .coffee-form-fields :is(input,select,textarea):focus-visible{outline:2px solid #70554a;outline-offset:3px}.h2-site .coffee-form-fields textarea{resize:vertical}.h2-site .coffee-wide{grid-column:1/-1}.h2-site .coffee-contact-form form>.h2-button{margin-top:25px}.h2-site .coffee-form-result{font-size:14px;margin-top:20px;color:#38241f}.h2-site .h2-footer nav a{min-height:24px}.h2-site .h2-loop-controls button{min-height:44px}.h2-site .h2-contact-links a{min-height:30px;display:flex;align-items:center}
@media(max-width:1100px){.h2-site .h2-header{gap:20px}.h2-site .h2-header nav{gap:18px}.h2-site .coffee-copy .p-page-cards{gap:25px}.h2-site .coffee-about,.h2-site .coffee-contact-form{gap:45px}.h2-site .coffee-portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.h2-site .h2-header nav{gap:6px}.h2-site .h2-header nav>a{min-height:44px;display:flex;align-items:center}.h2-site .coffee-nav-group{padding:0}.h2-site .coffee-nav-group summary{min-height:44px}.h2-site .coffee-nav-group>div{position:static;box-shadow:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:5px 0 5px 18px;gap:0}.h2-site .coffee-nav-group>div a{min-height:44px}.h2-site .coffee-page-hero{padding-block:30px 37px}.h2-site .coffee-page-hero h1{font-size:35px}.h2-site .coffee-page-hero>p{font-size:14px}.h2-site .coffee-page-content{padding-block:45px 65px}.h2-site .coffee-copy{font-size:14px}.h2-site .coffee-copy h2{font-size:27px;margin-top:40px}.h2-site .coffee-copy h3{font-size:27px}.h2-site .coffee-copy .p-page-cards,.h2-site .coffee-copy .p-two-cards{grid-template-columns:1fr;border-top:0;gap:30px;margin-block:30px 45px}.h2-site .coffee-copy .p-page-card{border-top:1px solid var(--line);padding-top:25px}.h2-site .coffee-copy .p-page-card .p-price{min-height:0}.h2-site .coffee-about{display:flex;flex-direction:column;gap:35px}.h2-site .coffee-about-photo{position:static;max-width:340px;width:90%;margin-inline:auto}.h2-site .coffee-portfolio{grid-template-columns:1fr;padding-top:40px;gap:45px}.h2-site .coffee-portfolio h2{font-size:20px}.h2-site .coffee-contact-form{display:block;padding-block:40px 65px}.h2-site .coffee-contact-form form{margin-top:40px}.h2-site .coffee-form-fields{grid-template-columns:1fr;gap:19px}.h2-site .coffee-legal{font-size:13px}.h2-site .coffee-legal h2{font-size:23px}}
.h2-site .coffee-form-fields label{font-family:H2Poppins,Arial,sans-serif}
/* Cynthia's airy coffee refinement: shared rhythm and quiet interaction. */
.h2-site{--section-space:clamp(110px,12vw,180px);--ease-soft:cubic-bezier(.22,.61,.36,1)}
.h2-site a,.h2-site button,.h2-site summary{transition:color .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .45s ease;}
.h2-site a:hover,.h2-site a:focus,.h2-site button:hover,.h2-site button:focus{transform:none;translate:none;top:auto}
.h2-site .h2-button:hover,.h2-site .h2-button:focus{transform:none!important;translate:none!important}
.h2-site .h2-header nav a,.h2-site .coffee-nav-group summary{position:relative;box-shadow:none;background:transparent}
.h2-site .h2-header nav a:hover,.h2-site .h2-header nav a[aria-current],.h2-site .coffee-nav-group summary.is-current{box-shadow:none}
.h2-site .h2-header nav a::after,.h2-site .coffee-nav-group summary::before{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--coffee);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .45s var(--ease-soft),opacity .35s ease}
.h2-site .h2-header nav a:hover::after,.h2-site .h2-header nav a:focus-visible::after,.h2-site .h2-header nav a[aria-current]::after,.h2-site .coffee-nav-group summary:hover::before,.h2-site .coffee-nav-group summary.is-current::before{transform:scaleX(1);opacity:1}
.h2-site .coffee-nav-group summary{gap:9px}
.h2-site .coffee-nav-group summary::after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .4s var(--ease-soft)}
.h2-site .coffee-nav-group[open] summary::after{transform:rotate(225deg);margin-top:3px}
.h2-site .coffee-nav-group[open]>div{animation:coffee-menu-in .3s ease both}
@keyframes coffee-menu-in{from{opacity:0}to{opacity:1}}
.h2-site .h2-contact-links a:hover{color:#eee8e4;border-color:#fff}
.h2-site .h2-mobile a{box-shadow:0 24px 44px #38241f32,0 7px 15px #38241f12}
.h2-site .h2-hero{padding-bottom:var(--section-space)}
.h2-site .h2-services{padding-block:55px var(--section-space)}
.h2-site .h2-work{padding-block:35px var(--section-space)}
.h2-site .h2-person{padding-block:45px var(--section-space)}
.h2-site .h2-review{padding-block:60px var(--section-space)}
.h2-site .h2-contact{padding-block:100px 110px}
.h2-site .h2-footer{padding-top:85px;padding-bottom:35px}
.h2-site .h2-section-head{margin-bottom:65px}
.h2-site h2 em{font-size:1.38em;line-height:1.05}
.h2-site .coffee-page-hero{padding-block:65px 70px;border-bottom:1px solid var(--line);margin-top:20px}
.h2-site .coffee-page-hero h1{font-size:clamp(38px,4.5vw,60px);max-width:960px}
.h2-site .coffee-page-hero>p{max-width:740px;margin-top:27px}
.h2-site .coffee-page-content{padding-block:105px var(--section-space)}
.h2-site .coffee-copy h2{margin-top:110px;margin-bottom:30px}
.h2-site .coffee-copy>h2:first-child{margin-top:0}
.h2-site .coffee-copy .p-page-cards{margin-block:65px 120px;gap:45px}
.h2-site .coffee-copy .p-page-card{padding-top:40px}
.h2-site .coffee-copy .p-page-card h2,.h2-site .coffee-copy .p-page-card h3{margin-top:0}
.h2-site .coffee-portfolio{padding-top:105px;row-gap:100px}
.h2-site .coffee-contact-form{padding-block:95px var(--section-space)}
.h2-site .coffee-legal h2{margin-top:75px}
@media(max-width:760px){
 .h2-site{--section-space:105px}
 .h2-site .h2-hero{padding-bottom:105px}
 .h2-site .h2-services{padding-block:25px 105px}
 .h2-site .h2-work{padding-block:20px 105px}
 .h2-site .h2-person{padding-block:20px 105px;gap:55px}
 .h2-site .h2-review{padding-block:35px 105px}
 .h2-site .h2-contact{padding-block:70px 75px}
 .h2-site .h2-footer{padding-top:60px}
 .h2-site .h2-section-head{margin-bottom:45px}
 .h2-site .h2-service-list article{padding-block:35px 45px}
 .h2-site .coffee-page-hero{padding-block:35px 45px;margin-top:10px}
 .h2-site .coffee-page-hero h1{font-size:36px}
 .h2-site .coffee-page-content{padding-block:75px 105px}
 .h2-site .coffee-copy h2{margin-top:80px;margin-bottom:25px}
 .h2-site .coffee-copy .p-page-cards{margin-block:45px 80px;gap:55px}
 .h2-site .coffee-portfolio{padding-top:75px;row-gap:65px}
 .h2-site .coffee-contact-form{padding-block:65px 105px}
 .h2-site .coffee-nav-group>div{animation:none}
 .h2-site .h2-header nav.is-open{animation:coffee-menu-in .3s ease both}
}
@media(prefers-reduced-motion:reduce){.h2-site a,.h2-site button,.h2-site summary,.h2-site .coffee-nav-group summary::after,.h2-site .coffee-nav-group summary::before,.h2-site .h2-header nav a::after{transition:none!important}.h2-site .coffee-nav-group[open]>div,.h2-site .h2-header nav.is-open{animation:none!important}}
.h2-site .h2-button,.h2-site .h2-header nav a,.h2-site .h2-link,.h2-site .h2-contact-links a{transition:color .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .45s ease}.h2-site .h2-button:hover{box-shadow:none}@media(prefers-reduced-motion:reduce){.h2-site .h2-button,.h2-site .h2-header nav a,.h2-site .h2-link,.h2-site .h2-contact-links a{transition:none!important}}

/* Clear interior heroes and visibly softer hover feedback. */
body.cs-coffee-inner .h2-site .coffee-page-hero{text-align:center;padding-block:85px 90px}
.h2-site .coffee-page-hero h1{margin-inline:auto}
.h2-site .coffee-page-hero>p{margin:28px auto 0;max-width:660px}
body.cs-home-two .h2-site .h2-button{transition:background-color .65s cubic-bezier(.22,.61,.36,1),color .65s ease,border-color .65s ease,box-shadow .65s ease!important;animation:none!important;transform:none!important}
body.cs-home-two .h2-site .h2-button:hover,body.cs-home-two .h2-site .h2-button:focus-visible{background-color:#70554a;border-color:#70554a;color:#fff;box-shadow:0 6px 18px #38241f20;transform:none!important}
body.cs-home-two .h2-site .h2-button-white:hover,body.cs-home-two .h2-site .h2-button-white:focus-visible{background-color:#e9dfd8;border-color:#e9dfd8;color:#38241f;box-shadow:0 6px 18px #38241f12}
body.cs-home-two .h2-site .h2-header nav a,body.cs-home-two .h2-site .coffee-nav-group summary{border-radius:5px;transition:color .6s ease,background-color .6s ease,box-shadow .6s ease!important}
body.cs-home-two .h2-site .h2-header nav a:hover,body.cs-home-two .h2-site .coffee-nav-group summary:hover{background-color:#70554a0d;color:#70554a;box-shadow:0 0 0 7px #70554a0d}
.h2-site .h2-header nav a::after,.h2-site .coffee-nav-group summary::before{transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .65s ease}
.h2-site .coffee-copy .coffee-service-quote{margin:115px auto;padding:30px 0;text-align:center;max-width:820px;border:0;color:var(--ink);font-style:normal;font-family:H2Poppins,Arial,sans-serif}
.h2-site .coffee-service-quote::before{content:"“";display:block;color:#937665;font:64px/1 Georgia,serif;margin-bottom:12px}
.h2-site .coffee-service-quote .coffee-quote-title{max-width:none;font-size:clamp(28px,3.2vw,42px);line-height:1.4;letter-spacing:-.04em;color:var(--ink);margin:0 0 25px}
.h2-site .coffee-service-quote .coffee-quote-title em{font-size:1.4em}
.h2-site .coffee-service-quote p:last-child{font-size:15px;line-height:1.9;max-width:660px;margin:auto;color:#604b43}
.h2-site .coffee-services-faq{max-width:900px;margin:auto}
.h2-site .coffee-services-faq h2{margin-top:0}
.h2-site .coffee-services-faq details{border-bottom:1px solid var(--line);padding:24px 0}
.h2-site .coffee-services-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:30px;font-size:16px}
.h2-site .coffee-services-faq summary::-webkit-details-marker{display:none}
.h2-site .coffee-services-faq summary::after{content:"+";font-size:24px;font-weight:400;color:#70554a}
.h2-site .coffee-services-faq details[open] summary::after{content:"−"}
.h2-site .coffee-services-faq details p{margin:20px 0 0;max-width:760px;color:#604b43}
.h2-site .coffee-services-faq summary:focus-visible{outline:2px solid #70554a;outline-offset:6px}
.h2-site .coffee-provisional{margin-top:45px;font-size:11px;color:#70554a}
@media(max-width:760px){body.cs-coffee-inner .h2-site .coffee-page-hero{padding-block:55px 65px}.h2-site .coffee-copy .coffee-service-quote{margin-block:80px}.h2-site .coffee-service-quote p:last-child{font-size:14px}.h2-site .coffee-services-faq summary{font-size:14px}.h2-site .coffee-services-faq details{padding-block:22px}}
@media(prefers-reduced-motion:reduce){body.cs-home-two .h2-site .h2-button,body.cs-home-two .h2-site .h2-header nav a,body.cs-home-two .h2-site .coffee-nav-group summary{transition:none!important}}
/* Hand-drawn coffee signature beneath interior H1s only. */
body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{content:"";display:block;width:clamp(120px,14vw,175px);height:14px;margin:22px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 14'%3E%3Cpath d='M3 9 C38 4 78 5 111 6 S155 5 177 3' fill='none' stroke='%2370554a' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M17 12 C65 8 116 10 161 7' fill='none' stroke='%2370554a' stroke-opacity='.35' stroke-width='.8' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-width:760px){body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{margin-top:18px;width:125px}}
/* One fine stroke follows the exact H1 text width. */
body.cs-coffee-inner .h2-site .coffee-page-hero h1{width:fit-content;max-width:100%;position:relative;padding-bottom:17px}
body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{position:absolute;left:0;right:0;bottom:0;width:100%;height:8px;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 8' preserveAspectRatio='none'%3E%3Cpath d='M1 6 C44 2 98 7 179 2' fill='none' stroke='%2370554a' stroke-width='1' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");box-shadow:none;filter:none}
.h2-site .coffee-detail-faq{margin-top:110px}
@media(max-width:760px){.h2-site .coffee-detail-faq{margin-top:80px}}


/* Shared, concise service pages with a clear heading hierarchy. */
.h2-site .coffee-copy h3{font-size:24px;letter-spacing:-.035em}
.h2-site .coffee-copy .p-page-card h3{font-size:24px}
.h2-site .coffee-package-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;margin-bottom:90px}
.h2-site .coffee-package-intro h2{margin-top:0}
.h2-site .coffee-package-intro p{color:#604b43;max-width:620px}
.h2-site .coffee-package-image{margin:0}
.h2-site .coffee-package-image img{width:100%;height:300px;object-fit:cover;border-radius:12px;display:block}
.h2-site .coffee-package-image.is-illustration img{height:310px;object-fit:contain}
.h2-site .coffee-package-price{font-size:22px;font-weight:500;color:#38241f;margin-bottom:12px}
.h2-site .coffee-package-included{display:grid;grid-template-columns:1fr 1fr;gap:7px 45px;list-style:none;padding:0!important;max-width:none!important}
.h2-site .coffee-package-included li{border-bottom:1px solid var(--line);padding:12px 0;margin:0}
.h2-site .coffee-copy .coffee-price-options{margin-block:30px 25px}
.h2-site .coffee-copy .coffee-price-options .p-page-card{padding-top:25px}
.h2-site .coffee-copy .coffee-price-options .p-price{min-height:0;margin-bottom:0}
.h2-site .coffee-contact-photo{width:100%;max-width:620px;margin-top:45px}
.h2-site .coffee-contact-photo img{display:block;width:100%;height:310px;object-fit:cover;object-position:center 42%;border-radius:12px}
.h2-site .h2-person-photo img{aspect-ratio:4/5;object-fit:cover;object-position:center 43%;border-radius:12px}
.h2-site .coffee-about-photo img{aspect-ratio:4/5;object-fit:cover;object-position:center 43%;border-radius:12px}
/* A single pen stroke with the upward sweep of the existing signature. */
body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{height:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 11' preserveAspectRatio='none'%3E%3Cpath d='M1 9 C40 4 91 10 145 6 C168 4 187 4 199 1' stroke='%2370554a' stroke-width='1' fill='none' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
@media(max-width:760px){.h2-site .coffee-package-intro{grid-template-columns:1fr;gap:35px;margin-bottom:75px}.h2-site .coffee-package-image img{height:260px}.h2-site .coffee-package-included{grid-template-columns:1fr;gap:0}.h2-site .coffee-copy h3,.h2-site .coffee-copy .p-page-card h3{font-size:22px}.h2-site .coffee-package-price{font-size:20px}.h2-site .coffee-contact-photo img{height:270px}}

/* Fluent Forms, blog and intake extend the approved coffee system. */
.h2-site .coffee-fluent .fluentform{font:400 14px/1.8 H2Poppins,Arial,sans-serif;color:#38241f}
.h2-site .coffee-fluent .ff-el-group{margin-bottom:25px}
.h2-site .coffee-fluent label{font:400 13px/1.7 H2Poppins,Arial,sans-serif;color:#38241f}
.h2-site .coffee-fluent .ff-el-form-control{font:400 14px/1.7 H2Poppins,Arial,sans-serif;color:#38241f;background:#fff;border:1px solid #a28b7f;border-radius:8px;min-height:48px;padding:12px 14px;box-shadow:none;max-width:100%}
.h2-site .coffee-fluent .ff-el-form-control:focus{outline:2px solid #70554a;outline-offset:3px;border-color:#70554a;box-shadow:none}
.h2-site .coffee-fluent .ff-el-input--label{margin-bottom:8px}
.h2-site .coffee-fluent button.ff-btn-submit{background:#38241f;border:1px solid #38241f;color:#fff;border-radius:12px;min-height:50px;padding:13px 23px;font:500 14px/1.5 H2Poppins,Arial,sans-serif;transition:background-color .65s ease,box-shadow .65s ease!important}
.h2-site .coffee-fluent button.ff-btn-submit:hover{background:#70554a;border-color:#70554a;box-shadow:0 6px 18px #38241f20}
.h2-site .coffee-fluent .ff-message-success{border:1px solid #70554a;background:#fff;color:#38241f;border-radius:8px;padding:20px;font:400 14px/1.8 H2Poppins,Arial,sans-serif;box-shadow:none}
.h2-site .coffee-fluent .error{font-size:12px}
.h2-site .coffee-intake-structure{padding-bottom:130px}
.h2-site .coffee-intake-structure>p{margin-top:30px}
.h2-site .coffee-intake-structure ol{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:35px 55px}
.h2-site .coffee-intake-structure li{border-top:1px solid var(--line);padding-top:25px}
.h2-site .coffee-intake-structure li span{font-size:12px;color:#70554a}
.h2-site .coffee-intake-structure h3{font-size:24px;margin-top:15px;line-height:1.5}
.h2-site .coffee-blog-list{display:grid;grid-template-columns:1fr 1fr;gap:90px 65px;padding-block:100px 150px}
.h2-site .coffee-blog-list article img{width:100%;height:270px;object-fit:cover;border-radius:12px;display:block;margin-bottom:28px}
.h2-site .coffee-blog-list article h2{font-size:30px;line-height:1.4}
.h2-site .coffee-blog-list article>p{color:#604b43;font-size:14px;margin-top:20px}
.h2-site .coffee-blog-list article .h2-link{margin-top:22px}
.h2-site .coffee-article-meta{font-size:12px!important;color:#70554a}
.h2-site .coffee-blog-empty{grid-column:1/-1;max-width:740px}
.h2-site .coffee-blog-empty>p{margin-top:30px;color:#604b43}
.h2-site .coffee-blog-empty>.h2-link{margin-top:25px}
.h2-site .coffee-blog-pagination{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap}
.h2-site .coffee-article-cover{padding-top:65px}
.h2-site .coffee-article-cover img{display:block;width:100%;max-height:600px;object-fit:cover;border-radius:12px}
.h2-site .coffee-article-body{max-width:790px;padding-block:90px 140px;font-size:16px;line-height:1.95}
.h2-site .coffee-article-body img{max-width:100%;height:auto;border-radius:8px}
.h2-site .coffee-article-body :is(ul,ol){padding-left:24px}
.h2-site .coffee-article-body :is(p,figure,ul,ol){margin-bottom:27px}
.h2-site .coffee-article-body h2{margin-top:65px}
.h2-site .coffee-back{margin:0 auto 30px!important}
.h2-site .coffee-back .h2-link{font-size:12px}
@media(min-width:761px) and (max-width:1100px){.h2-site .h2-header{gap:14px}.h2-site .h2-header nav{gap:14px;font-size:12px}.h2-site .h2-header .h2-logo img{width:112px}.h2-site .h2-header-cta{font-size:11px;padding-inline:12px}}
@media(max-width:760px){.h2-site .coffee-blog-list{grid-template-columns:1fr;padding-block:75px 105px;gap:65px}.h2-site .coffee-blog-list article h2{font-size:27px}.h2-site .coffee-intake-structure{padding-bottom:105px}.h2-site .coffee-intake-structure ol{grid-template-columns:1fr}.h2-site .coffee-article-body{font-size:15px;padding-block:65px 105px}.h2-site .coffee-article-cover{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.h2-site .coffee-fluent button.ff-btn-submit{transition:none!important}}
.h2-site .coffee-fluent .ff-el-is-error .error,.h2-site .coffee-fluent .ff-el-is-error label{color:#38241f}.h2-site .coffee-fluent .ff-el-is-error .ff-el-form-control{border-color:#70554a}.h2-site .h2-header nav a{min-height:44px}@media(min-width:761px) and (max-width:1100px){.h2-site .h2-header nav{font-size:13px}}
/* Final interaction rules: isolate the coffee pages from the legacy kit's 17px link hover. */
body.cs-home-two .h2-site a{font-family:inherit;font-size:inherit}
body.cs-home-two .h2-site .h2-button{font-size:var(--cs-button-size,14px);line-height:1.5;transform:none!important;translate:none!important;scale:1!important;rotate:none!important;animation:none!important}
body.cs-home-two .h2-site .h2-link{font-size:var(--cs-link-size,14px)}
body.cs-home-two .h2-site .h2-header-cta{--cs-button-size:14px}
body.cs-home-two .h2-site .coffee-back .h2-link{--cs-link-size:12px}
body.cs-home-two .h2-site .h2-button:hover,body.cs-home-two .h2-site .h2-button:focus-visible,body.cs-home-two .h2-site .h2-button:active{font-size:var(--cs-button-size,14px);line-height:1.5;transform:none!important;translate:none!important;scale:1!important;box-shadow:none!important}
body.cs-home-two .h2-site .h2-header nav a,body.cs-home-two .h2-site .coffee-nav-group summary{background:none!important;box-shadow:none!important;transition:transform .45s cubic-bezier(.22,1,.36,1),color .4s ease!important;transform:translateY(0);scale:1}
body.cs-home-two .h2-site .h2-header nav a:hover,body.cs-home-two .h2-site .coffee-nav-group summary:hover{background:none!important;box-shadow:none!important}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 body.cs-home-two .h2-site .h2-header nav a:hover,body.cs-home-two .h2-site .coffee-nav-group summary:hover{transform:translateY(-2px)}
}
@media(min-width:761px) and (max-width:1100px){body.cs-home-two .h2-site .h2-header-cta{--cs-button-size:11px}}
@media(max-width:760px){body.cs-home-two .h2-site .h2-button{--cs-button-size:13px}body.cs-home-two .h2-site .h2-link{--cs-link-size:13px}}
body.cs-coffee-inner .h2-site .coffee-page-hero h1{padding-bottom:25px}
body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M1 15 C38 5 78 19 119 11 S170 4 183 5 C196 6 187 18 179 12 C173 8 186 2 199 1' fill='none' stroke='%2370554a' stroke-width='1' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");box-shadow:none;filter:none}
@media(prefers-reduced-motion:reduce){body.cs-home-two .h2-site .h2-header nav a,body.cs-home-two .h2-site .coffee-nav-group summary{transition:none!important;transform:none!important}}

/* Subtle title stroke, outlined actions and persistent invitation. */
body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{height:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5 C54 4 117 5 164 4 C181 4 192 4 199 2' fill='none' stroke='%2370554a' stroke-width='1' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");box-shadow:none;filter:none}
body.cs-home-two .h2-site .h2-link,body.cs-home-two .h2-site .coffee-contact-options a,body.cs-home-two .h2-site .h2-loop-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border:1px solid #70554a;border-radius:11px;background:transparent;color:var(--ink);line-height:1.5;text-decoration:none;font-weight:500;transition:background-color .4s ease,color .4s ease,border-color .4s ease;transform:none!important;scale:1!important}
body.cs-home-two .h2-site .h2-link:hover,body.cs-home-two .h2-site .coffee-contact-options a:hover,body.cs-home-two .h2-site .h2-loop-controls button:hover{background:#f6f3f1;border-color:var(--ink);color:var(--ink)}
body.cs-home-two .h2-site .h2-contact-links{gap:10px;margin-top:20px}
body.cs-home-two .h2-site .h2-contact-links a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #ffffffa6;border-radius:10px;background:#ffffff0d;color:#fff;font-size:13px;line-height:1.5;text-decoration:none;font-weight:500;transition:background-color .4s ease,border-color .4s ease,color .4s ease}
body.cs-home-two .h2-site .h2-contact-links a:hover{background:#fff;color:var(--ink);border-color:#fff}
body.cs-home-two .h2-site .h2-contact .h2-no-obligation{font-size:12px;line-height:1.8;margin-top:14px;max-width:360px;color:#eee8e4}
body.cs-home-two .h2-site .h2-contact-float{position:fixed;z-index:90;right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;min-height:52px;padding:13px 20px;border:1px solid #fff;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;line-height:1.5;font-weight:500;text-decoration:none;box-shadow:0 5px 22px #38241f26;transition:background-color .4s ease,box-shadow .4s ease}
body.cs-home-two .h2-site .h2-contact-float:hover{background:#604438;color:#fff;box-shadow:0 7px 25px #38241f35}
body.cs-home-two .h2-site .h2-contact-float svg{flex-shrink:0}
body.cs-home-two .h2-site .h2-footer{padding-bottom:100px}
body.cs-home-two .h2-site .h2-mobile img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center top}
body.cs-home-two .h2-site .h2-mobile{transform:translate3d(var(--screen-x,0px),var(--screen-y,0px),0) rotate(var(--screen-r,0deg));will-change:auto}
body.cs-home-two .h2-site .h2-mobile-work.is-tracking .h2-mobile{will-change:transform}
@media(max-width:760px){body.cs-home-two .h2-site .h2-contact-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));padding:12px 16px;font-size:12px;min-height:48px}body.cs-home-two .h2-site .h2-actions{gap:12px}body.cs-home-two .h2-site .h2-contact-links a{font-size:12px}body.cs-home-two .h2-site .h2-loop-controls{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body.cs-home-two .h2-site .h2-mobile{transform:none!important}body.cs-home-two .h2-site :is(.h2-link,.h2-contact-links a,.coffee-contact-options a,.h2-contact-float,.h2-loop-controls button){transition:none!important}}

/* Hide the browser gutter baked into the two original mobile captures. */
body.cs-home-two .h2-site .h2-mobile-0 img,body.cs-home-two .h2-site .h2-mobile-2 img{width:104.5%;max-width:none;object-position:left top}

/* Softer neutral canvas: no yellow or cream undertone. */
body.cs-home-two{background:#f7f7f7}
body.cs-home-two .h2-site{--cs-canvas:#f7f7f7;background:var(--cs-canvas)}
body.cs-home-two .h2-site .h2-button-outline,body.cs-home-two .h2-site .h2-menu,body.cs-home-two .h2-site .coffee-nav-group>div,body.cs-home-two .h2-site .h2-skip{background:var(--cs-canvas)}
body.cs-home-two .h2-site .h2-button-white{background:var(--cs-canvas);border-color:var(--cs-canvas)}
body.cs-home-two .h2-site .h2-button-white:hover,body.cs-home-two .h2-site .h2-button-white:focus-visible{background:#eaeaea;border-color:#eaeaea}
body.cs-home-two .h2-site .h2-link:hover,body.cs-home-two .h2-site .coffee-contact-options a:hover,body.cs-home-two .h2-site .h2-loop-controls button:hover{background:#ededed}
@media(max-width:760px){body.cs-home-two .h2-site .h2-header nav{background:var(--cs-canvas)}}

/* Two-phone hero and compact carousel controls. */
body.cs-home-two .h2-site .h2-mobile-work{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:390px;gap:25px;justify-self:center}
body.cs-home-two .h2-site .h2-mobile-0{margin-top:0}
body.cs-home-two .h2-site .h2-mobile-1{margin-top:52px}
body.cs-home-two .h2-site .h2-mobile-0 img{width:100%;max-width:100%}
body.cs-home-two .h2-site .h2-mobile-1 img{width:104.5%;max-width:none;object-position:left top}
body.cs-home-two .h2-site .h2-loop-controls{justify-content:flex-end;gap:10px}
body.cs-home-two .h2-site .h2-loop-controls button{padding:10px;width:46px;height:46px}
body.cs-home-two .h2-site .h2-loop-controls button[aria-pressed="true"]{background:var(--coffee);color:#fff}
body.cs-home-two .h2-site .h2-footer-contact a{display:inline-flex;align-items:center;gap:10px;min-height:36px}
body.cs-home-two .h2-site .h2-footer-contact svg{flex-shrink:0}
body.cs-home-two .h2-site .h2-footer-contact .h2-social-link{min-width:44px;min-height:44px;justify-content:center;border:1px solid var(--coffee);border-radius:50%;color:var(--coffee);margin-top:4px}
@media(max-width:760px){body.cs-home-two .h2-site .h2-mobile-work{max-width:340px;gap:20px}body.cs-home-two .h2-site .h2-mobile-1{margin-top:35px}}
/* Coffee brown for headings and actions, with outlined secondary actions. */
body.cs-home-two .h2-site h1{color:var(--coffee)}
body.cs-home-two .h2-site .h2-button,body.cs-home-two .h2-site .coffee-fluent button.ff-btn-submit,body.cs-home-two .h2-site .h2-contact-float{background-color:var(--coffee);border-color:var(--coffee);color:#fff}
body.cs-home-two .h2-site .h2-button:hover,body.cs-home-two .h2-site .h2-button:focus-visible,body.cs-home-two .h2-site .coffee-fluent button.ff-btn-submit:hover,body.cs-home-two .h2-site .h2-contact-float:hover{background-color:#5c443a;border-color:#5c443a;color:#fff}
body.cs-home-two .h2-site .h2-button-outline,body.cs-home-two .h2-site .h2-link,body.cs-home-two .h2-site .coffee-contact-options a,body.cs-home-two .h2-site .h2-menu,body.cs-home-two .h2-site .h2-loop-controls button{background:transparent;border-color:var(--coffee);color:var(--coffee)}
body.cs-home-two .h2-site .h2-button-outline:hover,body.cs-home-two .h2-site .h2-link:hover,body.cs-home-two .h2-site .coffee-contact-options a:hover{background:var(--coffee);border-color:var(--coffee);color:#fff}
body.cs-home-two .h2-site .h2-contact-links a{background:var(--coffee);border-color:var(--coffee);color:#fff}
body.cs-home-two .h2-site .h2-contact-links a:hover{background:#5c443a;border-color:#5c443a;color:#fff}

/* One primary invitation, with quiet alternative contact links. */
body.cs-home-two .h2-site .h2-contact-links{gap:8px 20px;margin-top:15px}
body.cs-home-two .h2-site .h2-contact-links a,body.cs-home-two .h2-site .h2-contact-links a:hover{padding:6px 0;min-height:44px;border:0;border-radius:0;background:transparent;color:#eee8e4;font-size:12px;font-weight:400;text-decoration:underline;text-decoration-color:#ffffff60;text-underline-offset:5px}
body.cs-home-two .h2-site .h2-contact-links a:hover{text-decoration-color:#eee8e4}

/* Match the shared button shape; omit empty development test confirmations. */
body.cs-home-two .h2-site .h2-contact-float{border-radius:12px}
body.cs-home-two .h2-site .coffee-fluent .ff-message-success:empty{display:none}

/* Final mobile readability and client-approved title stroke. */
body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{height:16px;background-image:url(title-stroke.svg);background-size:100% 100%;background-repeat:no-repeat;box-shadow:none}
body.cs-home-two .h2-site .h2-menu{width:48px;height:48px;min-width:48px;padding:12px;flex-direction:column;justify-content:center;gap:5px;border:0}
.h2-menu span{display:block;width:24px;height:2px;background:currentColor;transition:transform .25s,opacity .25s}
.h2-menu[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.h2-menu[aria-expanded=true] span:nth-child(2){opacity:0}
.h2-menu[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:761px){body.cs-home-two .h2-site .h2-header{gap:20px}body.cs-home-two .h2-site .h2-header nav{gap:16px;font-size:13px}body.cs-home-two .h2-site .h2-header-cta{font-size:12px;padding-inline:14px}}
@media(max-width:1100px) and (min-width:761px){body.cs-home-two .h2-site .h2-header nav{font-size:11px;gap:12px}body.cs-home-two .h2-site .h2-header-cta{display:none}}
@media(max-width:760px){
body.cs-home-two .h2-site{font-size:16px}
body.cs-home-two .h2-site .h2-header .h2-logo{width:140px;max-width:140px}
body.cs-home-two .h2-site .h2-logo img{width:100%;height:auto}
body.cs-home-two .h2-site :is(.coffee-copy,.coffee-copy p,.coffee-copy li,.coffee-page-hero>p,.h2-hero p,.h2-person p,.h2-section-head p,.h2-service-list p,.h2-contact p){font-size:16px;line-height:1.85}
body.cs-home-two .h2-site :is(.h2-button,.h2-link,.coffee-fluent label,.coffee-fluent input,.coffee-fluent textarea,.coffee-fluent select){font-size:16px}
body.cs-home-two .h2-site .h2-header nav a{font-size:16px;min-height:44px}
body.cs-home-two .h2-site .coffee-copy .p-page-cards{border:0;gap:24px}
body.cs-home-two .h2-site .coffee-copy .p-page-card,body.cs-home-two .h2-site .h2-service-list article{border:1px solid #70554a35;border-radius:12px;padding:26px 22px;background:#ffffff70}
body.cs-home-two .h2-site .h2-service-list{gap:24px}
body.cs-home-two .h2-site .h2-footer{display:grid;grid-template-columns:1fr;gap:32px;padding-block:48px 110px}
body.cs-home-two .h2-site .h2-footer .h2-logo{display:block;width:160px;max-width:160px}
body.cs-home-two .h2-site .h2-footer p{font-size:15px;line-height:1.9;max-width:34ch;margin-top:18px}
body.cs-home-two .h2-site .h2-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
body.cs-home-two .h2-site .h2-footer a{font-size:15px}
body.cs-home-two .h2-site .h2-footer-bottom{grid-column:1;display:flex;flex-direction:column;gap:14px}
}

body.cs-home-two .h2-site .coffee-intake-structure{max-width:850px;padding-block:0 70px}
body.cs-home-two .h2-site .coffee-intake-structure .cs-intake-section{padding-top:45px;margin-top:45px;border-top:1px solid #70554a35}
body.cs-home-two .h2-site .coffee-intake-structure .cs-intake-section h2{font-size:clamp(26px,4vw,36px);line-height:1.3;margin:10px 0 28px}
body.cs-home-two .h2-site .cs-intake-number{font-size:13px;color:#70554a;letter-spacing:.04em}
body.cs-home-two .h2-site .coffee-fluent .ff-el-group{margin-bottom:28px}
body.cs-home-two .h2-site .coffee-fluent .ff-el-form-check{margin-block:10px}
body.cs-home-two .h2-site .coffee-fluent .ff-el-form-check-label{display:flex;gap:10px;align-items:flex-start;line-height:1.6}
body.cs-home-two .h2-site .coffee-fluent input[type=checkbox],body.cs-home-two .h2-site .coffee-fluent input[type=radio]{width:20px;height:20px;min-width:20px;margin-top:3px;accent-color:#70554a}
body.cs-home-two .h2-site .coffee-fluent .ff-el-help-message{font-size:14px;line-height:1.75;margin-top:8px;color:#604b43}
body.cs-home-two .h2-site .coffee-fluent :is(input,textarea,select):focus-visible{outline:2px solid #70554a;outline-offset:3px}
body.cs-home-two .h2-site .coffee-package-choice{scroll-margin-top:65px;padding-bottom:40px}
body.cs-home-two .h2-site .coffee-package-choice+section{padding-top:30px;border-top:1px solid #70554a35}
@media(max-width:760px){body.cs-home-two .h2-site .coffee-fluent .ff-el-input--label label{font-size:16px;line-height:1.65}body.cs-home-two .h2-site .coffee-intake-structure{padding-inline:22px}}

@media(max-width:760px){body.cs-home-two .h2-site .h2-menu{display:flex}body.cs-home-two .h2-site .h2-menu span{flex-shrink:0}}
body.cs-home-two .h2-site .coffee-intake-structure .ff-el-group:first-of-type .cs-intake-section{margin-top:0;padding-top:35px;border-top:0}

/* Intake: one opening divider and explanations alongside the questions. */
body.cs-home-two .h2-site .coffee-intake-structure .cs-intake-first{border-top:0;margin-top:0;padding-top:40px}
body.cs-home-two .h2-site .coffee-intake-structure .cs-question-help{font-style:italic;font-weight:400;color:#604b43;font-size:.92em;line-height:1.7}
body.cs-home-two .h2-site .coffee-intake-structure em.cs-question-help{font-family:inherit;font-size:.95em;font-style:italic;letter-spacing:normal}


/* Consistent reading sizes across the approved site, 23 October 2026. */
body.cs-home-two .h2-site{--cs-body-size:16px;--cs-meta-size:14px;--cs-button-size:16px}
body.cs-home-two .h2-site :is(main p,main li){font-size:var(--cs-body-size);line-height:1.85}
body.cs-home-two .h2-site :is(.coffee-copy,.h2-footer p){font-size:var(--cs-body-size);line-height:1.85}
body.cs-home-two .h2-site :is(.coffee-fluent label,.coffee-fluent input,.coffee-fluent textarea,.coffee-fluent select,.h2-link,.coffee-contact-options a){font-size:16px;line-height:1.65}
body.cs-home-two .h2-site .h2-button{font-size:var(--cs-button-size);line-height:1.5}
body.cs-home-two .h2-site :is(.coffee-project-note,.coffee-provisional,.coffee-test-notice,.cs-intake-number,.h2-no-obligation,.coffee-fluent .ff-el-help-message){font-size:var(--cs-meta-size);line-height:1.8}
body.cs-home-two .h2-site .h2-service-list small{font-size:14px;line-height:1.7}
body.cs-home-two .h2-site .h2-contact-links a,body.cs-home-two .h2-site .h2-footer a{font-size:16px;line-height:1.7}
body.cs-home-two .h2-site .h2-footer-bottom,body.cs-home-two .h2-site .h2-footer-bottom a{font-size:14px;line-height:1.8}
body.cs-home-two .h2-site .h2-contact-float{font-size:14px;line-height:1.5}
body.cs-home-two .h2-site .h2-review figcaption strong{font-size:16px}
body.cs-home-two .h2-site .h2-review figcaption span{font-size:14px;line-height:1.7}
body.cs-home-two .h2-site .h2-person .h2-lead{font-size:20px;line-height:1.7}
body.cs-home-two .h2-site .coffee-copy .coffee-package-price{font-size:22px;line-height:1.6}
body.cs-home-two .h2-site .coffee-copy .p-price{font-size:18px;line-height:1.6}
body.cs-home-two .h2-site .coffee-copy .coffee-quote-title{font-size:clamp(28px,3vw,42px);line-height:1.3}
@media(min-width:1101px){
body.cs-home-two .h2-site .h2-header nav{font-size:14px}
body.cs-home-two .h2-site .h2-header-cta{--cs-button-size:14px;font-size:14px}
}
@media(min-width:761px) and (max-width:1100px){
body.cs-home-two .h2-site .h2-header{min-height:103px;position:relative}
body.cs-home-two .h2-site .h2-menu{display:flex;margin-left:auto}
body.cs-home-two .h2-site .h2-header-cta{display:none}
body.cs-home-two .h2-site .h2-header nav{display:none;position:absolute;z-index:25;left:0;right:0;top:90px;margin:0;background:var(--cs-canvas,#f7f7f7);border:1px solid var(--line);box-shadow:0 12px 20px #38241f12;padding:20px;font-size:16px}
body.cs-home-two .h2-site .h2-header nav.is-open{display:grid;gap:8px}
body.cs-home-two .h2-site .h2-header nav a{font-size:16px;min-height:44px}
}

body.cs-home-two .h2-site .coffee-copy .coffee-service-quote>p:not(.coffee-quote-title){font-size:16px;line-height:1.85}

/* Full-width desktop header and footer, with comfortable navigation spacing. */
@media(min-width:1101px){
body.cs-home-two .h2-site :is(.h2-header.h2-wrap,.h2-footer.h2-wrap){width:100%;max-width:none;padding-inline:clamp(28px,3vw,64px)}
body.cs-home-two .h2-site .h2-header{gap:clamp(20px,2.2vw,42px)}
body.cs-home-two .h2-site .h2-header nav{gap:clamp(16px,1.8vw,34px)}
}

/* Center navigation in the space between the logo and the desktop action. */
@media(min-width:1101px){
body.cs-home-two .h2-site .h2-header nav{flex:1;justify-content:center;margin-left:0}
body.cs-home-two .h2-site .h2-header-cta{flex-shrink:0}
}

/* Slightly larger desktop navigation, requested by Cynthia. */
@media(min-width:1101px){body.cs-home-two .h2-site .h2-header nav{font-size:15px}}
@media(min-width:1101px) and (max-width:1240px){body.cs-home-two .h2-site .h2-header nav{gap:12px}}

/* Final content and spacing refinement, 24 October 2026. */
body.cs-home-two .h2-site{--section-space:clamp(135px,14vw,210px)}
body.cs-home-two .h2-site .coffee-page-content{padding-block:125px var(--section-space)}
body.cs-home-two .h2-site .coffee-copy h2{margin-top:125px}
body.cs-home-two .h2-site .coffee-package-choice{scroll-margin-top:90px;padding-bottom:70px}
body.cs-home-two .h2-site .coffee-package-choice+section{padding-top:100px}
body.cs-home-two .h2-site .coffee-package-intro{margin-bottom:105px}
body.cs-home-two .h2-site .coffee-copy .coffee-package-intro h2{margin-top:0}
body.cs-home-two .h2-site .coffee-copy .coffee-services-faq h2{margin-top:0}
body.cs-home-two .h2-site :is(.coffee-services-faq,.p-page-faq) summary{font-family:H2Poppins,Arial,sans-serif;font-size:16px;line-height:1.7}
body.cs-home-two .h2-site :is(.coffee-services-faq,.p-page-faq) p{font-size:16px;line-height:1.85}
body.cs-home-two .h2-site .coffee-services-faq details{padding-block:28px}
body.cs-home-two .h2-site .h2-contact{padding-block:120px 130px}
body.cs-home-two .h2-site .h2-footer{padding-top:100px}
body.cs-home-two .h2-site .h2-contact-links{gap:12px;margin-top:24px}
body.cs-home-two .h2-site .h2-contact-links a{padding:10px 18px;min-height:44px;border:1px solid #ffffffb3;border-radius:12px;background:transparent;color:#fff;text-decoration:none}
body.cs-home-two .h2-site .h2-contact-links a:hover{border:1px solid #fff;background:#ffffff12;color:#fff;text-decoration:none}
body.cs-home-two .h2-site .coffee-package-nav{margin-top:38px}
body.cs-home-two .h2-site .coffee-package-nav>p{font-size:16px;margin-bottom:16px}
body.cs-home-two .h2-site .coffee-package-nav>div{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
body.cs-home-two .h2-site .h2-hero h1 em{padding-left:.28em;margin-left:0}
body.cs-home-two .h2-site .h2-mobile-work{max-width:430px;gap:40px}
body.cs-home-two .h2-site .h2-mobile img{width:100%;max-width:100%;object-position:center top}
body.cs-home-two .h2-site .h2-mobile-1 img{width:100%;max-width:100%;object-position:center top}
body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{height:10px}
body.cs-home-two .h2-site .coffee-copy .p-page-card h3{margin-top:0}
@media(max-width:760px){
body.cs-home-two .h2-site{--section-space:125px}
body.cs-home-two .h2-site .h2-hero{padding-bottom:125px}
body.cs-home-two .h2-site .h2-services{padding-bottom:125px}
body.cs-home-two .h2-site .h2-work{padding-bottom:125px}
body.cs-home-two .h2-site .h2-person{padding-bottom:125px}
body.cs-home-two .h2-site .h2-review{padding-bottom:125px}
body.cs-home-two .h2-site .coffee-page-content{padding-block:90px 125px}
body.cs-home-two .h2-site .coffee-copy h2{margin-top:90px}
body.cs-home-two .h2-site .coffee-package-choice+section{padding-top:75px}
body.cs-home-two .h2-site .coffee-package-intro{margin-bottom:70px}
body.cs-home-two .h2-site .h2-contact{padding-block:90px 95px}
body.cs-home-two .h2-site .h2-footer{padding-top:65px}
body.cs-home-two .h2-site .h2-mobile-work{max-width:350px;gap:28px}
body.cs-home-two .h2-site .h2-hero h1 em{font-size:clamp(40px,12.8vw,60px)}
body.cs-home-two .h2-site .coffee-package-nav>div{gap:12px}
}

body.cs-coffee-inner .h2-site .coffee-page-hero h1::after{background-image:url(title-stroke.svg?v=20261024)}

/* Legal links together in the shared footer. */
body.cs-home-two .h2-site .h2-footer-legal{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:0}
body.cs-home-two .h2-site .h2-footer-legal a{font-size:14px;line-height:1.8}

/* Compact WhatsApp invitation and uncropped project previews. */
body.cs-home-two .h2-site .h2-contact-float{min-height:46px;padding:11px 14px;gap:8px;font-size:14px;line-height:22px;border-radius:12px}
body.cs-home-two .h2-site .h2-contact-float svg{width:22px;height:22px}
body.cs-home-two .h2-site .h2-contact-float span{max-width:140px;white-space:nowrap;overflow:hidden;opacity:1;transition:max-width .25s ease,opacity .18s ease}
body.cs-home-two .h2-site .h2-contact-float.is-compact{min-width:46px;padding:11px;gap:0}
body.cs-home-two .h2-site .h2-contact-float.is-compact span{max-width:0;opacity:0}
body.cs-home-two .h2-site .h2-desktop-screen img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
@media(prefers-reduced-motion:reduce){body.cs-home-two .h2-site .h2-contact-float span{transition:none}}

/* Shared rows align the homepage offers at every desktop width. */
@media(min-width:761px){
body.cs-home-two .h2-site .h2-service-list{grid-template-rows:auto auto 1fr auto auto}
body.cs-home-two .h2-site .h2-service-list article{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
body.cs-home-two .h2-site .h2-service-list article>p{margin-bottom:36px}
body.cs-home-two .h2-site .h2-service-list article>strong{margin-top:0}
body.cs-home-two .h2-site .h2-service-list article>a{justify-self:start;align-self:end}
}
body.cs-home-two .h2-site .coffee-package-intro.is-text-only{grid-template-columns:1fr}
@media(max-width:1100px){
body.cs-home-two .h2-site .coffee-nav-group{padding:0}
body.cs-home-two .h2-site .coffee-nav-group summary{min-height:44px}
body.cs-home-two .h2-site .coffee-nav-group>div{position:static;min-width:0;box-shadow:none;border:0;border-left:1px solid currentColor;padding:5px 0 5px 18px;gap:0}
body.cs-home-two .h2-site .coffee-nav-group>div a{min-height:44px}
}