/* 2026-09-23 landing additions: principles strip, launch updates, proof links. Uses the existing studio tokens. */
.principles{padding-top:95px;padding-bottom:95px;border-top:1px solid #d6dbd2}
.principles h2{font-size:64px;line-height:.98;margin:26px 0 48px;letter-spacing:-.05em}
.principles-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.principles-list li{border-top:1px solid #202b27;padding-top:18px}
.principles-list h3{font-size:24px;line-height:1.1;margin-bottom:12px}
.principles-list p{font-size:15px;opacity:.85}
.launch-updates{margin-top:34px;font-size:15px;max-width:640px}
.inline-link{text-decoration:underline;text-underline-offset:3px;font-weight:600}
.inline-link:hover{color:#417a60}
@media(max-width:900px){.principles-list{grid-template-columns:1fr 1fr}.principles h2{font-size:52px}}
@media(max-width:600px){.principles{padding-top:65px;padding-bottom:60px}.principles h2{font-size:42px;margin:22px 0 32px}.principles-list{grid-template-columns:1fr;gap:22px}.principles-list h3{font-size:22px}.launch-updates{font-size:13px}}
/* Vallopress feature: light "press room" section with the real review screen */
.vallopress{background:#ebe8df;color:#1f2427}
.vallopress .product-copy>p:not(.eyebrow):not(.fine){color:#3a4247}
.press-visual{margin:0;padding:110px 9% 110px 5%;align-self:center;transform:rotate(4deg)}
.press-visual img{display:block;width:100%;height:auto;border:1px solid #d9d5c9;border-radius:6px;box-shadow:0 18px 34px #1f242722;background:#fff}
@media(max-width:600px){.press-visual{padding:30px 8% 70px;transform:rotate(3deg)}}
.studio .vectrari{margin-top:24px;margin-bottom:100px;padding-top:48px}
.studio .vectrari>h3{grid-row:span 3;margin-top:0}
.studio .vectrari>p:not(.brand-vectrari){color:#c6d0d6;margin-top:0}
@media(max-width:900px){.studio .vectrari{margin-bottom:70px}.studio .vectrari>p:not(.brand-vectrari)+p{margin-top:14px}}
.studio .vectrari+.studio-grid{padding-top:60px;border-top:1px solid #c7ccc4}
/* Threadclip marketplace badges: official, unaltered artwork; the Microsoft badge is the light version, so each sits on a white plate */
.market-badges{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 4px}
.market-badges a{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:0 6px}
.market-badges img{height:48px;width:auto;display:block}
.market-badges a+a{padding:0;background:none}
.trademark-note{flex-basis:100%;margin:18px 0 0;font-size:11px;line-height:1.5;opacity:.6;max-width:760px}