@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&display=swap");
:root { --artopia-about-bg:#090909; --artopia-about-text:#fff; --artopia-about-accent:#ffcc00; }
.artopia-about { background:var(--artopia-about-bg)!important; color:var(--artopia-about-text)!important; }
.artopia-about, .artopia-about p, .artopia-about a, .artopia-about span { font-family:"Archivo",sans-serif!important; font-weight:400!important; font-stretch:110%!important; font-variation-settings:"wdth" 110,"wght" 400!important; }
.artopia-about h1, .artopia-about h2, .artopia-about h1 *, .artopia-about h2 * { font-family:"Archivo",sans-serif!important; font-weight:300!important; font-stretch:65%!important; font-variation-settings:"wdth" 65,"wght" 300!important; text-transform:none!important; }
.artopia-about-edge { width:90%!important; max-width:1440px!important; margin-right:auto!important; margin-left:auto!important; }
.artopia-about-hero { position:relative; display:flex; min-height:min(82vh,820px); align-items:flex-end; overflow:hidden; background:#090909; }
.artopia-about-hero-image { position:absolute; inset:0; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover; object-position:center 42%; }
.artopia-about-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.44),rgba(0,0,0,.08) 62%,rgba(0,0,0,.02)),linear-gradient(0deg,rgba(9,9,9,.38),transparent 32%); }
.artopia-about-hero-copy { position:relative; z-index:1; padding-bottom:82px; }
.artopia-about-kicker { margin:0 0 18px!important; color:var(--artopia-about-accent)!important; font-size:12px!important; letter-spacing:.13em!important; }
.artopia-about-hero h1 { max-width:900px!important; margin:0!important; color:#fff!important; font-size:clamp(58px,8vw,120px)!important; line-height:.88!important; letter-spacing:-.035em!important; }
.artopia-about-intro { padding:92px 0 112px; }
.artopia-about-lead { max-width:1120px!important; margin:0 0 74px!important; color:#fff!important; font-size:clamp(30px,4.3vw,64px)!important; font-variation-settings:"wdth" 75,"wght" 300!important; line-height:1.08!important; letter-spacing:-.025em!important; }
.artopia-about-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9vw; }
.artopia-about-columns p, .artopia-about-feature-copy p { margin:0 0 1.3em!important; color:rgba(255,255,255,.72)!important; font-size:clamp(16px,1.35vw,20px)!important; line-height:1.62!important; }
.artopia-about-feature { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:7vw; align-items:center; padding:84px 0; border-top:1px solid #fff; }
.artopia-about-feature-reverse { grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr); }
.artopia-about-feature-reverse .artopia-about-feature-image { order:2; }
.artopia-about-feature-image img { display:block; width:100%!important; max-width:none!important; aspect-ratio:16/10; object-fit:cover; }
.artopia-about-feature-copy h2 { margin:0 0 34px!important; color:#fff!important; font-size:clamp(42px,5.5vw,78px)!important; line-height:.92!important; letter-spacing:-.025em!important; }
.artopia-about-feature:last-of-type { padding-bottom:112px; }
@media(max-width:800px){.artopia-about-hero{min-height:680px}.artopia-about-hero-copy{padding-bottom:56px}.artopia-about-hero h1{font-size:clamp(52px,16vw,78px)!important}.artopia-about-intro{padding:64px 0 74px}.artopia-about-lead{margin-bottom:48px!important}.artopia-about-columns,.artopia-about-feature,.artopia-about-feature-reverse{grid-template-columns:1fr;gap:38px}.artopia-about-feature{padding:58px 0 68px}.artopia-about-feature-reverse .artopia-about-feature-image{order:0}}