.portfolio{--paper:#eef0e9;--ink:#172f2c;--accent:#326656;--line:#c7d1c8}.portfolio-intro{padding:90px 0 70px}.portfolio-intro h1{font:clamp(48px,6.5vw,96px)/1.06 Georgia,serif;letter-spacing:-.04em}.portfolio-intro>p:not(.eyebrow){font-size:19px;margin:30px 0;max-width:650px}.portfolio-intro small{font-size:12px;color:#5e6e68;display:block;max-width:700px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px;margin-bottom:100px}.portfolio-grid>a{display:block;border-bottom:1px solid var(--line);padding-bottom:30px}.portfolio-grid img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%;border:1px solid var(--line);transition:transform .3s}.portfolio-grid a:hover img{transform:translateY(-5px)}.portfolio-grid a>div{padding-top:22px}.portfolio-grid span{font-size:10px;letter-spacing:.14em}.portfolio-grid h2{font-size:42px;margin:13px 0}.portfolio-grid p{font-size:15px;margin-bottom:20px}.portfolio-grid b{font-size:13px}.case-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:80px;align-items:center}.case-hero h1{font-size:clamp(56px,7vw,100px);font-family:Georgia,serif}.case-hero>div>p:not(.eyebrow){margin:30px 0;max-width:550px}.case-hero figure{display:flex;justify-content:center;gap:25px;align-items:center}.case-hero figure img{max-width:280px;border-radius:18px;box-shadow:0 25px 50px #18322920}.case-tabs{display:flex;gap:15px;flex-wrap:wrap;margin-block:30px}.case-tabs button{background:transparent;color:var(--ink);padding:14px 22px;border:1px solid var(--line);border-radius:50px}.case-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.case-screen{width:100%;border:1px solid var(--line);border-radius:18px;display:block}.case-caption{margin-top:18px;color:#526962;font-size:13px}.case-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-block:55px}.case-features>div{border-top:1px solid var(--line);padding-top:22px}.case-features h3{font-size:24px;margin-bottom:18px}.case-features p{font-size:15px}.android-case{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:85px;border-top:1px solid var(--line);align-items:center}.android-case img{max-width:310px;margin:auto;border-radius:18px}.android-case h2{font-family:Georgia,serif}.android-case p{margin:25px 0}.android-case .small{max-width:460px}.case-actions{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:700px){.portfolio-intro{padding-block:50px}.portfolio-intro h1{font-size:48px}.portfolio-intro>p:not(.eyebrow){font-size:16px}.portfolio-grid{grid-template-columns:1fr;gap:40px;margin-bottom:60px}.case-hero{grid-template-columns:1fr;gap:40px;padding-block:50px}.case-hero figure img{max-width:240px}.case-features{grid-template-columns:1fr;gap:22px}.android-case{grid-template-columns:1fr;gap:35px;padding-block:55px}.android-case img{max-width:270px}.case-tabs{gap:8px}.case-tabs button{padding:12px 16px;font-size:12px}.case-screen{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.portfolio-grid img{transition:none}}
.case-hero>div{min-width:0}.case-hero h1{font-size:clamp(34px,5.3vw,78px)}
@media(min-width:701px) and (max-width:1000px){.case-hero{grid-template-columns:1fr;gap:40px}.case-hero figure img{max-width:220px}.android-case{gap:35px}}
@media(max-width:700px){.case-hero h1{font-size:clamp(34px,9vw,54px)}.portfolio-intro h1{font-size:clamp(35px,10vw,48px)}}