/* =========================================================
   CASE STUDY: ANYTHING MARKETPLACE
   An editorial feature in the Femme "Client Edition" style.
   Everything is scoped to .am so nothing leaks into other pages.
========================================================= */
.am *{box-sizing:border-box}
.am{--ink:#0b0a09;--ink2:#3a3a3a;--muted:#6e6e6e;--red:#670505;--blush:#c8102e;--ivory:#ffffff;--bone:#ffffff;--rule:rgba(11,10,9,.16);font-family:var(--sans, 'Inter', Arial, sans-serif);color:#0b0a09;background:#ffffff;overflow:hidden}
:where(.am) :where(p,h1,h2,h3,figure,blockquote,ol,ul,dl,dd){margin:0;padding:0}
:where(.am) :where(ol,ul){list-style:none}
:where(.am) img{display:block;max-width:100%;height:auto}
:where(.am) picture{display:contents}
.am-wrap{max-width:1360px;margin:0 auto;padding:0 56px}
.am-lab{font:600 10.5px/1.4 var(--sans, 'Inter', Arial, sans-serif);letter-spacing:.32em;text-transform:uppercase}
.am-h2 em{font-style:italic}
.am-h2{font:400 clamp(52px,5.6vw,96px)/.92 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.035em}
.am-dek{font:italic 400 clamp(20px,1.6vw,25px)/1.4 var(--serif, 'Playfair Display', Georgia, serif)}
.am-body{font-size:15.5px;line-height:1.8;color:#3a3a3a}
.am-kick{display:flex;align-items:center;gap:18px;margin-bottom:30px}
.am-kick b{font:italic 400 60px/.8 var(--serif, 'Playfair Display', Georgia, serif);color:#670505}
.am-kick i{flex:0 0 80px;height:1px;background:rgba(11,10,9,.25)}
.am-on-dark .am-kick i{background:rgba(255,255,255,.3)}
.am-on-dark .am-kick b{color:#c8102e}

/* cover */
.am-cover{background:#0b0a09;color:#ffffff;position:relative}
.am-cover-top{display:flex;justify-content:space-between;gap:24px;padding:30px 0 16px;border-bottom:1px solid rgba(255,255,255,.5)}
.am-cover-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;padding:64px 0 0}
.am-mast{font:400 clamp(64px,8.6vw,148px)/.86 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.05em}
.am-mast em{font-style:italic;color:#c8102e;display:block}
.am-cover-dek{margin-top:40px;max-width:520px;font:italic 400 clamp(22px,2vw,30px)/1.3 var(--serif, 'Playfair Display', Georgia, serif);color:#ffffff}
.am-cover-p{margin-top:24px;max-width:500px;font-size:15.5px;line-height:1.8;color:#cfcfcf}
.am-cover-img{position:relative;margin-right:-56px}
.am-cover-img img{width:100%;height:auto}
.am-credits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.5);margin-top:64px}
.am-credits div{padding:24px 24px 34px 0;border-right:1px solid rgba(255,255,255,.18)}
.am-credits div+div{padding-left:24px}
.am-credits div:last-child{border-right:0}
.am-credits dt{color:#c8102e;margin-bottom:10px}
.am-credits dd{font:400 18px/1.4 var(--serif, 'Playfair Display', Georgia, serif);color:#ffffff}
.am-live{display:inline-flex;align-items:center;gap:16px;margin-top:36px;color:#ffffff;text-decoration:none;font:600 11px/1 var(--sans, 'Inter', Arial, sans-serif);letter-spacing:.28em;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.6)}
.am-live:hover{color:#c8102e}

/* stats */
.am-stats{background:#ffffff}
.am-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #0b0a09}
.am-stat{padding:64px 28px 56px 0;border-right:1px solid rgba(11,10,9,.16)}
.am-stat+.am-stat{padding-left:28px}
.am-stat:last-child{border-right:0}
.am-stat b{display:block;font:400 clamp(44px,5vw,88px)/.9 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.04em}
.am-stat span{display:block;margin-top:18px;color:#3a3a3a}

/* brief */
.am-brief{background:#fff}
.am-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;padding:150px 0}
.am-drop p+p{margin-top:20px}
.am-drop p:first-child::first-letter{float:left;font:400 96px/.8 var(--serif, 'Playfair Display', Georgia, serif);margin:8px 14px 0 0;color:#0b0a09}
.am-drop p{font:400 18.5px/1.75 var(--serif, 'Playfair Display', Georgia, serif);color:#3a3a3a}
.am-role{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:80px;align-items:center;padding:0 0 150px}
.am-role img{width:100%;aspect-ratio:3/4;object-fit:cover}
.am-role-list{margin-top:36px;border-top:1px solid #0b0a09}
.am-role-list li{display:grid;grid-template-columns:64px minmax(0,1fr);padding:16px 0;border-bottom:1px solid rgba(11,10,9,.16);font:400 19px/1.4 var(--serif, 'Playfair Display', Georgia, serif)}
.am-role-list li span{font-style:italic;color:#670505}

/* challenge */
.am-chal{background:#ffffff;padding:150px 0}
.am-buyers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:72px;border-top:1px solid #0b0a09}
.am-buyer{padding:32px 32px 40px 0;border-right:1px solid rgba(11,10,9,.16)}
.am-buyer+.am-buyer{padding-left:32px}
.am-buyer:last-child{border-right:0}
.am-buyer h3{font:400 30px/1.1 var(--serif, 'Playfair Display', Georgia, serif);margin:14px 0 14px}
.am-buyer h3 em{color:#670505}
.am-chal-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:80px;margin-top:110px;align-items:stretch}
.am-chal-grid figure{height:100%}
.am-chal-grid img{width:100%;height:100%;min-height:520px;object-fit:cover}
.am-clist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1px solid #0b0a09}
.am-clist li{padding:26px 0 28px;border-bottom:1px solid rgba(11,10,9,.16)}
.am-clist li b{display:block;font:400 25px/1.15 var(--serif, 'Playfair Display', Georgia, serif);margin:10px 0 10px}
.am-clist li p{font-size:14.5px;line-height:1.7;color:#3a3a3a}

/* pull */
.am-pull{background:#0b0a09;color:#ffffff;text-align:center;padding:170px 0}
.am-pull p{max-width:1120px;margin:0 auto;font:400 clamp(44px,5.4vw,92px)/1.02 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.03em}
.am-pull p em{color:#c8102e}
.am-pull .am-lab{display:block;margin-top:44px;color:#a6a6a6}

/* build */
.am-build{background:#fff;padding:150px 0}
.am-build-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:80px;align-items:end}
.am-build-fig{justify-self:end;width:100%;max-width:460px}
.am-build-fig img{width:100%;height:auto}
.am-mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;margin-top:96px;border-top:1px solid #0b0a09}
.am-mod{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:34px 0 36px;border-bottom:1px solid rgba(11,10,9,.16)}
.am-mod > span{font:italic 400 34px/1 var(--serif, 'Playfair Display', Georgia, serif);color:#670505}
.am-mod h3{font:400 30px/1.08 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.01em}
.am-mod .am-d{margin-top:10px;font:italic 400 17px/1.45 var(--serif, 'Playfair Display', Georgia, serif);color:#0b0a09}
.am-mod .am-tags{margin-top:16px;color:#6e6e6e;line-height:2}

/* ecosystem */
.am-eco{background:#ffffff;padding:150px 0}
.am-flows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:80px}
.am-flow{border-top:2px solid #0b0a09;padding-top:22px}
.am-flow h3{font:400 26px/1.1 var(--serif, 'Playfair Display', Georgia, serif);margin:10px 0 26px}
.am-flow h3 em{color:#670505}
.am-steps li{position:relative;padding:0 0 26px 30px;font:400 16px/1.45 var(--sans, 'Inter', Arial, sans-serif);color:#0b0a09}
.am-steps li::before{content:"";position:absolute;left:5px;top:6px;width:9px;height:9px;border-radius:50%;background:#670505}
.am-steps li::after{content:"";position:absolute;left:9px;top:19px;bottom:4px;width:1px;background:rgba(103,5,5,.4)}
.am-steps li:last-child::after{display:none}
.am-steps li:last-child{font-weight:600}
.am-hub{margin-top:40px;border-top:1px solid #0b0a09;border-bottom:1px solid #0b0a09;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.am-hub b{font:italic 400 34px/1.1 var(--serif, 'Playfair Display', Georgia, serif);color:#670505}

/* scale */
.am-scale{background:#0b0a09;color:#ffffff;padding:150px 0}
.am-scale-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:end}
.am-huge{font:400 clamp(110px,15vw,240px)/.82 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.05em;color:#ffffff}
.am-bars{border-top:1px solid rgba(255,255,255,.6)}
.am-bar{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.am-bar p{font:400 21px/1.2 var(--serif, 'Playfair Display', Georgia, serif)}
.am-bar i{display:block;height:3px;margin-top:12px;background:#c8102e}
.am-bar b{font:400 26px/1 var(--serif, 'Playfair Display', Georgia, serif);text-align:right}

/* experience */
.am-exp{background:#ffffff;padding:150px 0}
.am-devices{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,1.8fr);gap:32px;align-items:end;margin-top:72px}
.am-dev img{width:100%;height:auto}
.am-prin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:56px;margin-top:72px;border-top:1px solid #0b0a09}
.am-prin li{padding:26px 0 30px;border-bottom:1px solid rgba(11,10,9,.16)}
.am-prin li b{display:block;font:400 24px/1.15 var(--serif, 'Playfair Display', Georgia, serif);margin-bottom:10px}
.am-prin li p{font-size:14.5px;line-height:1.7;color:#3a3a3a}

/* seo */
.am-seo{background:#fff;padding:150px 0}
.am-seo-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:88px;align-items:center}
.am-seo-grid img{width:100%;height:auto}
.am-slist{margin-top:36px;border-top:1px solid #0b0a09}
.am-slist li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;padding:16px 0;border-bottom:1px solid rgba(11,10,9,.16)}
.am-slist li b{font:400 18px/1.35 var(--serif, 'Playfair Display', Georgia, serif)}
.am-slist li p{font-size:14px;line-height:1.6;color:#3a3a3a}

/* partnership + quote */
.am-part{background:#ffffff;padding:150px 0}
.am-run{margin-top:56px;font:400 clamp(26px,2.6vw,40px)/1.45 var(--serif, 'Playfair Display', Georgia, serif);color:#0b0a09}
.am-run span{color:#670505;font-style:italic;margin:0 .3em}
.am-quote{background:#fff;padding:150px 0;text-align:center}
.am-quote blockquote p{max-width:1000px;margin:28px auto 0;font:italic 400 clamp(32px,3.4vw,54px)/1.2 var(--serif, 'Playfair Display', Georgia, serif);color:#0b0a09}
.am-quote cite{display:block;margin-top:36px;font-style:normal;color:#3a3a3a}

/* close */
.am-close{background:#4a0303;color:#ffffff;padding:150px 0 0}
.am-close h2{font:400 clamp(60px,7vw,124px)/.9 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.04em;max-width:1000px}
.am-close h2 em{color:#ffffff}
.am-close-p{margin-top:32px;max-width:560px;font:400 18px/1.7 var(--serif, 'Playfair Display', Georgia, serif);color:#d9d9d9}
.am-acts{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px}
.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 30px;border:1px solid #ffffff;background:#ffffff;color:#0b0a09;text-decoration:none;font:600 11px/1 var(--sans, 'Inter', Arial, sans-serif);letter-spacing:.26em;text-transform:uppercase}
.am-btn:hover{background:#0b0a09;border-color:#0b0a09;color:#ffffff}
.am-btn.am-line{background:transparent;color:#ffffff;border-color:rgba(255,255,255,.5)}
.am-btn.am-line:hover{background:#ffffff;color:#0b0a09}
.am-next{margin-top:130px;border-top:1px solid rgba(255,255,255,.35);padding:34px 0 40px;display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;color:#ffffff;text-decoration:none}
.am-next b{font:400 clamp(36px,4vw,64px)/1 var(--serif, 'Playfair Display', Georgia, serif);letter-spacing:-.02em}
.am-next b em{font-style:italic;color:#ffffff}
.am-next:hover b{color:#c8102e}

@media (max-width:1100px){
.am-wrap{padding:0 36px}
.am-cover-grid,.am-two,.am-role,.am-chal-grid,.am-build-head,.am-scale-grid,.am-seo-grid{grid-template-columns:minmax(0,1fr);gap:56px}
.am-cover-img{margin-right:0}
.am-credits,.am-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.am-credits div:nth-child(2n){border-right:0}
.am-stat:nth-child(2n){border-right:0}
.am-stat:nth-child(3){padding-left:0}
.am-credits div:nth-child(3){padding-left:0}
.am-flows{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
.am-prin{grid-template-columns:repeat(2,minmax(0,1fr))}
.am-build-fig{justify-self:start}
.am-role img{max-width:420px}
}
@media (max-width:700px){
.am-wrap{padding:0 20px}
.am-two,.am-chal,.am-build,.am-eco,.am-scale,.am-exp,.am-seo,.am-part,.am-quote,.am-pull{padding-top:88px;padding-bottom:88px}
.am-two{padding:88px 0}
.am-role{padding-bottom:88px}
.am-buyers,.am-clist,.am-mods,.am-flows,.am-prin{grid-template-columns:minmax(0,1fr)}
.am-buyer,.am-buyer+.am-buyer{border-right:0;padding-left:0;border-bottom:1px solid rgba(128,128,128,.25)}
.am-credits,.am-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
.am-credits div,.am-credits div+div,.am-stat,.am-stat+.am-stat{padding:20px 14px 22px 0;border-right:0;border-bottom:1px solid rgba(128,128,128,.25)}
.am-credits div:nth-child(2n),.am-stat:nth-child(2n){padding-left:14px;border-left:1px solid rgba(128,128,128,.25)}
.am-credits div:nth-last-child(-n+2),.am-stat:nth-last-child(-n+2){border-bottom:0}
.am-credits dd{font-size:16px}
.am-stats-row{margin-top:0}
.am-stat{padding-top:30px;padding-bottom:30px}
.am-stat b{font-size:44px}
.am-stat span{margin-top:10px;font-size:9.5px;letter-spacing:.24em}
.am-chal-grid img{min-height:320px}
.am-devices{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px}
.am-dev-desktop{grid-column:1 / -1}
.am-slist li{grid-template-columns:minmax(0,1fr);gap:6px}
.am-bar{grid-template-columns:minmax(0,1fr) 72px}
.am-close{padding-top:88px}
}

/* White sections: a fine rule between them */
.am > section + section{border-top:1px solid rgba(11,10,9,.1)}