.card-wrapper{container-type:inline-size;container-name:card}.card-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.card-content h3{font-size:max(16px,12px + 2cqw);font-weight:600;color:#4c4e4d}.card-content p,.card-content div{color:#666;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.card-content div{font-size:14px}.card-content .tag{color:hsl(from var(--section-theme) h s 25);font-size:14px;font-weight:700;text-transform:uppercase}.card{display:flex;flex-direction:column;gap:1rem}.card img{display:block;min-width:0;aspect-ratio:4/3;background-color:#f5f2ea;border-radius:10px;object-fit:cover}@container card (min-width: 250px) and style(--card: horizontal){.card{flex-direction:row;align-items:start}.card .card-thumb{flex:0 0 calc(90px + 9cqw)}}@container card (min-width: 560px) and style(--grow-image: true){.card .card-thumb{flex:0 0 300px}}@container card (min-width: 500px) and style(--featured: true){.card{display:grid;grid-template-columns:2fr 1fr}.card .card-content{anchor-name:--content}.card .card-content div:last-child{margin-top:auto}.card .card-content h3{font-size:clamp(1rem,.709rem + 3.58cqw,2.25rem)}.card .card-thumb{anchor-name:--thumb}.card .tag{position:absolute;position-anchor:--thumb;inset-inline-end:anchor(self-end);top:anchor(top);padding:8px 20px;color:#fff;background-color:var(--section-theme);border-start-end-radius:10px;border-end-start-radius:10px}.card .author{position:absolute;position-anchor:--thumb;left:anchor(left);right:anchor(right);bottom:calc(anchor(bottom) + 1rem);padding-inline:1rem}.card h3{anchor-name:--title}.card h3:before{content:"";position:absolute;left:anchor(--thumb right);right:anchor(--content right);bottom:anchor(--content bottom);top:anchor(--title bottom);background-image:url(/coffee-bg.svg);mask-image:radial-gradient(circle at 50% 60%,#000 60%,#0003 50%);margin-top:-3rem;opacity:.7}.card .desc{position:absolute;position-anchor:--thumb;left:anchor(left);right:anchor(right);bottom:anchor(bottom);color:#222;background-color:hsl(from var(--section-theme) h s 90/.7);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:1rem 1rem 2.5rem;backdrop-filter:blur(5px);border-top:3px solid hsl(from var(--section-theme) h s 30)}}@container card (min-width: 820px) and style(--featured: true){.card{grid-template-columns:1fr}.card>*{grid-column:1/-1}.card .desc,.card .author{position:static;padding:0;background-color:unset;border:0}.card .card-content{max-width:750px;justify-self:center;align-self:end;background-color:hsl(from var(--section-theme) h s 95);text-align:center;padding:1.52rem;margin-top:-3rem;outline:10px solid #fff;border-radius:10px}.card .card-content div:last-child{margin-top:initial}.card img{aspect-ratio:3/1;width:100%;max-height:400px}}@container card (min-width: 200px){.card .card-content h3{font-weight:700}}.section-resizer{container-type:inline-size;container-name:wrapper;resize:horizontal;overflow-y:auto;margin-inline:auto;max-width:100%;background-color:#fff}.section-resizer.rtl{font-family:system-ui;direction:rtl}.section-resizer.rtl h3,.section-resizer.rtl p{font-family:system-ui}.section{--section-theme: #aeca66;--cols: 3;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-areas:"feature feature feature" "quote quote quote" "recent recent recent";gap:1.5rem;background-color:#fff;font-family:venice-blvd,sans-serif;border-top:3px solid var(--section-theme);padding:2rem}@container wrapper (min-width: 600px){.section{--cols: 4;grid-template-areas:"feature feature quote quote" "recent recent recent recent"}.section:has(.quote-item-wrapper:nth-last-child(n+2)){--n-quotes: .9}.section:has(.quote-item-wrapper:nth-last-child(n+3)){grid-template-areas:"feature feature feature feature" "quote quote quote quote" "recent recent recent recent"}.section:has(.quote-item-wrapper:nth-last-child(n+3)) .feature img{aspect-ratio:4/2.5}.section:not(:has(.quote-item-wrapper)){grid-template-areas:"feature feature feature feature" "recent recent recent recent"}.section:not(:has(.quote-item-wrapper)) .quote-wrapper{display:none}}@container wrapper (min-width: 930px){.section{--cols: 4;grid-template-areas:"feature feature feature quote" "recent recent recent recent"}.section:not(:has(.quote-item-wrapper)){grid-template-areas:"feature feature feature feature" "recent recent recent recent"}}.feature-wrapper{grid-area:feature;container-type:inline-size;--featured: true}.quote-wrapper{grid-area:quote;--size: 2rem;--off: true;--only-child: true;display:flex;flex-direction:column}.quote-wrapper:has(.quote-item-wrapper:nth-last-child(n+2)){--off: false;--only-child: false}.quote-grid{flex:1;gap:1rem;display:flex;flex-wrap:wrap;--n-quotes: 1}.quote-grid>*{flex:1 1 200px}.quote-grid:has(.quote-item-wrapper:nth-last-child(n+2)){--n-quotes: .9}@property --captured-index{syntax: "<integer>"; initial-value: 1; inherits: false;}.quote-item-wrapper{container-name:quote;container-type:inline-size;background-color:hsl(from var(--section-theme) calc(sibling-index()*40) s calc(l + 33));--captured-index: sibling-count() ;--index: var(--captured-index);border-radius:10px;display:flex;flex-direction:column}@supports (font-size: calc(sibling-index()*1rem)){.quote-item-wrapper{background-color:hsl(from var(--section-theme) calc(sibling-index()*40) s calc(l + 33))}}.quote-item-wrapper>*{flex:1}.quote{position:relative;padding:1rem;display:flex;flex-direction:column;gap:.5rem;--ratio: calc(.3 / var(--index))}.quote p{font-size:round(16px + 16px * var(--ratio),1px)}.quote svg{color:var(--section-theme)}.quote img{width:var(--size);height:var(--size);border-radius:50%;align-self:flex-end;margin-top:auto}@container style(--off: true) and (min-width: 250px){.quote{justify-content:flex-start;--size: clamp(3rem, 2rem + 25cqw, 7rem)}.quote img{position:absolute;inset-inline-end:1rem;bottom:1rem}}@container quote (min-width: 350px) and style(--off: true){.quote{padding-inline-end:calc(var(--size) + 2rem)}}.quote .author{display:flex;align-items:center;gap:.5rem}.quote cite{font-style:normal}.recent-wrapper{grid-area:recent}.recent-wrapper:has(.card-wrapper:nth-last-child(n+5)){display:grid;grid-template-columns:250px 1fr;align-items:start;gap:1rem}.recent-wrapper:has(.card-wrapper:nth-last-child(n+5)) .recent-header{padding-bottom:4rem}.recent-container{container-type:scroll-state;container-name:recent-state;anchor-name:--myCarousel}.recent{display:grid;gap:1.5rem;scroll-marker-group:after}.recent:has(.card-wrapper:only-child){--card: horizontal;--grow-image: true}.recent:has(.card-wrapper:nth-last-child(n+2)){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));--card: horizontal}.recent:has(.card-wrapper:nth-last-child(n+4)){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));--card: false}.recent:has(.card-wrapper:nth-last-child(n+5)){container-type:scroll-state;display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-padding-inline:3rem;padding-block-end:20px}.recent:has(.card-wrapper:nth-last-child(n+5))>*{flex:0 0 33%;scroll-snap-align:center}.recent:has(.card-wrapper:nth-last-child(n+5))::scroll-button(*){border:0;position:absolute;bottom:anchor(bottom);position-anchor:--recentHeader;--size: 2rem;width:var(--size);height:var(--size);font-size:1rem;background-color:var(--section-theme);background-position:center;background-repeat:no-repeat;border-radius:50%;cursor:pointer}.recent:has(.card-wrapper:nth-last-child(n+5))::scroll-button(left){content:"";left:anchor(left);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-left-icon lucide-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}.recent:has(.card-wrapper:nth-last-child(n+5))::scroll-button(right){content:"";right:anchor(right);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-right-icon lucide-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.recent:has(.card-wrapper:nth-last-child(n+5))::scroll-marker-group{position:absolute;left:calc(anchor(--recentHeader left) + 2.5rem);right:calc(anchor(--recentHeader right) + 2.5rem);bottom:calc(anchor(--recentHeader bottom) + 1rem);display:flex;justify-content:center;gap:4px}.recent:has(.card-wrapper:nth-last-child(n+5))::scroll-button(*):disabled{opacity:.5;cursor:unset}.recent:has(.card-wrapper:nth-last-child(n+5)) .card-wrapper{container-type:scroll-state inline-size}@container scroll-state(snapped: x){.recent:has(.card-wrapper:nth-last-child(n+5)) .card-wrapper .card{opacity:1}}.recent:after{content:"";--color-1-opacity: 0;--color-2-opacity: 0;--color-1: rgb(from #000 r g b / var(--color-1-opacity));--color-2: rgb(from #000 r g b / var(--color-2-opacity));position:absolute;position-anchor:--myCarousel;left:anchor(left);top:anchor(top);bottom:anchor(bottom);right:anchor(right);background-color:#fff;mask-image:linear-gradient(to right,var(--color-1),transparent 50px,transparent 0,transparent calc(100% - 50px),var(--color-2));pointer-events:none}@container scroll-state(scrollable: right){.recent:after{--color-2-opacity: 1}}@container scroll-state(scrollable: left){.recent:after{--color-1-opacity: 1}}.recent-wrapper{anchor-name:--recentWrapper}.recent{anchor-name:--recent}.recent-header{anchor-name:--recentHeader;margin-bottom:1rem}.recent-header>*+*{margin-top:.5rem}.recent-header p{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#666}.card-wrapper::scroll-marker{content:"";width:8px;height:8px;background-color:transparent;border:1px solid black;border-radius:50%}.card-wrapper::scroll-marker:target-current{background-color:#000}.testLayout[data-astro-cid-k242aa7r]{display:grid;grid-template-columns:200px 1fr;min-height:100vh}