.vrp{position:relative;z-index:10;background:#f7f5f0;color:#242321;padding:48px 40px 120px;scroll-margin-top:48px}.vrp__inner{max-width:1120px;margin:auto}.vrp__header{max-width:760px;margin:0 0 80px}.vrp__eyebrow{color:#ef5b24;font-size:13px;font-weight:600;letter-spacing:.12em;margin:0 0 24px}.vrp h2{font-size:56px;line-height:1.25;font-weight:500;letter-spacing:-.04em;margin:0 0 28px}.vrp p:not(.vrp__eyebrow):not(.vrp__status){font-size:17px;line-height:1.9;color:#615b56}.vrp__project{display:grid;grid-template-columns: .8fr 1.2fr;gap:64px;align-items:center;margin-bottom:100px}.vrp h3{font-size:32px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:0 0 24px}.vrp__status{font-size:12px;letter-spacing:.08em;color:#81796f;margin:28px 0}.vrp a{display:inline-flex;gap:32px;color:#242321;font-size:15px;text-decoration:none;border-bottom:1px solid #a9a299;padding-bottom:10px}.vrp a:hover{color:#ef5b24}.vrp a:focus-visible{outline:2px solid #ef5b24;outline-offset:6px}.vrp figure{margin:0;min-width:0}.vrp figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px}.vrp figcaption{font-size:12px;color:#81796f;margin-top:12px}.vrp__project--app{grid-template-columns:1.2fr .8fr}.vrp__project--app figure{grid-column:1;grid-row:1}.vrp__project--app .vrp__copy{grid-column:2;grid-row:1}.vrp__collection{border-top:1px solid #dcd7ce;padding-top:48px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.vrp__collection>div{max-width:620px}@media(max-width:900px){.vrp__project,.vrp__project--app,.vrp__collection{gap:32px}.vrp h2{font-size:46px}.vrp h3{font-size:28px}}@media(max-width:600px){.vrp{padding:24px 24px 80px}.vrp__header{margin-bottom:48px}.vrp h2{font-size:38px}.vrp__project,.vrp__project--app,.vrp__collection{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:60px}.vrp figure img{border-radius:24px}.vrp__collection{padding-top:32px;margin-bottom:0}.vrp__collection>.vrp__eyebrow{margin-bottom:0}.vrp p:not(.vrp__eyebrow):not(.vrp__status){font-size:16px}}
/* Stronger editorial headings and a real collection photograph. */
.vrp h2{font-size:64px;font-weight:600}.vrp h3{font-size:38px;font-weight:600}.vrp__collection{align-items:center}.vrp__collection figure{max-width:none}.vrp__project,.vrp__collection{position:relative}.vrp-motion{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.vrp-motion.is-pending{opacity:0;transform:translateY(22px)}.vrp figure img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.vrp-motion.is-pending figure img{transform:scale(.98)}@media(max-width:900px){.vrp h2{font-size:52px}.vrp h3{font-size:32px}}@media(max-width:600px){.vrp h2{font-size:42px}.vrp h3{font-size:30px}.vrp__collection figure{width:100%}}@media(prefers-reduced-motion:reduce){.vrp-motion,.vrp figure img{transition:none}.vrp-motion.is-pending{opacity:1;transform:none}.vrp-motion.is-pending figure img{transform:none}}

.vrp figure img{height:auto;}

/* Align each editorial text block with the photograph top edge. */
.vrp__project,.vrp__collection{align-items:start;}

/* Reference-style spectral entrance, settling into the original ink. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .vrp .vrp-title-light.is-lit{background-image:linear-gradient(90deg,#242321 0%,#242321 33.33%,#82bcff 40%,#2483ff 45%,#ff66f4 50%,#ff3029 55%,#fe7b02 60%,transparent 66.67%,transparent 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vrp-title-light 1.2s cubic-bezier(.22,.68,.3,1) .1s both;}
}
@keyframes vrp-title-light{from{background-position:100% 0}to{background-position:0% 0}}
@media(prefers-reduced-motion:reduce){.vrp .vrp-title-light.is-lit{animation:none;background:none;color:#242321;}}
@media(forced-colors:active){.vrp .vrp-title-light.is-lit{animation:none;background:none;color:CanvasText;}}

/* スマホ微調整 2026-09-13: 「実物に変えていく。」が1行に収まらず「く。」が孤立するため、
   幅に応じて見出しを縮める。402pxで39.8px（従来42px）。600px超では従来どおり42px。 */
@media(max-width:600px){.vrp h2{font-size:min(42px,9.9vw)}}