/* English and Spanish: editorial lettering, with prose sized for Latin copy. */
@font-face{font-family:'Vere Hand';src:url('/assets/caveat-latin.ttf') format('truetype');font-weight:400 700;font-display:swap}
html:is(:lang(en),:lang(es)){--vere-latin-display:Georgia,'Times New Roman',serif}
html:is(:lang(en),:lang(es)) :is(h1,h2,h3){font-family:var(--vere-latin-display);font-weight:400;letter-spacing:normal;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
html:is(:lang(en),:lang(es)) :is(p,dd,figcaption,li){overflow-wrap:break-word}
html:is(:lang(en),:lang(es)) :is(.description,.ge-prose,.collection-copy>p,.lab-entry-intro){max-width:65ch;line-height:1.75}
html:is(:lang(en),:lang(es)) :is(.description p,.ge-prose,.collection-copy>p){font-size:16px;line-height:1.75}
html:is(:lang(en),:lang(es)) :is(.product-copy,.scent-copy,.notes,.collection-copy,.footer-main>*,.ge-opening>*){min-width:0}
html:is(:lang(en),:lang(es)) :is(.notes h3,.notes dd){line-height:1.5}
html:is(:lang(en),:lang(es)) .next strong{font-family:var(--vere-latin-display);line-height:1.25;overflow-wrap:break-word}

/* The approved photograph keeps its proportions; lettering occupies its right-hand space. */
html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide .hero-copy{inset:0;transform:none;translate:none;padding:0;width:100%;height:100%}
html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1{position:absolute;inset:29% 7% auto auto;transform:rotate(-7deg);width:31%;max-width:none;height:auto;margin:0;padding:0;background:none;color:#f7e8d6;text-shadow:none;font:500 clamp(28px,2.6vw,50px)/1.15 'Vere Hand',cursive;letter-spacing:.005em;text-align:center;white-space:normal;overflow:visible;hyphens:none;text-wrap:balance}
html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1:before{content:'VÉRÉ';display:block;margin:0 0 .12em;font:500 clamp(66px,6.8vw,124px)/1.05 'Vere Hand',cursive;letter-spacing:.1em;text-indent:.1em}
html.paged:is(:lang(en),:lang(es)) .product-hero.is-gift-slide h1{white-space:normal;max-width:78%;width:max-content;line-height:1.18;text-wrap:balance}
html.paged:is(:lang(en),:lang(es)) .story-campaign #story-title{white-space:normal;font-family:var(--vere-latin-display);font-size:clamp(36px,4.1vw,68px);line-height:1.13}
html.paged:is(:lang(en),:lang(es)) .story-campaign .story-line{font-family:var(--vere-latin-display);letter-spacing:0;line-height:1.5}
html.paged:is(:lang(en),:lang(es)) .story-campaign .story-heading{transform:none;text-align:left}
html.paged:is(:lang(en),:lang(es)) .featured-copy h2{font-size:clamp(26px,3vw,46px);line-height:1.2}
html.paged:is(:lang(en),:lang(es)) .featured-story{max-width:48ch;line-height:1.65}
html.paged:is(:lang(en),:lang(es)) .women-series-copy h2{line-height:1.15}
html:is(:lang(en),:lang(es)) .gift-editorial :is(.ge-detail h2,.ge-ritual h2,.ge-close h2){line-height:1.2}
html:is(:lang(en),:lang(es)) .hero-word{white-space:normal;font-size:clamp(30px,5vw,76px);line-height:1.05;max-width:88%;text-wrap:balance}
html:is(:lang(en),:lang(es)) .collection-tabs{flex-wrap:wrap;gap:12px 32px}
html:is(:lang(en),:lang(es)) .collection-tabs button{white-space:normal;text-align:left;line-height:1.5}
html:is(:lang(en),:lang(es)) .set-products li{align-items:baseline;flex-wrap:wrap}
html:is(:lang(en),:lang(es)) .set-products span{line-height:1.5}
@media(max-width:1000px){
 html:is(:lang(en),:lang(es)) body.vere-commerce-enabled>header.site-header>nav{column-gap:20px;row-gap:0}
 html:is(:lang(en),:lang(es)) body.vere-commerce-enabled>header.site-header>nav a{font-size:13px;white-space:normal;text-align:center;line-height:1.35}
}
@media(max-width:760px){
 html:is(:lang(en),:lang(es)) body.vere-mobile-footer-tools>header.site-header{height:auto;min-height:132px}
 html:is(:lang(en),:lang(es)) body.vere-mobile-footer-tools>header.site-header>nav{column-gap:16px;row-gap:0;justify-content:center}
 html:is(:lang(en),:lang(es)) body.vere-mobile-footer-tools>header.site-header>nav a{font-size:13px;min-height:36px;padding:7px 0}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide[style]>img{inset:0!important;top:0!important;height:52%!important;object-fit:cover!important;object-position:22% center!important}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide:after{display:none}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1{inset:54% 10% auto;width:80%;font-size:clamp(28px,7.8vw,38px);line-height:1.08;transform:rotate(-5deg)}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1:before{font-size:clamp(48px,15vw,66px);margin-bottom:.05em}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1 br{display:block}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide .home-slides>button{top:26%}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide .hero-copy .link{inset:auto 12% 18px;font-size:14px;width:max-content;margin-inline:auto}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-gift-slide h1{font-size:clamp(24px,6.5vw,32px);padding:8px 0;max-width:75%}
 html.paged:is(:lang(en),:lang(es)) .story-campaign #story-title{font-size:clamp(30px,8.6vw,42px)}
 html.paged:is(:lang(en),:lang(es)) .story-campaign .story-line{font-size:16px;margin:10px 0 16px}
 html.paged:is(:lang(en),:lang(es)) .story-campaign .story-product-composition{bottom:6%;column-gap:16px}
 html.paged:is(:lang(en),:lang(es)) .story-campaign .story-heading .story-scent{font-size:14px;line-height:1.55}
 html.paged:is(:lang(en),:lang(es)) .featured-story{font-size:14px;line-height:1.6}
 html.paged:is(:lang(en),:lang(es)) .women-series-copy h2{font-size:clamp(25px,7vw,32px)}
 html.paged:is(:lang(en),:lang(es)) .unisex-message h2{font-size:clamp(24px,6.8vw,30px);line-height:1.15}
 html:is(:lang(en),:lang(es)) .collection-copy h3{font-size:30px;line-height:1.2}
 html:is(:lang(en),:lang(es)) .section-head{align-items:flex-start;flex-wrap:wrap;gap:16px}
 html:is(:lang(en),:lang(es)) .section-head h2{font-size:32px;line-height:1.25}
 html:is(:lang(en),:lang(es)) .site-footer--compact .footer-main{gap:28px 18px}
 html:is(:lang(en),:lang(es)) .site-footer--compact nav a{font-size:13px;line-height:1.5}
}
@media(max-width:760px) and (max-height:740px){
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1{top:48%;font-size:26px}
 html.paged:is(:lang(en),:lang(es)) .product-hero.is-editorial-slide h1:before{font-size:48px}
}