/* Each page gets its own chapter; shared typography keeps them in one brand. */
.coffee-pause{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--brown);color:#fff}
.pause-picture{position:relative;overflow:hidden;min-height:650px}
.pause-picture img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 48%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.pause-picture>span{position:absolute;bottom:35px;left:var(--gutter);color:#fff;font-size:10px;letter-spacing:1.6px;font-weight:700;text-shadow:0 1px 8px #000}
.pause-copy{padding:85px var(--gutter) 80px clamp(50px,6vw,100px);align-self:center}
.pause-copy .eyebrow{color:#e6d7af;font-size:10px;letter-spacing:1.7px}
.pause-copy h2{font-size:clamp(65px,6.5vw,108px);font-weight:500;letter-spacing:-4.5px;margin:29px 0;line-height:1.04}
.pause-copy h2 em{color:#eee1b3}
.pause-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#f0e9e0;max-width:330px}
.pause-link{display:inline-flex;align-items:center;gap:25px;margin-top:35px;font-size:13px;font-weight:600;line-height:1.5}
.pause-link>span:last-child{display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffff65;border-radius:50%;font-size:26px;transition:background .35s,color .35s,transform .35s}
.pause-link:hover>span:last-child,.pause-link:focus-visible>span:last-child{background:#eee1b3;color:var(--brown);transform:rotate(45deg)}
.coffee-pause a:focus-visible{outline-color:#eee1b3}
.brand-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,8vw,145px);align-items:center;padding-top:115px;padding-bottom:100px;max-width:1840px;margin:auto}
.brand-note-art{position:relative;padding:0 30px 50px 0;min-width:0}
.brand-note-picture{height:530px;overflow:hidden;border-radius:2px 2px 44% 2px}
.brand-note-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.brand-note-art>span{position:absolute;bottom:8px;right:0;font-size:13px;letter-spacing:1px;writing-mode:vertical-rl;color:var(--olive);font-weight:600}
.brand-note-copy .eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.8px}
.brand-note-copy h2{font-size:clamp(56px,5.3vw,82px);letter-spacing:-3.5px;font-weight:500;line-height:1.1;margin:28px 0}
.brand-note-copy h2 em{color:var(--brown)}
.brand-note-copy>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);max-width:520px}
.brand-note-copy>p:not(.eyebrow)+p{margin-top:20px}
.note-words{display:flex;flex-wrap:wrap;gap:12px 23px;border-top:1px solid var(--line);margin-top:34px;padding-top:22px;font-size:10px;letter-spacing:1.3px;font-weight:700;color:var(--olive)}
.note-words i{font-style:normal;color:var(--gold)}
.pairings{background:var(--olive);color:white;padding-top:90px;padding-bottom:100px}
.pairings-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}
.pairings-top .eyebrow{font-size:10px;color:#eee1b3;letter-spacing:1.7px}
.pairings-top h2{font-size:clamp(48px,5.3vw,78px);font-weight:500;letter-spacing:-3px;line-height:1.1;margin-top:23px}
.pairings-top h2 em{color:#eee1b3}
.pairings-top>p{font-size:15px;line-height:1.8;color:#f0eee3;padding-bottom:6px}
.selection-tabs{display:flex;gap:7px;flex-wrap:wrap}
.selection-tabs[hidden]{display:none}
.pair-tabs{padding-bottom:28px;border-bottom:1px solid #ffffff45}
.selection-tabs button{font-size:13px;font-weight:600;border:1px solid currentColor;border-radius:30px;line-height:1.5;padding:12px 23px;transition:background .3s,color .3s,border-color .3s;min-height:46px}
.pair-tabs button{color:#fff;border-color:#ffffff65}
.pair-tabs button[aria-selected=true]{background:#fff;border-color:#fff;color:var(--olive)}
.pair-tabs button:focus-visible{outline-color:#eee1b3;outline-offset:4px}
.pair-panel{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(50px,6vw,110px);padding-top:45px}
.selection-panel[hidden]{display:none}
.selections-ready .selection-panel{animation:selection-in .5s ease both}
@keyframes selection-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.pair-images{display:grid;grid-template-columns:1fr 1fr;gap:17px;position:relative;min-width:0;padding-bottom:40px}
.pair-images figure{min-width:0}
.pair-images figure:nth-child(2){padding-top:40px}
.pair-images img{height:350px;width:100%;object-fit:cover;border-radius:2px}
.pair-images figcaption{font-size:10px;font-weight:600;letter-spacing:1.2px;line-height:1.6;margin-top:16px}
.pair-plus{position:absolute;left:50%;top:170px;transform:translateX(-50%);display:grid;place-items:center;width:50px;height:50px;background:#eee1b3;color:var(--olive);border-radius:50%;font-size:28px;line-height:1}
.pair-copy .eyebrow{font-size:10px;color:#eee1b3;letter-spacing:1.4px}
.pair-copy h3{font-size:clamp(43px,4.3vw,66px);font-weight:500;letter-spacing:-2.5px;line-height:1.1;margin-top:24px}
.pair-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:390px;color:#f0eee3;margin:25px 0}
.pair-links{display:flex;flex-wrap:wrap;gap:20px 28px;margin-top:30px}
.pair-links .text-link{font-size:12px;gap:15px}
.pair-links .text-link:hover{color:#eee1b3}
.pair-links a:focus-visible{outline-color:#eee1b3}
.place-moments{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,130px);align-items:center;padding-top:85px;padding-bottom:95px;max-width:1840px;margin:auto}
.moments-copy .eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted)}
.moments-copy h2{font-size:clamp(52px,5vw,76px);font-weight:500;line-height:1.1;letter-spacing:-3px;margin-top:26px}
.moments-copy h2 em{color:var(--brown)}
.moment-tabs{flex-direction:column;gap:0;margin-top:32px}
.moment-tabs button{border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 0;display:flex;align-items:center;gap:22px;text-align:left;color:var(--muted);font-size:18px;font-weight:500}
.moment-tabs button:last-child{border-bottom:1px solid var(--line)}
.moment-tabs button>span:first-child{font-size:10px;font-weight:600;color:var(--olive)}
.moment-tabs button>span:last-child{margin-left:auto;font-size:23px;transition:transform .3s}
.moment-tabs button[aria-selected=true]{color:var(--brown)}
.moment-tabs button[aria-selected=true]>span:last-child{transform:rotate(45deg)}
.moments-copy>.text-link{margin-top:35px;font-size:12px;gap:24px}
.moment-panel{min-width:0}
.table-drawing{position:relative;aspect-ratio:1.1;display:grid;place-items:center;isolation:isolate;margin:0 10px 25px}
.table-drawing::before{content:'';position:absolute;inset:8% 0;border:1px solid #b5934b66;border-radius:50%;transform:rotate(-18deg)}
.table-top{width:76%;height:61%;border-radius:50%;background:var(--olive);position:relative;transform:rotate(-18deg);box-shadow:0 18px 40px #35271f12}
.table-top::after{content:'';position:absolute;inset:9px;border:1px solid #eee1b340;border-radius:50%}
.table-chair{position:absolute;width:21%;height:20%;border:1px solid var(--gold);border-radius:50%;z-index:-1;transition:background .4s}
.chair-one{left:29%;top:0;transform:rotate(-15deg)}.chair-two{right:5%;top:35%;transform:rotate(60deg)}.chair-three{left:27%;bottom:0;transform:rotate(-15deg)}
.table-drawing--solo .chair-one,.table-drawing--chat .chair-one,.table-drawing--chat .chair-two,.table-drawing--meal .table-chair{background:#b5934b22}
.table-cup{position:absolute;width:16%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 3px 10px #0002;z-index:1}
.table-cup::before{content:'';position:absolute;inset:17%;border-radius:50%;background:var(--brown);border:4px solid #dedbd8}
.table-cup::after{content:'';position:absolute;right:-12%;top:36%;width:23%;height:29%;border:4px solid #fff;border-left:0;border-radius:0 8px 8px 0}
.cup-one{left:24%;top:25%}.cup-two{right:20%;bottom:24%;transform:rotate(180deg)}
.table-plate{position:absolute;right:20%;top:17%;width:24%;aspect-ratio:1;border-radius:50%;border:8px solid #fff;background:#eee1b3;box-shadow:0 3px 10px #0002;z-index:1}
.table-plate::after{content:'✳';position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font-size:38px;line-height:1}
.table-drawing--solo .cup-two,.table-drawing--solo .table-plate,.table-drawing--chat .table-plate{display:none}
.table-napkin{position:absolute;left:27%;bottom:15%;width:19%;height:26%;background:#fff;transform:rotate(15deg);z-index:1;display:grid;place-items:center}
.table-napkin>img{width:62%;height:auto;opacity:.75}
.moment-caption{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1.3fr;gap:25px}
.moment-caption h3{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.2}
.moment-caption p{font-size:14px;line-height:1.8;color:var(--muted)}
.contact-questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,7vw,110px);padding-top:65px;padding-bottom:65px;align-items:start}
.questions-copy .eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}
.questions-copy h2{font-size:clamp(48px,4.6vw,70px);font-weight:500;letter-spacing:-3px;line-height:1.1;margin-top:25px}
.questions-copy h2 em{color:var(--brown)}
.questions-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted);max-width:320px;margin-top:25px}
.questions-list{border-top:1px solid var(--line)}
.questions-list details{border-bottom:1px solid var(--line)}
.questions-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;font-size:16px;font-weight:600;line-height:1.5}
.questions-list summary::-webkit-details-marker{display:none}
.questions-list summary::after{content:'＋';font-size:26px;font-weight:400;color:var(--olive);transition:transform .3s}
.questions-list details[open] summary::after{transform:rotate(45deg)}
.questions-list summary:focus-visible{outline:3px solid var(--olive);outline-offset:5px}
.question-answer{padding:0 40px 27px 0;font-size:14px;line-height:1.85;color:var(--muted)}
.question-answer p{max-width:480px;margin-bottom:16px}
.question-answer .text-link{font-size:12px;color:var(--brown)}
@media(hover:hover) and (pointer:fine){.coffee-pause:hover .pause-picture img{transform:scale(1.035)}.moment-tabs button:hover{color:var(--brown)}.questions-list summary:hover{color:var(--olive)}}
@media(min-width:1800px){.coffee-pause{min-height:740px}.pause-picture{min-height:740px}.pause-copy{max-width:760px}.pairings{padding-left:max(var(--gutter),calc((100vw - 1660px)/2));padding-right:max(var(--gutter),calc((100vw - 1660px)/2))}}
@media(max-width:1100px){.coffee-pause{min-height:570px}.pause-picture{min-height:570px}.pause-copy{padding:65px 45px}.pause-copy h2{font-size:70px;letter-spacing:-3px}.brand-note{gap:50px;padding-top:85px;padding-bottom:80px}.brand-note-picture{height:480px}.brand-note-copy h2{font-size:57px;letter-spacing:-2.8px}.brand-note-copy>p:not(.eyebrow){font-size:15px}.pair-panel{gap:45px}.pair-images img{height:300px}.pair-plus{top:155px}.pair-copy h3{font-size:47px}.pair-copy>p:not(.eyebrow){font-size:14px}.place-moments{gap:45px}.moments-copy h2{font-size:56px;letter-spacing:-2.7px}.moment-caption{display:block}.moment-caption p{margin-top:15px}.contact-questions{gap:45px}.questions-copy h2{font-size:50px}.questions-list summary{font-size:14px}}
@media(max-width:850px){.coffee-pause{min-height:510px}.pause-picture{min-height:510px}.pause-copy{padding:50px 30px}.pause-copy h2{font-size:58px;letter-spacing:-2.7px}.pause-copy>p:not(.eyebrow){font-size:14px}.pause-link{font-size:11px;gap:17px}.pause-link>span:last-child{width:46px;height:46px;font-size:23px}.brand-note{gap:35px;padding-top:65px;padding-bottom:60px}.brand-note-art{padding-right:18px;padding-bottom:35px}.brand-note-picture{height:410px}.brand-note-copy h2{font-size:47px;letter-spacing:-2.2px}.brand-note-copy>p:not(.eyebrow){font-size:14px}.brand-note-art>span{font-size:10px}.note-words{font-size:8px;gap:10px 15px}.pairings{padding-top:65px;padding-bottom:65px}.pairings-top h2{font-size:51px;letter-spacing:-2px}.pairings-top>p{font-size:13px}.pair-panel{grid-template-columns:1.15fr .85fr;gap:30px;padding-top:35px}.pair-tabs button{font-size:12px;padding:11px 18px}.pair-images{gap:12px;padding-bottom:20px}.pair-images img{height:245px}.pair-plus{top:125px;width:38px;height:38px;font-size:23px}.pair-images figcaption{font-size:8px}.pair-copy h3{font-size:38px;letter-spacing:-1.5px}.pair-copy>p:not(.eyebrow){font-size:13px;margin:20px 0}.pair-links{gap:15px;margin-top:23px}.pair-links .text-link{font-size:10px;gap:12px}.place-moments{gap:30px;padding-top:60px;padding-bottom:65px}.moments-copy h2{font-size:46px;letter-spacing:-2px}.moment-tabs button{font-size:15px;padding:17px 0;gap:15px}.moments-copy>.text-link{font-size:11px;gap:15px}.moment-caption h3{font-size:24px}.moment-caption p{font-size:12px}.table-plate{border-width:5px}.table-plate::after{font-size:28px}.table-cup::before{border-width:2px}.contact-questions{gap:35px;padding-top:45px;padding-bottom:45px}.questions-copy h2{font-size:43px;letter-spacing:-2px}.questions-copy>p:not(.eyebrow){font-size:13px}.questions-list summary{font-size:13px;gap:18px}.question-answer{font-size:13px;padding-right:10px}}
@media(max-width:600px){.coffee-pause{grid-template-columns:1fr;min-height:0}.pause-picture{min-height:350px;order:1}.pause-picture img{object-position:50% 44%}.pause-picture>span{bottom:24px;font-size:9px}.pause-copy{padding:48px var(--gutter) 42px;order:0}.pause-copy .eyebrow{font-size:9px}.pause-copy h2{font-size:clamp(58px,14.5vw,78px);letter-spacing:-3px;margin:24px 0}.pause-copy>p:not(.eyebrow){font-size:15px;max-width:330px}.pause-link{margin-top:26px;font-size:12px;gap:24px}.pause-link>span:last-child{width:49px;height:49px}.brand-note{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:55px;padding-bottom:45px}.brand-note-art{padding-right:25px;padding-bottom:25px}.brand-note-picture{height:350px;max-width:390px}.brand-note-art>span{font-size:9px;right:4px;bottom:4px}.brand-note-copy .eyebrow{font-size:9px}.brand-note-copy h2{font-size:49px;letter-spacing:-2.5px;margin:23px 0}.brand-note-copy>p:not(.eyebrow){font-size:15px;line-height:1.85}.note-words{font-size:9px;margin-top:26px;padding-top:20px}.pairings{padding-top:48px;padding-bottom:48px}.pairings-top{display:block;margin-bottom:28px}.pairings-top h2{font-size:49px;letter-spacing:-2.3px;margin-top:21px}.pairings-top .eyebrow{font-size:9px}.pairings-top>p{font-size:14px;margin-top:22px;padding:0}.pair-tabs{gap:8px;padding-bottom:24px}.pair-tabs button{font-size:11px;padding:10px 15px;min-height:44px}.pair-panel{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-top:30px}.pair-images{padding-bottom:0;gap:12px}.pair-images img{height:260px}.pair-images figure:nth-child(2){padding-top:30px}.pair-plus{top:135px}.pair-images figcaption{font-size:9px;margin-top:12px}.pair-copy{padding-top:6px}.pair-copy h3{font-size:43px;letter-spacing:-2px;margin-top:18px}.pair-copy .eyebrow{font-size:9px}.pair-copy>p:not(.eyebrow){font-size:15px;margin:21px 0}.pair-links{gap:20px 27px}.pair-links .text-link{font-size:12px}.place-moments{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:48px;padding-bottom:50px}.moments-copy .eyebrow{font-size:9px}.moments-copy h2{font-size:49px;letter-spacing:-2.3px;margin-top:23px}.moment-tabs{margin-top:28px}.moment-tabs button{font-size:17px;padding:20px 0;gap:20px}.moments-copy>.text-link{font-size:12px;margin-top:25px}.table-drawing{margin:0 12px 22px;max-width:430px}.table-top{box-shadow:0 12px 25px #35271f12}.table-plate{border-width:6px}.moment-caption{display:grid;grid-template-columns:1fr 1.3fr;gap:25px}.moment-caption h3{font-size:25px}.moment-caption p{font-size:13px;margin:0}.contact-questions{display:block;padding-top:40px;padding-bottom:45px}.questions-copy .eyebrow{font-size:9px}.questions-copy h2{font-size:46px;letter-spacing:-2.3px;margin-top:22px}.questions-copy>p:not(.eyebrow){font-size:15px;margin-top:22px}.questions-list{margin-top:30px}.questions-list summary{font-size:15px;padding:24px 0;gap:24px}.questions-list summary::after{font-size:24px}.question-answer{font-size:14px;padding:0 18px 25px 0}.question-answer .text-link{font-size:12px}}
@media(max-width:360px){.pause-copy h2{font-size:53px;letter-spacing:-2.7px}.pause-picture{min-height:300px}.brand-note-copy h2,.moments-copy h2{font-size:43px}.brand-note-picture{height:300px}.pairings-top h2{font-size:44px}.pair-tabs button{font-size:10px;padding:10px 13px}.pair-images img{height:220px}.pair-plus{top:115px;width:34px;height:34px}.pair-copy h3{font-size:39px}.moment-caption{display:block}.moment-caption p{font-size:14px;margin-top:12px}.questions-copy h2{font-size:42px}.questions-list summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.selections-ready .selection-panel{animation:none}.pause-picture img,.pause-link>span:last-child,.moment-tabs button>span:last-child,.questions-list summary::after{transition:none}.coffee-pause:hover .pause-picture img{transform:none}}