/* Editorial typography and botanical corners recovered from the commercial mockup. */
@font-face{font-family:"Libre Caslon Display";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/libre-caslon-display-latin-400.woff2') format('woff2')}
:root{--serif:"Libre Caslon Display",Georgia,"Times New Roman",serif}
h1,h2{letter-spacing:-.045em;font-weight:400}h3{letter-spacing:-.025em}
.classic-hero{overflow:hidden;min-height:730px}
.classic-hero:before,.page-intro:after,.home-origin .origin-copy:after,.applications-gallery-section:before,.gift-hero .copy:after,.business-hero .copy:after,.site-footer:after{content:"";position:absolute;background:url('/assets/agave-corner.webp') left bottom/contain no-repeat;pointer-events:none;user-select:none}
.classic-hero:before{z-index:1;left:-2px;bottom:-3px;width:clamp(270px,29vw,435px);height:clamp(320px,31vw,465px);filter:brightness(.82);opacity:.98}
.classic-hero:after{content:"";position:absolute;inset:25px;border:1px solid #d1b89130;pointer-events:none;z-index:0}
.classic-hero .hero-copy{min-height:730px;padding:65px 6vw 80px clamp(130px,14vw,220px);z-index:2}
.classic-hero h1{font-family:var(--serif);font-size:clamp(84px,8.3vw,124px);line-height:.94;letter-spacing:-.055em;max-width:760px;margin-bottom:28px}
.classic-hero .hero-copy>p{font:400 25px/1.3 "Cormorant Garamond",Georgia,serif;letter-spacing:.005em;margin-bottom:29px;max-width:430px}
.hero-actions .button,.hero-actions .text-link{font-family:var(--serif);font-weight:400;font-size:18px;letter-spacing:.005em}
.classic-hero .hero-signature{margin-top:32px}
.page-intro{position:relative;isolation:isolate;overflow:hidden;max-width:1380px;padding-right:27%;padding-bottom:60px}
.page-intro:after{z-index:-1;width:245px;height:245px;right:1.5%;bottom:-14px;transform:scaleX(-1);opacity:.7}
.page-intro h1{font-size:clamp(52px,5.8vw,82px);line-height:1.02;max-width:760px}
.page-intro p{font:400 24px/1.4 "Cormorant Garamond",Georgia,serif;max-width:680px}
.home-origin .origin-copy{position:relative;isolation:isolate;overflow:hidden;padding-bottom:115px}
.home-origin .origin-copy:after{width:215px;height:215px;right:-25px;bottom:-10px;transform:scaleX(-1);opacity:.78;z-index:-1}
.applications-gallery-section{position:relative;isolation:isolate;overflow:hidden}
.applications-gallery-section:before{width:210px;height:210px;top:-8px;right:-15px;transform:rotate(180deg);opacity:.6;z-index:-1}
.gift-hero .copy,.business-hero .copy{position:relative;isolation:isolate;overflow:hidden;padding-bottom:115px}
.gift-hero .copy:after,.business-hero .copy:after{width:185px;height:185px;bottom:-9px;right:-18px;transform:scaleX(-1);opacity:.7;z-index:-1}
.site-footer{position:relative;isolation:isolate;overflow:hidden;padding-bottom:100px}
.site-footer:after{right:-20px;bottom:-5px;width:230px;height:230px;transform:scaleX(-1);opacity:.65;z-index:-1}
.site-footer .footer-demo{max-width:calc(100% - 150px)}
.agave-banner .agave-banner-copy h2{font-family:var(--serif);font-size:clamp(34px,3.15vw,48px);letter-spacing:-.025em}
@media(max-width:1100px){.classic-hero .hero-copy{padding-left:14vw}.classic-hero h1{font-size:100px}.page-intro{padding-right:29%}.page-intro:after{width:205px;height:205px}}
@media(max-width:850px){.classic-hero,.classic-hero .hero-copy{min-height:675px}.classic-hero h1{font-size:88px}.classic-hero .hero-copy>p{font-size:23px}.classic-hero:before{width:300px;height:340px}.classic-hero:after{inset:18px}.page-intro:after{width:180px;height:180px;right:-12px}.home-origin .origin-copy:after{width:165px;height:165px}.gift-hero .copy:after,.business-hero .copy:after{width:150px;height:150px}}
@media(max-width:640px){.classic-hero,.classic-hero .hero-copy{min-height:760px}.classic-hero .hero-copy{padding:225px 7vw 92px 16vw;justify-content:flex-end}.classic-hero h1{font-size:clamp(59px,17.2vw,80px);line-height:.96;max-width:100%;margin-bottom:23px}.classic-hero .hero-copy>p{font-size:22px;line-height:1.3;max-width:290px;margin-bottom:25px}.classic-hero:before{width:220px;height:255px;filter:brightness(.75);left:-12px;bottom:-3px}.classic-hero:after{inset:12px}.classic-hero .hero-actions{gap:14px 20px}.classic-hero .hero-actions .button{min-width:190px}.classic-hero .hero-actions .text-link{font-size:17px}.classic-hero .hero-signature{font-size:8px;letter-spacing:.1em;margin-top:25px}.classic-hero .eyebrow{font-size:8px;letter-spacing:.17em;gap:12px}.classic-hero .eyebrow:after{width:30px}.page-intro{padding-right:18%;padding-bottom:75px}.page-intro:after{width:135px;height:135px;right:-24px;bottom:-12px;opacity:.75}.page-intro h1{font-size:52px;line-height:1.02}.page-intro p{font-size:22px;line-height:1.35}.home-origin .origin-copy{padding-bottom:105px}.home-origin .origin-copy:after{width:155px;height:155px}.applications-gallery-section:before{width:135px;height:135px;opacity:.5}.gift-hero .copy,.business-hero .copy{padding-bottom:105px}.site-footer{padding-bottom:110px}.site-footer:after{width:175px;height:175px}.site-footer .footer-demo{max-width:calc(100% - 60px)}.agave-banner .agave-banner-copy h2{font-size:38px}}
/* Dissolve the agave photography into the surrounding page, leaving live text untouched. */
.business-banner.agave-banner{background:var(--paper);border:0}
.agave-banner:after{background:linear-gradient(180deg,var(--paper) 0%,#12100e99 8%,#12100e00 30%,#12100e00 65%,var(--paper) 100%),linear-gradient(90deg,var(--paper) 0%,#12100e14 12%,#12100e40 33%,#12100ec7 60%,var(--paper) 96%)}
.agave-banner .button{background:transparent}
@media(max-width:700px){.agave-banner:after{background:linear-gradient(180deg,var(--paper) 0%,#12100e00 24%,#12100e00 68%,var(--paper) 100%),linear-gradient(90deg,var(--paper) 0%,#12100e20 18%,#12100e99 62%,var(--paper) 100%)}}
/* La Casa uses the original three-bottle photograph without cropping its labels. */
.story-cover.story-collection{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:660px;background:var(--paper);padding-right:3vw}
.story-collection>img{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;max-width:570px;justify-self:center;object-fit:contain;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 94%,transparent);mask-composite:intersect}
.story-collection>.wrap{grid-column:1;grid-row:1;width:100%;padding:65px 3vw 65px max(5vw,calc((100vw - 1242px)/2));margin:0}
.story-collection h1{font-size:clamp(55px,5.25vw,80px);line-height:1.02;max-width:650px;margin-bottom:25px}
.story-collection p{font:400 25px/1.4 "Cormorant Garamond",Georgia,serif;color:#d9cbb6;max-width:490px}
@media(max-width:1000px){.story-cover.story-collection{grid-template-columns:48% 52%;padding-right:0;min-height:590px}.story-collection h1{font-size:58px}.story-collection p{font-size:23px}.story-collection>.wrap{padding:50px 2vw 50px 5vw}}
@media(max-width:640px){.story-cover.story-collection{display:flex;flex-direction:column;min-height:0;align-items:stretch}.story-collection>img{width:100%;height:390px;max-width:none;object-fit:cover;object-position:center 48%;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}.story-collection>.wrap{padding:22px 7vw 44px}.story-collection h1{font-size:51px;max-width:450px;margin-bottom:20px}.story-collection p{font-size:22px;max-width:440px;margin-bottom:0}}
