/* Philosophy: a photographic composition with deliberate reading order. */
.philosophy-editorial{padding:116px 6% 138px;background:var(--paper)}
.philosophy-layout{max-width:1440px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:'visual heading' 'visual copy';column-gap:9%;align-items:start}
.philosophy-heading{grid-area:heading;padding-top:40px}
.philosophy-heading .eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:34px}
.philosophy-heading h2{font-family:var(--serif);font-size:clamp(40px,3.55vw,62px);font-weight:400;line-height:1.55;letter-spacing:.025em;margin:0}
.philosophy-heading h2 span{display:inline-block}
.philosophy-heading h2>span:first-child{display:block}
.philosophy-visual{grid-area:visual;position:relative;margin:0 16px 32px 0;min-width:0}
.philosophy-photo{position:relative;margin:0;aspect-ratio:4/5;background:#e7e5db;overflow:hidden}
.philosophy-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.philosophy-detail{position:absolute;right:-40px;bottom:-34px;width:43%;aspect-ratio:5/4;margin:0;border:8px solid var(--paper);background:var(--paper);box-shadow:0 8px 25px #173e3810}
.philosophy-detail img{object-fit:cover;object-position:center}
.philosophy-copy{grid-area:copy;padding:32px 0 42px;max-width:480px;min-width:0}
.philosophy-copy p{font-size:16px;line-height:2.05;letter-spacing:.035em;color:#36534a}
.philosophy-copy p+p{margin-top:24px}
.philosophy-copy .philosophy-lead{font-size:19px;line-height:1.9;color:var(--ink);margin-bottom:24px}
.philosophy-link{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;margin-top:32px;padding:15px 0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700;width:min(100%,350px)}
.philosophy-link>span{display:inline-block;font-size:25px;font-weight:400;transition:transform 240ms var(--action-ease)}
.philosophy-link:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@media(hover:hover) and (pointer:fine){.philosophy-link:hover>span{transform:translate(3px,-3px)}}
@media(min-width:1700px){.philosophy-heading{padding-top:64px}.philosophy-copy{padding-top:40px}}
@media(max-width:1100px) and (min-width:901px){
 .philosophy-editorial{padding:92px 6% 112px}
 .philosophy-layout{column-gap:7%}
 .philosophy-heading{padding-top:12px}
 .philosophy-heading h2{font-size:39px}
 .philosophy-heading .eyebrow{font-size:10px;margin-bottom:24px}
 .philosophy-copy{padding-top:25px}
 .philosophy-copy p{font-size:15px;line-height:1.9}
 .philosophy-copy .philosophy-lead{font-size:17px;margin-bottom:20px}
 .philosophy-detail{right:-24px;bottom:-26px;border-width:6px}
}
@media(max-width:900px){
 .philosophy-editorial{padding:78px 7% 88px}
 .philosophy-layout{max-width:700px;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'visual' 'copy';row-gap:36px}
 .philosophy-heading{padding:0}
 .philosophy-heading .eyebrow{font-size:10px;margin-bottom:25px}
 .philosophy-heading h2{font-size:clamp(36px,6.2vw,50px);line-height:1.5;letter-spacing:.025em;max-width:640px}
 .philosophy-visual{margin:0 18px 20px 0}
 .philosophy-photo{aspect-ratio:4/3}
 .philosophy-detail{right:-18px;bottom:-25px;width:38%;border-width:6px}
 .philosophy-copy{padding:0;max-width:570px}
 .philosophy-copy .philosophy-lead{font-size:19px;line-height:1.85}
 .philosophy-link{font-size:14px}
}
@media(max-width:600px){
 .philosophy-editorial{padding:70px 24px 77px}
 .philosophy-layout{row-gap:31px}
 .philosophy-heading h2{font-size:clamp(34px,9.6vw,43px);line-height:1.5;letter-spacing:.015em}
 .philosophy-heading h2>span:first-child{margin-bottom:2px}
 .philosophy-visual{margin:0 14px 25px 0}
 .philosophy-photo{aspect-ratio:5/6}
 .philosophy-detail{width:44%;right:-14px;bottom:-26px}
 .philosophy-copy p{font-size:15px;line-height:1.95}
 .philosophy-copy .philosophy-lead{font-size:18px;line-height:1.8;margin-bottom:20px}
 .philosophy-copy p+p{margin-top:21px}
 .philosophy-link{margin-top:26px;min-height:60px}
}
@media(max-width:374px){.philosophy-editorial{padding-inline:20px}.philosophy-heading h2{font-size:33px}.philosophy-copy .philosophy-lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){.philosophy-link>span{transition:none}.philosophy-link:hover>span{transform:none}}