.hb-bento{--section-y: clamp(4rem, 2.4rem + 5.5vw, 8rem);--hb-on-clay: #fff;--hb-ring: var(--ring)}.hb-top{display:grid;gap:1.25rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.25rem)}.hb-top__head{display:grid;gap:clamp(.75rem,.6rem + .5vw,1.1rem);justify-items:start}.hb-top__title{max-width:16ch;font-size:clamp(2.25rem,1.5rem + 3vw,4.25rem);line-height:1.02;letter-spacing:-.022em}@media(min-width:48em){.hb-top{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.hb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.875rem,.6rem + .9vw,1.375rem)}.hb-cell{display:flex;min-width:0}@media(min-width:48em){.hb-grid--n2,.hb-grid--n3{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-grid--n3 .hb-cell--1{grid-column:1 / -1}}@media(min-width:64em){.hb-grid--n2,.hb-grid--n3{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.hb-grid--n3{grid-template-rows:repeat(2,minmax(17.5rem,auto))}.hb-grid--n3 .hb-cell--1{grid-column:auto;grid-row:1 / span 2}}.hb-card{--hb-pad: clamp(1.5rem, 1.1rem + 1.4vw, 2.5rem);position:relative;isolation:isolate;display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-end;min-width:0;min-height:17rem;padding:var(--hb-pad);overflow:hidden;border-radius:var(--radius-lg)}.hb-card--lead{min-height:clamp(24rem,18rem + 16vw,34rem)}@media(min-width:64em){.hb-card--lead{min-height:36rem}}.hb-card__body{display:flex;flex-direction:column;align-items:flex-start;max-width:34rem}.hb-card__meta{order:-1;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;margin-bottom:.875rem;font-size:var(--fs-eyebrow);font-weight:600;font-stretch:104%;line-height:1.45;letter-spacing:.16em;text-transform:uppercase}.hb-card__kicker{color:var(--accent)}.hb-card__time{display:inline-flex;align-items:center;gap:.75rem;color:var(--muted)}.hb-card__time:before{content:"";width:3px;height:3px;border-radius:50%;background:currentcolor}.hb-card__title{font-family:var(--font-serif);font-optical-sizing:auto;font-size:clamp(1.4rem,1.2rem + .7vw,1.875rem);font-weight:500;line-height:1.12;letter-spacing:-.012em;text-wrap:balance}.hb-card--lead .hb-card__title{font-size:clamp(1.875rem,1.4rem + 1.9vw,3rem);line-height:1.04;letter-spacing:-.018em}.hb-card__link{color:inherit}.hb-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit}.hb-card__excerpt{display:-webkit-box;margin-top:.75rem;overflow:hidden;font-family:var(--font-serif);font-optical-sizing:auto;font-size:1.0625rem;line-height:1.5;color:var(--fg-soft);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.hb-card--lead .hb-card__excerpt{font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);-webkit-line-clamp:3;line-clamp:3}.hb-card__more{margin-top:.75rem;pointer-events:none}@media(hover:hover){.hb-card:hover .hb-card__more:after{transform:scaleX(1)}.hb-card:hover .hb-card__more .icon{transform:translate3d(.35em,0,0)}}@supports selector(:has(*)){.hb-card__link:focus-visible{outline:none}.hb-card:has(.hb-card__link:focus-visible){outline:2px solid var(--hb-ring);outline-offset:3px}.hb-card:has(.hb-card__link:focus-visible) .hb-card__more:after{transform:scaleX(1)}}.hb-card--ink:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--fg) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--fg) 7%,transparent) 1px,transparent 1px);background-size:3rem 3rem;background-position:-1px -1px;-webkit-mask-image:radial-gradient(120% 90% at 88% 6%,#000 0,transparent 72%);mask-image:radial-gradient(120% 90% at 88% 6%,#000 0,transparent 72%)}.hb-card__glyph{position:absolute;top:.06em;right:.12em;z-index:-1;font-family:var(--font-serif);font-optical-sizing:auto;font-size:clamp(11rem,7rem + 13vw,20rem);font-style:italic;font-weight:400;line-height:1;color:color-mix(in srgb,var(--fg) 9%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform var(--dur-3) var(--ease-settle)}@supports (-webkit-text-stroke: 1px){.hb-card__glyph{color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 52%,transparent)}}@media(hover:hover){.hb-card--ink:hover .hb-card__glyph{transform:translate3d(-.5rem,.5rem,0) rotate(-2deg)}}.hb-card--clay{--fg: var(--hb-on-clay);--fg-soft: var(--hb-on-clay);--muted: var(--hb-on-clay);--accent: var(--hb-on-clay);--ring: var(--hb-on-clay);color:var(--hb-on-clay);background:var(--clay);transition:background-color var(--dur-2) var(--ease-settle)}@media(hover:hover){.hb-card--clay:hover{background-color:var(--clay-deep)}}.hb-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ink)}.hb-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,color-mix(in srgb,var(--ink-deep) 90%,transparent) 0,color-mix(in srgb,var(--ink-deep) 70%,transparent) 38%,transparent 72%)}.hb-card--photo .hb-card__body{max-width:none;margin:-4rem calc(-1 * var(--hb-pad)) calc(-1 * var(--hb-pad));padding:4rem var(--hb-pad) var(--hb-pad);background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--ink-deep) 84%,transparent) 3.5rem)}.hb-card--photo .hb-card__body>*{max-width:34rem}.hb-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-3) var(--ease-settle)}@media(hover:hover){.hb-card:hover .hb-card__img{transform:scale(1.04)}}.hb-empty{padding-block:2rem}.hb-empty__note{padding:1rem 1.25rem;font-size:var(--fs-small);border:1px dashed var(--line-strong);border-radius:var(--radius)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-home-bento.css.map */