.magazine-index,.magazine-article{--background:#fffdf8;--card:#fff;--popover:#fff;--secondary:color-mix(in srgb, #fff 92%, var(--sky));--muted:color-mix(in srgb, #fff 94%, var(--sun));--muted-foreground:color-mix(in srgb, var(--ink) 62%, transparent);min-height:100vh;color:var(--ink);background:radial-gradient(circle at 100% 12%,color-mix(in srgb,var(--sky) 22%,transparent) 0 9rem,transparent 9.1rem),#fffdf8;font-family:Codec Pro,sans-serif}.magazine-index__hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:clamp(3rem,8vw,10rem);padding-top:clamp(9.5rem,14vw,13rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}.magazine-kicker{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0;font-size:.72rem;font-weight:800;display:inline-flex}.magazine-kicker:before{background:var(--bold-sun);content:"";border-radius:999px;width:3rem;height:.42rem}.magazine-index__hero h1,.magazine-article__heading h1,.magazine-related__heading h2{letter-spacing:-.055em;margin:1.2rem 0 0;font-family:PP Hatton,serif;font-weight:300}.magazine-index__hero h1{max-width:900px;font-size:clamp(4rem,8vw,8.8rem);line-height:.88}.magazine-index__hero h1 i{font-weight:300;display:block}.magazine-index__intro{border-left:1px solid color-mix(in srgb,var(--ink) 16%,transparent);max-width:35rem;margin:0;padding:1.5rem 0 0 2rem;font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.62}.magazine-index__content{padding-bottom:8rem}.magazine-filters{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:clamp(2.2rem,5vw,4.5rem);padding-block:1rem;display:flex}.magazine-filters__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.magazine-filters button{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);min-height:2.55rem;color:var(--ink);font:inherit;background:#fff;border-radius:999px;padding-inline:.9rem;font-size:.72rem;font-weight:700;transition:color .18s,background .18s,transform .18s}.magazine-filters button:hover,.magazine-filters button:focus-visible{transform:translateY(-1px)}.magazine-filters button.is-active{color:#fff;background:var(--ink)}.magazine-filters>p{color:color-mix(in srgb,var(--ink) 58%,transparent);letter-spacing:.08em;text-transform:uppercase;flex:none;margin:0;font-size:.68rem;font-weight:700}.magazine-feature{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);min-height:36rem;color:var(--ink);box-shadow:0 20px 55px color-mix(in srgb,var(--ink) 7%,transparent);background:#fff;border-radius:2rem;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);text-decoration:none;display:grid;overflow:hidden}.magazine-feature__media,.magazine-card__media,.magazine-related__card figure{background:color-mix(in srgb,#fff 74%,var(--sky));margin:0;position:relative;overflow:hidden}.magazine-feature__media img,.magazine-card__media img,.magazine-article__hero img,.magazine-related__card img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:block}.magazine-article__hero img{aspect-ratio:16/9;border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);background:color-mix(in srgb,#fff 74%,var(--sky));height:auto;box-shadow:0 20px 55px color-mix(in srgb,var(--ink) 8%,transparent);object-fit:contain;border-radius:2rem}.magazine-article__image-credit{text-align:right;color:var(--muted-foreground);margin-top:.65rem;font-size:.7rem;line-height:1.4}.magazine-article__image-credit a{color:inherit;text-underline-offset:.18em;text-decoration:underline}.magazine-feature:hover img,.magazine-card:hover img,.magazine-related__card:hover img{transform:scale(1.035)}.magazine-feature__copy{background:linear-gradient(145deg,color-mix(in srgb,#fff 40%,var(--blush)),color-mix(in srgb,#fff 62%,var(--sun)));flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4.2rem);display:flex}.magazine-card__meta{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:.55rem;margin:0;font-size:.64rem;font-weight:800;display:flex}.magazine-feature h2,.magazine-card h2,.magazine-related__card h3{letter-spacing:-.04em;margin:0;font-family:PP Hatton,serif;font-weight:400}.magazine-feature h2{margin-top:1.2rem;font-size:clamp(2.6rem,4vw,4.7rem);line-height:.96}.magazine-feature__copy>p:not(.magazine-card__meta){color:color-mix(in srgb,var(--ink) 70%,transparent);margin:1.4rem 0 0;line-height:1.6}.magazine-feature__footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:2rem;font-size:.72rem;font-weight:700;display:flex}.magazine-feature__footer b{background:#ffffffb3;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:1rem;display:grid}.magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem);margin-top:clamp(1.5rem,3vw,2.8rem);display:grid}.magazine-card{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);min-width:0;color:var(--ink);box-shadow:0 12px 35px color-mix(in srgb,var(--ink) 5%,transparent);background:#fff;border-radius:1.6rem;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.magazine-card:hover,.magazine-card:focus-visible{box-shadow:0 18px 42px color-mix(in srgb,var(--ink) 9%,transparent);transform:translateY(-3px)}.magazine-card__media{aspect-ratio:4/3}.magazine-card__copy{flex-direction:column;flex:1;min-height:18rem;padding:clamp(1.25rem,2.1vw,1.8rem);display:flex}.magazine-card:nth-child(3n+1) .magazine-card__copy{background:color-mix(in srgb,#fff 76%,var(--sky))}.magazine-card:nth-child(3n+2) .magazine-card__copy{background:color-mix(in srgb,#fff 78%,var(--sun))}.magazine-card:nth-child(3n+3) .magazine-card__copy{background:color-mix(in srgb,#fff 80%,var(--blush))}.magazine-card h2{margin-top:.8rem;font-size:clamp(1.75rem,2.25vw,2.55rem);line-height:1}.magazine-card__copy>p:not(.magazine-card__meta){color:color-mix(in srgb,var(--ink) 68%,transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.9rem 0 0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.magazine-card__author{margin-top:auto;padding-top:1.3rem;font-size:.7rem;font-weight:700}.magazine-article{background:radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--blush) 22%,transparent) 0 8rem,transparent 8.1rem),#fffdf8}.magazine-article__header{padding-top:clamp(8.5rem,12vw,11.5rem);padding-bottom:clamp(3rem,5vw,5rem)}.magazine-article__toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.magazine-back{color:var(--ink);align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.magazine-back:hover,.magazine-back:focus-visible{text-underline-offset:.3rem;text-decoration:underline}.magazine-article__heading{text-align:center;max-width:1120px;margin:clamp(3rem,7vw,6rem) auto 0}.magazine-article__heading .magazine-kicker{justify-content:center}.magazine-article__heading h1{font-size:clamp(3.5rem,7.2vw,8.2rem);line-height:.91}.magazine-article__dek{max-width:720px;color:color-mix(in srgb,var(--ink) 72%,transparent);margin:2rem auto 0;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.62}.magazine-article__meta{color:color-mix(in srgb,var(--ink) 62%,transparent);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.6rem;font-size:.68rem;font-weight:700;display:flex}.magazine-article__hero{overflow:visible}.magazine-article__body{padding-block:clamp(4rem,8vw,8rem)}.magazine-article__prose{max-width:780px;margin-inline:auto}.magazine-article__prose>p{margin:0;font-size:clamp(1.03rem,1.25vw,1.16rem);line-height:1.82}.magazine-article__prose>p+p{margin-top:1.75rem}.magazine-article__prose>.magazine-article__lead{letter-spacing:-.025em;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:2.8rem;font-family:PP Hatton,serif;font-size:clamp(1.75rem,2.8vw,2.75rem);font-style:italic;line-height:1.34;display:-webkit-box;overflow:hidden}.magazine-article__tags{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);flex-wrap:wrap;gap:.5rem;margin-top:3.5rem;padding-top:1.6rem;display:flex}.magazine-article__tags span{background:color-mix(in srgb,#fff 66%,var(--sky));border-radius:999px;padding:.5rem .75rem;font-size:.68rem;font-weight:700}.magazine-article__end{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);justify-content:space-between;align-items:end;gap:1.5rem;margin-top:3rem;padding-top:2rem;display:flex}.magazine-article__end>div{gap:.25rem;display:grid}.magazine-article__end small{color:color-mix(in srgb,var(--ink) 55%,transparent);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:800}.magazine-article__end strong{font-family:PP Hatton,serif;font-size:1.6rem;font-weight:400}.magazine-related{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding-top:clamp(3.5rem,6vw,6rem);padding-bottom:7rem}.magazine-related__heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.magazine-related__heading h2{max-width:620px;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.95}.magazine-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.8rem);margin-top:3rem;display:grid}.magazine-related__card{color:var(--ink);text-decoration:none}.magazine-related__card figure{aspect-ratio:4/3;border-radius:1.3rem}.magazine-related__card>p{color:color-mix(in srgb,var(--ink) 60%,transparent);letter-spacing:.1em;text-transform:uppercase;margin:1rem 0 0;font-size:.65rem;font-weight:800}.magazine-related__card h3{margin-top:.45rem;font-size:clamp(1.45rem,2.2vw,2.2rem);line-height:1.05}@media(max-width:980px){.magazine-index__hero{grid-template-columns:1fr;gap:2.4rem}.magazine-index__intro{border-left:0;max-width:40rem;padding:0}.magazine-feature{grid-template-columns:1fr}.magazine-feature__media{aspect-ratio:16/10}.magazine-feature__copy{min-height:22rem}.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-article__hero{aspect-ratio:auto}.magazine-article__hero img{aspect-ratio:16/10}}@media(max-width:660px){.magazine-index,.magazine-article{background:#fffdf8}.magazine-index__hero{padding-top:8.3rem;padding-bottom:3.5rem}.magazine-index__hero h1{font-size:clamp(3.6rem,18vw,5.3rem)}.magazine-filters{flex-direction:column;align-items:flex-start}.magazine-filters__buttons{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:.25rem;overflow-x:auto}.magazine-filters__buttons::-webkit-scrollbar{display:none}.magazine-filters button{flex:none}.magazine-feature,.magazine-card{border-radius:1.35rem}.magazine-feature__copy{min-height:21rem}.magazine-feature h2{font-size:2.7rem}.magazine-grid{grid-template-columns:1fr}.magazine-card__copy{min-height:16.5rem}.magazine-article__header{padding-top:8.2rem}.magazine-article__heading{text-align:left;margin-top:3rem}.magazine-article__heading .magazine-kicker,.magazine-article__meta{justify-content:flex-start}.magazine-article__heading h1{font-size:clamp(3.35rem,15vw,5.2rem)}.magazine-article__dek{margin-inline:0}.magazine-article__hero{aspect-ratio:auto}.magazine-article__hero img{aspect-ratio:4/3;border-radius:1.35rem}.magazine-article__prose>.magazine-article__lead{font-size:1.8rem}.magazine-article__end,.magazine-related__heading{flex-direction:column;align-items:flex-start}.magazine-related__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.magazine-feature__media img,.magazine-card,.magazine-card__media img,.magazine-related__card img,.magazine-filters button{transition:none}}
