.almaw3ed-section {
    position: relative;
    overflow: hidden;
    padding: clamp(94px, 12vw, 164px) 0;
    color: #f7fbf8;
    background: #0b5f6a;
    isolation: isolate;
}
.almaw3ed-section::before,
.almaw3ed-section::after {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(247, 251, 248, .12);
    border-radius: 50%;
    pointer-events: none;
}
.almaw3ed-section::before { width: 640px; height: 640px; top: -280px; right: -170px; }
.almaw3ed-section::after { width: 420px; height: 420px; bottom: -250px; left: -160px; }
.almaw3ed-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(220px, .48fr); gap: clamp(44px, 9vw, 130px); align-items: end; }
.almaw3ed-intro-copy { max-width: 780px; }
.almaw3ed-logo { width: 190px; height: auto; margin-bottom: 36px; }
.almaw3ed-eyebrow { color: #f5bb58; }
.almaw3ed-intro h2 { max-width: 760px; margin: 0; color: #f7fbf8; font-size: clamp(2.8rem, 5.6vw, 6.5rem); line-height: .92; }
.almaw3ed-intro-copy > p:not(.eyebrow) { max-width: 610px; margin: 28px 0 0; color: rgba(247, 251, 248, .78); font-size: 1.04rem; line-height: 1.72; }
.almaw3ed-button { color: #103b43; background: #f5bb58; }
.almaw3ed-button:hover { background: #ffd27c; }
.almaw3ed-intro-note { display: grid; gap: 12px; padding: 16px 0 0 24px; border-left: 1px solid rgba(247, 251, 248, .35); }
.almaw3ed-note-index { color: #f5bb58; font-size: .7rem; font-weight: 700; letter-spacing: .16em; }
.almaw3ed-intro-note strong { max-width: 220px; font-family: var(--display); font-size: 1.28rem; line-height: 1.14; }
.almaw3ed-intro-note > span:last-child { max-width: 250px; color: rgba(247, 251, 248, .62); font-size: .78rem; line-height: 1.55; }
.almaw3ed-showcase { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: clamp(44px, 8vw, 110px); align-items: center; margin-top: clamp(78px, 10vw, 132px); }
.almaw3ed-screen-stack { position: relative; min-height: 490px; }
.almaw3ed-screen { position: absolute; margin: 0; overflow: hidden; border: 1px solid rgba(247, 251, 248, .35); background: #e9eeeb; box-shadow: 0 24px 70px rgba(2, 25, 29, .28); }
.almaw3ed-screen img { display: block; width: 100%; height: 100%; object-fit: cover; }
.almaw3ed-screen figcaption { position: absolute; right: 16px; bottom: 14px; left: 16px; display: flex; align-items: center; gap: 10px; color: rgba(247, 251, 248, .9); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-shadow: 0 1px 12px rgba(0, 0, 0, .4); }
.almaw3ed-screen figcaption span { color: #f5bb58; }
.almaw3ed-screen-primary { top: 0; left: 0; width: min(88%, 620px); aspect-ratio: 1.68; transform: rotate(-2.4deg); transition: transform .45s cubic-bezier(.2, .7, .2, 1); }
.almaw3ed-screen-secondary { right: 0; bottom: 0; width: min(64%, 450px); aspect-ratio: 1.68; transform: rotate(3deg); transition: transform .45s cubic-bezier(.2, .7, .2, 1); }
.almaw3ed-screen-stack:hover .almaw3ed-screen-primary { transform: rotate(0) translate(-4px, -5px); }
.almaw3ed-screen-stack:hover .almaw3ed-screen-secondary { transform: rotate(0) translate(4px, 5px); }
.almaw3ed-orbit { position: absolute; right: 10%; bottom: 10%; width: 74px; height: 74px; border: 1px solid rgba(245, 187, 88, .7); border-radius: 50%; }
.almaw3ed-orbit::after { content: '✦'; position: absolute; top: 50%; left: 50%; color: #f5bb58; font-size: 1.3rem; transform: translate(-50%, -54%); }
.almaw3ed-features { border-top: 1px solid rgba(247, 251, 248, .27); }
.almaw3ed-feature { display: grid; grid-template-columns: 34px 1fr; gap: 15px; padding: 22px 0; border-bottom: 1px solid rgba(247, 251, 248, .2); }
.almaw3ed-feature > span { color: #f5bb58; font-size: .7rem; font-weight: 700; letter-spacing: .13em; }
.almaw3ed-feature h3 { margin: 0; color: #f7fbf8; font-size: clamp(1.18rem, 1.8vw, 1.5rem); letter-spacing: -.035em; }
.almaw3ed-feature p { max-width: 500px; margin: 7px 0 0; color: rgba(247, 251, 248, .68); font-size: .84rem; line-height: 1.58; }
.almaw3ed-bottom { display: flex; align-items: center; gap: 20px; margin-top: 50px; padding-top: 18px; border-top: 1px solid rgba(247, 251, 248, .22); color: rgba(247, 251, 248, .58); font-size: .69rem; letter-spacing: .13em; text-transform: uppercase; }
.almaw3ed-link { margin-left: auto; color: #f7fbf8; font-size: .78rem; letter-spacing: 0; text-transform: none; }
.almaw3ed-link:hover { color: #f5bb58; }

@media (max-width: 980px) {
    .almaw3ed-intro { grid-template-columns: 1fr; gap: 36px; }
    .almaw3ed-intro-note { max-width: 360px; }
    .almaw3ed-showcase { grid-template-columns: 1fr; }
    .almaw3ed-screen-stack { min-height: clamp(360px, 59vw, 490px); }
}

@media (max-width: 620px) {
    .almaw3ed-section { padding: 78px 0; }
    .almaw3ed-logo { width: 155px; margin-bottom: 28px; }
    .almaw3ed-intro h2 { font-size: clamp(2.7rem, 12vw, 4.1rem); }
    .almaw3ed-intro-copy > p:not(.eyebrow) { font-size: .94rem; }
    .almaw3ed-intro .hero-actions { display: grid; gap: 10px; }
    .almaw3ed-intro .button { width: 100%; }
    .almaw3ed-showcase { gap: 52px; margin-top: 76px; }
    .almaw3ed-screen-stack { min-height: 285px; }
    .almaw3ed-screen-primary { width: 90%; }
    .almaw3ed-screen-secondary { width: 62%; }
    .almaw3ed-screen figcaption { right: 10px; bottom: 9px; left: 10px; font-size: .56rem; }
    .almaw3ed-orbit { right: 8%; bottom: 4%; width: 52px; height: 52px; }
    .almaw3ed-feature { padding: 20px 0; }
    .almaw3ed-feature p { font-size: .82rem; }
    .almaw3ed-bottom { display: grid; gap: 18px; line-height: 1.5; }
    .almaw3ed-link { margin-left: 0; }
}