.landing{position:relative;min-height:100vh;width:100vw;display:flex;flex-direction:row;justify-content:space-between;padding:40px;overflow:hidden;background-color:var(--white)}.landing__header{display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.landing__est{font-size:1.5rem;margin-bottom:12px}.landing__title{font-family:var(--font-serif);font-size:clamp(4rem,6vw,10rem);font-weight:400;line-height:.9;color:var(--ink);position:relative;z-index:1;max-width:400px;margin-bottom:40px}.landing__p{font-size:1.5rem;margin-bottom:20px;max-width:300px}.landing__exlibris{width:250px;margin-left:50px;margin-top:auto}.landing__notes{display:flex;flex-direction:column;justify-content:flex-start;position:relative;z-index:1;margin-top:20vh}.landing__tagline{font-family:var(--font-handwritten);font-size:3.5rem;text-align:left;color:var(--pen-red);opacity:.95;margin-bottom:50px;line-height:1;position:relative;z-index:1;max-width:250px;rotate:-2deg}.landing__explain{font-family:var(--font-handwritten);font-size:3.45rem;text-align:left;color:var(--pen-red);opacity:.95;line-height:1;position:relative;z-index:1;max-width:265px;rotate:1.5deg}.landing__cta{background-color:transparent;border:none;cursor:pointer;position:relative;z-index:1;text-align:left;margin-top:40px}.landing__cta img{max-width:60px}.landing__image{height:90vh}@media(max-width:1124px){.landing{display:grid;grid-template-columns:2fr 3fr;grid-template-rows:auto 1fr;grid-template-areas:"header image" "header notes";padding:32px 40px;gap:0 48px}.landing__header{grid-area:header}.landing__image{grid-area:image;width:100%;height:55vh;object-fit:cover;object-position:center top}.landing__notes{grid-area:notes;margin-top:0;align-items:center;padding-top:32px}.landing__title{font-size:clamp(5rem,9vw,10rem);max-width:100%}.landing__tagline{font-size:clamp(2rem,2.8vw,3.5rem);text-align:center;max-width:80%;rotate:none;margin-bottom:32px}.landing__explain{font-size:clamp(2rem,2.8vw,3.45rem);text-align:center;max-width:80%;rotate:none}}@media(max-width:768px){.landing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"header notes" "image  image";padding:24px 20px;gap:24px 16px}.landing>picture{grid-area:image}.landing__image{width:100%;height:auto}.landing__header{grid-area:header}.landing__notes{grid-area:notes;align-self:end;align-items:flex-start;margin-top:0;padding-top:0}.landing__title{font-size:clamp(4rem,11vw,6rem);max-width:100%;margin-bottom:16px}.landing__p{max-width:100%}.landing__cta{margin-top:24px}.landing__exlibris{display:none}.landing__tagline{font-size:clamp(1.6rem,4vw,3rem);text-align:left;max-width:100%;rotate:-2deg;margin-bottom:24px}.landing__explain{font-size:clamp(1.6rem,4vw,3rem);text-align:left;max-width:100%;rotate:1.5deg}}.header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0 14px}.header__logo{font-family:var(--font-serif);font-size:3rem;color:var(--ink);background:none;border:none;padding:0;cursor:pointer}.header__amp{font-family:var(--font-handwritten);font-size:1.68rem;color:var(--vermillion);margin:0 2px}.header__tagline{font-family:var(--font-handwritten);font-size:1.2rem;color:var(--ink-40);text-align:right;max-width:250px;line-height:2}.selector{margin-bottom:20px}.selector__wrapper{position:relative;display:block;width:100%}.selector__button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:1.56rem;background:#fff;border:1px solid var(--ink);border-radius:0;letter-spacing:.02em;transition:background .2s}.selector__button:hover{background:var(--ink-04)}.selector__arrow{font-size:1.44rem;margin-left:var(--space-sm);transition:transform .25s ease}.selector__arrow--open{transform:rotate(180deg)}.selector__list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--ink);border-top:none;max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px var(--ink-08)}.selector__list::-webkit-scrollbar{width:6px}.selector__list::-webkit-scrollbar-track{background:transparent}.selector__list::-webkit-scrollbar-thumb{background:var(--ink-15)}.selector__item{display:block;width:100%;padding:10px 16px;font-family:var(--font-sans);font-size:1.56rem;background:transparent;border:none;text-align:left;letter-spacing:.02em;transition:background .15s}.selector__item:hover{background:var(--ink-04)}.selector__item--active{background:var(--ink-08);font-weight:500}.selector__count{color:var(--ink-40);font-size:1.3rem;font-weight:400;letter-spacing:0}.citation{font-family:var(--font-sans);font-size:1.32rem;margin-top:14px;line-height:1.5;color:var(--ink-40)}.citation__dash{margin-right:4px}.citation__link{color:inherit;text-decoration:underline;text-underline-offset:2px}.citation__link:hover{opacity:.7}.passage{padding:0}.passage__label{font-family:var(--font-sans);font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;margin-bottom:10px;color:var(--ink-40)}.passage__title{font-family:var(--font-serif);font-size:2.64rem;font-weight:600;margin:0 0 10px;line-height:1.3}.passage__content{font-family:var(--font-serif);font-size:2.16rem;line-height:1.35;color:var(--ink);white-space:pre-wrap}.recipe{background:#fff;padding:20px;border:1px solid var(--ink-08);position:relative;overflow:hidden}.recipe:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--mustard)}.recipe__label{font-family:var(--font-sans);font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;color:var(--ink-40)}.recipe__name{font-family:var(--font-serif);font-size:2.4rem;font-weight:400;margin:0 0 6px;line-height:1.3}.recipe__why{font-family:var(--font-serif);font-style:italic;font-size:1.56rem;line-height:1.6;color:var(--ink-40);margin-bottom:12px}.recipe__divider{height:1px;background:var(--ink-08);margin-bottom:12px}.recipe__subhead{font-family:var(--font-sans);font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;color:var(--ink-40)}.recipe__ingredients{margin-bottom:12px}.recipe__ingredient{font-family:var(--font-sans);font-size:1.44rem;line-height:1.8;color:#1a1a18a6;padding-left:14px;position:relative}.recipe__ingredient:before{content:"·";position:absolute;left:0;font-weight:700}.recipe__method{font-family:var(--font-serif);font-size:1.5rem;line-height:1.7;color:#1a1a1899;margin-bottom:12px}.recipe__source{font-family:var(--font-sans);font-size:1.32rem;line-height:1.5;color:var(--ink-40);border-top:1px solid var(--ink-08);padding-top:10px;margin-top:6px}.recipe__note{border-top:1px solid var(--ink-08);padding-top:14px;margin-top:6px}.recipe__note-label{font-family:var(--font-handwritten);font-size:1.68rem;color:var(--vermillion);margin-bottom:6px}.recipe__note-text{font-family:var(--font-handwritten);font-size:1.56rem;line-height:2;color:var(--ink-40)}.content-section{margin-bottom:var(--space-xl);transition:opacity .5s ease}.content-section--hidden{opacity:0}.content-section--visible{opacity:1}.content-section__bar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:24px}.content-section__bar-left,.content-section__bar-right{display:flex;align-items:center}.content-section__shuffle{font-family:var(--font-sans);font-size:1.32rem;font-weight:500;letter-spacing:.06em;color:var(--ink-40);background:transparent;border:none;padding:0;transition:color .2s}.content-section__shuffle:hover{color:var(--ink)}.content-section__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:680px){.content-section__grid{grid-template-columns:1fr;gap:28px}}.content-section__barrel-kicked{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px 0}.content-section__barrel-kicked-heading{font-family:var(--font-serif);font-size:2.8rem;color:var(--ink);margin:0}.content-section__barrel-kicked-body{font-family:var(--font-sans);font-size:1.5rem;color:var(--ink-40);margin:0;line-height:1.5}.page{max-width:var(--max-width);margin:0 auto;padding:0 28px}@media(max-width:680px){.page{padding:0 16px}}.empty-state{text-align:center;padding:30vh 20px}@media(max-width:680px){.empty-state{padding:20vh 20px}}.empty-state__icon{font-size:2.4rem;color:var(--ink-40);margin-bottom:var(--space-md)}.empty-state__text{font-family:var(--font-serif);font-style:italic;font-size:1.8rem;color:var(--ink-40);line-height:1.7}.footer{text-align:center;border-top:1px solid var(--ink-08);padding:16px 0;margin-top:var(--space-lg)}.footer__text{font-family:var(--font-sans);font-size:1.2rem;color:var(--ink-40);letter-spacing:.04em}@font-face{font-family:biroscript-regularus;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/biroscript-regularus-webfont.woff2) format("woff2"),url(/fonts/biroscript-regularus-webfont.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-400-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono@latest/latin-500-normal.woff2) format("woff2")}:root{--white: #FFFFFF;--cream: #FAF6F0;--ink: #000000;--vermillion: #C8402D;--mustard-bright: #E8AE2E;--mustard: #D4982A;--bic-blue: #0004A6;--pen-red: #DB0424;--ink-40: rgba(26, 26, 24, .4);--ink-15: rgba(26, 26, 24, .15);--ink-08: rgba(26, 26, 24, .08);--ink-04: rgba(26, 26, 24, .04);--font-serif: "Times New Roman", Georgia, serif;--font-sans: "JetBrains Mono", monospace;--font-handwritten: "biroscript-regularus", cursive;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--max-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--cream);background-image:url(/assets/content-page-background-desktop-ChsLhoje.png);background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--ink);text-decoration-skip-ink:auto}button{font:inherit;color:inherit;cursor:pointer}ul{list-style:none}@media(max-width:680px){body{background-image:url(/assets/content-page-background-mobile-BOjIGqKA.png)}}
