.hsid{--hsid-accent: #71624e;--hsid-ink: var(--color-foreground, #1c1a17);--hsid-ink-soft: rgb(var(--color-foreground-rgb, 28 26 23) / .62);--hsid-ink-faint: rgb(var(--color-foreground-rgb, 28 26 23) / .38);--hsid-line: rgb(var(--color-foreground-rgb, 28 26 23) / .14);--hsid-line-soft: rgb(var(--color-foreground-rgb, 28 26 23) / .07);--hsid-surface: rgb(var(--color-foreground-rgb, 28 26 23) / .025);--hsid-bg: var(--color-background, #fff);--hsid-radius: 14px;--hsid-radius-lg: 22px;--hsid-ease: cubic-bezier(.33, 1, .68, 1);position:relative;color:var(--hsid-ink);font-family:var(--font-body--family, ui-sans-serif, system-ui, sans-serif);-webkit-font-smoothing:antialiased}.hsid *,.hsid *:before,.hsid *:after{box-sizing:border-box}.hsid__inner{width:100%;max-width:860px;margin-inline:auto;padding:clamp(32px,6vw,72px) clamp(18px,5vw,32px) clamp(48px,8vw,96px)}.hsid.is-door .hsid__inner{display:none}body:has(.hsid.is-door)>*:not(#MainContent){display:none!important}.hsid__screen{display:none}.hsid__screen.is-active{display:block;animation:hsid-in .5s var(--hsid-ease) both}.hsid__screen--door.is-active{animation:none}@keyframes hsid-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hsid *,.hsid *:before,.hsid *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hsid__door{position:relative;height:100dvh;min-height:480px;overflow:hidden;background:#201c19;--door-x: 22%;--door-y: 23%;--door-w: 56%;--door-h: 62%}.hsid__camera{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;perspective:1500px;transform:scale(1);transform-origin:50% 52%;transition:transform 1.6s cubic-bezier(.62,0,.25,1),filter 1s ease}.hsid__salon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none}.hsid__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgb(15 12 10 / .3),transparent 30%,rgb(15 12 10 / .46)),radial-gradient(circle at 50% 48%,transparent 26%,rgb(11 9 8 / .26) 100%)}.hsid__glow,.hsid__doors{position:absolute;left:var(--door-x);top:var(--door-y);width:var(--door-w);height:var(--door-h)}.hsid__glow{z-index:2;background:radial-gradient(ellipse at center,#fff,#fff7e7 40%,#fff4e014 73%);opacity:.08;transform:scale(.75);filter:blur(2px);transition:opacity 1s ease,transform 1.45s ease,filter 1s ease}.hsid__doors{z-index:3;display:flex;perspective:1350px;pointer-events:none}.hsid__leaf{position:relative;width:50%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,filter;filter:drop-shadow(0 8px 9px rgb(22 14 9 / .28));transition:transform 1.25s cubic-bezier(.7,0,.22,1),filter 1.1s ease}.hsid__leaf--l{transform-origin:0 50%}.hsid__leaf--r{transform-origin:100% 50%}.hsid__leaf img{width:100%;height:100%;object-fit:fill;display:block;backface-visibility:hidden}.hsid__leaf:after{content:"";position:absolute;top:0;bottom:0;width:7px;opacity:0;background:linear-gradient(90deg,#fff6e98c,#3c2d218c);transition:opacity .5s ease .2s}.hsid__leaf--l:after{right:0}.hsid__leaf--r:after{left:0;transform:scaleX(-1)}.hsid.is-opening .hsid__camera{transform:scale(1.32)}.hsid.is-opening .hsid__leaf--l{transform:rotateY(-82deg)}.hsid.is-opening .hsid__leaf--r{transform:rotateY(82deg)}.hsid.is-opening .hsid__leaf{filter:brightness(.52) drop-shadow(0 14px 22px rgb(22 14 9 / .42))}.hsid.is-opening .hsid__leaf:after{opacity:1}.hsid.is-opening .hsid__glow{opacity:1;transform:scale(2.3);filter:blur(9px)}.hsid__brand{position:absolute;z-index:8;left:50%;top:clamp(20px,6.5vh,68px);width:min(230px,46vw);transform:translate(-50%);filter:drop-shadow(0 4px 20px rgb(0 0 0 / .45));transition:opacity .45s ease,transform .7s var(--hsid-ease)}.hsid__brand img{width:100%;height:auto;display:block}.hsid__brand-text{margin:10px 0 0;color:#ffffffd1;font-size:9.5px;font-weight:700;letter-spacing:.34em;text-align:center;text-transform:uppercase}.hsid.is-opening .hsid__brand{opacity:0;transform:translate(-50%) translateY(-16px)}.hsid__door-copy{position:absolute;z-index:8;left:50%;bottom:clamp(28px,8vh,76px);width:min(540px,calc(100vw - 28px));padding:22px 24px 20px;transform:translate(-50%);text-align:center;color:#fff;border:1px solid rgb(255 255 255 / .3);border-radius:18px;background:linear-gradient(135deg,#1e171399,#1e171361);box-shadow:0 24px 80px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .4s ease,transform .6s ease,filter .45s ease}.hsid__door-copy .hsid__eyebrow{color:#e2b183;margin-bottom:12px}.hsid__door-title{margin:0 auto 20px;max-width:420px;font-family:var(--font-heading--family, Georgia, serif);font-weight:var(--font-heading--weight, 400);font-size:clamp(27px,6.6vw,44px);line-height:1.04;letter-spacing:-.03em;color:#fff;text-wrap:balance}.hsid__enter{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:208px;min-height:52px;padding:0 26px;border:1px solid rgb(255 255 255 / .55);border-radius:999px;background:linear-gradient(135deg,#c9874c,#8d4e22);color:#fff;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 28px #52270f52;transition:transform .25s var(--hsid-ease),filter .25s ease}.hsid__enter:hover{transform:translateY(-2px);filter:brightness(1.08)}.hsid__enter span:last-child{font-size:17px}.hsid__door-note{margin:12px 0 0;color:#ffffffc7;font-size:10.5px;letter-spacing:.08em}.hsid.is-opening .hsid__door-copy{opacity:0;transform:translate(-50%) translateY(10px) scale(.97);filter:blur(5px);pointer-events:none}.hsid__welcome{margin:16px 0 0;padding-top:14px;border-top:1px solid rgb(255 255 255 / .22);color:#ffffffd9;font-size:12.5px}.hsid__welcome[hidden]{display:none}.hsid__welcome button{-webkit-appearance:none;appearance:none;border:0;background:none;padding:0;margin-left:6px;font:inherit;color:#e2b183;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.hsid__white{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility 0s linear .6s}.hsid.is-white .hsid__white{opacity:1;visibility:visible;transition:opacity .6s ease}@media(max-width:749px){.hsid__door{--door-x: 20%;--door-y: 23%;--door-w: 60%;--door-h: 62%}.hsid__door-copy{padding:18px 18px 16px;border-radius:16px}.hsid__door-title{margin-bottom:15px}.hsid__enter{min-width:178px;min-height:48px}}@media(max-height:700px)and (max-width:749px){.hsid__door{--door-y: 16%;--door-h: 66%}.hsid__door-copy{bottom:20px;padding:14px 16px 12px}.hsid__door-note{display:none}.hsid__brand{width:min(180px,40vw)}}.hsid__eyebrow{margin:0 0 18px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--hsid-accent)}.hsid__btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 34px;border:1px solid var(--hsid-accent);border-radius:999px;background:var(--hsid-accent);color:#fff;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .25s var(--hsid-ease),box-shadow .25s var(--hsid-ease)}.hsid__btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000029}.hsid__btn:active{transform:translateY(0)}.hsid__btn--ghost{background:transparent;color:var(--hsid-ink);border-color:var(--hsid-line)}.hsid__btn--ghost:hover{border-color:var(--hsid-ink);box-shadow:none}.hsid a:focus-visible,.hsid button:focus-visible{outline:2px solid var(--hsid-accent);outline-offset:3px}.hsid__door button:focus-visible{outline-color:#fff}.hsid__bar{display:flex;align-items:center;gap:16px;margin-bottom:clamp(30px,5vw,46px)}.hsid__back{-webkit-appearance:none;appearance:none;flex:none;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--hsid-line);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s,opacity .2s}.hsid__back:hover{border-color:var(--hsid-ink)}.hsid__back[disabled]{opacity:.25;cursor:default}.hsid__back svg{width:15px;height:15px}.hsid__track{flex:1;height:2px;border-radius:2px;background:var(--hsid-line-soft);overflow:hidden}.hsid__fill{display:block;height:100%;width:0;border-radius:2px;background:var(--hsid-accent);transition:width .45s var(--hsid-ease)}.hsid__count{flex:none;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--hsid-ink-faint);font-variant-numeric:tabular-nums}.hsid__q{animation:hsid-in .4s var(--hsid-ease) both}.hsid__q-title{margin:0;font-family:var(--font-heading--family, Georgia, serif);font-weight:var(--font-heading--weight, 400);font-size:clamp(24px,4vw,34px);line-height:1.18;letter-spacing:-.01em;text-wrap:balance}.hsid__q-help{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--hsid-ink-soft)}.hsid__options{display:grid;gap:10px;margin-top:clamp(24px,4vw,34px)}@media(min-width:640px){.hsid__options[data-cols="2"]{grid-template-columns:1fr 1fr}}.hsid__opt{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:16px;width:100%;padding:18px 20px;border:1px solid var(--hsid-line);border-radius:var(--hsid-radius);background:var(--hsid-bg);color:inherit;font-family:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s,transform .2s var(--hsid-ease)}.hsid__opt:hover{border-color:var(--hsid-accent);background:var(--hsid-surface);transform:translateY(-1px)}.hsid__opt[aria-pressed=true]{border-color:var(--hsid-accent);box-shadow:inset 0 0 0 1px var(--hsid-accent)}.hsid__opt-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--hsid-surface);color:var(--hsid-accent)}.hsid__opt-icon svg{width:22px;height:22px}.hsid__opt-text{flex:1;min-width:0}.hsid__opt-label{display:block;font-size:15.5px;font-weight:500;line-height:1.35}.hsid__opt-desc{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--hsid-ink-soft)}.hsid__opt-tick{flex:none;width:18px;height:18px;color:var(--hsid-accent);opacity:0;transition:opacity .2s}.hsid__opt[aria-pressed=true] .hsid__opt-tick{opacity:1}.hsid__options--photo .hsid__opt{padding:0 20px 0 0;align-items:stretch;gap:18px}.hsid__options--photo .hsid__opt-icon{margin:16px 0 16px 20px}.hsid__options--photo .hsid__opt-text{align-self:center;padding:16px 0}.hsid__options--photo .hsid__opt-tick{align-self:center}.hsid__opt-photo{flex:none;width:clamp(88px,26vw,116px);align-self:stretch;overflow:hidden;background:var(--hsid-surface)}.hsid__opt-photo img{width:100%;height:100%;min-height:92px;object-fit:cover;display:block;transition:transform .5s var(--hsid-ease)}.hsid__opt:hover .hsid__opt-photo img{transform:scale(1.05)}.hsid__loading{text-align:center;padding-block:clamp(40px,10vw,90px)}.hsid__spinner{width:46px;height:46px;margin:0 auto 30px;border-radius:50%;border:1.5px solid var(--hsid-line);border-top-color:var(--hsid-accent);animation:hsid-spin .9s linear infinite}@keyframes hsid-spin{to{transform:rotate(360deg)}}.hsid__steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px;justify-content:center}.hsid__step{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--hsid-ink-faint);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--hsid-ease),color .4s}.hsid__step.is-on{opacity:1;transform:none;color:var(--hsid-ink-soft)}.hsid__step svg{width:15px;height:15px;color:var(--hsid-accent);opacity:0;transition:opacity .3s}.hsid__step.is-done svg{opacity:1}.hsid__card{position:relative;padding:clamp(26px,5vw,42px);border-radius:var(--hsid-radius-lg);background:linear-gradient(180deg,var(--hsid-surface),transparent 70%),var(--hsid-bg);border:1px solid var(--hsid-line);text-align:center;overflow:hidden}.hsid__card:before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--hsid-accent),transparent)}.hsid__card-hero{width:min(300px,70%);margin:0 auto 24px;border-radius:var(--hsid-radius);overflow:hidden;aspect-ratio:4 / 3}.hsid__card-hero img{width:100%;height:100%;object-fit:cover;display:block}.hsid__card-title{margin:0;font-family:var(--font-heading--family, Georgia, serif);font-weight:var(--font-heading--weight, 400);font-size:clamp(26px,4.6vw,38px);line-height:1.12}.hsid__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.hsid__tag{padding:6px 14px;border:1px solid var(--hsid-line);border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hsid-ink-soft)}.hsid__code{margin:22px 0 0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--hsid-ink-faint);font-variant-numeric:tabular-nums}.hsid__specs{display:grid;gap:1px;margin-top:26px;background:var(--hsid-line-soft);border:1px solid var(--hsid-line-soft);border-radius:var(--hsid-radius);overflow:hidden}@media(min-width:620px){.hsid__specs{grid-template-columns:repeat(3,1fr)}}.hsid__spec{background:var(--hsid-bg);padding:20px;text-align:center}.hsid__spec dt{font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--hsid-ink-faint)}.hsid__spec dd{margin:8px 0 0;font-family:var(--font-heading--family, Georgia, serif);font-size:20px;line-height:1.2}.hsid__spec small{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:var(--hsid-ink-soft)}.hsid__block{margin-top:clamp(36px,6vw,56px)}.hsid__block-head{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--hsid-line)}.hsid__block-num{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--hsid-accent);font-variant-numeric:tabular-nums}.hsid__block-title{margin:0;font-family:var(--font-heading--family, Georgia, serif);font-weight:var(--font-heading--weight, 400);font-size:clamp(20px,3vw,25px);line-height:1.2}.hsid__list{list-style:none;margin:0;padding:0}.hsid__list li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--hsid-line-soft);font-size:15px;line-height:1.6}.hsid__list li:last-child{border-bottom:0}.hsid__marker{flex:none;width:22px;padding-top:2px;font-size:12px;font-weight:600;color:var(--hsid-accent);font-variant-numeric:tabular-nums}.hsid__marker svg{width:14px;height:14px;display:block}.hsid__why{display:none;margin-top:6px;font-size:13px;line-height:1.55;color:var(--hsid-ink-soft)}.hsid--why .hsid__why{display:block}.hsid__highlight{margin-top:clamp(36px,6vw,56px);padding:clamp(22px,4vw,32px);border-radius:var(--hsid-radius);border:1px solid var(--hsid-accent);background:var(--hsid-surface)}.hsid__highlight h3{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hsid-accent)}.hsid__highlight p{margin:0;font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(17px,2.6vw,21px);line-height:1.5}.hsid__atts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hsid__att{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px 18px;border:1px solid var(--hsid-line);border-radius:var(--hsid-radius);background:var(--hsid-bg);transition:border-color .2s}.hsid__att:hover{border-color:var(--hsid-accent)}.hsid__att-media{position:relative;display:block;width:100%;height:clamp(165px,38vw,225px);margin-bottom:14px}.hsid__att-media>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .3s ease}.hsid__att-media.is-spinning>img{opacity:0}.hsid__att-video{position:absolute;top:0;right:0;bottom:0;left:0}.hsid__att-video video,.hsid__att-video img{width:100%;height:100%;object-fit:contain;display:block;background:transparent}.hsid__att-spin{position:absolute;right:2px;bottom:2px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--hsid-line);border-radius:50%;background:var(--hsid-bg);color:var(--hsid-accent);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.hsid__att-spin svg{width:16px;height:16px}.is-spinning .hsid__att-spin{background:var(--hsid-accent);border-color:var(--hsid-accent);color:#fff}.hsid__att-step{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--hsid-accent)}.hsid__att-name{margin-top:6px;font-size:14px;line-height:1.35;font-weight:500}.hsid__tuts{display:grid;gap:14px;margin-top:18px}@media(min-width:640px){.hsid__tuts{grid-template-columns:1fr 1fr}}.hsid__tut{border:1px solid var(--hsid-line);border-radius:var(--hsid-radius);overflow:hidden;background:var(--hsid-bg);transition:border-color .2s,transform .25s var(--hsid-ease)}.hsid__tut:hover{border-color:var(--hsid-accent);transform:translateY(-2px)}.hsid__tut-media{position:relative;aspect-ratio:16 / 10;background:var(--hsid-surface)}.hsid__tut-media img,.hsid__tut-media video,.hsid__tut-media iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}.hsid__tut-body{padding:16px 18px}.hsid__tut-body h4{margin:0;font-size:15px;font-weight:600;line-height:1.35}.hsid__tut-body p{margin:7px 0 0;font-size:13px;line-height:1.55;color:var(--hsid-ink-soft)}.hsid__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(38px,6vw,56px)}.hsid__actions .hsid__btn{flex:1 1 220px}.hsid__support{margin-top:18px;padding:clamp(22px,4vw,30px);border:1px dashed var(--hsid-line);border-radius:var(--hsid-radius);text-align:center}.hsid__support h3{margin:0 0 8px;font-family:var(--font-heading--family, Georgia, serif);font-weight:var(--font-heading--weight, 400);font-size:20px}.hsid__support p{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--hsid-ink-soft)}.hsid__disclaimer{margin-top:26px;font-size:12px;line-height:1.65;color:var(--hsid-ink-faint)}.hsid__toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,12px);z-index:40;padding:12px 20px;border-radius:999px;background:var(--hsid-ink);color:var(--hsid-bg);font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--hsid-ease)}.hsid__toast.is-on{opacity:1;transform:translate(-50%)}.hsid__library{display:none}@media print{body>*:not(#MainContent){display:none!important}#MainContent>*:not(:has(.hsid)){display:none!important}.hsid__inner{max-width:none;padding:0}.hsid__screen--door,.hsid__white,.hsid__actions,.hsid__support,.hsid__toast,.hsid__att-spin,.hsid__tut-media{display:none!important}.hsid{color:#000}.hsid__card,.hsid__tut,.hsid__att,.hsid__highlight,.hsid__specs,.hsid__spec{border-color:#ccc!important;background:none!important}.hsid__card:before{display:none}.hsid__block{break-inside:avoid;page-break-inside:avoid;margin-top:24px}.hsid__list li{padding:8px 0;font-size:12pt}.hsid__tuts{grid-template-columns:1fr 1fr}.hsid__atts{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/herloom-style-id.css.map */