/* ATRION portfolio range v12 — three projects, three design registers */
.case-catalog .site-header,.case-corporate .site-header,.case-portal .site-header{background:rgba(17,19,21,.96)}
.showcase-catalog{padding:0;background:#dce5ec;color:#0b2239;font-family:"IBM Plex Sans Condensed",Arial,sans-serif}
.showcase-catalog:after{background-image:linear-gradient(rgba(20,64,101,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,64,101,.07) 1px,transparent 1px);background-size:28px 28px;z-index:0}
.catalog-preview{position:relative;z-index:1;margin:auto;width:88%;height:82%;background:#f7fafc;border:1px solid #7690a5;box-shadow:12px 12px 0 #1b4f7a;display:grid;grid-template-rows:48px 1fr}
.catalog-preview__bar{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;padding:0 20px;background:#123b60;color:#fff;font:9px "IBM Plex Mono",monospace;letter-spacing:.09em}
.catalog-preview__bar b{color:#9fd4ff}.catalog-preview__body{display:grid;grid-template-columns:154px 1fr;min-height:0}
.catalog-preview__body aside{padding:24px 18px;border-right:1px solid #bccbd7;display:flex;flex-direction:column;gap:17px;font-size:10px;color:#637b8e}
.catalog-preview__body aside b{font:600 9px "IBM Plex Mono",monospace;text-transform:uppercase;color:#0b2239;margin-bottom:12px}
.catalog-preview__main{padding:27px;display:grid;align-content:space-between;min-width:0}.catalog-preview__main>small{font:9px "IBM Plex Mono",monospace;letter-spacing:.12em;color:#1867a4}
.catalog-preview h4{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-size:clamp(34px,4.4vw,68px);font-weight:600;line-height:.88;letter-spacing:-.04em;margin:14px 0 20px;color:#0b2239}
.catalog-preview__filters{display:flex;gap:6px;flex-wrap:wrap}.catalog-preview__filters span{padding:8px 10px;border:1px solid #9aafbf;background:#fff;font:9px "IBM Plex Mono",monospace}
.catalog-preview__table{margin-top:24px;border-top:2px solid #123b60;font:9px "IBM Plex Mono",monospace}.catalog-preview__table>div{display:grid;grid-template-columns:1fr .8fr .7fr 1fr;gap:8px;padding:10px 7px;border-bottom:1px solid #c3d0da;align-items:center}.catalog-preview__table>div:first-child{background:#e8eef3;color:#577083;text-transform:uppercase}.catalog-preview__table strong{color:#1769aa}
.showcase-corporate{padding:0;background:#ff4e2f;color:#0b0b0b;font-family:"DM Sans",Arial,sans-serif}.showcase-corporate:after{z-index:0;background:linear-gradient(115deg,transparent 0 56%,rgba(255,227,197,.24) 56% 58%,transparent 58%)}
.editorial-preview{position:relative;z-index:1;width:100%;height:100%;min-height:620px;padding:42px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.editorial-preview__top{display:flex;justify-content:space-between;border-bottom:2px solid #0b0b0b;padding-bottom:12px;font-size:10px;letter-spacing:.08em}
.editorial-preview__shape{position:absolute;right:-5%;top:16%;width:48%;height:62%;background:#111;clip-path:polygon(27% 0,100% 8%,74% 100%,0 83%)}.editorial-preview__shape:after{content:"";position:absolute;inset:12% -18% 10% 19%;background:linear-gradient(135deg,#2a2a2a,#050505);border:1px solid rgba(255,255,255,.25);transform:rotate(-7deg)}
.editorial-preview__index{align-self:center;font-size:11px;font-weight:600;letter-spacing:.14em}.editorial-preview h4{position:relative;z-index:2;align-self:center;max-width:72%;font-family:"Archivo Black",Impact,sans-serif;font-size:clamp(38px,5.1vw,78px);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin:0}.editorial-preview h4 em{font-family:"Source Serif 4",Georgia,serif;font-weight:500;text-transform:none;color:#ffe3c5}
.editorial-preview__ticker{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;border-top:2px solid #0b0b0b;padding-top:13px;font-size:9px;text-transform:uppercase;font-weight:700}
.showcase-portal{padding:6%;background-color:#b9f0d3;background-image:linear-gradient(rgba(39,52,102,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(39,52,102,.08) 1px,transparent 1px);background-size:24px 24px;color:#17223a;font-family:"DM Sans",Arial,sans-serif}.showcase-portal:after{display:none}
.app-preview{width:100%;min-height:88%;background:#f9fbff;border:1px solid #cbd7eb;border-radius:20px;box-shadow:0 28px 70px rgba(51,79,130,.2);display:grid;grid-template-columns:132px 1fr;overflow:hidden}.app-preview>aside{background:#273466;color:#fff;padding:26px 18px;display:flex;flex-direction:column;gap:19px;font-size:10px}.app-preview>aside b{font-size:16px;letter-spacing:.13em}.app-preview>aside i{height:1px;background:rgba(255,255,255,.18);margin:5px 0 8px}.app-preview>aside span:nth-of-type(2){background:#6678ff;border-radius:7px;padding:9px;margin:-9px}
.app-preview__main{padding:27px;min-width:0}.app-preview__top{display:flex;justify-content:space-between;align-items:center;color:#63708d;font-size:10px}.app-preview__top b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dfe5ff;color:#4553af}.app-preview h4{font:600 clamp(27px,3.4vw,48px)/1.05 "DM Sans",sans-serif;letter-spacing:-.04em;margin:24px 0;color:#17223a}
.app-preview__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-preview__stats>div{padding:16px;border:1px solid #dae2f0;border-radius:12px;background:#fff;display:grid;gap:4px}.app-preview__stats small{font-size:8px;color:#71809b}.app-preview__stats strong{font-size:26px}.app-preview__stats span{font-size:8px;color:#4c61d8}
.app-preview__request{margin-top:11px;padding:18px;border-radius:12px;background:#17223a;color:#fff}.app-preview__request>div:first-child{display:flex;justify-content:space-between;font-size:8px;color:#aebbd5}.app-preview__request>div:first-child b{color:#9dffca}.app-preview__request>strong{display:block;margin:13px 0;font-size:13px}.app-preview__progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.app-preview__progress i{height:4px;border-radius:4px;background:#6678ff}.app-preview__progress i:last-child{background:#506078}.app-preview__request>small{display:block;margin-top:10px;color:#aebbd5;font-size:8px}
.case-catalog{--case-ink:#09253e;--case-accent:#086bb5;--case-paper:#edf3f7;font-family:"IBM Plex Sans Condensed",Arial,sans-serif;background:#09253e}.case-catalog .case-hero{background-color:var(--case-paper);background-image:linear-gradient(rgba(9,37,62,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(9,37,62,.06) 1px,transparent 1px);background-size:32px 32px}.case-catalog .case-hero__top{border-top:3px solid var(--case-ink);padding-top:26px}.case-catalog .case-hero h1{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-weight:600;letter-spacing:-.055em;color:var(--case-ink)}.case-catalog .case-hero p{color:#48677f;font:14px/1.7 "IBM Plex Mono",monospace}.case-catalog .case-hero .concept-label{color:var(--case-accent);font-family:"IBM Plex Mono",monospace}
.case-catalog .case-stage{background:#0a3658;color:#f3f8fb;border:1px solid #7690a5;box-shadow:18px 18px 0 #8db6d1}.case-catalog .case-stage:before{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px}.case-catalog .case-stage__label,.case-catalog .case-stage__bottom{font-family:"IBM Plex Mono",monospace}.case-catalog .case-stage__label{color:#83c9ff}.case-catalog .case-stage h2{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-weight:500;letter-spacing:-.045em}.case-catalog .case-stage__bottom span{color:#c0d9e9}.case-catalog .section--light{background:#f7fafc}.case-catalog .case-story__nav{color:var(--case-accent);font-family:"IBM Plex Mono",monospace}.case-catalog .case-note{border-color:#b8c8d3}.case-catalog .case-note h3{font-weight:500;color:var(--case-ink)}.case-catalog .case-note p{font:13px/1.7 "IBM Plex Mono",monospace;color:#48677f}.case-catalog .section--chalk{background:#dce7ee}.case-catalog .case-interface{background:#f8fbfd;border:2px solid var(--case-ink);box-shadow:12px 12px 0 var(--case-accent);font-family:"IBM Plex Mono",monospace}.case-catalog .case-interface__top{color:var(--case-accent)}.case-catalog .case-interface h2{font-family:"IBM Plex Sans Condensed",Arial,sans-serif;font-weight:600;color:var(--case-ink);letter-spacing:-.045em}.case-catalog .case-interface__grid{background:#9ab0bf;border-color:#9ab0bf}.case-catalog .case-interface__grid div{background:#e8f0f5}.case-catalog .case-interface__grid small{color:#48677f}.case-catalog .case-interface__grid b{color:var(--case-ink)}
.case-corporate{--case-coral:#ff4e2f;--case-cream:#ffe9d2;--case-black:#0b0b0b;font-family:"DM Sans",Arial,sans-serif;background:var(--case-black)}.case-corporate .case-hero{background:var(--case-coral);color:var(--case-black);overflow:hidden}.case-corporate .case-hero__top{position:relative;border-top:3px solid var(--case-black);padding-top:22px}.case-corporate .case-hero__top:after{content:"";position:absolute;right:5%;top:70%;width:22%;height:180px;background:#0b0b0b;transform:skew(-16deg)}.case-corporate .case-hero h1{position:relative;z-index:1;max-width:850px;font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;font-size:clamp(50px,8vw,118px);letter-spacing:-.075em}.case-corporate .case-hero p{position:relative;z-index:1;color:#2f1711;font-weight:600}.case-corporate .case-hero .concept-label{color:var(--case-black);font-weight:700}.case-corporate .case-stage{background:var(--case-cream)!important;color:var(--case-black);border:3px solid var(--case-black)}.case-corporate .case-stage:before{background:linear-gradient(108deg,transparent 0 53%,var(--case-coral) 53% 74%,var(--case-black) 74%)}.case-corporate .case-stage__label{color:var(--case-black);font-weight:700}.case-corporate .case-stage h2{position:relative;z-index:1;max-width:780px;font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;font-size:clamp(48px,8vw,118px);letter-spacing:-.075em}.case-corporate .case-stage__bottom{position:relative;z-index:1;border-color:var(--case-black)}.case-corporate .case-stage__bottom span{color:var(--case-black);font-weight:700;text-transform:uppercase}.case-corporate .section--light{background:#fff7ed}.case-corporate .case-story__nav{color:#c82e16;font-weight:800}.case-corporate .case-note{border-color:#0b0b0b}.case-corporate .case-note h3{font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase}.case-corporate .case-note p{color:#402b25;font-size:17px}.case-corporate .section--chalk{background:var(--case-black)}.case-corporate .case-interface{background:var(--case-coral);color:var(--case-black);border:0;transform:rotate(-1deg);box-shadow:18px 18px 0 var(--case-cream)}.case-corporate .case-interface__top{color:var(--case-black);font-weight:800}.case-corporate .case-interface h2{font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.065em}.case-corporate .case-interface__grid{background:var(--case-black);border-color:var(--case-black)}.case-corporate .case-interface__grid div{background:var(--case-cream)}.case-corporate .case-interface__grid small{color:#a72a18}.case-corporate .case-interface__grid b{color:var(--case-black)}
.case-portal{--case-navy:#17223a;--case-violet:#6678ff;--case-mint:#8ce6ba;--case-cloud:#eef4ff;font-family:"DM Sans",Arial,sans-serif;background:var(--case-navy)}.case-portal .case-hero{background-color:#eef4ff;background-image:radial-gradient(#bdc9df 1px,transparent 1px);background-size:24px 24px;color:var(--case-navy)}.case-portal .case-hero h1{font-family:"DM Sans",Arial,sans-serif;font-weight:600;letter-spacing:-.055em}.case-portal .case-hero p{color:#596785}.case-portal .case-hero .concept-label{color:#4f5fd5;border-radius:999px;padding-inline:13px}.case-portal .case-stage{background:#f9fbff!important;color:var(--case-navy);border:1px solid #c8d5e9;border-radius:28px;box-shadow:0 35px 90px rgba(47,72,116,.2)}.case-portal .case-stage:before{background:linear-gradient(135deg,transparent 56%,rgba(102,120,255,.12))}.case-portal .case-stage__label{color:#5263da}.case-portal .case-stage h2{max-width:850px;font-family:"DM Sans",Arial,sans-serif;font-weight:600;letter-spacing:-.055em}.case-portal .case-stage__bottom{border-color:#cbd6e7}.case-portal .case-stage__bottom span{color:#65718a;background:#eef3ff;border-radius:9px;padding:13px}.case-portal .section--light{background:#f8fbff}.case-portal .case-story__nav{color:#5263da}.case-portal .case-note{border-color:#d3dcec}.case-portal .case-note h3{font-weight:600}.case-portal .case-note p{color:#596785}.case-portal .section--chalk{background:#e7eefb}.case-portal .case-interface{background:#f9fbff;border:1px solid #c9d5e8;border-radius:24px;box-shadow:0 28px 80px rgba(45,69,112,.16)}.case-portal .case-interface__top{color:#5364da}.case-portal .case-interface h2{font-family:"DM Sans",Arial,sans-serif;font-weight:600;letter-spacing:-.055em}.case-portal .case-interface__grid{gap:12px;background:transparent;border:0}.case-portal .case-interface__grid div{background:#eef3ff;border:1px solid #d4def0;border-radius:14px}.case-portal .case-interface__grid small{color:#5b6b8b}.case-portal .case-interface__grid b{color:var(--case-navy)}
@media(max-width:820px){.catalog-preview{width:calc(100% - 28px);height:calc(100% - 36px);box-shadow:7px 7px 0 #1b4f7a}.catalog-preview__bar{grid-template-columns:1fr auto;padding:0 12px}.catalog-preview__bar span:last-child{display:none}.catalog-preview__body{grid-template-columns:78px 1fr}.catalog-preview__body aside{padding:16px 8px;gap:14px;font-size:7px}.catalog-preview__body aside b{font-size:7px}.catalog-preview__main{padding:18px 12px}.catalog-preview h4{font-size:34px}.catalog-preview__filters span:nth-child(3){display:none}.catalog-preview__table>div{grid-template-columns:1fr .8fr 1fr}.catalog-preview__table b:nth-child(3),.catalog-preview__table span:nth-child(3){display:none}.editorial-preview{min-height:430px;padding:24px 18px}.editorial-preview__shape{right:-18%;top:21%;width:62%;height:54%}.editorial-preview h4{font-size:42px;max-width:87%}.editorial-preview__ticker span:nth-child(2){display:none}.showcase-portal{padding:18px}.app-preview{grid-template-columns:58px 1fr;border-radius:14px}.app-preview>aside{padding:20px 8px;align-items:center}.app-preview>aside span{font-size:0}.app-preview>aside span:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#8fa0c9}.app-preview__main{padding:18px 12px}.app-preview h4{font-size:25px}.app-preview__stats>div{padding:11px}.app-preview__stats strong{font-size:22px}.app-preview__request{padding:13px}.case-catalog .case-stage{box-shadow:8px 8px 0 #8db6d1}.case-corporate .case-hero__top:after{display:none}.case-corporate .case-hero h1{font-size:clamp(31px,9.4vw,42px);line-height:.92}.case-corporate .case-stage h2{font-size:clamp(29px,8vw,38px);line-height:.92;max-width:100%}.case-corporate .case-interface{transform:none;box-shadow:8px 8px 0 var(--case-cream)}.case-portal .case-stage{border-radius:18px}.case-portal .case-stage__bottom span{padding:9px}.case-portal .case-interface{border-radius:16px}.case-portal .case-interface__grid div{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.case-corporate .case-interface{transform:none}}
@media(forced-colors:active){.catalog-preview,.app-preview,.case-portal .case-stage,.case-portal .case-interface{border:2px solid CanvasText;box-shadow:none}.editorial-preview__shape{background:CanvasText}}