.resource-list{border-radius:var(--radius-12);background:var(--color-paper);overflow:hidden}.resource-list ul{padding:var(--space-8);flex-direction:column;display:flex;position:relative}.resource-list__highlight{top:0;inset-inline:var(--space-8);height:var(--h,0);border-radius:var(--radius-8);opacity:0;pointer-events:none;translate:0 var(--y,0);transition:translate .3s var(--ease-out-quart), height .3s var(--ease-out-quart), opacity .2s var(--ease-out-cubic);background:oklch(100% 0 0/.8);position:absolute}.resource-list ul[data-active] .resource-list__highlight{opacity:1}.resource-list ul[data-instant] .resource-list__highlight{transition:opacity .2s var(--ease-out-cubic)}.resource-list li{position:relative}.resource-list li a{align-items:center;gap:var(--space-16);padding:var(--space-12);color:var(--color-text-primary);display:flex}.resource-list img{background:var(--color-cloud);object-fit:cover;flex-shrink:0;width:4.25rem;height:4.25rem}.resource-list__book{background:var(--color-cloud);flex-shrink:0;justify-content:center;align-items:center;width:4.25rem;height:4.25rem;display:flex}.resource-list__book .book{width:50%}.resource-list__book img{background:0 0;width:100%;height:auto}.resource-list li a>span:not(.resource-list__book){flex-direction:column;min-width:0;display:flex}.resource-list__meta{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);color:var(--color-text-tertiary)}.resource-list__title{-webkit-line-clamp:2;font:var(--type-body-based);text-shadow:var(--text-strong);-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.resource-list__title em{margin-left:var(--space-8);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);color:var(--color-text-tertiary);text-shadow:none;font-style:normal}.resource-list__text{margin-top:var(--space-4);-webkit-line-clamp:2;font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);color:var(--color-text-secondary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.resource-list__all{padding:var(--space-16) var(--space-20);border-top:1px solid var(--color-divider);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);color:var(--color-text-tertiary);transition:color .25s var(--ease-out-cubic);justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.resource-list li a:hover .resource-list__title,.resource-list__all:hover{color:var(--color-text-primary)}}@media (prefers-reduced-motion:reduce){.resource-list__highlight{transition:none}}.letter-topics{padding-block:var(--space-40) var(--space-80)}.letter-topics h2{margin-bottom:var(--space-40);text-align:center;font:var(--type-h2);letter-spacing:var(--type-h2-tracking)}.letter-topics ul{gap:var(--space-16);display:grid}.letter-topics li{padding:var(--space-32) var(--space-24);border:1px solid var(--color-divider);border-radius:var(--radius-24);background:var(--color-white);text-align:center;flex-direction:column;align-items:center;display:flex}.letter-topics__icon{width:5rem;height:5rem;margin-bottom:var(--space-24);color:var(--color-text-primary)}.letter-topics h3{margin-bottom:var(--space-8);font:var(--type-h5);letter-spacing:var(--type-h5-tracking)}.letter-topics p{text-wrap:pretty;font:var(--type-body-md);color:var(--color-text-secondary)}@media (width>=48rem){.letter-topics ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.letter-topics{padding-block:var(--space-60) var(--space-120)}.letter-topics h2{margin-bottom:var(--space-60)}}.letters-logo{color:var(--color-text-primary)}.letters-logo svg{width:auto;height:1.6875rem;display:block}.letters-logo .design-solo__dot{color:var(--color-brand)}@media (prefers-reduced-motion:no-preference){.letters-logo svg{overflow:hidden}.letters-logo .design-solo__word,.letters-logo .design-solo__dot{transform-box:fill-box;animation:letters-logo-in .7s var(--ease-out-quart) .3s both}.letters-logo .design-solo__word--2{animation-delay:.42s}.letters-logo .design-solo__word--3{animation-delay:.54s}.letters-logo .design-solo__dot{animation-delay:.66s}}@keyframes letters-logo-in{0%{opacity:0;transform:translate(40%)}}.letters-tabs{padding-inline:max(var(--gutter), calc((100% - var(--container-width)) / 2));box-shadow:inset 0 -1px 0 var(--color-divider);scrollbar-width:none;display:flex;overflow-x:auto}.letters-tabs button{padding:var(--space-8) var(--space-16);font:var(--type-body-tiny);color:var(--color-text-tertiary);transition:color .2s var(--ease-out-cubic), background .2s var(--ease-out-cubic);border:1px solid #0000;border-radius:.625rem .625rem 0 0;flex-shrink:0;font-weight:500}.letters-tabs button[aria-pressed=true]{border-color:var(--color-divider);border-bottom-color:var(--color-white);background:var(--color-white);color:var(--color-cta)}@media (hover:hover){.letters-tabs button:hover{background:var(--color-paper);color:var(--color-cta)}.letters-tabs button[aria-pressed=true]:hover{background:var(--color-white)}}.letters-hero{padding-top:var(--space-40)}.letters-hero__card{border-radius:var(--radius-card);background:var(--color-black);aspect-ratio:4/5;isolation:isolate;display:grid;position:relative;overflow:hidden}.letters-hero__blur{z-index:-1;position:absolute;inset:0}.letters-hero__blur img{object-fit:cover;filter:blur(4rem)brightness(.85);width:100%;height:100%;transform:scale(-1.3,1.3)}.letters-hero__blur:after{content:"";background:linear-gradient(#0000 35%,oklch(0% 0 0/.45));position:absolute;inset:0}.letters-hero__cover{aspect-ratio:1;grid-area:1/1;align-self:start;mask-image:linear-gradient(oklch(0% 0 0) 50%,#0000 95%)}.letters-hero__cover img{object-fit:cover;width:100%;height:100%}.letters-hero__text{padding:var(--space-80) 4.5rem var(--space-24) var(--space-20);background:linear-gradient(#0000,oklch(0% 0 0/.3));grid-area:1/1;align-self:end}.letters-hero h2{margin-bottom:var(--space-8);font:var(--type-h5);letter-spacing:var(--type-h5-tracking);color:var(--color-text-inverse)}.letters-hero__text>p{font:var(--type-body-sm);color:var(--color-text-inverse-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.letters-hero .letters-hero__cta{right:var(--space-20);bottom:var(--space-24);width:2.5rem;height:2.5rem;padding:0;position:absolute}.letters-hero__cta-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.letters-feed__layout{display:grid}.letters-popular{padding-top:var(--space-40);order:1}.letters-feed__list{margin-bottom:var(--space-32)}.letters-feed__list li{scroll-margin-top:var(--space-120);border-bottom:1px solid var(--color-divider)}.letters-feed__heading{margin-bottom:var(--space-40);font:var(--type-h3);letter-spacing:var(--type-h3-tracking);flex-direction:column;display:flex}.letters-feed__more{justify-self:start}.letters-feed__heading [data-feed-label]{text-shadow:none;color:var(--color-text-tertiary)}.letters-feed{padding-block:var(--space-40) var(--space-80)}.letters-hero__title{background-image:linear-gradient(#0000 93%,currentColor 0);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .6s}.letters-hero__cover img{transition:scale .6s}@media (hover:hover){.letters-hero__card:hover .letters-hero__title{background-size:100% 100%}.letters-hero__card:hover .letters-hero__cover img{scale:1.05}}@media (width>=64rem){.letters-feed__layout{column-gap:var(--space-80);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.letters-feed__heading{grid-column:1/-1}.letters-feed__list,.letters-feed__more{grid-column:1}.letters-popular{padding-top:0;padding-inline:var(--space-24);order:0;grid-area:2/2/span 2;position:relative}.letters-popular:before{content:"";top:0;bottom:0;left:calc(var(--space-40) * -1);background:var(--color-divider);width:1px;position:absolute}.letters-popular__inner{top:var(--space-120);position:sticky}.letters-feed__heading{margin-bottom:var(--space-60)}.letters-hero{padding-top:var(--space-60)}.letters-hero__card{aspect-ratio:auto;align-items:center;min-height:26rem}.letters-hero__text{padding:var(--space-60);background:0 0;align-self:center}.letters-hero h2{margin-bottom:var(--space-12);font:var(--type-h3);letter-spacing:var(--type-h3-tracking)}.letters-hero .letters-hero__cta{width:auto;height:auto;padding:var(--space-12) var(--space-20);position:static}.letters-hero__cta-label{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.letters-hero__text>p{margin-bottom:var(--space-20);font:var(--type-body-md);-webkit-line-clamp:2}.letters-hero__blur:after{background:linear-gradient(90deg,oklch(0% 0 0/.45),oklch(0% 0 0/.2) 50%,#0000 75%)}.letters-hero__cover{aspect-ratio:auto;grid-area:auto;align-self:stretch;width:68%;position:absolute;top:0;bottom:0;right:0;mask-image:linear-gradient(90deg,#0000,oklch(0% 0 0/.5) 30%,oklch(0% 0 0) 60%)}.letters-hero__text{width:50%;padding:var(--space-60) var(--space-60);position:relative}.letters-feed{padding-block:var(--space-60) var(--space-120)}}
