.project-detail__hero{background:var(--color-navy);color:var(--color-white);--breadcrumbs-color:color-mix(in srgb, var(--color-white) 70%, var(--color-navy));--breadcrumbs-hover:var(--color-turquoise);padding-bottom:75px}.project-detail__intro{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;display:grid}.project-detail__intro .eyebrow{color:var(--color-turquoise);font-size:.65rem}.project-detail__intro h1{overflow-wrap:anywhere;font-size:clamp(3.3rem,5.8vw,5.4rem)}.project-detail__description{color:color-mix(in srgb, var(--color-white) 75%, var(--color-navy));max-width:490px;margin-top:26px}.project-detail__preview{min-width:0}.project-detail__article{max-width:var(--container);margin-inline:auto;padding-block:75px}.project-detail__article h2{font-size:clamp(2rem,3vw,2.75rem)}.project-detail__story{color:var(--color-navy)}.project-detail__story-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:56px;display:grid}.project-detail__story-row+.project-detail__story-row{margin-top:60px}.project-detail__story-row--reversed .project-detail__story-copy{grid-area:1/2}.project-detail__story-row--reversed .project-detail__screenshot{grid-area:1/1}.project-detail__screenshot{width:100%;min-width:0;max-width:480px;margin:0 auto}.project-detail__screenshot img{width:100%;height:auto;box-shadow:0 12px 32px color-mix(in srgb, var(--color-navy) 14%, transparent);border-radius:8px}.project-detail__technology{padding-top:60px}.project-detail__technology>p{color:var(--color-navy);max-width:840px;margin-top:22px}.project-detail__technology ul{flex-wrap:wrap;gap:10px 24px;margin:24px 0 0;padding:0;list-style:none;display:flex}.project-detail__technology li{color:var(--color-violet);font-weight:700}.project-detail__visit{background:var(--color-navy);color:var(--color-white);text-align:center;border-radius:var(--radius-card);padding:60px 30px}.project-detail__visit h2{overflow-wrap:anywhere;font-size:clamp(2.5rem,4.5vw,4.25rem)}.project-detail__visit h2 span{color:var(--color-electric)}.project-detail__visit .button{text-align:left;max-width:100%;margin-top:32px}.project-detail__visit .button .arrow{flex-shrink:0}.project-detail__pagination{background:var(--color-turquoise);color:var(--color-navy);margin-top:65px;padding-block:65px}.project-detail__pagination .button{flex-shrink:0}.project-detail__pagination-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.project-detail__next{text-align:right;align-items:center;gap:30px;font-size:.75rem;display:flex}.project-detail__next strong{font-family:var(--font-heading);margin-top:8px;font-size:clamp(2rem,3vw,3rem);line-height:1.05;display:block}.project-detail__next>.arrow{flex-shrink:0;width:32px;height:32px}.project-detail__next:hover,.project-detail__next:hover strong{color:var(--color-violet)}@media (min-width:768px) and (max-width:1023px){.project-detail__intro{gap:35px}.project-detail__intro h1{font-size:3.2rem}}@media (max-width:767px){.project-detail__hero{padding-bottom:45px}.project-detail__intro{grid-template-columns:1fr;gap:30px}.project-detail__intro h1{font-size:clamp(2.9rem,12vw,4.25rem)}.project-detail__intro-copy{grid-row:1}.project-detail__description{margin-top:20px}.project-detail__article{padding-block:45px}.project-detail__story-row{grid-template-columns:1fr;gap:28px}.project-detail__story-row+.project-detail__story-row{margin-top:40px}.project-detail__story-row--reversed .project-detail__story-copy,.project-detail__story-row--reversed .project-detail__screenshot{grid-area:auto}.project-detail__technology{padding-top:40px}.project-detail__visit{padding:42px 22px}.project-detail__pagination{margin-top:45px;padding-block:45px}.project-detail__pagination-inner{flex-direction:column-reverse;align-items:flex-start;gap:28px}.project-detail__next{text-align:left;gap:20px}}