:root{--hop-paper: #FFFFFF;--hop-paper-alt: #FBF9F4;--hop-paper-warm: #FAF8F3;--hop-canvas: #EAE5DC;--hop-ink: #241E18;--hop-ink-near: #1a1612;--hop-ink-sister: #2E2B27;--hop-ink-dark-hero:#2a1f18;--hop-purple: #765780;--hop-purple-light: #9B89A3;--hop-purple-pale: #C9B7CE;--hop-red: #7A3A34;--hop-red-alt: #73383A;--hop-ground-1: #3B4640;--hop-ground-2: #9C5F63;--hop-ground-3: #2a1f18;--hop-ground-4: #efe9e0;--hop-hairline: rgba(40,32,24,.14);--hop-hairline-dark: rgba(247,244,238,.12);--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "DM Sans", system-ui, sans-serif;--font-zh: "Noto Serif SC", serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--max-w: 1280px;--pad-x: clamp(28px, 4vw, 40px);--pad-y: clamp(60px, 8vw, 110px);--border-thin: .5px solid rgba(40,32,24,.14);--border-thin-dark: .5px solid rgba(247,244,238,.12);--ease-image: cubic-bezier(.25,.46,.45,.94);--ease-drawer: cubic-bezier(.4,0,.2,1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .4s;--dur-image: .6s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--hop-paper);color:var(--hop-ink);font-family:var(--font-ui);font-weight:var(--fw-light);font-size:15px;line-height:1.88;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#9b89a3;color:#f7f4ee}a{color:inherit;text-decoration:none}a:hover{opacity:.55}button{color:inherit}img{max-width:100%;display:block}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94)}[data-reveal][data-in]{opacity:1;transform:none}.hop-hscroll{scrollbar-width:none}.hop-hscroll::-webkit-scrollbar{width:0;height:0;display:none}.hop-container{max-width:var(--max-w);margin:0 auto}.hop-section{max-width:var(--max-w);margin:0 auto;padding:var(--pad-y) var(--pad-x)}.hop-eyebrow{font-size:9px;letter-spacing:.34em;text-transform:uppercase;opacity:.5}.hop-btn-primary{display:inline-block;background:var(--hop-ink);color:var(--hop-paper);border:1px solid var(--hop-ink);padding:17px 34px;font-family:var(--font-ui);font-size:9px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:background .35s,color .35s;text-decoration:none}.hop-btn-primary:hover{background:transparent;color:var(--hop-ink);opacity:1}.hop-btn-outline{display:inline-block;background:none;border:1px solid rgba(40,32,24,.4);color:var(--hop-ink);padding:17px 34px;font-family:var(--font-ui);font-size:9px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:background .35s;text-decoration:none}.hop-btn-outline:hover{background:#2820180d;opacity:1}.hop-btn-outline-light{display:inline-block;background:none;border:1px solid rgba(247,244,238,.5);color:#f7f4ee;padding:16px 32px;font-family:var(--font-ui);font-size:9px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:background .35s,border-color .35s;text-decoration:none}.hop-btn-outline-light:hover{background:#f7f4ee1a;border-color:#f7f4ee;opacity:1}.hop-toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%) translateY(14px);background:var(--hop-ink);color:var(--hop-paper);font-family:var(--font-ui);font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:13px 26px;z-index:60;pointer-events:none;opacity:0;transition:opacity .35s,transform .35s;white-space:nowrap}.hop-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes hop-pulse{0%,to{opacity:.2}50%{opacity:.9}}.placeholder-svg{width:100%;height:100%;background:var(--hop-canvas)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hop-base.css.map */