:root{--ls-ink: #2a2a2a;--ls-muted: #8a8a8a;--ls-hairline: rgba(0,0,0,.1);--ls-serif: "Playfair Display", serif;--ls-container: 58rem;--ls-text-width: 36rem;--ls-gutter: 2rem}.letter-story{color:var(--ls-ink);min-height:100vh}.letter-story__container{max-width:var(--ls-container);margin:0 auto;padding:0 var(--ls-gutter);display:flex;flex-direction:column;align-items:center}.letter-story__hero{width:100%;position:relative;overflow:hidden}.letter-story__hero-media{width:100%;object-fit:cover;display:block}.letter-story__hero-media--desktop{height:75vh;min-height:400px}.letter-story__hero-media--mobile{display:none}.letter-story__hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.letter-story__hero-credit{font-size:.65rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ls-muted);margin:.75rem 0 0;padding:0 var(--ls-gutter);text-align:right}.letter-story__block{width:100%;max-width:var(--ls-text-width)}.letter-story__block+.letter-story__block{margin-top:3rem}.letter-story__heading{padding-top:5rem;text-align:center}.letter-story__heading-text{font-family:var(--ls-serif);font-weight:400;font-size:clamp(1.35rem,2.5vw,1.75rem);letter-spacing:.02em;line-height:1.25;margin:0}.letter-story__heading-subtitle{font-family:var(--ls-serif);font-style:italic;font-size:clamp(.85rem,1vw,.95rem);color:var(--ls-muted);margin:1rem 0 0}.letter-story__heading+.letter-story__block{margin-top:2rem}.letter-story__meta{text-align:center}.letter-story__meta-text{font-size:.65rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ls-muted);margin:0}.letter-story__meta+.letter-story__heading{margin-top:1.5rem;padding-top:0}.letter-story__text-body{font-size:clamp(.88rem,1.05vw,.95rem);line-height:1.85;color:var(--ls-ink);opacity:.8}.letter-story__text-body p{margin:0 0 1.5rem}.letter-story__text-body p:last-child{margin-bottom:0}.letter-story__text--center .letter-story__text-body{text-align:center}.letter-story__text-body a{color:inherit;text-decoration:underline;text-decoration-color:var(--ls-hairline);text-underline-offset:.15em;transition:text-decoration-color .3s ease}.letter-story__text-body a:hover{text-decoration-color:var(--ls-ink)}.letter-story__image{margin-left:0;margin-right:0}.letter-story__image img{width:100%;height:auto;display:block}.letter-story__image--contained{max-width:var(--ls-text-width)}.letter-story__image--large{max-width:46rem}.letter-story__image--full{max-width:var(--ls-container)}.letter-story__image-pair{max-width:46rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.letter-story__pair-item{margin:0}.letter-story__pair-item img{width:100%;height:auto;display:block}.letter-story__caption{font-size:.65rem;font-weight:300;letter-spacing:.12em;color:var(--ls-muted);margin-top:.75rem;text-align:center}.letter-story__credit{opacity:.6}.letter-story__credit:before{content:" \2014  "}.letter-story__quote{border:0;padding:2rem 0;margin-left:0;margin-right:0;text-align:center}.letter-story__quote-text{font-family:var(--ls-serif);font-style:italic;font-size:clamp(1.1rem,1.5vw,1.3rem);letter-spacing:.02em;line-height:1.5;margin:0}.letter-story__quote-cite{display:block;font-family:var(--ls-serif);font-style:normal;font-size:clamp(.8rem,.95vw,.88rem);color:var(--ls-muted);margin-top:1rem}.letter-story__divider{border:0;margin-top:4rem}.letter-story__divider--line{height:1px;background:var(--ls-hairline)}.letter-story__divider--space{height:2rem;background:transparent}.letter-story__audio{max-width:var(--ls-text-width)}.letter-story__audio-title{font-family:var(--ls-serif);font-style:italic;font-size:clamp(.9rem,1.05vw,1rem);letter-spacing:.04em;margin:0 0 .25rem}.letter-story__audio-artist{font-size:clamp(.8rem,.95vw,.88rem);font-weight:300;color:var(--ls-muted);margin:0 0 1rem}.letter-story__audio-controls{display:flex;align-items:center;gap:1rem}.letter-story__audio-play{background:none;border:1px solid var(--ls-hairline);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ls-ink);flex-shrink:0;transition:border-color .3s ease}.letter-story__audio-play:hover{border-color:var(--ls-ink)}.letter-story__audio-progress-wrap{flex:1;height:2px;background:var(--ls-hairline);cursor:pointer;position:relative}.letter-story__audio-progress-bar{height:100%;background:var(--ls-ink);width:0%;transition:width .1s linear}.letter-story__audio-time{font-size:.65rem;font-weight:300;color:var(--ls-muted);min-width:5rem;text-align:right;letter-spacing:.05em}.letter-story__products{max-width:46rem}.letter-story__products-heading{font-size:.65rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ls-muted);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--ls-hairline)}.letter-story__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.letter-story__product{text-decoration:none;color:inherit;transition:opacity .3s ease}.letter-story__product:hover{opacity:.7}.letter-story__product-image{aspect-ratio:4/5;overflow:hidden;margin-bottom:.6rem;background:#f5f5f2}.letter-story__product-image img{width:100%;height:100%;object-fit:cover;display:block}.letter-story__product-name{font-size:.65rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;text-align:center;margin:0}.letter-story__container:after{content:"";display:block;height:6rem}.letter-story-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.letter-story-lightbox[aria-hidden=false]{opacity:1;visibility:visible}.letter-story-lightbox__body{display:flex;flex-direction:column;align-items:center;max-width:92vw;max-height:92vh}.letter-story-lightbox__img{max-width:92vw;max-height:85vh;object-fit:contain;display:block}.letter-story-lightbox__caption{color:#fff9;font-size:.7rem;font-weight:300;letter-spacing:.12em;margin:1rem 0 0;text-align:center}.letter-story-lightbox__counter{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);color:#ffffff73;font-size:.65rem;font-weight:300;letter-spacing:.18em;z-index:1}.letter-story-lightbox__close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#ffffff80;font-size:2rem;line-height:1;cursor:pointer;padding:.5rem;z-index:1;transition:color .2s ease}.letter-story-lightbox__close:hover{color:#fff}.letter-story-lightbox__prev,.letter-story-lightbox__next{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;font-size:3rem;line-height:1;cursor:pointer;padding:1rem;z-index:1;transition:color .2s ease}.letter-story-lightbox__prev{left:1rem}.letter-story-lightbox__next{right:1rem}.letter-story-lightbox__prev:hover,.letter-story-lightbox__next:hover{color:#fff}@media(max-width:768px){.letter-story__hero--has-mobile .letter-story__hero-media--desktop{display:none}.letter-story__hero--has-mobile .letter-story__hero-media--mobile{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.letter-story__hero:not(.letter-story__hero--has-mobile) .letter-story__hero-media--desktop{height:auto;min-height:0;aspect-ratio:4 / 5}.letter-story__hero-video{display:none}.letter-story__heading{padding-top:3rem}.letter-story__block+.letter-story__block{margin-top:2rem}.letter-story__image--large,.letter-story__image--full{max-width:100%}.letter-story__image-pair{grid-template-columns:1fr;max-width:100%;gap:1rem}.letter-story__products-grid{grid-template-columns:1fr 1fr}.letter-story__divider{margin-top:2.5rem}.letter-story-lightbox__prev,.letter-story-lightbox__next{font-size:2rem;padding:.5rem}.letter-story-lightbox__prev{left:.5rem}.letter-story-lightbox__next{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/letter-story.css.map */