#brulea-carnet{--cream: #fef9ef; --cream-soft: #f7efe0; --forest: #2d5a43; --forest-strong: #1f3f2f; --ink: #302921; --line: #dfd2be;} #brulea-carnet *{box-sizing: border-box;} #brulea-carnet{margin: 0px; background: var(--cream); color: var(--ink); font: 21px / 1.7 "Cormorant Garamond", "Libre Baskerville", Georgia, "Times New Roman", serif;} #brulea-carnet main{max-width: min(840px, 100% - 2rem); margin: 0px auto; padding: 1.5rem 0px 3rem;} #brulea-carnet .cs-shell{background: transparent;} #brulea-carnet .cs-kicker,#brulea-carnet .cs-subtitle,#brulea-carnet .cs-filter-pill,#brulea-carnet .cs-home__hero-copy,#brulea-carnet .cs-related-articles h2,#brulea-carnet .cs-product h2,#brulea-carnet .cs-home-card__badge{font-family: Inter, "Segoe UI", Arial, sans-serif;} #brulea-carnet a{color: inherit;} #brulea-carnet .cs-home__header{margin-bottom: 1.2rem;} #brulea-carnet .cs-home__header h1{margin: 0px; font-size: 2.45rem; letter-spacing: 0.01em;} #brulea-carnet .cs-kicker{margin: 0px 0px 0.35rem; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.8rem; opacity: 0.74;} #brulea-carnet .cs-subtitle{margin: 0px 0px 1rem; opacity: 0.72; font-size: 1rem;} #brulea-carnet .cs-filters{display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.75rem 0px 1.3rem;} #brulea-carnet .cs-filter-pill{display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); background: rgb(255, 255, 255); color: var(--forest-strong); text-decoration: none; padding: 0.45rem 0.75rem; border-radius: 999px; font-size: 0.83rem;} #brulea-carnet .cs-filter-pill.is-active{background: var(--forest); color: rgb(255, 255, 255); border-color: var(--forest);} #brulea-carnet .cs-home__hero{margin: 0px;} #brulea-carnet .cs-home__hero img{display: block; width: 100%; max-height: 420px; object-fit: contain; background: rgb(255, 255, 255);} #brulea-carnet .cs-home__hero-copy{margin: 1rem 0px 1.2rem;} #brulea-carnet .cs-home__hero-copy h2{margin: 0.3rem 0px; font-size: 2rem; line-height: 1.2;} #brulea-carnet .cs-home__hero-copy p{margin: 0px; opacity: 0.82;} #brulea-carnet .cs-home__hero-copy a{color: var(--forest); text-decoration: none;} #brulea-carnet .cs-home__hero-copy a:hover,#brulea-carnet .cs-home__hero-copy a:focus-visible,#brulea-carnet .cs-article a:hover,#brulea-carnet .cs-article a:focus-visible,#brulea-carnet .cs-article-card:hover,#brulea-carnet .cs-article-card:focus-visible,#brulea-carnet .cs-product-card:hover,#brulea-carnet .cs-product-card:focus-visible{text-decoration: underline;} #brulea-carnet .cs-home-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem;} #brulea-carnet .cs-home-card{border: 1px solid var(--line); background: rgb(255, 255, 255);} #brulea-carnet .cs-home-card__link{text-decoration: none; color: inherit; display: block;} #brulea-carnet .cs-home-card img{width: 100%; aspect-ratio: 16 / 9; object-fit: cover;} #brulea-carnet .cs-home-card__badge{display: inline-block; margin: 0.8rem 0.85rem 0.5rem; font-size: 0.68rem; background: var(--cream-soft); border: 1px solid var(--line); border-radius: 999px; padding: 0.2rem 0.55rem; letter-spacing: 0.05em; text-transform: uppercase;} #brulea-carnet .cs-home-card h2{margin: 0px 0.85rem 0.35rem; font-size: 1.25rem; line-height: 1.2;} #brulea-carnet .cs-home-card p{margin: 0px 0.85rem 1rem; font-size: 1rem; opacity: 0.84;} #brulea-carnet .cs-article,#brulea-carnet .cs-product{max-width: min(820px, 100%);} #brulea-carnet .cs-article header h1,#brulea-carnet .cs-product h1{margin: 0.2rem 0px 0.6rem; font-size: 2.6rem; line-height: 1.12;} #brulea-carnet .cs-cover,#brulea-carnet .cs-product figure{margin: 0px 0px 1rem;} #brulea-carnet .cs-cover img,#brulea-carnet .cs-product figure img{width: 100%; height: auto; max-height: 66vh; object-fit: contain; background: rgb(255, 255, 255);} #brulea-carnet .cs-excerpt{margin: 0px; font-size: 1.2rem; opacity: 0.87;} #brulea-carnet .cs-post{display: grid; grid-template-columns: 1fr 18rem; gap: 1.4rem; margin-top: 1rem;} #brulea-carnet .cs-body{min-width: 0px;} #brulea-carnet .cs-body img,#brulea-carnet .cs-product-card img{max-width: 100%;} #brulea-carnet .cs-body h2,#brulea-carnet .cs-body h3,#brulea-carnet .cs-article h3,#brulea-carnet .cs-product h2,#brulea-carnet .cs-product h3{line-height: 1.25;} #brulea-carnet .cs-body h2{margin-top: 2.2rem; margin-bottom: 0.6rem; font-size: 1.75rem;} #brulea-carnet .cs-body h3{margin-top: 1.7rem; margin-bottom: 0.4rem; font-size: 1.35rem;} #brulea-carnet .cs-body p{margin: 0.8rem 0px;} #brulea-carnet .cs-body ul,#brulea-carnet .cs-body ol{margin: 0.6rem 0px 1rem 1.15rem;} #brulea-carnet .cs-body blockquote{margin: 1.1rem 0px 1rem; padding: 0.4rem 0.8rem; border-left: 3px solid var(--forest); background: rgb(255, 249, 237);} #brulea-carnet .cs-toc{border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 0.8rem; height: fit-content;} #brulea-carnet .cs-toc h2{margin: 0px 0px 0.7rem; font-size: 1.25rem;} #brulea-carnet .cs-toc ul{margin: 0px; padding-left: 1rem;} #brulea-carnet .cs-toc li{margin: 0.25rem 0px; font-size: 1rem;} #brulea-carnet .cs-toc a{color: var(--forest);} #brulea-carnet .cs-toc .level-3{margin-left: 1rem;} #brulea-carnet .cs-product-list,#brulea-carnet .cs-related-articles{margin-top: 1.3rem;} #brulea-carnet .cs-product-list h3,#brulea-carnet .cs-related-articles h2{margin-top: 0px;} #brulea-carnet .cs-product-grid,#brulea-carnet .cs-article-grid{display: grid; grid-template-columns: 1fr; gap: 0.7rem;} #brulea-carnet .cs-product-card,#brulea-carnet .cs-article-card{border: 1px solid var(--line); background: rgb(255, 255, 255); padding: 0.7rem; text-decoration: none; color: inherit;} #brulea-carnet .cs-product-card{display: grid; grid-template-columns: 110px minmax(0px, 1fr); gap: 0.7rem; align-items: center;} #brulea-carnet .cs-product-card img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover;} #brulea-carnet .cs-product-card__text{min-width: 0px;} #brulea-carnet .cs-product-card__text h4{margin: 0px; font-size: 1.03rem;} #brulea-carnet .cs-product-card__text a,#brulea-carnet .cs-product-link{color: var(--forest); text-decoration: none; font-size: 0.95rem;} #brulea-carnet .cs-empty{opacity: 0.72;} #brulea-carnet .cs-product p{margin: 0.7rem 0px;} #brulea-carnet .cs-brand{max-width: min(1120px, 100%); margin: 0px auto; font-family: "Cormorant Garamond", "Libre Baskerville", Georgia, "Times New Roman", serif;} #brulea-carnet .cs-brand__scope{font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.78; margin: 0px 0px 0.8rem;} #brulea-carnet .cs-brand__title{margin: 0px 0px 0.6rem; font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.1;} #brulea-carnet .cs-brand__logos{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.8rem; margin: 1.4rem 0px;} #brulea-carnet .cs-brand__logo-item img{width: 100%; max-width: 320px; aspect-ratio: 16 / 9; object-fit: contain; background: rgba(255, 255, 255, 0.75); border: 1px solid var(--line); padding: 0.75rem;} #brulea-carnet .cs-brand__boards{display: grid; gap: 1.8rem; margin-top: 1.4rem;} #brulea-carnet .cs-brand__board img{width: 100%; height: auto; display: block;} #brulea-carnet .cs-brand__board figcaption{margin: 0.6rem 0px 0px; font-size: 0.95rem; opacity: 0.8;} @media (max-width: 860px) {#brulea-carnet main{max-width: min(760px, 100% - 1.1rem); padding-top: 1rem;} #brulea-carnet .cs-post{grid-template-columns: 1fr;} #brulea-carnet .cs-home-grid{grid-template-columns: 1fr;}} #brulea-carnet{font-family: Georgia, serif; font-size: 18px; overflow-wrap: anywhere;} #brulea-carnet main{max-width: min(var(--reading-width,760px),calc(100% - 40px)); padding-top: 28px;} #brulea-carnet .is-immersive main{max-width: min(1160px, 100% - 64px); padding-top: 32px;} #brulea-carnet .cs-article,#brulea-carnet .cs-product{max-width: 100%;} #brulea-carnet .cs-home__header{border-bottom: 1px solid var(--line); padding-bottom: 22px; margin-bottom: 32px;} #brulea-carnet .cs-home__header h1{font: clamp(34px, 5vw, 64px) / 1.08 Georgia, serif; letter-spacing: -0.04em;} #brulea-carnet .cs-home__hero img{max-height: none; height: auto; background: transparent;} #brulea-carnet .cs-home__hero-copy{max-width: 780px; margin: 32px 0px 56px; font-family: Georgia, serif;} #brulea-carnet .cs-home__hero-copy h2{font-size: clamp(26px, 4vw, 44px); margin: 12px 0px 18px;} #brulea-carnet .cs-home-grid{gap: 40px 32px;} #brulea-carnet .cs-home-card{border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; background: transparent; border-bottom: 1px solid var(--line); padding-bottom: 24px;} #brulea-carnet .cs-home-card img{height: auto; aspect-ratio: auto; display: block;} #brulea-carnet .cs-home-card__badge{background: none; border: 0px; border-radius: 0px; padding: 0px; margin: 20px 0px 12px; color: var(--forest);} #brulea-carnet .cs-home-card h2{font: 27px / 1.18 Georgia, serif; margin: 0px 0px 12px;} #brulea-carnet .cs-home-card p{margin: 0px; font: 16px / 1.6 Georgia, serif;} #brulea-carnet .cs-cover img{max-height: none; display: block; background: transparent;} #brulea-carnet .cs-article header h1,#brulea-carnet .cs-product h1{font-size: clamp(28px,5vw,var(--title-size,44px)); margin: 24px 0px;} #brulea-carnet .cs-article header .cs-excerpt{max-width: 800px; font-size: 21px; line-height: 1.6;} #brulea-carnet .cs-post{grid-template-columns: minmax(0px, 1fr); margin-top: 48px;} #brulea-carnet .cs-post aside{grid-row: 1;} #brulea-carnet .cs-body{max-width: var(--reading-width,760px);} #brulea-carnet .cs-body img{height: auto; display: block; margin: 28px auto;} #brulea-carnet .cs-body h2,#brulea-carnet .cs-body h3{margin-top: 48px; font: 30px / 1.2 Georgia, serif;} #brulea-carnet .cs-body table{display: block; overflow: auto; border-collapse: collapse; max-width: 100%;} #brulea-carnet .cs-body td,#brulea-carnet .cs-body th{padding: 8px; border: 1px solid var(--line);} #brulea-carnet .cs-body pre{white-space: pre-wrap;} #brulea-carnet .cs-toc{background: transparent; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); padding: 20px 0px;} #brulea-carnet .cs-toc li{font: 14px / 1.5 system-ui; margin: 8px 0px;} #brulea-carnet .cs-toc .level-3{margin-left: 0px;} #brulea-carnet .cs-product-list,#brulea-carnet .cs-related-articles{margin-top: 64px; border-top: 1px solid var(--line); padding-top: 32px;} #brulea-carnet .cs-product-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));} #brulea-carnet .cs-product-card{background: transparent; border: 0px; padding: 16px 0px;} #brulea-carnet .cs-product-card img{object-fit: contain; background: rgb(255, 255, 255);} #brulea-carnet .cs-product figure img{max-height: 380px; object-fit: contain; background: transparent;} #brulea-carnet .cs-article-card{padding: 24px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); background: transparent;} #brulea-carnet a:focus-visible{outline: 3px solid var(--forest); outline-offset: 4px;} #brulea-carnet .cs-filter-pill{min-height: 44px; border-radius: 0px; background: transparent;} @media (min-width: 1050px) {#brulea-carnet .is-immersive .cs-post{grid-template-columns: minmax(0px, 1fr) 230px; gap: 56px;} #brulea-carnet .is-immersive .cs-post aside{grid-area: 1 / 2;} #brulea-carnet .is-immersive .cs-body{grid-area: 1 / 1;} #brulea-carnet .is-immersive .cs-toc{position: sticky; top: 24px;} #brulea-carnet .cs-home-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));}} @media (max-width: 600px) {#brulea-carnet main,#brulea-carnet .is-immersive main{max-width: calc(100% - 32px);} #brulea-carnet .cs-product-grid{grid-template-columns: 1fr;} #brulea-carnet .cs-home-grid{grid-template-columns: 1fr;} #brulea-carnet .cs-home__hero-copy{margin-bottom: 40px;} #brulea-carnet .cs-body h2,#brulea-carnet .cs-body h3{font-size: 25px;} #brulea-carnet .cs-product-card{grid-template-columns: 80px minmax(0px, 1fr);}} @media (prefers-reduced-motion: reduce) {#brulea-carnet *{scroll-behavior: auto !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important;}} #brulea-carnet .cs-brand__board{margin: 48px 0px;} #brulea-carnet .cs-brand__board h2{font: 28px / 1.2 Georgia, serif; margin-bottom: 20px;} #brulea-carnet .cs-brand__intro{max-width: 820px;} #brulea-carnet .cs-brand__logos{border-block: 1px solid var(--line); padding-block: 24px;} #brulea-carnet .cs-brand__logo-item{margin: 0px;} #brulea-carnet .cs-brand__logo-item img{max-height: 120px;} #brulea-carnet .cs-brand__principles li{margin-bottom: 14px;} #brulea-carnet .cs-brand__loops summary{cursor: pointer; padding: 16px 0px; font-weight: bold;} #brulea-carnet .cs-brand__note{max-width: 850px; padding: 28px 0px;} #brulea-carnet .cs-voyage{font-family: "Cormorant Garamond", "Libre Baskerville", Georgia, "Times New Roman", serif; max-width: min(1120px, 100% - 1.25rem); margin: 0px auto; padding-bottom: 3.2rem; color: var(--ink);} #brulea-carnet .cs-voyage__masthead{margin: 0px auto 0.9rem; max-width: min(820px, 100%);} #brulea-carnet .cs-voyage__masthead h1{margin: 0.2rem 0px 0.5rem; font-size: clamp(2rem, 4.5vw, 3.4rem); line-height: 1.12;} #brulea-carnet .cs-voyage__hero{margin: 0px auto 1.2rem; max-width: min(980px, 100%);} #brulea-carnet .cs-voyage__hero-media{position: relative; overflow: hidden; aspect-ratio: 1.535 / 1; background: rgb(255, 255, 255); border: 1px solid var(--line);} #brulea-carnet .cs-voyage__hero-media img{position: absolute; width: 208.2%; height: 308.9%; top: -5.54%; left: -3.58%; object-fit: none;} #brulea-carnet .cs-voyage__hero-media--martre-top-left{margin: 0px;} #brulea-carnet .cs-voyage__rail{margin: 0px 0px 1rem; display: flex; gap: 0.45rem; overflow: auto; padding-bottom: 0.65rem; border-bottom: 1px solid var(--line);} #brulea-carnet .cs-voyage__rail-link{min-height: 2.4rem; border: 1px solid var(--line); border-radius: 999px; padding: 0.45rem 0.85rem; text-decoration: none; color: var(--ink); background: rgb(255, 255, 255); flex: 0 0 auto; font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 0.88rem;} #brulea-carnet .cs-voyage__rail-link.is-active{background: var(--forest); border-color: var(--forest); color: rgb(255, 255, 255);} #brulea-carnet .cs-voyage__act{margin: 0px auto 1.8rem; padding: 1rem 0px 1.4rem; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr; gap: 0.9rem;} #brulea-carnet .cs-voyage__act-head h2{margin: 0px; font-size: clamp(1.55rem, 3vw, 2rem);} #brulea-carnet .cs-voyage__act-head{max-width: 100%;} #brulea-carnet .cs-voyage__note{margin: 0.55rem 0px 0px; max-width: 60ch;} #brulea-carnet .cs-voyage__note summary{cursor: pointer; color: var(--forest);} #brulea-carnet .cs-voyage__scene{margin: 0px; position: relative; overflow: hidden; aspect-ratio: 16 / 10;} #brulea-carnet .cs-voyage__scene img{width: 100%; max-width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 10; border: 1px solid var(--line); background: rgb(255, 255, 255);} #brulea-carnet .cs-voyage__scene.is-martre img{position: absolute; width: 207.6%; height: 311.1%; object-fit: none;} #brulea-carnet .cs-voyage__scene.is-top img{top: -5.54%; left: -3.58%;} #brulea-carnet .cs-voyage__scene.is-bottom img{top: -111.2%; left: -107.4%;} #brulea-carnet .cs-voyage__content{max-width: 60ch; font-size: 1.03rem; line-height: 1.7;} #brulea-carnet .cs-voyage__content p{margin: 0.7rem 0px;} #brulea-carnet .cs-voyage__content h3{margin: 1.3rem 0px 0.4rem; font-size: 1.35rem;} #brulea-carnet .cs-voyage__chapter{margin: 0.3rem 0px 0.9rem;} @media (min-width: 860px) {#brulea-carnet .cs-voyage__act{grid-template-columns: minmax(300px, 36%) minmax(0px, 1fr); gap: 1.35rem; align-items: start;} #brulea-carnet .cs-voyage__scene{position: sticky; top: 1rem;}} @media (max-width: 860px) {#brulea-carnet .cs-voyage__rail{scrollbar-width: none;} #brulea-carnet .cs-voyage__rail::-webkit-scrollbar{display: none;} #brulea-carnet .cs-voyage__act{gap: 0.65rem;}} @media (max-width: 390px) {#brulea-carnet .cs-voyage{max-width: 100%;} #brulea-carnet .cs-voyage__masthead,#brulea-carnet .cs-voyage__act,#brulea-carnet .cs-voyage__content,#brulea-carnet .cs-voyage__hero{max-width: 100%;} #brulea-carnet .cs-voyage__hero{margin-left: -0.1rem; margin-right: -0.1rem;} #brulea-carnet .cs-voyage__rail-link{font-size: 0.82rem; padding: 0.38rem 0.65rem;} #brulea-carnet .cs-voyage__act-head h2{font-size: 1.45rem;} #brulea-carnet .cs-voyage__content{font-size: 1.02rem;}} #brulea-carnet.cs-voyage{--voyage-red: #8f2822; --voyage-space: clamp(24px,4vw,64px);} #brulea-carnet .cs-voyage__hero-media img{width: 211.57%; height: 216.49%; max-width: none; top: -5.5%; left: -3.58%; object-fit: fill; aspect-ratio: auto; border: 0px;} #brulea-carnet .cs-voyage__scene.is-martre{aspect-ratio: 1.549 / 1;} #brulea-carnet .cs-voyage__scene.is-martre img{max-width: none; width: 210.99%; height: 217.87%; object-fit: fill; aspect-ratio: auto; border: 0px;} #brulea-carnet .cs-voyage__scene.is-bottom img{top: -111.06%; left: -107.42%;} #brulea-carnet .cs-voyage__scene.is-top{aspect-ratio: 1.535 / 1;} #brulea-carnet .cs-voyage__scene.is-top img{width: 211.57%; height: 216.49%; top: -5.5%; left: -3.58%;} #brulea-carnet .cs-voyage__rail{position: sticky; top: 0px; z-index: 5; background: var(--cream); padding: 12px 0px; margin-bottom: var(--voyage-space); gap: 0px; justify-content: space-between;} #brulea-carnet .cs-voyage__rail-link{border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; border-radius: 0px; background: none; min-height: 44px; padding: 10px 14px;} #brulea-carnet .cs-voyage__rail-link.is-active{background: none; color: var(--voyage-red); border-color: var(--voyage-red);} #brulea-carnet .cs-voyage__act{display: block; scroll-margin-top: 80px; margin-bottom: var(--voyage-space); padding-top: 24px;} #brulea-carnet .cs-voyage__act-head{margin-bottom: 24px; display: flex; justify-content: space-between; gap: 24px; align-items: baseline;} #brulea-carnet .cs-voyage__act-head h2{font: italic clamp(36px, 5vw, 66px) / 1.1 Georgia, serif; color: var(--voyage-red);} #brulea-carnet .cs-voyage__note{font: 15px / 1.6 Georgia, serif; max-width: 420px;} #brulea-carnet .cs-voyage__note summary{min-height: 44px; padding: 10px 0px; color: var(--ink);} #brulea-carnet .cs-voyage__reading{min-width: 0px;} #brulea-carnet .cs-voyage__chapter h3{font: 26px / 1.25 Georgia, serif; margin: 0px 0px 20px;} #brulea-carnet .cs-voyage__chapter + .cs-voyage__chapter{margin-top: 48px;} #brulea-carnet .cs-voyage__content img{max-width: 100%; height: auto;} #brulea-carnet .cs-voyage__spread{display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1fr); gap: var(--voyage-space); align-items: start;} #brulea-carnet .cs-voyage__spread .cs-voyage__scene{position: sticky; top: 92px;} #brulea-carnet .cs-voyage__content{font-size: 18px; line-height: 1.85;} @media (max-width: 859px) {#brulea-carnet .cs-voyage__spread{display: block;} #brulea-carnet .cs-voyage__spread .cs-voyage__scene{position: relative; top: auto; margin-bottom: 28px;} #brulea-carnet .cs-voyage__act-head{display: block;} #brulea-carnet .cs-voyage__rail-link{padding: 10px 8px; font-size: 12px;} #brulea-carnet .cs-voyage__rail{overflow: visible;} #brulea-carnet .cs-voyage__chapter h3{font-size: 24px;}} #brulea-carnet.cs-voyage{--gb-paper: #f1dfb8; --gb-paper-light: #fff2d5; --gb-leather: #503621; --gb-ink: #382918; --gb-gold: #c9a76b; --gb-red: #852d24; margin: 0px; background: rgb(36, 40, 30); color: var(--gb-ink); overflow-wrap: normal;} #brulea-carnet.cs-voyage main.cs-shell{max-width: none; width: 100%; margin: 0px; padding: 0px;} #brulea-carnet .gb-room{position: relative; isolation: isolate; min-height: 100vh; padding: 24px clamp(12px, 3vw, 48px) 20px; overflow: hidden; background: rgb(37, 43, 32); font: 17px / 1.55 Georgia, serif;} #brulea-carnet .gb-room [hidden]{display: none !important;} #brulea-carnet .gb-sr{position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;} #brulea-carnet .gb-landscape{position: absolute; inset: 0px; z-index: -2; opacity: 0.3; filter: blur(5px) saturate(0.65); transform: scale(1.03);} #brulea-carnet .gb-landscape .gb-picture{width: 100%; height: 100%; aspect-ratio: auto; background: rgb(37, 49, 30);} #brulea-carnet .gb-landscape .gb-picture img{object-fit: cover;} #brulea-carnet .gb-room::after{content: ""; position: absolute; inset: 0px; z-index: -1; background: radial-gradient(at 50% 30%, transparent, rgba(22, 28, 20, 0.72));} #brulea-carnet .gb-brand{display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0px auto 24px; max-width: 1260px; color: rgb(234, 217, 181); font: 12px / 1.4 system-ui; letter-spacing: 0.1em;} #brulea-carnet .gb-brand img{width: 245px; height: 50px; object-fit: contain; filter: invert(1); mix-blend-mode: screen;} #brulea-carnet .gb-brand span{text-transform: uppercase; font-size: 10px;} #brulea-carnet .gb-cover-stage{display: flex; align-items: center; justify-content: center; gap: clamp(40px, 6vw, 100px); min-height: 70vh; padding: 20px 0px 36px; perspective: 1600px;} #brulea-carnet .gb-cover{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: clamp(300px, 30vw, 440px); min-height: 540px; aspect-ratio: 0.72 / 1; padding: 38px 32px 24px; border-width: 0px 0px 0px 18px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(102, 72, 42); border-image: none; border-radius: 5px 13px 13px 5px; cursor: pointer; color: var(--gb-ink); background: repeating-linear-gradient(97deg, rgba(188, 148, 93, 0.07) 0px, rgba(188, 148, 93, 0.07) 1px, transparent 1px, transparent 5px), radial-gradient(at 50% 40%, rgb(247, 230, 190), rgb(202, 163, 104)); box-shadow: rgba(35, 20, 5, 0.5) 6px 0px 14px inset, rgb(146, 103, 57) 0px 0px 0px 3px inset, rgb(218, 194, 149) 8px 5px 0px, rgb(160, 120, 66) 13px 10px 0px, rgba(0, 0, 0, 0.6) 22px 25px 40px; transform: rotate(-5deg) rotateY(-12deg); transform-origin: left center; transition: transform 0.4s, box-shadow 0.4s; font-family: Georgia, serif; text-align: center;} #brulea-carnet .gb-cover:hover{transform: rotate(-2deg) rotateY(-5deg) translateY(-6px); box-shadow: rgba(35, 20, 5, 0.5) 6px 0px 14px inset, rgb(146, 103, 57) 0px 0px 0px 3px inset, rgb(218, 194, 149) 8px 5px 0px, rgb(160, 120, 66) 13px 10px 0px, rgba(0, 0, 0, 0.6) 28px 35px 48px;} #brulea-carnet .gb-cover-rim{position: absolute; inset: 16px; border: 1px solid rgba(121, 85, 40, 0.565); pointer-events: none;} #brulea-carnet .gb-cover-author{font: 15px / 1 system-ui; letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 16px;} #brulea-carnet .gb-cover-title{font: small-caps bold clamp(38px, 4vw, 58px) / 0.92 Georgia, serif; letter-spacing: -0.025em;} #brulea-carnet .gb-cover-title > span{display: block; font: italic 23px / 1.4 Georgia, serif; letter-spacing: 0.05em;} #brulea-carnet .gb-picture{position: relative; overflow: hidden; aspect-ratio: 1.535 / 1; background: var(--gb-paper); margin: 0px;} #brulea-carnet .gb-picture img{display: block; width: 100%; height: 100%; object-fit: cover; max-width: none;} #brulea-carnet .gb-picture.gb-crop--forest img{position: absolute; width: 211.57%; height: 216.49%; top: -5.5%; left: -3.58%; object-fit: fill; max-width: none;} #brulea-carnet .gb-picture.gb-crop--table img{position: absolute; width: 210.99%; height: 217.87%; top: -111.06%; left: -107.42%; object-fit: fill; max-width: none;} #brulea-carnet .gb-cover .gb-picture{width: 100%; margin: 22px 0px 14px; box-shadow: rgba(102, 75, 44, 0.4) 0px 0px 0px 1px; filter: sepia(0.16);} #brulea-carnet .gb-cover-sub{font-size: 13px; font-style: italic; max-width: 210px;} #brulea-carnet .gb-cover-open{margin-top: 22px; border-top: 1px solid rgba(121, 85, 40, 0.44); padding-top: 12px; font: 12px / 1.4 system-ui; letter-spacing: 0.08em; text-transform: uppercase;} #brulea-carnet .gb-cover-invite{max-width: 230px; color: rgb(239, 223, 187); font: italic 25px / 1.55 Georgia, serif;} #brulea-carnet .gb-open-stage{max-width: 1260px; margin: auto; padding: 0px 20px;} #brulea-carnet .gb-bookmarks{display: flex; justify-content: flex-end; gap: 5px; padding: 0px 24px; position: relative; z-index: 3; flex-wrap: wrap;} #brulea-carnet .gb-bookmarks :is(button,a[data-carnet-link]){border: 0px; border-radius: 3px 3px 0px 0px; padding: 11px 15px 14px; min-height: 44px; font: 12px Georgia, serif; color: rgb(244, 228, 199); background: rgb(102, 78, 50); cursor: pointer; box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 6px inset; transform: translateY(4px);} #brulea-carnet .gb-bookmarks :is(button,a[data-carnet-link]).is-current{background: var(--gb-red); transform: translateY(0px);} #brulea-carnet .gb-book{position: relative; display: grid; grid-template-columns: 1fr 1fr; min-height: 600px; height: clamp(610px, 73vh, 850px); perspective: 2000px; border: 9px solid var(--gb-leather); border-radius: 7px 14px 14px 7px; box-shadow: rgb(195, 162, 115) 0px 2px 0px, rgb(229, 211, 173) 0px 5px 0px, rgb(150, 119, 81) 0px 7px 0px, rgb(226, 206, 164) 0px 10px 0px, rgb(89, 57, 30) 0px 14px 0px, rgba(0, 0, 0, 0.6) 0px 32px 65px;} #brulea-carnet .gb-paper{position: relative; min-width: 0px; height: 100%; background: repeating-linear-gradient(8deg,#c6a36a07 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,var(--gb-paper-light),var(--gb-paper)); overflow: hidden;} #brulea-carnet .gb-paper--left{padding: 28px 28px 46px; border-radius: 2px 0px 0px 2px; display: flex; flex-direction: column; justify-content: center; box-shadow: rgba(117, 79, 34, 0.125) -10px 0px 24px inset;} #brulea-carnet .gb-paper--right{border-radius: 0px 5px 5px 0px; box-shadow: rgba(117, 79, 34, 0.094) 12px 0px 24px inset;} #brulea-carnet .gb-page-content{height: 100%; overflow: auto; overscroll-behavior: contain; padding: 36px clamp(25px, 3.7vw, 62px) 48px; scrollbar-width: thin; scrollbar-color: rgb(186, 160, 117) transparent;} #brulea-carnet .gb-gutter{position: absolute; left: 50%; top: 0px; bottom: 0px; width: 40px; transform: translateX(-50%); pointer-events: none; background: linear-gradient(90deg, transparent, rgba(109, 72, 39, 0.17) 35%, rgba(62, 40, 27, 0.4) 49%, rgba(250, 240, 215, 0.45) 54%, transparent); z-index: 3;} #brulea-carnet .gb-paper--left .gb-picture{width: 100%; box-shadow: rgba(121, 91, 56, 0.2) 0px 0px 0px 1px, rgba(92, 58, 34, 0.16) 3px 6px 14px; filter: sepia(0.08);} #brulea-carnet .gb-plate-copy{padding: 25px 12px 0px; text-align: center;} #brulea-carnet .gb-plate-copy > span,#brulea-carnet .gb-eyebrow{font: 10px / 1.6 system-ui; text-transform: uppercase; letter-spacing: 0.18em; color: rgb(120, 86, 50);} #brulea-carnet .gb-plate-copy h2{font: clamp(25px, 3.3vw, 45px) / 1.1 Georgia, serif; margin: 12px 0px 14px;} #brulea-carnet .gb-plate-copy p{font: italic 16px / 1.5 Georgia, serif; margin: 0px;} #brulea-carnet .gb-page-content h2{font: clamp(25px, 3vw, 42px) / 1.12 Georgia, serif; margin: 16px 0px 24px; letter-spacing: -0.025em;} #brulea-carnet .gb-page-content .gb-intro{font-size: 17px; line-height: 1.65; margin-bottom: 25px;} #brulea-carnet .gb-prose{font-size: clamp(17px, 1.45vw, 20px); line-height: 1.75; overflow-wrap: break-word;} #brulea-carnet .gb-prose p{margin: 0px 0px 1.1em;} #brulea-carnet .gb-prose > p:first-child::first-letter{float: left; font: 60px / 0.83 Georgia, serif; color: var(--gb-red); padding: 7px 9px 0px 0px;} #brulea-carnet .gb-contents{display: grid;} #brulea-carnet .gb-contents :is(button,a[data-carnet-link]){display: flex; align-items: center; gap: 18px; min-height: 54px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(161, 131, 81, 0.333); border-image: none; background: none; color: var(--gb-ink); text-align: left; padding: 13px 0px; cursor: pointer; font: 17px Georgia, serif;} #brulea-carnet .gb-contents :is(button,a[data-carnet-link]) > span{font-size: 12px; color: rgb(135, 99, 59);} #brulea-carnet .gb-contents :is(button,a[data-carnet-link]) strong{font-weight: normal; flex: 1 1 0%;} #brulea-carnet .gb-contents :is(button,a[data-carnet-link]):hover{color: var(--gb-red);} #brulea-carnet .gb-hand{font: italic 18px / 1.5 Georgia, serif; color: rgb(131, 81, 40); margin-top: 28px; transform: rotate(-3deg);} #brulea-carnet .gb-folio{position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); font: 12px Georgia, serif; color: rgb(132, 107, 69); z-index: 2;} #brulea-carnet .gb-navigation{display: flex; justify-content: space-between; align-items: center; margin: 30px 0px 12px; color: rgb(244, 228, 199); gap: 16px;} #brulea-carnet .gb-navigation :is(button,a[data-carnet-link]),#brulea-carnet .gb-bottom :is(button,a[data-carnet-link]){min-height: 44px; background: transparent; color: inherit; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(195, 160, 110, 0.533); border-image: none; font: 14px / 1.4 Georgia, serif; padding: 10px 0px; cursor: pointer;} #brulea-carnet .gb-navigation :is(button,a[data-carnet-link]):disabled{opacity: 0.35; cursor: default;} #brulea-carnet .gb-page-number{font: 12px system-ui; letter-spacing: 0.13em;} #brulea-carnet .gb-bottom{display: flex; justify-content: space-between; align-items: center; color: rgb(218, 199, 164); font: 11px system-ui; gap: 24px;} #brulea-carnet .gb-bottom :is(button,a[data-carnet-link]){font-size: 12px; border: 0px;} #brulea-carnet .gb-bottom span{opacity: 0.75;} #brulea-carnet .gb-room :is(button,a[data-carnet-link]):focus-visible,#brulea-carnet .gb-room a:focus-visible,#brulea-carnet .gb-paper--right:focus-visible{outline: 3px solid var(--gb-gold); outline-offset: 3px;} #brulea-carnet .gb-products .cs-product-list{margin: 0px; padding: 0px; border: 0px;} #brulea-carnet .gb-products .cs-product-list > h3{display: none;} #brulea-carnet .gb-products .cs-product-grid{display: block;} #brulea-carnet .gb-products .cs-product-card{display: grid; grid-template-columns: 70px 1fr; gap: 16px; border-bottom: 1px solid rgba(161, 131, 81, 0.333); padding: 14px 0px;} #brulea-carnet .gb-products .cs-product-card img{width: 70px; height: 82px; object-fit: contain; mix-blend-mode: multiply; background: transparent;} #brulea-carnet .gb-products h4{font: 16px / 1.3 Georgia, serif; margin: 0px 0px 8px;} #brulea-carnet .gb-products a{font: 12px / 1.5 system-ui;} #brulea-carnet .gb-turn-leaf{position: absolute; top: 0px; bottom: 0px; width: 50%; background: linear-gradient(90deg,var(--gb-paper-light),var(--gb-paper)); z-index: 6; overflow: hidden; backface-visibility: hidden; box-shadow: rgba(38, 19, 3, 0.267) -15px 0px 35px; pointer-events: none;} #brulea-carnet .gb-turn-leaf.is-forward{left: 50%; transform-origin: left center; animation: 0.7s ease-in-out 0s 1 normal both running gb-turn-forward;} #brulea-carnet .gb-turn-leaf.is-backward{left: 0px; transform-origin: right center; animation: 0.7s ease-in-out 0s 1 normal both running gb-turn-backward;} @keyframes gb-turn-forward { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(-179deg); } } @keyframes gb-turn-backward { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(179deg); } } #brulea-carnet .gb-opening{animation: 0.65s ease-out 0s 1 normal both running gb-open;} @keyframes gb-open { 0% { opacity: 0.1; transform: perspective(1600px) rotateY(18deg) scale(0.9); } 100% { opacity: 1; transform: none; } } @media (max-width: 760px) {#brulea-carnet .gb-room{padding: 16px 10px; min-height: 100vh;} #brulea-carnet .gb-brand{margin: 0px 4px 20px;} #brulea-carnet .gb-brand img{width: 180px; height: 40px;} #brulea-carnet .gb-brand span{display: none;} #brulea-carnet .gb-cover-stage{flex-direction: column; gap: 22px; padding: 12px 12px 30px; min-height: 0px;} #brulea-carnet .gb-cover{width: min(310px, 90%); min-height: 440px; padding: 28px 22px 20px; border-left-width: 12px; transform: rotate(-3deg);} #brulea-carnet .gb-cover-title{font-size: 42px;} #brulea-carnet .gb-cover .gb-picture{margin-top: 16px;} #brulea-carnet .gb-cover-invite{text-align: center; font-size: 19px; margin: 0px;} #brulea-carnet .gb-open-stage{padding: 0px 3px;} #brulea-carnet .gb-bookmarks{justify-content: flex-start; padding: 0px; gap: 3px; flex-wrap: nowrap; overflow-x: auto;} #brulea-carnet .gb-bookmarks :is(button,a[data-carnet-link]){white-space: nowrap; padding: 10px 12px; flex-shrink: 0;} #brulea-carnet .gb-book{display: block; height: auto; min-height: 0px; border-width: 5px;} #brulea-carnet .gb-paper--left{min-height: 0px; height: auto; padding: 14px 14px 25px;} #brulea-carnet .gb-paper--left .gb-picture{aspect-ratio: 1.535 / 1; max-width: 100%;} #brulea-carnet .gb-plate-copy{padding: 15px 5px 0px;} #brulea-carnet .gb-plate-copy h2{font-size: 27px; margin: 8px 0px;} #brulea-carnet .gb-plate-copy p{font-size: 15px;} #brulea-carnet .gb-paper--right{height: auto; min-height: 420px; border-top: 1px solid rgb(184, 155, 104);} #brulea-carnet .gb-page-content{padding: 24px 22px 45px; overflow: visible;} #brulea-carnet .gb-page-content h2{font-size: 29px;} #brulea-carnet .gb-prose{font-size: 18px; line-height: 1.7;} #brulea-carnet .gb-gutter{display: none;} #brulea-carnet .gb-navigation{margin-top: 24px; gap: 8px;} #brulea-carnet .gb-navigation :is(button,a[data-carnet-link]){font-size: 13px;} #brulea-carnet .gb-bottom > span{display: none;} #brulea-carnet .gb-turn-leaf{width: 100%; top: 0px; bottom: 0px; left: 0px !important;} #brulea-carnet .gb-page-number{font-size: 10px;} #brulea-carnet .gb-paper--left .gb-folio{bottom: 5px;}} @media (prefers-reduced-motion: reduce) {#brulea-carnet .gb-room *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;} #brulea-carnet .gb-cover:hover{transform: none;}} #brulea-carnet.cs-voyage{width: 100%; max-width: none; padding: 0px; margin: 0px;} #brulea-carnet .gb-book{touch-action: pan-y;} #brulea-carnet .gb-turn-leaf.gb-paper{position: absolute; height: 100%; min-height: 0px; display: block;} #brulea-carnet .gb-turn-leaf.gb-paper--left{display: flex;} #brulea-carnet .gb-corner{position: absolute; right: 0px; bottom: 0px; width: 52px; height: 52px; border: 0px; cursor: pointer; background: linear-gradient(135deg, transparent 49%, rgb(213, 186, 131) 50%, rgb(179, 141, 78)); color: rgb(103, 71, 43); box-shadow: rgba(134, 101, 59, 0.063) -2px -2px 6px; z-index: 4; text-align: right; padding: 20px 8px 6px;} #brulea-carnet .gb-corner:hover{width: 60px; height: 60px;} #brulea-carnet.cs-desk{margin: 0px; padding: 0px; width: 100%; max-width: none; background: rgb(237, 231, 220); color: rgb(52, 46, 37);} #brulea-carnet.cs-desk main.cs-shell{width: 100%; max-width: none; margin: 0px; padding: 0px;} #brulea-carnet .cl-library{min-height: 100vh; padding: 26px 5vw 24px; background: radial-gradient(at 50% 0px, rgb(255, 250, 240), transparent 75%), repeating-linear-gradient(91deg, rgba(170, 148, 119, 0.03) 0px, rgba(170, 148, 119, 0.03) 1px, transparent 1px, transparent 5px), rgb(233, 225, 210); font-family: Georgia, serif; box-sizing: border-box;} #brulea-carnet .cl-library header{text-align: center;} #brulea-carnet .cl-brand{display: block; width: 215px; height: 45px; object-fit: contain; margin: 0px auto 20px;} #brulea-carnet .cl-edition{font: 10px system-ui; letter-spacing: 0.28em; color: rgb(137, 120, 91);} #brulea-carnet .cl-library h1{font: clamp(34px, 4.4vw, 62px) / 1.1 Georgia; margin: 12px 0px;} #brulea-carnet .cl-library h1 i{font-weight: normal; color: rgb(140, 61, 44);} #brulea-carnet .cl-library header p{font: italic 17px Georgia; color: rgb(121, 106, 85); margin: 14px 0px 0px;} #brulea-carnet .cl-books{max-width: 1320px; margin: 45px auto 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3.5vw, 65px); align-items: start;} #brulea-carnet .cl-book-wrap:nth-child(2){padding-top: 20px;} #brulea-carnet .cl-book-wrap:nth-child(3){padding-top: 5px;} #brulea-carnet .cl-book-wrap:nth-child(4){padding-top: 28px;} #brulea-carnet .cl-book-wrap > p{font: italic 14px / 1.5 Georgia; max-width: 230px; margin: 23px auto 0px; text-align: center; color: rgb(116, 102, 79);} #brulea-carnet .cl-book{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; min-height: 340px; aspect-ratio: 0.69 / 1; border-width: 0px 0px 0px 12px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(85, 82, 58); border-image: none; border-radius: 3px 9px 9px 3px; padding: 25px 20px 16px; background: rgb(215, 197, 156); color: rgb(56, 51, 39); text-align: center; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.2) 3px 0px 10px inset, rgba(0, 0, 0, 0.2) 0px 0px 0px 1px inset, rgb(236, 227, 202) 5px 2px 0px, rgb(196, 179, 143) 8px 5px 0px, rgb(120, 112, 82) 11px 9px 0px, rgba(71, 58, 53, 0.22) 14px 22px 25px; transform: rotate(-4deg); transition: transform 0.35s, box-shadow 0.35s; font-family: Georgia;} #brulea-carnet .cl-book::before{content: ""; position: absolute; inset: 11px; border: 1px solid; opacity: 0.3; pointer-events: none;} #brulea-carnet .cl-book:hover{transform: translateY(-10px) rotate(-1deg); box-shadow: rgba(0, 0, 0, 0.2) 3px 0px 10px inset, rgb(236, 227, 202) 5px 2px 0px, rgb(196, 179, 143) 8px 5px 0px, rgb(120, 112, 82) 11px 9px 0px, rgba(71, 58, 53, 0.27) 20px 32px 30px;} #brulea-carnet .cl-volume{font: 9px system-ui; letter-spacing: 0.2em; opacity: 0.8;} #brulea-carnet .cl-book > strong{display: block; font: clamp(23px, 2.2vw, 34px) / 1.08 Georgia; margin: 18px 0px 8px; min-height: 1.1em;} #brulea-carnet .cl-book > em{font: italic 12px / 1.4 Georgia;} #brulea-carnet .cl-cover-photo{display: block; width: 100%; margin: 19px 0px 12px; aspect-ratio: 1.12 / 1; overflow: hidden; border: 6px solid rgb(241, 236, 217); box-shadow: rgba(0, 0, 0, 0.267) 1px 3px 6px; transform: rotate(-3deg); box-sizing: border-box;} #brulea-carnet .cl-cover-photo img{width: 100%; height: 100%; object-fit: cover; display: block;} #brulea-carnet .cl-cover-mark{font: 23px Georgia; margin-top: auto;} #brulea-carnet .cl-book > small{font: 10px / 1.5 system-ui; margin-top: 12px;} #brulea-carnet .cl-book--voyages{background: repeating-linear-gradient(30deg, rgba(109, 87, 32, 0.04) 0px, rgba(109, 87, 32, 0.04) 1px, transparent 1px, transparent 4px), rgb(217, 201, 165);} #brulea-carnet .cl-book--botanique{background: rgb(60, 82, 64); color: rgb(230, 217, 173); border-left-color: rgb(38, 57, 44); transform: rotate(3deg);} #brulea-carnet .cl-book--botanique .cl-cover-photo{border: 1px solid rgb(202, 184, 125); border-radius: 45% 45% 0px 0px; transform: none; filter: sepia(0.25);} #brulea-carnet .cl-book--table{background: repeating-linear-gradient(0deg, rgba(142, 57, 36, 0.08) 0px, rgba(142, 57, 36, 0.08) 2px, transparent 2px, transparent 8px), repeating-linear-gradient(90deg, rgba(142, 57, 36, 0.08) 0px, rgba(142, 57, 36, 0.08) 2px, transparent 2px, transparent 8px), rgb(216, 170, 141); border-left-color: rgb(132, 62, 43); transform: rotate(-2deg);} #brulea-carnet .cl-book--table .cl-cover-photo{transform: rotate(4deg); border-bottom-width: 15px;} #brulea-carnet .cl-book--rencontres{background: rgb(57, 59, 61); color: rgb(232, 226, 211); border-left-color: rgb(33, 36, 38); transform: rotate(5deg);} #brulea-carnet .cl-book--rencontres .cl-cover-photo{border: 8px solid rgb(241, 234, 223); filter: sepia(0.3); transform: rotate(-2deg);} #brulea-carnet .cl-library footer{text-align: center; font: italic 14px / 1.6 Georgia; color: rgb(125, 112, 91); margin-top: 26px;} #brulea-carnet .cl-library footer span{display: block; font: 9px system-ui; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 12px;} #brulea-carnet .ct-cabin{height: 100vh; min-height: 580px; position: relative; overflow: hidden; font-family: Georgia, serif;} #brulea-carnet .cl-universe{background: rgb(223, 217, 200); color: rgb(81, 70, 50); --scene-ink: #756248;} #brulea-carnet .cl-universe-head{height: 110px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 30px; border-bottom: 1px solid rgba(136, 120, 86, 0.208); box-sizing: border-box; position: relative; z-index: 5; background: rgba(255, 249, 236, 0.72);} #brulea-carnet .cl-universe-head :is(button,a[data-carnet-link]){background: none; border: 0px; color: inherit; min-height: 44px; cursor: pointer; font: 12px Georgia;} #brulea-carnet .cl-universe-head > div{text-align: center;} #brulea-carnet .cl-universe-head span{font: 9px system-ui; letter-spacing: 0.15em; text-transform: uppercase;} #brulea-carnet .cl-universe-head h1{font: 32px Georgia; margin: 8px 0px 0px;} #brulea-carnet .cl-universe-head nav{display: flex; gap: 12px;} #brulea-carnet .cl-universe-head nav :is(button,a[data-carnet-link])[aria-current="page"]{border-bottom: 2px solid rgb(138, 75, 55);} #brulea-carnet .ct-viewport{position: absolute; inset: 110px 0px 78px; overflow: hidden; touch-action: none; cursor: grab; outline-offset: -5px;} #brulea-carnet .ct-viewport.is-dragging{cursor: grabbing;} #brulea-carnet .ct-world{position: absolute; left: 0px; top: 0px; width: 1920px; height: 1220px; transform-origin: 0px 0px; will-change: transform;} #brulea-carnet .ct-table{position: absolute; inset: 0px; background: repeating-linear-gradient(6deg, rgba(136, 116, 67, 0.03) 0px, rgba(136, 116, 67, 0.03) 1px, transparent 1px, transparent 5px); border: 0px;} #brulea-carnet .ct-logbook.cl-book{position: absolute; left: 800px; top: 370px; width: 310px; height: 410px; min-height: 0px; aspect-ratio: auto; z-index: 3; transform: rotate(-4deg); padding: 25px 25px 18px;} #brulea-carnet .ct-logbook.cl-book > strong{font-size: 37px;} #brulea-carnet .ct-logbook .cl-cover-photo{height: 155px; flex-shrink: 0; margin: 16px 0px 8px;} #brulea-carnet .ct-logbook .cl-cover-mark{font-size: 20px;} #brulea-carnet .ct-logbook.cl-book > small{font-size: 12px;} #brulea-carnet .ct-sheet{position: absolute; left: 0px; top: 0px; display: flex; flex-direction: column; width: 330px; min-height: 350px; padding: 18px 18px 20px; border: 0px; background: rgb(255, 250, 240); color: rgb(63, 57, 45); box-shadow: rgba(64, 51, 34, 0.19) 3px 8px 15px; transform: translate(820px, 400px) rotate(-4deg) scale(0.08); opacity: 0; visibility: hidden; transition-behavior: normal, normal, normal; transition-duration: 0.9s, 0.55s, 0.55s; transition-timing-function: cubic-bezier(0.18, 0.7, 0.22, 1), ease, ease; transition-property: transform, opacity, visibility; transition-delay: var(--delay); text-align: left; cursor: grab; user-select: none; touch-action: none; z-index: 4; box-sizing: border-box;} #brulea-carnet .ct-viewport.is-spread .ct-sheet{opacity: 1; visibility: visible; transform: translate(var(--sx),var(--sy)) rotate(var(--sr));} #brulea-carnet .ct-viewport.is-dragging .ct-sheet{transition: none;} #brulea-carnet .ct-label{font: 10px system-ui; letter-spacing: 0.2em; color: rgb(135, 119, 91); margin: 0px 0px 12px;} #brulea-carnet .ct-sheet img{width: 100%; height: 175px; object-fit: cover; display: block; pointer-events: none;} #brulea-carnet .ct-sheet strong{font: 22px / 1.16 Georgia; margin: 14px 0px; display: block;} #brulea-carnet .ct-sheet-foot{margin-top: auto; font: italic 13px Georgia; color: rgb(132, 98, 62);} #brulea-carnet .ct-sheet:hover{box-shadow: rgba(64, 51, 34, 0.333) 6px 12px 25px;} #brulea-carnet .ct-pin{position: absolute; top: -12px; left: 115px; width: 90px; height: 27px; background: rgba(201, 185, 141, 0.52); transform: rotate(-5deg);} #brulea-carnet .ct-desk-hint{position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); font: italic 13px Georgia; color: rgb(101, 86, 63); margin: 0px; pointer-events: none; white-space: nowrap; background: rgba(255, 248, 233, 0.86); padding: 8px 16px;} #brulea-carnet .cl-travel-map{position: absolute; left: 500px; top: 260px; width: 850px; height: 600px; background: rgb(238, 230, 206); color: rgb(140, 119, 81); padding: 45px; transform: rotate(7deg); box-shadow: rgba(101, 88, 57, 0.125) 0px 5px 15px;} #brulea-carnet .cl-travel-map span,#brulea-carnet .cl-herbarium > span,#brulea-carnet .cl-recipe-paper > span,#brulea-carnet .cl-interview > span{font: italic 28px Georgia;} #brulea-carnet .cl-travel-map svg{width: 100%; height: 380px;} #brulea-carnet .cl-travel-map small{font: italic 18px Georgia;} #brulea-carnet .cl-note{position: absolute; z-index: 2; font: italic 24px / 1.5 Georgia; color: rgb(112, 93, 57); background: rgb(232, 211, 150); padding: 22px 30px; box-shadow: rgba(78, 60, 37, 0.12) 2px 5px 8px; transform: rotate(-7deg);} #brulea-carnet .cl-note-a{left: 1050px; top: 560px; width: 280px;} #brulea-carnet .cl-stamp{position: absolute; left: 520px; top: 560px; border: 3px double rgb(138, 84, 74); border-radius: 50%; padding: 25px 20px; font: 20px / 1.5 Georgia; color: rgb(138, 84, 74); transform: rotate(-20deg);} #brulea-carnet .cl-universe--botanique{background: radial-gradient(at 20% 40%, rgb(245, 240, 223), rgb(217, 222, 202)); --scene-ink: #4a674b;} #brulea-carnet .cl-universe--botanique .ct-table{background: repeating-linear-gradient(90deg, rgba(96, 116, 73, 0.027) 0px, rgba(96, 116, 73, 0.027) 1px, transparent 1px, transparent 24px), repeating-linear-gradient(0deg, rgba(96, 116, 73, 0.027) 0px, rgba(96, 116, 73, 0.027) 1px, transparent 1px, transparent 24px);} #brulea-carnet .cl-herbarium{position: absolute; left: 500px; top: 100px; width: 640px; height: 980px; color: rgb(104, 128, 100); background: rgb(243, 239, 222); padding: 35px; box-shadow: rgba(68, 82, 57, 0.133) 0px 4px 20px; transform: rotate(-5deg);} #brulea-carnet .cl-herbarium svg{height: 730px; width: 100%; opacity: 0.65;} #brulea-carnet .cl-herbarium small{font: italic 18px Georgia;} #brulea-carnet .cl-universe--botanique .ct-sheet{border: 1px solid rgb(166, 173, 138); background: rgb(248, 247, 233); padding: 22px;} #brulea-carnet .cl-universe--botanique .ct-sheet img{height: 160px; border-radius: 50% 50% 0px 0px; filter: sepia(0.1);} #brulea-carnet .cl-universe--botanique .ct-pin{height: 15px; background: rgba(115, 134, 101, 0.333);} #brulea-carnet .cl-universe--botanique .ct-sheet--1{border-bottom: 14px solid rgb(104, 123, 92);} #brulea-carnet .cl-specimen{position: absolute; left: 1130px; top: 830px; font: 160px Georgia; color: rgb(130, 102, 70); transform: rotate(12deg);} #brulea-carnet .cl-specimen small{display: block; font: italic 18px Georgia;} #brulea-carnet .cl-universe--botanique .cl-note{background: rgb(224, 227, 197); color: rgb(83, 99, 72); top: 445px;} #brulea-carnet .cl-universe--table{background: repeating-linear-gradient(0deg, transparent 0px, transparent 66px, rgba(164, 69, 48, 0.125) 66px, rgba(164, 69, 48, 0.125) 92px, transparent 92px, transparent 99px, rgba(164, 69, 48, 0.094) 99px, rgba(164, 69, 48, 0.094) 108px), repeating-linear-gradient(90deg, rgb(241, 229, 211) 0px, rgb(241, 229, 211) 66px, rgb(223, 196, 173) 66px, rgb(223, 196, 173) 92px, rgb(241, 229, 211) 92px, rgb(241, 229, 211) 99px, rgb(223, 196, 173) 99px, rgb(223, 196, 173) 108px);} #brulea-carnet .cl-recipe-paper{position: absolute; left: 490px; top: 220px; width: 850px; height: 690px; background: repeating-linear-gradient(0deg, transparent 0px, transparent 43px, rgba(102, 134, 152, 0.2) 43px, rgba(102, 134, 152, 0.2) 44px), rgb(247, 237, 216); box-shadow: rgba(100, 69, 48, 0.145) 4px 8px 20px; border-left: 3px solid rgb(191, 121, 105); transform: rotate(4deg); padding: 55px;} #brulea-carnet .cl-recipe-paper p{font: italic 30px / 1.8 Georgia; color: rgb(123, 96, 65); margin-top: 45px;} #brulea-carnet .cl-recipe-paper i{font: italic 23px Georgia; color: rgb(158, 76, 54);} #brulea-carnet .cl-universe--table .ct-sheet--1{background: rgb(240, 215, 155);} #brulea-carnet .cl-universe--table .ct-sheet img{height: 180px;} #brulea-carnet .cl-universe--table .ct-sheet--2{border-top: 9px dotted rgb(189, 121, 93);} #brulea-carnet .cl-universe--table .cl-note{left: 1060px; top: 490px; background: rgb(243, 199, 142); color: rgb(146, 79, 46);} #brulea-carnet .cl-coffee-ring{position: absolute; left: 600px; top: 840px; width: 160px; height: 160px; border: 12px double rgba(153, 111, 52, 0.25); border-radius: 50%; transform: rotate(20deg);} #brulea-carnet .cl-universe--rencontres{background: rgb(76, 75, 69); color: rgb(241, 232, 212);} #brulea-carnet .cl-universe--rencontres .cl-universe-head{background: rgb(51, 54, 48); color: rgb(230, 221, 199);} #brulea-carnet .cl-universe--rencontres .cl-universe-head nav :is(button,a[data-carnet-link])[aria-current="page"]{border-color: rgb(206, 182, 132);} #brulea-carnet .cl-interview{position: absolute; left: 550px; top: 220px; width: 700px; height: 700px; padding: 55px; background: rgb(215, 202, 176); color: rgb(76, 68, 56); transform: rotate(-3deg); box-shadow: rgba(0, 0, 0, 0.2) 4px 10px 25px;} #brulea-carnet .cl-interview p{font: italic 49px / 1.4 Georgia; margin-top: 60px;} #brulea-carnet .cl-interview small{font: 12px system-ui; letter-spacing: 0.1em;} #brulea-carnet .cl-universe--rencontres .ct-sheet{width: 350px; padding: 15px 15px 20px; background: rgb(237, 233, 223);} #brulea-carnet .cl-universe--rencontres .ct-sheet img{height: 190px; filter: saturate(0.7);} #brulea-carnet .cl-universe--rencontres .ct-sheet--1{transform-origin: center center;} #brulea-carnet .cl-film-strip{position: absolute; left: 510px; top: 980px; width: 850px; padding: 25px; background: rgb(41, 45, 40); border-top: 10px dashed rgb(207, 198, 175); border-bottom: 10px dashed rgb(207, 198, 175); color: rgb(207, 198, 175); letter-spacing: 15px; transform: rotate(5deg);} #brulea-carnet .cl-universe--rencontres .cl-note{left: 1050px; top: 460px; background: rgb(229, 217, 183); color: rgb(97, 84, 66);} #brulea-carnet .ct-tools{position: absolute; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 20px; background: rgba(245, 239, 223, 0.93); border-top: 1px solid rgba(160, 144, 109, 0.27); z-index: 9; font: 12px system-ui; color: rgb(91, 77, 53);} #brulea-carnet .ct-tools :is(button,a[data-carnet-link]){background: transparent; color: inherit; border: 1px solid rgb(178, 163, 134); min-width: 44px; min-height: 44px; padding: 9px 14px; cursor: pointer; font: 12px system-ui;} #brulea-carnet .ct-tools :is(button,a[data-carnet-link]):hover{background: rgb(230, 218, 192);} #brulea-carnet .ct-zoom{min-width: 48px; text-align: center;} #brulea-carnet .ct-find{display: flex; align-items: center; gap: 10px; margin-left: 12px;} #brulea-carnet .ct-find select{max-width: 280px; background: rgb(255, 250, 238); color: rgb(75, 64, 44); border: 1px solid rgb(181, 165, 130); padding: 10px; min-height: 44px;} #brulea-carnet .cl-library :is(button,a[data-carnet-link]):focus-visible,#brulea-carnet .ct-cabin :is(button,a[data-carnet-link]):focus-visible,#brulea-carnet .ct-cabin select:focus-visible,#brulea-carnet .ct-cabin a:focus-visible{outline: rgb(187, 112, 65) solid 3px; outline-offset: 5px;} @media (max-width: 1000px) {#brulea-carnet .cl-universe-head nav{gap: 3px;} #brulea-carnet .cl-universe-head nav :is(button,a[data-carnet-link]){font-size: 10px;} #brulea-carnet .cl-universe-head{padding: 12px 18px; gap: 12px;} #brulea-carnet .cl-universe-head h1{font-size: 26px;} #brulea-carnet .cl-books{gap: 26px;} #brulea-carnet .cl-book{padding: 20px 13px 15px; min-height: 290px;} #brulea-carnet .cl-book > strong{font-size: 23px;} #brulea-carnet .ct-find select{max-width: 200px;} #brulea-carnet .ct-tools{gap: 5px; padding: 10px;}} @media (max-width: 760px) {#brulea-carnet .cl-library{padding: 24px 25px;} #brulea-carnet .cl-brand{width: 185px;} #brulea-carnet .cl-books{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 34px 24px; margin-top: 34px;} #brulea-carnet .cl-book{min-height: 275px; aspect-ratio: auto; border-left-width: 8px; padding: 20px 12px 14px;} #brulea-carnet .cl-book > strong{font-size: 25px;} #brulea-carnet .cl-book > em{font-size: 11px;} #brulea-carnet .cl-cover-photo{margin: 16px 0px 8px;} #brulea-carnet .cl-book-wrap:nth-child(n){padding-top: 0px;} #brulea-carnet .cl-book-wrap > p{font-size: 12px; margin-top: 20px;} #brulea-carnet .cl-library footer{font-size: 13px;} #brulea-carnet .ct-cabin{height: auto; min-height: 100vh; overflow: visible;} #brulea-carnet .cl-universe-head{height: auto; min-height: 150px; flex-wrap: wrap; justify-content: center; padding: 15px;} #brulea-carnet .cl-universe-head > :is(button,a[data-carnet-link]){position: absolute; left: 12px; top: 8px; font-size: 11px;} #brulea-carnet .cl-universe-head > div{width: 100%; padding-top: 35px;} #brulea-carnet .cl-universe-head nav{width: 100%; justify-content: center; flex-wrap: wrap;} #brulea-carnet .cl-universe-head nav :is(button,a[data-carnet-link]){font-size: 12px; padding: 8px;} #brulea-carnet .ct-viewport{position: relative; inset: auto; overflow: visible; touch-action: pan-y; cursor: auto;} #brulea-carnet .ct-world{position: relative; width: 100%; height: auto; will-change: auto; transform: none !important;} #brulea-carnet .ct-table{position: relative; inset: auto; display: flex; flex-direction: column; align-items: center; padding: 30px 24px 45px; gap: 32px;} #brulea-carnet .ct-logbook.cl-book{position: relative; left: auto; top: auto; width: 240px; height: 335px; padding: 22px; order: -2; margin: 0px 0px 15px;} #brulea-carnet .ct-logbook.cl-book > strong{font-size: 29px;} #brulea-carnet .ct-logbook .cl-cover-photo{height: 125px;} #brulea-carnet .ct-sheet,#brulea-carnet .cl-universe--rencontres .ct-sheet{position: relative; left: auto; top: auto; width: min(100%, 420px); min-height: 0px; display: none; touch-action: pan-y; cursor: pointer; transform: rotate(-2deg) !important;} #brulea-carnet .ct-viewport.is-spread .ct-sheet{display: flex;} #brulea-carnet .ct-sheet:nth-child(2n){transform: rotate(2deg) !important;} #brulea-carnet .ct-sheet strong{font-size: 23px;} #brulea-carnet .ct-sheet img,#brulea-carnet .cl-universe--rencontres .ct-sheet img,#brulea-carnet .cl-universe--table .ct-sheet img{height: auto; aspect-ratio: 1.65 / 1;} #brulea-carnet .cl-travel-map,#brulea-carnet .cl-herbarium,#brulea-carnet .cl-recipe-paper,#brulea-carnet .cl-interview,#brulea-carnet .cl-specimen,#brulea-carnet .cl-stamp,#brulea-carnet .cl-film-strip,#brulea-carnet .cl-coffee-ring{display: none;} #brulea-carnet .cl-note,#brulea-carnet .cl-universe--botanique .cl-note,#brulea-carnet .cl-universe--table .cl-note,#brulea-carnet .cl-universe--rencontres .cl-note{position: relative; left: auto; top: auto; width: auto; order: -1; font-size: 19px; margin: 0px 0px 15px;} #brulea-carnet .ct-desk-hint{display: none;} #brulea-carnet .ct-tools{position: sticky; bottom: 0px; flex-wrap: wrap; padding: 10px;} #brulea-carnet .ct-tools > [data-desk="in"],#brulea-carnet .ct-tools > [data-desk="out"],#brulea-carnet .ct-tools > [data-desk="reset"],#brulea-carnet .ct-zoom{display: none;} #brulea-carnet .ct-tools :is(button,a[data-carnet-link]){font-size: 11px;} #brulea-carnet .ct-find{margin: 0px; font-size: 11px; flex: 1 1 0%; min-width: 180px; justify-content: center;} #brulea-carnet .ct-find select{min-width: 0px; max-width: 230px; width: 100%; font-size: 11px;}} @media (max-width: 420px) {#brulea-carnet .cl-books{grid-template-columns: 1fr; max-width: 250px;} #brulea-carnet .cl-book{min-height: 350px;} #brulea-carnet .cl-book > strong{font-size: 32px;} #brulea-carnet .cl-book-wrap > p{font-size: 14px;} #brulea-carnet .cl-library h1{font-size: 35px;}} @media (prefers-reduced-motion: reduce) {#brulea-carnet .cl-library *,#brulea-carnet .ct-cabin *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}} #brulea-carnet .ct-reader{width: min(950px, -34px + 100vw); max-height: 90vh; border: 0px; background: rgb(251, 242, 223); color: rgb(52, 40, 29); box-shadow: rgba(0, 0, 0, 0.733) 0px 20px 100px; padding: 0px; overflow: auto; border-radius: 2px; overscroll-behavior: contain;} #brulea-carnet .ct-reader::backdrop{background: rgba(21, 19, 14, 0.808); backdrop-filter: blur(5px);} #brulea-carnet .ct-reader-close{position: sticky; top: 0px; display: block; margin-left: auto; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(185, 168, 139); border-image: none; background: rgb(251, 242, 223); color: rgb(85, 59, 37); min-height: 48px; padding: 14px 24px; cursor: pointer; font: 14px system-ui; z-index: 3;} #brulea-carnet .ct-reader-content{padding: 12px clamp(22px, 5vw, 70px) 60px;} #brulea-carnet .ct-reader-category{font: 12px system-ui; text-transform: uppercase; letter-spacing: 0.12em; color: rgb(148, 116, 70);} #brulea-carnet .ct-reader h1{font: clamp(27px, 4vw, 46px) / 1.12 Georgia; margin: 18px 0px 28px;} #brulea-carnet .ct-reader-cover{width: 100%; height: auto;} #brulea-carnet .ct-reader-prose{font: 19px / 1.8 Georgia; overflow-wrap: anywhere;} #brulea-carnet .ct-reader-prose img{max-width: 100%; height: auto; display: block;} #brulea-carnet .ct-reader-prose h3{font: 28px / 1.2 Georgia; margin: 40px 0px 20px;} #brulea-carnet .ct-reader-prose table{display: block; max-width: 100%; overflow: auto;} #brulea-carnet .ct-related{border-top: 1px solid rgb(204, 183, 149); padding-top: 24px;} #brulea-carnet .ct-related h2{font: 26px Georgia;} #brulea-carnet .ct-related a{display: block; min-height: 44px; padding: 8px 0px; font: 16px Georgia; color: rgb(125, 53, 37);} @media (max-width: 760px) {#brulea-carnet .ct-reader{max-height: 95vh;} #brulea-carnet .ct-reader-prose{font-size: 18px;}} #brulea-carnet .cl-cover-mark img{display: block; width: 23px; height: 25px; object-fit: contain;} #brulea-carnet .cl-book--botanique .cl-cover-mark img,#brulea-carnet .cl-book--rencontres .cl-cover-mark img{filter: invert(1); opacity: 0.8;} #brulea-carnet .cl-library{position: relative; isolation: isolate; min-height: 100vh; height: 100dvh; padding: 22px 4vw; background: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/accueil-vallee-martre-v1.png") center center / cover no-repeat rgb(120, 96, 68); overflow: hidden;} #brulea-carnet .cl-library header{position: relative; width: 55%; margin: 0px auto; z-index: 2; text-shadow: rgba(255, 244, 217, 0.8) 0px 1px 12px;} #brulea-carnet .cl-library .cl-brand{width: 220px; margin-bottom: 10px;} #brulea-carnet .cl-library .cl-edition{color: rgb(59, 64, 56); letter-spacing: 0.3em;} #brulea-carnet .cl-library h1{font-size: clamp(36px, 4vw, 66px); margin: 12px 0px; color: rgb(41, 47, 41);} #brulea-carnet .cl-library h1 i{color: rgb(118, 60, 42);} #brulea-carnet .cl-library header p{color: rgb(52, 60, 48); font-size: 18px;} #brulea-carnet .cl-library .cl-books{position: absolute; left: 27%; right: 7%; bottom: 7%; margin: 0px; gap: clamp(22px, 3vw, 50px); max-width: none; align-items: end; perspective: 1500px;} #brulea-carnet .cl-library .cl-book-wrap{position: relative; min-width: 0px; padding: 0px !important;} #brulea-carnet .cl-library .cl-book-wrap > p{display: none;} #brulea-carnet .cl-library .cl-book{min-height: 0px; aspect-ratio: 0.68 / 1; padding: 18px 13px 12px; border-left-width: 10px; transform: rotateX(12deg) rotateZ(-6deg); transform-origin: 50% 100%; box-shadow: rgba(0, 0, 0, 0.333) 4px 0px 9px inset, rgba(255, 255, 255, 0.467) -1px 0px 2px inset, rgb(239, 226, 196) 4px 2px 0px, rgb(185, 168, 135) 7px 4px 0px, rgb(223, 204, 170) 10px 7px 0px, rgb(106, 81, 57) 13px 10px 0px, rgba(38, 21, 6, 0.6) 18px 26px 17px, rgba(38, 21, 6, 0.4) 26px 38px 38px; background-image: repeating-linear-gradient(92deg, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0.04) 1px, rgba(0, 0, 0, 0.043) 1px, rgba(0, 0, 0, 0.043) 2px, transparent 2px, transparent 4px);} #brulea-carnet .cl-library .cl-book-wrap:nth-child(2) .cl-book{transform: rotateX(12deg) rotateZ(3deg);} #brulea-carnet .cl-library .cl-book-wrap:nth-child(3) .cl-book{transform: rotateX(12deg) rotateZ(-3deg);} #brulea-carnet .cl-library .cl-book-wrap:nth-child(4) .cl-book{transform: rotateX(12deg) rotateZ(7deg);} #brulea-carnet .cl-library .cl-book::after{content: ""; position: absolute; top: 8px; bottom: 5px; right: -11px; width: 10px; background: repeating-linear-gradient(0deg, rgb(219, 205, 176) 0px, rgb(219, 205, 176) 1px, rgb(169, 153, 121) 1px, rgb(169, 153, 121) 2px, rgb(242, 229, 201) 2px, rgb(242, 229, 201) 4px); transform: skewY(28deg); z-index: -1; border-radius: 0px 3px 4px 0px;} #brulea-carnet .cl-library .cl-book:hover{transform: translateY(-14px) rotateX(4deg) rotateZ(0deg) !important;} #brulea-carnet .cl-library .cl-book > strong{font-size: clamp(22px, 1.8vw, 31px); margin: 12px 0px 7px;} #brulea-carnet .cl-library .cl-book > em{font-size: 11px;} #brulea-carnet .cl-library .cl-volume{font-size: 8px;} #brulea-carnet .cl-library .cl-cover-photo{margin: 13px 0px 10px; aspect-ratio: 1.22 / 1; border-width: 4px;} #brulea-carnet .cl-library .cl-cover-mark img{height: 22px; width: 22px;} #brulea-carnet .cl-library .cl-book > small{font-size: 10px; margin-top: 8px;} #brulea-carnet .cl-library footer{position: absolute; bottom: 12px; left: 25%; right: 5%; margin: 0px; text-align: center; color: rgb(255, 240, 208); text-shadow: rgb(41, 28, 12) 0px 1px 5px; font-size: 14px;} #brulea-carnet .cl-library footer span{display: none;} @media (min-width: 1700px) {#brulea-carnet .cl-library .cl-books{bottom: 5%; left: 30%; right: 9%;}} @media (max-width: 900px) {#brulea-carnet .cl-library{height: auto; min-height: 1100px; background-size: auto 670px; background-position: center top; background-color: rgb(103, 78, 50);} #brulea-carnet .cl-library header{width: 80%;} #brulea-carnet .cl-library .cl-books{position: relative; left: auto; right: auto; bottom: auto; width: 80%; margin: 380px auto 50px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 45px;} #brulea-carnet .cl-library .cl-book{aspect-ratio: 0.7 / 1; padding: 20px;} #brulea-carnet .cl-library .cl-book > strong{font-size: 28px;} #brulea-carnet .cl-library footer{position: relative; left: auto; right: auto; bottom: auto;} #brulea-carnet .cl-library .cl-book:hover{transform: translateY(-5px) !important;}} @media (max-width: 480px) {#brulea-carnet .cl-library{padding: 20px 14px; min-height: 0px; background-size: auto 450px; background-position: 36% top;} #brulea-carnet .cl-library header{width: 100%;} #brulea-carnet .cl-library .cl-brand{width: 165px; height: 35px;} #brulea-carnet .cl-library h1{font-size: 34px;} #brulea-carnet .cl-library header p{font-size: 15px;} #brulea-carnet .cl-library .cl-edition{font-size: 8px;} #brulea-carnet .cl-library .cl-books{width: 90%; margin: 270px auto 35px; gap: 25px 22px;} #brulea-carnet .cl-library .cl-book{padding: 14px 8px 10px; min-height: 245px; border-left-width: 7px;} #brulea-carnet .cl-library .cl-book > strong{font-size: 21px;} #brulea-carnet .cl-library .cl-book > em{font-size: 10px;} #brulea-carnet .cl-library .cl-cover-photo{margin: 10px 0px; aspect-ratio: 1.1 / 1;} #brulea-carnet .cl-library .cl-volume{font-size: 7px;} #brulea-carnet .cl-library .cl-book > small{font-size: 9px;} #brulea-carnet .cl-library footer{font-size: 13px;}} @media (prefers-reduced-motion: reduce) {#brulea-carnet .cl-library .cl-book{transition: none;} #brulea-carnet .cl-library .cl-book:hover{transform: none !important;}} @media (min-width: 901px) {#brulea-carnet .cl-library .cl-books{grid-template-columns: repeat(4, minmax(0px, 1fr)); max-width: 1050px; margin-left: auto;}} @media (min-width: 901px) and (max-aspect-ratio: 4 / 3) {#brulea-carnet .cl-library{background-position: 12% center;} #brulea-carnet .cl-library .cl-books{left: 12%; right: 8%; bottom: 7%;} #brulea-carnet .cl-library footer{left: 8%; right: 8%;}} @media (max-width: 900px) {#brulea-carnet .cl-library{min-height: 100dvh; background-size: cover; background-position: 35% center; background-attachment: fixed;}} #brulea-carnet .cl-library{height: 100dvh; min-height: 600px; background-image: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/essais-photoshop/accueil-responsive-desktop-topaz-x4.png"); background-size: cover; background-position: center center; background-attachment: scroll;} #brulea-carnet .cl-library .cl-books{position: absolute; left: 22%; right: 15%; bottom: 5%; width: auto; max-width: 1000px; margin: 0px auto; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 3vw; align-items: end;} #brulea-carnet .cl-library .cl-book{height: clamp(170px, 27dvh, 350px); width: 100%; min-height: 0px; aspect-ratio: auto; padding: 12px 9px 9px; border-left-width: 7px;} #brulea-carnet .cl-library .cl-book > strong{font-size: clamp(17px, 1.55vw, 28px); margin: 7px 0px 4px;} #brulea-carnet .cl-library .cl-cover-photo{min-height: 0px; flex: 1 1 0%; aspect-ratio: auto; margin: 8px 0px 6px; width: 100%;} #brulea-carnet .cl-library .cl-book > em{font-size: 10px;} #brulea-carnet .cl-library .cl-book > small{margin-top: 5px;} #brulea-carnet .cl-library .cl-cover-mark{display: none;} #brulea-carnet .cl-library footer{position: absolute; left: 5%; right: 5%; bottom: 8px; font-size: 12px;} @media (max-aspect-ratio: 1 / 1) {#brulea-carnet .cl-library{min-height: 850px; background-image: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/essais-photoshop/accueil-responsive-tablette-topaz-x4.png");} #brulea-carnet .cl-library header{width: 85%;} #brulea-carnet .cl-library .cl-books{left: 21%; right: 19%; bottom: 6%; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px 28px;} #brulea-carnet .cl-library .cl-book{height: clamp(160px, 18dvh, 300px); width: min(100%, clamp(120px, 13.7dvh, 225px)); margin: 0px auto; padding: 10px 10px 8px;} #brulea-carnet .cl-library .cl-book > strong{font-size: clamp(18px, 2.8vw, 29px);}} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library{min-height: 800px; background-image: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/essais-photoshop/accueil-responsive-telephone-topaz-x4.png");} #brulea-carnet .cl-library header{width: 100%; padding-top: 28px;} #brulea-carnet .cl-library .cl-brand{width: 155px; height: 32px; margin-bottom: 8px;} #brulea-carnet .cl-library h1{font-size: 32px; margin: 8px 0px;} #brulea-carnet .cl-library header p{font-size: 14px; margin-top: 8px;} #brulea-carnet .cl-library .cl-books{left: 15%; right: 14%; bottom: 5%; gap: 17px 20px;} #brulea-carnet .cl-library .cl-book{height: clamp(145px, 17dvh, 215px); padding: 8px 6px 7px; border-left-width: 5px;} #brulea-carnet .cl-library .cl-book > strong{font-size: 18px; margin: 6px 0px 4px;} #brulea-carnet .cl-library .cl-book > em,#brulea-carnet .cl-library .cl-volume{display: none;} #brulea-carnet .cl-library .cl-book > small{font-size: 9px;} #brulea-carnet .cl-library .cl-cover-photo{margin: 6px 0px; border-width: 3px;} #brulea-carnet .cl-library footer{font-size: 10px; bottom: 7px;}} #brulea-carnet .cl-universe-head{padding-top: 68px;} #brulea-carnet .cl-book--voyages{--leather: #50301c; --leather-light: #94613a;} #brulea-carnet .cl-book--botanique{--leather: #163b2c; --leather-light: #50744b;} #brulea-carnet .cl-book--table{--leather: #531e26; --leather-light: #934b47;} #brulea-carnet .cl-book--rencontres{--leather: #192c3d; --leather-light: #496879;} #brulea-carnet .cl-library .cl-book,#brulea-carnet .cl-universe .cl-book{color: rgb(225, 190, 121); border-width: 2px 2px 2px 9px; border-style: solid; border-color: rgb(161, 123, 69) rgb(161, 123, 69) rgb(161, 123, 69) rgb(41, 27, 18); border-image: none; border-radius: 5px 10px 12px 5px; background: radial-gradient(ellipse at 0 0,#e0b17460,transparent 36%),radial-gradient(ellipse at 100% 100%,#d2a46550,transparent 30%),repeating-linear-gradient(23deg,#0002 0 1px,transparent 1px 4px),repeating-linear-gradient(113deg,#e9c18a0b 0 1px,transparent 1px 3px),linear-gradient(100deg,#0008,transparent 13%,#ffffff09 45%,#0004),var(--leather); box-shadow: rgba(245, 203, 131, 0.314) 3px 0px 4px inset, rgba(0, 0, 0, 0.533) 10px 0px 13px inset, rgba(0, 0, 0, 0.467) 0px 0px 22px inset, rgb(220, 196, 155) 3px 3px 0px, rgb(142, 112, 71) 5px 5px 0px, rgb(211, 184, 135) 7px 7px 0px, rgb(53, 34, 23) 10px 10px 0px, rgba(33, 19, 10, 0.753) 14px 20px 18px; overflow: visible; isolation: isolate;} #brulea-carnet .cl-library .cl-book::before,#brulea-carnet .cl-universe .cl-book::before{content: ""; position: absolute; inset: 9px 8px 9px 12px; border: 1px solid rgb(197, 162, 105); border-radius: 1px 6px 6px 1px; box-shadow: rgba(40, 26, 18, 0.25) 0px 0px 0px 3px inset, rgba(186, 146, 82, 0.3) 0px 0px 0px 4px inset; pointer-events: none;} #brulea-carnet .cl-library .cl-book::after{background: repeating-linear-gradient(0deg, rgb(216, 195, 151) 0px, rgb(216, 195, 151) 1px, rgb(140, 112, 77) 1px, rgb(140, 112, 77) 2px, rgb(236, 219, 177) 2px, rgb(236, 219, 177) 4px); right: -9px; width: 7px; z-index: -1;} #brulea-carnet .cl-book .cl-cover-photo,#brulea-carnet .cl-library .cl-book .cl-cover-photo{background: none; border: 0px; box-shadow: none; display: grid; place-items: center; flex: 1 1 0%; min-height: 0px; width: 100%; padding: 0px; margin: 3px 0px; aspect-ratio: auto; overflow: visible; border-radius: 0px;} #brulea-carnet .cl-cover-emblem{display: block; width: 85%; height: 100%; min-height: 0px; max-height: 160px; color: rgb(217, 185, 121); filter: drop-shadow(rgb(0, 0, 0) 0px 1px 0px);} #brulea-carnet .cl-cover-emblem svg{width: 100%; height: 100%; display: block;} #brulea-carnet .cl-library .cl-book > strong,#brulea-carnet .cl-universe .cl-book > strong{color: rgb(237, 206, 140); font-variant: small-caps; letter-spacing: 0.025em; text-shadow: rgb(19, 11, 6) 0px 1px 0px, rgba(232, 195, 136, 0.25) 0px -1px 0px; margin: 8px 4px 4px; line-height: 1.04;} #brulea-carnet .cl-library .cl-book > em,#brulea-carnet .cl-universe .cl-book > em{color: rgb(196, 163, 111); font-size: 10px;} #brulea-carnet .cl-library .cl-book > small,#brulea-carnet .cl-universe .cl-book > small{color: rgb(218, 185, 131); font-size: 9px; margin: 5px 0px 9px; letter-spacing: 0.05em;} #brulea-carnet .cl-library .cl-volume{color: rgb(204, 171, 112); font-size: 7px; letter-spacing: 0.22em; margin-top: 8px;} #brulea-carnet .cl-library .cl-book .cl-cover-mark,#brulea-carnet .cl-universe .cl-book .cl-cover-mark{display: block; position: absolute; right: -7px; top: 49%; bottom: auto; width: 19px; height: 27px; padding: 4px 2px; background: linear-gradient(90deg, rgb(104, 69, 31), rgb(192, 154, 89) 45%, rgb(225, 191, 120) 60%, rgb(113, 80, 39)); border: 1px solid rgb(80, 53, 21); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.533) 0px 2px 3px; transform: rotate(-2deg);} #brulea-carnet .cl-anchor-mark{width: 100%; height: 100%; fill: none; stroke: rgb(82, 57, 23); stroke-width: 3;} #brulea-carnet .cl-library .cl-book:hover .cl-cover-emblem,#brulea-carnet .cl-library .cl-book:focus-visible .cl-cover-emblem{color: rgb(255, 230, 169); filter: drop-shadow(rgba(223, 184, 98, 0.44) 0px 0px 5px);} #brulea-carnet .cl-book:focus-visible{outline: rgb(255, 240, 188) solid 2px; outline-offset: 7px;} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library .cl-book > strong{font-size: 17px; margin: 5px 3px 2px;} #brulea-carnet .cl-library .cl-book > small{font-size: 8px; margin-bottom: 5px;} #brulea-carnet .cl-cover-emblem{max-height: 85px;} #brulea-carnet .cl-library .cl-book .cl-cover-mark{width: 13px; height: 21px; right: -6px;}} #brulea-carnet .cl-cover-fittings{position: absolute; inset: 4px; pointer-events: none; color: rgb(203, 166, 106); opacity: 0.83; filter: drop-shadow(rgb(0, 0, 0) 0px 1px 1px); z-index: 2;} #brulea-carnet .cl-cover-fittings svg{width: 100%; height: 100%; display: block;} #brulea-carnet .cl-library .cl-book{border-left-color: rgb(48, 34, 23);} #brulea-carnet .cl-cover-emblem{transition: color 0.35s, filter 0.35s;} @media (prefers-reduced-motion: reduce) {#brulea-carnet .cl-cover-emblem{transition: none;}} #brulea-carnet .cl-library .cl-book,#brulea-carnet .cl-universe .cl-book{background-image: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/reliures-grimoires-v1.png"); background-size: 200% 200%; background-repeat: no-repeat; background-origin: border-box; border-left-width: 1px; border-color: rgb(74, 50, 28); border-radius: 5px 9px 9px 5px; box-shadow: rgba(0, 0, 0, 0.533) 0px 0px 5px inset, rgb(179, 154, 111) 3px 2px 0px, rgb(213, 188, 136) 5px 4px 0px, rgb(114, 90, 57) 7px 6px 0px, rgb(48, 32, 21) 10px 9px 0px, rgba(33, 19, 10, 0.753) 14px 22px 16px;} #brulea-carnet .cl-library .cl-book--voyages,#brulea-carnet .cl-universe .cl-book--voyages{background-position: 0px 0px;} #brulea-carnet .cl-library .cl-book--botanique,#brulea-carnet .cl-universe .cl-book--botanique{background-position: 100% 0px;} #brulea-carnet .cl-library .cl-book--table,#brulea-carnet .cl-universe .cl-book--table{background-position: 0px 100%;} #brulea-carnet .cl-library .cl-book--rencontres,#brulea-carnet .cl-universe .cl-book--rencontres{background-position: 100% 100%;} #brulea-carnet .cl-library .cl-book::before,#brulea-carnet .cl-universe .cl-book::before,#brulea-carnet .cl-book .cl-cover-fittings,#brulea-carnet .cl-book .cl-cover-emblem,#brulea-carnet .cl-library .cl-book .cl-cover-mark,#brulea-carnet .cl-universe .cl-book .cl-cover-mark{display: none;} #brulea-carnet .cl-library .cl-book .cl-volume,#brulea-carnet .cl-universe .cl-book .cl-volume{margin-top: 8%; font-size: 6px; text-shadow: rgb(0, 0, 0) 0px 1px 2px;} #brulea-carnet .cl-library .cl-book > strong,#brulea-carnet .cl-universe .cl-book > strong{font-weight: normal; color: rgb(239, 211, 154); margin: 6px 12% 0px 16%; font-size: clamp(16px, 1.5vw, 25px); text-shadow: rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px 0px 5px; line-height: 1.03;} #brulea-carnet .cl-library .cl-book > em,#brulea-carnet .cl-universe .cl-book > em{display: none;} #brulea-carnet .cl-library .cl-book > small,#brulea-carnet .cl-universe .cl-book > small{margin-bottom: 8px; font-size: 8px; color: rgb(243, 220, 167); text-shadow: rgb(0, 0, 0) 0px 1px 3px, rgb(0, 0, 0) 0px 0px 5px; background: rgba(33, 21, 9, 0.333); padding: 2px 4px;} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library .cl-book > strong{font-size: 15px; margin-top: 8%;} #brulea-carnet .cl-library .cl-book > small{font-size: 7px; margin-bottom: 3px;}} #brulea-carnet .cl-library .cl-book,#brulea-carnet .cl-universe .cl-book{background-image: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/carnet-creme-martre-v1.png"); background-size: 100% 100%; background-position: center center; border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(190, 165, 129) rgb(190, 165, 129) rgb(190, 165, 129) rgb(186, 163, 131); border-image: none; border-radius: 9px 12px 12px 7px; color: rgb(70, 53, 34); box-shadow: rgba(113, 86, 55, 0.25) 3px 0px 5px inset, rgba(255, 255, 255, 0.533) -1px -1px 2px inset, rgb(230, 212, 178) 3px 3px 0px, rgb(187, 167, 132) 5px 5px 0px, rgb(234, 219, 191) 7px 7px 0px, rgb(161, 139, 105) 10px 10px 0px, rgba(38, 21, 6, 0.6) 15px 24px 18px;} #brulea-carnet .cl-library .cl-book .cl-volume,#brulea-carnet .cl-universe .cl-book .cl-volume{color: rgb(106, 83, 58); text-shadow: none; font-size: 7px; letter-spacing: 0.17em; margin-top: 10%;} #brulea-carnet .cl-library .cl-book > strong,#brulea-carnet .cl-universe .cl-book > strong{color: rgb(72, 51, 30); text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; font-variant: normal; font-style: normal; font-size: clamp(18px, 1.65vw, 27px); margin: 10px 10% 0px; line-height: 1.06; letter-spacing: 0px;} #brulea-carnet .cl-library .cl-book > em,#brulea-carnet .cl-universe .cl-book > em{display: block; color: rgb(116, 91, 62); font-size: 9px; margin: 6px 12% 0px; line-height: 1.2;} #brulea-carnet .cl-library .cl-book > small,#brulea-carnet .cl-universe .cl-book > small{color: rgb(107, 83, 56); text-shadow: none; background: none; font-size: 8px; margin-bottom: 9px;} #brulea-carnet .cl-library .cl-book::before,#brulea-carnet .cl-universe .cl-book::before{display: block; content: ""; position: absolute; inset: calc(100% - 1px) auto auto 20%; width: 10px; height: 28px; border: 0px; border-radius: 0px; opacity: 1; background: repeating-linear-gradient(90deg, rgb(142, 49, 37) 0px, rgb(142, 49, 37) 1px, rgb(184, 76, 53) 1px, rgb(184, 76, 53) 3px, rgb(114, 39, 30) 3px, rgb(114, 39, 30) 4px); box-shadow: rgba(41, 24, 10, 0.314) 2px 3px 3px; transform: rotate(-12deg); clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 50% 85%, 0px 100%);} #brulea-carnet .cl-library .cl-book::after{background: repeating-linear-gradient(0deg, rgb(213, 195, 161) 0px, rgb(213, 195, 161) 1px, rgb(168, 146, 112) 1px, rgb(168, 146, 112) 2px, rgb(240, 227, 201) 2px, rgb(240, 227, 201) 4px); border-radius: 0px 3px 5px 0px;} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library .cl-book > strong{font-size: 16px; margin-top: 9%;} #brulea-carnet .cl-library .cl-book > em{display: none;} #brulea-carnet .cl-library .cl-book::before{height: 16px; width: 7px;} #brulea-carnet .cl-library .cl-book > small{font-size: 7px; margin-bottom: 4px;}} #brulea-carnet .cl-library .cl-book,#brulea-carnet .cl-universe .cl-book{background-image: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/carnets-aquarelle-v1.png"); background-size: 200% 200%;} #brulea-carnet .cl-library .cl-book--voyages,#brulea-carnet .cl-universe .cl-book--voyages{background-position: 0px 0px;} #brulea-carnet .cl-library .cl-book--botanique,#brulea-carnet .cl-universe .cl-book--botanique{background-position: 100% 0px;} #brulea-carnet .cl-library .cl-book--table,#brulea-carnet .cl-universe .cl-book--table{background-position: 0px 100%;} #brulea-carnet .cl-library .cl-book--rencontres,#brulea-carnet .cl-universe .cl-book--rencontres{background-position: 100% 100%;} #brulea-carnet .cl-library .cl-book .cl-volume,#brulea-carnet .cl-universe .cl-book .cl-volume{margin-top: 5%; font-size: 7px; color: rgb(120, 94, 61); letter-spacing: 0.22em;} #brulea-carnet .cl-library .cl-book > strong,#brulea-carnet .cl-universe .cl-book > strong{font-size: clamp(20px, 1.9vw, 30px); font-weight: 600; letter-spacing: -0.035em; color: rgb(72, 54, 35); margin: 7px 6% 0px; line-height: 1.02; text-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px;} #brulea-carnet .cl-library .cl-book > em,#brulea-carnet .cl-universe .cl-book > em{font-size: 9px; margin: 5px 4% 0px; color: rgb(112, 86, 55); line-height: 1.1;} #brulea-carnet .cl-library .cl-book > small,#brulea-carnet .cl-universe .cl-book > small{color: rgb(64, 47, 28); background: rgba(244, 231, 203, 0.867); border-radius: 2px; padding: 2px 5px; font-size: 8px; margin-bottom: 6px; text-shadow: none;} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library .cl-book > strong{font-size: 17px; margin-top: 6%;} #brulea-carnet .cl-library .cl-book > em{display: none;} #brulea-carnet .cl-library .cl-book > small{font-size: 7px; margin-bottom: 3px;}} #brulea-carnet .cl-library .cl-book > strong{font-size: clamp(19px, 1.65vw, 26px); overflow-wrap: normal; word-break: normal;} #brulea-carnet .cl-library .cl-book--rencontres > strong{font-size: clamp(16px, 1.45vw, 23px); white-space: nowrap; letter-spacing: -0.045em;} #brulea-carnet .cl-library .cl-book > em{font-size: 8px; margin-top: 4px;} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library .cl-book > strong{font-size: 16px;} #brulea-carnet .cl-library .cl-book--rencontres > strong{font-size: 14px;}} #brulea-carnet .cl-library .cl-book .cl-cover-mark,#brulea-carnet .cl-universe .cl-book .cl-cover-mark{display: block; position: absolute; inset: auto auto 33px calc(50% - 10px); width: 20px; height: 23px; padding: 2px; background: rgba(245, 232, 204, 0.91); border: 0px; border-radius: 50%; box-shadow: none; transform: none; opacity: 1;} #brulea-carnet .cl-library .cl-book .cl-cover-mark .cl-anchor-mark,#brulea-carnet .cl-universe .cl-book .cl-cover-mark .cl-anchor-mark{width: 100%; height: 100%; stroke: rgb(80, 57, 33); stroke-width: 3.5; fill: none;} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library .cl-book .cl-cover-mark{bottom: 23px; width: 15px; height: 18px; left: calc(50% - 7px);} #brulea-carnet .cl-library .cl-book .cl-volume{display: block; font-size: 6px; margin-top: 3%;} #brulea-carnet .cl-library .cl-book > strong{margin-top: 3px;}} #brulea-carnet .cl-library .cl-books{gap: 1.1vw; perspective: none; bottom: 7%;} #brulea-carnet .cl-library .cl-book-wrap{--pose-angle: -12deg; --pose-y: 0px; --pose-scale: 1; z-index: 1;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(2){--pose-angle: 7deg; --pose-y: -24px; --pose-scale: .96; z-index: 2;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(3){--pose-angle: -5deg; --pose-y: 10px; --pose-scale: 1.03; z-index: 3;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(4){--pose-angle: 13deg; --pose-y: -13px; --pose-scale: .97; z-index: 2;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book{height: clamp(185px, 30dvh, 380px); transform-origin: 50% 85%; transform: perspective(1100px) translateY(var(--pose-y)) rotateX(43deg) rotateZ(var(--pose-angle)) scale(var(--pose-scale)); filter: sepia(0.12) saturate(0.88) brightness(0.97); box-shadow: rgba(255, 255, 255, 0.4) 3px 1px 5px inset, rgba(115, 80, 33, 0.25) -4px -2px 9px inset, rgb(219, 200, 166) 2px 3px 0px, rgb(184, 161, 123) 4px 5px 0px, rgb(234, 217, 183) 6px 7px 0px, rgb(155, 128, 89) 8px 9px 0px, rgba(47, 28, 18, 0.7) 3px 5px 4px, rgba(56, 34, 19, 0.5) 10px 14px 11px, rgba(56, 34, 19, 0.24) 19px 25px 22px; transition: transform 0.35s, box-shadow 0.35s, filter 0.35s;} #brulea-carnet .cl-library .cl-book-wrap:hover,#brulea-carnet .cl-library .cl-book-wrap:focus-within{z-index: 8;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book:hover,#brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book:focus-visible{filter: sepia(0.08) saturate(0.95) brightness(1.02); box-shadow: rgba(255, 255, 255, 0.4) 3px 1px 5px inset, rgb(212, 189, 148) 3px 4px 0px, rgb(180, 154, 114) 6px 7px 0px, rgb(228, 209, 174) 8px 9px 0px, rgb(155, 128, 89) 10px 11px 0px, rgba(56, 34, 19, 0.5) 12px 23px 14px, rgba(56, 34, 19, 0.25) 24px 36px 25px; transform: perspective(1100px) translateY(calc(var(--pose-y) - 12px)) rotateX(25deg) rotateZ(var(--pose-angle)) scale(var(--pose-scale)) !important;} @media (max-aspect-ratio: 1 / 1) {#brulea-carnet .cl-library .cl-books{gap: 12px 25px; bottom: 6%;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book{height: clamp(160px, 19dvh, 305px); transform: perspective(1100px) translateY(var(--pose-y)) rotateX(30deg) rotateZ(var(--pose-angle)) scale(var(--pose-scale));} #brulea-carnet .cl-library .cl-book-wrap:nth-child(2){--pose-y: -5px;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(3){--pose-y: 4px;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(4){--pose-y: -3px;}} @media (max-aspect-ratio: 3 / 5) {#brulea-carnet .cl-library .cl-books{gap: 10px 17px; left: 14%; right: 13%; bottom: 5%;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book{height: clamp(145px, 18dvh, 220px);} #brulea-carnet .cl-library .cl-book-wrap{--pose-angle: -6deg;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(2){--pose-angle: 6deg;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(4){--pose-angle: 7deg;}} @media (prefers-reduced-motion: reduce) {#brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book{transition: none;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book:hover,#brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book:focus-visible{transform: perspective(1100px) translateY(var(--pose-y)) rotateX(30deg) rotateZ(var(--pose-angle)) scale(var(--pose-scale)) !important;}} #brulea-carnet .cv-voyages{background: rgb(238, 227, 205); color: rgb(61, 57, 44); min-height: 100dvh; font-family: Georgia, serif; padding: 0px 0px 50px;} #brulea-carnet .cv-voyages :is(button,a[data-carnet-link]){font: inherit; cursor: pointer; color: inherit;} #brulea-carnet .cv-voyages :is(button,a[data-carnet-link]):focus-visible,#brulea-carnet .cv-voyages a:focus-visible,#brulea-carnet .cv-voyages input:focus-visible{outline: rgb(153, 124, 70) solid 3px; outline-offset: 4px;} @media (prefers-reduced-motion: reduce) {#brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book{transition: none;} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book:hover,#brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book:focus-visible{transform: perspective(1100px) translateY(var(--pose-y)) rotateX(30deg) rotateZ(var(--pose-angle)) scale(var(--pose-scale)) !important;}} #brulea-carnet .cv-voyages{background: rgb(238, 227, 205); color: rgb(61, 57, 44); min-height: 100dvh; font-family: Georgia, serif; padding: 0px 0px 50px;} #brulea-carnet .cv-voyages :is(button,a[data-carnet-link]){font: inherit; cursor: pointer; color: inherit;} #brulea-carnet .cv-voyages :is(button,a[data-carnet-link]):focus-visible,#brulea-carnet .cv-voyages a:focus-visible,#brulea-carnet .cv-voyages input:focus-visible{outline: rgb(153, 124, 70) solid 3px; outline-offset: 4px;} #brulea-carnet .cv-sr{border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;} #brulea-carnet .cv-shop-example .cv-shop-header{position: relative; z-index: 8; background: url("/img/cms/brulea-th%C3%A92.jpg") center top / cover no-repeat fixed; padding: 21px 0px 24px; color: rgb(0, 0, 0); font-family: Lora, serif;} #brulea-carnet .cv-shop-header *{box-sizing: border-box;} #brulea-carnet .cv-shop-shell{max-width: 1180px; padding: 0px 13.5px; margin: auto; position: relative;} #brulea-carnet .cv-shop-topbar{height: auto; min-height: 68px; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center;} #brulea-carnet .cv-shop-logo-link{grid-column: 2; width: 100%; padding: 0px 13.5px; display: block; margin: 0px;} #brulea-carnet .cv-shop-logo{display: block; width: 100%; height: auto;} #brulea-carnet .cv-shop-utilitybar{grid-column: 3; justify-self: end; display: flex; gap: 0px;} #brulea-carnet .cv-shop-icon{width: 50.5px; height: 44px; display: flex; align-items: center; justify-content: center; color: rgb(7, 123, 141); cursor: pointer; text-decoration: none; list-style: none;} #brulea-carnet .cv-shop-icon svg{width: 27px; height: 27px; fill: currentcolor;} #brulea-carnet .cv-shop-cart{color: rgb(72, 117, 17);} #brulea-carnet .cv-shop-icon::-webkit-details-marker{display: none;} #brulea-carnet .cv-shop-searchbox{position: relative;} #brulea-carnet .cv-shop-searchform{position: absolute; z-index: 15; top: calc(100% + 20px); right: 0px; width: 346px; display: flex; background: rgb(255, 255, 255); padding: 0px; border: 1px solid rgb(204, 204, 204);} #brulea-carnet .cv-shop-searchbox:not([open]) .cv-shop-searchform{display: none;} #brulea-carnet .cv-shop-searchform label{flex: 1 1 0%; min-width: 0px;} #brulea-carnet .cv-shop-searchform input{width: 100%; height: 43px; padding: 8px 12px; border: 0px; font: 16px Lora, serif;} #brulea-carnet .cv-shop-searchform :is(button,a[data-carnet-link]){border: 0px; background: rgb(255, 255, 255); color: rgb(7, 123, 141); width: 44px;} #brulea-carnet .cv-shop-searchform svg{width: 22px; height: 22px;} #brulea-carnet .cv-shop-desktop-links{display: flex; justify-content: center; gap: 0px; margin-top: 21px; height: 70px;} #brulea-carnet .cv-shop-nav-item{position: static;} #brulea-carnet .cv-shop-link{display: flex; align-items: center; height: 70px; text-decoration: none; color: rgb(0, 0, 0); font: 700 22px / 22px Lora, serif; gap: 10px;} #brulea-carnet .cv-shop-caret{display: inline-block; width: 12px; height: 12px; border-style: solid; border-color: currentcolor; border-image: none; border-width: 0px 3px 3px 0px; transform: rotate(45deg); margin: 0px 4px 5px 0px;} #brulea-carnet .cv-shop-nav-item:hover > .cv-shop-link,#brulea-carnet .cv-shop-nav-item:focus-within > .cv-shop-link{background: rgba(255, 255, 255, 0.333); color: rgb(137, 149, 82);} #brulea-carnet .cv-shop-submenu{position: absolute; right: 0px; top: 100%; width: 83.333%; padding: 30px; background: rgba(255, 255, 255, 0.96); box-shadow: rgba(0, 0, 0, 0.333) 0px 15px 24px; visibility: hidden; opacity: 0; pointer-events: none;} #brulea-carnet .cv-shop-nav-item:hover .cv-shop-submenu,#brulea-carnet .cv-shop-nav-item:focus-within .cv-shop-submenu{visibility: visible; opacity: 1; pointer-events: auto;} #brulea-carnet .cv-shop-submenu-inner{display: grid; grid-template-columns: repeat(var(--shop-cols),minmax(0,1fr)); gap: 27px;} #brulea-carnet .cv-shop-submenu a{text-decoration: none; color: rgb(59, 64, 54); font: 400 26px / 1.4 Lora, serif; display: block;} #brulea-carnet .cv-shop-submenu a:hover{color: rgb(131, 157, 57);} #brulea-carnet .cv-shop-submenu img{width: 100%; height: auto; display: block;} #brulea-carnet .cv-shop-subtitle{margin-bottom: 4px;} #brulea-carnet .cv-shop-mobile-menu{display: none;} #brulea-carnet .cv-shop-example .cv-top{position: relative; top: auto; left: auto; right: auto; margin: 0px; padding: 12px 5%; background: rgb(248, 242, 230); color: rgb(73, 63, 44);} #brulea-carnet .cv-voyages.cv-shop-example{background: url("/img/cms/brulea-th%C3%A92.jpg") center top / cover no-repeat fixed; padding: 0px; color: rgb(61, 57, 44);} #brulea-carnet .cv-shop-content-shell{position: relative; max-width: 1360px; width: min(1360px, 100% - 48px); margin: 0px auto; background: rgb(248, 242, 230); box-shadow: rgba(58, 49, 33, 0.15) 0px 20px 36px; border-left: 1px solid rgb(241, 229, 206); border-right: 1px solid rgb(241, 229, 206); box-sizing: border-box;} #brulea-carnet .cv-shop-example .cv-top{padding-top: 16px; background: linear-gradient(rgba(248, 242, 230, 0.86), transparent);} #brulea-carnet .cv-shop-example .cv-hero{height: auto; min-height: clamp(420px, 44rem, 670px); max-height: none; padding-top: 138px; padding-bottom: 92px;} #brulea-carnet .cv-shop-example .cv-clearing.cv-hero{aspect-ratio: 3 / 2;} #brulea-carnet .cv-shop-example:has(.cv-clearing) .cv-top{background: rgba(248, 242, 230, 0.86);} @media (max-width: 991px) {#brulea-carnet .cv-shop-example .cv-shop-header{padding: 0px; min-height: 100px;} #brulea-carnet .cv-shop-shell{padding: 0px;} #brulea-carnet .cv-shop-topbar{height: 100px; min-height: 100px; display: block;} #brulea-carnet .cv-shop-logo-link{position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 300px; max-width: 85%; margin: 0px; padding: 0px !important;} #brulea-carnet .cv-shop-utilitybar{position: absolute; top: 60px; left: 25%; right: 0px; display: grid; grid-template-columns: repeat(3, 1fr);} #brulea-carnet .cv-shop-icon{width: 100%; height: 40px; color: white;} #brulea-carnet .cv-shop-icon svg{width: 24px; height: 24px;} #brulea-carnet .cv-shop-desktop-links{display: none;} #brulea-carnet .cv-shop-mobile-menu{display: block; position: static;} #brulea-carnet .cv-shop-menu-summary{position: absolute; top: 60px; left: 0px; width: 25%; height: 40px; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font: 28px Arial; list-style: none; cursor: pointer;} #brulea-carnet .cv-shop-menu-summary::-webkit-details-marker{display: none;} #brulea-carnet .cv-shop-mobile-links{position: absolute; top: 100px; left: 0px; right: 0px; z-index: 20; background: rgb(104, 154, 222); padding: 15px 16px 20px; box-shadow: rgba(0, 0, 0, 0.067) 0px 8px 10px;} #brulea-carnet .cv-shop-mobile-menu:not([open]) .cv-shop-mobile-links{display: none;} #brulea-carnet .cv-shop-mobile-links a{font: 400 18px / 1.5 Lora, serif; color: rgb(224, 223, 206); text-decoration: none; display: block; padding: 6px 0px;} #brulea-carnet .cv-shop-mobile-parent summary{display: flex; align-items: center; justify-content: space-between; list-style: none; cursor: pointer;} #brulea-carnet .cv-shop-mobile-parent summary::-webkit-details-marker{display: none;} #brulea-carnet .cv-shop-mobile-parent summary span{color: rgb(17, 17, 17); font: 24px Arial;} #brulea-carnet .cv-shop-mobile-parent[open] summary span{transform: rotate(180deg);} #brulea-carnet .cv-shop-mobile-submenu{list-style: none; padding: 0px 16px; margin: 0px;} #brulea-carnet .cv-shop-mobile-submenu a{padding: 0px; font-size: 18px;} #brulea-carnet .cv-shop-searchform{position: fixed; left: 10px; right: 10px; top: 103px; width: auto;} #brulea-carnet .cv-shop-content-shell{width: 100%; max-width: none; border: 0px; box-shadow: none; background: rgb(248, 242, 230);}} #brulea-carnet .cv-top{position: absolute; z-index: 3; top: 0px; left: 0px; right: 0px; display: flex; align-items: center; gap: 26px; padding: 72px 5% 15px; color: rgb(255, 246, 223); background: linear-gradient(rgba(23, 37, 25, 0.6), transparent);} #brulea-carnet .cv-top > :is(button,a[data-carnet-link]){background: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(238, 228, 202, 0.533); border-image: none; padding: 10px 0px;} #brulea-carnet .cv-top > span{font: 10px system-ui; letter-spacing: 0.2em;} #brulea-carnet .cv-top nav{display: flex; gap: 24px; margin-left: auto;} #brulea-carnet .cv-top nav :is(button,a[data-carnet-link]){background: none; border: 0px; padding: 10px 0px; font-size: 13px;} #brulea-carnet .cv-top nav :is(button,a[data-carnet-link])[aria-current="page"]{border-bottom: 1px solid rgb(239, 219, 172);} #brulea-carnet .cv-hero{min-height: 660px; height: 76dvh; max-height: 850px; position: relative; background: linear-gradient(90deg, transparent 25%, rgba(22, 41, 27, 0.25) 48%, rgba(21, 35, 21, 0.682) 100%), url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/accueil-responsive-desktop-v1.png") center 38% / cover no-repeat; color: rgb(255, 245, 221); display: flex; align-items: center; padding: 130px 7% 100px; box-sizing: border-box;} #brulea-carnet .cv-hero::after{content: ""; position: absolute; bottom: -1px; left: 0px; right: 0px; height: 60px; background: rgb(238, 227, 205); clip-path: polygon(0px 70%, 5% 77%, 11% 58%, 19% 81%, 28% 65%, 38% 78%, 49% 54%, 61% 78%, 69% 61%, 79% 79%, 91% 59%, 100% 73%, 100% 100%, 0px 100%);} #brulea-carnet .cv-hero-copy{position: relative; margin-left: 48%; text-shadow: rgba(19, 32, 24, 0.5) 0px 2px 12px;} #brulea-carnet .cv-kicker{font: 10px / 1.5 system-ui; letter-spacing: 0.18em; text-transform: uppercase;} #brulea-carnet .cv-hero h1{font: clamp(48px, 5.8vw, 88px) / 0.98 Georgia; letter-spacing: -0.04em; margin: 22px 0px 24px;} #brulea-carnet .cv-hero h1 i{font-weight: normal; color: rgb(236, 211, 164);} #brulea-carnet .cv-hero p{font: 17px / 1.7 Georgia; max-width: 390px;} #brulea-carnet .cv-hero [data-cv-scroll]{background: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(219, 195, 152); border-image: none; cursor: pointer; display: inline-block; color: inherit; text-decoration: none; padding: 8px 0px; margin-top: 16px; font: 12px system-ui; letter-spacing: 0.08em;} #brulea-carnet .cv-hero-caption{position: absolute; left: 6%; bottom: 78px; font: italic 17px Georgia; text-shadow: rgb(0, 0, 0) 0px 1px 5px;} #brulea-carnet .cv-paper{position: relative; max-width: 1160px; margin: 0px auto; padding: 30px 45px 70px; background: linear-gradient(90deg, rgba(123, 87, 56, 0.043), transparent 6%, transparent 96%, rgba(123, 87, 56, 0.043)), repeating-linear-gradient(1deg, rgba(154, 120, 69, 0.02) 0px, rgba(154, 120, 69, 0.02) 1px, transparent 1px, transparent 4px), rgb(247, 239, 222); box-shadow: rgba(91, 67, 43, 0.075) 0px 12px 40px;} #brulea-carnet .cv-heading{display: flex; align-items: center; gap: 20px; padding: 30px 0px 36px; border-bottom: 1px solid rgba(169, 139, 90, 0.333);} #brulea-carnet .cv-heading h2{font: clamp(32px, 4vw, 51px) / 1.1 Georgia; margin: 8px 0px 0px; letter-spacing: -0.035em;} #brulea-carnet .cv-heading > p{margin-left: auto; font: italic 16px / 1.5 Georgia; color: rgb(138, 112, 80);} #brulea-carnet .cv-ink-anchor{display: block; width: 40px; height: 50px; color: rgb(132, 98, 61);} #brulea-carnet .cv-ink-anchor svg{width: 100%; height: 100%; fill: none; stroke: currentcolor; stroke-width: 3;} #brulea-carnet .cv-tools{display: flex; gap: 28px; align-items: end; padding: 30px 0px 16px;} #brulea-carnet .cv-tabs{display: flex; gap: 8px; align-self: stretch; align-items: end;} #brulea-carnet .cv-tabs :is(button,a[data-carnet-link]){border-width: 1px 1px 3px; border-style: solid; border-color: rgb(188, 171, 140) rgb(188, 171, 140) transparent; border-image: none; background: rgb(233, 221, 196); padding: 13px 17px; border-radius: 5px 5px 0px 0px; font: 13px Georgia; min-height: 48px;} #brulea-carnet .cv-tabs :is(button,a[data-carnet-link])[aria-pressed="true"]{background: rgb(253, 247, 233); border-bottom-color: rgb(137, 98, 60); color: rgb(89, 57, 25);} #brulea-carnet .cv-search{display: flex; flex-direction: column; gap: 7px; margin-left: auto; min-width: 250px; font: 11px system-ui; color: rgb(117, 99, 68);} #brulea-carnet .cv-search input{font: 14px Georgia; padding: 13px 12px; background: rgb(255, 251, 240); border: 1px solid rgb(189, 170, 136); border-radius: 0px; min-height: 46px; width: 100%; box-sizing: border-box;} #brulea-carnet .cv-status{display: flex; align-items: center; justify-content: space-between; font: 11px system-ui; color: rgb(133, 112, 82); margin-bottom: 24px;} #brulea-carnet .cv-status :is(button,a[data-carnet-link]){border: 0px; background: none; text-decoration: underline; min-height: 40px;} #brulea-carnet .cv-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 42px 34px;} #brulea-carnet .cv-card{min-width: 0px; position: relative; border-bottom: 1px solid rgba(177, 155, 117, 0.333); padding-bottom: 26px;} #brulea-carnet .cv-card :is(button,a[data-carnet-link]){display: block; text-align: left; width: 100%; border: 0px; background: none; padding: 0px;} #brulea-carnet .cv-image{display: block; position: relative; box-shadow: rgba(70, 49, 27, 0.125) 0px 5px 12px; background: rgb(237, 226, 201); padding: 8px; transform: rotate(-1deg);} #brulea-carnet .cv-card:nth-child(2n) .cv-image{transform: rotate(1deg);} #brulea-carnet .cv-image::before{content: ""; position: absolute; z-index: 1; left: 43%; top: -8px; width: 70px; height: 22px; background: rgba(198, 183, 132, 0.4); transform: rotate(-4deg);} #brulea-carnet .cv-image img{display: block; width: 100%; height: auto; aspect-ratio: 1.5 / 1; object-fit: cover;} #brulea-carnet .cv-number{position: absolute; right: 14px; bottom: 14px; background: rgba(249, 240, 222, 0.867); padding: 6px 9px; font: italic 17px Georgia; color: rgb(105, 81, 52);} #brulea-carnet .cv-card-copy{display: block; padding: 20px 3px 0px;} #brulea-carnet .cv-card-copy .cv-kicker{color: rgb(148, 116, 71); font-size: 9px;} #brulea-carnet .cv-card strong{display: block; font: clamp(22px, 2.2vw, 31px) / 1.13 Georgia; margin: 9px 0px 13px; color: rgb(59, 52, 40); letter-spacing: -0.025em;} #brulea-carnet .cv-excerpt{display: block; font: 14px / 1.65 Georgia; color: rgb(114, 101, 80);} #brulea-carnet .cv-read{display: flex; align-items: center; justify-content: space-between; margin-top: 20px; font: italic 13px Georgia; color: rgb(101, 72, 41);} #brulea-carnet .cv-read b{font: 20px Georgia;} #brulea-carnet .cv-card:first-child{grid-column: 1 / -1; margin-bottom: 6px;} #brulea-carnet .cv-card:first-child :is(button,a[data-carnet-link]){display: grid; grid-template-columns: 1.25fr 1fr; gap: 38px; align-items: center;} #brulea-carnet .cv-card:first-child .cv-card-copy{padding: 5px 18px 5px 0px;} #brulea-carnet .cv-card:first-child strong{font-size: clamp(26px, 3vw, 40px);} #brulea-carnet .cv-card :is(button,a[data-carnet-link]):hover strong{text-decoration: underline 1px; text-underline-offset: 5px;} #brulea-carnet .cv-end{text-align: center; margin: 42px 0px 0px;} #brulea-carnet .cv-end > :is(button,a[data-carnet-link]),#brulea-carnet .cv-empty :is(button,a[data-carnet-link]){font: 14px Georgia; border: 1px solid rgb(153, 119, 73); background: rgb(232, 217, 187); padding: 16px 28px; min-height: 48px;} #brulea-carnet .cv-end > p{font: italic 14px Georgia; color: rgb(152, 129, 99); margin-top: 25px;} #brulea-carnet .cv-empty{grid-column: 1 / -1; text-align: center; padding: 45px 15px;} #brulea-carnet .cv-empty h3{font: 28px Georgia;} #brulea-carnet .cv-empty p{font: 16px Georgia;} #brulea-carnet .cv-voyages [hidden]{display: none !important;} #brulea-carnet .cv-reader{max-width: min(900px, 95vw); max-height: 90dvh; overflow: auto;} #brulea-carnet .cv-reader .ct-reader-close{position: sticky; top: 0px; z-index: 2;} #brulea-carnet .cv-card{animation: 0.55s ease 0s 1 normal both running cv-arrive;} @keyframes cv-arrive { 0% { opacity: 0; transform: translateY(14px) rotate(0.6deg); } 100% { opacity: 1; transform: none; } } @media (min-width: 1700px) {#brulea-carnet .cv-paper{max-width: 1350px;} #brulea-carnet .cv-grid{grid-template-columns: repeat(3, minmax(0px, 1fr));} #brulea-carnet .cv-card:first-child :is(button,a[data-carnet-link]){grid-template-columns: 1.2fr 1fr;} #brulea-carnet .cv-hero-copy{margin-left: 51%;}} @media (max-width: 850px) {#brulea-carnet .cv-top{flex-wrap: wrap; padding: 68px 5% 10px; gap: 12px;} #brulea-carnet .cv-top nav{width: 100%; margin: 0px; gap: 20px;} #brulea-carnet .cv-hero{min-height: 600px; height: 75dvh; background-position: 28% center; padding: 170px 6% 85px;} #brulea-carnet .cv-hero-copy{margin-left: 37%;} #brulea-carnet .cv-hero h1{font-size: 52px;} #brulea-carnet .cv-paper{padding: 20px 25px 50px;} #brulea-carnet .cv-tools{flex-wrap: wrap; gap: 18px;} #brulea-carnet .cv-search{width: 100%; margin: 0px;} #brulea-carnet .cv-tabs{width: 100%;} #brulea-carnet .cv-card:first-child :is(button,a[data-carnet-link]){display: block;} #brulea-carnet .cv-card:first-child .cv-image{width: 100%; box-sizing: border-box;} #brulea-carnet .cv-card:first-child .cv-card-copy{padding: 20px 0px 0px;} #brulea-carnet .cv-heading > p{display: none;}} @media (max-width: 560px) {#brulea-carnet .cv-hero{height: 640px; min-height: 0px; background-position: 22% center; background-image: linear-gradient(0deg, rgba(23, 39, 28, 0.867), transparent 90%), url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/accueil-responsive-desktop-v1.png"); align-items: end; padding-bottom: 85px;} #brulea-carnet .cv-hero-copy{margin: 0px;} #brulea-carnet .cv-hero h1{font-size: 51px;} #brulea-carnet .cv-hero p{font-size: 15px;} #brulea-carnet .cv-hero-caption{display: none;} #brulea-carnet .cv-top nav{gap: 16px; flex-wrap: wrap;} #brulea-carnet .cv-top nav :is(button,a[data-carnet-link]){font-size: 12px;} #brulea-carnet .cv-top > span{margin-left: auto; font-size: 8px;} #brulea-carnet .cv-paper{padding: 15px 18px 40px;} #brulea-carnet .cv-heading{gap: 12px;} #brulea-carnet .cv-heading h2{font-size: 35px;} #brulea-carnet .cv-grid{grid-template-columns: 1fr; gap: 26px;} #brulea-carnet .cv-tabs{gap: 4px;} #brulea-carnet .cv-tabs :is(button,a[data-carnet-link]){font-size: 12px; padding: 10px 8px; flex: 1 1 0%;} #brulea-carnet .cv-card:first-child strong{font-size: 29px;} #brulea-carnet .cv-ink-anchor{width: 27px;} #brulea-carnet .cv-search{min-width: 0px;}} @media (prefers-reduced-motion: reduce) {#brulea-carnet .cv-card{animation: auto ease 0s 1 normal none running none;}} #brulea-carnet .cv-voyages:has(.cv-clearing){background: rgb(248, 242, 230);} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-top{color: rgb(73, 63, 44); background: linear-gradient(rgba(248, 242, 230, 0.86), transparent); padding-top: 68px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-top :is(button,a[data-carnet-link]){border-bottom-color: rgb(141, 120, 87);} #brulea-carnet .cv-clearing.cv-hero{display: block; aspect-ratio: 3 / 2; height: auto; min-height: 0px; max-height: none; padding: 0px; background: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/clairiere-narrative-v1.png") center top / 100% auto no-repeat rgb(248, 242, 230); color: rgb(73, 63, 44);} #brulea-carnet .cv-clearing.cv-hero::after{height: 8%; clip-path: none; background: linear-gradient(transparent, rgb(248, 242, 230));} #brulea-carnet .cv-clearing .cv-hero-copy{position: absolute; left: 36%; top: 21%; width: 43%; margin: 0px; text-shadow: none; text-align: center;} #brulea-carnet .cv-clearing h1{font-size: clamp(38px, 4.7vw, 84px); margin: 16px 0px; line-height: 1.03; letter-spacing: -0.035em;} #brulea-carnet .cv-clearing h1 i{color: rgb(117, 96, 63);} #brulea-carnet .cv-clearing .cv-hero-copy p{margin: 0px auto; font-size: clamp(14px, 1.4vw, 23px); line-height: 1.6;} #brulea-carnet .cv-clearing [data-cv-scroll]{margin-top: 12px; font-size: 11px;} #brulea-carnet .cv-discovery{position: absolute; z-index: 4; max-width: 280px; font: italic 14px / 1.5 Georgia; color: rgb(88, 75, 50);} #brulea-carnet .cv-discovery--marten{left: 6%; top: 81%;} #brulea-carnet .cv-discovery--bird{right: 4%; top: 29%;} #brulea-carnet .cv-discovery--snail{right: 5%; top: 86%;} #brulea-carnet .cv-discovery summary{list-style: none; cursor: pointer; padding: 8px 12px; background: rgba(252, 247, 230, 0.91); box-shadow: rgba(88, 75, 50, 0.08) 1px 3px 8px; border-radius: 48% 12% 35% 15% / 8% 12% 10% 15%; min-height: 32px; display: flex; gap: 9px; align-items: center;} #brulea-carnet .cv-discovery summary::-webkit-details-marker{display: none;} #brulea-carnet .cv-discovery summary span{font: 11px / 1 Georgia; border: 1px solid rgb(170, 148, 102); border-radius: 50%; padding: 4px;} #brulea-carnet .cv-discovery summary:focus-visible{outline: rgb(130, 97, 59) solid 2px; outline-offset: 4px;} #brulea-carnet .cv-discovery summary:hover{background: rgb(255, 249, 233); transform: rotate(-1deg);} #brulea-carnet .cv-discovery > div{position: absolute; bottom: calc(100% + 10px); width: 270px; max-width: 75vw; box-sizing: border-box; background: rgb(255, 249, 235); padding: 22px; box-shadow: rgba(75, 58, 36, 0.16) 0px 9px 35px; border: 1px solid rgba(203, 187, 152, 0.4); font-style: normal;} #brulea-carnet .cv-discovery--bird > div{bottom: auto; top: calc(100% + 10px); right: 0px;} #brulea-carnet .cv-discovery--snail > div{right: 0px;} #brulea-carnet .cv-discovery small{font: 9px / 1.5 system-ui; letter-spacing: 0.13em;} #brulea-carnet .cv-discovery p{font: 15px / 1.65 Georgia; margin: 12px 0px;} #brulea-carnet .cv-discovery :is(button,a[data-carnet-link]){border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(170, 145, 102); border-image: none; background: none; padding: 8px 0px; font: italic 13px Georgia;} #brulea-carnet .cv-clearing .cv-scene-invitation{position: absolute; bottom: 4%; left: 35%; width: 35%; text-align: center; font: italic 13px / 1.6 Georgia; color: rgb(126, 115, 94); max-width: none; z-index: 2;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{background: transparent; box-shadow: none; padding-top: 0px;} #brulea-carnet .cv-fieldnote{max-width: 650px; margin: 65px auto 30px; padding: 28px 10px; text-align: center; color: rgb(115, 101, 75); position: relative;} #brulea-carnet .cv-fieldnote p{font: italic clamp(19px, 2vw, 26px) / 1.7 Georgia;} #brulea-carnet .cv-fieldnote-signature{font: italic 18px Georgia; color: rgb(163, 123, 75);} #brulea-carnet .cv-fieldnote-stitch{display: block; margin: 0px auto 25px; width: 90px; border-top: 1px solid rgb(180, 161, 126); transform: rotate(-4deg);} @media (max-width: 850px) {#brulea-carnet .cv-clearing.cv-hero{padding-top: 145px; background-position: center 145px; aspect-ratio: auto; height: calc(240px + 66.67vw);} #brulea-carnet .cv-clearing .cv-hero-copy{top: calc(145px + 9vw); left: 32%; width: 49%;} #brulea-carnet .cv-clearing h1{font-size: clamp(27px, 5.2vw, 44px);} #brulea-carnet .cv-clearing .cv-kicker{font-size: 8px; letter-spacing: 0.1em;} #brulea-carnet .cv-clearing .cv-hero-copy p{font-size: 13px;} #brulea-carnet .cv-clearing [data-cv-scroll]{font-size: 10px; margin-top: 5px;} #brulea-carnet .cv-companions{position: absolute; bottom: 30px; left: 5%; right: 5%; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;} #brulea-carnet .cv-discovery{position: relative; top: auto; left: auto; right: auto; font-size: 12px;} #brulea-carnet .cv-discovery--bird > div{top: auto; bottom: calc(100% + 10px);} #brulea-carnet .cv-discovery > div{left: 0px; right: auto;} #brulea-carnet .cv-discovery:last-child > div{left: auto; right: 0px;} #brulea-carnet .cv-clearing .cv-scene-invitation{display: none;}} @media (max-width: 560px) {#brulea-carnet .cv-clearing.cv-hero{padding: 0px; height: auto; min-height: 0px; background-position: center 355px; background-size: 100% auto;} #brulea-carnet .cv-clearing .cv-hero-copy{position: relative; left: auto; top: auto; width: auto; padding: 165px 20px 0px; height: 355px; box-sizing: border-box;} #brulea-carnet .cv-clearing h1{font-size: 43px; margin: 12px 0px;} #brulea-carnet .cv-clearing .cv-hero-copy p{font-size: 14px;} #brulea-carnet .cv-clearing .cv-kicker{font-size: 9px;} #brulea-carnet .cv-clearing [data-cv-scroll]{font-size: 11px;} #brulea-carnet .cv-companions{position: relative; bottom: auto; left: auto; right: auto; padding: calc(5px + 66.67vw) 15px 30px; gap: 7px; z-index: 4;} #brulea-carnet .cv-discovery summary{font-size: 12px; padding: 7px 9px;} #brulea-carnet .cv-discovery > div{position: fixed; top: auto; width: auto; max-width: none; box-shadow: rgba(48, 34, 17, 0.333) 0px 10px 80px; left: 7% !important; right: 7% !important; bottom: 22% !important;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-top{gap: 8px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-top nav{gap: 17px;} #brulea-carnet .cv-fieldnote{margin: 40px auto 15px;} #brulea-carnet .cv-fieldnote p br{display: none;}} #brulea-carnet .cv-voyages:has(.cv-clearing){background: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/clairiere-narrative-v1.png") center bottom / 100% auto no-repeat rgb(248, 242, 230); padding-bottom: 130px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{max-width: 1040px; background: linear-gradient(90deg, rgba(248, 242, 230, 0), rgba(248, 242, 230, 0.96) 5%, rgba(248, 242, 230, 0.96) 95%, rgba(248, 242, 230, 0)); padding-left: 70px; padding-right: 70px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper::before{content: ""; position: absolute; pointer-events: none; z-index: 0; inset: 250px -100px 0px; background: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/clairiere-narrative-v1.png") center top / 100% auto repeat-y; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent 14%, transparent 86%, rgba(0, 0, 0, 0.6)); opacity: 0.75;} #brulea-carnet .cv-paper > *{position: relative;} #brulea-carnet .cv-fieldnote{min-height: 290px; box-sizing: border-box; padding: 65px 35px 45px 36%; max-width: 850px; background: linear-gradient(90deg, transparent 20%, rgba(248, 242, 230, 0.733) 40%, rgba(248, 242, 230, 0.933) 65%), url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/clairiere-narrative-v1.png") left 62% / cover; border-radius: 44% 8% 22% 3% / 8% 6% 4% 8%; box-shadow: rgb(248, 242, 230) 0px 0px 35px 25px inset;} #brulea-carnet .cv-fieldnote p{font-size: 21px;} #brulea-carnet .cv-fieldnote-stitch{display: none;} #brulea-carnet .cv-reader.ct-reader{width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0px; border-radius: 0px; background: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/clairiere-narrative-v1.png") center center / cover fixed rgb(237, 233, 218); box-shadow: none;} #brulea-carnet .cv-reader .ct-reader-content{position: relative; max-width: 780px; margin: 0px auto; padding: 55px clamp(24px, 5vw, 75px) 120px; background: linear-gradient(90deg, rgba(251, 245, 232, 0.933), rgb(251, 245, 232) 8%, rgb(251, 245, 232) 92%, rgba(251, 245, 232, 0.933)); box-shadow: rgba(66, 56, 33, 0.15) 0px 20px 70px; min-height: 100dvh; box-sizing: border-box;} #brulea-carnet .cv-reader .ct-reader-close{position: sticky; top: 12px; z-index: 5; margin: 12px 18px 0px auto; border: 1px solid rgb(198, 181, 151); border-radius: 3px; background: rgba(255, 248, 233, 0.96); box-shadow: rgba(51, 41, 24, 0.125) 0px 2px 16px;} #brulea-carnet .cv-reader .ct-reader-content::after{content: ""; display: block; height: 230px; margin: 55px -15px -90px; background: url("/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/clairiere-narrative-v1.png") center 72% / cover; mask-image: linear-gradient(transparent, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 80%, transparent);} #brulea-carnet .cv-reader .ct-reader-prose h2,#brulea-carnet .cv-reader .ct-reader-prose h3{color: rgb(97, 82, 59);} #brulea-carnet .cv-reader .ct-reader-cover{padding: 8px; background: rgb(255, 250, 240); box-sizing: border-box; box-shadow: rgba(88, 65, 40, 0.125) 0px 4px 15px; transform: rotate(-0.6deg); margin-bottom: 25px;} #brulea-carnet .cv-reader .ct-related{margin-top: 45px; padding: 25px; background: rgba(233, 227, 206, 0.467); border-color: rgb(176, 170, 135);} @media (min-width: 1500px) {#brulea-carnet .cv-reader .ct-reader-content{max-width: 860px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{max-width: 1180px;}} @media (max-width: 850px) {#brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{padding-left: 30px; padding-right: 30px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper::before{inset: 200px -20px 0px; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent 5%, transparent 95%, rgba(0, 0, 0, 0.4));} #brulea-carnet .cv-reader .ct-reader-content{margin: 15px 5% 0px;} #brulea-carnet .cv-fieldnote{padding-left: 32%; padding-right: 15px;} #brulea-carnet .cv-fieldnote p{font-size: 18px;}} @media (max-width: 560px) {#brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{padding-left: 22px; padding-right: 22px;} #brulea-carnet .cv-fieldnote{padding: 140px 15px 30px; background-position: left top; background-size: auto 300px; background-repeat: no-repeat;} #brulea-carnet .cv-fieldnote p{background: rgba(248, 242, 230, 0.863); padding: 15px 0px; margin: 0px;} #brulea-carnet .cv-reader .ct-reader-content{margin: 12px 12px 0px; padding: 32px 22px 80px;} #brulea-carnet .cv-reader .ct-reader-prose{font-size: 17px; line-height: 1.8;} #brulea-carnet .cv-reader .ct-reader-close{top: 6px; margin-right: 12px; font-size: 12px;} #brulea-carnet .cv-reader .ct-reader-content::after{height: 160px; margin-bottom: -60px;} #brulea-carnet .cv-voyages:has(.cv-clearing){padding-bottom: 70px;}} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper::before{mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent 14%, transparent 86%, rgba(0, 0, 0, 0.6)), linear-gradient(transparent, rgb(0, 0, 0) 140px, rgb(0, 0, 0) calc(100% - 160px), transparent); mask-composite: intersect;} #brulea-carnet .cv-jalon{grid-column: 1 / -1; margin: 24px 0px 52px; position: relative; min-width: 0px;} #brulea-carnet .cv-jalon-media{margin: 0px auto; width: min(100%, 560px); overflow: hidden; background: rgb(248, 242, 230); border-radius: 15px; transform: rotate(-1.5deg); box-shadow: rgba(76, 61, 36, 0.09) 0px 16px 36px; position: relative;} #brulea-carnet .cv-jalon-media img{display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; mix-blend-mode: multiply; filter: saturate(98%); mask-image: radial-gradient(72% 78% at 50% 54%, rgb(0, 0, 0) 65%, transparent 100%); transform: translateX(-2%);} #brulea-carnet .cv-jalon-sign{position: absolute; left: 12px; top: 10px; display: block; font: 700 10px / 1.1 Georgia; letter-spacing: 0.24em; color: rgb(143, 109, 68); text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px; transform: rotate(-7deg);} #brulea-carnet .cv-jalon div{padding: 16px 2px 2px; background: linear-gradient(90deg, rgb(248, 242, 232) 22%, rgb(247, 239, 224) 95%); border-left: 1px solid rgb(229, 216, 190);} #brulea-carnet .cv-jalon .cv-kicker{display: inline-block; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(155, 111, 74);} #brulea-carnet .cv-jalon p{font: clamp(23px, 3.1vw, 43px) / 1.2 Georgia; letter-spacing: -0.03em; color: rgb(77, 64, 49); margin: 14px 0px; max-width: 46ch;} #brulea-carnet .cv-jalon p i{color: rgb(127, 101, 76);} #brulea-carnet .cv-jalon-signature{font: italic 16px / 1.25 Georgia; color: rgb(156, 116, 77); display: inline-block; margin-top: 10px;} #brulea-carnet .cv-jalon-robin{transform: rotate(0.2deg);} #brulea-carnet .cv-jalon-robin .cv-jalon-media{margin-left: 18%; transform: rotate(1.8deg);} #brulea-carnet .cv-jalon-robin .cv-jalon-media img{transform: translateX(-3%) scale(1.03);} #brulea-carnet .cv-jalon-bag{transform: rotate(-1.3deg);} #brulea-carnet .cv-jalon-bag .cv-jalon-media{margin-right: 10%; width: min(100%, 530px); transform: rotate(-1.4deg);} #brulea-carnet .cv-jalon-cozy{transform: rotate(0.6deg);} #brulea-carnet .cv-jalon-cozy .cv-jalon-media{margin-left: 10%; width: min(100%, 600px);} #brulea-carnet .cv-jalon-cozy .cv-jalon-media img{transform: translateX(-1%);} #brulea-carnet .cv-voyages .cv-jalon-cozy{margin-bottom: 38px;} #brulea-carnet .cv-fieldnote{min-height: 0px; max-width: 620px; background: none; box-shadow: none; border-radius: 0px; padding: 35px 20px; margin: 55px auto 10px;} #brulea-carnet .cv-fieldnote p{background: none; font-size: 21px;} #brulea-carnet .cv-fieldnote-stitch{display: block;} #brulea-carnet .cv-reader.ct-reader{background: rgb(248, 242, 230);} #brulea-carnet .cv-reader .ct-reader-content{background: none; box-shadow: none; max-width: 900px;} #brulea-carnet .cv-reader .ct-reader-content::after{display: none;} #brulea-carnet .cv-reader .cv-jalon{margin: 80px 0px 60px;} #brulea-carnet .cv-reader .cv-jalon p{font-size: 34px;} #brulea-carnet .cv-reader .ct-related{background: none;} @media (max-width: 850px) {#brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{padding: 0px 30px 40px;} #brulea-carnet .cv-grid{grid-template-columns: 1fr; gap: 36px;} #brulea-carnet .cv-card{border: 0px;} #brulea-carnet .cv-card-2,#brulea-carnet .cv-card-4,#brulea-carnet .cv-card-3{margin-top: 0px;} #brulea-carnet .cv-jalon{margin: 22px 0px 34px;} #brulea-carnet .cv-jalon-media{width: min(100%, 420px); transform: rotate(-0.7deg);} #brulea-carnet .cv-jalon p{font-size: 30px;} #brulea-carnet .cv-reader .cv-jalon{margin: 50px 0px;}} @media (max-width: 560px) {#brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{padding: 0px 22px 30px;} #brulea-carnet .cv-grid{gap: 26px;} #brulea-carnet .cv-jalon-media{width: 100%; transform: none;} #brulea-carnet .cv-jalon p{font-size: 29px;} #brulea-carnet .cv-jalon-cozy .cv-jalon-media{margin-left: 0px;} #brulea-carnet .cv-jalon-robin .cv-jalon-media{margin-left: 0px;} #brulea-carnet .cv-jalon-bag .cv-jalon-media{margin-right: 0px;} #brulea-carnet .cv-reader .cv-jalon{margin: 50px 0px;} #brulea-carnet .cv-reader .cv-jalon p{font-size: 28px;} #brulea-carnet .cv-reader .ct-reader-content{margin: 12px 0px; padding-left: 24px; padding-right: 24px;} #brulea-carnet .cv-fieldnote{padding: 28px 16px 24px;} #brulea-carnet .cv-fieldnote p{font-size: 19px;}} #brulea-carnet .cv-voyages:has(.cv-clearing){background: rgb(248, 242, 230); padding-bottom: 45px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{background: none; box-shadow: none; max-width: 1100px; padding: 0px 60px 45px;} #brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper::before{display: none;} #brulea-carnet .cv-jalon{display: flex; align-items: center; gap: 10px; margin: 35px 0px 65px; isolation: isolate;} #brulea-carnet .cv-jalon-media{flex: 0 1 62%; width: 62%; max-width: 650px; background: none; border-radius: 0px; box-shadow: none; overflow: visible; transform: rotate(-2deg); margin: 0px !important;} #brulea-carnet .cv-jalon-media img{object-fit: contain; filter: none; mask-image: radial-gradient(76% 80%, rgb(0, 0, 0) 65%, transparent 100%); transform: none !important;} #brulea-carnet .cv-jalon > div{flex: 1 1 0%; min-width: 0px; background: none; border: 0px; padding: 15px 0px; transform: rotate(-2deg);} #brulea-carnet .cv-jalon p{font: italic clamp(23px, 2.6vw, 35px) / 1.4 Georgia; letter-spacing: -0.025em;} #brulea-carnet .cv-jalon p i{color: rgb(126, 139, 75);} #brulea-carnet .cv-jalon .cv-kicker{font-size: 9px; letter-spacing: 0.12em;} #brulea-carnet .cv-jalon-robin{flex-direction: row-reverse; margin: 5px 5% 55px 0px;} #brulea-carnet .cv-jalon-robin .cv-jalon-media{flex-basis: 48%; transform: rotate(3deg);} #brulea-carnet .cv-jalon-robin > div{padding-left: 7%; transform: rotate(1deg);} #brulea-carnet .cv-jalon-bag{margin-left: 8%; margin-right: 5%;} #brulea-carnet .cv-jalon-bag .cv-jalon-media{flex-basis: 55%; width: 55%;} #brulea-carnet .cv-jalon-cozy{max-width: 850px; margin: 40px auto 5px; transform: none;} #brulea-carnet .cv-jalon-cozy .cv-jalon-media{flex-basis: 60%; width: 60%;} #brulea-carnet .cv-fieldnote{display: none;} #brulea-carnet .cv-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 40px 65px; align-items: start;} #brulea-carnet .cv-card .cv-image::before{display: none;} #brulea-carnet .cv-card{border: 0px;} #brulea-carnet .cv-image{background: rgb(255, 252, 245); box-shadow: rgba(85, 65, 40, 0.098) 2px 5px 12px; padding: 7px 7px 14px; transform: rotate(-1.3deg);} #brulea-carnet .cv-card-1{margin-top: 90px;} #brulea-carnet .cv-card-3{margin-top: 65px;} #brulea-carnet .cv-card-4{grid-column: 1 / -1; max-width: 880px; margin: 15px auto; width: 100%;} #brulea-carnet .cv-card-4 :is(button,a[data-carnet-link]){display: grid; grid-template-columns: 1.1fr 1fr; gap: 35px; align-items: center;} #brulea-carnet .cv-card-4 .cv-image{transform: rotate(1.5deg);} #brulea-carnet .cv-reader .cv-jalon{margin: 65px -20px; clear: both;} #brulea-carnet .cv-reader .cv-jalon p{font-size: 27px;} #brulea-carnet .cv-reader .ct-reader-prose .cv-jalon img{margin: 0px; max-width: 100%;} #brulea-carnet .cv-reader .cv-jalon-cozy{margin-bottom: 25px;} @media (max-width: 850px) {#brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{padding: 0px 30px 30px;} #brulea-carnet .cv-grid{gap: 35px 30px;} #brulea-carnet .cv-jalon{gap: 0px;} #brulea-carnet .cv-jalon p{font-size: 24px;} #brulea-carnet .cv-jalon-robin > div{padding-left: 0px;} #brulea-carnet .cv-card-4 :is(button,a[data-carnet-link]){display: block;} #brulea-carnet .cv-reader .cv-jalon{margin: 45px 0px;}} @media (max-width: 560px) {#brulea-carnet .cv-voyages:has(.cv-clearing) .cv-paper{padding: 0px 22px 25px;} #brulea-carnet .cv-grid{grid-template-columns: 1fr;} #brulea-carnet .cv-card-1,#brulea-carnet .cv-card-3{margin-top: 0px;} #brulea-carnet .cv-jalon,#brulea-carnet .cv-jalon-robin{display: block; margin: 20px 0px 40px;} #brulea-carnet .cv-jalon .cv-jalon-media{width: 100%; max-width: 100%; margin: auto !important;} #brulea-carnet .cv-jalon > div{padding: 0px 12px; max-width: 300px; margin: 0px auto; transform: rotate(-1deg);} #brulea-carnet .cv-jalon p{font-size: 25px;} #brulea-carnet .cv-reader .cv-jalon p{font-size: 24px;} #brulea-carnet .cv-jalon-cozy{margin-bottom: 0px;}} @media (min-width: 851px) {#brulea-carnet .cv-card-1{grid-column: 1 / -1; margin: 20px 5% 0px;} #brulea-carnet .cv-card-1 :is(button,a[data-carnet-link]){display: grid; grid-template-columns: 1fr 1.1fr; gap: 55px; align-items: center;} #brulea-carnet .cv-card-1 .cv-image{order: 2; transform: rotate(1.6deg);} #brulea-carnet .cv-card-1 .cv-card-copy{padding: 10px 0px;} #brulea-carnet .cv-card-1 strong{font-size: clamp(27px, 3vw, 38px);}} #brulea-carnet .cv-found{margin: 15px -45px 95px;} #brulea-carnet .cv-found > :is(button,a[data-carnet-link]){display: flex; align-items: center; width: 100%; border: 0px; background: none; color: rgb(78, 69, 51); text-align: left; cursor: pointer; padding: 0px; font: inherit;} #brulea-carnet .cv-found img{width: 57%; height: auto; mix-blend-mode: multiply; transition: transform 0.6s; mask-image: radial-gradient(rgb(0, 0, 0) 48%, transparent 73%);} #brulea-carnet .cv-found-copy{display: flex; flex-direction: column; gap: 22px; transform: rotate(-2deg); padding-right: 25px;} #brulea-carnet .cv-found-copy strong{font: clamp(32px, 4vw, 55px) / 1.08 Georgia, serif;} #brulea-carnet .cv-found-copy strong i{color: rgb(129, 141, 72);} #brulea-carnet .cv-found-copy > span:not(.cv-kicker){font: 20px / 1.6 Georgia, serif;} #brulea-carnet .cv-found-copy em{font: italic 19px Georgia, serif; color: rgb(123, 88, 54);} #brulea-carnet .cv-found > :is(button,a[data-carnet-link]):hover img{transform: translateY(-6px) rotate(-1deg);} #brulea-carnet .cv-found :is(button,a[data-carnet-link]):focus-visible,#brulea-carnet .cv-path-page :is(button,a[data-carnet-link]):focus-visible,#brulea-carnet .cv-path-back:focus-visible{outline: rgb(126, 137, 74) solid 2px; outline-offset: 7px;} #brulea-carnet .cv-path-page{position: relative; text-align: center; padding: 30px 0px 0px; color: rgb(78, 69, 51);} #brulea-carnet .cv-path-page h1{max-width: 800px; font: clamp(42px, 6vw, 74px) / 1.07 Georgia, serif !important; margin: 24px auto 0px !important;} #brulea-carnet .cv-path-page h1 i{color: rgb(129, 141, 72);} #brulea-carnet .cv-path-page h1:focus{outline: none;} #brulea-carnet .cv-path-mushrooms{display: block; width: min(660px, 100%); margin: -10px auto -20px; mix-blend-mode: multiply; mask-image: radial-gradient(rgb(0, 0, 0) 47%, transparent 73%);} #brulea-carnet .cv-path-intro{max-width: 610px; margin: 0px auto 40px; font: 23px / 1.65 Georgia, serif;} #brulea-carnet .cv-path-forks{display: flex; flex-wrap: wrap; justify-content: center; gap: 35px; margin: 50px -15px;} #brulea-carnet .cv-path-forks :is(button,a[data-carnet-link]){flex: 1 1 180px; max-width: 270px; min-height: 105px; padding: 12px 10px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(181, 162, 126) currentcolor currentcolor; border-image: none; background: none; font-family: Georgia, serif; color: rgb(87, 71, 51); cursor: pointer; transform: rotate(-2deg);} #brulea-carnet .cv-path-forks :is(button,a[data-carnet-link]):nth-child(2){transform: rotate(2deg); margin-top: 20px;} #brulea-carnet .cv-path-forks small{display: block; color: rgb(155, 121, 78); font: italic 17px Georgia, serif; margin-bottom: 10px;} #brulea-carnet .cv-path-forks strong{display: block; font-size: 23px; font-weight: normal; margin-bottom: 10px;} #brulea-carnet .cv-path-forks span{display: block; font-size: 16px; color: rgb(120, 106, 80);} #brulea-carnet .cv-path-forks :is(button,a[data-carnet-link]):hover strong{color: rgb(114, 127, 62); text-decoration: underline; text-underline-offset: 6px;} #brulea-carnet .cv-path-note{text-align: left; max-width: 610px; margin: 35px auto; font: 20px / 1.75 Georgia, serif; border-left: 1px solid rgb(198, 184, 148); padding-left: 28px;} #brulea-carnet .cv-path-note h2{font: 31px / 1.2 Georgia, serif;} #brulea-carnet .cv-path-note small{font-size: 14px; line-height: 1.5; display: block; color: rgb(115, 104, 79);} #brulea-carnet .cv-path-back,#brulea-carnet .cv-path-article{border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(181, 162, 126); border-image: none; background: none; color: rgb(104, 83, 56); font: italic 18px Georgia, serif; min-height: 48px; cursor: pointer; padding: 8px 0px; margin-bottom: 25px;} #brulea-carnet .cv-path-whisper{font: italic 20px / 1.8 Georgia, serif; color: rgb(137, 116, 81); margin: 50px 0px 20px;} #brulea-carnet .cv-path-page:not(.cv-path-page--forest) .cv-path-mushrooms{width: 350px; margin: 5px auto;} @media (max-width: 700px) {#brulea-carnet .cv-found{margin: 10px -12px 65px;} #brulea-carnet .cv-found > :is(button,a[data-carnet-link]){flex-direction: column;} #brulea-carnet .cv-found img{width: 100%; margin-bottom: -25px;} #brulea-carnet .cv-found-copy{padding: 0px 18px; gap: 16px;} #brulea-carnet .cv-found-copy strong{font-size: 39px;} #brulea-carnet .cv-found-copy > span:not(.cv-kicker){font-size: 18px;} #brulea-carnet .cv-path-page{padding-top: 15px;} #brulea-carnet .cv-path-intro{font-size: 20px;} #brulea-carnet .cv-path-forks{gap: 15px; margin: 30px 0px;} #brulea-carnet .cv-path-forks :is(button,a[data-carnet-link]){flex-basis: 100%; max-width: 100%; text-align: left; padding: 15px 20px; transform: none;} #brulea-carnet .cv-path-forks :is(button,a[data-carnet-link]):nth-child(2){margin-top: 0px; transform: none;} #brulea-carnet .cv-path-note{font-size: 18px; padding-left: 18px;} #brulea-carnet .cv-path-mushrooms{margin: 0px auto;} #brulea-carnet .cv-path-page h1{font-size: 40px !important;}} @media (prefers-reduced-motion: reduce) {#brulea-carnet .cv-found img{transition: none;} #brulea-carnet .cv-found > :is(button,a[data-carnet-link]):hover img{transform: none;}} #brulea-carnet .cv-path-photo{margin: 45px -40px 35px; text-align: left;} #brulea-carnet .cv-path-photo > img{display: block; width: 100%; height: auto; max-height: 650px; object-fit: contain;} #brulea-carnet .cv-path-photo figcaption{font: 13px / 1.6 Georgia, serif; color: rgb(120, 108, 88); margin: 12px 10px; max-width: 750px;} #brulea-carnet .cv-path-photo a,#brulea-carnet .cv-page-sources a{color: rgb(106, 115, 63); text-decoration: underline; text-underline-offset: 3px;} #brulea-carnet .cv-species-facts{display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 40px; text-align: left; margin: 45px auto 60px; max-width: 660px; border-block: 1px solid rgb(198, 184, 148); padding: 28px 0px; font: 21px / 1.4 Georgia, serif;} #brulea-carnet .cv-species-facts small{display: block; letter-spacing: 1.5px; font: 11px / 1.5 sans-serif; color: rgb(139, 112, 78); margin-bottom: 8px;} #brulea-carnet .cv-page-sources{font: 16px / 1.6 Georgia, serif; margin-top: 30px;} #brulea-carnet .cv-page-sources summary{cursor: pointer; min-height: 44px; padding: 10px 0px;} #brulea-carnet .cv-recipe-body{display: grid; grid-template-columns: 1fr 1.7fr; gap: 45px; text-align: left; font: 19px / 1.65 Georgia, serif; margin: 45px 0px;} #brulea-carnet .cv-recipe-body h2{font: 29px / 1.2 Georgia, serif;} #brulea-carnet .cv-recipe-body h3{font: 24px / 1.3 Georgia, serif; margin: 0px 0px 10px;} #brulea-carnet .cv-recipe-body ul{padding-left: 20px;} #brulea-carnet .cv-recipe-body li{margin-bottom: 16px;} #brulea-carnet .cv-recipe-method ol{padding-left: 27px;} #brulea-carnet .cv-recipe-method li{padding-left: 10px; margin-bottom: 30px;} #brulea-carnet .cv-recipe-method li::marker{color: rgb(156, 117, 75); font-style: italic;} #brulea-carnet .cv-recipe-allergen{font-size: 14px; color: rgb(120, 108, 88); border-top: 1px solid rgb(198, 184, 148); padding-top: 16px;} #brulea-carnet .cv-recipe-margin{display: flex; align-items: center; gap: 25px; margin: 45px -20px; font: italic 25px / 1.5 Georgia, serif; text-align: left;} #brulea-carnet .cv-recipe-margin img{display: block; height: auto; width: 50%; mix-blend-mode: multiply; filter: brightness(1.15); mask-image: radial-gradient(76% 80%, rgb(0, 0, 0) 60%, transparent 100%);} #brulea-carnet .cv-recipe-margin i{color: rgb(129, 141, 72);} @media (max-width: 700px) {#brulea-carnet .cv-path-photo{margin: 25px -10px;} #brulea-carnet .cv-species-facts{gap: 22px 18px; font-size: 18px;} #brulea-carnet .cv-recipe-body{grid-template-columns: 1fr; gap: 20px; font-size: 18px;} #brulea-carnet .cv-recipe-margin{flex-direction: column; margin: 30px 0px; font-size: 22px;} #brulea-carnet .cv-recipe-margin img{width: 100%;} #brulea-carnet .cv-path-photo figcaption{font-size: 12px;}} #brulea-carnet .cv-voyages.cv-shop-example:has(.cv-clearing) .cv-top{padding: 12px 5%; min-height: 58px; box-sizing: border-box; background: rgb(248, 242, 230); gap: 20px;} #brulea-carnet .cv-shop-example .cv-top nav{margin-left: auto;} @media (max-width: 560px) {#brulea-carnet .cv-voyages.cv-shop-example:has(.cv-clearing) .cv-top{gap: 6px; padding: 8px 5%;} #brulea-carnet .cv-shop-example .cv-top nav{justify-content: space-between; gap: 10px;} #brulea-carnet .cv-shop-links{gap: 0px 8px;} #brulea-carnet .cv-shop-links a{font-size: 12px; padding: 8px 5px;}} @media (max-width: 560px) {#brulea-carnet .cv-shop-example .cv-clearing.cv-hero{background-position: center 280px;} #brulea-carnet .cv-shop-example .cv-clearing .cv-hero-copy{padding: 35px 20px 0px; height: 280px;} #brulea-carnet .cv-shop-example .cv-shop-logo-link{padding-top: 35px;}} @media (max-width: 991px) {#brulea-carnet .cv-shop-utilitybar{width: 75%; justify-self: stretch;} #brulea-carnet .cv-shop-utilitybar > *{min-width: 0px; width: 100%;}} #brulea-carnet .cv-shop-content-shell{container-type: inline-size;} @media (min-width: 851px) {#brulea-carnet .cv-shop-example .cv-clearing.cv-hero{height: auto; min-height: 0px; padding: 0px; aspect-ratio: 3 / 2;} #brulea-carnet .cv-shop-example .cv-clearing h1{font-size: clamp(38px, 5.2cqw, 74px);} #brulea-carnet .cv-shop-example .cv-clearing .cv-hero-copy p{font-size: clamp(14px, 1.4cqw, 20px);}} @media (max-width: 850px) and (min-width: 561px) {#brulea-carnet .cv-shop-example .cv-clearing.cv-hero{padding: 0px; min-height: 0px; height: auto; aspect-ratio: 3 / 2; background-position: center top;} #brulea-carnet .cv-shop-example .cv-clearing .cv-hero-copy{top: 20%; left: 33%; width: 48%;}} @media (max-width: 560px) {#brulea-carnet .cv-shop-example .cv-clearing.cv-hero{padding: 0px; min-height: 0px; height: auto; aspect-ratio: auto; background-position: center 280px;} #brulea-carnet .cv-shop-example .cv-clearing .cv-hero-copy{padding: 35px 20px 0px; height: 280px;}} #brulea-carnet .cv-voyages.cv-shop-example:has(.cv-clearing){padding-bottom: 0px; background: linear-gradient(rgba(248, 240, 224, 0.62), rgba(248, 240, 224, 0.62)), url("/img/cms/brulea-th%C3%A92.jpg") center top / cover no-repeat fixed !important;} #brulea-carnet .cv-shop-layout{background: url("/img/cms/brulea-th%C3%A92.jpg") center top / cover no-repeat fixed; color: rgb(73, 63, 44); display: flex; flex-direction: column; min-height: 100dvh;} #brulea-carnet .cv-shop-reader.ct-reader{background: linear-gradient(rgba(248, 240, 224, 0.62), rgba(248, 240, 224, 0.62)), url("/img/cms/brulea-th%C3%A92.jpg") center top / cover no-repeat fixed; color: rgb(73, 63, 44);} #brulea-carnet .cv-shop-layout > .cv-shop-header,#brulea-carnet .cv-shop-layout > .cv-shop-content-shell{flex: 0 0 auto;} #brulea-carnet .cv-shop-content-shell > .cl-library{height: 75cqw; min-height: 690px; max-height: 1050px; padding: 28px 4%; background-size: cover;} #brulea-carnet .cv-shop-content-shell > .cl-library .cl-brand{display: none;} #brulea-carnet .cv-shop-content-shell > .cl-library h1{font-size: clamp(36px, 4.4cqw, 62px);} #brulea-carnet .cv-shop-content-shell > .cl-library .cl-books{gap: 3cqw;} #brulea-carnet .cv-shop-content-shell > .cl-library .cl-book{height: clamp(175px, 20cqw, 280px);} #brulea-carnet .cv-shop-content-shell > .cl-universe{height: 850px; min-height: 600px; background: rgb(248, 242, 230);} #brulea-carnet .cv-shop-content-shell .cl-universe-head{padding: 18px 30px;} #brulea-carnet .cv-shop-reader.ct-reader{width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; box-shadow: none;} #brulea-carnet .cv-shop-reader .cv-shop-content-shell{min-height: calc(100dvh - 204px); padding-bottom: 40px;} #brulea-carnet .cv-shop-reader .ct-reader-content{width: auto; max-width: 900px; margin: 0px auto; padding: 35px 60px 70px; background: rgb(248, 242, 230); box-shadow: none;} #brulea-carnet .cv-shop-reader .ct-reader-close{position: sticky; top: 0px; z-index: 7; display: block; float: none; margin: 0px 24px 0px auto; background: rgb(248, 242, 230); color: rgb(104, 83, 56); padding: 14px 20px; border: 0px; min-height: 48px;} @media (max-width: 991px) {#brulea-carnet .cv-shop-reader .cv-shop-content-shell{min-height: calc(100dvh - 100px);}} #brulea-carnet .cv-shop-layout > .cv-collection-footer{flex: 1 1 0%; background: rgb(248, 242, 230);} #brulea-carnet .cv-collection-footer__inner{max-width: 1360px; margin: 0px auto; padding: 48px 5%; color: rgb(73, 63, 44); font-family: Georgia, serif;} #brulea-carnet .cv-collection-footer__grid{display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 30px;} #brulea-carnet .cv-collection-footer__col h2{font-size: 16px; letter-spacing: 0.08em; text-transform: uppercase; margin: 0px 0px 10px;} #brulea-carnet .cv-collection-footer__brand p{margin: 0px 0px 9px;} #brulea-carnet .cv-collection-footer__title{font-size: 26px; line-height: 1.25;} #brulea-carnet .cv-collection-footer__title strong{font-style: italic;} #brulea-carnet .cv-collection-footer__intro{font-size: 17px; max-width: 58ch;} #brulea-carnet .cv-collection-footer__brand-anchor svg{width: 44px; height: 44px;} #brulea-carnet .cv-collection-footer__action{display: inline-flex; align-items: center; min-height: 44px; color: rgb(73, 63, 44);} #brulea-carnet .cv-collection-footer__collections nav{display: flex; flex-direction: column; gap: 10px; max-width: 300px;} #brulea-carnet .cv-collection-footer__collections :is(button,a[data-carnet-link]){display: block; background: transparent; border: 0px; border-radius: 0px; padding: 8px 0px; text-align: left; min-height: 44px; font: 18px / 1.4 Georgia, serif; cursor: pointer;} #brulea-carnet .cv-collection-footer__collections :is(button,a[data-carnet-link]):hover,#brulea-carnet .cv-collection-footer__collections :is(button,a[data-carnet-link]):focus-visible{border-color: rgb(198, 184, 148);} #brulea-carnet .cv-collection-footer__store p{margin: 0px 0px 10px; max-width: 30ch;} #brulea-carnet .cv-collection-footer__store a,#brulea-carnet .cv-collection-footer__legal a{display: inline-flex; align-items: center; min-height: 44px; color: rgb(73, 63, 44);} #brulea-carnet .cv-collection-footer__store a{display: flex; width: fit-content; font-size: 16px;} #brulea-carnet .cv-collection-footer__store a + a{margin-top: 3px;} #brulea-carnet .cv-collection-footer__legal{display: flex; justify-content: center; gap: 18px; padding-top: 22px; margin-top: 26px; border-top: 1px solid rgb(198, 184, 148); flex-wrap: wrap;} #brulea-carnet .cv-collection-footer a,#brulea-carnet .cv-collection-footer :is(button,a[data-carnet-link]){color: rgb(73, 63, 44);} #brulea-carnet .cv-collection-footer a:focus-visible,#brulea-carnet .cv-collection-footer :is(button,a[data-carnet-link]):focus-visible{outline: rgb(198, 184, 148) solid 2px; outline-offset: 2px;} @media (max-width: 700px) {#brulea-carnet .cv-collection-footer__grid{grid-template-columns: 1fr;} #brulea-carnet .cv-collection-footer__inner{padding: 36px 5%;} #brulea-carnet .cv-collection-footer__collections nav{max-width: none;} #brulea-carnet .cv-collection-footer__title{font-size: 24px;}} @media (max-width: 760px) {#brulea-carnet .cv-shop-content-shell > .cl-library{height: auto; min-height: 900px; max-height: none; padding: 28px 16px 40px;} #brulea-carnet .cv-shop-content-shell > .cl-library .cl-books{gap: 24px;} #brulea-carnet .cv-shop-content-shell > .cl-library .cl-book{height: 220px;} #brulea-carnet .cv-shop-content-shell > .cl-universe{height: auto; min-height: 0px; overflow: visible;} #brulea-carnet .cv-shop-content-shell .cl-universe-head{height: auto; padding: 20px 16px; flex-wrap: wrap;} #brulea-carnet .cv-shop-content-shell .cl-universe-head nav{width: 100%; justify-content: space-between; gap: 8px;} #brulea-carnet .cv-shop-reader .ct-reader-content{padding: 24px 22px 50px;} #brulea-carnet .cv-shop-reader .ct-reader-close{margin: 0px 12px 0px auto; font-size: 13px;}} #brulea-carnet .cv-shop-content-shell .cl-universe-head{background: rgb(248, 242, 230); color: rgb(73, 63, 44);} #brulea-carnet .cv-path-page .cv-path-forks.cv-scrap-trails{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 30px; margin: 48px 0px; align-items: start;} #brulea-carnet .cv-path-page .cv-scrap-trails :is(button,a[data-carnet-link]){display: block; width: 100%; max-width: none; margin: 0px; padding: 0px 4px; border: 0px; background: none; box-shadow: none; text-align: center; transform: rotate(-1deg);} #brulea-carnet .cv-path-page .cv-scrap-trails :is(button,a[data-carnet-link]):nth-child(2){transform: rotate(1deg); margin-top: 22px;} #brulea-carnet .cv-trail-picture{position: relative; margin: 0px 0px 20px; height: 180px;} #brulea-carnet .cv-trail-picture img{display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; mask-image: radial-gradient(rgb(0, 0, 0) 50%, transparent 74%);} #brulea-carnet .cv-trail-cuisine .cv-trail-picture{margin: 10px 0px 30px; height: 160px; border: 7px solid rgb(255, 250, 240); box-shadow: rgba(73, 63, 44, 0.125) 0px 5px 12px; transform: rotate(-3deg);} #brulea-carnet .cv-trail-cuisine .cv-trail-picture img{object-fit: cover; mix-blend-mode: normal; mask-image: none;} #brulea-carnet .cv-trail-cuisine .cv-trail-picture::before,#brulea-carnet .cv-scrap-recipe-card::before{content: ""; position: absolute; width: 64px; height: 22px; background: rgba(220, 205, 169, 0.5); top: -17px; left: 35%; transform: rotate(5deg); z-index: 1;} #brulea-carnet .cv-scrap-trails :is(button,a[data-carnet-link]):focus-visible{outline: rgb(127, 137, 73) solid 2px; outline-offset: 8px;} #brulea-carnet .cv-scrap-arrival{display: grid; grid-template-columns: 240px 1fr; align-items: center; gap: 24px; max-width: 680px; margin: 15px auto 45px; text-align: left;} #brulea-carnet .cv-scrap-arrival figure{margin: 0px;} #brulea-carnet .cv-scrap-arrival img{width: 100%; display: block; mix-blend-mode: multiply; mask-image: radial-gradient(rgb(0, 0, 0) 48%, transparent 72%);} #brulea-carnet .cv-scrap-arrival p{font: italic 22px / 1.5 Georgia, serif; margin: 14px 0px;} #brulea-carnet .cv-scrap-arrival i{color: rgb(150, 115, 78); font: italic 16px Georgia, serif;} #brulea-carnet .cv-scrap-specimen{display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 12px 24px; margin: 60px 0px; text-align: left;} #brulea-carnet .cv-scrap-specimen h2,#brulea-carnet .cv-scrap-caption{grid-column: 1 / -1;} #brulea-carnet .cv-scrap-specimen h2{font: 30px Georgia, serif;} #brulea-carnet .cv-scrap-specimen > img{display: block; width: 100%; mix-blend-mode: multiply; mask-image: radial-gradient(rgb(0, 0, 0) 50%, transparent 74%);} #brulea-carnet .cv-scrap-specimen dl{margin: 0px;} #brulea-carnet .cv-scrap-specimen dl > div{border-bottom: 1px solid rgba(183, 167, 130, 0.44); padding: 15px 0px; position: relative;} #brulea-carnet .cv-scrap-specimen dt{font: italic 22px Georgia, serif; color: rgb(127, 134, 73);} #brulea-carnet .cv-scrap-specimen dd{margin: 7px 0px; font: 17px / 1.5 Georgia, serif;} #brulea-carnet .cv-scrap-caption{font: 14px / 1.5 Georgia, serif; color: rgb(120, 108, 88);} #brulea-carnet .cv-scrap-roots{display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; gap: 25px; margin: 55px 0px; text-align: left;} #brulea-carnet .cv-scrap-roots figure{margin: 0px;} #brulea-carnet .cv-scrap-roots svg{display: block; width: 100%; height: auto;} #brulea-carnet .cv-scrap-roots figcaption{font: 12px / 1.5 Georgia, serif; color: rgb(136, 119, 89); text-align: center;} #brulea-carnet .cv-scrap-roots h2{font: 29px / 1.2 Georgia, serif;} #brulea-carnet .cv-scrap-roots p{font: 19px / 1.7 Georgia, serif;} #brulea-carnet .cv-scrap-recipe-card{position: relative; align-self: start; padding: 20px; background: rgb(255, 249, 236); border: 1px solid rgba(219, 203, 170, 0.5); transform: rotate(-1deg); box-shadow: rgba(73, 63, 44, 0.07) 2px 5px 12px;} @media (max-width: 700px) {#brulea-carnet .cv-path-page .cv-path-forks.cv-scrap-trails{grid-template-columns: 1fr; gap: 35px; max-width: 320px; margin: 35px auto;} #brulea-carnet .cv-path-page .cv-scrap-trails :is(button,a[data-carnet-link]):nth-child(2){margin-top: 0px;} #brulea-carnet .cv-trail-picture{height: 200px;} #brulea-carnet .cv-scrap-arrival{grid-template-columns: 120px 1fr; gap: 10px;} #brulea-carnet .cv-scrap-arrival p{font-size: 18px;} #brulea-carnet .cv-scrap-specimen,#brulea-carnet .cv-scrap-roots{grid-template-columns: 1fr;} #brulea-carnet .cv-scrap-specimen > img{max-width: 340px; margin: auto;} #brulea-carnet .cv-scrap-roots figure{max-width: 320px; margin: auto;}} #brulea-carnet section.cv-path-page.cv-field-spread{--forest-field-brown: #3e3020; --forest-field-soft: #f8f2e6; --forest-field-border: #b9a98c; background: var(--forest-field-soft); color: var(--forest-field-brown); padding: clamp(1.4rem, 3vw, 2.8rem) clamp(1rem, 3vw, 2.2rem) clamp(2.4rem, 4vw, 3.8rem); max-width: 100%; font-family: Georgia, "Times New Roman", serif;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-heading,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading{max-width: min(850px, 100% - 2rem); margin: 0px auto clamp(1rem, 2vw, 1.5rem); text-align: center;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-kicker,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading .cv-field-kicker,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-kicker,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-heading small,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading small{margin: 0px 0px 0.55rem; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.78; font-size: clamp(0.76rem, 1.2vw, 0.9rem);} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-heading h1,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading h1{margin: 0px 0px 0.7rem; line-height: 1.07; letter-spacing: -0.03em; font-style: normal; font-size: clamp(42px, 5vw, 50px) !important;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-heading p,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading p{margin: 0px auto; max-width: 72ch; font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.6; opacity: 0.91;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-spread-inner,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread-inner{max-width: min(1000px, 100%); margin: 0px auto; display: grid; gap: clamp(1rem, 2vw, 1.7rem);} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-scene,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-scene{margin: 0px auto; width: 100%; max-width: min(850px, 100%); border-radius: clamp(8px, 1.4vw, 15px); overflow: hidden; isolation: isolate; position: relative;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-scene img,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-scene img{display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; mix-blend-mode: multiply; mask-image: radial-gradient(rgb(0, 0, 0) 72%, transparent 100%);} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects{display: grid; grid-template-columns: 58% 42%; grid-template-areas: "notebook recipe" "notebook visit"; align-items: start; gap: clamp(1rem, 1.9vw, 1.4rem); max-width: min(1000px, 100%); margin: 0px auto;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects :is(button,a[data-carnet-link]){appearance: none; border: 1px solid color-mix(in srgb, var(--forest-field-border), transparent 30%); background: rgb(255, 248, 234); text-align: left; color: var(--forest-field-brown); font-family: Georgia, "Times New Roman", serif; border-radius: 16px; padding: clamp(0.8rem, 1.4vw, 1.2rem); display: grid; gap: 0.5rem; min-height: 0px; cursor: pointer;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook{grid-area: notebook; background: transparent; border: 0px; padding: 0px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook figure{margin: 0px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook img{display: block; width: 100%; height: auto; border-radius: 16px; box-shadow: rgba(181, 161, 120, 0.227) 0px 10px 28px; mix-blend-mode: multiply; border: 1px solid color-mix(in srgb, var(--forest-field-border), #fff 50%);} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook strong,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook span{display: block;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook strong{margin-top: 0.55rem; font-size: clamp(1.4rem, 2vw, 1.75rem); line-height: 1.08;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook span{font-size: 1rem; opacity: 0.84; margin-bottom: 0.12rem;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe{grid-area: recipe; background: rgb(255, 253, 244); border: 1px solid color-mix(in srgb, var(--forest-field-border), transparent 45%); box-shadow: rgba(180, 163, 128, 0.173) 0px 7px 16px; border-radius: 14px; transform: translateY(-8%); width: min(100%, 92%); justify-self: start; position: relative; z-index: 2;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe figure{margin: 0px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe figure img{width: 100%; height: auto; display: block; object-fit: cover; border-radius: 10px; background: rgb(255, 249, 237); box-shadow: rgb(234, 215, 173) 0px 0px 0px 1px inset, rgba(138, 119, 77, 0.184) 0px 4px 16px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe figure figcaption{margin: 0.5rem 0.1rem 0.35rem; font-size: 0.85rem; font-style: italic; letter-spacing: 0.01em; opacity: 0.78;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe strong{display: block; font-size: clamp(1.25rem, 1.9vw, 1.55rem); line-height: 1.1;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe span{display: block; font-size: 0.98rem; opacity: 0.85;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit{grid-area: visit; background: rgb(244, 234, 211); border: 1px solid color-mix(in srgb, var(--forest-field-border), transparent 35%); border-radius: 14px; width: min(100%, 86%); place-self: end; justify-items: start; box-shadow: rgba(142, 120, 89, 0.25) 0px 6px 18px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit small{margin: 0px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; opacity: 0.72;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit strong{margin-top: 0.2rem; font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.08; font-weight: 600;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit span{margin-top: 0.2rem; font-size: 0.98rem; opacity: 0.85;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit em{margin-top: 0.35rem; display: block; font-style: italic; font-size: 0.95rem;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit small,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit strong,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit span,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit em{margin-left: 0.1rem;} @media (max-width: 700px) {#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-objects,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects{grid-template-columns: 1fr; grid-template-areas: "notebook" "recipe" "visit"; gap: 1rem;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit{width: 100%;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe{transform: none;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-heading{max-width: 100%; text-align: left;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-spread .cv-field-heading p,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading p{font-size: 1.05rem;} #brulea-carnet section.cv-path-page.cv-field-spread{padding-left: 1rem; padding-right: 1rem; overflow-x: hidden;}} #brulea-carnet .cv-shop-reader .ct-reader-content:has(.cv-field-spread){max-width: 1120px; padding-inline: 40px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading .cv-kicker{font: 11px / 1.5 sans-serif; letter-spacing: 2px; margin-bottom: 22px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-scene{border-radius: 0px; isolation: auto;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects{grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: 25px; margin-top: 10px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects :is(button,a[data-carnet-link]){border-radius: 0px; font-weight: normal;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects :is(button,a[data-carnet-link]):focus-visible{outline: rgb(126, 137, 74) solid 2px; outline-offset: 8px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook{align-self: center; transform: rotate(-4deg);} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook img{border: 0px; border-radius: 0px; box-shadow: none; mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent);} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook strong,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook span{padding-left: 12%; font-weight: normal;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe{transform: rotate(4deg); width: 90%; margin-top: 10px; padding: 10px 10px 18px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe figure img{border-radius: 0px; box-shadow: none;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe strong{font-weight: normal; font-size: 24px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit{border-radius: 0px; width: 90%; padding: 25px 20px; transform: rotate(-2deg); background: rgb(238, 226, 202); box-shadow: rgba(73, 63, 44, 0.082) 1px 4px 8px; border: 1px solid rgba(198, 180, 142, 0.5);} @media (max-width: 700px) {#brulea-carnet .cv-shop-reader .ct-reader-content:has(.cv-field-spread){padding-inline: 16px;} #brulea-carnet section.cv-path-page.cv-field-spread{padding: 15px 0px 40px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects{grid-template-columns: 1fr; gap: 36px;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading{text-align: center;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-heading h1{font-size: 36px !important;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-recipe,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-visit{width: 86%; justify-self: center;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook{transform: rotate(-2deg);}} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects .cv-field-notebook{background: none; border: 0px; padding: 0px; box-shadow: none;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-scene img,#brulea-carnet section.cv-path-page.cv-field-spread .cv-field-notebook img{filter: brightness(1.045); mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, transparent), linear-gradient(transparent, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 85%, transparent); mask-composite: intersect;} #brulea-carnet section.cv-path-page.cv-field-spread .cv-field-objects .cv-field-notebook{mix-blend-mode: multiply;} #brulea-carnet section.cv-cepe-article .cv-field-heading h1{font-size: clamp(34px, 4.3vw, 58px) !important; line-height: 1.13 !important;} #brulea-carnet section.cv-cepe-article .cv-field-heading > p:last-child{max-width: 650px; margin: 24px auto 0px; font-size: 21px; line-height: 1.65;} #brulea-carnet section.cv-cepe-article .cv-field-scene{margin: 12px auto 40px; max-width: 920px;} #brulea-carnet section.cv-cepe-article .cv-field-scene img{max-height: 530px; object-fit: contain;} #brulea-carnet .cv-cepe-article figure figcaption{font: italic 17px / 1.5 Georgia, serif; color: rgb(142, 120, 84); text-align: center;} #brulea-carnet .cv-cepe-reading{max-width: 720px; margin: 0px auto;} #brulea-carnet .cv-cepe-reading .cv-path-intro{font-size: 23px; line-height: 1.65; margin: 20px auto 38px;} #brulea-carnet .cv-cepe-notebook{display: grid; grid-template-columns: 1.2fr 1fr; gap: 34px; align-items: center; margin: 65px -15px;} #brulea-carnet .cv-cepe-notebook figure{margin: 0px; transform: rotate(-3deg); mix-blend-mode: multiply;} #brulea-carnet .cv-cepe-notebook img{width: 100%; filter: brightness(1.045); mask-image: radial-gradient(rgb(0, 0, 0) 57%, transparent 73%);} #brulea-carnet .cv-cepe-article h2{margin: 12px 0px 22px; font-size: 32px !important; line-height: 1.2 !important;} #brulea-carnet .cv-cepe-notebook dl{margin: 0px;} #brulea-carnet .cv-cepe-notebook dl > div{border-bottom: 1px solid rgb(217, 203, 177); padding: 14px 0px;} #brulea-carnet .cv-cepe-notebook dt{font-size: 22px; font-weight: bold;} #brulea-carnet .cv-cepe-notebook dd{font-size: 19px; line-height: 1.55; margin: 5px 0px 0px;} #brulea-carnet .cv-cepe-notebook .cv-scrap-caption{font-size: 15px; line-height: 1.5; margin-top: 18px;} #brulea-carnet .cv-cepe-reading .cv-path-note{margin: 36px 0px; padding: 0px; border: 0px;} #brulea-carnet .cv-cepe-reading p,#brulea-carnet .cv-cepe-table p{font-size: 20px; line-height: 1.7;} #brulea-carnet .cv-cepe-tree{border-block: 1px solid rgb(217, 203, 177); padding: 25px 0px; margin: 40px 0px;} #brulea-carnet .cv-cepe-table{display: grid; grid-template-columns: 1fr 1fr; gap: 45px; align-items: center; margin: 75px 0px 30px;} #brulea-carnet .cv-cepe-table figure{margin: 0px; padding: 12px; background: rgb(255, 249, 237); transform: rotate(-3deg); box-shadow: rgba(104, 83, 43, 0.08) 0px 8px 24px;} #brulea-carnet .cv-cepe-table img{width: 100%; display: block;} #brulea-carnet .cv-cepe-table figcaption{padding: 10px 0px 0px;} #brulea-carnet .cv-cepe-recipe-link{border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(160, 139, 98); border-image: none; background: none; padding: 14px 0px; color: inherit; font: 22px / 1.4 Georgia, serif; text-align: left; cursor: pointer;} #brulea-carnet .cv-cepe-recipe-link:focus-visible{outline: rgb(121, 125, 73) solid 2px; outline-offset: 5px;} @media (max-width: 700px) {#brulea-carnet .cv-shop-reader .ct-reader-content:has(.cv-cepe-article){padding-inline: 20px;} #brulea-carnet .cv-cepe-notebook,#brulea-carnet .cv-cepe-table{grid-template-columns: 1fr; gap: 24px; margin: 40px 0px;} #brulea-carnet .cv-cepe-notebook figure{max-width: 470px; margin: auto;} #brulea-carnet section.cv-cepe-article .cv-field-heading > p:last-child{font-size: 18px;} #brulea-carnet .cv-cepe-reading p,#brulea-carnet .cv-cepe-table p{font-size: 18px;} #brulea-carnet .cv-cepe-article h2{font-size: 28px !important;} #brulea-carnet .cv-cepe-table figure{margin: 0px 8px;}} #brulea-carnet .cv-chapter .cv-chapter-hero{position: relative; aspect-ratio: 3 / 2; background: rgb(248, 242, 230); color: rgb(73, 63, 44); isolation: isolate;} #brulea-carnet .cv-chapter-scene{display: block; width: 100%; height: auto; mask-image: linear-gradient(rgb(0, 0, 0) 88%, transparent 100%);} #brulea-carnet .cv-chapter-copy{position: absolute; top: 15%; left: 36%; width: 43%; text-align: center;} #brulea-carnet .cv-chapter-copy h1{font: clamp(36px, 4.5vw, 76px) / 1.05 Georgia, serif; letter-spacing: -0.035em; margin: 20px 0px;} #brulea-carnet .cv-chapter-copy h1 i{color: rgb(117, 96, 63); font-weight: normal;} #brulea-carnet .cv-chapter-copy > p:not(.cv-kicker){font: clamp(15px, 1.35vw, 22px) / 1.6 Georgia, serif; margin: 18px auto; max-width: 470px;} #brulea-carnet .cv-chapter-copy .cv-kicker{font-size: 10px; letter-spacing: 2px;} #brulea-carnet .cv-chapter-copy :is(button,a[data-carnet-link]){background: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(162, 140, 101); border-image: none; color: inherit; font: 12px / 1.6 sans-serif; letter-spacing: 0.7px; padding: 10px 0px; cursor: pointer;} #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy{top: 10%; left: 32%; width: 44%;} #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy h1{font-size: clamp(34px, 4.1vw, 67px);} #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy > p:not(.cv-kicker){font-size: clamp(14px, 1.2vw, 20px);} #brulea-carnet .cv-chapter .cv-paper{max-width: 1100px; background: none; box-shadow: none; padding: 15px 60px 60px;} #brulea-carnet .cv-chapter .cv-paper::before{display: none;} #brulea-carnet .cv-chapter-reader-note{font: italic 18px / 1.6 Georgia, serif; color: rgb(128, 109, 78); max-width: 350px;} #brulea-carnet .cv-chapter .cv-top{position: relative; padding: 25px 5%; background: rgb(248, 242, 230); color: rgb(73, 63, 44);} #brulea-carnet .cv-chapter .cv-top [aria-current="false"]{border-bottom-color: transparent;} #brulea-carnet .cv-chapter .cv-top [aria-current="page"]{border-bottom: 1px solid rgb(161, 139, 102);} #brulea-carnet .cv-chapter .cv-card .cv-kicker{letter-spacing: 1.6px;} #brulea-carnet .cv-chapter :is(button,a[data-carnet-link]):focus-visible{outline: rgb(121, 125, 73) solid 2px; outline-offset: 5px;} @media (max-width: 850px) {#brulea-carnet .cv-chapter .cv-paper{padding: 10px 30px 40px;} #brulea-carnet .cv-chapter-copy{top: 12%; left: 35%; width: 44%;} #brulea-carnet .cv-chapter-copy h1{font-size: 38px;} #brulea-carnet .cv-chapter-copy > p:not(.cv-kicker){font-size: 14px;} #brulea-carnet .cv-chapter-copy :is(button,a[data-carnet-link]){font-size: 10px;} #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy{top: 7%;}} @media (max-width: 600px) {#brulea-carnet .cv-chapter .cv-chapter-hero{display: flex; flex-direction: column; aspect-ratio: auto;} #brulea-carnet .cv-chapter .cv-chapter-copy{position: relative; top: auto; left: auto; width: auto; order: -1; padding: 32px 22px 6px;} #brulea-carnet .cv-chapter .cv-chapter-copy h1{font-size: 41px; margin: 16px 0px;} #brulea-carnet .cv-chapter .cv-chapter-copy > p:not(.cv-kicker){font-size: 16px;} #brulea-carnet .cv-chapter .cv-chapter-copy :is(button,a[data-carnet-link]){font-size: 12px;} #brulea-carnet .cv-chapter-scene{margin-top: 0px;} #brulea-carnet .cv-chapter .cv-top{padding: 18px 20px; flex-wrap: wrap; gap: 16px;} #brulea-carnet .cv-chapter .cv-top nav{width: 100%; gap: 15px; justify-content: space-between; flex-wrap: wrap;} #brulea-carnet .cv-chapter .cv-top nav :is(button,a[data-carnet-link]){font-size: 13px;} #brulea-carnet .cv-chapter .cv-paper{padding: 15px 22px 40px;} #brulea-carnet .cv-chapter .cv-tools{display: block;} #brulea-carnet .cv-chapter .cv-search{display: block; width: 100%;} #brulea-carnet .cv-chapter .cv-heading h2{font-size: 34px;}} @media (min-width: 601px) {#brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy{top: 5%;} #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy h1{font-size: clamp(34px, 3.7vw, 60px); margin: 14px 0px;} #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy > p:not(.cv-kicker){margin: 12px auto; font-size: clamp(14px, 1.15vw, 19px);} #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy :is(button,a[data-carnet-link]){background: rgba(248, 242, 230, 0.85); padding: 8px 12px;}} #brulea-carnet .cv-found-mures img{mix-blend-mode: multiply;} #brulea-carnet .cv-blackberry-article{--mures-ink: #654455;} #brulea-carnet .cv-blackberry-article .cv-field-heading i,#brulea-carnet .cv-blackberry-article h2 i{color: var(--mures-ink);} #brulea-carnet .cv-mures-fieldnotes{display: grid; grid-template-columns: 1fr 1.2fr; gap: 42px; margin: 55px auto; max-width: 920px; padding: 32px; background: rgb(255, 251, 240); box-shadow: rgba(104, 83, 43, 0.043) 0px 8px 22px; border-block: 1px solid rgb(221, 206, 180);} #brulea-carnet .cv-mures-fieldnotes p,#brulea-carnet .cv-mures-fieldnotes dd{font-size: 19px; line-height: 1.65;} #brulea-carnet .cv-mures-fieldnotes dl{margin: 0px; padding-left: 28px; border-left: 1px solid rgb(203, 184, 153);} #brulea-carnet .cv-mures-fieldnotes dl > div + div{margin-top: 25px;} #brulea-carnet .cv-mures-fieldnotes dt{font-size: 22px; font-weight: bold;} #brulea-carnet .cv-mures-fieldnotes dd{margin: 7px 0px 0px;} #brulea-carnet .cv-mures-picking{margin-bottom: 70px;} #brulea-carnet .cv-mures-recipe{margin: 70px auto; max-width: 920px; padding-top: 40px; border-top: 1px solid rgb(204, 185, 151);} #brulea-carnet .cv-mures-recipe > header{max-width: 650px; margin: 0px auto 28px; text-align: center;} #brulea-carnet .cv-mures-recipe > header p,#brulea-carnet .cv-mures-farm > p{font-size: 20px; line-height: 1.7;} #brulea-carnet .cv-blackberry-article .cv-kicker{letter-spacing: 2px; font: 11px / 1.5 sans-serif !important;} #brulea-carnet .cv-mures-photo{margin: 25px auto 38px; padding: 12px; background: rgb(255, 250, 240); box-shadow: rgba(104, 83, 43, 0.08) 0px 8px 26px; transform: rotate(-1deg); max-width: 800px;} #brulea-carnet .cv-mures-photo img{display: block; width: 100%; height: auto;} #brulea-carnet .cv-mures-photo figcaption{padding: 13px 8px 3px;} #brulea-carnet .cv-mures-photo--gelee{transform: rotate(1deg);} #brulea-carnet .cv-mures-recipe-columns{display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.3fr); gap: 42px; align-items: start;} #brulea-carnet .cv-mures-ingredients{background: rgb(238, 228, 209); padding: 25px; position: relative;} #brulea-carnet .cv-mures-ingredients::before{content: ""; position: absolute; top: -8px; left: 30%; width: 70px; height: 20px; background: rgba(216, 202, 168, 0.59); transform: rotate(-4deg);} #brulea-carnet .cv-blackberry-article h3{font: 700 24px / 1.3 Georgia, serif; color: inherit; margin: 0px 0px 15px;} #brulea-carnet .cv-mures-ingredients ul{margin: 0px 0px 22px; padding-left: 20px;} #brulea-carnet .cv-mures-ingredients li,#brulea-carnet .cv-mures-ingredients p{font-size: 18px; line-height: 1.65; margin-bottom: 10px;} #brulea-carnet .cv-mures-method ol{padding-left: 25px; margin: 0px;} #brulea-carnet .cv-mures-method li{font-size: 19px; line-height: 1.7; padding-left: 5px; margin-bottom: 24px;} #brulea-carnet .cv-mures-method li::marker{color: rgb(153, 117, 77); font-style: italic;} #brulea-carnet .cv-mures-method strong{display: block; font-weight: normal; font-size: 23px; margin-bottom: 5px;} #brulea-carnet .cv-mures-spice{font: italic 18px / 1.7 Georgia, serif; border-left: 2px solid rgb(147, 134, 82); padding: 8px 0px 8px 20px;} #brulea-carnet .cv-blackberry-article .cv-mures-small{font: 15px / 1.6 Georgia, serif; color: rgb(116, 99, 75);} #brulea-carnet .cv-mures-farm{max-width: 780px; margin: 80px auto 25px; border-block: 1px solid rgb(204, 185, 151); padding: 35px 0px;} #brulea-carnet .cv-mures-pairings{display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 30px 0px;} #brulea-carnet .cv-mures-pairings p{font: 19px / 1.65 Georgia, serif;} @media (max-width: 700px) {#brulea-carnet .cv-mures-fieldnotes,#brulea-carnet .cv-mures-recipe-columns,#brulea-carnet .cv-mures-pairings{grid-template-columns: 1fr; gap: 25px;} #brulea-carnet .cv-mures-fieldnotes{padding: 24px 18px; margin: 30px auto;} #brulea-carnet .cv-mures-fieldnotes dl{padding: 20px 0px 0px; border-left: 0px; border-top: 1px solid rgb(203, 184, 153);} #brulea-carnet .cv-mures-photo{margin: 20px 5px 30px; padding: 7px; transform: none;} #brulea-carnet .cv-mures-recipe{margin: 45px auto; padding-top: 30px;} #brulea-carnet .cv-mures-farm{margin-top: 50px;} #brulea-carnet .cv-mures-recipe > header p,#brulea-carnet .cv-mures-farm > p{font-size: 18px;}} #brulea-carnet .cv-blackberry-article .cv-mures-fieldnotes,#brulea-carnet .cv-blackberry-article .cv-mures-recipe-columns,#brulea-carnet .cv-blackberry-article .cv-mures-picking,#brulea-carnet .cv-blackberry-article .cv-mures-farm{text-align: left;} /* Native Warehouse integration: all illustration styles stay inside the Carnet. */ body:has(#brulea-carnet) #content-wrapper{padding:0} body:has(#brulea-carnet) #wrapper .breadcrumb{display:none} body:has(#brulea-carnet) #main>.page-header{display:none} body:has(#brulea-carnet) #content{padding:0;background:transparent} #brulea-carnet{font:21px/1.7 Lora,Georgia,serif;color:#493f2c;background:#f8f2e6;--cream:#f8f2e6;--ink:#493f2c;--forest:#808a4a;--line:#dfd2be;container-type:inline-size} #brulea-carnet .cv-voyages.cv-shop-example{background:#f8f2e6!important} #brulea-carnet a[data-carnet-link]{color:inherit;text-decoration:none;cursor:pointer} #brulea-carnet .cv-card>a{display:block;width:100%;text-align:left} #brulea-carnet .cv-found>a{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;text-align:left} #brulea-carnet [hidden]{display:none!important} #brulea-carnet .cv-path-page{max-width:1100px;margin:auto;padding:50px 6%} #brulea-carnet .native-article{padding:45px 7%;max-width:1100px;margin:auto} #brulea-carnet .native-article>h1{font:500 clamp(30px,4cqw,54px)/1.18 Lora,Georgia,serif;margin:0 0 32px} #brulea-carnet .native-article .simpleblog__post__content{font:18px/1.8 Lora,Georgia,serif} #brulea-carnet .native-article img{max-width:100%;height:auto} #brulea-carnet .native-article h2{font-size:30px;margin-top:32px} #brulea-carnet .native-article h3{font-size:24px;margin-top:24px} #brulea-carnet .cl-library header{z-index:2;text-shadow:0 1px 14px #fff9e9} #brulea-carnet .cl-library h1{background:transparent} #brulea-carnet>.cv-top{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 5%;background:#f8f2e6;color:#493f2c} #brulea-carnet>.cv-top nav{display:flex;gap:20px;flex-wrap:wrap} #brulea-carnet>.cv-top a{font-size:14px;min-height:44px;display:inline-flex;align-items:center} #brulea-carnet>.cv-top>a{font-size:20px} @media(max-width:600px){#brulea-carnet{font-size:17px}#brulea-carnet .cv-found>a{grid-template-columns:1fr}#brulea-carnet .cv-path-page{padding:30px 5%}#brulea-carnet .cv-top{flex-wrap:wrap}#brulea-carnet .cv-top nav{display:flex;flex-wrap:wrap;gap:10px}#brulea-carnet .native-article{padding:25px 6%}} /* All Carnet pages: illustration flush with the native content block. */ body:has(#brulea-carnet) #inner-wrapper{padding-inline:0} #brulea-carnet .cv-shop-content-shell{width:100%;max-width:none;margin:0;border:0;box-shadow:none} /* Rubrique menus sit over the original landscape, with a light reading veil. */ #brulea-carnet .cv-voyages.cv-shop-example .cv-shop-content-shell > .cv-top{ position:absolute;inset:0 0 auto;z-index:8;min-height:0;padding:14px 5%;gap:20px; background:rgba(248,242,230,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px); color:#493f2c;border:0;box-shadow:none; } #brulea-carnet :is(.cv-chapter--rencontres,.cv-chapter--cours) .cv-chapter-copy{top:max(100px,12%)} @media (min-width:601px) and (max-width:850px){ #brulea-carnet .cv-chapter .cv-chapter-copy{top:130px} #brulea-carnet .cv-shop-example .cv-clearing .cv-hero-copy{top:130px} } @media (max-width:600px){ #brulea-carnet .cv-voyages.cv-shop-example .cv-shop-content-shell > .cv-top{padding:10px 5%;gap:4px 12px;flex-wrap:wrap} #brulea-carnet .cv-voyages.cv-shop-example .cv-top > a{font-size:17px} #brulea-carnet .cv-voyages.cv-shop-example .cv-top > span{margin-left:auto;font-size:8px} #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav{width:100%;margin:0;gap:2px 12px;justify-content:space-between;flex-wrap:wrap} #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav a{font-size:12px;min-height:40px;display:inline-flex;align-items:center} #brulea-carnet .cv-chapter .cv-chapter-copy{order:0;top:auto;padding:12px 22px 24px} #brulea-carnet .cv-shop-example .cv-clearing.cv-hero{background-position:center top;padding-top:66.667cqw;aspect-ratio:auto} #brulea-carnet .cv-shop-example .cv-clearing .cv-hero-copy{position:relative;inset:auto;width:auto;height:auto;padding:12px 20px 10px} #brulea-carnet .cv-shop-example .cv-clearing .cv-companions{position:relative;inset:auto;padding:20px 15px 30px} } /* Essai LOCAL v2 : feuillets de carnet, sans cadre géométrique. */ #brulea-carnet .cv-chapter--rencontres { --album-paper: #f2e8d2; --album-edge: #d7bc8d; --album-ink: #92734e; } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image { isolation: isolate; padding: 10px 10px 32px; background: radial-gradient(ellipse at 2% 6%, #b58c4940, transparent 25%), radial-gradient(ellipse at 96% 100%, #bc985b30, transparent 37%), linear-gradient(95deg, #e6d5b4, var(--album-paper) 12%, #f8f0dc 55%, #e9dabc); border: 0; border-radius: 0; box-shadow: none; transform: none; clip-path: polygon(.4% .7%, 8% .3%, 18% .6%, 28% 0%, 37% .4%, 49% .2%, 58% .6%, 69% .1%, 79% .5%, 91% .2%, 99.5% .6%, 99.8% 12%, 99.4% 26%, 99.8% 40%, 99.5% 57%, 100% 73%, 99.6% 88%, 99.8% 99.1%, 90% 99.6%, 78% 99.3%, 66% 100%, 56% 99.5%, 43% 99.8%, 32% 99.3%, 19% 99.7%, 9% 99.2%, .3% 99.6%, .6% 85%, .2% 73%, .5% 58%, 0% 42%, .4% 27%, .1% 14%); } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image::before { content: ""; display: block; position: absolute; inset: 0; width: auto; height: auto; border: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23795d35' filter='url(%23grain)' opacity='.28' d='M0 0h220v220H0z'/%3E%3C/svg%3E"); background-size: 220px 220px; opacity: .26; mix-blend-mode: multiply; transform: none; pointer-events: none; z-index: 2; } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image img { outline: none; mix-blend-mode: multiply; mask-image: linear-gradient(90deg, transparent, #000 1.8%, #000 98.2%, transparent),linear-gradient(0deg, transparent, #000 2.2%, #000 98.5%, transparent); mask-composite: intersect; } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-number { right: 22px; bottom: 9px; padding: 0; background: none; font: italic 14px/1 Georgia, serif; color: var(--album-ink); } @media(max-width:700px) { #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image { padding: 7px 7px 27px; } } /* Five original editorial categories — LOCAL 2026-09-16. */ #brulea-carnet .cv-top {flex-wrap:wrap} #brulea-carnet .cv-top nav {display:flex;flex-wrap:wrap;flex:1 0 100%;width:100%;margin:0;gap:4px 24px;justify-content:center} #brulea-carnet .cv-top nav a {font-size:13px;line-height:1.4;min-height:36px;display:inline-flex;align-items:center} #brulea-carnet .cv-top nav a[aria-current="page"] {text-decoration:underline;text-underline-offset:5px} #brulea-carnet .cv-voyages.cv-shop-example .cv-shop-content-shell > .cv-top {position:absolute;inset:0 0 auto;background:rgba(248,242,230,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)} #brulea-carnet .cv-chapter .cv-chapter-copy h1,#brulea-carnet .cv-clearing .cv-hero-copy h1 {font-size:clamp(32px,4.5cqw,68px);line-height:1.13} #brulea-carnet .cl-library .cl-books {grid-template-columns:repeat(5,minmax(0,1fr));left:9%;right:9%;gap:2%;bottom:8%} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book {height:clamp(230px,24cqw,330px)} #brulea-carnet .cl-library .cl-book-wrap:nth-child(5) {--pose-angle:-7deg;--pose-y:5px;--pose-scale:.98} #brulea-carnet .cl-library .cl-book > strong {font-size:clamp(17px,1.7cqw,25px);line-height:1.2;white-space:normal;margin:10px 9% 5px} #brulea-carnet .cl-library .cl-book > em {font-size:clamp(10px,1cqw,14px);line-height:1.4} @media(max-width:850px){ #brulea-carnet .cv-shop-content-shell > .cl-library {height:auto;min-height:0;max-height:none;padding-bottom:40px;background-position:center top} #brulea-carnet .cl-library .cl-books {position:relative;inset:auto;width:auto;margin:260px 8% 50px;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book {height:240px;transform:rotate(var(--pose-angle));--pose-angle:0deg} #brulea-carnet .cl-library .cl-book > strong {font-size:22px} #brulea-carnet .cl-library .cl-book > em {font-size:12px} #brulea-carnet .cl-library footer {position:relative;inset:auto;margin:20px auto} } @media(max-width:450px){ #brulea-carnet .cl-library .cl-books {margin:200px 5% 40px;gap:22px 16px} #brulea-carnet .cl-library .cl-book-wrap:nth-child(n) .cl-book {height:225px} #brulea-carnet .cl-library .cl-book > strong {font-size:18px} #brulea-carnet .cv-top nav {gap:2px 14px;justify-content:flex-start} #brulea-carnet .cv-top nav a {font-size:12px} } #brulea-carnet .cl-library .cl-book--cafeiers {background-image:url('/themes/brulea-child/assets/carnet/media/carnet-saveurs/univers-brulea/carnet-cafeiers-aquarelle-v1.png');background-size:100% 100%;background-position:center} /* Blog coherence, 17 September 2026: shared reading layout. */ #brulea-carnet .br-article{max-width:780px;margin:0 auto;font-size:18px;line-height:1.8;color:#493f2e;overflow-wrap:break-word} #brulea-carnet .br-article .br-lead{font-size:1.13em;line-height:1.75} #brulea-carnet .br-article h2{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:2em 0 .7em;scroll-margin-top:110px} #brulea-carnet .br-article h3{font-size:23px;line-height:1.35;margin:1.5em 0 .65em} #brulea-carnet .br-article p{margin:0 0 1.15em} #brulea-carnet .br-article nav{border-block:1px solid #d7c9b0;margin:2em 0;padding:1.25em 0} #brulea-carnet .br-article a{text-decoration:underline;text-underline-offset:3px} #brulea-carnet .br-table{overflow-x:auto;margin:1.6em 0;max-width:100%} #brulea-carnet .br-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px;line-height:1.6} #brulea-carnet .br-table th,#brulea-carnet .br-table td{padding:13px 15px;border:1px solid #d7c9b0;text-align:left;vertical-align:top} #brulea-carnet .br-table thead{background:#eee6d4} #brulea-carnet .fc-dairy{grid-template-columns:1fr!important;max-width:900px;margin:auto} #brulea-carnet .fc-directions{max-width:620px;margin:0 auto 40px} #brulea-carnet .fc-directions img{width:100%;max-height:420px;object-fit:contain} #brulea-carnet .br-byline{font-size:14px;color:#74644c;margin:10px 0 24px} @media(max-width:600px){#brulea-carnet .br-article{font-size:17px}#brulea-carnet .br-table table{font-size:15px}#brulea-carnet .fc-directions{max-width:90%}} /* Keep chapter headings clear of the restored two-row overlay. */ @media(min-width:851px){#brulea-carnet .cv-chapter .cv-chapter-copy{top:max(180px,18%)}} /* Compact chapter navigation: preserve the landscape and touch targets. */ #brulea-carnet .cv-voyages.cv-shop-example .cv-shop-content-shell > .cv-top{padding:8px 4%;gap:0 20px;align-items:center} #brulea-carnet .cv-voyages.cv-shop-example .cv-top > a{font-size:17px;line-height:1.4;padding:8px 0;border:0} #brulea-carnet .cv-voyages.cv-shop-example .cv-top > span{font-size:9px;margin-left:auto} #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav{gap:0 20px;justify-content:flex-start} #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav a{padding:6px 0;min-height:36px;line-height:1.4} @media(min-width:1100px){ #brulea-carnet .cv-voyages.cv-shop-example .cv-top{flex-wrap:nowrap} #brulea-carnet .cv-voyages.cv-shop-example .cv-top > a{white-space:nowrap} #brulea-carnet .cv-voyages.cv-shop-example .cv-top > span{display:none} #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav{flex:1 1 auto;width:auto;justify-content:flex-end;flex-wrap:nowrap;gap:20px} #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav a{white-space:nowrap} #brulea-carnet .cv-chapter .cv-chapter-copy{top:max(110px,14%)} } @media(max-width:600px){ #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav{flex-wrap:nowrap;overflow-x:auto;gap:20px;scrollbar-width:thin} #brulea-carnet .cv-voyages.cv-shop-example .cv-top nav a{flex:none;white-space:nowrap;min-height:44px} } /* Fade the reading veil into the illustration; text stays sharp. */ #brulea-carnet .cv-voyages.cv-shop-example .cv-shop-content-shell > .cv-top{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;overflow:visible} #brulea-carnet .cv-voyages.cv-shop-example .cv-shop-content-shell > .cv-top::before{content:"";position:absolute;inset:0 0 -36px;z-index:-1;pointer-events:none;background:rgba(248,242,230,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 48px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 48px),transparent 100%)} /* Articles use the same compact chapter navigation. */ #brulea-carnet .cv-top > a[data-carnet-link],#brulea-carnet .cv-top > span{display:none!important} #brulea-carnet > .cv-top{position:relative;inset:auto;display:flex;padding:8px 4%;margin:0;min-height:0;gap:0;background:transparent;color:#493f2c;border:0;box-shadow:none;isolation:isolate;overflow:visible;z-index:8} #brulea-carnet > .cv-top nav{flex:1 1 auto;width:100%;margin:0;display:flex;justify-content:center;gap:0 24px} #brulea-carnet > .cv-top nav a{padding:6px 0;min-height:40px;display:inline-flex;align-items:center;line-height:1.4;font-size:13px;white-space:nowrap} #brulea-carnet > .cv-top::before{content:"";position:absolute;inset:0 0 -28px;z-index:-1;pointer-events:none;background:rgba(248,242,230,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(#000 calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 40px),transparent)} @media(max-width:767px){#brulea-carnet > .cv-top nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:20px;scrollbar-width:thin}#brulea-carnet > .cv-top nav a{flex:none;min-height:44px}} /* Six carnets — LOCAL 2026-09-28 */ #brulea-carnet .cv-shop-content-shell>.cl-library{height:auto;min-height:0;max-height:none;padding-bottom:35px;background-position:center top} #brulea-carnet .cl-library .cl-books{position:relative;inset:auto;margin:240px 9% 45px;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px} #brulea-carnet .cl-library footer{position:relative;inset:auto;margin:20px auto} @media(max-width:700px){#brulea-carnet .cl-library .cl-books{grid-template-columns:repeat(2,minmax(0,1fr));margin:210px 6% 35px;gap:25px 20px}} /* Rencontres LOCAL : scènes à la largeur de la page, illustrations sans cadre. */ #brulea-carnet .cv-chapter--rencontres .cv-paper { --rencontres-gutter: clamp(22px, 5cqw, 64px); max-width: none; width: 100%; margin-inline: 0; padding-inline: var(--rencontres-gutter); } #brulea-carnet .cv-chapter--rencontres .cv-grid { gap: 40px; } #brulea-carnet .cv-chapter--rencontres .cv-card { margin: 0; max-width: none; width: 100%; padding-bottom: 0; } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image { padding: 0; background: none; box-shadow: none; clip-path: none; transform: none; } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image::before { content: none; } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image img { width: 100%; height: auto; object-fit: contain; transform: none; mask-image: none; } #brulea-carnet .cv-chapter--rencontres .cv-card.cu-meeting-scene > a[data-carnet-link] { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 15px 40px; } #brulea-carnet .cv-chapter--rencontres .cu-meeting-scene[data-scene="1"] > a[data-carnet-link] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); } #brulea-carnet .cv-chapter--rencontres .cu-farm-landscape { width: 100%; max-width: 100%; min-width: 0; margin: 0; } #brulea-carnet .cv-chapter--rencontres .cv-card-3, #brulea-carnet .cv-chapter--rencontres .cv-card:has(+ .cu-meeting-scene) { grid-column: 1 / -1; } #brulea-carnet .cv-chapter--rencontres .cv-card-3 > a[data-carnet-link], #brulea-carnet .cv-chapter--rencontres .cv-card:has(+ .cu-meeting-scene) > a[data-carnet-link] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 35px; align-items: center; } @media (max-width: 700px) { #brulea-carnet .cv-chapter--rencontres .cv-grid { grid-template-columns: 1fr; gap: 35px; } #brulea-carnet .cv-chapter--rencontres .cv-card > a[data-carnet-link] { display: block; } #brulea-carnet .cv-chapter--rencontres .cv-card.cu-meeting-scene > a[data-carnet-link] { gap: 8px; } #brulea-carnet .cv-chapter--rencontres .cv-card .cv-card-copy { padding: 15px 0 0; } #brulea-carnet .cv-chapter--rencontres .cu-farm-landscape { align-self: center; } } /* Coherence 20260929: editorial choices precede the full recipe directory. */ #brulea-carnet .cv-meal-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;margin:35px 0 64px} #brulea-carnet .cv-meal-feature img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} #brulea-carnet .cv-meal-feature h2{font-size:clamp(28px,3vw,45px);line-height:1.15} #brulea-carnet .cv-meal-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} #brulea-carnet .cv-meal-path-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} #brulea-carnet .cv-meal-path-grid h3{font-size:24px;line-height:1.2;margin:20px 0 12px} #brulea-carnet .cv-meal-path-grid p{font-size:17px;line-height:1.6} #brulea-carnet .cv-meal-path-grid nav a,#brulea-carnet .cv-producer-links a{display:block;padding:8px 0;text-decoration:underline;text-underline-offset:4px} #brulea-carnet .cv-producer-links{padding:0 20px 20px} #brulea-carnet .cv-meal-gesture{margin:45px 0;padding:24px 0;border-top:1px solid #bda77c;border-bottom:1px solid #bda77c} #brulea-carnet .cv-meal-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:15px 0} #brulea-carnet .cv-meal-filters label{display:block;font-size:15px} #brulea-carnet .cv-meal-filters select{display:block;width:100%;min-height:46px;padding:10px;border:1px solid #bda77c;background:#fffbef;color:#554934;font:inherit} #brulea-carnet [hidden]{display:none!important} #brulea-carnet .cv-meal-empty{padding:30px 0;font-size:18px} #brulea-carnet .cv-directory-title{scroll-margin-top:100px} #brulea-carnet .cv-meal-feature a:focus-visible,#brulea-carnet .cv-meal-paths a:focus-visible,#brulea-carnet .cv-producer-links a:focus-visible{outline:3px solid #426343;outline-offset:4px} @media(max-width:760px){#brulea-carnet .cv-meal-feature,#brulea-carnet .cv-meal-path-grid{grid-template-columns:1fr}#brulea-carnet .cv-meal-filters{grid-template-columns:1fr}#brulea-carnet .cv-meal-feature{gap:20px;margin-bottom:35px}#brulea-carnet .cv-meal-path-grid{gap:32px}} /* Portraits: keep each reading path full-width on small screens. */ @media(max-width:850px){ #brulea-carnet .cv-chapter--rencontres .cv-card>a[data-carnet-link]{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;} #brulea-carnet .cv-chapter--rencontres .cv-card>a[data-carnet-link]>.cv-image, #brulea-carnet .cv-chapter--rencontres .cv-card>a[data-carnet-link]>.cv-card-copy{grid-column:1!important;grid-row:auto!important;order:initial!important;width:100%;} } /* Existing producer product, alongside its culinary use. */ #brulea-carnet .cv-farm-product{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:28px;align-items:center;margin-top:30px;padding-top:25px;border-top:1px solid #d4c7ae;} #brulea-carnet .cv-farm-product img{display:block;width:100%;height:220px;object-fit:contain;} #brulea-carnet .cv-farm-product h3{margin:8px 0 16px;} #brulea-carnet .cv-farm-product a{text-decoration:underline;text-underline-offset:4px;} @media(max-width:600px){#brulea-carnet .cv-farm-product{grid-template-columns:minmax(0,1fr);gap:15px;}#brulea-carnet .cv-farm-product img{width:180px;height:180px;margin:auto;}} /* Two index-only narrative scenes: animal foreground reaches toward the copy. */ #brulea-carnet .cv-chapter--rencontres .cv-card.cu-narrative-portrait > a[data-carnet-link]{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;align-items:center;overflow:visible} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait .cv-image{overflow:visible;position:relative;z-index:1} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait .cv-image img{width:125%;max-width:none;height:auto;display:block} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait .cv-card-copy{padding:0 0 60px 48px;position:relative;z-index:2} @media(max-width:700px){ #brulea-carnet .cv-chapter--rencontres .cv-card.cu-narrative-portrait > a[data-carnet-link]{display:flex!important;flex-direction:column;gap:0} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait .cv-image img{width:100%;max-width:100%} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait .cv-card-copy{padding:12px 0 0} } /* Rencontres: Carla left, Courcelles right, Moenes left. */ @media(min-width:851px){ #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait[data-scene="0"] > a[data-carnet-link]{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait[data-scene="0"] .cv-image{grid-column:2;grid-row:1} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait[data-scene="0"] .cv-image img{width:100%;margin-left:0;transform:none} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait[data-scene="0"] .cv-card-copy{grid-column:1;grid-row:1;padding:0 32px 0 0} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="ferme-des-moenes"]) > a[data-carnet-link]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="ferme-des-moenes"]) .cv-image{grid-column:1;grid-row:1} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="ferme-des-moenes"]) .cv-card-copy{grid-column:2;grid-row:1} } @media(max-width:850px){ #brulea-carnet .cv-chapter--rencontres .cv-card.cu-narrative-portrait > a[data-carnet-link]{display:flex!important;flex-direction:column;gap:0} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait .cv-image img{width:100%;max-width:100%;margin-left:0;transform:none} #brulea-carnet .cv-chapter--rencontres .cu-narrative-portrait .cv-card-copy{padding:12px 0 0} } /* Tifaine follows Courcelles; rectangular scene, then Moenes on the right. */ #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="l-enclos-des-chevrettes"]){grid-column:1/-1} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="l-enclos-des-chevrettes"]) .cv-image img{aspect-ratio:auto;object-fit:contain;object-position:center;height:auto} @media(min-width:851px){ #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="l-enclos-des-chevrettes"]) > a[data-carnet-link]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:35px;align-items:center} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="l-enclos-des-chevrettes"]) .cv-image{grid-column:1;grid-row:1} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="l-enclos-des-chevrettes"]) .cv-card-copy{grid-column:2;grid-row:1} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="ferme-des-moenes"]) .cv-image{grid-column:2;grid-row:1} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="ferme-des-moenes"]) .cv-card-copy{grid-column:1;grid-row:1} } /* The goat crosses the rectangular scene into the reading gutter. */ #brulea-carnet .cv-chapter--rencontres .cu-goat-outside .cv-image{overflow:visible;position:relative;z-index:1} #brulea-carnet .cv-chapter--rencontres .cu-goat-outside .cv-image img{width:128%;max-width:none;display:block;transform:none} #brulea-carnet .cv-chapter--rencontres .cu-goat-outside .cv-card-copy{padding-left:clamp(90px,8vw,125px);position:relative;z-index:2} @media(max-width:850px){ #brulea-carnet .cv-chapter--rencontres .cu-goat-outside .cv-image img{width:100%;max-width:100%} #brulea-carnet .cv-chapter--rencontres .cu-goat-outside .cv-card-copy{padding-left:0} } /* A shared spread for the farm pasta makers, with both portraits retained. */ #brulea-carnet .cu-pasta-group{grid-column:1/-1;padding:28px 0;margin:12px 0;border-block:1px solid var(--br-maison-green);} #brulea-carnet .cu-pasta-group[hidden]{display:none!important} #brulea-carnet .cu-pasta-group h2{font-family:inherit;font-size:clamp(28px,3vw,38px);margin:0 0 24px;font-weight:400;text-align:center} #brulea-carnet .cu-pasta-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px} #brulea-carnet .cv-chapter--rencontres .cu-pasta-pair>.cv-card{grid-column:auto;margin:0;min-width:0} #brulea-carnet .cv-chapter--rencontres .cu-pasta-pair>.cv-card>a[data-carnet-link]{display:block!important} #brulea-carnet .cv-chapter--rencontres .cu-pasta-pair .cv-image{width:100%;margin:0} #brulea-carnet .cv-chapter--rencontres .cu-pasta-pair .cv-card-copy{padding:20px 0 0} #brulea-carnet .cu-pasta-pair .cv-card-copy h3{font-size:clamp(25px,2.3vw,32px)} @media(max-width:700px){#brulea-carnet .cu-pasta-pair{grid-template-columns:minmax(0,1fr);gap:32px}} /* Keep the moved Flagy portrait in the alternating editorial sequence. */ #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="aux-legumes-du-lavoir"]){grid-column:1/-1} @media(min-width:851px){ #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="aux-legumes-du-lavoir"]) > a[data-carnet-link]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:35px;align-items:center} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="aux-legumes-du-lavoir"]) .cv-image{grid-column:2;grid-row:1} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="aux-legumes-du-lavoir"]) .cv-card-copy{grid-column:1;grid-row:1;padding:0} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="ferme-des-moenes"]) .cv-image{grid-column:1;grid-row:1} #brulea-carnet .cv-chapter--rencontres .cv-card:has(a[href*="ferme-des-moenes"]) .cv-card-copy{grid-column:2;grid-row:1} } /* Blend the illustrated paper into the page while retaining drawn silhouettes. */ #brulea-carnet .cv-chapter--rencontres .cv-card{mix-blend-mode:multiply} #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image{mix-blend-mode:normal} /* One painted perimeter for every portrait, including formerly straight edges. */ #brulea-carnet .cv-chapter--rencontres .cv-card .cv-image img{mix-blend-mode:normal;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22brush%22%20x%3D%22-10%25%22%20y%3D%22-10%25%22%20width%3D%22120%25%22%20height%3D%22120%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.055%20.085%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20result%3D%22grain%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22grain%22%20scale%3D%2242%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20x%3D%2220%22%20y%3D%2220%22%20width%3D%22960%22%20height%3D%22960%22%20fill%3D%22white%22%20filter%3D%22url%28%23brush%29%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha;mask-composite:add} #brulea-carnet .cv-chapter--rencontres .cv-card.cu-goat-outside .cv-image img{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22brush%22%20x%3D%22-10%25%22%20y%3D%22-10%25%22%20width%3D%22120%25%22%20height%3D%22120%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.055%20.085%22%20numOctaves%3D%223%22%20seed%3D%2212%22%20result%3D%22grain%22%2F%3E%3CfeDisplacementMap%20in%3D%22SourceGraphic%22%20in2%3D%22grain%22%20scale%3D%2242%22%20xChannelSelector%3D%22R%22%20yChannelSelector%3D%22G%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Crect%20x%3D%2220%22%20y%3D%2220%22%20width%3D%22804%22%20height%3D%22960%22%20fill%3D%22white%22%20filter%3D%22url%28%23brush%29%22%2F%3E%3Crect%20x%3D%22804%22%20y%3D%22365%22%20width%3D%22180%22%20height%3D%22275%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")} /* Candidat : comparaison lisible sur les petits écrans, navigation clavier conservée. */ .br-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:1.25rem 0} .br-table-scroll:focus-visible{outline:2px solid #466432;outline-offset:3px} .br-table-scroll table{min-width:620px;width:100%;word-break:normal;overflow-wrap:normal} /* LOCAL review: readable mobile comparison labels and article metadata. */ @media(max-width:680px){body #brulea-carnet .spice-comparison>div{grid-template-columns:minmax(0,1fr);gap:6px}body #brulea-carnet .spice-comparison dt{overflow-wrap:normal}body #brulea-carnet .spice-comparison dd{margin-left:0}} body .simpleblog__postInfo ul{white-space:normal} body .simpleblog__postInfo li{min-width:0;white-space:normal;overflow-wrap:anywhere} body #brulea-carnet .product-miniature .product-price{color:#674223!important} body #brulea-carnet .table-wrap{max-width:100%;overflow-x:auto} body #brulea-carnet .table-wrap table{min-width:620px;overflow-wrap:normal;word-break:normal} body #brulea-carnet .table-wrap th{min-width:6rem;overflow-wrap:normal;word-break:normal}