/* A field of moving mineral tones with a crisp, uninterrupted statement. */
.philosophy.section{height:clamp(650px,83svh,880px);min-height:0;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;padding:100px 4.5%;background:#f5f4f0}
.alignment-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.philosophy>.eyebrow{position:absolute;top:58px;left:4.5%;z-index:1}
.philosophy h2{position:relative;text-align:center;font-size:clamp(76px,8.2vw,126px);font-weight:450;line-height:1.02;letter-spacing:-.055em;margin:0;transform:translateY(var(--quote-offset,0px))}
.philosophy h2 span{color:#191919}
.field-motion{position:absolute;right:4.5%;bottom:40px;display:flex;align-items:center;gap:10px;padding:12px 0;border:0;background:transparent;font-size:12px;color:#343632;letter-spacing:.025em;min-height:44px}
.field-motion>span:first-child{font-size:16px;width:16px;text-align:center}
.field-motion:hover{color:#191919}
@media(max-width:700px){.philosophy.section{height:680px;max-height:90svh;min-height:540px;padding:90px 20px}.philosophy>.eyebrow{top:38px;left:20px}.philosophy h2{font-size:clamp(49px,12.8vw,85px);margin:0}.field-motion{bottom:22px;right:20px}}
@media(prefers-reduced-motion:reduce){.philosophy h2{transform:none}.field-motion{display:none}}