/* Photographic purpose and values, scoped to the philosophy pages. */
.philosophy-photography .philosophy-extension{--purpose-ink:#245552;--purpose-line:#a7bdb2;padding-top:10px;padding-bottom:100px}
.philosophy-photography .purpose-grid{gap:28px;align-items:stretch}
.philosophy-photography .purpose-grid .purpose-card{padding:0;overflow:hidden;border:1px solid var(--purpose-line);border-radius:28px;background:#fffdf7;box-shadow:5px 7px 0 #2c514619;display:flex;flex-direction:column}
.philosophy-photography .purpose-photo,.philosophy-photography .value-photo{padding:0;margin:0;overflow:hidden;position:relative;border:0;border-radius:0;box-shadow:none}
.philosophy-photography .purpose-photo img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:50% 25%;margin:0}
.philosophy-photography .purpose-copy{padding:30px 34px 36px;border-top:5px solid #8aaca2;flex:1;background:linear-gradient(145deg,#edf4ef,#fffdf7 72%)}
.philosophy-photography .purpose-card--1 .purpose-copy{border-color:#cfad6d;background:linear-gradient(145deg,#f4ecd7,#fffdf7 72%)}
.philosophy-photography .purpose-copy .purpose-label{border:0;border-radius:0;background:transparent;color:var(--purpose-ink);font-size:13px;letter-spacing:.18em;padding:0;line-height:1.4}
.philosophy-photography .purpose-copy h3{margin:18px 0 20px;font-size:clamp(24px,2.15vw,29px);letter-spacing:-.025em;line-height:1.55;text-wrap:pretty}
.philosophy-photography .purpose-copy p{font-size:16px;font-weight:400;line-height:1.95;margin:14px 0 0}
.philosophy-photography .philosophy-values{margin-top:80px}
.philosophy-photography .values-heading{padding:0 0 24px;border-bottom:1px solid var(--purpose-line);margin-bottom:30px}
.philosophy-photography .values-heading h2{font-size:clamp(28px,3vw,40px);border:0;padding:0;margin:10px 0 0;line-height:1.5;letter-spacing:-.03em}
.philosophy-photography .values-heading .eyebrow{font-size:13px;letter-spacing:.17em;color:var(--purpose-ink)}
/* Six values: a compact, photo-free typographic grid. */
.philosophy-photography .values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.philosophy-photography .values-grid .value-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:24px 26px 26px;margin:0;overflow:hidden;border:1px solid #45685c;border-radius:20px;background:var(--value-colour);box-shadow:3px 4px 0 #244d4420;gap:18px}
.philosophy-photography .value-number{display:block;position:static;align-self:flex-start;flex:none;margin:0;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:#245552;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.06em;box-shadow:none}
.philosophy-photography .value-copy{padding:16px 0 0;flex:1;border-top:1px solid #24555250}
.philosophy-photography .value-copy h3{font-size:clamp(22px,2vw,27px);line-height:1.2;letter-spacing:-.025em;border:0;padding:0;margin:0;color:#173e39;overflow-wrap:normal}
.philosophy-photography .value-copy p{font-size:14px;font-weight:600;line-height:1.65;margin:9px 0 0;color:#253f39}
@media(max-width:1000px){.philosophy-photography .purpose-copy{padding:26px}.philosophy-photography .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.philosophy-photography .purpose-copy h3{font-size:24px}}
@media(max-width:650px){
.philosophy-photography .philosophy-extension{padding-top:0;padding-bottom:65px}
.philosophy-photography .purpose-grid{grid-template-columns:1fr;gap:26px}
.philosophy-photography .purpose-grid .purpose-card{border-radius:23px}
.philosophy-photography .purpose-photo img{aspect-ratio:1.6}
.philosophy-photography .purpose-copy{padding:24px 25px 30px}
.philosophy-photography .purpose-copy h3{font-size:24px;line-height:1.6;margin:15px 0}
.philosophy-photography .purpose-copy p{font-size:15px;line-height:1.95}
.philosophy-photography .philosophy-values{margin-top:52px}
.philosophy-photography .values-heading{padding-bottom:22px;margin-bottom:25px}
.philosophy-photography .values-heading h2{font-size:28px;line-height:1.45}
.philosophy-photography .values-grid{grid-template-columns:1fr;gap:12px}
.philosophy-photography .values-grid .value-card{flex-direction:row;align-items:center;border-radius:16px;padding:20px;gap:19px}
.philosophy-photography .value-number{font-size:36px;align-self:center;min-width:40px}
.philosophy-photography .value-copy{padding:0 0 0 19px;border-top:0;border-left:1px solid #24555250;min-width:0}
.philosophy-photography .value-copy h3{font-size:23px}
.philosophy-photography .value-copy p{font-size:13px;margin-top:6px}
}

.philosophy-photography .purpose-phrase{display:inline-block}