.minimal-portfolio{min-height:calc(100svh - 98px);padding-block:42px 30px}.portfolio-editions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(24px,4vw,64px);width:min(1120px,100%);margin-inline:auto;display:grid}.portfolio-edition{text-align:center;min-width:0}.portfolio-phone{aspect-ratio:390/844;border:7px solid var(--ink);background:var(--paper);border-radius:26px;width:min(275px,100%);margin-inline:auto;transition:transform .25s;display:block;overflow:hidden}.portfolio-phone img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.portfolio-phone:hover{transform:translateY(-4px)}.portfolio-phone:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.portfolio-edition h2{font-family:var(--body);letter-spacing:-.02em;margin-top:23px;font-size:18px;font-weight:500;line-height:1.4}.portfolio-demo-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:6px;display:flex}.portfolio-demo-links a{border-bottom:1px solid #0000;align-items:center;gap:12px;min-height:44px;font-size:14px;display:inline-flex}.portfolio-demo-links a:hover,.portfolio-demo-links a:focus-visible{border-bottom-color:var(--ink)}.portfolio-concept-note{text-align:center;color:var(--muted);margin-top:30px;font-size:12px;line-height:1.5}@media (max-width:900px) and (min-width:701px){.portfolio-demo-links{gap:12px}.portfolio-demo-links a{gap:6px;font-size:13px}.portfolio-edition h2{font-size:17px}}@media (max-width:700px){.minimal-portfolio{padding-block:26px 30px}.portfolio-editions{grid-template-columns:1fr;gap:48px}.portfolio-phone{width:min(270px,100%)}.portfolio-edition h2{margin-top:20px}.portfolio-concept-note{margin-top:35px}}@media (prefers-reduced-motion:reduce){.portfolio-phone{transition:none}.portfolio-phone:hover{transform:none}}.portfolio-intro{width:min(1120px,100%);margin:0 auto 40px}.portfolio-intro-meta{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:25px;display:flex}.portfolio-intro-meta p{letter-spacing:.07em;font-size:10px;line-height:1.6}.portfolio-intro-copy{grid-template-columns:1.65fr 1fr;align-items:end;gap:6%;display:grid}.portfolio-intro h1{font:500 clamp(38px,4.5vw,64px)/1.1 var(--body);letter-spacing:-.05em;margin:0}.portfolio-intro h1 em{font:400 1em/1.15 var(--display);letter-spacing:-.045em}.portfolio-intro-copy>p{max-width:390px;margin:0;font-size:15px;line-height:1.65}@media (max-width:900px){.portfolio-intro-copy{grid-template-columns:1fr;gap:22px}.portfolio-intro-copy>p{max-width:570px}.portfolio-intro-meta{align-items:start}.portfolio-intro-meta>p:last-child{text-align:right;max-width:220px}}@media (max-width:700px){.portfolio-intro{margin-bottom:30px}.portfolio-intro-meta{margin-bottom:20px;display:block}.portfolio-intro-meta>p:last-child{text-align:left;max-width:none;margin-top:8px;font-size:9px}.portfolio-intro h1{font-size:clamp(33px,8.7vw,46px)}.portfolio-intro-copy{gap:18px}.portfolio-intro-copy>p{font-size:15px}}
