body.project-detail-page{height:100vh;min-height:100vh;overflow:hidden}@supports (height:100dvh){body.project-detail-page{height:100dvh;min-height:100dvh}}.project-detail-main{z-index:1;height:calc(100vh - var(--header-height));min-height:0;padding:0;position:relative;overflow:hidden}@supports (height:100dvh){.project-detail-main{height:calc(100dvh - var(--header-height))}}.project-page{--project-floor-height:clamp(5.2rem, 18dvh, 9.8rem);--project-board-chalk:#f0ede1;--project-board-chalk-soft:#f0ede19e;--project-board-frame:#050505;--project-board-frame-shadow:#000000a8;--project-room-outline:var(--room-outline,var(--wall-light,#f4f1e9));box-sizing:border-box;height:100%;min-height:0;padding-inline:clamp(1rem,3.6vw,3.75rem);position:relative;overflow:hidden}.project-board-stage{inset:0 0 var(--project-floor-height);z-index:4;place-items:center;width:auto;margin:0;padding:clamp(.5rem,1.5vh,.9rem) 0;display:grid;position:absolute;overflow:hidden}.project-chalkboard-wrap{width:min(62vw,54rem);max-width:calc(100vw - 2.25rem);padding-bottom:.58rem;position:relative}.project-chalkboard__recess{box-sizing:border-box;contain:paint;border:.78rem solid var(--project-board-frame);box-shadow:0 0 0 1px color-mix(in srgb, var(--project-room-outline) 24%, transparent), 0 0 0 .34rem #0b0b0b, .7rem .92rem 1.18rem var(--project-board-frame-shadow), 0 0 2.6rem color-mix(in srgb, var(--wall-light,#f4f1e9) 8%, transparent), inset 0 0 2.2rem #000000e0;background:#020202;position:relative;overflow:hidden}.project-chalkboard__glass{box-sizing:border-box;contain:paint;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--project-room-outline) 26%, transparent);background:#0b0b0a;margin:.32rem;position:relative;overflow:hidden}.project-chalkboard{isolation:isolate;background:#14221d;position:relative;overflow:hidden}.project-chalkboard__texture{z-index:0;object-fit:cover;opacity:1;filter:none;pointer-events:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.project-chalkboard__copy{z-index:2;box-sizing:border-box;color:var(--project-board-chalk);flex-direction:column;padding:1.8em 2.35em 1.55em;font-size:1rem;display:flex;position:relative}.project-timeline{width:min(19rem,52%);color:var(--project-board-chalk-soft);font-family:var(--font-mono);letter-spacing:.12em;text-shadow:.015rem .015rem #ffffff1f,0 0 .12rem #ffffff1f;text-transform:uppercase;align-items:center;gap:1.05em;margin:0;font-size:.68em;line-height:1;display:flex}.project-timeline:after{background:color-mix(in srgb, var(--project-board-chalk) 28%, transparent);content:"";flex:1;height:1px;box-shadow:0 0 .08rem #ffffff1a}.project-page h1{color:var(--project-board-chalk);font-family:var(--font-display);letter-spacing:-.045em;text-shadow:.018rem .018rem #ffffff26,0 0 .16rem #ffffff1f;text-transform:uppercase;text-wrap:balance;margin:.24em 0 0;font-size:5.2em;font-weight:400;line-height:.88}.project-detail-page--portfolio .project-page h1{font-size:4.35em}.project-writing{overflow-wrap:break-word;width:100%;max-width:44rem;color:var(--project-board-chalk);text-shadow:.015rem .015rem #ffffff1f,0 0 .12rem #ffffff1f;text-wrap:pretty;margin:1.55em 0 0;font-size:1.02em;line-height:1.58;position:relative}.project-page__links{border-top:1px solid color-mix(in srgb, var(--project-board-chalk) 18%, transparent);justify-content:space-between;align-items:center;gap:1em;width:100%;margin-top:1.45em;padding-top:.82em;display:flex}.project-back-link,.project-links a{color:var(--project-board-chalk-soft);font-family:var(--font-mono);letter-spacing:.08em;text-shadow:.015rem .015rem #ffffff1f,0 0 .12rem #ffffff1f;text-transform:uppercase;font-size:.66em;line-height:1;text-decoration:none}.project-back-link{align-items:center;gap:.48em;display:inline-flex}.project-links{flex-wrap:wrap;justify-content:flex-end;gap:.7em 1em;min-width:0;margin:0;padding:0;list-style:none;display:flex}.project-links a{align-items:center;gap:.35em;display:inline-flex}.project-link-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em;display:block}.project-back-link:hover,.project-links a:hover{color:var(--project-board-chalk)}.project-back-link:focus-visible,.project-links a:focus-visible{outline-color:var(--project-board-chalk)}.project-chalkboard__sill{z-index:6;background:var(--project-board-frame);border-top:1px solid color-mix(in srgb, var(--project-room-outline) 24%, transparent);height:.58rem;position:absolute;bottom:.02rem;left:-.72rem;right:-.72rem;box-shadow:0 .52rem .68rem #00000094}@media (width<=64rem){.project-chalkboard-wrap{width:min(72vw,48rem)}.project-chalkboard__copy{font-size:.96rem}}@media (width<=48rem){.project-page{--project-floor-height:clamp(4.7rem, 12dvh, 6.5rem);padding-inline:.6rem}.project-board-stage{padding-block:.45rem}.project-chalkboard-wrap{width:min(92vw,32rem);max-width:calc(100vw - 1.2rem);padding-bottom:.46rem}.project-chalkboard__recess{border-width:.62rem}.project-chalkboard__glass{margin:.24rem}.project-chalkboard__copy{padding:1.15em 1.22em 1em;font-size:.88rem}.project-timeline{letter-spacing:.1em;gap:.8em;width:min(14rem,68%);font-size:.62em}.project-page h1,.project-detail-page--portfolio .project-page h1{margin-top:.22em;font-size:3.35em;line-height:.9}.project-detail-page--portfolio .project-page h1{font-size:2.85em}.project-writing{max-width:none;margin-top:1.05em;font-size:.94em;line-height:1.48}.project-page__links{gap:.65em;margin-top:1.05em;padding-top:.65em}.project-back-link,.project-links a{letter-spacing:.065em;font-size:.61em}.project-links{gap:.45em .75em}.project-chalkboard__sill{height:.46rem;left:-.52rem;right:-.52rem}}@media (width<=28rem){.project-page{--project-floor-height:clamp(4.2rem, 11dvh, 5.5rem)}.project-chalkboard__copy{padding:1em 1.05em .9em;font-size:.84rem}.project-page h1,.project-detail-page--portfolio .project-page h1{font-size:3.05em}.project-detail-page--portfolio .project-page h1{font-size:2.55em}.project-writing{margin-top:.9em;font-size:.91em;line-height:1.44}.project-timeline{width:min(12rem,72%)}}@media (height<=38rem){.project-board-stage{padding-block:.3rem}.project-chalkboard__copy{font-size:.86rem}}@media (width<=48rem) and (orientation:landscape){.project-page{--project-floor-height:clamp(2.8rem, 13dvh, 4.2rem)}.project-chalkboard-wrap{width:min(88vw,44rem)}.project-chalkboard__copy{font-size:.78rem}.project-page h1,.project-detail-page--portfolio .project-page h1{font-size:3em}.project-detail-page--portfolio .project-page h1{font-size:2.5em}.project-writing{line-height:1.4}}