.learn-index-hero{padding-bottom:58px}.learn-index-hero .page-lead{max-width:610px}.learn-library{padding-bottom:100px}.learn-library-heading{border-top:1px solid var(--line);padding:25px 0 29px;display:flex;align-items:center;justify-content:space-between;gap:24px}.learn-library-heading h2{font-size:25px;letter-spacing:-.03em}.learn-library-heading>span,.learn-meta,.learn-contents nav>p,.learn-scene-grid>div>span{font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.04em}.learn-library-heading>span{color:var(--muted)}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.learn-card{min-width:0;background:var(--soft)}.learn-card>a{display:flex;flex-direction:column;height:100%}.learn-card-image{position:relative;margin:0;min-width:0;overflow:hidden;flex-shrink:0}.learn-card-image picture,.learn-card-image img{display:block;width:100%}.learn-card-image img{height:auto;aspect-ratio:1.55;object-fit:cover;transition:transform .7s ease}.learn-card a:hover .learn-card-image img{transform:scale(1.025)}.learn-card-image figcaption{position:absolute;right:12px;bottom:12px;left:auto;max-width:calc(100% - 24px);padding:4px 7px;background:rgba(255,255,255,.93);color:#53574e;font-family:var(--mono);font-size:8px;line-height:1.6}.learn-card-copy{padding:38px;min-width:0;display:flex;flex:1;flex-direction:column;align-items:start}.learn-meta{display:flex;gap:14px 25px;flex-wrap:wrap;align-items:center;color:var(--muted)}.learn-meta>span:first-child{color:var(--ink)}.learn-meta>span:first-child::before{content:'';display:inline-block;width:7px;height:7px;background:var(--gold);margin-right:9px}.learn-card h3{font-size:clamp(29px,3vw,43px);line-height:1.16;margin-top:25px;max-width:440px}.learn-card-copy>p{font-size:15px;line-height:1.75;margin:21px 0 30px;max-width:420px}.learn-card-link{display:inline-flex;gap:26px;align-items:center;font-size:13px;font-weight:600;margin-top:auto;padding-bottom:6px;border-bottom:1px solid #aeb4a4}.learn-card-link>.link-arrow{font-size:20px;line-height:1;transition:transform .2s}.learn-card a:hover .learn-card-link>.link-arrow{transform:translate(2px,-2px)}.learn-card>a:focus-visible{outline-offset:6px}.learn-article-header{padding-top:58px;padding-bottom:42px}.learn-article-header .back-link{margin-bottom:32px}.learn-article-header h1{font-size:clamp(43px,5.4vw,74px);line-height:1.12;max-width:970px;margin-top:24px}.learn-article-header .page-lead{max-width:685px;margin-top:26px}.learn-article-photo{margin-top:0;margin-bottom:0}.learn-article-photo picture{display:block;overflow:hidden}.learn-article-photo img{width:100%;height:auto;aspect-ratio:2.15;object-fit:cover;object-position:center 54%}.learn-article-photo figcaption{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:9px}.learn-reading-layout{display:grid;grid-template-columns:235px minmax(0,760px);gap:70px;justify-content:space-between;padding-top:55px;padding-bottom:85px}.learn-contents nav{position:sticky;top:30px}.learn-contents nav>p{color:var(--ink);margin-bottom:14px}.learn-contents a{display:block;font-size:12px;line-height:1.6;padding:13px 0;border-bottom:1px solid var(--line)}.learn-contents a:hover{color:#705300}.learn-article-copy{min-width:0}.learn-article-copy p{font-size:16px;line-height:1.9}.learn-article-copy p+p{margin-top:20px}.learn-article-copy .learn-opening{font-size:21px;line-height:1.8;letter-spacing:-.015em;color:var(--ink)}.learn-article-copy>section{margin-top:42px;scroll-margin-top:35px}.learn-article-copy h2{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin-bottom:18px}.learn-inline-source{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#969e88}.learn-inline-source:hover{text-decoration-color:var(--ink);color:var(--ink)}.learn-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:26px;background:var(--soft)}.learn-scene-grid>div{padding:22px 20px}.learn-scene-grid>div+div{border-left:1px solid var(--line)}.learn-scene-grid>div>span{font-size:9px;color:#6e765f}.learn-scene-grid h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin:13px 0 12px}.learn-scene-grid p{font-size:13px;line-height:1.8}.learn-article-copy .learn-example-note{font-size:11px;line-height:1.7;margin-top:12px}.learn-article-copy .learn-related{border-top:1px solid var(--line);padding-top:30px}.learn-related h2{font-size:24px}.learn-related>div{display:flex;gap:14px 28px;flex-wrap:wrap}.learn-article-copy .learn-article-return{margin-top:30px}.learn-article-return .text-link{font-weight:400;color:var(--muted)}
@media(max-width:1000px){.learn-card-copy{padding:30px}.learn-card h3{font-size:34px}.learn-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:40px}.learn-scene-grid{grid-template-columns:1fr}.learn-scene-grid>div{padding:20px 24px}.learn-scene-grid>div+div{border-left:0;border-top:1px solid var(--line)}.learn-scene-grid h3{margin-top:9px;margin-bottom:9px}}
@media(max-width:650px){.learn-index-hero{padding-bottom:35px}.learn-library{padding-bottom:52px}.learn-library-heading{padding:21px 0;gap:12px}.learn-library-heading h2{font-size:23px}.learn-library-heading>span{font-size:9px}.learn-grid{grid-template-columns:1fr;gap:26px}.learn-card-copy{padding:26px 24px 29px}.learn-card-image img{aspect-ratio:1.4}.learn-card h3{font-size:33px;margin-top:21px;max-width:400px}.learn-card-copy>p{font-size:14px;margin:17px 0 23px}.learn-meta{font-size:9px;gap:10px 20px}.learn-article-header{padding-top:34px;padding-bottom:30px}.learn-article-header .back-link{margin-bottom:27px}.learn-article-header h1{font-size:clamp(38px,10vw,56px);margin-top:21px;line-height:1.14}.learn-article-header .page-lead{margin-top:23px}.learn-article-photo img{aspect-ratio:1.4;object-position:center}.learn-article-photo figcaption{font-size:8px}.learn-reading-layout{display:block;padding-top:30px;padding-bottom:45px}.learn-contents{padding-bottom:27px;margin-bottom:29px;border-bottom:1px solid var(--line)}.learn-contents nav{position:static;display:flex;gap:7px 18px;flex-wrap:wrap}.learn-contents nav>p{flex-basis:100%;font-size:9px;margin-bottom:3px}.learn-contents a{border-bottom:0;text-decoration:underline;text-decoration-color:#b4baab;text-underline-offset:4px;padding:10px 0;font-size:11px;min-height:39px}.learn-article-copy .learn-opening{font-size:18px;line-height:1.8}.learn-article-copy p{font-size:15px;line-height:1.85}.learn-article-copy>section{margin-top:33px}.learn-article-copy h2{font-size:26px;margin-bottom:16px}.learn-scene-grid{margin-top:22px}.learn-scene-grid>div{padding:21px}.learn-scene-grid h3{font-size:22px}.learn-scene-grid p{font-size:14px}.learn-related>div{display:flex;flex-direction:column;align-items:start;gap:14px}.learn-article-copy .learn-related h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.learn-card a:hover .learn-card-image img{transform:none}.learn-card-image img,.learn-card-link>.link-arrow{transition:none}}

.learn-photo-evening img{object-position:50% 58%}.learn-photo-lux img{object-position:center}.learn-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:var(--soft);margin-top:27px}.learn-compare-card{padding:27px}.learn-compare-card+.learn-compare-card{border-left:1px solid var(--line)}.learn-compare-card h3{font-size:25px;letter-spacing:-.03em;line-height:1.2;padding-bottom:20px;border-bottom:1px solid var(--line)}.learn-compare-card dl{margin:0}.learn-compare-card dt{font-family:var(--mono);font-size:10px;letter-spacing:.035em;text-transform:uppercase;margin-top:22px}.learn-compare-card dd{font-size:14px;line-height:1.8;color:var(--muted);margin:8px 0 0}.learn-article-copy strong{font-weight:600}
@media(max-width:1000px){.learn-compare-card{padding:22px}.learn-compare-card h3{font-size:22px}}
@media(max-width:650px){.learn-compare-grid{grid-template-columns:1fr}.learn-compare-card{padding:24px}.learn-compare-card+.learn-compare-card{border-left:0;border-top:1px solid var(--line)}.learn-compare-card h3{font-size:25px}.learn-photo-evening img{object-position:center}}

/* Long guides keep photography and comparisons inside the reading column. */
.learn-inline-photo{margin:38px 0 42px}
.learn-inline-photo picture,.learn-inline-photo img{display:block;width:100%}
.learn-inline-photo img{height:auto}
.learn-inline-photo figcaption{margin-top:12px;display:grid;gap:8px;font-size:13px;line-height:1.7;color:var(--muted)}
.learn-photo-credit{font-family:var(--mono);font-size:9px;line-height:1.7}
.learn-article-copy section>h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:28px 0 13px}
.learn-article-copy section>ul,.learn-article-copy section>ol{padding-left:22px;margin:20px 0;font-size:16px;line-height:1.9;color:var(--muted)}
.learn-article-copy section>ul li+li,.learn-article-copy section>ol li+li{margin-top:10px}
.learn-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:26px 0}
.learn-concept-card{min-width:0;padding:25px;background:var(--soft)}
.learn-concept-card>span{font-family:var(--mono);font-size:10px;line-height:1.6;color:var(--muted)}
.learn-concept-card h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:15px 0}
.learn-concept-card p{font-size:14px;line-height:1.8}
.learn-compare-three{grid-template-columns:1fr;gap:0;margin-bottom:26px}
.learn-article-copy .learn-compare-grid{margin-bottom:26px}
.learn-article-copy .learn-scene-grid+p:not(.learn-example-note){margin-top:26px}
.learn-compare-three .learn-compare-card+.learn-compare-card{border-left:0;border-top:1px solid var(--line)}
.learn-compare-three .learn-compare-card h3{font-size:25px}
.learn-compare-three .learn-compare-card p{font-size:15px;line-height:1.85}
.learn-article-copy .learn-note{border-left:3px solid var(--gold);padding:16px 22px;margin:26px 0;background:var(--soft);font-size:14px;line-height:1.8}
@media(max-width:650px){
  .learn-inline-photo{margin:30px 0 34px}
  .learn-inline-photo figcaption{font-size:12px}
  .learn-photo-credit{font-size:8px}
  .learn-article-copy section>h3{font-size:22px;margin-top:25px}
  .learn-concept-grid{grid-template-columns:1fr}
  .learn-concept-card{padding:23px}
  .learn-article-copy section>ul,.learn-article-copy section>ol{font-size:15px;line-height:1.85}
  .learn-article-copy .learn-note{padding:14px 18px}
}