.organisation-page{--organisation-max:1280px;background:#0d0d10}
.organisation-intro{position:relative;isolation:isolate;padding:clamp(64px,8vw,120px) max(6%,calc((100% - var(--organisation-max))/2));border-bottom:1px solid #332739;background:#100d14;overflow:hidden}
.organisation-intro:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#100d14 8%,#100d14e8 42%,#100d1466),url('assets/about-card-background.webp') right center/cover no-repeat;opacity:.75}
.organisation-intro h1{max-width:1000px;margin:0 0 36px;font-size:clamp(52px,7.4vw,104px);line-height:.95;letter-spacing:-1px;text-wrap:balance}
.organisation-lead{max-width:730px;font-size:clamp(20px,2vw,26px);line-height:1.6;margin:0;color:#e5dfe9}
.organisation-intro .organisation-summary{max-width:620px;margin:24px 0 0;font-size:16px;line-height:1.85;color:#bdb2c6}
.organisation-section{padding:64px max(6%,calc((100% - var(--organisation-max))/2));border-bottom:1px solid #29232e}
.organisation-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,7vw,100px)}
.organisation-page h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(34px,3.4vw,48px);letter-spacing:0;line-height:1.05;margin:0 0 24px;text-transform:uppercase}
.organisation-copy p{font-size:17px;line-height:1.85;color:#bfb5c9;margin:0 0 20px}
.organisation-facts{margin:0;border-top:1px solid #5a3a68;align-self:start}
.organisation-facts>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:22px 0;border-bottom:1px solid #34263d}
.organisation-facts dt{font-size:14px;line-height:1.7;color:#aaa0b3}
.organisation-facts dd{margin:0;font-size:17px;line-height:1.5;color:#f5edf9;font-weight:600}
.organisation-facts dd span{display:block;font-weight:400;color:#b7aabd;font-size:14px;margin-top:6px}
.organisation-practices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}
.organisation-practices article{padding-top:22px;border-top:2px solid #6c2a8a}
.organisation-practices h3{font-size:19px;font-weight:600;line-height:1.4;color:#f5edf9;margin:0 0 14px}
.organisation-practices p{font-size:16px;line-height:1.85;color:#bfb5c9;margin:0}
.organisation-people{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px}
.organisation-people p{max-width:660px;font-size:17px;line-height:1.85;color:#bfb5c9;margin:0}
.organisation-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:14px 0;border-bottom:1px solid #9b0cca;color:#f6effa;font-size:16px;font-weight:600;transition:color .2s,border-color .2s}
.organisation-link:hover{color:#d69df5;border-color:#dab8f2}
.organisation-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}
.organisation-next p{font-size:16px;line-height:1.8;color:#bfb5c9;max-width:470px;margin:0 0 16px}
.organisation-next h2{font-size:34px;margin-bottom:18px}
@media(max-width:850px){.organisation-columns{grid-template-columns:minmax(0,1fr);gap:32px}.organisation-practices{grid-template-columns:minmax(0,1fr);gap:28px}.organisation-people{grid-template-columns:minmax(0,1fr)}.organisation-people .organisation-link{justify-self:start}.organisation-section{padding-block:46px}.organisation-next{gap:32px}}
@media(max-width:600px){.organisation-intro{padding-block:56px}.organisation-intro h1{font-size:clamp(46px,11vw,66px);margin-bottom:28px}.organisation-lead{font-size:21px}.organisation-next{grid-template-columns:minmax(0,1fr);gap:38px}.organisation-facts>div{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}.organisation-facts dd{font-size:16px}.organisation-facts dt{font-size:14px}.organisation-intro:before{background-position:65% center}.organisation-link{width:100%}}
@media(prefers-reduced-motion:reduce){.organisation-link{transition:none}}

/* Purple artwork and section accents for the organisation page. */
.organisation-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,4vw,64px);background:#180d23}
.organisation-intro::before{background:linear-gradient(110deg,rgba(22,9,33,.94),rgba(55,15,79,.76),rgba(16,10,23,.65)),url('assets/about-card-background.webp') center/cover no-repeat;opacity:1}
.organisation-intro>*{min-width:0}.organisation-intro h1{font-size:clamp(48px,5.2vw,80px);line-height:1.02;margin-bottom:28px}
.organisation-intro h1 span{display:block;color:#d393ff}
.organisation-intro .organisation-summary{color:#d3bedf}.organisation-lead{font-size:clamp(20px,1.8vw,24px);color:#f0e5f7}
.organisation-intro-art{position:relative;margin:0;border:1px solid #8350a0;border-radius:10px;overflow:hidden;box-shadow:0 24px 65px #08040c66,0 0 45px #9b0cca1f}
.organisation-intro-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.organisation-columns{background:radial-gradient(ellipse at 95% 0,#32133e55,transparent 65%),#100d15}
.organisation-copy h2{color:#ddaaff}
.organisation-facts{padding:4px 24px;border:1px solid #693a7c;border-left:3px solid #b642f3;border-radius:7px;background:linear-gradient(125deg,#2b1636,#18101f)}
.organisation-facts>div:last-child{border-bottom:0}.organisation-facts dt{color:#d1b5df;font-size:15px}.organisation-facts dd span{color:#cbb7d5;font-size:15px}
.organisation-practices article{border-top-color:#bd5cf2}.organisation-practices h3{color:#e8c5fc}
.organisation-people{background:linear-gradient(90deg,rgba(17,9,25,.96),rgba(38,12,53,.84)),url('assets/team-card-background.webp') center 45%/cover no-repeat;border-block-color:#573066}
.organisation-people p{color:#dccce5}.organisation-people .organisation-link{border-color:#cd78ff}
.organisation-next{background:linear-gradient(115deg,#22102f,#100d16)}.organisation-next h2{color:#ddaaff}
@media(max-width:1000px){.organisation-intro{grid-template-columns:minmax(0,1fr);gap:36px}.organisation-intro-copy{max-width:760px}.organisation-intro-art{width:100%;max-width:760px}.organisation-intro h1 span{display:inline}.organisation-intro h1{font-size:clamp(48px,7vw,76px)}}
@media(max-width:600px){.organisation-intro{padding-block:48px}.organisation-intro h1{font-size:clamp(42px,10vw,60px);overflow-wrap:anywhere}.organisation-intro-art{border-radius:6px}.organisation-facts{padding-inline:18px}.organisation-lead{font-size:20px}}

/* Floating transparent organisation logo. */
.organisation-intro-art.organisation-logo-art{display:grid;place-items:center;min-height:380px;padding:28px 24px 62px;margin:0;width:100%;max-width:620px;border:0;border-radius:0;overflow:visible;box-shadow:none;background:transparent;perspective:1000px}
.organisation-logo-art::before{content:"";position:absolute;inset:10% 0 15%;pointer-events:none;background:radial-gradient(ellipse,#9b0cca45,transparent 68%)}
.organisation-logo-art img{position:relative;width:100%;max-width:500px;height:auto;aspect-ratio:920/738;object-fit:contain;filter:drop-shadow(0 18px 28px #0005) drop-shadow(0 0 25px #9b0cca50);animation:organisation-logo-float 7s ease-in-out infinite}
.organisation-logo-art.is-paused img{animation-play-state:paused}
.organisation-logo-motion{position:absolute;bottom:0;right:24px;min-height:44px;padding:10px 16px;border:1px solid #8752a1;border-radius:6px;background:#1c102acc;color:#f0dafa;font-size:15px;cursor:pointer}
.organisation-logo-motion:hover{background:#3d1852}.organisation-logo-motion:focus-visible{outline:3px solid #dfadff;outline-offset:4px}
@keyframes organisation-logo-float{0%,100%{transform:translateY(8px) rotateZ(-1deg) rotateY(-5deg)}50%{transform:translateY(-10px) rotateZ(1deg) rotateY(5deg)}}
@media(max-width:600px){.organisation-intro-art.organisation-logo-art{min-height:280px;max-width:420px;justify-self:center;padding:22px 18px 58px}.organisation-logo-art img{max-width:360px}.organisation-logo-motion{right:18px}}
@media(prefers-reduced-motion:reduce){.organisation-logo-art img{animation:none;transform:none}.organisation-logo-motion{display:none}}