.portfolio-page{color:#151515;background:#f3f0e9;min-height:100vh;padding:0 clamp(22px,5vw,80px)}.portfolio-header{border-bottom:1px solid #d5d1c8;justify-content:space-between;align-items:center;gap:18px;max-width:1440px;height:92px;margin:auto;display:flex}.portfolio-header>span{letter-spacing:-.06em;font-size:19px;font-weight:700}.portfolio-header i{color:#89877c;font-style:normal}.portfolio-header>a{letter-spacing:.1em;font-size:10px}.portfolio-intro{max-width:1440px;margin:0 auto;padding:90px 0 72px}.portfolio-intro>p,.portfolio-method>span{letter-spacing:.15em;color:#76746c;font-size:10px}.portfolio-intro h1{letter-spacing:-.065em;margin:35px 0;font-size:clamp(48px,7.5vw,112px);font-weight:550;line-height:1.01}.portfolio-intro h1 em{color:#6e7069;font-style:normal;font-weight:350}.portfolio-lead{justify-content:space-between;align-items:end;gap:35px;display:flex}.portfolio-lead p{color:#66655e;max-width:620px;margin:0;font-size:17px;line-height:1.7}.portfolio-lead>span{letter-spacing:.12em;white-space:nowrap;padding-bottom:8px;font-size:10px}.portfolio-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 34px;max-width:1440px;margin:auto;display:grid}.portfolio-case{min-width:0}.portfolio-flow,.portfolio-photo,.portfolio-site{border-radius:24px;height:360px;overflow:hidden}.portfolio-flow{color:#fff;background:#12151d;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.portfolio-flow>span{color:#9ca9ba;letter-spacing:.1em;font-size:10px}.portfolio-flow>div{justify-content:center;align-items:center;gap:22px;display:flex}.portfolio-flow b{letter-spacing:-.04em;font-size:clamp(23px,2.6vw,37px)}.portfolio-flow i{color:#c8ff52;font-size:42px;font-style:normal}.portfolio-flow p{color:#c8ff52;text-align:center;letter-spacing:.13em;font-size:11px}.portfolio-flow footer{color:#aeb9c8;border-top:1px solid #333946;padding-top:20px;font-size:11px}.portfolio-photo img{object-fit:cover;width:100%;height:100%}.portfolio-caption{padding-top:24px}.portfolio-caption>span{letter-spacing:.13em;color:#76746c;font-size:9px}.portfolio-caption h2{letter-spacing:-.045em;margin:12px 0;font-size:30px;font-weight:550}.portfolio-caption p{color:#68665f;max-width:650px;margin:0 0 17px;font-size:15px;line-height:1.7}.portfolio-caption small{color:#484944;font-size:11px;line-height:1.6}.portfolio-wide{grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:40px;display:grid}.portfolio-site{background:#e6e1d7;border:1px solid #d8d3c9;height:auto}.portfolio-site img{width:100%;height:auto;display:block}.portfolio-method{border-top:1px solid #d5d1c8;grid-template-columns:1fr 1fr;gap:24px 45px;max-width:1440px;margin:90px auto 0;padding:65px 0;display:grid}.portfolio-method>span{grid-column:1/-1}.portfolio-method h2{letter-spacing:-.055em;margin:0;font-size:clamp(32px,4vw,58px);font-weight:450;line-height:1.12}.portfolio-method p{color:#68665f;max-width:480px;margin:0;font-size:15px;line-height:1.8}.portfolio-footer{letter-spacing:.1em;border-top:1px solid #d5d1c8;justify-content:space-between;gap:18px;max-width:1440px;margin:auto;padding:30px 0;font-size:10px;display:flex}@media (max-width:700px){.portfolio-header{height:76px}.portfolio-header>a{font-size:8px}.portfolio-intro{padding:58px 0 45px}.portfolio-lead{display:block}.portfolio-lead p{font-size:15px}.portfolio-lead>span{margin-top:22px;display:block}.portfolio-work{grid-template-columns:1fr;gap:40px}.portfolio-flow,.portfolio-photo{height:300px}.portfolio-flow{padding:24px}.portfolio-wide{grid-column:auto;display:block}.portfolio-caption h2{font-size:28px}.portfolio-method{grid-template-columns:1fr;margin-top:55px;padding:40px 0}.portfolio-method>span{grid-column:auto}.portfolio-footer{font-size:8px}.portfolio-flow b{font-size:28px}}