/* ISFAHANWEB PORTFOLIO */

.iw-portfolio-page {
    --iwp-bg:#faf7f0;
    --iwp-white:#fffdf9;
    --iwp-ink:#2D3748;
    --iwp-muted:#687a7e;
    --iwp-blue:#2EB3F0;
    --iwp-green:#8CC63F;
    --iwp-orange:#FF8A00;
    --iwp-teal:#2EB3F0;
    --iwp-line:#e6ded1;

    background:var(--iwp-bg);
    color:var(--iwp-ink);
}

.iwp-hero {
    padding:90px 0 105px;
    background:
        radial-gradient(circle at 18% 15%,rgba(168,207,56,.1),transparent 27%),
        radial-gradient(circle at 82% 35%,rgba(85,181,222,.12),transparent 26%),
        linear-gradient(180deg,#fffdf9,#faf7f0);
}

.iwp-hero-grid {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;
}

.iwp-kicker {
    display:inline-block;
    margin-bottom:13px;
    color:var(--iwp-teal);
    font-weight:900;
    font-size:.88rem;
}

.iwp-hero h1,
.iwp-section h2,
.iwp-principles h2,
.iwp-final h2 {
    margin:0;
    color:var(--iwp-ink);
    line-height:1.4;
}

.iwp-hero h1 {
    font-size:clamp(2.5rem,5vw,4.5rem);
}

.iwp-hero h1 strong {
    display:block;
    color:var(--iwp-teal);
}

.iwp-hero p,
.iwp-project p,
.iwp-principles p,
.iwp-final p {
    color:var(--iwp-muted);
    line-height:2;
}

.iwp-actions {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.iwp-btn {
    min-height:50px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    font-weight:900;
    text-decoration:none;
}

.iwp-btn-primary {
    background:var(--iwp-teal);
    color:#fff !important;
}

.iwp-btn-secondary {
    background:#fff;
    border:1px solid var(--iwp-line);
    color:var(--iwp-ink) !important;
}

.iwp-hero-panel {
    min-height:390px;
    padding:44px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border-radius:32px;
    background:linear-gradient(145deg,#eaf7fb,#f3f7e6);
    border:1px solid rgba(85,181,222,.2);
}

.iwp-hero-panel > span {
    color:var(--iwp-orange);
    font:900 .76rem/1 sans-serif;
    letter-spacing:.18em;
}

.iwp-hero-panel > strong {
    margin-top:8px;
    color:var(--iwp-blue);
    font-size:clamp(4rem,8vw,7rem);
    line-height:1;
}

.iwp-hero-panel div {
    display:flex;
    gap:8px;
    margin-top:18px;
}

.iwp-hero-panel i {
    padding:7px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.7);
    font-style:normal;
    font-size:.8rem;
}

.iwp-section {
    padding:90px 0;
}

.iwp-section-head {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:22px;
    align-items:start;
    margin-bottom:38px;
}

.iwp-section-head > span {
    width:44px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#edf7f3;
    color:var(--iwp-teal);
    font:800 .72rem/1 sans-serif;
}

.iwp-section-head small {
    color:var(--iwp-teal);
    font-weight:800;
}

.iwp-section-head h2 {
    margin-top:5px;
    font-size:clamp(1.7rem,3vw,2.6rem);
}

.iwp-project-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.iwp-project {
    overflow:hidden;
    border:1px solid var(--iwp-line);
    border-radius:24px;
    background:var(--iwp-white);
}

.iwp-project-media {
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#edf3f1;
}

.iwp-project-media img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.iwp-project:hover .iwp-project-media img {
    transform:scale(1.025);
}

.iwp-project-media span {
    position:absolute;
    top:16px;
    right:16px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.88);
    color:var(--iwp-teal);
    font:900 .7rem/1 sans-serif;
}

.iwp-project-copy {
    padding:24px 26px 28px;
}

.iwp-project-copy small {
    color:var(--iwp-orange);
    font-weight:900;
}

.iwp-project-copy h2 {
    margin:7px 0 8px;
    font-size:1.35rem;
}

.iwp-fields {
    background:#fffdf9;
}

.iwp-field-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.iwp-field-grid span {
    padding:20px;
    border:1px solid var(--iwp-line);
    border-radius:16px;
    background:var(--iwp-bg);
    font-weight:800;
}

.iwp-principles {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:60px;
    padding:48px;
    border-radius:30px;
    background:linear-gradient(135deg,#eaf7fb,#f3f7e6);
}

.iwp-principle-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.iwp-principle-grid article {
    padding:20px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
}

.iwp-principle-grid span {
    display:block;
    margin-top:7px;
    color:var(--iwp-muted);
    line-height:1.8;
}

.iwp-final {
    padding:30px 0 95px;
}

.iwp-final-inner {
    padding:48px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    border-radius:28px;
    background:#2D3748;
    color:#fff;
}

.iwp-final span {
    color:#8dd5f0;
    font-weight:900;
}

.iwp-final h2 {
    margin-top:8px;
    color:#fff;
}

.iwp-final p {
    margin-bottom:0;
    color:rgba(255,255,255,.68);
}

@media (max-width:1000px) {

    .iwp-hero-grid,
    .iwp-principles {
        grid-template-columns:1fr;
    }

    .iwp-field-grid {
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:700px) {

    .iwp-hero {
        padding:60px 0 70px;
    }

    .iwp-section {
        padding:65px 0;
    }

    .iwp-project-grid,
    .iwp-field-grid,
    .iwp-principle-grid {
        grid-template-columns:1fr;
    }

    .iwp-principles {
        padding:28px 22px;
    }

    .iwp-final-inner {
        padding:32px 24px;
        flex-direction:column;
        align-items:flex-start;
    }

}