@font-face{font-family:HTL Fraunces;src:url(htl-fraunces.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:HTL Mono;src:url(htl-plexmono.ttf) format("truetype");font-weight:600;font-display:swap}:root:root{--htl-tom:#2445FF;--htl-teal:#0F1A5C;--htl-sky:#BFE9FF;--htl-blush:#FFC4E4;--htl-lime:#9BF0C8;--htl-paper:#FAFBFF;--htl-ink:#0F1430;--htl-line:#E3E7F5;--font-heading--family:"HTL Fraunces",Georgia,serif;--htl-mono:"HTL Mono",ui-monospace,monospace}h1,h2,h3,h4,.h1,.h2,.h3,.h4,.htl-serif{font-family:HTL Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;letter-spacing:-.02em}.htl-mono{font-family:var(--htl-mono);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.htl-wrap{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.htl-btn{display:inline-flex;align-items:center;gap:.5em;border-radius:100px;padding:.95em 1.6em;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;border:2px solid var(--htl-ink)}.htl-btn--tom{background:var(--htl-tom);color:#fff;border-color:var(--htl-tom)}.htl-btn--ghost{background:transparent;color:var(--htl-ink)}.htl-btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--htl-ink)}.htl-tag{--c:var(--htl-teal);display:inline-flex;align-items:center;gap:.5em;background:var(--c);color:#fff;padding:.42em .8em .42em 1.45em;border-radius:3px 8px 8px 3px;clip-path:polygon(.85em 0,100% 0,100% 100%,.85em 100%,0 50%);position:relative}.htl-tag:before{content:"";position:absolute;left:.62em;top:50%;width:.36em;height:.36em;margin-top:-.18em;border-radius:50%;background:var(--htl-paper)}.htl-hero{background:var(--htl-paper);padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,96px);overflow:hidden;position:relative}.htl-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--htl-line) 1px,transparent 1px),linear-gradient(90deg,var(--htl-line) 1px,transparent 1px);background-size:32px 32px;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}.htl-hero__grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}.htl-hero h1{font-size:clamp(3rem,7.4vw,6.6rem);line-height:.9;margin:.25em 0 .3em;color:var(--htl-ink);font-weight:800}.htl-hero h1 em{font-style:italic;color:var(--htl-tom);font-weight:700}.htl-hero__lede{font-size:clamp(1.02rem,1.4vw,1.18rem);max-width:32em;line-height:1.55;color:#3a3a40}.htl-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.htl-hero__facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;color:var(--htl-teal)}.htl-hero__facts span:before{content:"\2726  ";color:var(--htl-tom)}.htl-specs{position:relative;height:clamp(420px,46vw,600px)}.htl-spec{position:absolute;width:min(46%,270px);background:#fff;border:2px solid var(--htl-ink);border-radius:18px;padding:12px 12px 14px;text-decoration:none;color:var(--htl-ink);box-shadow:6px 6px 0 var(--htl-ink);transform:rotate(var(--tilt));transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.htl-spec:hover{transform:rotate(0) scale(1.04);z-index:5}.htl-spec img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;background:var(--c)}.htl-spec__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.htl-spec__name{display:block;font-family:HTL Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:700;font-size:1.15rem;line-height:1.1;margin:12px 2px 6px}.htl-spec__note{color:#55555c;font-size:.64rem;letter-spacing:.08em;display:block;margin:0 2px}.htl-spec--1{left:0;top:8%;z-index:2}.htl-spec--2{right:0;top:0;z-index:3}.htl-spec--3{left:29%;bottom:0;z-index:4}@media(max-width:899px){.htl-hero__grid{grid-template-columns:1fr}.htl-specs{height:auto;display:flex;gap:14px;overflow-x:auto;padding:10px 4px 18px;scroll-snap-type:x mandatory}.htl-spec{position:relative;inset:auto;flex:0 0 62%;scroll-snap-align:center;width:auto}}.htl-ticker{background:var(--htl-teal);color:#fff;overflow:hidden;border-block:2px solid var(--htl-ink)}.htl-ticker__row{display:flex;width:max-content;animation:htl-tick 38s linear infinite}.htl-ticker__row span{white-space:nowrap;padding:16px 22px;font-size:.8rem}.htl-ticker__row span:after{content:"\2726";color:var(--htl-lime);margin-left:44px}@keyframes htl-tick{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.htl-ticker__row{animation:none}}.htl-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}.htl-head h2{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:.95;margin:.15em 0 0;font-weight:800}.htl-head h2 em{color:var(--htl-tom)}.htl-head p{max-width:30em;margin:.6em 0 0;color:#47474e}.htl-eyebrow{color:var(--htl-teal)}.htl-shelves{padding:clamp(56px,7vw,100px) 0}.htl-shelves__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.htl-shelf{--c:var(--htl-blush);background:var(--c);border:2px solid var(--htl-ink);border-radius:22px;padding:18px 18px 16px;text-decoration:none;color:var(--htl-ink);display:flex;flex-direction:column;min-height:300px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.htl-shelf:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 6px 0 var(--htl-ink)}.htl-shelf__img{width:66%;aspect-ratio:1;border-radius:50%;object-fit:cover;align-self:flex-end;border:2px solid var(--htl-ink);margin-top:auto;background:#fff}.htl-shelf h3{font-size:clamp(1.4rem,2vw,1.85rem);margin:0;line-height:1;font-weight:800}.htl-shelf .htl-mono{margin-top:8px;display:block;opacity:.8}.htl-shelf__effect{position:absolute;left:18px;bottom:16px;max-width:42%;font-size:.8rem;line-height:1.3}@media(max-width:989px){.htl-shelves__grid{grid-template-columns:repeat(2,1fr)}.htl-shelf{min-height:240px}}.htl-moods{background:var(--htl-ink);color:var(--htl-paper);padding:clamp(56px,7vw,96px) 0}.htl-moods .htl-head h2{color:var(--htl-paper)}.htl-moods .htl-head p{color:#c9c9cf}.htl-moods .htl-eyebrow{color:var(--htl-lime)}.htl-scale{display:flex;justify-content:space-between;margin:6px 0 14px;color:#9a9aa3}.htl-scale__bar{height:10px;border-radius:10px;background:linear-gradient(90deg,#6d6d76,var(--htl-sky),var(--htl-lime),var(--htl-tom));margin-bottom:26px}.htl-moods__chips{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.htl-mood{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border-radius:18px;background:#26262c;border:1.5px solid #3a3a42;color:var(--htl-paper);text-decoration:none;transition:background .15s,transform .15s}.htl-mood:hover{background:var(--htl-tom);transform:translateY(-3px)}.htl-mood b{font-family:HTL Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.5rem;font-weight:700}.htl-mood span{font-size:.85rem;color:#c9c9cf}.htl-mood:hover span{color:#fff}@media(max-width:989px){.htl-moods__chips{grid-template-columns:repeat(2,1fr)}}.htl-tests{padding:clamp(56px,7vw,100px) 0;background:var(--htl-sky)}.htl-tests__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.htl-test{background:var(--htl-paper);border:2px solid var(--htl-ink);border-radius:20px;padding:26px 24px;box-shadow:5px 5px 0 var(--htl-ink)}.htl-test:nth-child(2){transform:rotate(1.2deg)}.htl-test:nth-child(3){transform:rotate(-1deg)}.htl-test h3{font-size:1.7rem;margin:18px 0 8px;font-weight:800}.htl-test p{margin:0;color:#3a3a40;line-height:1.55}.htl-tests__foot{margin-top:28px;text-align:center}@media(max-width:899px){.htl-tests__grid{grid-template-columns:1fr}.htl-test{transform:none!important}}.htl-cardno{position:absolute;left:10px;top:10px;z-index:2;background:var(--htl-paper);border:1.5px solid var(--htl-ink);border-radius:100px;padding:3px 9px;font-size:.6rem}.htl-pdp-spec{border:2px dashed var(--htl-ink);border-radius:14px;padding:14px 16px;background:#fff;display:grid;gap:6px}.htl-pdp-spec__row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.htl-pdp-spec__effect{font-family:HTL Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.1rem;font-weight:600}.htl-chero{--c:var(--htl-blush);background:var(--c);border-bottom:2px solid var(--htl-ink);padding:clamp(36px,5vw,64px) 0}.htl-chero__grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.htl-chero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.92;margin:.2em 0 .25em;font-weight:800}.htl-chero__desc{max-width:36em;font-size:1.05rem;line-height:1.55}.htl-chero img{width:clamp(140px,18vw,240px);aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid var(--htl-ink);box-shadow:6px 6px 0 var(--htl-ink);transform:rotate(-4deg);background:#fff}@media(max-width:749px){.htl-chero__grid{grid-template-columns:1fr}.htl-chero img{width:120px;order:-1}}.htl-page{padding:clamp(48px,6vw,88px) 0}.htl-page h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.92;margin:.2em 0 .4em;font-weight:800}.htl-page__lede{font-size:1.15rem;max-width:36em;line-height:1.6}.htl-prose{max-width:44em;line-height:1.7;font-size:1.02rem}.htl-prose h2{font-size:2rem;margin:1.6em 0 .4em}.htl-faq details{border:2px solid var(--htl-ink);border-radius:16px;background:#fff;margin:0 0 12px;max-width:52em}.htl-faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:HTL Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:700;font-size:1.2rem;display:flex;justify-content:space-between;gap:16px}.htl-faq summary::-webkit-details-marker{display:none}.htl-faq summary:after{content:"+";color:var(--htl-tom);font-size:1.5rem;line-height:1}.htl-faq details[open] summary:after{content:"\2013"}.htl-faq details>div{padding:0 22px 20px;line-height:1.6}.htl-form{display:grid;gap:12px;max-width:560px}.htl-form input,.htl-form textarea{border:2px solid var(--htl-ink);border-radius:12px;padding:14px 16px;font:inherit;background:#fff}.htl-form button{justify-self:start;cursor:pointer}.htl-note{padding:12px 16px;border-radius:12px;background:var(--htl-lime);border:2px solid var(--htl-ink);max-width:560px}.htl-el{--u:calc(var(--s)/150);width:var(--s);height:var(--s);flex:none;box-sizing:border-box;position:relative;display:inline-block;background:var(--el-bg);color:var(--el-fg);border:calc(5*var(--u)) solid #0F1430;border-radius:calc(16*var(--u));box-shadow:calc(7*var(--u)) calc(7*var(--u)) 0 var(--el-sh);font-family:var(--htl-mono);line-height:1}.htl-el>span{position:absolute}.htl-el__n{left:calc(11*var(--u));top:calc(9*var(--u));font-size:calc(17*var(--u));font-weight:600}.htl-el__m{right:calc(11*var(--u));top:calc(8*var(--u));font-size:calc(18*var(--u));font-weight:600}.htl-el__s{left:0;right:0;top:calc(28*var(--u));text-align:center;font-family:HTL Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;font-weight:800;font-size:calc(66*var(--u));line-height:1;letter-spacing:-.02em}.htl-el__nm{left:0;right:0;bottom:calc(11*var(--u));text-align:center;font-size:calc(12*var(--u));letter-spacing:.16em;font-weight:600}.htl-ptable{padding:clamp(56px,7vw,100px) 0;background-image:linear-gradient(var(--htl-line) 1px,transparent 1px),linear-gradient(90deg,var(--htl-line) 1px,transparent 1px);background-size:28px 28px}.htl-ptable__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:stretch}.htl-ptable__hero{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:26px;background:#fff;border:2px solid var(--htl-ink);border-radius:22px;text-decoration:none;color:var(--htl-ink);position:relative}.htl-ptable__you{position:absolute;left:270px;top:110px;color:var(--htl-tom)}.htl-ptable__caption b{display:block;font-family:HTL Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.6rem}.htl-ptable__caption span{color:#4a4d63}.htl-ptable__cell{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:2px solid var(--htl-ink);border-radius:20px;text-decoration:none;color:var(--htl-ink);overflow:hidden;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.htl-ptable__cell:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 6px 0 var(--htl-ink)}.htl-ptable__cell .htl-el{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.htl-ptable__cell:hover .htl-el{transform:rotate(-6deg) scale(.92)}.htl-ptable__peek{position:absolute;right:-18px;top:-18px;width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid var(--htl-ink);opacity:0;transform:scale(.6);transition:all .25s ease}.htl-ptable__peek img{width:100%;height:100%;object-fit:cover}.htl-ptable__cell:hover .htl-ptable__peek{opacity:1;transform:scale(1);right:10px;top:10px}.htl-ptable__meta b{display:block;font-family:HTL Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.15rem}.htl-ptable__meta .htl-mono{font-size:.62rem;opacity:.75}@media(max-width:1099px){.htl-ptable__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.htl-ptable__hero{grid-column:span 3;grid-row:auto;flex-direction:row;align-items:center}.htl-ptable__you{display:none}}@media(max-width:640px){.htl-ptable__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.htl-ptable__hero{grid-column:span 2;flex-direction:column;align-items:flex-start}.htl-ptable__cell .htl-el{--s:104px!important}}.htl-float{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.htl-hero__grid{z-index:1}.htl-float .htl-el{position:absolute;opacity:.9;animation:htl-drift var(--d,9s) ease-in-out infinite alternate}.htl-float .f1{left:46%;top:6%;--d:8s;transform:rotate(-12deg)}.htl-float .f2{left:3%;bottom:4%;--d:10s;transform:rotate(9deg)}.htl-float .f3{right:2%;bottom:6%;--d:11s;transform:rotate(-6deg)}.htl-float .f4{left:40%;bottom:-2%;--d:12s;transform:rotate(14deg)}@keyframes htl-drift{0%{translate:0 0}to{translate:10px -18px}}.htl-bubble{position:absolute;bottom:-30px;border-radius:50%;border:2px solid var(--htl-ink);background:var(--c);animation:htl-rise var(--t) linear infinite;opacity:.85}@keyframes htl-rise{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-45vh) translate(14px)}to{transform:translateY(-95vh) translate(-6px);opacity:0}}@media(max-width:899px){.htl-float .f1,.htl-float .f4{display:none}}.htl-bit{position:fixed;z-index:9999;pointer-events:none;font:700 15px var(--htl-mono);transform:translate(-50%,-50%);animation:htl-pop 1s cubic-bezier(.2,.8,.3,1) forwards}@keyframes htl-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(1.2)}}.htl-chero__art{position:relative;display:flex;align-items:center}.htl-chero__art .htl-el{position:relative;z-index:2;transform:rotate(-5deg);margin-right:-34px}.htl-pdp-spec{grid-template-columns:auto 1fr;align-items:center;column-gap:16px}.htl-pdp-spec>.htl-el{grid-row:span 3}@media(prefers-reduced-motion:reduce){.htl-float .htl-el,.htl-bubble{animation:none}.htl-bubble{display:none}}.htl-gg{padding:clamp(48px,6vw,88px) 0;background:#fff5fa;border-block:2px solid var(--htl-ink)}.htl-gg__h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.92;margin:.2em 0 0;font-weight:800}.htl-gg__label{margin:28px 0 12px;color:var(--htl-teal)}.htl-gg__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.htl-gg__cell{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:2px solid var(--htl-ink);border-radius:20px;text-decoration:none;color:var(--htl-ink);transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}.htl-gg__cell:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 6px 0 var(--htl-ink)}.htl-gg__meta b{display:block;font-family:HTL Fraunces,serif;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:1.05rem;line-height:1.15}.htl-gg__meta .htl-mono{font-size:.6rem;opacity:.75}@media(max-width:1099px){.htl-gg__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.htl-gg__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.htl-gg__cell .htl-el{--s:96px!important}}.htl-gg__person{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--htl-ink)}.htl-gg__photo{display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:var(--c);border:2px solid var(--htl-ink)}.htl-gg__photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.htl-gg__person:hover .htl-gg__photo img{transform:scale(1.05)}.htl-gg__person .htl-gg__meta b{font-size:1.15rem}.htl-snow{position:absolute;top:-30px;font-size:var(--s);color:#9db3ff;opacity:.75;animation:htl-fall var(--d) linear infinite;animation-delay:var(--dl);pointer-events:none}@keyframes htl-fall{0%{transform:translateY(-30px) rotate(0)}50%{transform:translate(18px,45vh) rotate(160deg)}to{transform:translate(-8px,110vh) rotate(320deg)}}@media(prefers-reduced-motion:reduce){.htl-snow{animation:none;display:none}}:root:root:root{--htl-paper:#FFF8EE;--htl-line:#F1E4CF;--htl-red:#D7263D;--htl-pine:#14532D;--htl-gold:#FFD166}.htl-hero h1 em,.htl-head h2 em,.htl-hero__facts span:before{color:var(--htl-red)}.htl-ticker{background:var(--htl-pine)}.htl-ticker__row span:after{color:var(--htl-gold)}.htl-snow{color:#e9a3ac}.htl-snow:nth-child(3n){color:#8fc9a6}.htl-snow:nth-child(3n+1){color:#9db3ff}@media(min-width:1100px){.htl-ptable__hero{grid-column:span 3}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/htl.css.map */