/* Photographic use cases, using the site's existing typography and navy palette. */
.use-cases{scroll-margin-top:96px;background:#fff;border-top:1px solid #eef2f8;border-bottom:1px solid #eef2f8}
.use-cases .uc-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:35px}
.uc-intro h2{font-size:clamp(34px,3.4vw,49px);letter-spacing:-.045em;line-height:1.08;margin-bottom:0}
.uc-intro .sub{font-size:16px;line-height:1.8;max-width:470px;padding-bottom:3px}
.uc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.uc-card{min-width:0;border:1px solid #dfe6f0;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 3px 10px rgba(11,30,58,.025);transition:transform .25s,box-shadow .25s,border-color .25s}
.uc-card:hover,.uc-card:focus-within{transform:translateY(-4px);box-shadow:0 15px 35px rgba(11,30,58,.10);border-color:#b5c9df}
.uc-photo{display:block;position:relative;aspect-ratio:1.65;overflow:hidden;background:#d9e2eb}
.uc-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.uc-card:hover .uc-photo img{transform:scale(1.035)}
.uc-category{position:absolute;top:16px;left:16px;color:#fff;background:rgba(11,30,58,.78);backdrop-filter:blur(8px);padding:5px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:9px;font-weight:500;letter-spacing:.035em}
.uc-photo-index{position:absolute;right:16px;bottom:14px;color:#fff;font:400 10px/1 ui-monospace,monospace;letter-spacing:.06em;text-shadow:0 1px 5px #0b1e3a}
.uc-body{padding:23px 24px 21px;display:flex;flex-direction:column;flex:1}
.uc-body h3{font-size:21px;font-weight:600;letter-spacing:-.035em;line-height:1.25;margin:0 0 11px}
.uc-body h3 a{color:#0b1e3a}
.uc-body>p{font-size:13px;line-height:1.75;color:#4d627c;margin:0 0 20px;flex:1}
.uc-result{font-size:10px;line-height:1.5;font-weight:500;color:#365b7d;padding-top:14px;border-top:1px solid #e7edf5;margin-bottom:15px;display:flex;gap:7px;align-items:center}
.uc-result::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#598ba3;flex:none}
.uc-learn{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:35px;font-size:12px;font-weight:600;color:#143b66}
.uc-learn svg{width:16px;height:16px;transition:transform .2s}.uc-learn:hover svg{transform:translateX(3px)}
.uc-card a:focus-visible{outline:2px solid #2f6fe4;outline-offset:4px;border-radius:4px}
.uc-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;font-size:11px;color:#5b6b84}
.uc-bottom p{margin:0;max-width:650px;line-height:1.7}
.uc-bottom>a{font-size:12px;font-weight:600;color:#234b74;white-space:nowrap;display:flex;gap:8px;align-items:center;min-height:40px}.uc-bottom svg{width:16px;height:16px}
@media(min-width:921px){section.use-cases.block{padding:64px 0 62px}}
@media(max-width:1099px){.uc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-cases .uc-intro{gap:30px}.uc-intro .sub{font-size:14px}}
@media(max-width:620px){.use-cases .uc-intro{grid-template-columns:1fr;gap:16px;margin-bottom:27px}.uc-intro h2{font-size:37px}.uc-intro .sub{font-size:14px}.uc-grid{grid-template-columns:1fr;gap:21px}.uc-photo{aspect-ratio:1.7}.uc-body{padding:21px}.uc-body h3{font-size:23px}.uc-body>p{font-size:13px;margin-bottom:18px}.uc-category{font-size:9px}.uc-bottom{align-items:flex-start;flex-direction:column;gap:10px}.uc-bottom p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.uc-card,.uc-photo img,.uc-learn svg{transition:none}.uc-card:hover,.uc-card:focus-within,.uc-card:hover .uc-photo img{transform:none}}
/* Dedicated Learn More pages. */
body.case-page{margin:0;background:#f7f9fc;color:#0b1e3a;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.case-page *{box-sizing:border-box}.case-page a{color:inherit;text-decoration:none}.case-page svg{display:block}
.case-wrap{max-width:1280px;padding:0 28px;margin:auto}
.case-header{background:rgba(247,249,252,.94);border-bottom:1px solid #dfe6f0}
.case-nav{min-height:77px;display:flex;align-items:center;gap:28px}
.case-brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-.04em}.case-brand>svg{height:39px;width:39px}.case-brand sup{font-size:9px;letter-spacing:0;margin-left:2px;font-weight:500}
.case-nav nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:13px;font-weight:500}.case-page a:focus-visible{outline:2px solid #2f6fe4;outline-offset:5px;border-radius:4px}
.case-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#0b1e3a;color:white!important;font-size:13px;font-weight:600;border:1px solid #0b1e3a;border-radius:9px;min-height:43px;padding:9px 18px}
.case-btn.secondary{color:#0b1e3a!important;background:white;border-color:#c8d6e5}
.case-hero{padding:64px 0 60px}
.case-back{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#466581!important;margin-bottom:32px;min-height:30px}
.case-kicker{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3e6387;margin:0 0 15px}
.case-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.case-hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.05;letter-spacing:-.05em;font-weight:600;margin:0 0 24px}
.case-intro{font-size:16px;line-height:1.9;color:#3e5571;margin:0 0 25px;max-width:570px}
.case-actions{display:flex;gap:11px;flex-wrap:wrap}
.case-hero-photo{margin:0;border-radius:20px;overflow:hidden;border:1px solid #e0e8f0;background:#dfe6f0;box-shadow:0 16px 40px rgba(22,50,83,.09)}.case-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}
.case-flow{padding:55px 0 60px;background:white;border-top:1px solid #e2eaf3;border-bottom:1px solid #e2eaf3}
.case-page h2{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:0 0 28px}
.case-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;padding:0;margin:0;counter-reset:case-step}
.case-steps li{counter-increment:case-step;border-top:1px solid #cbd9e8;padding:20px 10px 0 0}.case-steps li::before{content:"0" counter(case-step);font:500 11px ui-monospace,monospace;color:#477096;display:block;margin-bottom:17px}
.case-steps h3{font-size:17px;font-weight:600;letter-spacing:-.025em;margin:0 0 10px}.case-steps p{font-size:13px;line-height:1.85;color:#4b617c;margin:0}
.case-record{padding:60px 0}.case-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.case-record h2{font-size:28px;margin-bottom:20px}.case-record ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.case-record li{font-size:13px;color:#3e5571;display:flex;align-items:flex-start;gap:10px}.case-record li::before{content:"✓";color:#277967;font-weight:600}.case-record p{font-size:13px;line-height:1.9;color:#4b617c;margin:0}.case-assurance{border-top:1px solid #d7e2ed;padding-top:21px;margin-top:35px;font-size:11px;color:#5c7188;max-width:950px}
.case-footer{border-top:1px solid #dfe6f0;padding:24px 0;font-size:11px;color:#5b6b84}.case-footer .case-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.case-footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.case-hero-grid{gap:30px}.case-hero{padding:38px 0}.case-intro{font-size:14px}.case-nav nav{gap:16px;font-size:12px}.case-steps{gap:20px}.case-record-grid{gap:35px}}
@media(max-width:620px){.case-wrap{padding:0 20px}.case-nav{gap:16px;min-height:70px}.case-brand{font-size:22px}.case-brand>svg{height:33px;width:33px}.case-nav nav>a:not(.case-btn){display:none}.case-nav .case-btn{font-size:11px;min-height:37px;padding:8px 12px}.case-hero-grid{grid-template-columns:1fr;gap:30px}.case-back{margin-bottom:23px}.case-hero h1{font-size:43px}.case-intro{font-size:14px}.case-hero-photo img{aspect-ratio:1.5}.case-flow,.case-record{padding:42px 0}.case-page h2{font-size:28px}.case-steps{grid-template-columns:1fr;gap:28px}.case-steps li{padding-right:0}.case-record-grid{grid-template-columns:1fr;gap:35px}}
/* Show the complete commissioned illustrations on cards and detail pages. */
.uc-photo{background:#eef5fc}
.uc-photo img{object-fit:contain}
.case-hero-photo img{aspect-ratio:1.5;object-fit:contain;background:#eef5fc}
.uc-photo-index{color:#3e5f80;text-shadow:none;background:rgba(255,255,255,.65);padding:4px 6px;border-radius:4px}

/* Text-led use cases, with all thumbnail artwork removed. */
.uc-body>p.uc-text-category{flex:none;margin:0 0 14px;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#507092}
.uc-body{padding:27px}
.case-hero-grid{grid-template-columns:1fr;max-width:860px;gap:0}
.case-intro{max-width:760px}
@media(max-width:620px){.uc-body{padding:23px}}
/* Compact Nordic 3D icons; no photographic or illustrated thumbnail panels. */
.uc-icon{display:block;width:128px;height:128px;object-fit:contain;margin:0 0 20px;background:transparent}
.case-use-icon{display:block;width:104px;height:104px;object-fit:contain;margin:0 0 23px}
@media(max-width:620px){.uc-icon{width:112px;height:112px;margin-bottom:19px}.case-use-icon{width:96px;height:96px}}