.qa-about-drift{position:relative;height:700px;background:#0b0c0f;overflow:hidden;isolation:isolate;perspective:1200px;box-shadow:24px 24px 0 var(--qa-about-accent)}
.qa-about-drift:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 46%,transparent 26%,rgba(11,12,15,.12) 55%,rgba(11,12,15,.82) 115%)}
.qa-about-drift:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 34px #0b0c0f}
.qa-about-drift-scene{--qa-drift-x:0deg;--qa-drift-y:0deg;position:absolute;inset:-11% -13%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;transform-style:preserve-3d;transform:rotateX(calc(13deg + var(--qa-drift-y))) rotateY(calc(-11deg + var(--qa-drift-x))) rotateZ(-2deg) translateZ(-90px);transition:transform .16s ease-out}
.qa-about-drift-column{min-width:0;overflow:hidden}
.qa-about-drift-track{display:flex;flex-direction:column;gap:14px;will-change:transform;animation:qa-about-drift-up var(--qa-drift-duration) linear infinite}
.qa-about-drift-column:nth-child(even) .qa-about-drift-track{animation-name:qa-about-drift-down}
.qa-about-drift-tile{position:relative;display:block;flex:none;width:100%;aspect-ratio:.78;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#272a30;overflow:hidden;opacity:.72;transform:translateZ(0);transition:opacity .28s ease,transform .28s ease,border-color .28s ease;backface-visibility:hidden}
.qa-about-drift-tile img{display:block;width:100%!important;height:100%!important;object-fit:cover;filter:saturate(.72) contrast(1.02);transition:filter .28s ease,transform .45s ease}
.qa-about-drift-tile>span{position:absolute;inset:auto 0 0;display:grid;gap:2px;padding:34px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.qa-about-drift-tile strong{font-size:11px;line-height:1.25}
.qa-about-drift-tile small{color:#d9ff57;font-size:9px;line-height:1.25}
.qa-about-drift-tile:hover,.qa-about-drift-tile:focus-visible{z-index:5;border-color:var(--qa-about-accent);opacity:1;transform:translateZ(68px) scale(1.055);outline:none}
.qa-about-drift-tile:hover img,.qa-about-drift-tile:focus-visible img{filter:saturate(1.05);transform:scale(1.035)}
.qa-about-drift-tile:hover>span,.qa-about-drift-tile:focus-visible>span{opacity:1;transform:none}
.qa-about-drift-note{position:absolute;z-index:5;right:18px;bottom:18px;display:grid;gap:3px;padding:13px 15px;background:var(--qa-about-accent);color:var(--qa-about-ink);pointer-events:none}
.qa-about-drift-note strong{font-size:13px}.qa-about-drift-note span{font-size:9px;letter-spacing:.05em;text-transform:uppercase}
@keyframes qa-about-drift-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - 7px),0)}}
@keyframes qa-about-drift-down{from{transform:translate3d(0,calc(-50% - 7px),0)}to{transform:translate3d(0,0,0)}}

@media(max-width:1100px){
	.qa-about-hero-grid{grid-template-columns:minmax(0,1fr);gap:70px}.qa-about-hero-copy{min-width:0;max-width:850px}.qa-about-drift{height:640px}
	.qa-about-manifesto-grid,.qa-about-origin-grid,.qa-about-section-head{grid-template-columns:150px 1fr;gap:50px}
	.qa-about-mission-grid{padding-left:200px;gap:50px}
	.qa-about-values-grid{grid-template-columns:repeat(2,1fr)}
	.qa-about-newsletter-grid{gap:70px}
}
@media(max-width:800px){
	.qa-about-manifesto-grid,.qa-about-origin-grid,.qa-about-section-head{grid-template-columns:1fr;gap:28px}
	.qa-about-section-head{margin-bottom:48px}.qa-about-mission-grid{grid-template-columns:1fr;padding-left:0;gap:26px}
	.qa-about-steps{grid-template-columns:1fr}.qa-about-steps article{min-height:300px}.qa-about-steps h3{margin-top:44px}
	.qa-about-artist-cta-inner,.qa-about-newsletter-grid{grid-template-columns:1fr;align-items:start;gap:48px}
	.qa-about-artist-cta-inner>div:last-child p{font-size:18px}
}
@media(max-width:620px){
	.qa-about{width:100vw;max-width:100vw;overflow-x:clip}.qa-about-shell{width:100vw;max-width:100vw;padding-inline:18px}.qa-about p{font-size:16px}.qa-about-hero{padding:42px 0 76px}
	.qa-about-kicker{display:flex;max-width:100%;font-size:9px!important;letter-spacing:.12em;white-space:normal}.qa-about-kicker:before{flex:0 0 34px}
	.qa-about-hero-grid,.qa-about-hero-copy,.qa-about-actions{width:100%;max-width:100%;min-width:0}.qa-about-hero-copy h1{max-width:100%;margin:24px 0;font-size:46px;line-height:.9;letter-spacing:-.06em;white-space:normal!important;overflow-wrap:break-word}.qa-about-hero-copy>p{width:100%;max-width:100%;font-size:17px;overflow-wrap:break-word}
	.qa-about-actions{align-items:flex-start;flex-direction:column;gap:18px}.qa-about-button{width:100%}
	.qa-about-drift{height:500px;box-shadow:10px 10px 0 var(--qa-about-accent)}.qa-about-drift-scene{inset:-10% -20%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;transform:rotateX(10deg) rotateY(-7deg) rotateZ(-2deg) translateZ(-60px)}
	.qa-about-drift-column:nth-child(n+4){display:none}.qa-about-drift-track{gap:10px}.qa-about-drift-note{right:10px;bottom:10px}.qa-about-drift:after{box-shadow:inset 0 0 50px 20px #0b0c0f}
	.qa-about-manifesto h2,.qa-about-origin h2,.qa-about-section-head h2{font-size:45px}.qa-about-manifesto-grid>div>p{font-size:20px}
	.qa-about-values-grid{grid-template-columns:1fr}.qa-about-values article{min-height:250px}.qa-about-values h3{margin-top:52px}
	.qa-about-steps article{padding:28px}.qa-about-origin-grid>div>p{font-size:16px}.qa-about-artist-cta h2{font-size:58px}
	.qa-about-newsletter h2{font-size:45px}
}
@media(prefers-reduced-motion:reduce){
	.qa-about-drift-scene{transition:none}.qa-about-drift-track{animation-play-state:paused}.qa-about-drift-tile,.qa-about-drift-tile img{transition:none}
}