.port-work .work-main{max-width:1200px}.work-breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:4px 0;margin:0 0 28px;padding:0;font-size:14px;list-style:none;display:flex}.work-breadcrumb li+li:before{content:"/";color:var(--ash);margin:0 10px}.work-breadcrumb a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.work-breadcrumb [aria-current]{color:var(--ink)}.work-page-intro{max-width:48rem;margin-bottom:48px}.work-page-intro h1,.work-detail-intro h1{margin-bottom:20px}.work-page-intro p{color:var(--muted)}.work-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.work-tags li{border:1px solid var(--ash);background:var(--gray);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:13px;line-height:1.5}.work-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;margin:0;padding:0;list-style:none;display:grid}.work-card{flex-direction:column;gap:12px;min-width:0;display:flex}.work-card-link{color:var(--ink);flex-direction:column;gap:20px;text-decoration:none;display:flex}.work-card-link h2{letter-spacing:-.025em;font-size:24px;line-height:1.35}.work-card-link:hover h2,.work-card-link:focus-visible h2{color:var(--blue)}.work-card>p{color:var(--muted);font-size:16px;line-height:1.7}.work-card-links{flex-wrap:wrap;align-items:center;gap:0 20px;margin-top:auto;display:flex}.work-card-links .text-link{color:var(--ink);font-size:15px}.work-card-links .work-more{color:var(--blue);font-weight:600}.port-work .work-visual{aspect-ratio:16/10;border:1px solid var(--ash);border-radius:var(--radius);background:var(--white);width:100%;margin:0;position:relative;overflow:hidden}.port-work .work-visual img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.port-work .work-visual-contain img{object-fit:contain}.port-work .work-visual picture{display:contents}.work-detail-intro{max-width:48rem}.work-detail-intro .work-tags{margin-bottom:20px}.work-detail-intro p{color:var(--muted);margin-top:14px}.work-detail-links{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.work-detail-links .button{border-color:var(--ash);background:var(--white);min-height:48px;color:var(--ink);gap:8px;padding:11px 18px}.work-detail-links .button:first-child{border-color:var(--ink);background:var(--ink);color:var(--white)}.work-detail-links .button:hover{border-color:var(--blue)}.work-media{margin-top:48px}.work-media-phone{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:32px;display:grid}.work-phone{flex-direction:column;align-items:center;gap:12px;margin:0;display:flex}.work-phone-frame{aspect-ratio:600/1298;background:#0b1d33;border-radius:32px;width:100%;max-width:240px;padding:8px;overflow:hidden;box-shadow:0 18px 40px -24px #08234773}.work-phone-frame video,.work-phone-frame img{object-fit:cover;object-position:top;background:#f4f6f9;border-radius:24px;width:100%;height:100%;display:block}.work-phone figcaption{color:var(--muted);font-size:13px}.work-facts{border-block:1px solid var(--ash);grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0 0;display:grid}.work-facts>div{min-width:0;padding:20px 20px 20px 0}.work-facts>div+div{border-left:1px solid var(--ash);padding-left:20px}.work-facts dt{color:var(--muted);font-size:13px;font-weight:600}.work-facts dd{margin:6px 0 0;font-size:15px;line-height:1.6}.work-block{margin-top:72px}.work-block h2,.work-others h2{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(24px,3vw,30px);line-height:1.3}.work-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.work-features li{border:1px solid var(--ash);border-radius:var(--radius);background:var(--white);min-width:0;padding:24px}.work-features h3{letter-spacing:-.02em;font-size:17px;line-height:1.45}.work-features p{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.7}.work-role{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.work-role li{border-top:1px solid var(--ash);padding:14px 0 14px 28px;position:relative}.work-role li:before{content:"";background:var(--blue);width:10px;height:2px;position:absolute;top:24px;left:4px}.work-cta{border-radius:var(--radius);background:var(--ink);color:var(--white);margin-top:80px;padding:40px}.work-cta h2{letter-spacing:-.03em;font-size:clamp(24px,3vw,30px);line-height:1.3}.work-cta p{color:#ffffffd1;margin-top:12px}.work-cta-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:24px;display:flex}.work-cta-actions .button{gap:10px}.work-cta-actions .text-link{color:var(--white)}.work-others{margin-top:72px}.work-others ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.work-others li a{border:1px solid var(--ash);border-radius:var(--radius);height:100%;color:var(--ink);flex-direction:column;gap:4px;padding:18px 20px;text-decoration:none;display:flex}.work-others li a:hover,.work-others li a:focus-visible{border-color:var(--blue)}.work-others li span{color:var(--muted);font-size:14px;line-height:1.6}@media (width<=900px){.work-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.work-facts>div:nth-child(3){border-left:0;padding-left:0}.work-facts>div:nth-child(n+3){border-top:1px solid var(--ash)}.work-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.work-cards,.work-role,.work-others ul,.work-features{grid-template-columns:minmax(0,1fr)}.work-cards{gap:40px}.work-media-phone{grid-template-columns:minmax(0,1fr)}.work-phone-frame{max-width:220px}.work-facts{grid-template-columns:minmax(0,1fr)}.work-facts>div,.work-facts>div+div{border-left:0;padding:14px 0}.work-facts>div+div{border-top:1px solid var(--ash)}.work-block,.work-others{margin-top:56px}.work-cta{margin-top:56px;padding:28px 22px}}