/*
Theme Name: Celebration Sandwiches — A Gentle Gathering
Theme URI: https://celebrationsandwiches.com
Author: Celebration Sandwiches
Description: A calm, compassionate landing theme for funeral receptions and celebrations of life.
Version: 1.0.0
Text Domain: celebration-sandwiches-remembrance
*/
:root{--ink:#26352e;--stone:#e6e1d5;--paper:#f7f5ef;--sage:#7c8c7b;--blush:#c18c83;--line:#d1cabd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Georgia,serif}h1,h2,h3,.site-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08}h1{font-size:clamp(3.5rem,7vw,6.6rem);letter-spacing:-.04em}h2{font-size:clamp(2.3rem,4.5vw,4.1rem);letter-spacing:-.04em}h3{font-size:1.45rem}p{margin-top:0}a{color:inherit}.site-header{position:absolute;z-index:2;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,5vw,5.5rem);color:#fff}.site-title{text-decoration:none;font-size:1.35rem;letter-spacing:.01em}.site-title span{font-style:italic;color:#ded8ca}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a{font:600 .78rem Arial,sans-serif;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.site-header nav a:last-child{border:1px solid #fff;padding:.65rem .9rem}.menu-toggle{display:none}.hero{min-height:730px;display:flex;align-items:center;padding:135px clamp(1.5rem,11vw,12rem) 70px;color:#fff;background:linear-gradient(90deg,rgba(20,27,23,.82),rgba(20,27,23,.5) 45%,rgba(20,27,23,.1) 76%),var(--hero) center/cover}.hero-copy{max-width:620px}.eyebrow{font:600 .7rem Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--blush)}.hero .eyebrow{color:#e2c4bd}.intro{max-width:500px;font-size:1.13rem}.button{display:inline-flex;align-items:center;gap:1.5rem;margin-top:1rem;border:0;background:#fff;padding:1rem 1.25rem;color:var(--ink);font:600 .75rem Arial,sans-serif;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.welcome{display:grid;grid-template-columns:1.1fr .9fr;gap:7rem;padding:8rem clamp(1.5rem,12vw,13rem)}.welcome-copy{padding-top:2rem;font-size:1.06rem}.text-link{border-bottom:1px solid var(--blush);font-weight:bold;text-decoration:none}.occasions{padding:7rem clamp(1.5rem,9vw,10rem);background:var(--stone)}.section-heading{max-width:590px}.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem}.occasion-grid article{border-top:1px solid #909587;padding-top:1rem}.number{font-style:italic;color:var(--blush)}.occasion-grid p{font-size:.9rem}.menu-section{display:grid;grid-template-columns:1fr 1fr;background:#fff}.menu-image{min-height:740px}.menu-image img{height:100%;width:100%;object-fit:cover}.menu-copy{padding:8rem clamp(2rem,7vw,7rem)}.theme-picker-label{display:block;margin-top:2rem;font:600 .7rem Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.theme-picker{width:100%;margin:.6rem 0 1.5rem;border:1px solid var(--line);padding:.85rem;background:var(--paper);color:var(--ink);font:1rem Georgia,serif}.theme-menu h3{margin:.5rem 0}.theme-intro{font-size:.92rem;color:#59675e}.theme-menu[hidden]{display:none}.menu-copy ul{margin:1.5rem 0 2rem;padding:0;list-style:none}.menu-copy li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.9rem 0}.menu-copy li small{color:#59675e}.menu-copy b{align-self:start;color:var(--sage);font:600 .62rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.small{font-size:.82rem}.how-it-works{padding:7rem clamp(1.5rem,12vw,13rem);text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5rem;margin-top:4rem}.steps span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 1.3rem;border:1px solid var(--blush);border-radius:50%;color:var(--blush);font-style:italic}.steps h3{margin-bottom:.4rem}.steps p{font-size:.9rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9rem;padding:7rem clamp(1.5rem,12vw,13rem);background:var(--ink);color:#fff}.contact .eyebrow{color:#e4b8b0}.contact-form{display:grid;gap:1rem}.contact-form label{font:600 .7rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:.35rem;border:0;border-bottom:1px solid #8b988c;background:transparent;padding:.55rem 0;color:#fff;font:1rem Georgia,serif}.contact-form .button{justify-self:start}footer{display:grid;grid-template-columns:1.5fr 1fr 1.2fr .6fr;gap:1rem;align-items:center;padding:3rem clamp(1.5rem,5vw,5.5rem);background:#1c2922;color:#e7e9e3;font: .82rem Arial,sans-serif}footer p{margin:0}footer small{text-align:right;color:#aeb9af}@media(max-width:820px){.site-header{height:72px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--ink)}.site-header.nav-open nav{display:flex}.menu-toggle{display:block;border:0;background:none;color:#fff;font:600 .78rem Arial,sans-serif;text-transform:uppercase}.hero{min-height:650px;padding:115px 1.5rem 4rem}.welcome,.contact{grid-template-columns:1fr;gap:2rem;padding:5rem 1.5rem}.occasion-grid{grid-template-columns:1fr 1fr}.menu-section{grid-template-columns:1fr}.menu-image{min-height:380px}.menu-copy{padding:5rem 1.5rem}.how-it-works{padding:5rem 1.5rem}.steps{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.contact{gap:3rem}footer{grid-template-columns:1fr;padding:2.5rem 1.5rem}footer small{text-align:left}}
