.bj4-discovery{--bj4-paper: var(--bj3-paper, #f4f1e9);--bj4-surface: var(--bj3-surface, #fcfbf7);--bj4-ink: var(--bj3-ink, #171815);--bj4-muted: var(--bj3-ink-soft, #5b5f58);--bj4-line: var(--bj3-line, #d8d4ca);--bj4-accent: var(--bj3-vermilion, #96382d);--bj4-display: var(--bj3-font-display, "Iowan Old Style", Baskerville, "Yu Mincho", Georgia, serif);--bj4-body: var(--bj3-font-body, Arial, sans-serif);--bj4-gutter: var(--bj3-gutter, clamp(1.25rem, 4vw, 4.5rem));--bj4-max: var(--bj3-max, 100rem);--bj4-ease: cubic-bezier(.22, 1, .36, 1);color:var(--bj4-ink);font-family:var(--bj4-body)}.bj4-discovery *,.bj4-discovery *:before,.bj4-discovery *:after{box-sizing:border-box}.bj4-discovery__container{width:min(100%,var(--bj4-max));margin-inline:auto;padding-inline:var(--bj4-gutter)}.bj4-discovery__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,6vw,8rem);align-items:end;padding-block:clamp(4.5rem,8vw,8.5rem)}.bj4-discovery__eyebrow,.bj4-craft-library__panel-kicker{margin:0 0 1.25rem;font-size:clamp(.68rem,.65rem + .1vw,.78rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.bj4-discovery__title{max-width:15ch;margin:0;font-family:var(--bj4-display);font-size:clamp(2.6rem,1.8rem + 3.4vw,6rem);font-weight:400;line-height:.96;letter-spacing:-.035em;text-wrap:balance}.bj4-discovery__intro{max-width:38rem;margin:0;color:var(--bj4-muted);font-size:clamp(.95rem,.9rem + .18vw,1.08rem);line-height:1.8}.bj4-discovery__ja{margin:.65rem 0 0;color:var(--bj4-muted);font-size:.82rem;line-height:1.7;letter-spacing:.035em}.bj4-four-doorways{background:var(--bj4-surface)}.bj4-four-doorways__panels{display:flex;min-height:clamp(37rem,62vw,58rem);background:#171815;overflow:clip}.bj4-four-doorways__panel{position:relative;flex:1 1 0;min-width:0;color:#fff;background:#252622;isolation:isolate;overflow:hidden;transition:flex-grow .76s var(--bj4-ease),filter .5s var(--bj4-ease)}.bj4-four-doorways__panel+.bj4-four-doorways__panel{border-left:1px solid rgba(255,255,255,.22)}.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel.is-active{flex-grow:2}.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel:not(.is-active){filter:saturate(.62) brightness(.76)}.bj4-four-doorways__panels:not(.is-enhanced){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;overflow:visible}.bj4-four-doorways__panels:not(.is-enhanced) .bj4-four-doorways__panel{display:grid;grid-template-rows:minmax(24rem,42vw) auto;min-height:0;overflow:visible}.bj4-four-doorways__panels:not(.is-enhanced) .bj4-four-doorways__media{inset:auto;min-height:24rem;position:relative}.bj4-four-doorways__panels:not(.is-enhanced) .bj4-four-doorways__veil{display:none}.bj4-four-doorways__panels:not(.is-enhanced) .bj4-four-doorways__content{background:#171815;inset:auto;padding:1.5rem;position:relative}.bj4-four-doorways__panels:not(.is-enhanced) .bj4-four-doorways__toggle{display:none}.bj4-four-doorways__media,.bj4-four-doorways__veil{position:absolute;top:0;right:0;bottom:0;left:0}.bj4-four-doorways__media img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.01);transition:transform .9s var(--bj4-ease),filter .6s var(--bj4-ease)}.bj4-discovery-demo{position:absolute;top:.85rem;left:.85rem;z-index:4;padding:.35rem .5rem;background:#f6f3ebf5;color:#1a1a18;font-size:.65rem;font-weight:700;letter-spacing:.12em;line-height:1.45;max-width:calc(100% - 1.7rem)}.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel.is-active .bj4-four-doorways__media img{transform:scale(1.045)}.bj4-four-doorways__veil{z-index:1;background:linear-gradient(180deg,#090a090f 24%,#090a09d6),linear-gradient(90deg,rgba(9,10,9,.22),transparent 55%)}.bj4-four-doorways__content{position:absolute;z-index:2;inset:auto clamp(1.25rem,2.5vw,2.75rem) clamp(1.5rem,3vw,3.25rem);min-width:0}.bj4-four-doorways__trigger{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:.45rem 1rem;align-items:end;padding:0;border:0;background:transparent;color:inherit;text-decoration:none;text-align:left;cursor:pointer}.bj4-four-doorways__trigger:focus-visible{outline:2px solid #fff;outline-offset:.5rem}.bj4-four-doorways__number{grid-column:1;align-self:center;font-size:.66rem;letter-spacing:.18em;opacity:.68}.bj4-four-doorways__name{grid-column:2;font-family:var(--bj4-display);font-size:clamp(1.7rem,2.35vw,3.1rem);font-weight:400;line-height:.98;letter-spacing:-.025em;text-wrap:balance}.bj4-four-doorways__name-ja{grid-column:2;color:#ffffffb8;font-size:.75rem;letter-spacing:.04em}.bj4-four-doorways__toggle{grid-column:3;grid-row:1 / span 2;width:1.1rem;height:1.1rem;position:relative;align-self:center}.bj4-four-doorways__toggle:before,.bj4-four-doorways__toggle:after{content:"";position:absolute;inset:50% 0 auto;height:1px;background:currentColor;transition:transform .3s var(--bj4-ease)}.bj4-four-doorways__toggle:after{transform:rotate(90deg)}.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel.is-active .bj4-four-doorways__toggle:after{transform:rotate(0)}.bj4-four-doorways__details{max-width:33rem;margin:1.35rem 0 0;opacity:1;transform:none;transition:opacity .43s var(--bj4-ease) .1s,transform .5s var(--bj4-ease) 80ms;animation:bj4-doorway-details-enter .48s var(--bj4-ease) 80ms both}.bj4-four-doorways__details[hidden]{display:none}.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel:not(.is-active) .bj4-four-doorways__details{position:absolute;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.8rem);transition-delay:0ms}.bj4-four-doorways__text,.bj4-four-doorways__text-ja{margin:0;line-height:1.65}.bj4-four-doorways__text{color:#ffffffdb;font-size:.92rem}.bj4-four-doorways__text-ja{margin-top:.4rem;color:#ffffffa6;font-size:.75rem}.bj4-four-doorways__cta,.bj4-craft-library__cta{display:inline-grid;grid-template-columns:1fr auto;gap:.12rem 1rem;align-items:center;margin-top:1.25rem;padding-bottom:.35rem;color:inherit;font-size:.76rem;font-weight:600;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid currentColor}.bj4-four-doorways__cta small,.bj4-craft-library__cta small{grid-column:1;font-size:.66rem;font-weight:400;letter-spacing:.035em;opacity:.68;text-transform:none}.bj4-craft-library__cta .bj4-preview-route{letter-spacing:.12em;text-transform:uppercase}.bj4-four-doorways__cta i,.bj4-craft-library__cta i{grid-column:2;grid-row:1 / span 2;font-style:normal;transition:transform .22s var(--bj4-ease)}.bj4-four-doorways__cta:hover i,.bj4-craft-library__cta:hover i{transform:translate(.2rem,-.2rem)}.bj4-craft-library{padding-block:clamp(1rem,2vw,2rem) clamp(5rem,9vw,10rem);background:var(--bj4-paper)}.bj4-craft-library__grid{display:grid;grid-template-columns:minmax(10rem,.8fr) minmax(10rem,.8fr) minmax(30rem,2.2fr);grid-template-rows:repeat(7,minmax(4.65rem,auto));border-top:1px solid var(--bj4-line);border-bottom:1px solid var(--bj4-line)}.bj4-craft-library__trigger{grid-column:var(--bj4-craft-column);grid-row:var(--bj4-craft-row);min-width:0;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.75rem 1rem .75rem 0;border:0;border-bottom:1px solid var(--bj4-line);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background-color .24s ease,color .24s ease,padding .32s var(--bj4-ease)}.bj4-craft-library__trigger--column-2{padding-left:1rem;border-left:1px solid var(--bj4-line)}.bj4-craft-library__trigger:hover{background:#17181509}.bj4-craft-library__grid.is-enhanced .bj4-craft-library__trigger.is-active{padding-left:1rem;background:var(--bj4-ink);color:#fff}.bj4-craft-library__trigger:focus-visible{position:relative;z-index:4;outline:3px solid var(--bj4-accent);outline-offset:-3px}.bj4-craft-library__index{color:currentColor;font-size:.62rem;letter-spacing:.16em;opacity:.58}.bj4-craft-library__trigger-copy{min-width:0}.bj4-craft-library__trigger-copy strong{display:block;font-family:var(--bj4-display);font-size:clamp(.95rem,.86rem + .28vw,1.25rem);font-weight:400;line-height:1.08}.bj4-craft-library__trigger-copy small{display:block;margin-top:.25rem;color:currentColor;font-size:.65rem;line-height:1.3;opacity:.6}.bj4-craft-library__marker{width:.42rem;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.38;transition:background-color .24s ease,transform .32s var(--bj4-ease),opacity .24s ease}.bj4-craft-library__grid.is-enhanced .bj4-craft-library__trigger.is-active .bj4-craft-library__marker{background:var(--bj4-accent);border-color:var(--bj4-accent);opacity:1;transform:scale(1.35)}.bj4-craft-library__panel{grid-column:3;grid-row:1 / span 7;min-width:0;display:grid;grid-template-rows:auto 1fr;border-left:1px solid var(--bj4-line);background:var(--bj4-surface);animation:bj4-craft-enter .46s var(--bj4-ease) both}.bj4-craft-library__panel[hidden]{display:none}.bj4-craft-library__grid:not(.is-enhanced){display:block}.bj4-craft-library__grid:not(.is-enhanced) .bj4-craft-library__trigger,.bj4-craft-library__grid:not(.is-enhanced) .bj4-craft-library__trigger--column-2{width:100%;padding-inline:1rem;border-left:0}.bj4-craft-library__grid:not(.is-enhanced) .bj4-craft-library__panel{margin-bottom:2rem;border:1px solid var(--bj4-line);border-top:0}.bj4-craft-library__media{position:relative;aspect-ratio:4 / 3;min-height:0;overflow:hidden;background:#d9d6cf}.bj4-craft-library__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,rgba(9,10,9,.22));pointer-events:none}.bj4-craft-library__media img{width:100%;height:100%;display:block;object-fit:cover}.bj4-craft-library__media-pending{align-content:end;background:linear-gradient(145deg,#dedbd2,#c8c4ba);color:var(--bj4-ink);display:grid;gap:.65rem;height:100%;padding:clamp(1.5rem,4vw,3rem);width:100%}.bj4-craft-library__media-pending small{font-size:.7rem;letter-spacing:.14em}.bj4-craft-library__media-pending strong{font-family:var(--bj4-display);font-size:clamp(1.8rem,4vw,4rem);font-weight:400;line-height:1}.bj4-craft-library__media-index{position:absolute;z-index:1;top:1.25rem;right:1.5rem;color:#fff;font-family:var(--bj4-display);font-size:clamp(2rem,4vw,4.5rem);line-height:1;text-shadow:0 1px 1rem rgba(0,0,0,.3)}.bj4-craft-library__panel-copy{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(16rem,1.2fr);gap:clamp(1.5rem,3vw,4rem);padding:clamp(1.5rem,3vw,3rem)}.bj4-craft-library__panel-kicker{margin-bottom:.75rem;color:var(--bj4-muted)}.bj4-craft-library__panel-copy h3{margin:0;font-family:var(--bj4-display);font-size:clamp(2rem,2.8vw,3.8rem);font-weight:400;line-height:.98;letter-spacing:-.03em}.bj4-craft-library__panel-ja{margin:.45rem 0 0;color:var(--bj4-muted);font-size:.76rem}.bj4-craft-library__summary>p{margin:0;color:var(--bj4-muted);font-size:.92rem;line-height:1.75}.bj4-craft-library__summary .bj4-discovery__ja{margin-top:.45rem;font-size:.75rem}.bj4-craft-library__cta{color:var(--bj4-ink)}.bj4-craft-library__empty{padding:2rem;border:1px dashed var(--bj4-line);color:var(--bj4-muted);text-align:center}@keyframes bj4-craft-enter{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes bj4-doorway-details-enter{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:none}}@media(max-width:1100px){.bj4-craft-library__grid{grid-template-columns:minmax(9rem,.75fr) minmax(9rem,.75fr) minmax(25rem,1.75fr)}.bj4-craft-library__trigger{grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.5rem}.bj4-craft-library__panel-copy{grid-template-columns:1fr}}@media(max-width:749px),(hover:none){.bj4-discovery__head{grid-template-columns:1fr;gap:1.75rem;padding-block:4.5rem 3rem}.bj4-discovery__title{max-width:12ch;font-size:clamp(2.6rem,13vw,4.8rem)}.bj4-four-doorways__panels{display:block;min-height:0}.bj4-four-doorways__panels:not(.is-enhanced){display:block}.bj4-four-doorways__panel,.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel{width:100%;min-height:9rem;transition:min-height .65s var(--bj4-ease),filter .42s var(--bj4-ease)}.bj4-four-doorways__panel+.bj4-four-doorways__panel{border-left:0;border-top:1px solid rgba(255,255,255,.24)}.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel:not(.is-active){filter:saturate(.68) brightness(.72)}.bj4-four-doorways__panels.is-enhanced .bj4-four-doorways__panel.is-active{min-height:min(34rem,82svh)}.bj4-four-doorways__panels:not(.is-enhanced) .bj4-four-doorways__panel{grid-template-rows:minmax(22rem,105vw) auto;min-height:0}.bj4-four-doorways__content{inset:auto 1.25rem 1.5rem}.bj4-four-doorways__name{font-size:clamp(1.8rem,8.5vw,2.8rem)}.bj4-four-doorways__details{max-width:28rem}.bj4-craft-library{padding-top:0}.bj4-craft-library__grid{display:block;border-bottom:0}.bj4-craft-library__trigger,.bj4-craft-library__trigger--column-2{width:100%;min-height:5rem;grid-template-columns:2rem minmax(0,1fr) auto;padding:.9rem 0;border-left:0}.bj4-craft-library__grid.is-enhanced .bj4-craft-library__trigger.is-active{padding-inline:1rem}.bj4-craft-library__trigger-copy strong{font-size:1.2rem}.bj4-craft-library__panel{min-height:0;display:block;border-left:0;border-bottom:1px solid var(--bj4-line)}.bj4-craft-library__media{aspect-ratio:4 / 3}.bj4-craft-library__panel-copy{display:block;padding:1.4rem 1rem 2rem}.bj4-craft-library__summary{margin-top:1.15rem}}@media(prefers-reduced-motion:reduce){.bj4-discovery *,.bj4-discovery *:before,.bj4-discovery *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bj4-discovery-home.css.map */