.concept-showcase{background:var(--brand-deep);color:#fff;padding-block:clamp(56px,7vw,100px);overflow:hidden}.concept-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:clamp(24px,6vw,80px);margin-block-end:40px;display:grid}.concept-heading h2{max-width:20ch;font-size:clamp(30px,3.5vw,50px);line-height:1.35}.concept-heading>p{color:#d1dced;max-width:52ch;font-size:18px;line-height:1.85}.concept-grid{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.concept-card{isolation:isolate;perspective:1200px;background:#265aa9;border-radius:20px;min-width:0;min-height:470px;position:relative;overflow:hidden}.concept-card>summary{cursor:pointer;border-radius:inherit;list-style:none;display:block;position:absolute;inset:0;overflow:hidden}.concept-card>summary::-webkit-details-marker{display:none}.concept-card>summary:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#050f2066,#0000 35%,#050f20e0);position:absolute;inset:0}.concept-image{object-fit:cover;transform-origin:0;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.3,1),opacity .4s;display:block}.concept-card:first-child .concept-image{object-position:60% center}.concept-label{z-index:3;background:#12294eb3;border:1px solid #b9c9df;border-radius:20px;padding:5px 10px;font-size:13px;position:absolute;inset-block-start:24px;inset-inline-start:28px}.concept-card-title{z-index:3;font-family:var(--font-display);font-size:clamp(22px,2.2vw,32px);font-weight:700;line-height:1.45;position:absolute;inset-block-end:32px;inset-inline:28px 78px}.concept-toggle{z-index:3;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:40px;height:40px;font-size:28px;line-height:1;transition:transform .3s;display:grid;position:absolute;inset-block-end:32px;inset-inline-end:24px}.concept-card>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.concept-card[open] .concept-image{opacity:0;transform:rotateY(-90deg)scale(1.03)}.concept-card[open] .concept-toggle{transform:rotate(45deg)}.concept-card[open]>summary:after{background:linear-gradient(#0000 45%,#050f2080)}.concept-explanation{z-index:2;pointer-events:none;color:#fff;font-size:clamp(17px,1.55vw,21px);line-height:1.8;position:absolute;inset:90px 28px 128px}.concept-note{color:#c8d6e9;margin-block-start:20px;font-size:14px;line-height:1.7}@media (hover:hover){.concept-card:not([open]):hover .concept-image{transform:scale(1.045)}.concept-card:not([open]):hover .concept-toggle{background:var(--accent);color:var(--brand-deep);border-color:var(--accent)}}@media (max-width:1000px){.concept-grid{grid-template-columns:1.3fr 1fr}.concept-card{min-height:520px}.concept-explanation{font-size:18px}}@media (max-width:750px){.concept-heading,.concept-grid{grid-template-columns:1fr}.concept-heading{gap:20px}.concept-heading>p{font-size:17px}.concept-card{min-height:470px}.concept-card-title{font-size:25px}.concept-explanation{font-size:18px;line-height:1.85}}@media (prefers-reduced-motion:reduce){.concept-image,.concept-toggle{transition:none}.concept-card[open] .concept-image,.concept-card:not([open]):hover .concept-image{transform:none}}