.brand-principles{position:relative;isolation:isolate;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:105px;padding-top:58px;border-top:1px solid #ffffff27}
.principles-intro{min-width:0}
.principles-intro>h2{font-size:clamp(37px,3.9vw,58px);line-height:1.17;letter-spacing:-.045em;margin-bottom:23px;max-width:440px}
.principles-intro>p:not(.quiet-label){font-size:14px;line-height:1.85;color:#afb2b5;max-width:330px}
.principles-photo{position:relative;margin:34px 0 0;width:100%;max-width:410px;transform:rotate(-3deg)}
.principles-photo::before{content:'';position:absolute;inset:-8px 8px 8px -8px;border:1px solid #6c716d;transform:rotate(2deg);z-index:-1}
.principles-photo img{display:block;width:100%;height:360px;object-fit:cover;object-position:2% 40%;filter:grayscale(1);clip-path:polygon(1% 0,96% 1%,100% 4%,99% 97%,95% 100%,0 98%)}
.principles-photo figcaption{font-size:10px;color:#afb2b5;margin-top:14px;line-height:1.8}
.principles-body{position:relative;min-width:0}
.principles-field{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c7d0cb;stroke-width:.7;opacity:.14;pointer-events:none;z-index:-1}
.principles-list{list-style:none;display:grid;gap:0;padding:0;margin:0}
.principles-list li{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:26px;align-items:start;padding:19px 0 23px;border-bottom:1px solid #ffffff19;position:relative}
.principles-list li:first-child{padding-top:7px}
.principles-list li:last-child{border:0;padding-bottom:0}
.principle-number{position:relative;display:grid;place-items:center;width:46px;height:46px;font-size:21px;letter-spacing:-.035em;background:#f2f0eb;color:#08090c;margin-top:4px;isolation:isolate}
.principle-number::before{content:'';position:absolute;inset:0;background:#6b7071;transform:translate(-8px,-9px) rotate(-2deg);z-index:-2}
.principle-number::after{content:'';position:absolute;inset:0;background:#f2f0eb;z-index:-1}
.principles-list h3{font-size:21px;font-weight:450;line-height:1.35;letter-spacing:-.015em;margin:0 0 10px}
.principles-list p{font-size:13px;line-height:1.85;color:#b2b5b7;max-width:440px}
.principles-list .principle-source{display:block;margin-top:10px;font-size:10px;color:#b7b9b4;line-height:1.7;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.brand-principles{gap:7%;grid-template-columns:.8fr 1.2fr}.principles-photo img{height:325px}.principles-list li{column-gap:20px}.principles-list h3{font-size:20px}}
@media(max-width:800px){.brand-principles{grid-template-columns:1fr;gap:45px;margin-top:70px;padding-top:42px}.principles-intro>h2{font-size:41px;max-width:380px}.principles-photo{max-width:440px;margin-top:29px}.principles-photo img{height:250px;object-position:3% 42%}.principles-list li{grid-template-columns:43px minmax(0,1fr);column-gap:22px;padding-block:24px}.principle-number{width:43px;height:43px;font-size:20px}.principles-list h3{font-size:21px}.principles-list p{font-size:14px;line-height:1.8}.principles-list .principle-source{font-size:11px}.principles-field{opacity:.12}}
@media(max-width:420px){.principles-intro>h2{font-size:37px}.principles-photo img{height:215px}.principles-list li{grid-template-columns:39px minmax(0,1fr);column-gap:19px}.principle-number{width:39px;height:39px;font-size:19px}.principles-list h3{font-size:20px}.principle-number::before{transform:translate(-6px,-7px) rotate(-2deg)}}