.product-page { margin:0; background:#fffaf2; -webkit-font-smoothing:antialiased; }
.product-page header { background:#f3e7d8 !important; border-bottom-color:rgba(33,75,58,.14) !important; }
.product-page .site-header-inner > a:first-child span,.product-page .site-nav a { color:#214b3a !important; }
.product-page .site-nav a span { background:#214b3a !important; }
.pepper-product { color:#214b3a; }
.pepper-product * { box-sizing:border-box; }
.product-wrap { width:min(1180px,92vw); margin-inline:auto; }
.pepper-product h1,.pepper-product h2,.pepper-product h3 { font-family:'reiher-headline',Georgia,serif; font-weight:400; letter-spacing:-.015em; color:#214b3a; }
.pepper-product h1 { font-size:clamp(52px,7.5vw,100px); line-height:1.04; margin:0 0 28px; }
.pepper-product h2 { font-size:clamp(32px,4vw,52px); line-height:1.14; margin:0 0 24px; }
.pepper-product h3 { font-size:clamp(24px,2.4vw,30px); line-height:1.2; margin:16px 0 12px; }
.pepper-product p { font:300 17px/1.75 Geologica,system-ui,sans-serif; margin:0 0 20px; color:#43564b; }
.pepper-product em { font-style:italic; }
.product-hero { padding:clamp(72px,9vw,136px) 0; background:#eef0df; background-image:linear-gradient(90deg,rgba(255,250,242,.87),rgba(255,250,242,.65) 55%,rgba(255,250,242,.23)),url('/assets/time-back-london-park.jpg'); background-size:cover; background-position:center 60%; }
.product-hero h1 em { color:#84263f; }
.product-hero .product-lead { max-width:41ch; font-size:clamp(18px,1.7vw,21px); color:#214b3a; }
.product-hero-note { max-width:42ch; }
.product-actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-top:32px; }
.product-button { display:inline-block; padding:17px 25px; border-radius:999px; background:#214b3a; color:white; text-decoration:none; font-size:15px; }
.product-button:hover { background:#345e49; }
.product-text-link { color:#214b3a; text-underline-offset:5px; font-size:15px; font-weight:500; }
.product-text-link:hover { color:#84263f; }
.product-section { padding:clamp(64px,8vw,112px) 0; }
.product-white { background:#fff; }
.product-bespoke { background:#f5f2e8; background-image:linear-gradient(90deg,rgba(255,250,242,.92),rgba(255,250,242,.76) 52%,rgba(255,250,242,.22)),url('/assets/pepper-calm-lake.jpg'); background-size:cover; background-position:center; }
.product-bespoke-copy { max-width:560px; }
.pepper-product .product-access-note { font-size:14px; }
.product-section-intro { margin-bottom:44px; }
.product-section-intro p { max-width:51ch; }
.product-jobs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 36px; }
.product-jobs article { padding:28px 0 32px; border-top:1px solid #d9dfd5; }
.product-jobs article p { font-size:16px; margin-bottom:12px; }
.product-number { font:500 12px/1.4 Geologica,system-ui,sans-serif; color:#74836c; letter-spacing:.09em; }
.product-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,7vw,96px); align-items:center; }
.product-coast { width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover; border-radius:50% 50% 16px 16px; }
.product-split p { max-width:42ch; }
.product-roi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.product-roi-grid article { border-top:1px solid #cdd7cb; padding-top:16px; }
.product-roi-grid h3 { font-size:28px; }
.product-roi-number { display:block; font-size:clamp(42px,4vw,56px); }
.product-roi-grid p { font-size:16px; }
.pepper-product .product-roi-note { font-size:14px; margin:24px 0 0; max-width:75ch; }
.product-roi + #start { background-color:#f4f2e8; background-image:linear-gradient(rgba(255,250,242,.84),rgba(255,250,242,.79)),url('/assets/pepper-quiet-river.jpg'); background-size:cover; background-position:center; }
@media(max-width:900px) { .product-roi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .product-roi-grid { grid-template-columns:1fr; gap:16px; } }
.product-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; list-style:none; padding:0; margin:0 0 32px; }
.product-steps li { padding-top:24px; border-top:1px solid #cdd7cb; }
.product-steps h3 { font-size:26px; }
.product-steps p { font-size:16px; }
.product-close { background:#1f7d55 url('/assets/wp-content/uploads/2025/12/cta-bg-1.png') center/cover; padding:clamp(72px,9vw,120px) 0; text-align:center; }
.product-close h2 { color:#fff0e0; font:400 clamp(60px,7vw,96px)/1.1 'kentwell',cursive; }
.product-close p { color:#fff0e0; }
.product-email { display:flex; width:fit-content; max-width:100%; margin:32px auto 0; padding:4px; background:#fffaf2; border-radius:999px; }
.product-email input { width:160px; min-width:0; border:0; background:transparent; padding:12px 14px; font:400 14px Geologica,system-ui,sans-serif; color:#214b3a; border-radius:999px; }
.product-email button { flex-shrink:0; border:0; border-radius:999px; background:#214b3a; color:#fff; padding:15px 22px; font:500 13px Geologica,system-ui,sans-serif; cursor:pointer; }
.product-email button:hover { background:#345e49; }
.product-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.pepper-product a:focus-visible,.pepper-product input:focus-visible,.pepper-product button:focus-visible { outline:2px solid #cc8617; outline-offset:4px; }
@media(max-width:900px) { .product-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .product-jobs { gap:0 24px; } }
@media(max-width:640px) { .product-split { grid-template-columns:1fr; } .product-jobs { grid-template-columns:1fr !important; } .product-coast { max-width:440px; margin-inline:auto; } .product-hero { background-position:62% center; } .product-steps { grid-template-columns:1fr; gap:16px; } .product-section-intro { margin-bottom:28px; } }