#in-the-world { scroll-margin-top: 65px; }
#scene-film-image { width: 100%; aspect-ratio: 16/9; object-fit: contain; border-radius: 8px; background: #142348; }
.project-card[data-project=solheim] .project-visual { padding: 5%; background: #233667; }
.project-card[data-project=solheim] .project-visual>img { object-fit: contain; }
.proof-section { padding: 90px 5vw 75px; color: #f0f4ff; background: linear-gradient(155deg, #152038, #263959 80%); }
.proof-heading { margin-bottom: 55px; }
.proof-heading>.label { color: #aebed8; margin: 0 0 24px; }
.proof-heading h2 { font-size: clamp(42px, 6vw, 88px); font-weight: 500; line-height: 1; letter-spacing: -.06em; margin: 0 0 25px; }
.proof-heading h2 em { font-style: normal; color: #a6bfeb; }
.proof-heading>p:last-child { color: #b1c1dc; font-size: 14px; line-height: 1.6; }
.proof-list { display: grid; gap: 65px; }
.proof-case { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 6%; align-items: center; }
.proof-stage { position: relative; min-width: 0; border: 1px solid #728aaa65; border-radius: 17px; background: #0d1117; box-shadow: 0 25px 70px #00051f55; }
.proof-browser-bar { display: flex; align-items: center; gap: 25px; height: 38px; padding: 0 15px; border-bottom: 1px solid #a8bed533; font-size: 10px; color: #a8bad4; }
.proof-browser-bar>span { font-size: 8px; letter-spacing: 3px; color: #6886ad; }
.proof-browser-bar>a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.proof-profile-scroll { height: clamp(430px, 44vw, 650px); overflow-y: auto; overscroll-behavior: contain; border-radius: 0 0 16px 16px; scrollbar-width: thin; scrollbar-color: #516384 #10151f; }
.proof-profile-scroll>img { width: 100%; height: auto; }
.proof-work-callout { display: block; position: absolute; bottom: 52px; right: -7%; width: 35%; max-width: 245px; border: 1px solid #b9c8fc; background: #253d7d; box-shadow: 0 20px 45px #030e2d88; border-radius: 11px; padding: 7px; transform: rotate(5deg); transition: transform .5s var(--ease), box-shadow .5s var(--ease); z-index: 2; }
.proof-work-callout:hover, .proof-work-callout:focus-visible { transform: rotate(0deg) translateY(-6px) scale(1.06); box-shadow: 0 28px 60px #030e2dbb; }
.proof-callout-label { display: flex; justify-content: space-between; font-size: 10px; padding: 3px 4px 9px; color: #dce7ff; }
.proof-work-callout img, .proof-work-callout video { width: 100%; aspect-ratio: 4/5; object-fit: contain; background: #0e1835; border-radius: 6px; }
.proof-work-callout video { object-fit: cover; }
.proof-callout-title { display: block; font-size: 9px; padding: 9px 4px 3px; color: #dce7ff; }
.proof-capture-button { position: absolute; bottom: 14px; left: 14px; border: 1px solid #aac4e752; color: #d4e5ff; background: #1b2945e8; padding: 9px 13px; font-size: 10px; border-radius: 25px; z-index: 3; }
.proof-capture-button:hover { background: #3c5a84; }
.proof-copy { padding-left: 10px; }
.proof-copy>.label { color: #a6bddf; font-size: 9px; overflow-wrap: anywhere; }
.proof-copy h3 { font-size: clamp(32px, 4vw, 60px); font-weight: 400; letter-spacing: -.055em; line-height: 1.06; margin: 22px 0; max-width: 9ch; }
.proof-copy>p:not(.label) { color: #bfcee6; font-size: 14px; line-height: 1.75; max-width: 35ch; }
.proof-followers { display: flex; align-items: center; gap: 15px; margin: 26px 0 30px; }
.proof-followers strong { font-size: clamp(38px, 4.2vw, 65px); font-weight: 400; letter-spacing: -.055em; }
.proof-followers>span { font-size: 11px; line-height: 1.8; color: #c1d0e7; }
.proof-followers small { font-size: 9px; color: #8da5c8; }
.proof-copy .text-link { font-size: 11px; gap: 18px; }
.proof-project-link { display: block; padding: 13px 0 0; background: none; border: 0; font-size: 11px; color: #b8d5ff; }
.proof-project-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.proof-team { display: grid; grid-template-columns: minmax(240px, 360px) 1fr; gap: 30px; align-items: center; border-top: 1px solid #a2bbdd38; padding: 35px 0 0; }
.proof-team-mark { font-size: clamp(24px, 3.5vw, 55px); font-weight: 700; letter-spacing: -.07em; color: #bccfff; }
.proof-team .label { color: #91a9ce; font-size: 9px; }
.proof-team h3 { font-size: 23px; font-weight: 400; letter-spacing: -.04em; margin: 12px 0; }
.proof-team p:not(.label) { font-size: 12px; line-height: 1.7; color: #b4c6e1; max-width: 63ch; }
.proof-team>a { font-size: 11px; line-height: 1.7; color: #c4dcff; justify-self: end; }
.proof-note { margin: 36px 0 0; max-width: 105ch; font-size: 10px; line-height: 1.7; color: #8fa8cb; }
.proof-full-capture { margin: 0 auto; max-width: 1058px; border: 1px solid #7c94ba66; border-radius: 14px; overflow: hidden; }
.proof-full-capture img { width: 100%; height: auto; }
.detail-header h2 { overflow-wrap: anywhere; }
@media(max-width:700px) {
  .header-nav a:nth-child(2) { display: block; }
  .header-nav .about-nav { display: none; }
  .header-nav { gap: 16px; }
  .proof-section { padding: 60px 6vw; }
  .proof-heading { margin-bottom: 35px; }
  .proof-heading h2 { font-size: 46px; }
  .proof-heading>p:last-child { font-size: 12px; }
  .proof-list { gap: 50px; }
  .proof-case { display: flex; flex-direction: column; gap: 25px; align-items: stretch; }
  .proof-stage { width: 94%; }
  .proof-browser-bar { font-size: 8px; gap: 10px; padding: 0 10px; height: 30px; }
  .proof-browser-bar>span { font-size: 6px; letter-spacing: 2px; }
  .proof-profile-scroll { height: 390px; }
  .proof-work-callout { width: 38%; right: -6%; bottom: 52px; }
  .proof-callout-label, .proof-callout-title { font-size: 8px; }
  .proof-copy { padding-left: 0; }
  .proof-copy h3 { max-width: none; font-size: 36px; margin: 17px 0; }
  .proof-copy>p:not(.label) { font-size: 13px; max-width: none; }
  .proof-followers { margin: 20px 0; }
  .proof-followers strong { font-size: 46px; }
  .proof-team { grid-template-columns: 1fr; gap: 13px; padding-top: 25px; }
  .proof-team-mark { font-size: 34px; }
  .proof-team>a { justify-self: start; }
  .proof-note { font-size: 9px; }
}
@media(prefers-reduced-motion:reduce) {
  .proof-work-callout { transform: none; }
  .proof-work-callout:hover, .proof-work-callout:focus-visible { transform: none; }
}