:root{--bg: #0b0a09;--ink: #e9e2d4;--ink-soft: #b0a693;--cream: #f1eadb;--cream-ink: #2a231c;--serif: "Bodoni Moda", "Didot", "Bodoni 72", serif;--gutter: clamp(16px, 5vw, 80px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-optical-sizing:auto;font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}a:focus-visible{outline:1px solid currentColor;outline-offset:4px}h1,h2,p{margin:0}#stage,.vignette,.fade-in{position:fixed;inset:0;pointer-events:none;display:none}#stage{z-index:1;width:100%;height:100%}.vignette{z-index:2;background:radial-gradient(ellipse 90% 80% at 55% 50%,transparent 50%,rgba(0,0,0,.6) 100%)}.fade-in{z-index:50;background:#000;animation:fade-failsafe 1s 5s forwards}@keyframes fade-failsafe{to{opacity:0;visibility:hidden}}[data-mode=webgl] #stage,[data-mode=webgl] .vignette,[data-mode=webgl] .fade-in{display:block}main{position:relative;z-index:3}.topbar{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px var(--gutter) 40px;transition:background-color .6s ease}.past-cover .topbar,[data-mode=static] .topbar{background:linear-gradient(var(--bg) 45%,transparent)}.topbar__logo{transition:opacity .8s ease}.topbar__logo img{height:24px;width:auto}[data-mode=webgl]:not(.past-cover) .topbar__logo{opacity:0}.topbar__nav{display:flex;gap:clamp(16px,3vw,36px);font-size:.95rem}.topbar__nav a{text-decoration:none;color:var(--ink-soft);transition:color .3s ease}.topbar__nav a:hover{color:var(--ink)}.cover{position:relative;height:100svh}.cover__sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.cover__media,.cover__dark{position:absolute;inset:0}.cover__media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}.cover__media:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 34% 40% at 50% 48%,rgba(0,0,0,.55),transparent 100%),linear-gradient(rgba(0,0,0,.35),transparent 30%,transparent 70%,rgba(0,0,0,.5))}.cover__dark{background:#000;opacity:0}.cover__logo{position:relative;width:clamp(210px,25vw,370px)}.cover__logo img{width:100%;height:auto}.story{max-width:1280px;margin:0 auto;padding:22vh var(--gutter) 0}.story__intro{max-width:46rem;margin:0 auto 26vh;text-align:center}.story__kicker,.chapter__kicker{font-style:italic;font-size:1.05rem;color:var(--ink-soft)}.story__lead{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.2;margin:1rem 0 2.6rem}.story__poem{font-style:italic;font-size:1.1rem;line-height:1.85;color:var(--ink-soft)}.chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:center;margin-bottom:24vh}.chapter__media,.band{position:relative;margin:0;overflow:hidden}.chapter__media{aspect-ratio:5 / 4}.chapter__media img,.band img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover}.chapter--image-left .chapter__media{grid-column:1 / 8}.chapter--image-left .chapter__text{grid-column:9 / 13}.chapter--image-right .chapter__media{grid-column:6 / 13;grid-row:1}.chapter--image-right .chapter__text{grid-column:1 / 5;grid-row:1}.chapter h2{font-weight:500;font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.12;letter-spacing:.035em;text-transform:uppercase;margin:.8rem 0 1.5rem}.chapter__text p:not(.chapter__kicker){color:var(--ink-soft);line-height:1.7}.chapter__text p+p{margin-top:1rem}.chapter--band{display:block}.band{width:100vw;margin-left:calc(50% - 50vw);height:72vh}.chapter__text--wide{max-width:62rem;margin:9vh auto 0}.chapter__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.chapter__cols p+p{margin-top:0}.story__hush{text-align:center;font-style:italic;font-size:clamp(1.3rem,2.3vw,1.9rem);color:var(--ink-soft);padding:4vh 0 30vh}@media(max-width:860px){.chapter{grid-template-columns:1fr;row-gap:2.5rem;margin-bottom:16vh}.chapter .chapter__media,.chapter .chapter__text{grid-column:1 / -1;grid-row:auto}.chapter__media{aspect-ratio:4 / 3}.band{height:48vh}.chapter__cols{grid-template-columns:1fr;gap:1rem}}.camul-intro{min-height:100svh;display:grid;place-content:center;justify-items:center;text-align:center;padding:0 var(--gutter)}.camul-intro__logo{width:clamp(170px,19vw,270px);height:auto;filter:brightness(0) invert(1);opacity:.92}.camul-intro__title{margin-top:3rem;font-style:italic;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.25}.wine__card{max-width:26rem}.wine__collection{font-style:italic;font-size:1.05rem;color:var(--ink-soft);margin-bottom:.9rem}.wine__card h2{font-weight:500;font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.08;letter-spacing:.035em;text-transform:uppercase}.reg{font-size:.4em;vertical-align:1.3em;margin-left:.1em}.wine__denomination{font-style:italic;font-size:1.1rem;margin:1rem 0 1.5rem}.wine__text{color:var(--ink-soft);line-height:1.65}.wine__more{display:inline-block;margin-top:1.6rem;font-size:.95rem}[data-mode=webgl] .wine{height:300vh}[data-mode=webgl] .wine__sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:0 var(--gutter)}[data-mode=webgl] .wine__card{visibility:hidden;width:min(40%,26rem)}[data-mode=webgl] .wine__fallback{display:none}@media(max-aspect-ratio:1/1){[data-mode=webgl] .wine__sticky{align-items:flex-end;padding:0}[data-mode=webgl] .wine__card{width:100%;max-width:none;padding:16vh var(--gutter) 7svh;background:linear-gradient(transparent,rgba(11,10,9,.88) 30%,var(--bg))}[data-mode=webgl] .wine__card h2{font-size:1.75rem}[data-mode=webgl] .wine__denomination{margin:.6rem 0 .9rem}[data-mode=webgl] .wine__text{font-size:.92rem}[data-mode=webgl] .wine__more{margin-top:1rem}}[data-mode=static] .wine__sticky{display:grid;grid-template-columns:1fr minmax(0,.8fr);align-items:center;gap:var(--gutter);padding:14vh var(--gutter);max-width:1150px;margin:0 auto}[data-mode=static] .wine+.wine .wine__sticky{border-top:1px solid rgba(233,226,212,.12)}[data-mode=static] .wine__fallback{width:100%;max-width:320px;height:auto;justify-self:center}@media(max-width:720px){[data-mode=static] .wine__sticky{grid-template-columns:1fr;padding:10vh var(--gutter)}[data-mode=static] .wine__fallback{order:-1;max-width:190px}}.collections{position:relative;background:var(--bg);padding:12vh var(--gutter) 6vh}.collections__head{max-width:40rem;margin:0 auto 3.5rem;text-align:center}.collections__title{font-weight:500;font-size:clamp(1.6rem,2.5vw,2.3rem);letter-spacing:.035em;text-transform:uppercase}.collections__lead{margin-top:1.2rem;font-style:italic;font-size:1.15rem;line-height:1.55;color:var(--ink-soft)}.collections__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1400px;margin:0 auto}.coll{position:relative;display:block;aspect-ratio:3 / 4.2;overflow:hidden;text-decoration:none}.coll__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.coll:after{content:"";position:absolute;inset:0;background:linear-gradient(#0000006b,#0000006b 50%,#0000009e);transition:background-color .8s ease}.coll:hover .coll__img{transform:scale(1.05)}.coll__mark{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:18%}.coll__mark img{max-width:100%;max-height:120px;width:auto;height:auto;filter:brightness(0) invert(1)}.coll__name{font-style:italic;font-size:clamp(1.6rem,2.2vw,2.2rem);color:#fff}@media(max-width:900px){.collections__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:68vw;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scrollbar-width:none}.coll{scroll-snap-align:center}}.outro{position:relative;text-align:center;padding:18vh var(--gutter) 12vh;background:var(--cream) url(/brand/texture-camul.jpg) center / cover;color:var(--cream-ink)}.outro__logo{margin:0 auto 3rem;width:190px;height:auto;filter:brightness(.15)}.outro__lead{font-style:italic;font-size:clamp(1.6rem,3vw,2.3rem)}.outro__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:860px;margin:4rem auto 0;font-size:.95rem;line-height:1.7}@media(max-width:720px){.outro__cols{grid-template-columns:1fr}}