@layer components{.projectPage{--pdp-gutter:24px;--pdp-side:23.75vw;--pdp-col:52.5vw;--pdp-next-w:max(18.8vw, 200px);--pdp-sticky-top:clamp(96px, 8vw, 150px);--pdp-mat:#e7e5e1}.projectPage:where(:root[data-color-scheme=dark] *){--pdp-mat:#252322}.projectPage{--pdp-mat-pad:clamp(16px, 2.6vw, 48px);--pdp-gap:clamp(48px, 6vw, 112px);grid-template-columns:var(--pdp-side) minmax(0, 1fr) var(--pdp-side);grid-template-rows:auto 1fr;grid-template-areas:"meta title logo""meta media logo";align-items:start;min-height:100vh;padding-top:clamp(96px,8vw,150px);padding-bottom:clamp(96px,12vw,200px);display:grid}.projectPage__title{font-size:min(10.8vw, calc(var(--pdp-col) / (var(--pdp-chars) * .58)))}@media (max-width:1000px){.projectPage{--pdp-side:16vw;--pdp-col:68vw;grid-template-rows:auto auto 1fr auto;grid-template-areas:".title logo"".meta."".media.""next next next";padding-bottom:0}}@media (max-width:640px){.projectPage{--pdp-gutter:16px;--pdp-col:calc(100vw - 2 * var(--pdp-gutter) - 64px);--pdp-mat-pad:12px;--pdp-gap:24px;padding:96px var(--pdp-gutter) 0;grid-template:"title logo""meta meta""media media""next next"/minmax(0,1fr) auto;column-gap:16px}.projectPage__title{font-size:min(18vw, calc(var(--pdp-col) / (var(--pdp-chars) * .58)))}}.projectPage[data-intro]>*{visibility:hidden}@media (prefers-reduced-motion:reduce){.projectPage[data-intro]>*{visibility:visible}}html.pdp-entering .projectPage>*{visibility:hidden}.pdpLine-mask{margin-bottom:-.18em;padding-bottom:.18em}.pdpLine{white-space:nowrap}.projectPage__title *{font-family:inherit;font-weight:inherit}.pdpChar{will-change:transform}}