.gia-blogpost{background:var(--color-cream-50);color:var(--color-ink-900);padding:clamp(80px,10vh,120px) clamp(20px,5vw,80px) clamp(60px,8vh,100px)}.gia-blogpost__article{max-width:76ch;margin-inline:auto}.gia-blogpost__head{margin-bottom:clamp(40px,5vh,64px)}.gia-blogpost__h1{font-family:var(--font-display);letter-spacing:-.012em;color:var(--color-ink-900);text-wrap:balance;margin:clamp(12px,1.4vw,18px) 0 clamp(20px,2vw,28px);font-size:clamp(2.2rem,4.6vw,3.6rem);font-style:italic;font-weight:300;line-height:1.06}.gia-blogpost__byline{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 58%, transparent);flex-wrap:wrap;gap:0;margin:0 0 clamp(20px,2.4vw,32px);font-size:.84rem;display:flex}.gia-blogpost__byline>span,.gia-blogpost__byline>time{display:inline-block}.gia-blogpost__lead{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 86%, transparent);text-wrap:pretty;margin:0;font-size:clamp(1.08rem,1.3vw,1.18rem);line-height:1.55}.gia-blogpost__cover{aspect-ratio:16/10;width:100%;box-shadow:0 30px 60px -36px color-mix(in oklch, var(--color-ink-900) 28%, transparent);border-radius:8px;margin:clamp(32px,4vh,48px) 0 clamp(48px,6vh,64px);position:relative;overflow:hidden}.gia-blogpost__coverImg{object-fit:cover}.gia-blogpost__section{margin-bottom:clamp(40px,5vh,56px)}.gia-blogpost__h2{font-family:var(--font-display);letter-spacing:-.008em;color:var(--color-gold-700);margin:0 0 clamp(20px,2.4vw,32px);font-size:clamp(1.6rem,2.6vw,2.2rem);font-style:italic;font-weight:400;line-height:1.18}.gia-blogpost__h3{font-family:var(--font-body);color:var(--color-ink-900);margin:clamp(28px,3.2vw,40px) 0 clamp(14px,1.6vw,20px);font-size:1.2rem;font-weight:600}.gia-blogpost__p{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 86%, transparent);margin:0 0 clamp(14px,1.8vw,22px);font-size:1.04rem;line-height:1.66}.gia-blogpost__howto{background:color-mix(in oklch, var(--color-cream-50) 80%, var(--color-gold-100) 20%);border-radius:8px;margin:clamp(40px,5vh,56px) 0;padding:clamp(24px,3vw,40px)}.gia-blogpost__howtoMeta{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 80%, transparent);border-bottom:1px solid color-mix(in oklch, var(--color-gold-600) 25%, transparent);flex-wrap:wrap;gap:clamp(14px,2vw,24px);margin:clamp(18px,2vw,24px) 0 clamp(28px,3.2vw,36px);padding-bottom:clamp(18px,2vw,24px);font-size:.92rem;display:flex}.gia-blogpost__ingredients{grid-template-columns:1fr;gap:clamp(8px,1vw,12px);margin:0 0 clamp(28px,3.2vw,40px);padding:0;list-style:none;display:grid}@media (min-width:600px){.gia-blogpost__ingredients{grid-template-columns:1fr 1fr}}.gia-blogpost__ingredients li{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 86%, transparent);padding-left:18px;font-size:.96rem;line-height:1.5;position:relative}.gia-blogpost__ingredients li:before{content:"";background:var(--color-gold-600);width:8px;height:1px;position:absolute;top:.65em;left:0}.gia-blogpost__steps{counter-reset:gia-step;flex-direction:column;gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none;display:flex}.gia-blogpost__steps li{counter-increment:gia-step;font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 86%, transparent);padding-left:clamp(36px,5vw,52px);font-size:1rem;line-height:1.6;position:relative}.gia-blogpost__steps li:before{content:counter(gia-step);font-family:var(--font-display);color:var(--color-gold-700);text-align:right;width:clamp(28px,4vw,36px);font-size:1.4rem;font-style:italic;font-weight:400;position:absolute;top:-2px;left:0}.gia-blogpost__steps strong{color:var(--color-ink-900)}.gia-blogpost__faq{margin:clamp(40px,5vh,56px) 0}.gia-blogpost__faqItem{border-bottom:1px solid color-mix(in oklch, var(--color-gold-600) 25%, transparent);padding:clamp(14px,1.8vw,22px) 0}.gia-blogpost__faqItem summary{font-family:var(--font-body);color:var(--color-ink-900);cursor:pointer;padding-right:24px;font-size:1.04rem;font-weight:600;list-style:none;position:relative}.gia-blogpost__faqItem summary::-webkit-details-marker{display:none}.gia-blogpost__faqItem summary:after{content:"+";font-family:var(--font-display);color:var(--color-gold-700);transition:transform .2s var(--ease-out-expo);font-size:1.4rem;font-style:italic;position:absolute;top:0;right:0}.gia-blogpost__faqItem[open] summary:after{transform:rotate(45deg)}.gia-blogpost__faqItem p{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 80%, transparent);margin:clamp(10px,1.2vw,14px) 0 0;font-size:.98rem;line-height:1.6}.gia-blogpost__conclusion{border-top:1px solid color-mix(in oklch, var(--color-gold-600) 35%, transparent);margin-top:clamp(40px,5vh,56px);padding-top:clamp(28px,3.2vw,40px)}.gia-blogpost__ctas{flex-wrap:wrap;align-items:center;gap:clamp(16px,2vw,24px);margin-top:clamp(20px,2.4vw,28px);display:flex}.gia-blogpost__crossLink{font-family:var(--font-display);color:color-mix(in oklch, var(--color-ink-900) 82%, transparent);border-bottom:1px solid color-mix(in oklch, var(--color-gold-600) 55%, transparent);transition:color .24s var(--ease-out-expo), border-color .24s var(--ease-out-expo);padding-bottom:2px;font-size:1rem;font-style:italic;text-decoration:none}.gia-blogpost__crossLink:hover{color:var(--color-gold-700);border-bottom-color:var(--color-gold-700)}.gia-bloglist{background:var(--color-cream-50);color:var(--color-ink-900);max-width:1320px;margin-inline:auto;padding:clamp(80px,10vh,120px) clamp(20px,5vw,80px) clamp(60px,8vh,100px)}.gia-bloglist__h1{font-family:var(--font-display);margin:0 0 clamp(40px,5vh,64px);font-size:clamp(2.6rem,5.4vw,4.6rem);font-style:italic;font-weight:300;line-height:1.06}.gia-bloglist__list{grid-template-columns:1fr;gap:clamp(24px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}@media (min-width:880px){.gia-bloglist__list{grid-template-columns:1fr 1fr}}.gia-bloglist__item{border-top:1px solid color-mix(in oklch, var(--color-gold-600) 35%, transparent);padding-top:clamp(20px,2.4vw,28px)}.gia-bloglist__title{font-family:var(--font-display);margin:0 0 clamp(10px,1.4vw,16px);font-size:clamp(1.4rem,2.4vw,2rem);font-style:italic;line-height:1.15}.gia-bloglist__title a{color:var(--color-ink-900);text-decoration:none}.gia-bloglist__title a:hover{color:var(--color-gold-700)}.gia-bloglist__excerpt{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 78%, transparent);margin:0 0 clamp(14px,1.8vw,20px);font-size:.98rem;line-height:1.55}.gia-bloglist__meta{font-family:var(--font-body);color:color-mix(in oklch, var(--color-ink-900) 56%, transparent);font-size:.82rem}
