.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 + 2 * var(--unit));font-weight:600;color:#4c4e4d;overflow-wrap:break-word}.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 + 9 * var(--unit))}}@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.58 * var(--unit),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}}@container style(--boxed: true){.card{border-radius:0;gap:0}.card-thumb img{border-bottom-left-radius:0;border-bottom-right-radius:0}.card-content{padding:10px;background-color:#e7f2f5;border-bottom-left-radius:10px;border-bottom-right-radius:10px}}.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}.section:not(:has(.quote-item-wrapper)){--quotes: 0}@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 --ratio{syntax: "<integer>"; inherits: false; initial-value: 1;}.quote-item-wrapper{container-name:quote;container-type:inline-size;background-color:hsl(from var(--section-theme) h s calc(l + 35));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}.quote p{font-size:calc(clamp(1rem,.433rem + 5.33cqw,1.5rem) * var(--n-quotes))}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.recent .card-wrapper{--threshold: 30px;transition:.2s ease-in-out}.recent:has(.card-wrapper:only-child){--card: horizontal;--grow-image: true}.recent:has(.card-wrapper:nth-last-child(n+2):nth-last-child(-n+3):first-child){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));--card: horizontal}@container wrapper (min-width: 900px){.recent:has(.card-wrapper:nth-last-child(n+4):nth-last-child(-n+6):first-child){grid-template-columns:initial;grid-auto-columns:1fr;grid-auto-flow:column}}.recent:has(.card-wrapper:nth-last-child(n+7)){grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recent:has(.card-wrapper:nth-last-child(n+7)) .card-wrapper:nth-child(1){grid-column:span 2}.recent:has(.card-wrapper:nth-last-child(n+11)) .card-wrapper:nth-child(2){grid-column:span 2}[data-container1]{outline:dashed deeppink 1.5px;outline-offset:3px}[data-container1] [data-container]{outline-offset:0;outline-color:#00bfff}.option-1{grid-template-areas:"banner banner banner banner" "quote feature feature feature" "recent recent recent recent"!important}.option-2{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"quote feature feature banner" "recent recent recent recent"!important}.option-3{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"quote feature feature feature" "banner feature feature feature" "recent recent recent recent"!important}.option-4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"feature feature feature quote" "banner banner banner banner" "recent recent recent recent"!important}.option-5{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"feature feature feature quote" "banner banner banner quote" "recent recent recent quote"!important}.feature-wrapper{h3{color:if(style(--quotes: 0): hsl(from var(--section-theme) h s calc(l - 20)); else: #4c4e4d)}text-wrap:if(style(--quotes: 0) : pretty);else:wrap)}.feature-wrapper:has(.thing){--actions: true;justify-content:center;.test{justify-content:space-between}}.feature-wrapper{justify-content:center;@container style(--actions: true){.test{justify-content:space-between}}}.test{justify-content:if(style(--actions: true): space-between; else: center);grid-column:span 1 / span 2}.testLayout[data-astro-cid-lte4owal]{display:grid;grid-template-columns:200px 1fr;min-height:100vh}h1[data-astro-cid-lte4owal]{//display: none;margin-bottom:--negate(20px)}@function --negate(--value){result: calc(-1 * var(--value));}