.occasion-pairings{--op-ink:#263c32;--op-muted:#6e766c;--op-paper:#faf8f2;--op-line:#dedfd3;--op-clay:#ae5b39;background:var(--op-paper);color:var(--op-ink)}.occasion-pairings *{box-sizing:border-box}.occasion-pairings a{color:inherit}.occasion-pairings h1,.occasion-pairings h2,.occasion-pairings h3{font-family:'Fraunces','"Songti SC","SimSun"',Georgia,serif;font-weight:500}.op-intro{padding:35px 0 60px}.op-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#74806f;margin:0 0 38px}.op-breadcrumb a{text-decoration:none}.op-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.op-eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#7b846f;margin:0 0 18px}.op-hero h1{font-size:clamp(36px,4.1vw,60px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}.op-lead{font-size:16px;line-height:1.9;max-width:480px;color:var(--op-muted);margin:0 0 26px}.op-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--op-clay);border:1px solid var(--op-clay);border-radius:30px;padding:14px 23px;font-size:12px;font-weight:700;text-decoration:none;color:#fff!important;transition:background .2s}.op-button:hover{background:#91482d}.op-reference{font-size:11px;color:#7d8374;line-height:1.7;margin-top:19px}.op-hero-image{margin:0;border:1px solid var(--op-line);border-radius:8px;overflow:hidden;background:#eeeee5}.op-hero-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.op-hero-image figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 17px;font:9px 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#747e6c;background:#eeeee5}.op-occasion-nav{border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line);background:#efefe6}.op-occasion-nav>.container-site{display:flex;gap:5px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.op-occasion-nav a{padding:11px 16px;border-radius:24px;text-decoration:none;font-size:12px;color:#687561;white-space:nowrap}.op-occasion-nav a[aria-current=page]{color:#fff;background:#2f4c3b}.op-cases{padding-top:70px;padding-bottom:75px}.op-section-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:40px}.op-section-head h2,.op-planning h2{font-size:clamp(29px,3vw,41px);line-height:1.2;letter-spacing:-.025em;margin:0}.op-section-head>p{font-size:13px;line-height:1.9;color:var(--op-muted);margin:0 0 3px;max-width:480px}.op-case-list{display:grid;gap:30px}.op-case{display:grid;grid-template-columns:.85fr 1.4fr;gap:46px;padding:35px 0;border-top:1px solid var(--op-line);scroll-margin-top:110px}.op-case-no{font:12px 'IBM Plex Mono',monospace;color:#a26140;margin:0 0 18px}.op-case-no span{font-size:9px;letter-spacing:.05em;color:#89917e}.op-case h3{font-size:29px;line-height:1.25;letter-spacing:-.02em;margin:0 0 13px}.op-setting{font-size:14px;line-height:1.8;color:#6c7865;margin:0 0 23px}.op-copy-block{margin:17px 0}.op-copy-block h4{font-size:11px;letter-spacing:.03em;font-weight:700;margin:0 0 7px;color:#63745f}.op-copy-block p{font-size:12px;line-height:1.9;color:#78806f;margin:0}.op-button-secondary{margin-top:12px;background:transparent;color:#9b5335!important;border-color:#c7bdab;font-size:11px;padding:12px 18px}.op-button-secondary:hover{background:#ede8dc}.op-case-products{min-width:0;background:#f1f0e7;border-radius:6px;padding:22px;align-self:start}.op-product-group-label{display:flex;justify-content:space-between;gap:10px;font:9px 'IBM Plex Mono',monospace;letter-spacing:.07em;color:#7b846e;border-bottom:1px solid #dddccf;padding-bottom:15px;margin-bottom:19px}.op-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.op-product{min-width:0;text-decoration:none;display:flex;flex-direction:column}.op-product-image{position:relative;background:#fff;border:1px solid #e4e3d8;aspect-ratio:1;overflow:hidden;border-radius:3px}.op-product-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.op-product:hover img{transform:scale(1.04)}.op-product-image>span{position:absolute;left:9px;top:9px;font:9px 'IBM Plex Mono',monospace;color:#8a917e;z-index:1}.op-sku{font:10px 'IBM Plex Mono',monospace;color:#9e6346;margin:13px 0 7px}.op-product h4{font-size:13px;font-weight:600;line-height:1.6;margin:0 0 12px}.op-product-link{font-size:10px;color:#758269;margin-top:auto}.op-product-note{font-size:10px;line-height:1.8;color:#8b917f;margin:21px 0 0;padding-top:14px;border-top:1px solid #dddccf}.op-planning{padding:64px 0;background:#e9ede2;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line)}.op-planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.op-planning-grid>div>p:last-child{font-size:14px;line-height:1.9;color:#75816e;max-width:440px}.op-planning ol{list-style:none;counter-reset:plan;padding:0;margin:0}.op-planning li{counter-increment:plan;padding:16px 0 19px 39px;border-bottom:1px solid #cdd6c5;position:relative}.op-planning li:before{content:'0' counter(plan);font:11px 'IBM Plex Mono',monospace;color:#a36645;position:absolute;left:0;top:19px}.op-planning strong{display:block;font-size:14px;margin-bottom:8px;font-weight:600}.op-planning li span{font-size:12px;line-height:1.8;color:#798570}.op-footnote{padding-top:25px;padding-bottom:34px}.op-footnote p{font-size:10px;line-height:1.9;color:#8a917e;margin:7px 0}.op-footnote a{text-decoration:underline;text-underline-offset:3px}.occasion-pairings a:focus-visible{outline:3px solid #b97c50;outline-offset:4px}.occasion-pairings [id]{scroll-margin-top:100px}@media(max-width:1050px){.op-hero{gap:35px}.op-case{gap:26px;grid-template-columns:1fr 1.25fr}.op-products{gap:10px}.op-case-products{padding:17px}.op-product h4{font-size:12px}}@media(max-width:760px){.op-hero{grid-template-columns:1fr;gap:29px}.op-hero h1{font-size:40px}.op-intro{padding-top:26px;padding-bottom:32px}.op-breadcrumb{margin-bottom:28px}.op-lead{font-size:14px;max-width:none}.op-section-head{grid-template-columns:1fr;gap:20px}.op-cases{padding-top:45px;padding-bottom:40px}.op-case{grid-template-columns:1fr;gap:24px;padding-top:28px}.op-case h3{font-size:27px}.op-case-products{padding:18px}.op-products{gap:15px}.op-occasion-nav>.container-site{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.op-occasion-nav a{font-size:10px;padding:11px 7px;white-space:normal}.op-planning{padding:42px 0}.op-planning-grid{grid-template-columns:1fr;gap:20px}.op-hero-image figcaption{font-size:8px}.op-product h4{font-size:12px}.op-copy-block p{font-size:13px}.op-setting{font-size:14px}.op-case-no{margin-bottom:14px}.op-case-list{gap:18px}}@media(max-width:400px){.op-products{gap:8px}.op-case-products{padding:12px}.op-product h4{font-size:11px}.op-product-group-label{font-size:8px}.op-product-note{font-size:9px}.op-hero h1{font-size:36px}}@media(prefers-reduced-motion:reduce){.occasion-pairings *{transition:none!important}}
