.portfolio-v40{background:var(--sand-50)}.portfolio-v40 .section-head{margin-bottom:var(--space-5)}.hp-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.hp-case{border-bottom:1px solid var(--line)}.hp-card{padding-block:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:clamp(24px,3vw,48px);display:grid}.hp-case--flip .hp-card{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.hp-case--flip .hp-body{order:2}.hp-case--flip .hp-shot{order:1}.hp-body{padding-top:4px;position:relative}.hp-idx{margin:0 0 var(--space-2);letter-spacing:.08em;align-items:baseline;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.hp-num{color:var(--graphite-strong);font-size:1.05rem;font-weight:600}.hp-total{color:var(--muted);font-size:.7rem}.hp-idx:after{content:"";background:var(--line-strong);flex:0 0 40px;height:1px;transform:translateY(-4px)}.hp-tags{margin:0 0 var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-wrap:pretty;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.hp-name{letter-spacing:-.01em;color:var(--graphite-strong);text-wrap:pretty;margin:0;font-size:clamp(1.4rem,2.1vw,2.05rem);line-height:1.16}.hp-text{margin:var(--space-2) 0 0;max-width:46ch;color:var(--muted);text-wrap:pretty}.hp-shot{transition:transform var(--t-base) var(--ease);background:0 0;border:0;align-self:stretch;margin:0;padding:0}.hp-shot img{aspect-ratio:3/2;object-fit:cover;object-position:top center;width:100%;height:auto;display:block}@media (hover:hover) and (pointer:fine){.hp-case:hover .hp-shot{transform:translateY(-3px)}}.hp-actions{margin-top:var(--space-6);flex-wrap:wrap;align-items:center;gap:18px clamp(24px,3vw,40px);display:flex}.hp-actions-link{font-size:.98rem}.hp-actions-btn{min-height:48px}@media (max-width:1024px){.hp-card,.hp-case--flip .hp-card{gap:var(--space-3);padding-block:var(--space-5);grid-template-columns:minmax(0,1fr)}.hp-case--flip .hp-body,.hp-case--flip .hp-shot{order:0}}@media (max-width:720px){.hp-text{max-width:none}.hp-shot img{aspect-ratio:4/3}}@media (max-width:600px){.hp-actions{flex-direction:column-reverse;align-items:stretch;gap:18px}.hp-actions-btn{justify-content:center;width:100%}.hp-actions-link{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.hp-shot{transition:none}.hp-case:hover .hp-shot{transform:none}}.rv-star-part{width:13px;height:13px;display:inline-flex;position:relative}.rv-star-part .rv-star{width:13px;height:13px;position:absolute;inset:0}.rv-star-part-fill{display:block;position:absolute;inset:0;overflow:hidden}