@charset "UTF-8";
:root{--paper:#f7f3e9;--ink:#392d23;--olive:#51583c;--line:#d5c9b8;--sand:#e9dfce;--gold:#8b6743}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{max-width:100%;height:auto;display:block}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:0}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.brandbar{text-align:center;padding:12px 20px;background:var(--olive);color:#fff;font:11px/1.6 Arial,sans-serif;letter-spacing:1.6px}.masthead{display:flex;justify-content:center;padding:20px}.logo{width:230px;mix-blend-mode:multiply}nav{border-block:1px solid var(--line);position:relative}nav .nav-inner{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:center;gap:36px;padding:14px 24px}nav a{text-decoration:none;font:12px/1.5 Arial,sans-serif;letter-spacing:1px;padding:5px 0}nav a[aria-current=page]{border-bottom:1px solid var(--olive);color:var(--olive)}.menu-toggle{display:none}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.eyebrow{font:11px/1.7 Arial,sans-serif;text-transform:uppercase;letter-spacing:2.5px;color:var(--olive)}h1,h2,h3,p{margin-top:0}h1{font-weight:400;font-size:clamp(42px,5.2vw,72px);line-height:1.1;letter-spacing:-1.8px;margin-bottom:26px}h2{font-size:clamp(30px,3.5vw,46px);font-weight:400;line-height:1.2}h3{font-size:26px;font-weight:400;line-height:1.3}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:68px}.hero p{max-width:480px;font-size:18px}.scene{position:relative;overflow:hidden;border-radius:200px 200px 2px 2px;height:590px;background:var(--sand)}.scene img{width:300%;max-width:none;height:100%;object-fit:cover;object-position:left center}.scene::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 60px #6d4b2622}.button{display:inline-block;text-decoration:none;background:var(--olive);color:white;padding:14px 25px;font:12px/1.5 Arial,sans-serif;letter-spacing:1px}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.intro{text-align:center;padding:65px 24px 35px;border-top:1px solid var(--line)}.intro p{max-width:620px;margin-inline:auto}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:10px 75px}.collection{text-decoration:none}.collection .art{height:260px;background:linear-gradient(135deg,#e4dac8,#f1e9db);display:grid;place-items:center;overflow:hidden;position:relative}.collection:nth-child(2) .art{background:#dce0cf}.collection:nth-child(3) .art{background:#e4d9cc}.art svg{height:190px;width:190px;color:#76654c}.art small{position:absolute;bottom:12px;font:10px Arial,sans-serif;letter-spacing:1px;color:#5c5447}.collection h3{margin:18px 0 5px}.collection p{margin:0;color:#62574b}.collection .go{display:block;margin-top:15px;font:11px Arial,sans-serif;letter-spacing:1px;color:var(--olive)}.collection:hover .go{text-decoration:underline}.story-band{background:var(--sand);padding:60px 0}.story-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-band p{font-size:19px}.quotation{font-size:32px;line-height:1.5;font-style:italic;border-left:1px solid var(--gold);padding-left:35px}.page-heading{text-align:center;padding:65px 0 35px}.page-heading p{max-width:620px;margin-inline:auto}.story-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:start;padding-bottom:75px}.story-copy p{font-size:19px;margin-bottom:28px}.story-copy .opening{font-size:22px}.bella{margin:0;background:var(--sand);padding:12px}.bella img{width:100%;height:auto}.bella figcaption{padding:14px 8px 8px;text-align:center;font-style:italic}.artwork{padding-block:60px;background:#eee5d7;text-align:center}.artwork figure{max-width:750px;margin:35px auto 0}.artwork img{width:100%}.artwork figcaption{font-size:14px;margin-top:16px}.collection-page{max-width:850px;padding:10px 0 70px}.collection-illustration{background:var(--sand);display:flex;align-items:center;justify-content:center;gap:40px;padding:40px;margin:20px 0 35px}.collection-illustration svg{width:160px;height:180px;color:#76654c}.collection-illustration p{font-size:26px;max-width:330px;margin:0}.availability{border:1px solid var(--line);padding:30px}.availability h2{font-size:30px}.availability p:last-child{margin-bottom:0}.other-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}.fine{font:12px/1.7 Arial,sans-serif;color:#62574b}footer{border-top:1px solid var(--line);padding:40px 0 25px}footer .wrap{display:flex;justify-content:space-between;gap:35px}footer p{max-width:380px;font-size:14px}footer ul{list-style:none;padding:0;margin:0;font-size:14px}footer .wordmark{font-size:26px;margin-bottom:12px}footer .fine{margin-top:22px}.small-brand{font-style:italic;color:var(--olive)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{gap:30px;padding-block:45px}.scene{height:480px}.collections{gap:18px}.collection .art{height:210px}.story-layout{gap:30px}.story-band .wrap{gap:30px}.story-copy p{font-size:18px}}
@media(max-width:620px){.brandbar{font-size:9px;letter-spacing:.7px}.masthead{padding:15px}.logo{width:190px}.menu-toggle{display:block;background:none;border:0;margin:auto;padding:15px 25px;font:12px Arial,sans-serif;letter-spacing:1px}nav .nav-inner{display:none;flex-direction:column;gap:14px;padding:12px 20px 22px}nav.open .nav-inner{display:flex}.hero{grid-template-columns:1fr;gap:35px;padding-block:35px 45px}.hero h1{font-size:49px}.hero p{font-size:17px}.scene{height:380px;width:100%;max-width:400px;justify-self:center}.collections{grid-template-columns:1fr;padding-bottom:45px;gap:35px}.collection .art{height:260px}.intro{padding-top:42px}.story-band .wrap,.story-layout{grid-template-columns:1fr}.quotation{font-size:26px}.story-band{padding:40px 0}.page-heading{padding:40px 0 20px}.story-layout{padding-bottom:45px}.bella{max-width:420px;margin:auto}.collection-illustration{gap:15px;padding:25px 15px}.collection-illustration p{font-size:22px}.collection-illustration svg{width:120px;flex-shrink:0}.availability{padding:24px}footer .wrap{flex-direction:column;gap:20px}.artwork{padding-block:40px}}
.scent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px;padding:10px 0 65px}.scent-card{text-decoration:none;min-width:0}.poster-thumb{aspect-ratio:3/4;overflow:hidden;background:var(--sand)}.poster-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.scent-card:hover .poster-thumb img{transform:scale(1.025)}.scent-card .eyebrow{margin:17px 0 7px}.scent-card h3{margin-bottom:8px}.scent-card p:not(.eyebrow){font-size:15px;color:#62574b;margin-bottom:14px}.go{font:11px/1.7 Arial,sans-serif;letter-spacing:1px;color:var(--olive)}.fragrance-layout{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:start;padding-bottom:65px}.launch-poster{margin:0}.launch-poster img{width:100%;height:auto}.launch-poster figcaption{font-size:13px;text-align:center;margin-top:15px}.launch-note{margin-top:25px!important;font-size:13px!important}.fragrance-layout h2{font-size:27px}.scene img{width:auto;height:100%;max-width:none;object-fit:initial;transform:scale(3);transform-origin:left center}.scene{isolation:isolate}
@media(max-width:800px){.scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fragrance-layout{gap:30px}}
@media(max-width:620px){.fragrance-layout{grid-template-columns:1fr}.launch-poster{max-width:440px;margin-inline:auto}.scent-grid{gap:28px 16px}.scent-card h3{font-size:23px}.scent-card p:not(.eyebrow){font-size:14px}.scent-card .go{letter-spacing:0;font-size:10px}}
@media(max-width:360px){.scent-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster-thumb img{transition:none}}

/* Larger brand mark and a centered, text-only homepage introduction. */
.logo{width:380px}.masthead{padding:24px 20px}.hero.hero-text{grid-template-columns:1fr;text-align:center;max-width:850px;padding-block:65px}.hero-text p{margin-inline:auto;max-width:620px}.hero-text .actions{justify-content:center}@media(max-width:620px){.logo{width:290px;max-width:100%}.masthead{padding:20px}.hero.hero-text{padding-block:40px}.hero-text h1{font-size:clamp(40px,9vw,49px)}}

/* Bethany Bakery artwork background and independent story. */
.bethany-background-page main{background-color:#4b2b17;background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/bethany-bakery-background.png');background-size:cover;background-position:center bottom;min-height:1150px;padding-bottom:210px}
.bethany-background-page .page-heading{color:#fff6df;text-shadow:0 2px 10px #231108;padding-top:55px}
.bethany-background-page .page-heading .eyebrow{color:#f7e3b8}
.bethany-background-page .fragrance-layout{display:block;padding-bottom:0}
.bethany-background-page .story-copy{width:min(620px,100%);margin-left:auto;background:rgba(247,243,233,.95);padding:36px 40px;box-shadow:0 12px 40px #140c0933;border:1px solid #e6d1ae}
.bethany-background-page .story-copy>p:first-child{font-size:20px}
.bethany-background-page .availability{background:#f7f3e9aa;padding:23px}
@media(max-width:620px){.bethany-background-page main{min-height:1100px;padding-bottom:180px;background-position:38% bottom}.bethany-background-page .story-copy{padding:25px 23px}.bethany-background-page .story-copy>p:first-child{font-size:18px}.bethany-background-page .page-heading{padding-top:35px}.bethany-background-page .page-heading h1{font-size:44px}}

/* Transparent Bethany Bakery story over the artwork. */
.bethany-background-page .story-copy{background:transparent;border:0;box-shadow:none;color:#fff6df;text-shadow:0 2px 5px #160b05,0 0 14px #160b05}.bethany-background-page .availability{background:transparent;border-color:#f7e3b880}.bethany-background-page .story-copy .eyebrow{color:#f7e3b8}

@font-face{font-family:'Cinzel';src:url('assets/Cinzel.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
.hero-text .coming-soon-heading{font-family:'Cinzel',Georgia,serif;font-size:clamp(36px,6vw,64px);font-weight:500;line-height:1.2;letter-spacing:2px;text-align:center;color:var(--olive);margin:0 auto 28px;max-width:none}

.home-page .hero-text h1,.home-page .intro h2{font-family:'Cinzel',Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.25}
.home-page .fig-ornament{width:min(1100px,100%);margin:12px auto 0;padding:0 12px;pointer-events:none}.home-page .fig-ornament img{width:100%;height:auto}

.home-page .fig-tree-ornament{width:min(760px,100%);margin:12px auto 0;padding:0 24px 18px}@media(max-width:620px){.home-page .fig-tree-ornament{padding-inline:16px}}

/* Latest typography, story layout and fragrance directory refinements. */
h1{font-family:'Cinzel',Georgia,serif;font-weight:400;letter-spacing:0;overflow-wrap:break-word}
.brandbar{font-family:'Cinzel',Georgia,serif;font-size:13px;line-height:1.7;letter-spacing:1px}
.our-story-page .story-copy p,.our-story-page .story-copy p.opening{font-family:'Cinzel',Georgia,serif;font-size:18px;font-weight:400;line-height:1.85}
.our-story-page .bella figcaption{font-family:'Cinzel',Georgia,serif;font-style:normal;font-size:24px}
.fragrances-page .scent-card h3{font-family:'Cinzel',Georgia,serif;font-weight:400}
.fragrances-page .poster-thumb{aspect-ratio:4/3}
.fragrances-page .poster-thumb img{object-fit:cover}
.fragrances-page footer .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px}
.fragrances-page footer p{max-width:none}
.fragrances-page footer .wordmark{font-size:30px}
.fragrances-page footer .small-brand{font-family:'Cinzel',Georgia,serif;font-style:normal;font-size:clamp(11px,1.35vw,17px);letter-spacing:0;white-space:nowrap}
@media(max-width:700px){.fragrances-page footer .wrap{grid-template-columns:1fr}.fragrances-page footer .small-brand{font-size:clamp(7px,2.1vw,14px)}.brandbar{font-size:11px}.our-story-page .story-copy p,.our-story-page .story-copy p.opening{font-size:17px}}

.brand-footer{border:0;padding:0;margin:0}.brand-footer .brandbar{margin:0}
.bethany-background-page footer .wordmark{font-family:'Cinzel',Georgia,serif;font-size:30px}
.bethany-background-page footer .small-brand{font-family:'Cinzel',Georgia,serif;font-style:normal;font-size:clamp(11px,1.35vw,17px);max-width:none;white-space:nowrap}
.bethany-background-page footer .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px}
@media(max-width:700px){.bethany-background-page footer .wrap{grid-template-columns:1fr}.bethany-background-page footer .small-brand{font-size:clamp(7px,2.1vw,14px)}}

.bethany-background-page main{background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/bethany-bakery-blueberry-background.webp')}

.site-footer .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px}.site-footer .wordmark{font-family:'Cinzel',Georgia,serif;font-size:30px}.site-footer p{max-width:none}@media(max-width:620px){.site-footer .wrap{grid-template-columns:1fr}}
.poster-thumb{aspect-ratio:4/3}.poster-thumb img{object-fit:cover}.scent-card h3{font-family:'Cinzel',Georgia,serif}

/* Story typography and Bella's olive/plum photo frame. */
.our-story-page .story-copy p,.our-story-page .story-copy p.opening{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.8}
.our-story-page .bella{border:1px solid #51583c}
.our-story-page .bella img{border:1px solid #795268}
@media(max-width:700px){.our-story-page .story-copy p,.our-story-page .story-copy p.opening{font-size:17px}}

.scent-spiced-harvest main{background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/spiced-harvest-background.webp')}
.scent-centurion main{background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/centurion-background.webp')}
.scent-golden-bowl main{background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/golden-bowl-background.webp')}
.scent-keepers-cottage main{background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/keepers-cottage-background.webp')}
.scent-morning-watch main{background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/morning-watch-background.webp')}
.scent-silent-rest main{background-image:linear-gradient(#1c100d33,#1c100d11),url('assets/silent-rest-background.webp')}
.scent-background-page .story-copy p{font-size:20px;line-height:1.7}.scent-background-page .story-copy>p:first-child{font-size:20px}
@media(max-width:620px){.scent-background-page .story-copy p,.scent-background-page .story-copy>p:first-child{font-size:18px}}

.site-footer .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:start}.site-footer .footer-contact{grid-column:1;grid-row:2}.footer-contact a{font-size:15px;overflow-wrap:anywhere}.contact-footer{padding:28px 0}.footer-contact .eyebrow{margin-bottom:8px}@media(max-width:620px){.site-footer .wrap{grid-template-columns:1fr}.site-footer .footer-contact{grid-row:auto}}

/* Keep the full header/footer motto on one line on narrow screens. */
.brandbar{white-space:nowrap}@media(max-width:700px){.brandbar{font-size:clamp(6.5px,2.05vw,13px);letter-spacing:0.1px;padding:12px 8px;line-height:1.7}}
