.codex-home{--codex-section-y:clamp(82px,6.5vw,104px);position:relative;overflow:clip}.codex-home section{isolation:isolate}:root{--codex-topbar-h:24px;--muted-text:#70695C;--gold-text:#7D663F}.topbar{height:var(--codex-topbar-h);padding:0 16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:400;letter-spacing:.2em;line-height:1;text-wrap:nowrap}.topbar-mobile{display:none}body .piece .cat,body .post .meta,body .support-card .meta,body .journal-entry .meta,body .article-meta,body .more-item .meta,body .article-aside .label,body .buy .cat,body .line .cat,body .codex-side-post .meta{color:var(--gold-text);font-size:11.5px;font-weight:400}body .eyebrow:not(.cel),body .codex-journal-letter small,body .crumb span,body .footer .logo small{color:var(--gold-text)}body .kiln .eyebrow,body .news .eyebrow{color:var(--gold)}body .piece .price{color:var(--ink);font-size:17px;font-style:normal;font-weight:500;letter-spacing:.025em;line-height:1.45}body .piece .price s{margin-left:10px;color:var(--muted-text);font-size:.9em;font-weight:400;opacity:1}body .lead,body .crumb,body .crumb a,body .sort-form label,body .count,body .buy .desc,body .assure div,body .acc-body>div,body .line .var,body .line .properties,body .line .rm,body .srow,body .note,body .empty-cart p,body .journal-entry p,body .article-deck,body .article-aside p,body .support-card p,body .support-empty,body .codex-collection-note,body .codex-fact p,body .codex-journal-excerpt,body .codex-side-post>span,body .footer p,body .footer li a,body .footer-btm,body .footer-seal span,body .band-set em,body .coll-head .rte,body .glaze p,body .quote .who span,body .jh-placeholder,body .empty-state,body .journal-empty{color:var(--muted-text)}body .sort-form label,body .field label{font-size:11.5px;font-weight:400}body .article-aside p{font-size:14px}body .support-card p{font-size:15px}body .assure div,body .note{font-size:13px}body .line .rm{font-size:12px}body .footer h5,body .footer-seal span,body .band-set em{font-size:11.5px}body .footer-btm{font-size:12.5px}body .sub input::placeholder{color:color-mix(in srgb,var(--on-deep) 68%,transparent);opacity:1}body .field input::placeholder,body .field textarea::placeholder,body .search-form input::placeholder{color:var(--muted-text);opacity:1}.header{top:var(--codex-topbar-h);background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.header .header-in{position:relative;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:64px 40px;min-height:104px;padding:0 clamp(32px,4vw,56px);transition:min-height .45s var(--ease),grid-template-rows .45s var(--ease),padding .45s var(--ease)}.header .logo{grid-column:2;grid-row:1;align-self:center;font-size:35px;letter-spacing:.22em;line-height:1;transition:font-size .45s var(--ease)}.header .logo small{display:none}.header .nav{grid-column:1/-1;grid-row:2;justify-self:center;align-self:center;gap:clamp(26px,2.5vw,38px);flex-wrap:nowrap;white-space:nowrap;font-size:12px;letter-spacing:.17em}.header .nav a{flex:0 0 auto}.header .nav-search{display:none}.header .head-r{grid-column:3;grid-row:1;gap:8px;align-self:center}.header .head-icon{width:44px;height:44px}.header.stuck{background:color-mix(in srgb,var(--paper) 94%,transparent)}.header.stuck .header-in{grid-template-rows:50px 34px;min-height:84px;padding:0 clamp(32px,4vw,56px)}.header.stuck .logo{font-size:31px}.codex-home .hero-scroll{display:none}.codex-home .codex-hero{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);min-height:max(760px,100svh)}.codex-home .codex-hero .hero-img{border-bottom-right-radius:46% 14%;z-index:0}.codex-home .codex-hero .hero-img:after{z-index:1}.codex-home .codex-hero .hero-img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--paper);transform-origin:100% 50%;animation:codexHeroCurtain 1.25s var(--ease) .08s both}@keyframes codexHeroCurtain{to{transform:scaleX(0)}}.codex-home .codex-hero .hero-copy{z-index:2;padding:clamp(150px,17vh,188px) clamp(62px,7vw,112px) clamp(56px,6vw,82px)}.codex-home .codex-hero .display{font-size:clamp(52px,5.2vw,82px)!important}.codex-home .codex-hero [data-split] .line>span{white-space:nowrap}.codex-home .codex-hero .hero-mark{z-index:2}.codex-home .codex-trust{padding:0}.codex-home .codex-trust-grid{display:grid;grid-template-columns:5fr 7fr;align-items:stretch}.codex-home .codex-trust-lead{padding:34px clamp(26px,4vw,58px) 34px 0;border-right:1px solid var(--line)}.codex-home .codex-trust-lead .eyebrow{margin-bottom:12px}.codex-home .codex-trust-lead p{max-width:17ch;font-family:var(--serif);font-style:italic;font-size:clamp(23px,2.1vw,32px);line-height:1.24}.codex-home .codex-trust-facts{display:grid;grid-template-columns:repeat(3,1fr)}.codex-home .codex-fact{padding:34px clamp(20px,2.6vw,38px);display:flex;flex-direction:column;justify-content:center}.codex-home .codex-fact+.codex-fact{border-left:1px solid var(--line)}.codex-home .codex-fact .k{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--celadon-dp);margin-bottom:7px}.codex-home .codex-fact p{font-size:12px;font-weight:400;line-height:1.55;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-text)}.codex-home .codex-collection{padding-block:var(--codex-section-y)}.codex-home .codex-collection .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(18px,2.2vw,30px);row-gap:clamp(38px,4.2vw,56px)}.codex-home .codex-collection .head-row{grid-column:1/-1;margin-bottom:0}.codex-home .codex-collection-heading{max-width:60ch}.codex-home .codex-collection-note{max-width:38ch;margin-top:14px;color:var(--muted-text);font-size:14.5px;line-height:1.65}.codex-home .codex-product-editorial,.codex-home .codex-product-main,.codex-home .codex-product-side,.codex-home .codex-product-row{display:contents}.codex-home .codex-collection .codex-piece{position:relative}.codex-home .codex-collection .piece-media{aspect-ratio:1/1;margin-bottom:18px}.codex-home .codex-collection .piece-media:after{display:none}.codex-home .codex-collection .piece .cat{margin-bottom:7px;font-size:11.5px;font-weight:400;letter-spacing:.15em}.codex-home .codex-collection .piece h3{display:block;margin-bottom:6px;padding-bottom:0;font-size:clamp(20px,1.65vw,24px)!important;line-height:1.17}.codex-home .codex-collection .piece .price{font-size:17px}.codex-home .codex-product-main .img-wipe .wipe{transform:scaleX(1);transform-origin:0 50%}.codex-home .codex-product-main .img-wipe.in .wipe{transform:scaleX(0)}.codex-home .codex-product-side .img-wipe .wipe{transform:scaleX(1);transform-origin:100% 50%}.codex-home .codex-product-side .img-wipe.in .wipe{transform:scaleX(0)}.codex-home .codex-kiln{--codex-lift:clamp(48px,5vw,72px);margin-top:clamp(64px,7vw,104px);overflow:visible;padding-top:clamp(72px,6vw,96px);padding-bottom:var(--codex-section-y)}.codex-home .codex-kiln .kiln-grid{align-items:center}.codex-home .codex-kiln .kiln-media{margin-top:calc(var(--codex-lift)*-1.35);border-radius:50% 50% 2px 2px/20% 20% 0 0;overflow:hidden}.codex-home .codex-kiln .codex-kiln-copy{padding-block:clamp(18px,3vw,46px)}.codex-home .codex-values .s b{font-size:clamp(22px,2.2vw,31px);font-style:italic}.codex-home .codex-values .s span{max-width:15ch;font-size:12.5px;font-weight:400;letter-spacing:.1em;line-height:1.5}.codex-home .codex-glazes,.codex-home .codex-daily{padding-block:var(--codex-section-y)}.codex-home .codex-moments{display:grid;grid-template-columns:5fr 7fr;grid-template-rows:1fr 1fr;gap:clamp(20px,2.8vw,44px)}.codex-home .codex-moment{aspect-ratio:auto;min-height:0}.codex-home .codex-moment.moment-1{grid-row:1/3;aspect-ratio:4/5}.codex-home .codex-moment.moment-2,.codex-home .codex-moment.moment-3{aspect-ratio:12/5}.codex-home .codex-moment-kicker{display:block;margin-bottom:8px;font-size:11px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;opacity:.92}.codex-home .codex-moment .col-label{left:clamp(24px,3vw,42px);bottom:clamp(22px,3vw,38px)}.codex-home .codex-quote{padding-block:clamp(88px,7vw,112px);text-align:left}.codex-home .codex-quote .wrap{display:grid;grid-template-columns:4fr 8fr;gap:clamp(36px,6vw,96px);align-items:start}.codex-home .codex-quote-kicker{display:flex;flex-direction:column;align-items:flex-start}.codex-home .codex-quote-kicker .zh{font-size:clamp(38px,5vw,72px);color:var(--celadon);opacity:.2;line-height:1}.codex-home .codex-quote blockquote{max-width:19ch;margin:0;font-size:clamp(31px,4vw,56px)}.codex-home .codex-quote .reveal{filter:none;transform:translate(34px)}.codex-home .codex-quote .reveal.in{transform:none}.codex-home .codex-journal{padding-block:var(--codex-section-y)}.codex-home .codex-journal .head-row{margin-bottom:clamp(38px,4vw,56px)}.codex-home .codex-journal-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(42px,6vw,96px);align-items:start}.codex-home .codex-journal-feature .post-media{aspect-ratio:16/10}.codex-home .codex-journal-feature .post h3{font-size:clamp(27px,2.7vw,40px)!important;max-width:25ch}.codex-home .codex-feature-post--text{min-height:clamp(340px,32vw,460px);padding:clamp(32px,4vw,58px);border:1px solid var(--line);background:linear-gradient(145deg,var(--surface-2),var(--paper));display:flex;flex-direction:column;justify-content:flex-end}.codex-home .codex-journal-letter{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:auto;color:var(--celadon-dp)}.codex-home .codex-journal-letter .zh{font-size:clamp(84px,12vw,170px);line-height:.72;opacity:.14}.codex-home .codex-journal-letter small{font-size:11.5px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-text);writing-mode:vertical-rl}.codex-home .codex-journal-excerpt{max-width:52ch;margin-top:18px;color:var(--muted-text);font-size:14px;line-height:1.7}.codex-home .codex-journal-read{display:block;margin-top:26px;font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--celadon-dp)}.codex-home .codex-journal-side{border-top:1px solid var(--line)}.codex-home .codex-side-post{display:block;padding:clamp(30px,3.5vw,52px) 0;border-bottom:1px solid var(--line)}.codex-home .codex-side-post .meta{font-size:11.5px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin-bottom:14px}.codex-home .codex-side-post h3{font-family:var(--serif);font-size:clamp(24px,2.4vw,34px);line-height:1.2;transition:color .4s}.codex-home .codex-side-post span{display:block;margin-top:20px;font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-text)}.codex-home .codex-side-post:hover h3{color:var(--celadon-dp)}.codex-home .codex-news{padding-block:var(--codex-section-y);text-align:left}.codex-home .codex-news-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(44px,7vw,112px);align-items:end}.codex-home .codex-news .eyebrow{margin-bottom:20px}.codex-home .codex-news p{max-width:48ch;margin:0 0 34px}.codex-home .codex-news .sub{max-width:none;margin:0}@media(max-width:1024px){.codex-home{--codex-section-y:76px}.codex-home .head-row{margin-bottom:48px}.codex-home .codex-hero{grid-template-columns:1fr;min-height:auto}.codex-home .codex-hero .hero-img{aspect-ratio:16/9;border-bottom-right-radius:32% 9%}.codex-home .codex-hero .hero-copy{padding:64px clamp(24px,6vw,56px) 72px}.codex-home .codex-trust-grid{grid-template-columns:1fr}.codex-home .codex-trust-lead{padding:30px 0;border-right:none;border-bottom:1px solid var(--line)}.codex-home .codex-trust-lead p{max-width:24ch}.codex-home .codex-kiln{--codex-lift:48px;margin-top:56px;padding-top:64px;padding-bottom:var(--codex-section-y)}.codex-home .codex-kiln .kiln-media{aspect-ratio:16/10;margin-top:calc(var(--codex-lift)*-1.2);border-radius:50% 50% 2px 2px/16% 16% 0 0}.codex-home .codex-moments{grid-template-columns:1fr;grid-template-rows:auto}.codex-home .codex-moment.moment-1,.codex-home .codex-moment.moment-2,.codex-home .codex-moment.moment-3{grid-row:auto;aspect-ratio:16/10}.codex-home .codex-quote .wrap,.codex-home .codex-news-grid{grid-template-columns:1fr}.codex-home .codex-quote{padding-block:84px}.codex-home .codex-quote blockquote{max-width:22ch}.codex-home .codex-journal-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4.5vw,48px)}.codex-home .codex-journal-side{display:block;border-top:1px solid var(--line)}}@media(max-width:899px){.codex-home .codex-collection .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.codex-home section.codex-collection>.wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.codex-home .codex-collection .codex-piece{grid-column:auto}}@media(min-width:900px)and (hover:hover)and (pointer:fine){.codex-home .codex-collection .piece-media{z-index:1;margin-bottom:24px;transform:scale(1);transform-origin:50% 50%;transition:transform .68s var(--ease),opacity .48s ease;will-change:transform}.codex-home .codex-collection .codex-piece:is(:hover,:focus-visible){z-index:3;transform:none}.codex-home .codex-collection .codex-piece:is(:hover,:focus-visible) .piece-media{transform:scale(1.12)}.codex-home .codex-collection .wrap:has(.codex-piece:is(:hover,:focus-visible)) .codex-piece:not(:is(:hover,:focus-visible)) .piece-media{opacity:.66;transform:scale(.985)}.codex-home .codex-collection .codex-piece:is(:hover,:focus-visible) .piece-media img{scale:1.01}}@media(min-width:1200px)and (max-width:1320px){.header .nav{gap:28px}}@media(max-width:1199px){.header{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}.header .nav{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);flex-direction:column;align-items:center;justify-content:center;align-self:stretch;justify-self:stretch;width:auto;height:auto;gap:34px;font-size:17px;z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),visibility 0s linear .5s}.header .nav.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.header .nav-search{display:block}.header .menu-btn{display:grid;grid-column:1;grid-row:1;place-items:center;position:relative;width:44px;height:44px;justify-self:start;z-index:50}.header .menu-btn svg{display:none}.header .menu-btn:before,.header .menu-btn:after{content:"";position:absolute;width:20px;height:1px;background:currentColor;transition:transform .45s var(--ease),top .45s var(--ease)}.header .menu-btn:before{top:18px}.header .menu-btn:after{top:25px}.header .menu-btn[aria-expanded=true]:before{top:22px;transform:rotate(45deg)}.header .menu-btn[aria-expanded=true]:after{top:22px;transform:rotate(-45deg)}.header .header-in{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:84px;min-height:84px;padding:0 clamp(28px,6vw,64px)}.header .logo{grid-column:2;grid-row:1;justify-self:center;font-size:31px;letter-spacing:.21em}.header .head-r{grid-column:3;grid-row:1;width:44px;gap:0;justify-self:end}.header .head-r .head-icon:first-child{display:none}.header.stuck .header-in{grid-template-rows:72px;min-height:72px;padding:0 clamp(28px,6vw,64px)}.header.stuck .logo{font-size:29px}}html.codex-menu-open,html.codex-menu-open body{overflow:hidden!important}html.codex-menu-open .top{opacity:0!important;pointer-events:none!important}@media(max-width:680px){:root{--codex-topbar-h:20px}.topbar{letter-spacing:.14em;font-size:10px}.topbar-desktop{display:none}.topbar-mobile{display:inline}.header .header-in{grid-template-rows:80px;min-height:80px}.header .logo{font-size:30px}.header.stuck .header-in{grid-template-rows:68px;min-height:68px}.header.stuck .logo{font-size:28px}.codex-home .codex-hero .hero-img{aspect-ratio:5/4;border-bottom-right-radius:30% 8%}.codex-home .codex-hero .hero-copy{padding:52px 24px 58px}.codex-home .codex-hero .display{font-size:clamp(43px,13vw,62px)!important}.codex-home .codex-hero .eyebrow{margin-bottom:20px}.codex-home .codex-hero .rule{margin:24px 0}.codex-home .codex-hero .lead{margin-bottom:32px}.codex-home .codex-hero .hero-cta{gap:18px}.codex-home .codex-hero .hero-cta .link{font-size:11px;letter-spacing:.17em}.codex-home .codex-trust-facts{grid-template-columns:1fr}.codex-home .codex-fact{padding:20px 0}.codex-home .codex-fact+.codex-fact{border-left:none;border-top:1px solid var(--line)}.codex-home{--codex-section-y:58px}.codex-home .head-row{margin-bottom:36px}.codex-home .codex-collection-note{display:none}.codex-home .codex-collection .wrap{column-gap:12px;row-gap:32px}.codex-home .codex-collection .piece-media{margin-bottom:13px}.codex-home .codex-collection .piece .cat{margin-bottom:5px;font-size:11px;letter-spacing:.1em}.codex-home .codex-collection .piece h3{margin-bottom:5px;font-size:18px!important;line-height:1.15}.codex-home .codex-collection .piece .price{font-size:16px;line-height:1.4}.codex-home .codex-kiln{--codex-lift:24px;margin-top:36px;padding-top:48px;padding-bottom:var(--codex-section-y)}.codex-home .codex-kiln .kiln-media{aspect-ratio:4/3;margin-top:calc(var(--codex-lift)*-1);border-radius:50% 50% 2px 2px/13% 13% 0 0}.codex-home .codex-values{display:grid;grid-template-columns:1fr;margin-top:42px}.codex-home .codex-values .s{display:grid;grid-template-columns:minmax(82px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}.codex-home .codex-values .s b{font-size:22px}.codex-home .codex-values .s span{max-width:none;margin-top:2px;font-size:12.5px;letter-spacing:.09em;line-height:1.55}.codex-home .codex-values .s+.s{border-left:0;border-top:1px solid rgba(237,231,216,.12);padding:24px 0 0;margin-top:24px}.codex-home .codex-moment.moment-1,.codex-home .codex-moment.moment-2,.codex-home .codex-moment.moment-3{aspect-ratio:4/3}.codex-home .codex-quote{padding-block:64px}.codex-home .codex-quote .wrap{gap:28px}.codex-home .codex-quote .reveal{transform:translateY(24px)}.codex-home .codex-journal .head-row{margin-bottom:30px;gap:24px}.codex-home .codex-journal-grid{grid-template-columns:1fr;gap:0}.codex-home .codex-journal-feature .post-media{aspect-ratio:16/9;margin-bottom:18px}.codex-home .codex-feature-post--text{min-height:0;padding:28px 22px 26px;justify-content:flex-start}.codex-home .codex-journal-letter{display:none}.codex-home .codex-journal-feature .post h3{font-size:27px!important;line-height:1.16}.codex-home .codex-journal-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:14px;font-size:13.5px;line-height:1.65}.codex-home .codex-journal-read{display:flex;align-items:center;min-height:44px;margin-top:10px}.codex-home .codex-journal-side{grid-template-columns:1fr;gap:0}.codex-home .codex-side-post{padding:24px 0}.codex-home .codex-side-post h3{font-size:22px;line-height:1.22}.codex-home .codex-side-post span{margin-top:12px}.codex-home .codex-news-grid{gap:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.header .header-in,.header .logo{transition:none}.codex-home .codex-collection .codex-piece .piece-media{transform:none!important;opacity:1!important;transition:none!important}.codex-home .codex-collection .codex-piece .piece-media img{transition:none!important;scale:1!important}.codex-home .codex-hero .hero-img:before{animation:none;transform:scaleX(0)}.codex-home .codex-hero .hero-copy .eyebrow,.codex-home .codex-hero .hero-copy .lead,.codex-home .codex-hero .hero-copy .rule,.codex-home .codex-hero .hero-copy .hero-cta{opacity:1;transform:none}.codex-home .codex-hero .hero-vert{opacity:.55;transform:translateY(-50%)}.codex-home .codex-product-main .img-wipe .wipe,.codex-home .codex-product-side .img-wipe .wipe{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/jh-codex.css.map */