/* The approved Christmas artwork, with static decorations and live shop controls. */
.headerWrap{padding-top:0;isolation:isolate}
.sitehead{height:clamp(76px,5.674vw,92px);background:#fffaf7}
.holidayHeaderArt{position:absolute;top:0;left:0;display:block;width:100%;height:auto;aspect-ratio:1498/156;z-index:3;pointer-events:none;overflow:visible}
.shopAssurance{background:#fffcfa}
.assuranceInner{height:clamp(62px,4.74vw,76px);gap:68px}
.assuranceItem{gap:22px}
.assuranceItem+.assuranceItem{padding-left:80px}
.hero{display:block;height:auto;aspect-ratio:1498/327;background:#f5ddd3;overflow:hidden}
.holidayBanner{display:block;width:100%;height:100%;overflow:hidden}
.heroCopy{position:absolute;inset:0;padding:0;z-index:2}
.heroCopy h1,.heroCopy p,.heroCopy small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.heroCopy .primary{position:absolute;left:4.61%;top:70.64%;width:20%;height:13.46%;padding:0;border:0;border-radius:2px;background:transparent;color:transparent;overflow:hidden;font-size:0}
.heroCopy .primary:hover{background:#ffffff13}
.heroCopy .primary:focus-visible{outline:3px solid #493038;outline-offset:3px}
.heroPhoto{display:none}
.sections{position:relative;padding-top:8px;padding-bottom:8px;background:#fffcfa}
.holidayEdges{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.holidayEdge{position:absolute;top:0;display:block;width:3.205%;height:auto;aspect-ratio:48/518}
.holidayEdge.left{left:0}.holidayEdge.right{right:0}
.sections>section{position:relative;z-index:2}
#featured .sectHead{min-height:38px;margin-bottom:7px}
#featured .sectHead .left{gap:20px}
#featured .sectHead h2{font-family:Georgia,serif;font-size:36px;letter-spacing:-1.1px}
#featured .sectHead p{font-family:Georgia,serif;font-size:14px}
#featured .sectHead .line{width:112px}
#featured .sectHead a{position:relative}
#featured .sectHead a:before{content:"✧";position:absolute;left:-32px;top:-6px;color:#bd9551;font:25px Georgia,serif}
.featuredGrid{gap:12px 24px}
.featuredGrid .prodPhoto{height:auto;aspect-ratio:1.02;border-radius:0}
.featuredGrid .prodName{margin-top:7px;margin-bottom:5px}
.featuredGrid .price{font-size:25px}
.featuredGrid .roundBag{width:32px;height:32px}
.categories{margin-top:12px}
@media(min-width:1301px){.featuredGrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(min-width:901px){.sitehead{padding-left:30px;padding-right:30px}.brandline{min-width:170px}.desktopNav{gap:32px}}
@media(max-width:1300px) and (min-width:601px){.featuredGrid{gap:16px}.featuredGrid .prod{flex-basis:145px}.desktopNav{gap:20px}.assuranceInner{gap:35px}.assuranceItem+.assuranceItem{padding-left:45px}#featured .sectHead h2{font-size:31px}#featured .sectHead p{font-size:12px}#featured .sectHead .line{width:65px}}
@media(max-width:900px) and (min-width:601px){.brandline{min-width:155px}.holidayHeaderArt{width:125%;max-width:none;left:-12.5%}.hero{aspect-ratio:1498/350}.holidayBanner{height:100%;object-fit:cover}.assuranceInner{gap:20px}.assuranceItem+.assuranceItem{padding-left:25px}.assuranceCopy strong{font-size:12px}.assuranceCopy small{font-size:10px}.holidayEdge{width:3.7%}#featured .sectHead .left{gap:12px}#featured .sectHead .line{display:none}#featured .sectHead p{white-space:normal}}
@media(max-width:600px){
 .sitehead{height:76px;padding-top:7px;background:#fffaf7;gap:10px}
 .brand{font-size:40px}.brand .heart-in-o{left:36px;top:16px}
 .brandline{min-width:108px;padding-left:7px}.brandline strong{font-size:8px;letter-spacing:1.1px}.brandline em{font-size:8px;letter-spacing:.3px}
 .tools{gap:4px}.tools svg{width:21px;height:21px}.iconBtn{padding:3px}
 .holidayHeaderArt{height:125px;width:100%;aspect-ratio:auto;overflow:hidden}
 .assuranceInner{height:auto;min-height:93px;gap:12px;padding:10px 16px}.assuranceItem{gap:3px}.assuranceItem+.assuranceItem{padding-left:12px}
 .assuranceLogo,.assuranceLogo img{width:83px}.assuranceLogo{height:37px}
 .hero{display:flex;flex-direction:column;height:auto;aspect-ratio:auto;background:linear-gradient(120deg,#f4ded6,#fff2ed)}
 .holidayBanner{display:none}
 .heroCopy{position:relative;inset:auto;padding:30px 24px 32px;overflow:hidden}
 .heroCopy:before{content:"✧";position:absolute;top:15px;right:20px;color:#b68e46;font:29px Georgia,serif;pointer-events:none}
 .heroCopy:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:url('/public-assets/brand-scenes/christmas-approved-v1.webp') left -107vw / 325vw auto no-repeat;pointer-events:none}
 .heroCopy h1,.heroCopy p,.heroCopy small{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
 .heroCopy h1{font:700 clamp(37px,10.9vw,61px)/1.02 Georgia,serif;letter-spacing:-1.7px;margin-bottom:13px}
 .heroCopy .scribble{font-size:.75em;margin-left:5px}
 .heroCopy p{font:17px/1.35 Georgia,serif;max-width:400px;margin-bottom:13px}
 .heroCopy small{font-size:9px;line-height:1.7;letter-spacing:1.15px;color:#9c584b;max-width:340px;margin-bottom:15px}
 .heroCopy .primary{position:relative;inset:auto;width:auto;height:auto;padding:13px 24px;border-radius:2px;background:#9c584b;color:white;font-size:11px;letter-spacing:1.2px}
 .heroCopy .primary:hover{background:#7e443c}
 .heroPhoto{display:block;width:100%;height:auto;aspect-ratio:2.5/1;min-height:0}
 .heroPhoto:before{display:none}.christmasArt{display:block;width:100%;height:100%;overflow:hidden}
 .sections{padding:8px 20px 12px}.holidayEdge{width:17px;max-width:none;height:510px;aspect-ratio:auto}
 #featured .sectHead{padding-top:0;margin-bottom:8px;min-height:0}
 #featured .sectHead .left{gap:8px}#featured .sectHead h2{font-size:29px}#featured .sectHead .line{width:45px}
 #featured .sectHead p{font-size:12px;flex-basis:100%;padding-bottom:8px}#featured .sectHead a{font-size:12px}#featured .sectHead a:before{display:none}
 .featuredGrid{gap:11px;padding-bottom:7px}.featuredGrid .prod{flex-basis:145px}.featuredGrid .prodPhoto{aspect-ratio:1.02;height:auto}.featuredGrid .price{font-size:24px}
}
@media(max-width:360px){.brandline{min-width:99px}.sitehead{gap:7px;padding-left:10px;padding-right:10px}.brand{font-size:37px}.brand .heart-in-o{left:33px;top:15px}.tools{gap:3px}.heroCopy{padding-left:20px;padding-right:20px}.heroCopy h1{font-size:36px}}