:root{--hh-ink:#263c30;--hh-paper:#f8f5ed;--hh-orange:#ef9b45;--hh-gold:#c4a25a;--hh-rose:#e5c5b7;--hh-sage:#e2e7d5;--hh-focus:#814320}body.hh-site{font-family:var(--hh-font-body);font-weight:var(--hh-weight-body);font-size:18px;line-height:1.7;color:var(--hh-ink)}body.hh-site :is(h1,h2,h3,.h1,.h2,.h3,.hh-wordmark){font-family:var(--hh-font-display);font-weight:var(--hh-weight-display);font-style:normal;letter-spacing:-.035em}body.hh-site :is(h4,h5,h6,.h4,.h5,.h6,.hh-nav,.hh-tools,.hh-wordmark span){font-family:var(--hh-font-action);font-weight:var(--hh-weight-action)}body.hh-site :is(h1,h2,h3){font-family:var(--hh-font-display)!important;font-weight:var(--hh-weight-display)!important}body.hh-site :is(input,textarea,select,.price,.price-item,.money,.product-price){font-family:var(--hh-font-body)}body.hh-site :is(input,textarea,select){font-size:18px}body.hh-site :is(.hh-welcome,.hh-handnote,.hh-note-number,.hh-field-date){font-family:var(--hh-font-note);font-weight:var(--hh-weight-note);font-style:normal}body.hh-site :is(button,.button,[role=button],summary){font-family:var(--hh-font-action);font-weight:var(--hh-weight-action)}body.hh-site :is(.button:not(:where(.button-unstyled,.predictive-search__close-modal-button)),.button-primary,.button-secondary,.hh-invitation){display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;max-width:100%;padding:12px 25px;border:2px solid var(--hh-ink);border-radius:999px;background:var(--hh-orange);color:var(--hh-ink);box-shadow:1.5px 2px 0 var(--hh-gold);font-family:var(--hh-font-action);font-size:18px;font-weight:var(--hh-weight-action);line-height:1.25;letter-spacing:.055em;text-decoration:none;text-transform:uppercase;white-space:normal;text-align:center;cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s}body.hh-site :is(.button.button-secondary,.hh-invitation.hh-invitation--outline){background:var(--hh-paper);box-shadow:1.5px 2px 0 var(--hh-rose)}body.hh-site .hh-invitation.hh-invitation--cream{background:var(--hh-paper);box-shadow:1.5px 2px 0 var(--hh-gold)}body.hh-site :is(.button:not(:where(.button-unstyled,.predictive-search__close-modal-button)),.button-primary,.button-secondary,.hh-invitation):not(:disabled):not([aria-disabled=true]):hover{background:#f6b65e;box-shadow:2px 3px 0 var(--hh-gold);transform:translateY(-2px)}body.hh-site :is(.button:not(:where(.button-unstyled,.predictive-search__close-modal-button)),.button-primary,.button-secondary,.hh-invitation):not(:disabled):not([aria-disabled=true]):active{transform:translate(2px,2px);box-shadow:.5px 1px 0 var(--hh-gold)}body.hh-site :is(button,.button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--hh-focus);outline-offset:5px;box-shadow:0 0 0 6px var(--hh-paper)}body.hh-site :is(.button,button):is(:disabled,[aria-disabled=true]){opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}body.hh-site .hh-invitation>span[aria-hidden]{display:inline-flex;justify-content:center;align-items:center;flex:0 0 30px;width:30px;height:30px;background:var(--hh-paper);border:1px solid currentColor;border-radius:50%;font:22px/1 var(--hh-font-body);letter-spacing:0}body.hh-site .hh-hero .hh-invitation{transform:rotate(-1.5deg);padding:10px 12px 10px 25px}body.hh-site .hh-hero .hh-invitation:hover{transform:rotate(0)}body.hh-site .hh-nav a{font-size:17px;letter-spacing:.035em;text-decoration:none;padding-inline:3px;position:relative}body.hh-site .hh-nav a:hover{text-decoration:underline;text-decoration-color:#b46b2b;text-decoration-thickness:2px;text-underline-offset:7px}body.hh-site .hh-tools a{font-size:17px}body.hh-site .hh-wordmark{letter-spacing:-.05em}body.hh-site .hh-hero{gap:65px;padding-block:44px 60px;position:relative}body.hh-site .hh-hero-copy{align-self:center}body.hh-site .hh-hero-copy h1{font-size:clamp(46px,5.2vw,72px);line-height:1.04;max-width:570px}body.hh-site .hh-welcome{color:#6c5637;font-size:28px!important;line-height:1.2!important}body.hh-site .hh-hero-art{margin-top:20px;transform:rotate(-2deg)}body.hh-site .hh-picture{background:#ead9ad;padding:12px;border-radius:48% 48% 6px 6px;box-shadow:7px 8px #d9d9c2;transform:none}body.hh-site .hh-handnote{font-size:25px!important;line-height:1.35!important;margin-top:17px!important;transform:rotate(1deg)}body.hh-site .hh-hero-art figcaption{font-family:var(--hh-font-action);font-size:15px;letter-spacing:.03em;margin-top:9px}body.hh-site .hh-flowers{border-top:0;padding-top:50px}body.hh-site .hh-section-heading{grid-template-columns:.9fr 1.1fr;gap:70px;margin-bottom:40px}body.hh-site .hh-section-heading h2{font-size:clamp(35px,4vw,54px);line-height:1.06;max-width:430px}body.hh-site .hh-collection-intro{font-size:18px!important;line-height:1.7!important}body.hh-site .hh-art-grid{grid-template-columns:1.25fr .9fr;gap:75px}body.hh-site .hh-art-surface{background:var(--hh-sage);border-radius:45% 45% 12px 12px;padding:34px 40px 25px}body.hh-site .hh-field-note{position:relative;isolation:isolate;border:0;background:transparent;border-radius:0;padding:30px 29px;transform:none;filter:drop-shadow(0 6px 7px #55432120)}body.hh-site .hh-field-note:before,body.hh-site .hh-story-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 0,#ad81482b 0,transparent 40%),radial-gradient(ellipse at 100% 100%,#b68b4e26 0,transparent 38%),linear-gradient(177deg,transparent 48.9%,#b8996312 49.8%,#fffdf45c 50.1%,transparent 50.6%),repeating-linear-gradient(9deg,#86704e05 0 1px,transparent 1px 4px),repeating-linear-gradient(98deg,#fffdf626 0 1px,transparent 1px 6px),linear-gradient(110deg,#f4e7cd,#faf1dd 51%,#f1e2c4);clip-path:polygon(1% .6%,13% 0,26% .5%,41% .1%,58% .6%,75% 0,91% .4%,99.5% 1.2%,100% 17%,99.5% 36%,100% 57%,99.4% 79%,99.8% 97.8%,92% 99.6%,75% 99.2%,58% 100%,39% 99.5%,22% 100%,7% 99.4%,.5% 98.5%,0 79%,.5% 60%,0 43%,.5% 21%);box-shadow:inset 0 0 24px #ad81481c}body.hh-site .hh-field-note:after{content:"";position:absolute;right:2px;bottom:3px;width:25px;height:25px;pointer-events:none;background:linear-gradient(135deg,transparent 46%,#c8ae7c70 49%,#fdf6e7 53%,#e9d6af 100%);clip-path:polygon(0 100%,100% 0,100% 100%);opacity:.7}body.hh-site .hh-note-number{font-size:25px!important}body.hh-site .hh-field-note h3{font-size:34px;line-height:1.13}body.hh-site .hh-field-note>p:not(.hh-note-number){font-size:18px;line-height:1.7}body.hh-site .hh-field-date{font-size:25px}body.hh-site .hh-story{border-radius:0;background:var(--hh-paper);padding-block:30px 55px}body.hh-site .hh-story-grid{position:relative;isolation:isolate;padding:40px 42px;filter:drop-shadow(0 5px 7px #55432116)}body.hh-site .hh-story-grid:before{background:radial-gradient(ellipse at 100% 0,#ac8f5e17 0,transparent 35%),linear-gradient(91deg,transparent 48.8%,#bdab8512 49.8%,#fffefa80 50.1%,transparent 50.6%),repeating-linear-gradient(17deg,#9b8a6505 0 1px,transparent 1px 5px),linear-gradient(110deg,#f4eedf,#fcf8ed 55%,#eee6d3);clip-path:polygon(.3% 1%,12% 0,29% .8%,43% .2%,62% .8%,79% 0,94% .6%,99.7% 1.5%,100% 29%,99.6% 58%,100% 81%,99.5% 98%,86% 100%,65% 99.3%,46% 100%,24% 99.4%,8% 100%,.2% 98.4%,.5% 72%,0 48%,.4% 25%)}body.hh-site .hh-story-grid>div>p:not(.hh-welcome){font-size:18px}body.hh-site .hh-text-link{margin-top:22px}body.hh-site .hh-footer h2{font-family:var(--hh-font-display);font-weight:var(--hh-weight-display)}body.hh-site .hh-footer-top>div>p:last-child{font-size:18px}body.hh-site .hh-newsletter label{font-size:16px}body.hh-site .hh-email-row{border:0;align-items:center;gap:15px;flex-wrap:wrap}body.hh-site .hh-email-row input{border-bottom:1px solid #adb5a1;font-family:var(--hh-font-body);font-size:18px;flex:1 1 180px;min-width:0}body.hh-site .hh-email-row .hh-invitation{flex:0 1 auto;font-size:17px;padding:9px 15px;gap:12px;min-height:48px}body.hh-site .hh-footer-bottom{font-size:14px}@media(max-width:1000px){body.hh-site .hh-hero,body.hh-site .hh-section-heading,body.hh-site .hh-art-grid{gap:35px}}@media(max-width:750px){body.hh-site .hh-header{padding:10px 18px 8px;gap:3px 12px}body.hh-site .hh-wordmark{font-size:26px}body.hh-site .hh-tools a{font-size:16px}body.hh-site .hh-nav{gap:22px}body.hh-site .hh-nav a{font-size:17px;min-height:44px}body.hh-site .hh-wrap{width:calc(100% - 40px)}body.hh-site .hh-hero{grid-template-columns:1fr;gap:25px;padding-block:24px 32px}body.hh-site .hh-hero-copy h1{font-size:clamp(39px,10.8vw,48px);max-width:400px;line-height:1.07}body.hh-site .hh-welcome{font-size:27px!important;margin-bottom:12px!important}body.hh-site .hh-lead{font-size:18px!important;line-height:1.65!important;margin-top:17px!important}body.hh-site .hh-hero .hh-invitation{margin-top:18px}body.hh-site .hh-quiet{font-size:14px!important}body.hh-site .hh-hero-art{width:min(84%,310px);margin-top:6px}body.hh-site .hh-picture{padding:9px;box-shadow:5px 6px #d9d9c2}body.hh-site .hh-handnote{font-size:23px!important}body.hh-site .hh-hero-art figcaption{font-size:14px}body.hh-site .hh-flowers{padding-block:25px 35px}body.hh-site .hh-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}body.hh-site .hh-section-heading h2{font-size:38px;max-width:330px}body.hh-site .hh-collection-intro{font-size:18px!important;line-height:1.7!important}body.hh-site .hh-art-grid{grid-template-columns:1fr;gap:27px}body.hh-site .hh-art-surface{padding:27px 28px 22px}body.hh-site .hh-field-note{padding:27px 25px 30px;margin:0 4px;transform:none}body.hh-site .hh-field-note h3{font-size:30px}body.hh-site .hh-field-note>p:not(.hh-note-number){font-size:18px}body.hh-site .hh-story{border-radius:0;padding-block:12px 32px}body.hh-site .hh-story-grid{width:calc(100% - 28px);padding:28px 24px;gap:20px}body.hh-site .hh-story-grid h2{font-size:34px}body.hh-site .hh-story-grid>div>p:not(.hh-welcome){font-size:18px}body.hh-site .hh-text-link{font-size:17px}}@media(max-width:360px){body.hh-site .hh-header{padding-inline:14px}body.hh-site .hh-wordmark{font-size:23px}body.hh-site .hh-tools{gap:8px}body.hh-site .hh-tools a{font-size:15px}body.hh-site .hh-wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){body.hh-site :is(.button,.button-primary,.button-secondary,.hh-invitation),body.hh-site .hh-hero .hh-invitation,body.hh-site .hh-hero .hh-invitation:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hh-design-system.css.map */
