:root {
      --paper: #f2eee4;
      --paper-deep: #e8e1d2;
      --ink: #1e2524;
      --muted: #616b65;
      --line: rgba(30, 37, 36, .16);
      --lime: #d8f16a;
      --orange: #fb7447;
      --blue: #94c9d1;
      --white: #fffdf7;
      --serif: Georgia, "Times New Roman", serif;
      --sans: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
      --max: 1160px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.65; }
    a { color: inherit; }
    a:focus-visible, button:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
    .wrap { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
    .eyebrow { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--orange); }
    .topbar { position: sticky; top: 0; z-index: 20; background: rgba(242, 238, 228, .92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
    .topbar-inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .brand { display: flex; gap: 11px; align-items: center; text-decoration: none; font-weight: 900; letter-spacing: -.04em; }
    .brand-mark { width: 28px; height: 28px; background: var(--ink); color: var(--lime); border-radius: 50%; display: grid; place-items: center; font-family: var(--serif); font-size: 17px; }
    .nav { display: flex; align-items: center; gap: clamp(14px, 2.5vw, 30px); font-size: 13px; font-weight: 750; }
    .nav a { text-decoration: none; color: var(--muted); transition: color .2s; }
    .nav a:hover { color: var(--ink); }
    .nav .nav-cta { background: var(--ink); color: var(--paper); padding: 10px 16px; border-radius: 999px; }
    .hero { position: relative; overflow: hidden; padding: clamp(76px, 11vw, 140px) 0 92px; background: var(--ink); color: var(--paper); }
    .hero::before { content: ""; position: absolute; width: 620px; height: 620px; border: 1px solid rgba(216, 241, 106, .24); border-radius: 50%; right: -140px; top: -245px; box-shadow: 0 0 0 48px rgba(216, 241, 106, .035), 0 0 0 96px rgba(216, 241, 106, .025); }
    .hero::after { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--orange); right: 14%; top: 30%; box-shadow: 0 0 0 14px rgba(251, 116, 71, .14); }
    .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr .9fr; gap: 58px; align-items: center; }
    .hero .eyebrow { color: #b4bdb4; }
    .hero h1 { max-width: 760px; margin: 22px 0 20px; font-size: clamp(42px, 6vw, 76px); line-height: 1.12; letter-spacing: -.065em; }
    .hero h1 em { color: var(--lime); font-style: normal; }
    .hero-copy { max-width: 600px; color: #c6ccc4; font-size: clamp(15px, 1.7vw, 18px); }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
    .button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 19px; border-radius: 999px; background: var(--lime); color: var(--ink); text-decoration: none; font-size: 13px; font-weight: 900; transition: transform .2s, background .2s; }
    .button:hover { transform: translateY(-2px); }
    .button.secondary { border: 1px solid rgba(255,255,255,.35); color: var(--paper); background: transparent; }
    .button.secondary:hover { background: rgba(255,255,255,.08); }
    .hero-visual { min-height: 330px; position: relative; display: grid; place-items: center; }
    .orbit { width: min(100%, 390px); aspect-ratio: 1; border: 1px solid rgba(242,238,228,.25); border-radius: 50%; position: relative; display: grid; place-items: center; }
    .orbit::before, .orbit::after { content: ""; position: absolute; inset: 12%; border: 1px dashed rgba(242,238,228,.26); border-radius: 50%; }
    .orbit::after { inset: 27%; border-style: solid; border-color: rgba(216,241,106,.42); }
    .orbit-core { position: relative; z-index: 1; width: 145px; height: 145px; border-radius: 50%; background: var(--lime); color: var(--ink); display: grid; place-content: center; text-align: center; line-height: 1.25; font-size: 14px; font-weight: 900; box-shadow: 0 0 0 18px rgba(216,241,106,.08); }
    .orbit-core strong { display: block; font-family: var(--serif); font-size: 30px; font-weight: 500; }
    .orbit-label { position: absolute; z-index: 2; display: grid; place-items: center; min-width: 114px; min-height: 42px; padding: 0 13px; border: 1px solid rgba(242,238,228,.28); border-radius: 999px; background: #29302e; color: #f2eee4; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
    .orbit-label.one { top: 7%; left: 34%; }
    .orbit-label.two { top: 42%; right: -3%; }
    .orbit-label.three { bottom: 7%; left: 34%; }
    .orbit-label.four { top: 42%; left: -3%; }
    .hero-note { position: absolute; right: 0; bottom: -23px; color: #a8b0a8; font-size: 11px; letter-spacing: .06em; }
    .intro-strip { padding: 22px 0; background: var(--lime); }
    .intro-strip-inner { display: flex; flex-wrap: wrap; gap: 14px 32px; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 850; letter-spacing: .03em; }
    .intro-strip b { font-family: var(--serif); font-size: 17px; font-weight: 500; }
    .section { padding: clamp(74px, 9vw, 120px) 0; }
    .section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 42px; }
    .section-head h2 { margin: 8px 0 0; font-size: clamp(34px, 5vw, 56px); line-height: 1.16; letter-spacing: -.065em; }
    .section-head p { max-width: 390px; margin: 0; color: var(--muted); font-size: 14px; }
    .live-sites { background: var(--paper-deep); }
    .site-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    .site-link { min-height: 132px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 18px; text-decoration: none; display: flex; flex-direction: column; justify-content: space-between; transition: transform .2s, background .2s; }
    .site-link:hover { transform: translateY(-4px); background: var(--white); }
    .site-link .arrow { align-self: flex-end; font-size: 22px; }
    .site-link strong { display: block; font-size: 20px; letter-spacing: -.04em; }
    .site-link small { color: var(--muted); font-size: 12px; }
    .cases { padding-top: 104px; }
    .case-list { display: grid; gap: 22px; }
    .case { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr); min-height: 390px; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: var(--white); }
    .case:nth-child(even) { grid-template-columns: minmax(320px, .82fr) minmax(0, 1fr); }
    .case:nth-child(even) .case-art { order: 2; }
    .case:nth-child(even) .case-body { order: 1; }
    .case-art { position: relative; min-height: 300px; padding: 28px; overflow: hidden; display: grid; place-items: center; background: #d6dfd9; }
    .case:nth-child(2) .case-art { background: #dfe7d1; }
    .case:nth-child(3) .case-art { background: #d8e9e9; }
    .case:nth-child(4) .case-art { background: #e9daca; }
    .case-body { padding: clamp(25px, 4vw, 48px); display: flex; flex-direction: column; justify-content: center; }
    .case-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
    .pill { border-radius: 999px; padding: 5px 10px; background: #e9eee7; color: #4a5b51; font-size: 10px; font-weight: 900; letter-spacing: .04em; }
    .pill.orange { background: #ffe2d8; color: #a44124; }
    .pill.dark { background: #29302e; color: var(--paper); }
    .case h3 { margin: 0 0 12px; font-size: clamp(25px, 3vw, 36px); line-height: 1.25; letter-spacing: -.055em; }
    .case-intro { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
    .role-line { margin: 0; padding-top: 17px; border-top: 1px solid var(--line); font-size: 12px; }
    .role-line b { margin-right: 8px; }
    .case-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 12px; font-weight: 900; text-decoration-thickness: 1px; text-underline-offset: 4px; }
    .caveat { color: var(--muted); font-size: 11px; }
    .ia-section { background: #1e2524; color: #f2eee4; }
    .ia-section .section-head p { color: #b3beb6; }
    .ia-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .ia-card { min-width: 0; overflow: hidden; border: 1px solid rgba(242,238,228,.17); border-radius: 20px; background: #28302e; }
    .ia-card-top { display: flex; justify-content: space-between; gap: 12px; padding: 19px 22px; color: #c6d0c7; font-size: 9px; font-weight: 800; letter-spacing: .09em; }
    .ia-visual { min-height: 205px; padding: 24px; display: grid; place-items: center; background: #d8dfd5; }
    .ia-olleh .ia-visual { background: #d7e1df; }
    .ia-flow { width: min(100%, 410px); padding: 22px; border-radius: 12px; background: #fffdf7; color: #1e2524; box-shadow: 0 16px 35px rgba(30,37,36,.15); text-align: center; }
    .ia-flow>b { font-size: 19px; letter-spacing: -.04em; }
    .ia-flow>i { display: block; width: 1px; height: 20px; margin: 12px auto; background: #94a69a; }
    .ia-flow>div:not(.welcome-types) { display: flex; justify-content: center; gap: 9px; }
    .ia-flow>div:not(.welcome-types) span { min-width: 86px; padding: 9px; border-radius: 7px; background: #e3e9e1; font-size: 11px; font-weight: 800; }
    .ia-flow>small { color: #617169; font-size: 10px; font-weight: 700; }
    .welcome-flow { width: min(100%, 440px); }
    .welcome-types { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 18px; }
    .welcome-types span { padding: 9px 3px; border-radius: 7px; background: #e5ebe5; color: #28302e; font-family: var(--serif); font-size: 20px; }
    .welcome-types span:nth-child(2) { background: #f5d6c9; }
    .welcome-types span:nth-child(3) { background: #c9d5e4; }
    .welcome-types span:nth-child(4) { background: #e9e2bf; }
    .welcome-types small { font-family: var(--sans); font-size: 9px; font-weight: 800; }
    .ia-card-body { padding: 22px 24px 24px; }
    .ia-tags { display: flex; flex-wrap: wrap; gap: 7px; }
    .ia-tags span { padding: 5px 10px; border-radius: 99px; background: rgba(242,238,228,.1); color: #d8f16a; font-size: 9px; font-weight: 800; }
    .ia-card h3 { margin: 14px 0 9px; font-size: clamp(22px, 2.5vw, 30px); line-height: 1.28; letter-spacing: -.05em; }
    .ia-card-body>p { min-height: 42px; margin: 0 0 19px; color: #b3beb6; font-size: 12px; line-height: 1.75; }
    .ia-card-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 15px; border-top: 1px solid rgba(242,238,228,.16); }
    .ia-card-foot>span { color: #a9b5ac; font-size: 10px; }
    .ia-card-foot a { padding: 10px 13px; border-radius: 7px; background: #d8f16a; color: #1e2524; font-size: 11px; font-weight: 900; text-decoration: none; }
    .ia-card-foot a b { margin-left: 8px; font-size: 15px; }
    .ia-note { margin: 18px 0 0; color: #a9b5ac; font-size: 10px; }
    .archive-section { background: #e7e1d5; }
    .archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .archive-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }
    .archive-art { height: 178px; min-height: 178px; position: relative; overflow: hidden; padding: 18px; display: grid; place-items: center; background: #d8dfd5; }
    .archive-art.has-image { padding: 0; background: #d8dfd5; }
    .archive-art.has-image img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center top; display: block; }
    .archive-art.promo { background: #f1dfd6; }
    .archive-art.detail { background: #d9e4e8; }
    .archive-art.deck { background: #ded9e8; }
    .archive-art.posco { background: #d8e5dc; }
    .archive-art.bi { background: #ede4c9; }
    .archive-art.illustration { background: #e7dce4; }
    .archive-sheet { width: min(100%, 270px); min-height: 116px; padding: 15px; border-radius: 12px; background: #fffdf7; box-shadow: 0 14px 30px rgba(30,37,36,.14); transform: rotate(-2deg); }
    .archive-card:nth-child(even) .archive-sheet { transform: rotate(2deg); }
    .archive-kicker { display: block; margin-bottom: 9px; color: #657169; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
    .archive-title-lines { display: grid; gap: 6px; }
    .archive-title-lines i { display: block; width: 68%; height: 7px; border-radius: 5px; background: #293431; }
    .archive-title-lines i:first-child { width: 42%; height: 5px; background: #9aa89e; }
    .archive-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 12px; }
    .archive-tiles i { display: block; height: 34px; border-radius: 6px; background: #d8e1d9; }
    .archive-tiles i:nth-child(2) { background: #f5c5ae; }
    .archive-tiles i:nth-child(3) { background: #becbdc; }
    .archive-art.promo .archive-sheet { background: #fff8f4; }
    .archive-art.promo .archive-title-lines i:last-child { background: #e86c83; }
    .archive-art.detail .archive-tiles { grid-template-columns: 1fr 1fr; }
    .archive-art.detail .archive-tiles i { height: 43px; }
    .archive-art.deck .archive-sheet { min-height: 130px; background: #f8f6ff; }
    .archive-art.deck .archive-title-lines i:last-child { width: 82%; background: #7d6caa; }
    .archive-art.posco .archive-sheet { background: #f8fff9; }
    .archive-art.posco .archive-title-lines i:last-child { width: 78%; background: #2f7555; }
    .archive-art.bi .archive-sheet { width: 132px; min-height: 112px; display: grid; place-items: center; background: #fffaf0; }
    .archive-mark { width: 62px; height: 62px; display: grid; place-items: center; border: 2px solid #28322d; border-radius: 50% 50% 45% 45%; color: #28322d; font-family: var(--serif); font-size: 28px; }
    .archive-art.illustration .archive-sheet { min-height: 118px; display: flex; align-items: center; justify-content: center; gap: 13px; background: #fff8fc; }
    .archive-shape { width: 46px; height: 46px; border-radius: 50% 44% 50% 35%; background: #eb8f70; transform: rotate(-20deg); }
    .archive-shape:nth-child(2) { width: 34px; height: 34px; border-radius: 34% 50% 36% 50%; background: #8bb9a1; transform: rotate(18deg); }
    .archive-shape:nth-child(3) { width: 24px; height: 24px; border-radius: 40% 32% 50% 40%; background: #e5bf59; transform: rotate(32deg); }
    .archive-body { padding: 20px 21px 22px; }
    .archive-meta { min-height: 22px; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
    .archive-card h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.35; letter-spacing: -.045em; }
    .archive-card p { margin: 0; color: var(--muted); font-size: 12px; }
    .archive-role { margin-top: 13px !important; padding-top: 12px; border-top: 1px solid var(--line); color: #46564d !important; font-size: 10px !important; font-weight: 750; }
    .archive-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 14px; font-size: 11px; font-weight: 900; text-underline-offset: 4px; }
    .archive-directory { display: inline-flex; margin-top: 12px; color: var(--ink); font-size: 12px; font-weight: 900; text-underline-offset: 4px; }
    .archive-note { margin: 22px 0 0; color: var(--muted); font-size: 11px; }
    .browser { width: min(100%, 500px); padding: 10px; background: var(--white); border: 1px solid rgba(30,37,36,.18); border-radius: 14px; box-shadow: 0 24px 50px rgba(33,46,41,.15); transform: rotate(-2deg); }
    .browser-bar { display: flex; gap: 5px; align-items: center; height: 22px; border-bottom: 1px solid #e5e3d9; }
    .browser-bar i { width: 6px; height: 6px; background: #c4c8bd; border-radius: 50%; }
    .browser-bar span { width: 56%; height: 8px; margin-left: 10px; border-radius: 5px; background: #edf0e9; }
    .mock-hero { margin-top: 9px; padding: 15px; min-height: 122px; border-radius: 8px; background: #284443; color: white; display: flex; flex-direction: column; justify-content: space-between; }
    .mock-hero small { font-size: 8px; opacity: .72; }
    .mock-hero b { max-width: 78%; font-size: clamp(14px, 2vw, 22px); line-height: 1.2; letter-spacing: -.04em; }
    .mock-cta { align-self: flex-start; padding: 5px 9px; border-radius: 99px; background: #d8f16a; color: #26302e; font-size: 8px; font-weight: 900; }
    .mock-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 8px; }
    .mock-tile { height: 51px; border-radius: 6px; background: #edf0e9; padding: 7px; }
    .mock-tile::before, .mock-tile::after { content: ""; display: block; width: 76%; height: 5px; border-radius: 4px; background: #a6b7a8; }
    .mock-tile::after { width: 48%; margin-top: 7px; background: #d2dad1; }
    .mock-price { width: min(100%, 480px); display: grid; grid-template-columns: 1fr 1fr; gap: 12px; transform: rotate(2deg); }
    .price-card { background: var(--white); border: 1px solid rgba(30,37,36,.16); border-radius: 15px; padding: 18px; box-shadow: 0 18px 40px rgba(33,46,41,.12); }
    .price-card:nth-child(2) { transform: translateY(24px); background: var(--ink); color: var(--paper); }
    .price-card small { color: #79847c; font-size: 9px; }
    .price-card b { display: block; margin: 7px 0; font-size: 20px; letter-spacing: -.05em; }
    .price-card span { font-size: 9px; color: var(--muted); }
    .price-card:nth-child(2) span { color: #b3bdb5; }
    .diagram { width: min(100%, 490px); display: grid; gap: 12px; transform: rotate(-1deg); }
    .diagram-row { display: grid; grid-template-columns: 1fr 28px 1fr; align-items: center; gap: 8px; }
    .diagram-node { min-height: 74px; padding: 12px; background: var(--white); border-radius: 12px; border: 1px solid rgba(30,37,36,.15); box-shadow: 0 10px 25px rgba(33,46,41,.08); }
    .diagram-node strong { display: block; font-size: 12px; }
    .diagram-node small { color: var(--muted); font-size: 9px; }
    .diagram-arrow { color: #57716a; font-size: 22px; text-align: center; }
    .pending-art { width: min(100%, 480px); min-height: 280px; padding: 20px; border-radius: 18px; background: #f7f4ea; border: 1px solid rgba(30,37,36,.14); box-shadow: 0 20px 45px rgba(33,46,41,.13); transform: rotate(2deg); }
    .pending-top { display: flex; justify-content: space-between; font-size: 9px; font-weight: 900; color: #728078; }
    .pending-top b { color: var(--ink); }
    .compare-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 7px; margin-top: 18px; }
    .compare-cell { padding: 13px 9px; min-height: 120px; border-radius: 11px; background: #e9eee7; }
    .compare-cell:nth-child(2) { background: #f9ddcf; }
    .compare-cell:nth-child(3) { background: #e2e7f0; }
    .compare-cell i { display: block; width: 22px; height: 22px; margin-bottom: 12px; border-radius: 50%; background: #526d65; }
    .compare-cell:nth-child(2) i { background: #ef784c; }
    .compare-cell:nth-child(3) i { background: #7588ac; }
    .compare-cell span { display: block; width: 78%; height: 5px; margin-top: 6px; border-radius: 8px; background: rgba(30,37,36,.2); }
    .compare-cell span:last-child { width: 52%; }
    .draft-label { margin-top: 12px; color: #68736b; font-size: 9px; text-align: right; }
    .welcome-section { background: var(--paper-deep); }
    .welcome-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
    .welcome-shot { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
    .welcome-shot img { display: block; width: 100%; aspect-ratio: 1.72 / 1; object-fit: cover; object-position: center 58%; }
    .welcome-shot figcaption { display: flex; flex-direction: column; gap: 5px; padding: 15px 18px 17px; }
    .welcome-shot figcaption b { font-size: 14px; }
    .welcome-shot figcaption span { color: var(--muted); font-size: 12px; }
    .welcome-routes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
    .welcome-routes span { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.55); font-size: 12px; font-weight: 750; }
    .welcome-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: 19px; color: var(--muted); font-size: 11px; }
    .welcome-foot a { color: var(--ink); font-weight: 800; text-underline-offset: 4px; }
    .process { background: #e3e9dc; }
    .process-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: start; }
    .process-copy h2 { margin: 10px 0 18px; font-size: clamp(34px, 5vw, 56px); line-height: 1.12; letter-spacing: -.065em; }
    .process-copy p { color: var(--muted); font-size: 14px; }
    .process-list { display: grid; gap: 0; border-top: 1px solid var(--line); }
    .process-step { display: grid; grid-template-columns: 54px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line); }
    .process-step .num { color: var(--orange); font-family: var(--serif); font-size: 22px; }
    .process-step h3 { margin: 0 0 4px; font-size: 17px; letter-spacing: -.035em; }
    .process-step p { margin: 0; color: var(--muted); font-size: 12px; }
    .pdf-section { padding-bottom: 104px; }
    .pdf-panel { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; padding: clamp(28px, 5vw, 58px); border-radius: 24px; background: var(--orange); color: #281f1c; }
    .pdf-panel h2 { margin: 8px 0 8px; font-size: clamp(30px, 4vw, 47px); line-height: 1.18; letter-spacing: -.06em; }
    .pdf-panel p { margin: 0; max-width: 540px; font-size: 14px; color: rgba(40,31,28,.78); }
    .pdf-panel .button { background: var(--ink); color: var(--paper); white-space: nowrap; }
    .contact { padding: 60px 0; background: #ded8c9; }
    .contact-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 30px; }
    .contact h2 { margin: 8px 0 0; font-size: clamp(28px, 4vw, 45px); line-height: 1.2; letter-spacing: -.06em; }
    .contact a { font-weight: 850; text-underline-offset: 5px; }
    footer { padding: 21px 0; background: var(--ink); color: #aeb8b0; font-size: 11px; }
    .footer-inner { display: flex; flex-wrap: wrap; gap: 10px 25px; justify-content: space-between; }
    @media (max-width: 840px) {
      .hero-grid, .process-grid { grid-template-columns: 1fr; gap: 35px; }
      .hero-visual { min-height: 290px; }
      .site-links { grid-template-columns: 1fr; }
      .site-link { min-height: 100px; }
      .case, .case:nth-child(even) { grid-template-columns: 1fr; }
      .case:nth-child(even) .case-art, .case:nth-child(even) .case-body { order: initial; }
      .case-art { min-height: 280px; }
      .archive-grid { grid-template-columns: repeat(2, 1fr); }
      .welcome-gallery { gap: 12px; }
    }
    @media (max-width: 560px) {
      .wrap { width: min(var(--max), calc(100% - 32px)); }
      .topbar-inner { min-height: 60px; }
      .nav { gap: 12px; font-size: 11px; }
      .nav a:nth-child(3), .nav a:nth-child(4) { display: none; }
      .nav .nav-cta { padding: 8px 12px; }
      .hero { padding: 76px 0 66px; }
      .hero h1 { font-size: clamp(40px, 12vw, 58px); }
      .orbit { width: min(100%, 310px); }
      .orbit-label { min-width: 93px; min-height: 36px; font-size: 9px; }
      .orbit-core { width: 118px; height: 118px; font-size: 11px; }
      .orbit-core strong { font-size: 25px; }
      .section-head { display: block; }
      .section-head p { margin-top: 15px; }
      .case-art { padding: 18px; min-height: 250px; }
      .welcome-gallery { grid-template-columns: 1fr; }
      .welcome-shot img { aspect-ratio: 1.65 / 1; }
      .archive-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
      .archive-art { height: 130px; min-height: 130px; padding: 10px; }
      .archive-art.has-image { padding: 0; }
      .archive-sheet { min-height: 92px; padding: 10px; }
      .archive-body { padding: 14px; }
      .archive-card h3 { font-size: 16px; }
      .archive-card p { font-size: 11px; }
      .archive-role { font-size: 9px !important; }
      .pdf-panel { grid-template-columns: 1fr; }
      .pdf-panel .button { justify-self: start; }
      .intro-strip-inner { gap: 8px 17px; justify-content: flex-start; }
    }
  
    .role-line { margin: 20px 0 16px; padding: 18px 20px; border: 1px solid #cbd8ce; border-left: 5px solid #287451; border-radius: 10px; background: #edf5ef; color: #183d2d; font-size: 15px; font-weight: 700; line-height: 1.85; }
    .role-line b { display: block; margin: 0 0 7px; color: #287451; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
    .archive-role { padding: 14px 16px !important; border: 1px solid #cbd8ce; border-left: 4px solid #287451; border-radius: 8px; background: #edf5ef; color: #183d2d !important; font-size: 12px !important; line-height: 1.8; }
    @media(max-width:600px) { .role-line { padding: 15px 16px; font-size: 14px; } .archive-role { font-size: 12px !important; } }
  
.role-line,.archive-role { background:#102f27 !important; color:#fff !important; border:0 !important; border-left:7px solid #f6a340 !important; border-radius:12px !important; padding:24px !important; font-size:18px !important; font-weight:800 !important; line-height:1.85 !important; box-shadow:0 8px 22px #102f2720; }
.role-line b { color:#ffd08a !important; font-size:14px !important; letter-spacing:.08em; margin-bottom:12px; }
.role-percent { display:block; color:#ffd08a; font-size:32px; font-weight:900; line-height:1.2; margin-bottom:12px; }
@media(max-width:600px){.role-line,.archive-role{font-size:16px !important;padding:20px !important;}.role-percent{font-size:28px;}}

.case-art.project-showcase { padding:38px 26px; display:flex;flex-direction:column;justify-content:center;gap:24px;min-height:440px;position:relative;overflow:hidden; }
.project-showcase.olive{background:linear-gradient(145deg,#d8e7db,#afc8b4);}.project-showcase.violet{background:linear-gradient(145deg,#e5dffc,#c0b3ee);}.project-showcase.blue{background:linear-gradient(145deg,#d9e9f3,#afc8db);}.project-showcase.rose{background:linear-gradient(145deg,#fbe4dc,#e9b2bf);}
.showcase-heading{position:relative;z-index:1;width:100%;}.showcase-heading>span{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#35483f;margin-bottom:10px;}.showcase-heading>b{font-size:21px;line-height:1.5;color:#172d24;}
.screen-frame{display:block;width:100%;border-radius:12px;overflow:hidden;background:white;box-shadow:0 24px 45px #1e293b30;border:1px solid #ffffffa0;transition:transform .25s;}.screen-frame:hover{transform:translateY(-5px);}.screen-toolbar{height:29px;padding:0 11px;display:flex;align-items:center;gap:4px;background:#fafaf9;border-bottom:1px solid #e6e6e2;}.screen-toolbar i{width:5px;height:5px;border-radius:50%;background:#b4c0b8;}.screen-toolbar span{font:9px sans-serif;color:#65736c;margin-left:8px;}.screen-toolbar em{margin-left:auto;font-size:12px;color:#6b756f;}.screen-frame img{width:100%;height:auto;display:block;}.showcase-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6;color:#314439;font-weight:600;}
@media(max-width:600px){.case-art.project-showcase{padding:28px 20px;min-height:0;gap:20px;}.showcase-heading>b{font-size:19px;}}

.case-art.project-editorial{display:block;padding:30px 0 24px;min-height:590px;position:relative;overflow:hidden;background:#e6e6e1;align-self:stretch;}
.project-editorial.olive{background:#e7e9e1;}.project-editorial.violet{background:#e9e5ee;}.project-editorial.blue{background:#dee5e9;}.project-editorial.rose{background:#e8e4e2;}
.editorial-kicker{display:flex;justify-content:space-between;padding:0 28px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#53605b;gap:10px;}.editorial-title{font-size:clamp(42px,5vw,72px);font-weight:900;letter-spacing:-.07em;line-height:1.1;padding:24px 26px 0;color:#152e26;position:relative;z-index:2;}.violet .editorial-title{color:#493a74;}.blue .editorial-title{color:#2a475d;}.rose .editorial-title{color:#852743;}
.editorial-stage{height:390px;position:relative;isolation:isolate;margin-top:12px;}.design-board{position:absolute;left:3%;top:5px;width:75%;height:310px;display:block;transform:rotate(-9deg);box-shadow:0 18px 30px #16282029;background:#f5f5f3;overflow:hidden;border:6px solid #fff;}.design-board img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}.design-main{position:absolute;right:-4%;top:120px;width:82%;height:235px;display:block;transform:rotate(7deg);box-shadow:0 25px 40px #142a3c40;overflow:hidden;background:white;border:5px solid #fff;transition:transform .3s;}.design-main img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}.design-main:hover{transform:rotate(2deg) translateY(-8px);}.editorial-note{position:absolute;left:27px;bottom:4px;z-index:3;font-size:10px;letter-spacing:.12em;line-height:1.7;color:#233c30;}.editorial-note span,.editorial-note b{display:block;}.editorial-bottom{padding:18px 28px 0;display:flex;justify-content:space-between;gap:15px;font-size:9px;font-weight:700;letter-spacing:.03em;color:#48584f;}.editorial-bottom a{text-decoration:none;color:inherit;white-space:nowrap;}.rose .design-board{width:105%;height:370px;left:-11%;top:0;transform:rotate(-10deg);border:0;}.rose .design-board img{object-position:50% 6%;height:auto;min-height:100%;}.rose .design-main{width:72%;right:-2%;top:165px;height:200px;}.project-editorial.rose{min-height:590px;align-self:start;border-radius:0 0 20px 20px;}.role-line{word-break:keep-all;}
@media(max-width:600px){.case-art.project-editorial{min-height:540px;}.editorial-title{font-size:54px;}.editorial-stage{height:350px;}.design-board{height:270px;}.design-main{height:205px;top:115px;}.editorial-kicker{font-size:8px;}.rose .design-main{top:155px;height:180px;}}
.project-editorial .editorial-stage{width:100%;justify-self:stretch;}.project-editorial .editorial-kicker,.project-editorial .editorial-title,.project-editorial .editorial-bottom{width:100%;box-sizing:border-box;}.case-art.project-editorial{justify-items:stretch;}
/* Modern project presentation */
.case{border-radius:8px;box-shadow:none;}.case-list{gap:40px;}
.case-art.project-editorial{background:#e8e9e7 !important;min-height:580px;}
.case-art.project-editorial.violet{background:#e7e7ec !important;}.case-art.project-editorial.blue{background:#e4e8eb !important;}.case-art.project-editorial.rose{background:#ede7e8 !important;border-radius:0;}
.editorial-kicker{font-size:9px;letter-spacing:.12em;color:#66706c;padding:0 30px;}
.editorial-title{font-size:clamp(40px,4.2vw,60px);font-weight:650;letter-spacing:-.065em;padding:27px 30px 0;color:#202725 !important;}
.design-board{left:6%;top:14px;width:78%;height:290px;transform:rotate(-5deg);border:1px solid #ffffffb0;box-shadow:0 10px 24px #15241d16;}
.design-main{right:-7%;top:125px;width:88%;height:235px;transform:rotate(4deg);border:1px solid #ffffffc0;box-shadow:0 16px 30px #19251f26;}
.design-main:hover{transform:rotate(1deg) translateY(-5px);}
.editorial-note{font-size:9px;font-weight:500;letter-spacing:.17em;color:#5b6560;bottom:0;left:30px;}.editorial-note b{font-weight:600;}
.editorial-bottom{padding:20px 30px 0;font-size:9px;color:#67706b;font-weight:500;}.editorial-bottom a{font-weight:700;}
.rose .design-board{left:-3%;top:10px;width:98%;height:345px;transform:rotate(-5deg);border:1px solid #ffffff80;}.rose .design-main{top:165px;right:-5%;width:78%;height:205px;}
.case .role-line{background:#f1f3f1 !important;color:#273b31 !important;border-left:2px solid #405d4a !important;border-radius:3px !important;box-shadow:none;font-size:16px !important;padding:19px 22px !important;line-height:1.8 !important;}.case .role-line b{color:#566b5d !important;font-size:10px !important;letter-spacing:.13em;}
@media(max-width:600px){.case-list{gap:24px;}.case-art.project-editorial{min-height:520px;}.editorial-title{font-size:47px;}.design-board{height:260px;}.design-main{height:210px;}.case .role-line{font-size:15px !important;}.rose .design-main{height:185px;}}
.case .role-line{background:#23302b !important;color:#fff !important;font-size:17px !important;border-left:3px solid #93b39e !important;}.case .role-line b{color:#c1d4c8 !important;font-size:12px !important;}
.admin-nav-demo{color:#245c9f!important;font-weight:800!important;border-bottom:2px solid #8eb6ec;padding-bottom:5px}.backend-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:#10223e;color:#fff;padding:52px;margin:0 0 32px;border-radius:12px}.backend-kicker{font-size:10px;letter-spacing:.14em;color:#9bbfea}.backend-feature h3{font-size:clamp(30px,3.2vw,43px);line-height:1.25;letter-spacing:-.05em;margin:23px 0}.backend-feature-copy>p{font-size:14px;line-height:1.9;color:#bacce3;max-width:450px}.backend-skills{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 30px}.backend-skills span{font-size:11px;padding:8px 10px;border:1px solid #415877;border-radius:5px;color:#d6e4f7}.backend-demo-button{display:flex;justify-content:space-between;align-items:center;background:#c4dcff;color:#10223e!important;padding:20px 24px;border-radius:7px;font-size:16px;font-weight:800;max-width:420px;transition:.2s}.backend-demo-button:hover{background:white;transform:translateY(-2px)}.backend-demo-button b{font-size:24px}.backend-feature-copy>small{display:block;color:#8fa9c9;font-size:10px;margin-top:14px}.backend-map{padding:23px;border:1px solid #3b506e;border-radius:9px;background:#162d4b}.backend-map-top{display:flex;justify-content:space-between;font-size:9px;color:#8aa8cf;letter-spacing:.1em;margin-bottom:22px}.backend-map-top i{font-style:normal;letter-spacing:0}.backend-layer{padding:17px 19px;border:1px solid #3b5577;border-radius:6px;background:#1c3758}.backend-layer small{display:block;color:#8facd2;font-size:9px;letter-spacing:.1em}.backend-layer b{display:block;font-size:16px;margin:9px 0}.backend-layer>span{display:block;font-size:11px;color:#a9bfdc}.backend-layer.emphasized{border-color:#8eb6ec;background:#244a79}.backend-connector{text-align:center;color:#8faacb;font-size:10px;padding:11px}.backend-map>p{font-size:10px;color:#87a0bf;line-height:1.7;margin:17px 0 0}@media(max-width:800px){.backend-feature{grid-template-columns:1fr;padding:28px;gap:30px}.backend-feature h3{font-size:32px}.backend-demo-button{font-size:14px;padding:18px}.hero-actions{flex-wrap:wrap}.admin-heading{align-items:start}} 

.results-section{background:#edf2f8;border-top:1px solid #d5dfed}.results-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0 65px;border-top:1px solid #b9cbe1;border-bottom:1px solid #b9cbe1}.results-metrics article{padding:30px 24px;border-right:1px solid #cbd7e6}.results-metrics article:first-child{padding-left:0}.results-metrics article:last-child{border:0}.results-metrics article>span{font-size:10px;letter-spacing:.06em;color:#5b7493}.results-metrics strong{display:block;font-size:clamp(34px,4vw,55px);letter-spacing:-.05em;color:#163d70;margin:22px 0}.results-metrics strong small{font-size:22px}.results-metrics p{font-size:12px;line-height:1.9;color:#526782}.results-detail,.results-team{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.results-detail h3,.results-team h3{font-size:28px;line-height:1.35;letter-spacing:-.04em;margin:18px 0}.results-detail p,.results-team p{font-size:13px;line-height:1.9;color:#526782}.results-roles article{border-bottom:1px solid #cbd7e6;padding:0 0 20px;margin-bottom:22px}.results-roles b{font-size:16px;color:#173759}.results-team{background:#fff;padding:34px;margin-top:30px;border-radius:10px}.results-team-facts{display:flex;gap:45px;margin-top:25px}.results-team-facts span{font-size:11px;color:#526782}.results-team-facts b{display:block;font-size:30px;color:#245c9f;margin-bottom:10px}.results-source{font-size:10px!important;color:#6a7e98;line-height:1.9;margin-top:25px}@media(max-width:800px){.results-metrics{grid-template-columns:1fr 1fr}.results-metrics article{padding:20px!important;border-bottom:1px solid #cbd7e6}.results-detail,.results-team{grid-template-columns:1fr;gap:20px}.results-team{padding:24px}.results-team-facts{gap:20px;flex-wrap:wrap}.results-metrics strong{font-size:36px}} 


.admin-study{background:#f6f6f2;border-top:1px solid #d7ddd8}.admin-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.admin-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.055em;margin:14px 0 0}.admin-heading>p{font-size:13px;line-height:1.9;max-width:360px;color:#4d5d54}.admin-heading p span{color:#7a857e;font-size:11px}.admin-cover{display:grid;grid-template-columns:1fr 1fr;background:#dfe5e1;min-height:470px;overflow:hidden}.admin-cover-copy{padding:48px}.admin-small{font-size:10px;letter-spacing:.14em;color:#53685b}.admin-cover h3{font-size:clamp(30px,3.6vw,46px);line-height:1.2;letter-spacing:-.055em;margin:25px 0}.admin-cover-copy p{font-size:14px;line-height:1.9;color:#506155;max-width:360px}.admin-tech{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.admin-tech span{border:1px solid #adbbb1;padding:6px 10px;font-size:10px}.admin-board{position:relative;display:block;height:440px;transform:rotate(4deg) translate(30px,50px);background:#eee;box-shadow:0 15px 35px #223d2826;overflow:hidden}.admin-board img{width:100%;height:auto;display:block}.admin-board>span{position:absolute;bottom:20px;left:20px;background:#23302b;color:white;padding:10px;font-size:10px}.admin-role{background:#23302b;color:#fff;padding:28px 34px;margin:22px 0 54px;border-left:3px solid #a6c0ad}.admin-role>span{display:block;font-size:11px;letter-spacing:.12em;color:#b7d0bf;margin-bottom:12px}.admin-role strong{display:block;font-size:22px;line-height:1.6;word-break:keep-all}.admin-role p{font-size:13px;line-height:1.9;color:#c3cec7;max-width:850px}.admin-context{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:40px 0;border-top:1px solid #d5ddd6}.admin-context>div>span{font-size:10px;letter-spacing:.12em;color:#64766a}.admin-context h3{font-size:27px;line-height:1.4;letter-spacing:-.04em;margin:15px 0}.admin-context>p{font-size:15px;color:#57655c;line-height:2}.admin-flow{display:flex;flex-direction:column;gap:6px}.admin-flow>div{padding:20px 24px;background:white;border:1px solid #dbe1db;display:grid;grid-template-columns:110px 1fr;gap:4px 12px}.admin-flow small{font-size:9px;letter-spacing:.12em;color:#7d8d82;grid-row:span 2}.admin-flow b{font-size:17px}.admin-flow p{font-size:12px;color:#607065;line-height:1.7;margin:5px 0}.admin-flow i{text-align:center;color:#7d8c81;font-style:normal}.admin-flow em{font-size:10px;color:#869088;font-style:normal;margin-top:8px}.admin-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d6ded7;border:1px solid #d6ded7;margin-bottom:24px}.admin-modules article{background:#f6f6f2;padding:30px}.admin-modules article>span{font-size:12px;color:#7e9084}.admin-modules h3{font-size:23px;letter-spacing:-.03em;margin:14px 0}.admin-modules p{font-size:14px;line-height:1.9;color:#5e6c62}.admin-modules b{font-size:11px;font-weight:600;color:#405b49}.admin-steps{list-style:none;padding:0;margin:0;counter-reset:steps}.admin-steps li{padding:0 0 22px 44px;position:relative;counter-increment:steps}.admin-steps li:before{content:'0' counter(steps);position:absolute;left:0;top:0;color:#829187;font-size:12px}.admin-steps b{font-size:17px}.admin-steps p{font-size:13px;line-height:1.8;color:#67746b;margin:7px 0}.admin-outcome{padding:42px;background:#e4eae5}.admin-outcome>span{font-size:10px;letter-spacing:.14em;color:#667c6c}.admin-outcome h3{font-size:30px;line-height:1.4;letter-spacing:-.04em;margin:18px 0}.admin-outcome p{font-size:14px;line-height:1.9;color:#5d6d62;max-width:680px}.admin-outcome a{display:inline-block;font-size:12px;font-weight:700;margin:18px 24px 18px 0}.admin-outcome small{display:block;font-size:10px;line-height:1.8;color:#7d8a80;max-width:800px}@media(max-width:760px){.admin-heading{display:block}.admin-cover{grid-template-columns:1fr}.admin-cover-copy{padding:30px}.admin-board{height:300px;margin:0 20px;transform:rotate(3deg) translate(10px,20px)}.admin-role{padding:24px;margin-bottom:32px}.admin-role strong{font-size:19px}.admin-context{grid-template-columns:1fr;gap:15px;padding:30px 0}.admin-modules{grid-template-columns:1fr}.admin-outcome{padding:28px}.admin-outcome h3{font-size:25px}.admin-flow>div{grid-template-columns:90px 1fr}}

.admin-nav-demo{color:#245c9f!important;font-weight:800!important;border-bottom:2px solid #8eb6ec;padding-bottom:5px}.backend-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:#10223e;color:#fff;padding:52px;margin:0 0 32px;border-radius:12px}.backend-kicker{font-size:10px;letter-spacing:.14em;color:#9bbfea}.backend-feature h3{font-size:clamp(30px,3.2vw,43px);line-height:1.25;letter-spacing:-.05em;margin:23px 0}.backend-feature-copy>p{font-size:14px;line-height:1.9;color:#bacce3;max-width:450px}.backend-skills{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 30px}.backend-skills span{font-size:11px;padding:8px 10px;border:1px solid #415877;border-radius:5px;color:#d6e4f7}.backend-demo-button{display:flex;justify-content:space-between;align-items:center;background:#c4dcff;color:#10223e!important;padding:20px 24px;border-radius:7px;font-size:16px;font-weight:800;max-width:420px;transition:.2s}.backend-demo-button:hover{background:white;transform:translateY(-2px)}.backend-demo-button b{font-size:24px}.backend-feature-copy>small{display:block;color:#8fa9c9;font-size:10px;margin-top:14px}.backend-map{padding:23px;border:1px solid #3b506e;border-radius:9px;background:#162d4b}.backend-map-top{display:flex;justify-content:space-between;font-size:9px;color:#8aa8cf;letter-spacing:.1em;margin-bottom:22px}.backend-map-top i{font-style:normal;letter-spacing:0}.backend-layer{padding:17px 19px;border:1px solid #3b5577;border-radius:6px;background:#1c3758}.backend-layer small{display:block;color:#8facd2;font-size:9px;letter-spacing:.1em}.backend-layer b{display:block;font-size:16px;margin:9px 0}.backend-layer>span{display:block;font-size:11px;color:#a9bfdc}.backend-layer.emphasized{border-color:#8eb6ec;background:#244a79}.backend-connector{text-align:center;color:#8faacb;font-size:10px;padding:11px}.backend-map>p{font-size:10px;color:#87a0bf;line-height:1.7;margin:17px 0 0}@media(max-width:800px){.backend-feature{grid-template-columns:1fr;padding:28px;gap:30px}.backend-feature h3{font-size:32px}.backend-demo-button{font-size:14px;padding:18px}.hero-actions{flex-wrap:wrap}.admin-heading{align-items:start}} 

.results-section{background:#edf2f8;border-top:1px solid #d5dfed}.results-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0 65px;border-top:1px solid #b9cbe1;border-bottom:1px solid #b9cbe1}.results-metrics article{padding:30px 24px;border-right:1px solid #cbd7e6}.results-metrics article:first-child{padding-left:0}.results-metrics article:last-child{border:0}.results-metrics article>span{font-size:10px;letter-spacing:.06em;color:#5b7493}.results-metrics strong{display:block;font-size:clamp(34px,4vw,55px);letter-spacing:-.05em;color:#163d70;margin:22px 0}.results-metrics strong small{font-size:22px}.results-metrics p{font-size:12px;line-height:1.9;color:#526782}.results-detail,.results-team{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.results-detail h3,.results-team h3{font-size:28px;line-height:1.35;letter-spacing:-.04em;margin:18px 0}.results-detail p,.results-team p{font-size:13px;line-height:1.9;color:#526782}.results-roles article{border-bottom:1px solid #cbd7e6;padding:0 0 20px;margin-bottom:22px}.results-roles b{font-size:16px;color:#173759}.results-team{background:#fff;padding:34px;margin-top:30px;border-radius:10px}.results-team-facts{display:flex;gap:45px;margin-top:25px}.results-team-facts span{font-size:11px;color:#526782}.results-team-facts b{display:block;font-size:30px;color:#245c9f;margin-bottom:10px}.results-source{font-size:10px!important;color:#6a7e98;line-height:1.9;margin-top:25px}@media(max-width:800px){.results-metrics{grid-template-columns:1fr 1fr}.results-metrics article{padding:20px!important;border-bottom:1px solid #cbd7e6}.results-detail,.results-team{grid-template-columns:1fr;gap:20px}.results-team{padding:24px}.results-team-facts{gap:20px;flex-wrap:wrap}.results-metrics strong{font-size:36px}} 


/* Minimal project gallery */
.case-art.project-editorial,.case-art.project-editorial.olive,.case-art.project-editorial.violet,.case-art.project-editorial.blue,.case-art.project-editorial.rose{background:#f3f4f2 !important;padding:26px;min-height:0;border-radius:0;align-self:stretch;}
.project-editorial .editorial-kicker{padding:0;font-size:9px;letter-spacing:.08em;color:#7b827e;}.project-editorial .editorial-title{padding:14px 0 22px;font-size:24px;font-weight:600;letter-spacing:-.04em;color:#28312d !important;}
.project-editorial .editorial-stage{display:grid;grid-template-columns:minmax(0,1fr) 110px;grid-template-rows:240px 100px;gap:12px;height:auto;min-height:0;width:100%;margin:0;isolation:auto;}
.project-editorial .design-main,.project-editorial.rose .design-main{position:relative;inset:auto;grid-column:1 / -1;grid-row:1;display:block;width:100%;height:240px;transform:none;border:1px solid #e0e4e0;border-radius:4px;box-shadow:none;overflow:hidden;transition:box-shadow .2s;}
.project-editorial .design-main img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s;}.project-editorial .design-main:hover{transform:none;box-shadow:0 5px 15px #20382a10;}.project-editorial .design-main:hover img{transform:scale(1.025);}
.project-editorial .design-board,.project-editorial.rose .design-board{position:relative;inset:auto;grid-column:1;grid-row:2;display:block;width:100%;height:100px;transform:none;border:1px solid #dfe4df;border-radius:3px;background:white;box-shadow:none;overflow:hidden;}
.project-editorial .design-board img,.project-editorial.rose .design-board img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 18%;}.project-editorial .editorial-note{position:static;grid-column:2;grid-row:2;align-self:center;font-size:8px;letter-spacing:.07em;color:#7c8680;line-height:1.9;padding-left:6px;}.project-editorial .editorial-bottom{width:100%;box-sizing:border-box;padding:20px 0 0;font-size:9px;font-weight:400;line-height:1.7;color:#7c8680;}.project-editorial .editorial-bottom a{font-weight:600;color:#46564b;}
.admin-cover{background:#eef0ed;grid-template-columns:1fr 1.1fr;align-items:center;min-height:420px;}.admin-board{height:330px;transform:none;box-shadow:none;border:1px solid #d7ddd7;margin:30px 30px 30px 0;border-radius:3px;}.admin-board img{width:100%;height:100%;object-fit:cover;object-position:center 20%;}.admin-board>span{bottom:0;left:0;right:0;padding:12px 15px;background:#fffffff0;color:#4b5b50;font-size:10px;border-top:1px solid #e1e6e1;}.admin-cover-copy{padding:38px;}.admin-cover h3{font-size:36px;}.admin-tech span{border:0;background:#e2e7e1;color:#647168;font-size:9px;}
@media(max-width:760px){.admin-cover{grid-template-columns:1fr;}.admin-board{height:260px;margin:0 28px 28px;}.admin-cover-copy{padding:30px;}.admin-cover h3{font-size:32px;}}
@media(max-width:600px){.case-art.project-editorial{padding:23px;}.project-editorial .editorial-title{font-size:23px;}.project-editorial .editorial-stage{grid-template-columns:minmax(0,1fr) 90px;grid-template-rows:210px 85px;}.project-editorial .design-main,.project-editorial.rose .design-main{height:210px;}.project-editorial .design-board,.project-editorial.rose .design-board{height:85px;}.project-editorial .editorial-kicker{font-size:8px;}}

.admin-nav-demo{color:#245c9f!important;font-weight:800!important;border-bottom:2px solid #8eb6ec;padding-bottom:5px}.backend-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:#10223e;color:#fff;padding:52px;margin:0 0 32px;border-radius:12px}.backend-kicker{font-size:10px;letter-spacing:.14em;color:#9bbfea}.backend-feature h3{font-size:clamp(30px,3.2vw,43px);line-height:1.25;letter-spacing:-.05em;margin:23px 0}.backend-feature-copy>p{font-size:14px;line-height:1.9;color:#bacce3;max-width:450px}.backend-skills{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 30px}.backend-skills span{font-size:11px;padding:8px 10px;border:1px solid #415877;border-radius:5px;color:#d6e4f7}.backend-demo-button{display:flex;justify-content:space-between;align-items:center;background:#c4dcff;color:#10223e!important;padding:20px 24px;border-radius:7px;font-size:16px;font-weight:800;max-width:420px;transition:.2s}.backend-demo-button:hover{background:white;transform:translateY(-2px)}.backend-demo-button b{font-size:24px}.backend-feature-copy>small{display:block;color:#8fa9c9;font-size:10px;margin-top:14px}.backend-map{padding:23px;border:1px solid #3b506e;border-radius:9px;background:#162d4b}.backend-map-top{display:flex;justify-content:space-between;font-size:9px;color:#8aa8cf;letter-spacing:.1em;margin-bottom:22px}.backend-map-top i{font-style:normal;letter-spacing:0}.backend-layer{padding:17px 19px;border:1px solid #3b5577;border-radius:6px;background:#1c3758}.backend-layer small{display:block;color:#8facd2;font-size:9px;letter-spacing:.1em}.backend-layer b{display:block;font-size:16px;margin:9px 0}.backend-layer>span{display:block;font-size:11px;color:#a9bfdc}.backend-layer.emphasized{border-color:#8eb6ec;background:#244a79}.backend-connector{text-align:center;color:#8faacb;font-size:10px;padding:11px}.backend-map>p{font-size:10px;color:#87a0bf;line-height:1.7;margin:17px 0 0}@media(max-width:800px){.backend-feature{grid-template-columns:1fr;padding:28px;gap:30px}.backend-feature h3{font-size:32px}.backend-demo-button{font-size:14px;padding:18px}.hero-actions{flex-wrap:wrap}.admin-heading{align-items:start}} 

.results-section{background:#edf2f8;border-top:1px solid #d5dfed}.results-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0 65px;border-top:1px solid #b9cbe1;border-bottom:1px solid #b9cbe1}.results-metrics article{padding:30px 24px;border-right:1px solid #cbd7e6}.results-metrics article:first-child{padding-left:0}.results-metrics article:last-child{border:0}.results-metrics article>span{font-size:10px;letter-spacing:.06em;color:#5b7493}.results-metrics strong{display:block;font-size:clamp(34px,4vw,55px);letter-spacing:-.05em;color:#163d70;margin:22px 0}.results-metrics strong small{font-size:22px}.results-metrics p{font-size:12px;line-height:1.9;color:#526782}.results-detail,.results-team{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.results-detail h3,.results-team h3{font-size:28px;line-height:1.35;letter-spacing:-.04em;margin:18px 0}.results-detail p,.results-team p{font-size:13px;line-height:1.9;color:#526782}.results-roles article{border-bottom:1px solid #cbd7e6;padding:0 0 20px;margin-bottom:22px}.results-roles b{font-size:16px;color:#173759}.results-team{background:#fff;padding:34px;margin-top:30px;border-radius:10px}.results-team-facts{display:flex;gap:45px;margin-top:25px}.results-team-facts span{font-size:11px;color:#526782}.results-team-facts b{display:block;font-size:30px;color:#245c9f;margin-bottom:10px}.results-source{font-size:10px!important;color:#6a7e98;line-height:1.9;margin-top:25px}@media(max-width:800px){.results-metrics{grid-template-columns:1fr 1fr}.results-metrics article{padding:20px!important;border-bottom:1px solid #cbd7e6}.results-detail,.results-team{grid-template-columns:1fr;gap:20px}.results-team{padding:24px}.results-team-facts{gap:20px;flex-wrap:wrap}.results-metrics strong{font-size:36px}} 


/* Trust palette: navy, blue, cool white */
:root{--paper:#f5f7fa;--paper-deep:#eaf0f6;--ink:#14243d;--muted:#637187;--line:rgba(30,60,100,.14);--lime:#8eb9f0;--orange:#3972bb;--blue:#b9d1ec;--white:#fff;}
.topbar{background:rgba(249,251,253,.95);}.brand-mark{background:#14243d;color:#c0d9fa;}.hero{background:#10223e;color:#f5f8fc;}.hero h1{font-size:clamp(42px,5.4vw,69px);word-break:keep-all;}.hero h1 em{color:#a9cdf9;}.hero .eyebrow{color:#a7bad5;}.hero-copy{color:#bac9dd;}.hero::before{border-color:rgba(134,179,239,.18);box-shadow:0 0 0 48px rgba(134,179,239,.025),0 0 0 96px rgba(134,179,239,.018);}.hero::after{background:#91bdf3;box-shadow:0 0 0 14px rgba(145,189,243,.08);}
.orbit{border-color:#ffffff24;}.orbit::before{border-color:#ffffff20;}.orbit::after{border-color:#9fc5f14d;}.orbit-core{background:#b7d3f6;color:#142b4b;box-shadow:0 0 0 18px #91bdf30a;}.orbit-label{background:#1b304e;color:#dce8f7;border-color:#b7cdea38;}.hero-note{color:#90a6c2;}
.hero-actions .button{background:#386daf;color:#fff;}.hero-actions .button.secondary{background:transparent;color:#e3ebf7;border-color:#a8bed54d;}.intro-strip{background:#e1ebf7;color:#253e61;}
.pill{background:#edf2f8;color:#536a87;}.pill.orange{background:#e3edf9;color:#37639c;}.pill.dark{background:#213a5b;color:#fff;}
.case .role-line,.admin-role{background:#172d4a !important;color:#fff !important;border-left-color:#78a1d5 !important;}.case .role-line b,.admin-role>span{color:#acc8ec !important;}.admin-role p{color:#c0cee1;}
.archive-role{background:#172d4a !important;color:white !important;border-left-color:#7ca4db !important;}.role-percent{color:#b5d3fa;}.archive-section{background:#edf1f6;}.admin-study{background:#f5f7fa;}.admin-cover{background:#e9eff6;}.admin-tech span{background:#dce6f2;color:#547090;}.admin-outcome{background:#e7eef6;}.admin-modules{background:#d5dfec;border-color:#d5dfec;}.admin-modules article{background:#f5f7fa;}.admin-flow>div{border-color:#d9e3ef;}.admin-outcome>span,.admin-context>div>span{color:#627b9c;}.admin-outcome p,.admin-modules p,.admin-context>p{color:#607087;}.admin-cover-copy p{color:#607087;}.admin-modules b{color:#3e6394;}
.case-art.project-editorial,.case-art.project-editorial.olive,.case-art.project-editorial.violet,.case-art.project-editorial.blue,.case-art.project-editorial.rose{background:#edf1f6 !important;}.project-editorial .editorial-title{color:#243a58 !important;}.project-editorial .editorial-kicker,.project-editorial .editorial-bottom,.project-editorial .editorial-note{color:#6a7f99;}

.admin-nav-demo{color:#245c9f!important;font-weight:800!important;border-bottom:2px solid #8eb6ec;padding-bottom:5px}.backend-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:#10223e;color:#fff;padding:52px;margin:0 0 32px;border-radius:12px}.backend-kicker{font-size:10px;letter-spacing:.14em;color:#9bbfea}.backend-feature h3{font-size:clamp(30px,3.2vw,43px);line-height:1.25;letter-spacing:-.05em;margin:23px 0}.backend-feature-copy>p{font-size:14px;line-height:1.9;color:#bacce3;max-width:450px}.backend-skills{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 30px}.backend-skills span{font-size:11px;padding:8px 10px;border:1px solid #415877;border-radius:5px;color:#d6e4f7}.backend-demo-button{display:flex;justify-content:space-between;align-items:center;background:#c4dcff;color:#10223e!important;padding:20px 24px;border-radius:7px;font-size:16px;font-weight:800;max-width:420px;transition:.2s}.backend-demo-button:hover{background:white;transform:translateY(-2px)}.backend-demo-button b{font-size:24px}.backend-feature-copy>small{display:block;color:#8fa9c9;font-size:10px;margin-top:14px}.backend-map{padding:23px;border:1px solid #3b506e;border-radius:9px;background:#162d4b}.backend-map-top{display:flex;justify-content:space-between;font-size:9px;color:#8aa8cf;letter-spacing:.1em;margin-bottom:22px}.backend-map-top i{font-style:normal;letter-spacing:0}.backend-layer{padding:17px 19px;border:1px solid #3b5577;border-radius:6px;background:#1c3758}.backend-layer small{display:block;color:#8facd2;font-size:9px;letter-spacing:.1em}.backend-layer b{display:block;font-size:16px;margin:9px 0}.backend-layer>span{display:block;font-size:11px;color:#a9bfdc}.backend-layer.emphasized{border-color:#8eb6ec;background:#244a79}.backend-connector{text-align:center;color:#8faacb;font-size:10px;padding:11px}.backend-map>p{font-size:10px;color:#87a0bf;line-height:1.7;margin:17px 0 0}@media(max-width:800px){.backend-feature{grid-template-columns:1fr;padding:28px;gap:30px}.backend-feature h3{font-size:32px}.backend-demo-button{font-size:14px;padding:18px}.hero-actions{flex-wrap:wrap}.admin-heading{align-items:start}} 

.results-section{background:#edf2f8;border-top:1px solid #d5dfed}.results-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0 65px;border-top:1px solid #b9cbe1;border-bottom:1px solid #b9cbe1}.results-metrics article{padding:30px 24px;border-right:1px solid #cbd7e6}.results-metrics article:first-child{padding-left:0}.results-metrics article:last-child{border:0}.results-metrics article>span{font-size:10px;letter-spacing:.06em;color:#5b7493}.results-metrics strong{display:block;font-size:clamp(34px,4vw,55px);letter-spacing:-.05em;color:#163d70;margin:22px 0}.results-metrics strong small{font-size:22px}.results-metrics p{font-size:12px;line-height:1.9;color:#526782}.results-detail,.results-team{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.results-detail h3,.results-team h3{font-size:28px;line-height:1.35;letter-spacing:-.04em;margin:18px 0}.results-detail p,.results-team p{font-size:13px;line-height:1.9;color:#526782}.results-roles article{border-bottom:1px solid #cbd7e6;padding:0 0 20px;margin-bottom:22px}.results-roles b{font-size:16px;color:#173759}.results-team{background:#fff;padding:34px;margin-top:30px;border-radius:10px}.results-team-facts{display:flex;gap:45px;margin-top:25px}.results-team-facts span{font-size:11px;color:#526782}.results-team-facts b{display:block;font-size:30px;color:#245c9f;margin-bottom:10px}.results-source{font-size:10px!important;color:#6a7e98;line-height:1.9;margin-top:25px}@media(max-width:800px){.results-metrics{grid-template-columns:1fr 1fr}.results-metrics article{padding:20px!important;border-bottom:1px solid #cbd7e6}.results-detail,.results-team{grid-template-columns:1fr;gap:20px}.results-team{padding:24px}.results-team-facts{gap:20px;flex-wrap:wrap}.results-metrics strong{font-size:36px}} 

.participation-badge{display:inline-flex !important;align-items:baseline;gap:8px;width:fit-content;padding:6px 12px;margin:0 0 15px;background:#dceaff;color:#163d70 !important;border:1px solid #a9c5eb;border-radius:4px;font-size:12px !important;font-weight:700;line-height:1.4 !important;letter-spacing:0 !important;}.case .role-line .participation-badge b,.participation-badge b{display:inline !important;color:#163d70 !important;font-size:23px !important;font-weight:850 !important;line-height:1 !important;letter-spacing:-.03em !important;margin:0 !important;}.role-line>.participation-badge{display:flex !important;}.admin-role>.participation-badge{display:flex !important;}
.admin-nav-demo{color:#245c9f!important;font-weight:800!important;border-bottom:2px solid #8eb6ec;padding-bottom:5px}.backend-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;background:#10223e;color:#fff;padding:52px;margin:0 0 32px;border-radius:12px}.backend-kicker{font-size:10px;letter-spacing:.14em;color:#9bbfea}.backend-feature h3{font-size:clamp(30px,3.2vw,43px);line-height:1.25;letter-spacing:-.05em;margin:23px 0}.backend-feature-copy>p{font-size:14px;line-height:1.9;color:#bacce3;max-width:450px}.backend-skills{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 30px}.backend-skills span{font-size:11px;padding:8px 10px;border:1px solid #415877;border-radius:5px;color:#d6e4f7}.backend-demo-button{display:flex;justify-content:space-between;align-items:center;background:#c4dcff;color:#10223e!important;padding:20px 24px;border-radius:7px;font-size:16px;font-weight:800;max-width:420px;transition:.2s}.backend-demo-button:hover{background:white;transform:translateY(-2px)}.backend-demo-button b{font-size:24px}.backend-feature-copy>small{display:block;color:#8fa9c9;font-size:10px;margin-top:14px}.backend-map{padding:23px;border:1px solid #3b506e;border-radius:9px;background:#162d4b}.backend-map-top{display:flex;justify-content:space-between;font-size:9px;color:#8aa8cf;letter-spacing:.1em;margin-bottom:22px}.backend-map-top i{font-style:normal;letter-spacing:0}.backend-layer{padding:17px 19px;border:1px solid #3b5577;border-radius:6px;background:#1c3758}.backend-layer small{display:block;color:#8facd2;font-size:9px;letter-spacing:.1em}.backend-layer b{display:block;font-size:16px;margin:9px 0}.backend-layer>span{display:block;font-size:11px;color:#a9bfdc}.backend-layer.emphasized{border-color:#8eb6ec;background:#244a79}.backend-connector{text-align:center;color:#8faacb;font-size:10px;padding:11px}.backend-map>p{font-size:10px;color:#87a0bf;line-height:1.7;margin:17px 0 0}@media(max-width:800px){.backend-feature{grid-template-columns:1fr;padding:28px;gap:30px}.backend-feature h3{font-size:32px}.backend-demo-button{font-size:14px;padding:18px}.hero-actions{flex-wrap:wrap}.admin-heading{align-items:start}} 

.results-section{background:#edf2f8;border-top:1px solid #d5dfed}.results-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0 65px;border-top:1px solid #b9cbe1;border-bottom:1px solid #b9cbe1}.results-metrics article{padding:30px 24px;border-right:1px solid #cbd7e6}.results-metrics article:first-child{padding-left:0}.results-metrics article:last-child{border:0}.results-metrics article>span{font-size:10px;letter-spacing:.06em;color:#5b7493}.results-metrics strong{display:block;font-size:clamp(34px,4vw,55px);letter-spacing:-.05em;color:#163d70;margin:22px 0}.results-metrics strong small{font-size:22px}.results-metrics p{font-size:12px;line-height:1.9;color:#526782}.results-detail,.results-team{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.results-detail h3,.results-team h3{font-size:28px;line-height:1.35;letter-spacing:-.04em;margin:18px 0}.results-detail p,.results-team p{font-size:13px;line-height:1.9;color:#526782}.results-roles article{border-bottom:1px solid #cbd7e6;padding:0 0 20px;margin-bottom:22px}.results-roles b{font-size:16px;color:#173759}.results-team{background:#fff;padding:34px;margin-top:30px;border-radius:10px}.results-team-facts{display:flex;gap:45px;margin-top:25px}.results-team-facts span{font-size:11px;color:#526782}.results-team-facts b{display:block;font-size:30px;color:#245c9f;margin-bottom:10px}.results-source{font-size:10px!important;color:#6a7e98;line-height:1.9;margin-top:25px}@media(max-width:800px){.results-metrics{grid-template-columns:1fr 1fr}.results-metrics article{padding:20px!important;border-bottom:1px solid #cbd7e6}.results-detail,.results-team{grid-template-columns:1fr;gap:20px}.results-team{padding:24px}.results-team-facts{gap:20px;flex-wrap:wrap}.results-metrics strong{font-size:36px}} 

/* Project portfolio architecture */
:root{--ink:#152c49;--muted:#657890;--line:#d5dfeb;--paper:#f7f9fc;--navy:#112944;--accent:#2d639f}body{background:var(--paper);color:var(--ink)}.shell{width:min(1160px,calc(100% - 64px));margin:auto}a{text-decoration:none}section[id],article[id]{scroll-margin-top:100px}.portfolio-header{position:sticky;top:0;z-index:50;background:#f7f9fcf5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.identity{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:850;letter-spacing:-1px}.identity>span{font-size:16px;letter-spacing:-.03em}.identity small{display:block;font-size:8px;letter-spacing:.14em;font-weight:500;color:var(--muted);margin-top:3px}.portfolio-header nav{display:flex;gap:27px;align-items:center}.portfolio-header nav a{font-size:12px;color:#4d617c;font-weight:650}.portfolio-header .header-demo{color:#235c9d}.portfolio-header .header-pdf{background:var(--navy);color:white;padding:11px 18px;border-radius:4px}.portfolio-hero{padding:55px 0 0}.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#74849a}.hero-main{display:grid;grid-template-columns:1.55fr 1fr;gap:80px;align-items:center;padding:65px 0 60px}.hero-position{font-size:13px;color:#4f729a;margin:0 0 25px}.portfolio-hero h1{font-size:clamp(34px,4.3vw,56px);line-height:1.26;letter-spacing:-.06em;font-weight:750;word-break:keep-all;max-width:none;margin:0}.portfolio-hero h1 em{font-style:normal;color:#326aab}.hero-intro{font-size:14px;line-height:1.9;color:var(--muted);max-width:610px;margin-top:25px;word-break:keep-all}.hero-links{display:flex;gap:25px;align-items:center;margin-top:32px;font-size:12px;font-weight:700}.solid-link{display:inline-block;padding:16px 23px;background:var(--navy);color:#fff;border-radius:4px;font-size:12px;font-weight:700}.hero-index{border-top:1px solid var(--ink)}.hero-index>span{display:block;font-size:9px;letter-spacing:.16em;margin:19px 0 14px;color:var(--muted)}.hero-index a{display:flex;align-items:center;gap:14px;font-size:14px;border-bottom:1px solid var(--line);padding:20px 0}.hero-index b{font-size:10px;font-weight:500;color:#7a90aa}.hero-index i{font-style:normal;font-size:8px;color:#8191a5;margin-left:auto;letter-spacing:.1em}.capability-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:#6a7d95;font-size:10px}.project-collection{padding-top:85px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.overline{font-size:9px;letter-spacing:.14em;color:#6783a5;font-weight:700}.collection-heading h2{font-size:32px;line-height:1.3;letter-spacing:-.05em;margin:18px 0 0}.collection-heading>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:360px}.project-story{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:40px 0 65px;border-bottom:1px solid var(--line);margin-bottom:25px;align-items:center}.project-image{display:block;position:relative;background:#e6edf5;border:1px solid #d6e0ec;border-radius:8px;overflow:hidden;padding:28px 28px 55px;min-height:385px}.image-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#627d9d;margin-bottom:36px}.project-image img{width:100%;height:255px;object-fit:cover;object-position:top;display:block;border:1px solid #cad7e7;border-radius:4px;box-shadow:0 15px 30px #17355912;transition:transform .35s}.project-image:hover img{transform:translateY(-6px)}.project-image.platform img{object-position:top;height:285px}.project-image.platform{background:#e2e9f3}.project-image.delivery{background:#e8ecf4}.project-image.operations{background:#e8edf2}.image-open{position:absolute;bottom:22px;right:28px;font-size:10px;color:#355c8b}.project-summary h3{font-size:clamp(28px,3vw,39px);line-height:1.25;letter-spacing:-.055em;margin:19px 0}.project-summary>p{font-size:13px;line-height:1.9;color:var(--muted);word-break:keep-all}.project-summary dl{margin:24px 0}.project-summary dl>div{display:grid;grid-template-columns:75px 1fr;margin:11px 0;gap:10px}.project-summary dt{font-size:9px;letter-spacing:.08em;color:#7f90a6;padding-top:3px}.project-summary dd{font-size:11px;line-height:1.7;margin:0;color:#435c7c}.project-result{border-left:2px solid #6b9ad2;padding-left:15px;margin:25px 0}.project-result b{display:block;font-size:18px;letter-spacing:-.03em}.project-result small{display:block;font-size:10px;color:#7b8da4;margin-top:7px;line-height:1.7}.detail-link{font-size:12px;font-weight:700;display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #8da6c5}.detail-link span{font-size:19px}.demo-inline{display:block;margin-top:14px;font-size:11px;color:#2d639f;font-weight:700}.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 45px;border-top:1px solid var(--line);font-size:12px}.portfolio-footer div{font-weight:700}.portfolio-footer span{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:8px}.portfolio-footer small{font-size:8px;color:#8293a8}.detail-intro{padding-top:35px}.back-link{display:inline-block;font-size:11px;color:#657f9f;margin-bottom:45px}.detail-intro>h1{font-size:clamp(36px,5vw,60px);letter-spacing:-.06em;line-height:1.2;margin:20px 0}.detail-lead{font-size:16px;color:#657b96;line-height:1.8}.detail-meta{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:35px 0;font-size:11px;line-height:1.8}.detail-meta small{display:block;font-size:8px;letter-spacing:.15em;color:#8194ad;margin-bottom:10px}.narrative{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 70px}.narrative span{font-size:10px;font-weight:700;color:#34649b}.narrative p{font-size:13px;color:#5d738e;line-height:1.9}.evidence-title{border-top:1px solid var(--line);padding:30px 0}.evidence-title h2{font-size:25px;letter-spacing:-.04em}.evidence>.case{max-width:1160px;margin:35px auto 60px}.evidence>.section{padding:55px 0}.evidence .section .wrap{max-width:1160px}.evidence .case-art{min-height:390px}.detail-extra{padding:60px 0}.detail-extra h2{font-size:27px;letter-spacing:-.04em}.detail-extra p{font-size:13px;line-height:1.9;color:#637a95}.scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.scope-columns h3{font-size:17px}.next-project{display:grid;grid-template-columns:1fr auto;gap:17px;border-top:1px solid var(--line);padding:35px 0 65px;margin-top:50px}.next-project small{grid-column:1/-1;font-size:9px;letter-spacing:.15em;color:#6a83a1}.next-project b{font-size:26px;letter-spacing:-.04em}.next-project>span{font-size:28px}.project-detail .admin-heading h2{font-size:36px}.project-detail .section-head h2{font-size:34px}.portfolio-header a:hover,.hero-links a:hover,.identity:hover{opacity:.75}a:focus-visible{outline:2px solid #5989c4;outline-offset:5px}.section.live-sites{padding:50px 0;background:transparent}.archive-section{margin-top:65px}.archive-section .section-head h2{font-size:34px}.contact{padding:50px 0}.contact h2{font-size:32px}
@media(max-width:900px){.hero-main{gap:35px;grid-template-columns:1.6fr 1fr}.portfolio-header nav{gap:16px}.project-story{gap:30px}.project-image{padding:20px 20px 45px;min-height:330px}.project-image img{height:225px}.image-caption{gap:15px;font-size:7px}.narrative{gap:25px}.detail-meta{gap:20px}.evidence>.case{margin-left:25px;margin-right:25px}}
@media(max-width:650px){.shell{width:calc(100% - 40px)}.header-inner{height:auto;min-height:70px;flex-wrap:wrap;padding:16px 0;gap:16px}.identity{font-size:21px}.identity>span{font-size:13px}.portfolio-header nav{width:100%;overflow:auto;white-space:nowrap;gap:20px;padding-bottom:4px}.portfolio-header nav a{font-size:10px}.portfolio-header .header-pdf{padding:7px 12px}.hero-topline>span:last-child{display:none}.portfolio-hero{padding-top:30px}.hero-main{grid-template-columns:1fr;padding:35px 0;gap:35px}.portfolio-hero h1{font-size:34px}.hero-intro{font-size:12px}.hero-position{font-size:11px;margin-bottom:20px}.hero-links{font-size:10px;gap:18px}.solid-link{padding:14px 17px;font-size:11px}.hero-index a{padding:14px 0;font-size:12px}.hero-index>span{font-size:8px}.capability-line{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:9px}.project-collection{padding-top:50px}.collection-heading{display:block;margin-bottom:20px}.collection-heading h2{font-size:28px}.collection-heading>p{font-size:11px;max-width:none;margin-top:20px}.project-story{grid-template-columns:1fr;gap:25px;padding:25px 0 40px}.project-image{min-height:300px}.project-image img{height:220px}.project-image.platform img{height:245px}.project-summary h3{font-size:30px}.project-summary>p{font-size:12px}.project-result b{font-size:17px}.project-summary dl{margin:20px 0}.portfolio-footer{display:grid;gap:20px}.detail-meta,.narrative,.scope-columns{grid-template-columns:1fr;gap:20px}.narrative{margin-bottom:40px}.detail-intro>h1{font-size:35px}.detail-lead{font-size:13px}.back-link{margin-bottom:30px}.evidence>.case{margin-left:20px;margin-right:20px}.evidence>.section{padding:35px 0}.next-project b{font-size:21px}.project-detail .admin-heading h2,.project-detail .section-head h2{font-size:28px}.archive-section .section-head h2{font-size:28px}.archive-section{margin-top:25px}}
.summary-contribution{display:inline-block;color:#245c9f;font-size:10px;font-weight:800;background:#e4edf9;padding:2px 6px;border-radius:3px;margin-right:4px}.detail-meta>span{min-width:0;overflow-wrap:anywhere;word-break:keep-all}.evidence .case{width:calc(100% - 64px)}@media(max-width:650px){.evidence .case{width:calc(100% - 40px)}}
/* Unified full-width contact and footer */
.contact{background:#e8eef6;color:#152c49;padding:52px 0;border-top:1px solid #d5dfeb}.contact .wrap{width:min(1160px,calc(100% - 64px));max-width:1160px}.contact-inner{align-items:center}.contact h2{font-size:30px;line-height:1.4}.contact a{font-size:15px;overflow-wrap:anywhere;color:#234f83}.portfolio-footer{display:block;width:100%;max-width:none;margin:0;padding:0;background:#112944;color:#edf3fb;border:0;font-size:13px}.portfolio-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 0;min-height:115px}.portfolio-footer-inner>div{font-size:15px;font-weight:750}.portfolio-footer-inner>div>span{display:block;color:#adbed3;font-size:11px;font-weight:400;margin-top:7px}.portfolio-footer-inner>a{color:#edf3fb;font-size:12px;overflow-wrap:anywhere}.portfolio-footer-inner>small{color:#a9bad0;font-size:10px;white-space:nowrap}.portfolio-footer a:hover{color:#c4dcff}@media(max-width:650px){.contact{padding:35px 0}.contact .wrap{width:calc(100% - 40px)}.contact-inner{gap:22px}.contact h2{font-size:25px}.contact a{font-size:13px}.portfolio-footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:30px 0}.portfolio-footer-inner>small{white-space:normal}}

/* Thumbnail: one focal detail, generous image scale */
.project-image{padding:0;min-height:0;aspect-ratio:1.38;background:#e6edf5;isolation:isolate}.project-image .image-caption{position:absolute;inset:22px 24px auto;z-index:3;margin:0;color:#35536f}.thumbnail-focus{position:absolute;inset:64px 0 45px;overflow:hidden}.project-image .thumbnail-focus img{position:absolute;display:block;width:148%;max-width:none;height:auto;min-height:100%;object-fit:initial;left:-20%;top:-65px;border:0;border-radius:0;box-shadow:none;transition:transform .4s}.project-image:hover .thumbnail-focus img{transform:scale(1.025)}.project-image.experience .thumbnail-focus img{width:150%;left:-20%;top:-84px}.project-image.platform .thumbnail-focus img{width:148%;left:-15%;top:-65px;height:auto}.project-image.delivery .thumbnail-focus img{width:155%;left:-20%;top:-90px}.project-image.operations .thumbnail-focus{inset:60px 0 42px}.project-image.operations .thumbnail-focus img{width:155%;left:-24%;top:-105px}.project-image .image-open{bottom:15px;right:24px;font-size:10px}.project-image img{background:transparent}@media(max-width:650px){.project-image{aspect-ratio:1.25;min-height:0}.thumbnail-focus{inset:55px 0 37px}.project-image .image-caption{inset:18px 20px auto}.project-image.experience .thumbnail-focus img{top:-57px}.project-image.platform .thumbnail-focus img{top:-44px}.project-image.delivery .thumbnail-focus img{top:-60px}.project-image.operations .thumbnail-focus img{top:-70px}.project-image .image-open{bottom:12px}}
.project-image.experience .thumbnail-focus img{left:-2%;top:-115px;width:145%}.project-image.platform .thumbnail-focus img{top:-95px}@media(max-width:650px){.project-image.experience .thumbnail-focus img{left:-2%;top:-77px}.project-image.platform .thumbnail-focus img{top:-64px}}

/* Balanced focal image compositions */
.project-image .thumbnail-focus{inset:66px 24px 50px;border-radius:4px;background:#fff;box-shadow:0 12px 24px #18364d12}.project-image.experience .thumbnail-focus img{width:112%;left:-6%;top:-70px}.project-image.platform .thumbnail-focus img{width:112%;left:-6%;top:-75px}.project-image.delivery .thumbnail-focus img{width:112%;left:-6%;top:-68px}.project-image.operations .thumbnail-focus img{width:112%;left:-6%;top:-20px}.project-image.operations .thumbnail-focus{inset:66px 24px 50px}.project-image{aspect-ratio:1.38}.project-image .image-open{bottom:18px}.project-image .image-caption{inset:25px 25px auto}@media(max-width:650px){.project-image{aspect-ratio:1.38}.project-image .thumbnail-focus,.project-image.operations .thumbnail-focus{inset:50px 18px 38px}.project-image.experience .thumbnail-focus img{top:-45px}.project-image.platform .thumbnail-focus img{top:-48px}.project-image.delivery .thumbnail-focus img{top:-44px}.project-image.operations .thumbnail-focus img{top:-12px}.project-image .image-caption{inset:18px 18px auto}.project-image .image-open{bottom:12px}}

/* Editorial project covers — intentional typography and project-specific compositions */
.project-cover{position:relative;display:flex;flex-direction:column;aspect-ratio:1.28;overflow:hidden;padding:28px 30px 22px;border:1px solid #d4dfec;border-radius:7px;color:#173957;background:#e9eff5;transition:box-shadow .25s,transform .25s}.project-cover:hover{transform:translateY(-3px);box-shadow:0 18px 35px #19345112}.cover-meta,.cover-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;letter-spacing:.1em}.cover-meta{color:#68829e}.cover-heading{margin-top:32px}.cover-heading>small{display:block;font-size:11px;font-weight:550;color:#54718e;margin-bottom:14px;letter-spacing:-.02em}.cover-heading>strong{display:block;font-size:clamp(28px,3vw,40px);line-height:1.22;font-weight:750;letter-spacing:-.055em;word-break:keep-all}.cover-foot{margin-top:auto;padding-top:20px;color:#6b839c;border-top:1px solid #cbd8e6;font-size:8px;letter-spacing:.04em}.experience-composition{display:flex;gap:20px;align-items:center;flex:1;padding:25px 0}.journey-rail{display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:62%}.journey-rail>span{font-size:11px;font-weight:650;white-space:nowrap}.journey-rail i{display:block;font-size:8px;font-style:normal;font-weight:400;color:#8ba0b5;margin-bottom:8px}.journey-rail>b{color:#96abc0;font-size:15px;font-weight:400;padding-top:15px}.journey-focus{border-bottom:2px solid #427aa8;padding-bottom:7px}.cover-result{border-left:1px solid #c5d5e5;padding-left:22px}.cover-result>b{display:block;font-size:47px;line-height:1;letter-spacing:-.06em;color:#326c9b;font-weight:700}.cover-result b small{font-size:24px;font-weight:400}.cover-result>span{display:block;font-size:9px;line-height:1.6;margin-top:9px;color:#627f98}.cover-result em{font-style:normal;font-size:8px;color:#8196a9}.cover-platform{background:#142f4e;color:#f2f6fc;border-color:#142f4e}.cover-platform .cover-meta,.cover-platform .cover-heading>small,.cover-platform .cover-foot{color:#91abc9}.cover-platform .cover-foot{border-color:#38516f}.platform-composition{display:flex;align-items:center;gap:14px;flex:1;padding:28px 0}.system-node{flex:1;min-width:0;border-top:1px solid #627f9f;padding-top:13px}.system-node>span{font-size:8px;letter-spacing:.14em;color:#819fbe}.system-node>b{display:block;font-size:22px;letter-spacing:.06em;margin:14px 0 10px;font-weight:650;white-space:nowrap}.system-node b i{font-style:normal;color:#8eb5e3;margin:0 10px}.system-node>small{font-size:9px;color:#91abc9}.system-bridge{display:grid;text-align:center;color:#9cbce3;gap:4px;padding-top:15px}.system-bridge span{font-size:8px;letter-spacing:.12em}.system-bridge i{font-style:normal;font-size:24px}.admin-node>b{font-size:13px;letter-spacing:-.02em;margin-bottom:12px}.data-row{display:flex;gap:5px;margin-bottom:10px}.data-row i{height:4px;width:27px;background:#5a83ad}.data-row i:nth-child(2){background:#8eafd2}.data-row i:nth-child(3){background:#355779}.cover-delivery{background:#f0f0ec;color:#263b4b;border-color:#dddeda}.cover-delivery .cover-heading>small{color:#687e85}.cover-delivery .cover-foot{border-color:#ced6d5;color:#75868b}.delivery-composition{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;flex:1;align-content:center;padding:30px 0}.delivery-step{position:relative;padding-top:15px;border-top:2px solid #b3c0c5}.delivery-step.last{border-color:#315c77}.delivery-step>span{font-size:10px;color:#82969f}.delivery-step>b{display:block;font-size:14px;font-weight:700;margin:9px 0 5px;letter-spacing:-.03em}.delivery-step>small{font-size:9px;color:#7f939a}.cover-operations{background:#e4ebf3;color:#183756}.operations-composition{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;padding:24px 0}.operation-number>b{font-size:clamp(40px,4.5vw,62px);font-weight:650;letter-spacing:-.065em;line-height:1}.operation-number b span{font-size:24px;font-weight:450;margin-left:4px}.operation-number>small{display:block;margin-top:10px;font-size:9px;color:#70859e}.operation-facts{display:grid;gap:16px;border-left:1px solid #b9cbde;padding-left:24px}.operation-facts b{font-size:18px;letter-spacing:-.03em}.operation-facts span{display:block;font-size:8px;color:#7d91a7;margin-top:5px}@media(min-width:1000px){.project-story{grid-template-columns:1.15fr 1fr}.journey-rail{gap:8px}.journey-rail>span{font-size:10px}.cover-result{padding-left:17px}.experience-composition{gap:14px}}@media(max-width:1000px) and (min-width:651px){.project-cover{padding:22px;aspect-ratio:1.1}.cover-heading{margin-top:23px}.cover-heading>strong{font-size:29px}.experience-composition{align-items:end}.journey-rail{gap:8px;max-width:55%}.journey-rail>b{display:none}.journey-rail i{display:inline;margin-right:5px}.cover-result{padding-left:12px}.cover-result>b{font-size:37px}.operation-facts{padding-left:13px}.system-node>b{font-size:18px}.admin-node>b{font-size:11px}.delivery-step>b{font-size:12px}.delivery-step>small{font-size:8px}}@media(max-width:650px){.project-cover{padding:24px;aspect-ratio:1.2}.cover-heading{margin-top:25px}.cover-heading>strong{font-size:32px}.cover-heading>small{font-size:10px;margin-bottom:12px}.cover-meta,.cover-foot{font-size:7px}.experience-composition{gap:12px;padding:20px 0}.journey-rail{gap:8px;max-width:58%}.journey-rail>span{font-size:9px}.journey-rail>b{font-size:11px}.cover-result{padding-left:15px}.cover-result>b{font-size:39px}.cover-result>span{font-size:8px}.cover-result em{font-size:7px}.system-node>b{font-size:20px}.admin-node>b{font-size:11px}.platform-composition{gap:10px;padding:22px 0}.delivery-composition{gap:12px;padding:24px 0}.delivery-step>b{font-size:12px}.delivery-step>small{font-size:8px}.operation-number>b{font-size:46px}.operation-facts{padding-left:18px}.operation-facts b{font-size:17px}.cover-foot{padding-top:16px}}@media(max-width:370px){.project-cover{padding:20px}.cover-heading>strong{font-size:29px}.journey-rail>b{display:none}.journey-rail i{display:inline;margin-right:3px}.system-node b i{margin:0 4px}.cover-result>b{font-size:34px}.operation-number>b{font-size:39px}}

/* Hero assets as supporting editorial visuals */
.project-cover .cover-heading{position:relative;z-index:2;max-width:66%}.project-cover .cover-heading>strong{font-size:34px;line-height:1.25}.cover-hero-asset{position:absolute;width:58%;height:225px;right:-24px;top:67px;object-fit:contain;z-index:1;pointer-events:none;filter:drop-shadow(0 10px 12px #142f4e09)}.cover-experience .cover-hero-asset{width:61%;right:-21px;top:68px}.cover-platform .cover-hero-asset{width:48%;right:0;top:67px;height:210px}.cover-delivery .cover-hero-asset{width:49%;right:-5px;top:65px}.cover-operations .cover-hero-asset{width:46%;right:0;top:68px;height:210px}.project-cover .experience-composition,.project-cover .platform-composition,.project-cover .delivery-composition,.project-cover .operations-composition{position:relative;z-index:2;padding-top:40px}.project-cover .cover-meta,.project-cover .cover-foot{position:relative;z-index:3}@media(max-width:1000px) and (min-width:651px){.project-cover .cover-heading>strong{font-size:26px}.cover-hero-asset{height:185px;top:60px}.cover-experience .cover-hero-asset{top:70px}.cover-platform .cover-hero-asset,.cover-operations .cover-hero-asset{top:65px;height:180px}.cover-delivery .cover-hero-asset{top:60px}.project-cover .cover-heading{max-width:68%}}@media(max-width:650px){.project-cover .cover-heading>strong{font-size:28px}.cover-hero-asset{height:185px;top:55px}.cover-experience .cover-hero-asset{top:65px;right:-18px}.cover-platform .cover-hero-asset{top:65px;height:175px}.cover-delivery .cover-hero-asset{top:58px}.cover-operations .cover-hero-asset{top:62px;height:175px}.project-cover .experience-composition,.project-cover .platform-composition,.project-cover .delivery-composition,.project-cover .operations-composition{padding-top:28px}.project-cover .cover-heading{max-width:68%}}@media(max-width:370px){.project-cover .cover-heading>strong{font-size:24px}.cover-hero-asset{height:160px}.cover-platform .cover-hero-asset,.cover-operations .cover-hero-asset{height:150px}}

/* Readable engineering case study */
.engineering-section{padding:50px 0 70px}.engineering-heading h2{font-size:36px;letter-spacing:-.045em;line-height:1.3;margin:17px 0}.engineering-heading>p{font-size:16px;line-height:1.9;color:#516983;max-width:820px}.engineering-role{padding:25px 28px;background:#172f4d;border-radius:6px;color:white;margin:30px 0}.engineering-role>span{display:block;font-size:12px;color:#b9d3f4;margin-bottom:10px}.engineering-role strong{font-size:19px;line-height:1.7;word-break:keep-all}.engineering-role p{font-size:13px;color:#c2d2e5;line-height:1.9;margin-bottom:0}.engineering-stack{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c8d6e6;border-radius:6px;overflow:hidden;margin:35px 0 50px;background:white}.engineering-stack>div{padding:23px;border-right:1px solid #d6e0ec}.engineering-stack>div:last-child{border:0}.engineering-stack small{display:block;color:#728aa5;font-size:10px;letter-spacing:.12em}.engineering-stack b{display:block;font-size:18px;margin:12px 0}.engineering-stack span{font-size:12px;color:#617892;line-height:1.7}.engineering-chapters>article{display:grid;grid-template-columns:65px 1fr;gap:25px;padding:35px 0;border-top:1px solid #cbd8e7}.chapter-number{font-size:24px;color:#829cba;font-weight:500}.engineering-chapters h3{font-size:24px;margin:0 0 15px;letter-spacing:-.03em}.engineering-chapters p{font-size:16px;color:#516a85;line-height:1.95;max-width:900px}.engineering-chapters ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:13px}.engineering-chapters li{font-size:14px;line-height:1.85;color:#566f8b}.engineering-chapters li b{display:inline-block;min-width:145px;color:#193a60;margin-right:12px}.engineering-demo{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:#e6eef9;padding:30px;border-radius:7px;margin-top:30px}.engineering-demo h3{font-size:23px;margin:13px 0}.engineering-demo p{font-size:15px;line-height:1.9;color:#4e6683}.engineering-demo small{display:block;font-size:12px;color:#6a819e;line-height:1.9;max-width:800px}.engineering-demo>a{padding:18px 23px;background:#173c69;color:white;font-size:14px;font-weight:700;border-radius:5px;white-space:nowrap}.engineering-summary-link,.demo-inline{display:block;font-size:13px;font-weight:700;color:#245c9f;padding:13px 16px;background:#e4edf9;border:1px solid #b8cde6;border-radius:5px;margin-top:13px}.engineering-summary-link:hover,.demo-inline:hover{background:#d6e5f8}.project-detail .admin-cover-copy p,.project-detail .admin-context>p,.project-detail .admin-modules p,.project-detail .admin-steps p,.project-detail .admin-outcome p,.project-detail .admin-role p{font-size:15px;line-height:1.95;color:#4d6581}.project-detail .admin-role p{color:#c4d5e9}.project-detail .admin-modules h3{font-size:20px}.project-detail .backend-feature-copy>p{font-size:15px;color:#d1dff0}.project-detail .backend-feature-copy>small,.project-detail .backend-map>p{font-size:12px;color:#a9c0dc}.project-detail .admin-outcome small{font-size:12px;line-height:1.9}@media(max-width:800px){.engineering-stack{grid-template-columns:1fr 1fr}.engineering-stack>div:nth-child(2){border-right:0}.engineering-stack>div{border-bottom:1px solid #d6e0ec}.engineering-demo{grid-template-columns:1fr;gap:20px}.engineering-demo>a{text-align:center}.engineering-heading h2{font-size:29px}.engineering-chapters>article{grid-template-columns:40px 1fr;gap:15px}.engineering-chapters li b{display:block}.engineering-chapters p{font-size:15px}}@media(max-width:500px){.engineering-role{padding:22px}.engineering-role strong{font-size:17px}.engineering-stack>div{padding:17px}.engineering-stack b{font-size:16px}.engineering-chapters h3{font-size:21px}.engineering-demo{padding:23px}.engineering-heading h2{font-size:27px}}

@media(max-width:650px){.ia-grid{grid-template-columns:1fr}.ia-card-body>p{min-height:0}.ia-card-top{font-size:8px;padding:16px}.ia-card-foot{align-items:flex-start;flex-direction:column}.ia-card-foot a{width:100%;text-align:center}.ia-visual{min-height:180px;padding:18px}}
.ia-section .section-head h1{margin:8px 0 0;font-size:clamp(34px,5vw,56px);line-height:1.16;letter-spacing:-.065em}
.ia-back{color:#c4cec6;margin-bottom:28px}
.ia-project-link{display:block;color:inherit;text-decoration:none}
.ia-project-link:hover .ia-visual{filter:saturate(1.08)}
.ia-card h2{margin:14px 0 9px;font-size:clamp(22px,2.5vw,30px);line-height:1.28;letter-spacing:-.05em}
.ia-site-visit{display:inline-block;margin-top:4px;color:#d8f16a;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:4px}

.ia-actions{display:flex;gap:8px;flex-wrap:wrap}.ia-actions a{white-space:nowrap}.ia-section .section-head h2{max-width:660px}
@media(max-width:650px){.ia-actions{width:100%}.ia-actions a{flex:1;width:auto}}

.ia-demo-button{background:#fb7447!important;color:#1e2524!important}.ia-actions a{font-size:10px;padding:10px 11px}
@media(max-width:650px){.ia-actions a{white-space:normal}}

.ia-role-line{margin:12px 0 0!important;padding-top:10px;border-top:1px solid rgba(242,238,228,.13);color:#b3beb6!important;font-size:10px!important;line-height:1.75!important}.ia-role-line strong{color:#d8f16a;white-space:nowrap}
@media(max-width:650px){.ia-role-line{font-size:10px!important}}