.reflections-preview{color:var(--forest);background:var(--paper)}.reflections-preview ::selection,.reflection-story ::selection{color:var(--forest);background:var(--gold)}.reflections-hero{min-height:84svh;padding:9rem var(--gutter) clamp(5rem, 9vw, 8rem);color:var(--paper);background:linear-gradient(#071f18a1,#071f18bf),url(/assets/reflections-clouded-coast.png) 50%/cover no-repeat;align-content:center;justify-items:center;display:grid}.reflections-hero__title{width:100%}.reflections-hero h1{text-wrap:balance;flex-wrap:wrap;gap:clamp(1.8rem,4vw,3.5rem) clamp(1.25rem,3vw,3rem);margin:0;display:flex}.reflections-hero h1 span{font-size:clamp(1.5rem,4.25vw,4.35rem);line-height:1.02}.reflections-hero h1 span:last-child{flex-basis:100%}.reflections-collection{padding:clamp(3.5rem, 6vw, 5.5rem) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,2.5vw,2.5rem);display:grid}.reflection-entry a{color:inherit;text-decoration:none;display:block}.reflection-entry__image{aspect-ratio:4/3;background:var(--sand);margin-bottom:1.15rem;overflow:hidden}.reflection-entry__image img{object-fit:cover;width:100%;height:100%;transition:transform .55s var(--ease-out);display:block}.reflection-entry a:hover .reflection-entry__image img{transform:scale(1.025)}.reflection-entry a:focus-visible{outline:3px solid var(--gold-strong);outline-offset:6px}.reflection-entry h2{letter-spacing:-.035em;text-wrap:balance;max-width:17ch;margin:0;font-size:clamp(1.5rem,2.1vw,2rem);font-weight:700;line-height:1.02}.reflection-entry p{max-width:48ch;color:var(--muted);margin:.7rem 0 0;line-height:1.6}.reflection-entry__copy>strong{margin-top:.9rem;font-size:.86rem;display:inline-block}.reflection-entry__copy>strong span{color:var(--gold-strong)}.reflections-manifesto{padding:clamp(6rem, 12vw, 11rem) var(--gutter);color:var(--paper);background:var(--forest);grid-template-columns:minmax(18rem,.9fr) minmax(0,1.1fr);gap:clamp(3rem,9vw,10rem);display:grid}.reflections-manifesto>div:first-child>strong{max-width:15ch;color:var(--gold);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.25rem,4.5vw,4.6rem);line-height:.98;display:block}.reflections-manifesto__copy{max-width:66ch}.reflections-manifesto__copy p{color:#f8faf7c7;margin:1.25rem 0 0;font-size:1.04rem;line-height:1.7}.reflections-manifesto__copy p:first-child{margin-top:0}.reflections-manifesto__copy p strong,.reflections-manifesto__copy>strong{color:var(--paper)}.reflections-manifesto__copy>strong{border-top:1px solid #f8faf73d;margin-top:2.4rem;padding-top:1.4rem;font-size:1.35rem;display:block}.reflection-story{color:var(--forest);background:var(--paper)}.reflection-story__hero{padding:clamp(9rem, 14vw, 13rem) var(--gutter) clamp(4rem, 8vw, 7rem)}.reflection-story__hero a{color:var(--muted);text-underline-offset:.3em;font-size:.82rem;font-weight:700}.reflection-story__hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:12ch;margin:4rem 0 0;font-size:clamp(3.45rem,7.4vw,6rem);font-weight:750;line-height:.91}.reflection-story__hero p{max-width:38ch;color:var(--muted);margin:2rem 0 0;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.45}.reflection-story figure{padding:0 var(--gutter);margin:0}.reflection-story figure img{object-fit:cover;width:100%;max-height:70svh;display:block}.reflection-story__body{width:min(100% - 2.5rem,68ch);margin:0 auto;padding:clamp(5rem,10vw,9rem) 0}.reflection-story__body p{color:var(--muted);margin:1.4rem 0 0;font-size:1.08rem;line-height:1.72}.reflection-story__body p:first-child{margin-top:0}.reflection-story__body blockquote{color:var(--forest);letter-spacing:-.03em;margin:clamp(3rem,7vw,5rem) 0;font-size:clamp(1.8rem,4vw,3.2rem);font-style:italic;font-weight:650;line-height:1.2}.reflection-story__body>strong{margin-top:2.5rem;font-size:1.4rem;display:block}@media (width<=860px){.reflections-manifesto{grid-template-columns:1fr}.reflections-hero{min-height:auto}.reflections-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.reflections-hero,.reflections-collection,.reflections-manifesto,.reflection-story__hero,.reflection-story figure{padding-inline:1.25rem}.reflection-story__hero h1{font-size:3.45rem}.reflections-hero h1{row-gap:1.5rem}.reflections-collection{grid-template-columns:1fr}}@media (width<=360px){.reflections-hero h1{column-gap:.5rem}}@media (prefers-reduced-motion:reduce){.reflection-entry__image img{transition:none}}
