.ariel-case{--ariel-blue:#3c688b;--ariel-pale:#edf5fa}
.ariel-meta{display:flex;gap:32px;flex-wrap:wrap;margin:28px 0;font-size:14px;line-height:1.6}.ariel-meta dt{color:#78848c;margin-bottom:5px}.ariel-meta dd{margin:0;max-width:380px}
.ariel-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;margin:0 0 64px}.compact-product .ariel-hero figure{margin:0}.compact-product .ariel-hero img{height:330px;object-fit:contain}
.ariel-case section>h2{max-width:740px}.ariel-case h3{font-size:21px;font-weight:500;color:var(--ariel-blue);margin:0 0 22px}
.ariel-decisions,.ariel-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0}.ariel-decisions>div,.ariel-roles>div{border-top:2px solid #a5bbc9;padding-top:20px}.ariel-case strong{font-weight:500}.ariel-case .ariel-decisions p,.ariel-case .ariel-roles p{font-size:15px}
.ariel-journey{padding:28px 0;border-top:1px solid #ddd}.ariel-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}.ariel-step-number{display:block;font-size:12px;color:#8195a4;margin-bottom:12px}.ariel-steps strong{display:block;font-size:18px}.ariel-case .ariel-steps p{font-size:15px}
.ariel-case .ariel-note{font-size:13px;color:#73818a;line-height:1.6}
.ariel-source{border-block:1px solid #dce3e7;padding:14px 0;margin:28px 0;color:#496a80}.ariel-source summary{padding:6px 0;cursor:pointer;font-size:14px}.ariel-source summary:focus-visible{outline:2px solid #3c688b;outline-offset:4px}
.compact-product .ariel-document{max-width:900px;margin:32px 0}.compact-product .ariel-document img{max-height:none}.compact-product .ariel-station{max-width:740px}.compact-product .ariel-station img{max-height:340px}
.ariel-touchpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}.compact-product .ariel-touchpoints figure{margin:0 0 20px}.compact-product .ariel-touchpoints img{height:220px;object-fit:contain}.ariel-case .ariel-touchpoints p{font-size:15px}
.ariel-blueprint{overflow-x:auto;margin:32px 0;background:var(--ariel-pale)}.ariel-blueprint table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px;line-height:1.6}.ariel-blueprint th,.ariel-blueprint td{padding:20px;text-align:left;vertical-align:top;border:1px solid #d2e0e9}.ariel-blueprint thead th{background:var(--ariel-blue);color:white;font-weight:500}.ariel-blueprint tbody th{width:15%;font-weight:500;color:var(--ariel-blue)}.ariel-blueprint td{width:28%}.ariel-blueprint:focus-visible{outline:2px solid #3c688b;outline-offset:4px}
.ariel-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}.ariel-case .ariel-scenarios p{font-size:15px}.compact-product .ariel-storyboard{max-width:820px}.compact-product .ariel-storyboard img{max-height:none}
.ariel-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:32px 0}.compact-product .ariel-app-grid figure{margin:0 0 18px}.compact-product .ariel-app-grid img{height:270px;object-fit:contain}.ariel-case .ariel-app-grid p{font-size:15px}.ariel-app-grid strong{font-size:20px;color:var(--ariel-blue)}
.ariel-packaging{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:36px 0}.compact-product .ariel-packaging figure{margin:0}.compact-product .ariel-packaging img{height:230px;object-fit:contain}
@media(max-width:700px){.ariel-hero{gap:16px;margin-bottom:40px}.compact-product .ariel-hero img{height:190px}.ariel-decisions,.ariel-roles,.ariel-steps,.ariel-scenarios{grid-template-columns:1fr;gap:18px}.ariel-touchpoints{grid-template-columns:1fr;gap:24px}.compact-product .ariel-touchpoints img{height:220px}.ariel-app-grid{grid-template-columns:1fr;gap:32px}.compact-product .ariel-app-grid img{height:240px}.ariel-packaging{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compact-product .ariel-packaging img{height:180px}.ariel-blueprint th,.ariel-blueprint td{padding:14px}.ariel-meta{gap:16px}}