/* ========================================================================= Eden Funeral Services — shared styles Default look: "Living Green" (Cormorant Garamond + Spectral, green palette) The Jewish Way page opts into the "Sacred Stone" look via ========================================================================= */ :root{ --ink:#29352b; --body:#3c4539; --muted:#4c5548; --accent:#5c7053; --accent-d:#4d6144; --paper:#f3f1e7; --line:#d9d5c5; --sage:#a9c095; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0;background:var(--paper);color:var(--body); font-family:'Spectral',Georgia,serif; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; opacity:0;transition:opacity .6s ease; } body.ready{opacity:1;} a{color:inherit;text-decoration:none;} img{display:block;max-width:100%;} h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;} .container{max-width:1160px;margin:0 auto;padding-left:clamp(20px,5vw,44px);padding-right:clamp(20px,5vw,44px);} section[id],.closing{scroll-margin-top:92px;} .skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:1000;border-radius:0 0 6px 0;} .skip-link:focus{left:0;} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} /* Motion */ .reveal{opacity:0;transform:translateY(12px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,.7,.3,1);} .reveal.in{opacity:1;transform:none;} .trio > div.reveal{transition-delay:var(--d,0s);} @media (prefers-reduced-motion:reduce){ .reveal{opacity:1!important;transform:none!important;transition:none!important;} html{scroll-behavior:auto;} } a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px;} /* ---------- Header / nav ---------- */ .site-header{ position:sticky;top:0;z-index:900;border-bottom:1px solid var(--line); background:rgba(243,241,231,0.86);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px); transition:box-shadow .35s ease,background .35s ease; } .site-header.scrolled{background:rgba(243,241,231,0.94);box-shadow:0 6px 22px rgba(30,42,32,0.08);} .site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:10px;padding-bottom:10px;position:relative;} .brand{display:inline-flex;align-items:center;gap:12px;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(19px,2.4vw,24px);letter-spacing:0.04em;color:var(--ink);} .brand .dot{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7f9673,#43563c);flex:none;} .nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,22px);} .nav a{font-family:'Spectral',serif;font-size:15.5px;color:var(--muted);white-space:nowrap;transition:color .2s;} .nav a:hover,.nav a[aria-current="page"]{color:var(--ink);} .nav a[aria-current="page"]{color:var(--accent-d);} .nav .nav-phone{color:#425239;border:1px solid var(--accent);border-radius:999px;padding:8px 16px;} .nav .nav-phone:hover{background:var(--accent);color:#f3f1e7;} .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:0;cursor:pointer;padding:4px;} .nav-toggle span{display:block;height:2px;width:22px;background:var(--ink);transition:.25s;} .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);} .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;} .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} /* ---------- Hero ---------- */ .hero{position:relative;min-height:clamp(480px,72vh,620px);display:flex;align-items:flex-end;background:#dde2d4;border-bottom:1px solid var(--line);} .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.96);} .hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,28,20,0.88) 0%,rgba(20,28,20,0.55) 42%,rgba(20,28,20,0.12) 78%);} .hero .inner{position:relative;max-width:760px;padding-top:clamp(48px,7vw,64px);padding-bottom:clamp(48px,7vw,64px);color:#f3f1e7;} .eyebrow-mono{font-family:ui-monospace,'SFMono-Regular',Menlo,monospace;font-size:12px;letter-spacing:0.22em;text-transform:uppercase;color:#eef0e2;margin-bottom:20px;text-shadow:0 1px 10px rgba(0,0,0,0.75);} .hero h1{font-weight:500;font-size:clamp(38px,7vw,60px);line-height:1.08;margin:0 0 22px;letter-spacing:0.005em;color:#fbfaf3;text-shadow:0 2px 16px rgba(0,0,0,0.55);} .hero .lead{font-size:clamp(18px,2.4vw,20px);line-height:1.55;margin:0 0 30px;color:#f4f2e8;max-width:600px;text-shadow:0 1px 12px rgba(0,0,0,0.55);} .hero-cta{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(243,241,231,0.6);border-radius:999px;padding:14px 26px;font-size:17px;color:#f3f1e7;transition:background .25s,border-color .25s;min-height:44px;} .hero-cta:hover{background:rgba(243,241,231,0.12);border-color:rgba(243,241,231,0.85);} .hero-cta .pip{width:7px;height:7px;border-radius:50%;background:var(--sage);} /* Medium image hero — interior content pages (shorter than the homepage) */ .hero-md{min-height:clamp(340px,46vh,430px);} .hero-md .inner{padding-top:clamp(40px,6vw,54px);padding-bottom:clamp(40px,6vw,54px);} .hero-md h1{font-size:clamp(34px,5.4vw,48px);} /* ---------- Generic sections ---------- */ .section{padding-top:clamp(56px,8vw,80px);padding-bottom:clamp(56px,8vw,80px);} .eyebrow{font-family:ui-monospace,'SFMono-Regular',Menlo,monospace;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;} .measure{max-width:760px;} /* Page hero (interior pages, no video) */ .page-hero{background:#e7ebe0;border-bottom:1px solid var(--line);padding-top:clamp(64px,9vw,104px);padding-bottom:clamp(48px,7vw,72px);} .page-hero h1{font-weight:500;font-size:clamp(34px,5.4vw,52px);line-height:1.1;margin:0 0 18px;color:var(--ink);} .page-hero p{font-size:clamp(18px,2.3vw,20px);line-height:1.6;color:#3c4539;font-weight:400;max-width:640px;margin:0;} /* About grid */ .about-grid{display:grid;grid-template-columns:300px 1fr;gap:clamp(30px,5vw,52px);align-items:center;} .portrait-frame{aspect-ratio:4/5;position:relative;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(48deg,#e7e4d6 0 16px,#e1ddcd 16px 32px);display:flex;align-items:flex-end;padding:16px;box-shadow:0 20px 50px rgba(41,53,43,0.12);} .portrait-frame .p-note{font-family:ui-monospace,monospace;font-size:11px;color:#8a9179;} .about-text .statement{font-size:clamp(20px,2.6vw,23px);line-height:1.6;margin:0;color:#333c31;font-weight:400;} /* Trio */ .trio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);} .trio > div{padding:40px 34px;} .trio > div:not(:last-child){border-right:1px solid var(--line);} .trio > div:first-child{padding-left:0;} .trio > div:last-child{padding-right:0;} .trio h3{font-size:26px;font-weight:500;color:var(--ink);margin:0 0 14px;} .trio p{font-size:16px;line-height:1.65;margin:0;color:var(--muted);} /* Beauty band */ .beauty{background:#e7ebe0;} .beauty h2{font-weight:500;font-size:clamp(34px,4.8vw,44px);line-height:1.12;margin:0 0 26px;color:var(--ink);} .beauty p{font-size:clamp(18px,2.3vw,20px);line-height:1.62;margin:0;color:#3c4539;font-weight:400;} .hl{color:#4d6144;} .heb{font-family:'Frank Ruhl Libre',serif;color:#5c7053;} /* Pull quote */ .pullquote{text-align:center;padding-top:clamp(56px,8vw,84px);padding-bottom:clamp(56px,8vw,84px);} .pullquote .rule{width:44px;height:1px;background:var(--accent);margin:0 auto 28px;} .pullquote blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(26px,4vw,40px);line-height:1.28;color:var(--ink);margin:0 auto;max-width:880px;} .pullquote .attrib{margin-top:22px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);} /* Split */ .split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;} .split.rev .split-text{order:2;} .split-text{padding:clamp(52px,7vw,80px) clamp(28px,5vw,52px);display:flex;flex-direction:column;justify-content:center;} .split-text .statement{font-size:clamp(19px,2.4vw,21px);line-height:1.6;margin:0;color:#333c31;font-weight:400;} .split-img{min-height:440px;position:relative;background:#e7e4d6;} .split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.96);} /* Centered band */ .band{text-align:center;border-top:1px solid var(--line);} .band h2{font-weight:500;font-size:clamp(30px,4.4vw,40px);line-height:1.15;margin:0 0 24px;color:var(--ink);} .band p{font-size:clamp(18px,2.3vw,20px);line-height:1.62;margin:0 auto;color:#3c4539;font-weight:400;max-width:720px;} /* Prose (interior body copy) */ .prose{max-width:720px;} .prose h2{font-weight:500;font-size:clamp(26px,3.4vw,34px);line-height:1.18;color:var(--ink);margin:0 0 16px;} .prose h2:not(:first-child){margin-top:48px;} .prose p{font-size:clamp(17px,2vw,19px);line-height:1.72;color:#3c4539;font-weight:400;margin:0 0 18px;} .prose .lead-p{font-size:clamp(19px,2.3vw,21px);color:#333c31;} /* ---------- Hebrew lockup (English word, hairline rule, Hebrew beneath) ---------- To remove ALL Hebrew site-wide if the client prefers: set .heb{display:none;} (one line, no markup changes). See the "REMOVE HEBREW" switch at the bottom. */ .lockup{display:inline-block;margin-bottom:16px;} .lockup-rule{display:block;width:38px;height:1px;background:var(--accent);margin-bottom:11px;} .lockup-en{display:block;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(20px,2.4vw,24px);letter-spacing:0.02em;color:var(--ink);line-height:1;} .lockup-he{display:block;font-family:'Frank Ruhl Libre',serif;font-size:clamp(30px,4vw,38px);line-height:1.15;color:var(--accent);margin-top:4px;} /* ---------- Seed motif ---------- */ .seed-moment{color:var(--accent);text-align:center;} .seed-svg{width:86px;height:auto;margin:0 auto;display:block;} .seed-line{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(22px,3.4vw,30px);line-height:1.32;color:var(--ink);max-width:640px;margin:24px auto 0;} .seed-divider{display:flex;justify-content:center;padding:6px 0;color:var(--accent);} .seed-divider .seed-svg{width:26px;opacity:0.5;} .seed-svg path,.seed-svg ellipse{stroke-dasharray:1;stroke-dashoffset:0;} .reveal .seed-svg path,.reveal .seed-svg ellipse{stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease 0.1s;} .reveal.in .seed-svg path,.reveal.in .seed-svg ellipse{stroke-dashoffset:0;} @media (prefers-reduced-motion:reduce){.seed-svg path,.seed-svg ellipse{stroke-dashoffset:0!important;transition:none!important;}} /* Seed scene — the full moment on Body & Soul */ .seed-scene{background:#eef1e8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);} .seed-stage{position:relative;width:150px;height:160px;margin:0 auto 4px;display:flex;align-items:flex-end;justify-content:center;} .seed-stage .seed-svg{position:relative;z-index:2;width:94px;} .seed-halo{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:192px;height:192px;border-radius:50%;background:radial-gradient(circle,rgba(169,192,149,0.34) 0%,rgba(169,192,149,0) 68%);z-index:0;pointer-events:none;} .seed-ground{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:162px;height:1px;background:linear-gradient(to right,rgba(92,112,83,0) 0%,rgba(92,112,83,0.5) 50%,rgba(92,112,83,0) 100%);z-index:1;} /* Soft image wash behind a light page-hero */ .hero-forest-soft{position:relative;overflow:hidden;} .hero-forest-soft::after{content:"";position:absolute;inset:0;background:url("img/forest-light.jpg") center/cover no-repeat;opacity:0.12;pointer-events:none;} .hero-forest-soft .container{position:relative;z-index:1;} /* Closing CTA */ .closing{background:var(--ink);color:#e9ecdf;text-align:center;padding-top:clamp(64px,9vw,88px);padding-bottom:clamp(64px,9vw,88px);} .closing .quote{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4.6vw,38px);line-height:1.2;margin-bottom:14px;color:#f3f1e7;} .closing .sub{font-size:19px;font-weight:400;color:#c7d0bd;margin:0 0 34px;} .closing .phone-link{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(243,241,231,0.5);border-radius:999px;padding:16px 32px;font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3vw,24px);letter-spacing:0.02em;color:#f3f1e7;transition:background .25s;min-height:44px;} .closing .phone-link:hover{background:rgba(243,241,231,0.1);} .closing .wordmark{margin-top:40px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:0.16em;color:#9aa78c;} /* Footer */ .site-footer{background:#1f2a20;color:#b9c2ac;padding:clamp(52px,7vw,72px) 0 38px;} .site-footer .container{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;} .site-footer h3{font-weight:600;font-size:18px;letter-spacing:0.04em;color:#e9ecdf;margin:0 0 14px;} .site-footer p,.site-footer a{font-family:'Spectral',serif;font-size:15px;line-height:1.75;color:#b9c2ac;margin:0;} .site-footer a{display:block;transition:color .2s;} .site-footer a:hover{color:#a9c095;} .site-footer .brandline{display:inline-flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:0.04em;color:#f3f1e7;margin-bottom:14px;} .site-footer .brandline .dot{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7f9673,#43563c);} .site-footer .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,0.1);margin-top:14px;padding-top:22px;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:0.04em;color:#8f9a82;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;} .site-footer .legal a{display:inline;} /* ---------- Contact form (understated, secondary) ---------- */ /* Clearly-marked placeholder blocks (e.g. real bio to be supplied) */ .placeholder-note{display:inline-block;font-family:ui-monospace,'SFMono-Regular',Menlo,monospace;font-size:11px;letter-spacing:0.04em;color:#8a7f6a;background:rgba(138,127,106,0.10);border:1px dashed rgba(138,127,106,0.55);border-radius:4px;padding:7px 11px;margin-bottom:16px;} .form-wrap{max-width:560px;} .form-note{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:0.04em;color:#8a9179;margin-top:10px;} .field{margin-bottom:18px;} .field label{display:block;font-size:14px;letter-spacing:0.02em;color:var(--muted);margin-bottom:7px;} .field input,.field textarea{width:100%;font-family:'Spectral',serif;font-size:16px;color:var(--ink);background:#fbfaf4;border:1px solid var(--line);border-radius:6px;padding:12px 14px;} .field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);} .field textarea{min-height:130px;resize:vertical;} .btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#f3f1e7;border:0;border-radius:999px;padding:14px 30px;font-family:'Spectral',serif;font-size:16px;cursor:pointer;transition:background .25s;min-height:44px;} .btn:hover{background:var(--accent-d);} /* ========================================================================= Sacred Stone override — only on (The Jewish Way) ========================================================================= */ body.stone{ --ink:#2c2620;--body:#4f463a;--muted:#7a6f5c;--accent:#8a6d33;--accent-d:#6f5726; --paper:#e9e2d3;--line:rgba(92,74,44,0.20);--sage:#b6a074; font-family:'EB Garamond',Georgia,serif; } body.stone h1,body.stone h2,body.stone h3,body.stone h4{font-family:'EB Garamond',Georgia,serif;} body.stone .site-header{background:rgba(233,226,211,0.86);border-bottom-color:var(--line);} body.stone .site-header.scrolled{background:rgba(233,226,211,0.95);} body.stone .brand,body.stone .nav a[aria-current="page"]{color:var(--accent);} body.stone .brand .dot{background:radial-gradient(circle at 35% 30%,#cdb789,#8a744a);} body.stone .nav-toggle span{background:var(--ink);} body.stone .page-hero{background:#e2d9c6;border-bottom-color:var(--line);} body.stone .page-hero h1,body.stone .prose h2{color:var(--ink);} body.stone .hero{background:#cdbfa0;} body.stone .hero-grad{background:linear-gradient(to top,rgba(43,34,20,0.78) 0%,rgba(43,34,20,0.42) 46%,rgba(43,34,20,0.10) 80%);} body.stone .prose p{color:var(--body);} body.stone .heb{color:var(--accent);font-family:'Frank Ruhl Libre',serif;} body.stone .hl{color:var(--accent-d);} body.stone .pullquote blockquote{color:var(--ink);} body.stone .pullquote .rule,body.stone .eyebrow,body.stone .pullquote .attrib{color:var(--accent);background:var(--accent);} body.stone .pullquote blockquote,body.stone .eyebrow,body.stone .pullquote .attrib{background:transparent;} body.stone .field input,body.stone .field textarea{background:#332f2a;color:var(--ink);border-color:var(--line);} body.stone .closing{background:#1e1b18;} body.stone .band p,body.stone .beauty p{color:var(--body);} /* ========================================================================= Responsive ========================================================================= */ @media (max-width:900px){ .nav-toggle{display:flex;} .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 26px rgba(30,42,32,0.08);padding:6px 0;display:none;} .nav.open{display:flex;} .nav a{padding:14px clamp(20px,5vw,44px);font-size:17px;} .nav .nav-phone{border:0;border-top:1px solid var(--line);border-radius:0;padding:16px clamp(20px,5vw,44px);} .nav .nav-phone:hover{background:none;color:#425239;} body.stone .nav{background:var(--paper);} } @media (max-width:760px){ .about-grid{grid-template-columns:1fr;gap:30px;} .portrait-frame{max-width:300px;margin:0 auto;} .about-text{text-align:center;} .trio{grid-template-columns:1fr;} .trio > div{padding:30px 0;border-right:none!important;border-top:1px solid var(--line);} .trio > div:first-child{border-top:none;} .split{grid-template-columns:1fr;} .split.rev .split-text{order:0;} .split-img{min-height:300px;} .site-footer .container{grid-template-columns:1fr;gap:30px;} .site-footer .legal{flex-direction:column;gap:8px;} } /* ====== REMOVE HEBREW SWITCH ====== If the client does not want Hebrew shown anywhere, uncomment the next line. It hides every Hebrew character site-wide with no other changes needed. */ /* .heb,.lockup-he{display:none!important;} .lockup-en{margin-bottom:0;} */ /* ===== Aug 26 additions ===== */ /* Header logo across all pages (matches homepage) */ .brand--logo{gap:13px;} .brand-logo{height:64px;width:auto;display:block;} .brand-sub{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:23px;letter-spacing:0.04em;color:var(--ink);} @media(max-width:900px){.brand-sub{display:none;}} /* Sacred Stone (The Jewish Way): tighter spacing + readable left-aligned bands */ body.stone .section{padding-top:clamp(48px,6.5vw,66px);padding-bottom:clamp(48px,6.5vw,66px);} body.stone .split-text{padding-top:clamp(40px,5.5vw,60px);padding-bottom:clamp(40px,5.5vw,60px);} body.stone .pullquote{padding-top:clamp(44px,6vw,64px);padding-bottom:clamp(44px,6vw,64px);} body.stone .band p{text-align:left;} /* Smooth hero image fade-in (JS-gated; no-JS still shows the image) */ .js img.hero-bg,.js .scene-bg{opacity:0;transition:opacity .7s ease;} .js img.hero-bg.is-loaded,.js .scene-bg.is-loaded{opacity:1;} /* left-align band paragraphs site-wide (headings stay centered) */ .band p{text-align:left;} /* header-tight-mobile: less space under the logo on phones */ @media(max-width:900px){.site-header .container{padding-top:7px;padding-bottom:7px;}} /* jewish-way mobile density pass (headings/line-height/spacing only; body text size kept for readability) */ @media(max-width:600px){ body.stone .hero-md h1{font-size:29px;line-height:1.16;} body.stone .band h2,body.stone .beauty h2{font-size:26px;line-height:1.16;} body.stone .prose h2{font-size:24px;} body.stone .prose h2:not(:first-child){margin-top:34px;} body.stone .lockup-he{font-size:26px;} body.stone .lockup-en{font-size:20px;} body.stone .pullquote blockquote{font-size:25px;line-height:1.3;} body.stone .statement,body.stone .band p,body.stone .beauty p{line-height:1.5;} body.stone .prose p{line-height:1.55;} body.stone .section{padding-top:34px;padding-bottom:34px;} body.stone .split-text{padding-top:30px;padding-bottom:30px;} body.stone .pullquote{padding-top:34px;padding-bottom:34px;} } /* hide selected sentences/paragraphs on phones only (desktop unchanged) */ @media(max-width:600px){.mobile-hide{display:none!important;}} /* stone hero mobile contrast: stronger overlay + shadow so the headline reads over the stone image */ @media(max-width:600px){ body.stone .hero-grad{background:linear-gradient(to top,rgba(33,25,15,0.90) 0%,rgba(33,25,15,0.62) 52%,rgba(33,25,15,0.34) 100%);} body.stone .hero-md h1{text-shadow:0 2px 16px rgba(0,0,0,0.72);} body.stone .hero-md .lead{text-shadow:0 1px 12px rgba(0,0,0,0.66);} body.stone .eyebrow-mono{text-shadow:0 1px 10px rgba(0,0,0,0.8);} } /* hero-md mobile contrast: interior image heroes read clearly on phones (stone page keeps its own darker override) */ @media(max-width:600px){ .hero-md .hero-grad{background:linear-gradient(to top,rgba(18,26,18,0.90) 0%,rgba(18,26,18,0.6) 50%,rgba(18,26,18,0.32) 100%);} .hero-md h1{text-shadow:0 2px 16px rgba(0,0,0,0.70);} .hero-md .lead{text-shadow:0 1px 12px rgba(0,0,0,0.62);} } .site-footer .brandline .brandmark{width:24px;height:24px;border-radius:6px;flex:none;} /* top tagline strip (site-wide) */ .tagline-strip{background:#29352b;color:#f3f1e7;text-align:center;padding:14px 18px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(16px,2.1vw,20px);letter-spacing:.015em;line-height:1.3;} /* homepage brand band */ .brand-band{background:#f3f1e7;text-align:center;padding:clamp(30px,5vw,52px) 20px;border-bottom:1px solid #d9d5c5;} .brand-band img{height:clamp(90px,12vw,120px);width:auto;display:block;margin:0 auto 18px;} .brand-band .mission{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(20px,3vw,30px);color:#29352b;line-height:1.25;margin:0 auto;max-width:24ch;} @media(min-width:900px){.brand-logo{height:72px;}}