/* An editorial capability index. */
.expertise.expertise-studies{display:block;padding-top:clamp(90px,10vw,170px);padding-bottom:clamp(95px,10vw,170px)}
.expertise-studies .expertise-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:8vw;align-items:end;margin-bottom:clamp(45px,5vw,85px)}
.expertise-studies h2{font-size:clamp(48px,5vw,92px);line-height:1.04;letter-spacing:-.06em;margin:30px 0 0}
.expertise-studies .expertise-intro{max-width:370px;margin:0 0 8px}
.capability-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}
.capability-tab{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:21px;min-width:0;min-height:139px;padding:19px clamp(14px,1.7vw,32px) 23px;border:0;border-right:1px solid #ffffff24;background:transparent;color:#f2efeb;text-align:left;cursor:pointer;transition:background .35s,color .35s}
.capability-tab:first-child{border-left:1px solid #ffffff24}.capability-tab:hover,.capability-tab[aria-selected=true]{background:#ffffff0c}.capability-tab:focus-visible{outline:2px solid #ff8867;outline-offset:-4px}
.capability-tab:before{content:'';position:absolute;left:0;right:100%;top:-1px;height:2px;background:#ff8867;transition:right .45s}.capability-tab:hover:before,.capability-tab[aria-selected=true]:before{right:0}
.cap-tab-index{font:10px 'DM Sans',sans-serif;letter-spacing:.16em;color:#a9a9ae}.capability-tab[aria-selected=true] .cap-tab-index{color:#ff9371}
.cap-tab-main{display:flex;gap:17px;align-items:center;min-width:0}.cap-tab-main strong{font:400 clamp(19px,1.6vw,30px)/1.13 Manrope,sans-serif;letter-spacing:-.05em}.cap-tab-main svg{width:43px;height:43px;flex:none;fill:none;stroke:#8c949c;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s,transform .45s}.capability-tab[aria-selected=true] svg,.capability-tab:hover svg{stroke:#ff9473;transform:translateY(-3px)}
.cap-tab-arrow{position:absolute;right:20px;top:17px;color:#c7b2a7;font-size:18px;opacity:.5;transition:opacity .35s,transform .35s}.capability-tab:hover .cap-tab-arrow,.capability-tab[aria-selected=true] .cap-tab-arrow{opacity:1;transform:translate(2px,-2px)}
.capability-panels{position:relative}.capability-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:440px;border-bottom:1px solid #ffffff35}.capability-panel[hidden]{display:none!important}
.capability-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(34px,4.3vw,76px) clamp(24px,4vw,72px) 28px 0}.cap-kicker{margin:0 0 31px!important;color:#ff9675!important;font:10px 'DM Sans',sans-serif!important;letter-spacing:.16em!important}.capability-copy h3{font:400 clamp(31px,3.4vw,62px)/1.05 Manrope,sans-serif;letter-spacing:-.065em;margin:0 0 24px;max-width:640px}.capability-copy h3 span{color:#ff8967}.capability-copy>p:not(.cap-kicker):not(.cap-footer){font-size:clamp(15px,1vw,18px);line-height:1.65;color:var(--muted);max-width:510px;margin:0 0 26px}.capability-copy .tags{display:flex;flex-wrap:wrap;gap:7px}.capability-copy .tags span{font-size:10px;letter-spacing:.04em}.cap-footer{width:100%;margin:auto 0 0!important;padding-top:38px;color:#c9b5a9!important;font:10px 'DM Sans',sans-serif!important;letter-spacing:.16em!important}.cap-footer span{float:right;color:#ff8967;font:22px Manrope,sans-serif}
.software-display{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:440px;padding:clamp(24px,3vw,55px);border-left:1px solid #ffffff27;background:radial-gradient(circle at 50% 45%,#36454b36,transparent 68%),#13191c}
.software-eyebrow,.software-footnote{font:10px 'DM Sans',sans-serif;letter-spacing:.17em;color:#9ca7aa}.software-eyebrow{margin-bottom:23px}.software-footnote{margin-top:22px;text-align:right;color:#a78c80}
.software-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.software-tile{display:flex;align-items:center;gap:clamp(10px,1.4vw,23px);min-width:0;min-height:112px;padding:clamp(12px,1.5vw,24px);border:1px solid #ffffff27;background:#ffffff06;transition:border-color .3s,background .3s,transform .35s}.software-tile:hover{border-color:#ff997580;background:#ffffff0d;transform:translateY(-4px)}.software-mark{display:grid;place-items:center;flex:none;width:clamp(48px,4.7vw,80px);aspect-ratio:1;border:1px solid currentColor;border-radius:12px;font:700 clamp(18px,1.8vw,30px)/1 Manrope,sans-serif;letter-spacing:-.08em}.software-name{min-width:0;color:#e8e8e5;font:500 clamp(13px,1.2vw,19px)/1.15 Manrope,sans-serif;letter-spacing:-.035em}
.software-figma .software-mark{color:#f29d82;background:linear-gradient(135deg,#f27a5e44,#7759b544)}.software-vscode .software-mark{color:#71bceb;background:#237cb329}.software-wordpress .software-mark{color:#a9d5e7;background:#21759b30;border-radius:50%;font-family:Georgia,serif}.software-github .software-mark{color:#d9d9d9;background:#ffffff13;border-radius:50%}
.software-photoshop .software-mark{color:#7bcbff;background:#001d36}.software-illustrator .software-mark{color:#ffad65;background:#321900}.software-premiere .software-mark{color:#d5b0ff;background:#210b39}.software-aftereffects .software-mark{color:#c7b0ff;background:#211147}
.software-google .software-mark{color:#f7b273;background:conic-gradient(from 50deg,#4285f433,#34a85333,#fbbc0533,#ea433533,#4285f433);font-size:36px}.software-searchconsole .software-mark{color:#83b5e4;background:#3b75ab24;font-size:22px}.software-analytics .software-mark{color:#ffb665;background:#e38c2429;font-size:22px}.software-ads .software-mark{color:#87cba5;background:#4285f424;font-size:20px}
@media(max-width:900px){.capability-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-tab:nth-child(3){border-left:1px solid #ffffff24}.capability-tab:nth-child(n+3){border-top:1px solid #ffffff24}.cap-tab-main{gap:9px}.cap-tab-main svg{width:32px;height:32px}.capability-panel{grid-template-columns:1fr 1fr}.capability-copy{padding-right:22px}.software-display{min-height:390px}}
@media(max-width:700px){.capability-tabs{grid-template-columns:1fr}.capability-tab:nth-child(n+2){border-top:1px solid #ffffff24}.expertise-studies .expertise-lead{grid-template-columns:1fr;gap:20px}.capability-tabs{grid-template-columns:1fr}.capability-tab{min-height:74px;gap:7px;padding:12px 17px;border-left:1px solid #ffffff24}.cap-tab-main strong{font-size:20px}.cap-tab-main svg{width:28px;height:28px}.cap-tab-index{font-size:8px}.cap-tab-arrow{top:21px}.capability-panel{grid-template-columns:1fr}.capability-copy{padding:31px 0 28px}.cap-kicker{margin-bottom:19px!important}.capability-copy h3{font-size:clamp(35px,9vw,54px)}.cap-footer{padding-top:24px}.software-display{min-height:0;border-left:0;border-top:1px solid #ffffff27;padding:23px 0}.software-tile{min-height:84px;padding:10px}.software-mark{width:49px;font-size:20px}.software-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.capability-tab,.capability-tab:before,.cap-tab-main svg,.software-tile{transition:none!important}}
.software-mark svg{display:block;width:30px;height:45px;max-height:70%}.software-vscode .software-mark{font-size:clamp(13px,1.5vw,24px)}

/* Shared baselines and a typographic tool index replace imitation brand marks. */
.expertise-studies .expertise-lead{align-items:end;gap:8%;margin-bottom:48px}
.expertise-studies .expertise-intro{font-size:16px;line-height:1.75}
.expertise-studies .capability-tabs{gap:24px;border-top:0;border-bottom:1px solid #ffffff24}
.expertise-studies .capability-tab{justify-content:space-between;min-height:126px;padding:20px 20px 24px 0;border:0!important;gap:20px;background:none;color:#a7a9b2}
.expertise-studies .capability-tab:hover,.expertise-studies .capability-tab[aria-selected=true]{background:none;color:#f2f0eb}
.expertise-studies .capability-tab:before{top:auto;bottom:-1px;background:#ff744d}
.expertise-studies .cap-tab-main{display:block;min-height:50px}
.expertise-studies .cap-tab-main strong{display:block;font:500 clamp(18px,1.6vw,24px)/1.25 Manrope,sans-serif;letter-spacing:-.035em;max-width:220px}
.expertise-studies .cap-tab-main svg,.expertise-studies .cap-tab-arrow,.expertise-studies .software-mark{display:none}
.expertise-studies .capability-panel{grid-template-columns:1fr 1fr;gap:9%;padding:48px 0 32px;min-height:390px;border-color:#ffffff24}
.expertise-studies .capability-copy{padding:0}
.expertise-studies .cap-kicker{margin:0 0 26px!important;line-height:1.4!important}
.expertise-studies .capability-copy h3{font-size:clamp(32px,3.2vw,48px);line-height:1.13;letter-spacing:-.05em;margin-bottom:20px}
.expertise-studies .capability-copy>p:not(.cap-kicker):not(.cap-footer){font:400 15px/1.8 'DM Sans',sans-serif}
.expertise-studies .tags{gap:8px 16px}
.expertise-studies .tags span{border:0;border-radius:0;background:none;padding:0;line-height:1.8;color:#b7bac4;font-size:10px}
.expertise-studies .cap-footer{font-size:9px!important;color:#858894!important;padding-top:30px}
.expertise-studies .cap-footer span{display:none}
.expertise-studies .software-display{justify-content:flex-start;padding:0;background:none;border:0;min-height:0}
.expertise-studies .software-eyebrow{margin:0 0 26px;line-height:1.4;color:#858894}
.expertise-studies .software-grid{grid-template-columns:1fr;gap:0;counter-reset:tool;border-top:1px solid #ffffff24}
.expertise-studies .software-tile{counter-increment:tool;min-height:62px;padding:16px 0;border:0;border-bottom:1px solid #ffffff18;background:none;gap:22px;transform:none;transition:padding .25s,background .25s}
.expertise-studies .software-tile:before{content:'0' counter(tool);font:10px/1 'DM Sans',sans-serif;letter-spacing:.08em;color:#777c89;min-width:20px}
.expertise-studies .software-tile:hover{padding-left:10px;background:#ffffff03;transform:none}
.expertise-studies .software-tile:hover:before{color:#ff744d}
.expertise-studies .software-name{font:500 clamp(17px,1.5vw,22px)/1.3 Manrope,sans-serif;letter-spacing:-.025em;color:#f2f0eb}
.expertise-studies .software-footnote{margin-top:20px;text-align:left;font-size:9px;color:#858894}
.expertise-studies .software-tile{gap:18px;min-height:78px;padding-block:13px}
.expertise-studies .software-tile .software-mark{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;aspect-ratio:1;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(145deg,#ffffff0c,#ffffff02);font:600 23px/1 Manrope,sans-serif;letter-spacing:-.04em;transition:transform .3s,border-color .3s,box-shadow .3s}
.expertise-studies .software-mark img{display:block;width:27px;height:27px;object-fit:contain}
.expertise-studies .software-tile:hover .software-mark{transform:rotate(-6deg) translateY(-2px);border-color:#ff744d70;box-shadow:0 5px 20px #0004}
.expertise-studies .software-wordpress img,.expertise-studies .software-github img,.expertise-studies .software-codex img,.expertise-studies .software-aistudio img{filter:brightness(0) invert(.94)}
.expertise-studies .software-photoshop .software-mark{color:#31a8ff;background:#001e36;border-color:#31a8ff40}
.expertise-studies .software-illustrator .software-mark{color:#ff9a00;background:#330000;border-color:#ff9a0040}
.expertise-studies .software-premiere .software-mark,.expertise-studies .software-aftereffects .software-mark{color:#9999ff;background:#00005b;border-color:#9999ff40}
@media(max-width:900px){.expertise-studies .capability-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.expertise-studies .capability-panel{gap:6%}}
@media(max-width:650px){.expertise-studies .expertise-lead{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.expertise-studies .expertise-intro{max-width:100%;font-size:15px}.expertise-studies .capability-tab{min-height:112px;padding:20px 0 16px;gap:12px}.expertise-studies .cap-tab-main{min-height:44px}.expertise-studies .cap-tab-main strong{font-size:18px}.expertise-studies .capability-panel{grid-template-columns:1fr;gap:38px;padding-top:34px}.expertise-studies .capability-copy h3{font-size:36px}.expertise-studies .software-tile{min-height:58px}}