body:has(.arxis-about) { padding: 0; background: var(--arxis-bg); }
.wp-site-blocks:has(> .arxis-about) { padding: 0; }
.arxis-about { margin: 0 !important; background: var(--arxis-bg); color: var(--arxis-text); font-family: Arial,Helvetica,sans-serif; }
.arxis-about *, .arxis-about *::before, .arxis-about *::after { box-sizing: border-box; }
.arxis-about .wp-block-post-content > * { margin-block: 0; }
.arxis-about p { font-size: clamp(16px,1.3vw,19px); line-height: 1.75; color: #bfc1c7; }
.arxis-about h1, .arxis-about h2, .arxis-about h3 { color: var(--arxis-text); overflow-wrap: anywhere; }
.arxis-about h2 { margin: 0 0 28px; font-size: clamp(32px,3.8vw,56px); line-height: 1.08; letter-spacing: -.035em; }
.arxis-about .arxis-about-index { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--arxis-accent); margin: 0 0 24px; }
.arxis-about-hero { position: relative; isolation: isolate; min-height: 78vh; min-height: 78svh; display: flex; align-items: flex-end; padding: clamp(48px,7vw,108px) clamp(20px,5vw,88px); background: var(--arxis-bg-alt); }
.arxis-about-hero > .wp-block-image { position: absolute; inset: 0; margin: 0; z-index: -2; }
.arxis-about-hero > .wp-block-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.arxis-about-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#101114e8, #10111470 64%, #10111425),linear-gradient(0deg,var(--arxis-bg),transparent 45%); }
.arxis-about-hero-copy { width: 100%; max-width: 1440px; margin-inline: auto; }
.arxis-about h1 { max-width: 850px; font-size: clamp(44px,6.8vw,100px); line-height: 1.02; letter-spacing: -.05em; margin: 0 0 28px; }
.arxis-about-hero-copy > p:last-child { max-width: 550px; color: white; }
.arxis-about-container { max-width: 1616px; margin-inline: auto; padding: clamp(48px,7vw,104px) clamp(20px,5vw,88px); }
.arxis-about-intro { max-width: 1060px; }
.arxis-about-intro p:first-child { font-size: clamp(23px,2.7vw,38px); line-height: 1.4; color: white; letter-spacing: -.025em; }
.arxis-about-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(32px,5vw,80px); }
.arxis-about-row > .wp-block-group { min-width: 0; }
.arxis-about-row .wp-block-image { margin: 0; overflow: hidden; clip-path: polygon(0 6%, 84% 0, 100% 0, 100% 92%, 89% 100%, 0 100%); }
.arxis-about-row--reverse .wp-block-image { clip-path: polygon(0 0, 92% 0, 100% 7%, 100% 100%, 12% 100%, 0 93%); }
.arxis-about-row--wide .wp-block-image { clip-path: polygon(0 8%, 82% 0, 100% 0, 100% 100%, 8% 100%, 0 92%); }
.arxis-about-hero > .wp-block-image { clip-path: polygon(0 0, 100% 0, 100% 92%, 94% 100%, 0 100%); }
.arxis-about-row:not(:has(.wp-block-image img:not([hidden]))) { grid-template-columns: minmax(0,1fr); }
.arxis-about-row .wp-block-image:not(:has(img:not([hidden]))) { display: none; }
.arxis-about .wp-block-image { background: var(--arxis-bg-alt); }
.arxis-about img[hidden] { display: none; }
.arxis-about-row .wp-block-image img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; transition: transform .5s ease; }
.arxis-about-row--reverse > .wp-block-image { order: -1; }
.arxis-about-row--wide .wp-block-image img { aspect-ratio: 1/1; }
.arxis-about-principles { background: linear-gradient(180deg,var(--arxis-bg),var(--arxis-bg-alt) 45%,var(--arxis-bg)); }
.arxis-about-principles-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: stretch; gap: 28px; }
.arxis-about-principles-grid > .arxis-about-principle { margin-block: 0 !important; min-width: 0; }
.arxis-about-principle { padding: 24px 0; border-top: 1px solid #ffffff24; transition: transform .3s ease,border-color .3s ease; }
.arxis-about-principle h3 { margin: 0 0 16px; font-size: clamp(18px,1.6vw,22px); line-height: 1.3; letter-spacing: -.025em; }
.arxis-about-principle p { font-size: 16px; margin: 0; }
.arxis-about-final { max-width: 1120px; margin-inline: auto; padding-block: clamp(64px,9vw,128px); }
.arxis-about-final h2 { font-size: clamp(40px,5.5vw,76px); }
.arxis-about-final .arxis-about-signature { color: white; font-weight: 700; margin: 32px 0; }
.arxis-about .arxis-cta { display: inline-flex; text-decoration: none; margin-top: 16px; cursor: pointer; }
.arxis-about-reveal { opacity: 1; transform: none; transition: opacity .65s ease,transform .65s ease; }
.arxis-about-reveal.is-reveal-pending { opacity: 0; transform: translateY(20px); }
@media(hover:hover) and (pointer:fine) {
 .arxis-about-row .wp-block-image:hover img { transform: scale(1.025); }
 .arxis-about-principle:hover { transform: translateY(-3px); border-color: var(--arxis-accent); }
}
@media(max-width:1000px) { .arxis-about-principles-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
 .arxis-about-hero { min-height: 72svh; padding-block: 48px; }
 .arxis-about-hero > .wp-block-image img { object-position: 60% center; }
 .arxis-about-hero::after { background: linear-gradient(0deg,var(--arxis-bg),#10111480 60%,#10111430); }
 .arxis-about-row { grid-template-columns: minmax(0,1fr); }
 .arxis-about-row--reverse > .wp-block-image { order: initial; }
 .arxis-about-row .wp-block-image img { aspect-ratio: 4/3; }
 .arxis-about .arxis-cta > span { display: none; }
}
@media(max-width:600px) { .arxis-about-principles-grid { grid-template-columns: minmax(0,1fr); gap: 16px; } }
@media(prefers-reduced-motion:reduce) {
 .arxis-about-reveal, .arxis-about-reveal.is-reveal-pending { opacity: 1; transform: none; transition: none; }
 .arxis-about-row .wp-block-image img, .arxis-about-principle { transition: none; }
 .arxis-about-row .wp-block-image:hover img, .arxis-about-principle:hover { transform: none; }
}