/* STAQ About — Baztan-inspired editorial composition. Scoped to .page-about. */
.page-about { --about-navy:#11142D; --about-yellow:#FEC809; --about-cream:#F7F3ED; --about-sand:#C5A989; background:var(--about-cream); }
.page-about .about-hero { position:relative; display:grid; place-items:center; min-height:clamp(285px,29vw,390px); overflow:hidden; isolation:isolate; background:#11142D; color:#fff; }
.page-about .about-hero__picture,.page-about .about-hero__shade { position:absolute;inset:0; z-index:-1; }
.page-about .about-hero__picture { background:url('../../assets/images/about/hero-desktop.webp') center 53% / cover no-repeat; transform:scale(1.025); }
.page-about .about-hero__shade {background:linear-gradient(180deg,rgba(9,11,31,.34),rgba(9,11,31,.24) 35%,rgba(9,11,31,.54) 100%)}
.page-about .about-hero__content { width:min(1200px,calc(100% - 9vw)); text-align:center; padding:38px 0 59px; }
.page-about .about-hero__eyebrow {font:800 .78rem/1.5 Manrope,sans-serif; letter-spacing:.24em; color:var(--about-yellow); margin:0 0 15px}
.page-about .about-hero h1 {font:400 clamp(2.7rem,5.4vw,5.4rem)/1.09 Audiowide,sans-serif; letter-spacing:-.058em; margin:0; color:white}
.page-about .about-hero h1 span {color:var(--about-yellow)}
.page-about .about-hero__subtitle {font:600 clamp(.9rem,1.4vw,1.1rem)/1.6 Manrope,sans-serif; margin:15px 0 0;color:white}
.page-about .about-hero__diagonal {position:absolute;bottom:-1px;left:0;width:100%;height:clamp(20px,2.8vw,38px);background:var(--about-yellow);clip-path:polygon(0 0,100% 76%,100% 100%,0 100%)}
.page-about .about-section {position:relative;overflow:hidden}
.page-about .about-section--white {background:#fff}
.page-about .about-section--cream {background:#F7F3ED}
.page-about .about-section--navy {background:#11142D;color:white}
.page-about .about-section--sand {background:#C5A989}
.page-about .about-section__inner {width:min(1210px,calc(100% - 9vw));margin-inline:auto}
.page-about .about-two-column {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; column-gap:clamp(35px,7vw,110px);padding-block:clamp(76px,9vw,138px)}
.page-about .about-two-column--reverse .about-copy {order:1}
.page-about .about-two-column--reverse .about-photo {order:2}
.page-about .about-photo {margin:0;position:relative;border-radius:14px;overflow:hidden;height:clamp(370px,40vw,540px);background:#292b2c}
.page-about .about-photo--tall {height:clamp(390px,44vw,570px)}
.page-about .about-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.page-about .about-photo:hover img {transform:scale(1.045)}
.page-about .about-photo::after {content:'';pointer-events:none;position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.page-about .about-photo figcaption {position:absolute;z-index:1;left:25px;right:25px;bottom:24px;font:700 .71rem/1.5 Manrope,sans-serif;letter-spacing:.14em;color:white}
.page-about .about-photo figcaption span {opacity:.75}
.page-about .about-kicker {font:800 .73rem/1.4 Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#A87F12;margin:0 0 24px}
.page-about .about-section--navy .about-kicker {color:var(--about-yellow)}
.page-about .about-copy h2,.page-about .about-commitments__intro h2 {font:400 clamp(2.05rem,4vw,4.15rem)/1.17 Audiowide,sans-serif;letter-spacing:-.054em;margin:0 0 29px;color:inherit}
.page-about .about-copy h2 em,.page-about .about-commitments__intro h2 em {font-style:normal;color:#B68312}
.page-about .about-section--navy .about-copy h2 em {color:var(--about-yellow)}
.page-about .about-copy p:not(.about-kicker) {font:500 clamp(.94rem,1.2vw,1.05rem)/1.85 Manrope,sans-serif;margin:0 0 17px;max-width:560px}
.page-about .about-section--navy .about-copy p:not(.about-kicker){color:#D7D9E6}
.page-about .about-copy__highlight {font-weight:800!important;margin-top:26px!important}
.page-about .about-inline-link {display:inline-flex;align-items:center;gap:12px;color:var(--about-yellow);font:800 .88rem Manrope,sans-serif;margin-top:22px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:7px}
.page-about .about-inline-link:hover {color:white}
.page-about .about-organisation-art {min-height:clamp(390px,40vw,540px);border-radius:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,4vw,50px);background:radial-gradient(ellipse at 90% 15%,rgba(134,135,253,.34),transparent 45%),linear-gradient(130deg,#20284D,#11142D 65%);border:1px solid rgba(255,255,255,.15)}
.page-about .about-organisation-art::after {content:'ISA';position:absolute;right:-.12em;bottom:-.18em;font:400 clamp(12rem,27vw,28rem)/1 Audiowide,sans-serif;opacity:.065;pointer-events:none}
.page-about .about-organisation-art__small,.page-about .about-organisation-art__bottom {position:relative;z-index:1;font:700 .69rem/1.5 Manrope,sans-serif;letter-spacing:.16em;color:#D9DEEE}
.page-about .about-organisation-art__center {position:relative;z-index:1;display:grid;gap:25px}
.page-about .about-organisation-art__mark {font:400 clamp(4rem,8vw,8rem)/1 Audiowide,sans-serif;color:var(--about-yellow)}
.page-about .about-organisation-art__center>span:last-child {font:700 clamp(.85rem,1.6vw,1.2rem)/1.65 Manrope,sans-serif;letter-spacing:.095em}
.page-about .about-section--commitments {background:#F7F3ED;padding:clamp(75px,9vw,130px) 0 clamp(80px,9vw,125px)}
.page-about .about-commitments__ghost {position:absolute;top:8px;left:3vw;white-space:nowrap;font:400 clamp(6rem,16vw,17rem)/1 Audiowide,sans-serif;letter-spacing:-.065em;color:rgba(17,20,45,.045);pointer-events:none;user-select:none}
.page-about .about-commitments__inner {position:relative;z-index:1}
.page-about .about-commitments__intro h2 {margin-bottom:20px}
.page-about .about-commitments__intro>p:last-child {font:500 1.05rem/1.65 Manrope,sans-serif;margin:0}
.page-about .about-commitments__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:52px 0 20px}
.page-about .about-commitment {border-radius:18px;background:#E1DAD0;min-height:245px;padding:clamp(24px,2.6vw,36px);transition:transform .3s ease, background .3s ease}
.page-about .about-commitment:hover {transform:translateY(-5px);background:#E7DFD5}
.page-about .about-commitment__icon {display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--about-yellow);color:#11142D}
.page-about .about-commitment__icon svg {width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2}
.page-about .about-commitment h3 {font:800 clamp(1.05rem,1.55vw,1.4rem)/1.3 Manrope,sans-serif;margin:24px 0 12px;color:#11142D}
.page-about .about-commitment p {font:500 .94rem/1.75 Manrope,sans-serif;margin:0;color:#363744}
.page-about .about-commitments__disclaimer {font:500 .78rem/1.6 Manrope,sans-serif;color:#5B5C60;max-width:880px;margin:0 0 34px}
.page-about .about-join {display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:13px 25px;border-radius:999px;background:var(--about-yellow);font:800 .86rem/1.35 Manrope,sans-serif;color:#11142D;text-decoration:none;transition:transform .2s ease,background .2s ease}
.page-about .about-join:hover {transform:translateY(-3px);background:#11142D;color:white}
.page-about .about-join svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.page-about .about-join:focus-visible,.page-about .about-inline-link:focus-visible {outline:3px solid #15CFD7;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){.page-about .about-reveal.about-waiting {opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}.page-about .about-reveal.about-waiting.about-visible {opacity:1;transform:translateY(0)}.page-about .about-commitment.about-waiting:nth-child(2){transition-delay:.09s}.page-about .about-commitment.about-waiting:nth-child(3){transition-delay:.18s}}
@media(max-width:850px){.page-about .about-two-column{grid-template-columns:1fr;row-gap:35px;padding-block:76px}.page-about .about-two-column--reverse .about-copy{order:2}.page-about .about-two-column--reverse .about-photo{order:1}.page-about .about-photo,.page-about .about-photo--tall,.page-about .about-organisation-art{height:clamp(300px,55vw,460px);min-height:300px}.page-about .about-commitments__grid{grid-template-columns:1fr;gap:14px}.page-about .about-commitment{min-height:unset}.page-about .about-commitments__ghost{top:38px}}
@media(max-width:600px){.page-about .about-hero{min-height:245px}.page-about .about-hero__picture{background-image:url('../../assets/images/about/hero-mobile.webp');background-position:center 55%}.page-about .about-hero__content{padding:31px 0 48px}.page-about .about-hero__eyebrow{font-size:.67rem}.page-about .about-hero h1{font-size:clamp(2.05rem,8.9vw,3.4rem)}.page-about .about-hero__subtitle{font-size:.83rem}.page-about .about-two-column{padding-block:62px;gap:32px}.page-about .about-photo,.page-about .about-photo--tall{height:350px}.page-about .about-organisation-art{min-height:320px;height:320px}.page-about .about-copy h2,.page-about .about-commitments__intro h2{font-size:clamp(1.85rem,8vw,2.75rem)}.page-about .about-copy p:not(.about-kicker){font-size:.93rem;line-height:1.75}.page-about .about-section--commitments{padding-block:74px}.page-about .about-commitments__grid{margin-top:34px}.page-about .about-commitments__ghost{font-size:21vw;top:12px}.page-about .about-commitment{padding:24px}.page-about .about-join{width:100%}}
@media(prefers-reduced-motion:reduce){.page-about *, .page-about *::before,.page-about *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Compact subpage hero: first section begins directly under diagonal. */
.page-about #inspiration .about-two-column { padding-top: clamp(54px, 6vw, 90px); }
@media (max-width: 600px) { .page-about #inspiration .about-two-column { padding-top: 48px; } .page-about .about-hero__diagonal { height: 22px; } }