.h3{color:var(--zel-ink);padding-top:var(--nav-height);--h3-gutter:20px;--h3-serif:var(--font-display-stack);--h3-mono:var(--font-mono-stack);background:linear-gradient(#fbf3f0d6,#fbf3f0d6),url(/images/zellige-tile.webp) top/600px;padding-bottom:56px;overflow-x:clip}@media (min-width:900px){.h3{--h3-gutter:48px}}.h3-meta{font-family:var(--h3-mono);font-size:var(--text-label);font-weight:var(--text-label--font-weight);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);color:var(--zel-muted)}.h3-textlink{font-size:var(--text-meta);letter-spacing:var(--text-meta--letter-spacing);line-height:var(--text-meta--line-height);font-weight:var(--text-meta--font-weight);color:var(--zel-warm);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--zel-border-m);text-decoration-color:var(--zel-border-m)}.h3-textlink:hover{-webkit-text-decoration-color:var(--zel-deep);text-decoration-color:var(--zel-deep)}.h3-hero{max-width:1120px;padding:var(--spacing-yeppo-section-before) var(--h3-gutter) var(--spacing-yeppo-card-gap);gap:var(--spacing-yeppo-page);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.h3-hero>*{min-width:0}.h3-hero{isolation:isolate;position:relative}.h3-hero:before{content:"";z-index:-1;inset-block:0;pointer-events:none;background:radial-gradient(310px at calc(100% - 170px) 130px,#fff0f5d9,#ffdce859 40%,#0000 70%),linear-gradient(#c9577f 0%,#d9789a 35%,#efb9cb 65%,#efb9cb00 100%);width:100vw;position:absolute;left:50%;transform:translate(-50%)}@media (min-width:900px){.h3-hero{padding:56px var(--h3-gutter) var(--spacing-yeppo-thumb);grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:64px}}.h3-hero__copy{gap:var(--spacing-yeppo-page);flex-direction:column;display:flex}@media (max-width:899.98px){.h3{flex-direction:column;display:flex}.h3>*{width:100%}.h3-hero{display:contents}.h3-hero:before{content:none}.h3-hero__copy{isolation:isolate;padding:var(--spacing-yeppo-section-before) var(--h3-gutter) var(--spacing-yeppo-card-gap);order:1;position:relative}.h3-hero__copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(220px at calc(100% - 60px) 80px,#fff0f5d9,#ffdce859 40%,#0000 70%),linear-gradient(#c9577f 0%,#d9789a 35%,#efb9cb 65%,#efb9cb00 100%);position:absolute;inset:0}.h3-doors{order:2}.h3-hero__stage{padding:var(--spacing-yeppo-section-before) var(--h3-gutter) 0;order:3}.h3>:not(.h3-hero):not(.h3-doors){order:4}}.h3-title{font-family:var(--h3-serif);letter-spacing:-.02em;margin:0;font-size:clamp(38px,10.5vw,76px);font-weight:400;line-height:1.02}.h3-title em{color:var(--zel-deep);font-style:italic;display:block}.h3-actions{align-items:center;gap:var(--spacing-yeppo-grid-card) var(--spacing-yeppo-page);flex-wrap:wrap;display:flex}.h3-btn{height:48px;padding:0 var(--spacing-yeppo-page);border-radius:var(--radius-yeppo-image);background:var(--zel-ink);color:#fff;font-size:var(--text-body);letter-spacing:var(--text-body--letter-spacing);line-height:var(--text-body--line-height);font-weight:var(--text-body--font-weight);align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.h3-btn:hover{background:var(--zel-deep)}.h3-btn:focus-visible,.h3-textlink:focus-visible,.h3-tab:focus-visible{outline:2px solid var(--zel-vivid);outline-offset:3px}.h3-sub{max-width:460px;font-size:var(--text-body);font-weight:var(--text-body--font-weight);letter-spacing:var(--text-body--letter-spacing);line-height:var(--text-body--line-height);color:var(--zel-warm);margin:0}.h3-doors{max-width:1120px;margin:var(--spacing-yeppo-section-before) auto 0;padding:0 var(--h3-gutter);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.h3-doors{column-gap:var(--spacing-yeppo-swatch);grid-template-columns:repeat(4,minmax(0,1fr))}}.h3-door{gap:var(--spacing-yeppo-card-gap);padding:var(--spacing-yeppo-page) 0;border-top:1px solid var(--zel-border-m);color:inherit;flex-direction:column;text-decoration:none;display:flex}.h3-door__line{font-family:var(--h3-serif);font-size:var(--text-section-title);letter-spacing:var(--text-section-title--letter-spacing);line-height:var(--text-section-title--line-height)}.h3-door__note{font-size:var(--text-meta);letter-spacing:var(--text-meta--letter-spacing);line-height:var(--text-meta--line-height);font-weight:var(--text-meta--font-weight);color:var(--zel-deep)}.h3-door:hover .h3-door__line{color:var(--zel-deep)}.h3-door:focus-visible{outline:2px solid var(--zel-vivid);outline-offset:3px}button.h3-door{border:0;border-top:1px solid var(--zel-border-m);font:inherit;text-align:start;cursor:pointer;background:0 0}.h3-door--active{border-top:2px solid var(--zel-deep)}.h3-door--active .h3-door__line{color:var(--zel-deep)}@media (min-width:900px){.h3-doors--five{grid-template-columns:repeat(5,minmax(0,1fr))}.h3-hero--solo{grid-template-columns:minmax(0,1fr)}}.h3-section{max-width:1120px;padding:var(--spacing-yeppo-thumb) var(--h3-gutter) var(--spacing-yeppo-card-gap);margin:0 auto}.h3-head{justify-content:space-between;align-items:baseline;gap:var(--spacing-yeppo-page);padding-bottom:var(--spacing-yeppo-grid-card);border-bottom:1px solid var(--zel-border-m);display:flex}.h3-h2{font-family:var(--h3-serif);letter-spacing:-.01em;margin:0;font-size:clamp(28px,7vw,40px);font-weight:400}.h3-empty{color:var(--zel-warm);padding:var(--spacing-yeppo-swatch) 0}.h3-tabs{gap:var(--spacing-yeppo-page);scrollbar-width:none;margin:0 calc(var(--h3-gutter) * -1);padding:var(--spacing-yeppo-grid-card) var(--h3-gutter) var(--spacing-yeppo-page);display:flex;overflow-x:auto}.h3-tabs::-webkit-scrollbar{display:none}.h3-tabs--wrap{flex-wrap:wrap;row-gap:0;margin:0;padding-left:0;padding-right:0;overflow-x:visible}.h3-tab{padding:var(--spacing-yeppo-card-gap) 0;font-size:var(--text-meta);letter-spacing:var(--text-meta--letter-spacing);line-height:var(--text-meta--line-height);font-weight:var(--text-meta--font-weight);color:var(--zel-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0}.h3-tab:hover{color:var(--zel-warm)}.h3-tab--active{color:var(--zel-ink);border-bottom-color:var(--zel-vivid)}.h3-stories{gap:var(--spacing-yeppo-grid-card);scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--h3-gutter) * -1);padding:0 var(--h3-gutter) var(--spacing-yeppo-card-gap);scroll-padding-inline:var(--h3-gutter);display:flex;overflow-x:auto}.h3-stories::-webkit-scrollbar{display:none}.h3-story{scroll-snap-align:start;gap:var(--spacing-yeppo-card-gap);color:inherit;flex-direction:column;flex:0 0 70%;text-decoration:none;display:flex}.h3-story--lead{flex-basis:86%}.h3-story__img{aspect-ratio:4/5;border-radius:var(--radius-yeppo-card);background:var(--zel-blush);position:relative;overflow:hidden}.h3-story__text{gap:var(--spacing-yeppo-card-gap);flex-direction:column;display:flex}.h3-story__title{font-family:var(--h3-serif);font-weight:500;font-size:var(--text-section-title);letter-spacing:var(--text-section-title--letter-spacing);line-height:var(--text-section-title--line-height);margin:0}.h3-story--lead .h3-story__title{font-size:26px}.h3-story__sub{font-size:var(--text-meta);font-weight:var(--text-meta--font-weight);letter-spacing:var(--text-meta--letter-spacing);line-height:var(--text-meta--line-height);color:var(--zel-warm);margin:0}.h3-story:hover .h3-story__title{color:var(--zel-deep)}@media (min-width:900px){.h3-stories{column-gap:var(--spacing-yeppo-thumb);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin:0;padding:0;display:grid;overflow:visible}.h3-story--lead{grid-row:1/span 6}.h3-story--lead .h3-story__img{aspect-ratio:4/3}.h3-story--lead .h3-story__title{font-size:34px}.h3-story:not(.h3-story--lead){align-items:center;gap:var(--spacing-yeppo-page);padding:var(--spacing-yeppo-grid-card) 0;border-bottom:1px solid var(--zel-border);grid-template-columns:88px minmax(0,1fr);display:grid}.h3-story:not(.h3-story--lead) .h3-story__img{aspect-ratio:1;border-radius:var(--radius-yeppo-thumb)}.h3-story:not(.h3-story--lead) .h3-story__title{font-size:var(--text-section-title);font-weight:var(--text-section-title--font-weight);letter-spacing:var(--text-section-title--letter-spacing);line-height:var(--text-section-title--line-height)}}.h3-shelf{gap:var(--spacing-yeppo-grid-card);scroll-snap-type:x mandatory;scrollbar-width:none;margin:var(--spacing-yeppo-page) calc(var(--h3-gutter) * -1) 0;padding:0 var(--h3-gutter) var(--spacing-yeppo-card-gap);scroll-padding-inline:var(--h3-gutter);display:flex;overflow-x:auto}.h3-shelf::-webkit-scrollbar{display:none}@media (min-width:900px){.h3-shelf{gap:var(--spacing-yeppo-swatch) var(--spacing-yeppo-section-before);margin:var(--spacing-yeppo-section-before) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;display:grid;overflow:visible}}.h3-product{scroll-snap-align:start;gap:var(--spacing-yeppo-card-gap);color:inherit;flex-direction:column;flex:0 0 42%;text-decoration:none;display:flex}.h3-product__img{aspect-ratio:1;border-radius:var(--radius-yeppo-image);background:var(--zel-white);margin-bottom:var(--spacing-yeppo-card-gap);position:relative;overflow:hidden}.h3-product__name{font-size:var(--text-product-name);letter-spacing:var(--text-product-name--letter-spacing);font-weight:var(--text-product-name--font-weight);line-height:var(--text-product-name--line-height)}.h3-product__price{font-family:var(--h3-mono);font-size:var(--text-price);font-variant-numeric:tabular-nums;font-weight:var(--text-price--font-weight);letter-spacing:var(--text-price--letter-spacing);line-height:var(--text-price--line-height);color:var(--zel-deep)}.h3-product:hover .h3-product__name{color:var(--zel-deep)}@media (prefers-reduced-motion:reduce){.h3-stories,.h3-shelf{scroll-snap-type:none}}
