@layer surfaces{.projects-page{--pj-col:calc(var(--end) + var(--gutter));--pj-title-pad:21px;--pj-title-min:84px;--pj-n-in:0px;--pj-title:36px;--pj-title-lh:38px;--pj-line:20px;--pj-line-lh:24px;--pj-label:12px;--pj-label-lh:18px;--pj-arrow:24px;--pj-radius:12px;--pj-copy-top:17px;--pj-copy-right:44px;--pj-thumb-w:123px;--pj-thumb-h:105px;--pj-thumb-gap:18px;--pj-copy-end:32px;--rim-rule:121px;--rim-tail:42px;--rim-solid:48px;--rim-feather:84px;--rim-end:132px;--rim-column:0px;--rim-hero-h:32px;--pj-field:calc(100vw - 2 * var(--selvedge));--rim-list:calc(var(--rim-rule) + var(--rim-tail));--rim-bottom:calc(var(--rim-solid) + var(--rim-feather));background-color:var(--ground);min-height:100lvh;color:var(--ink);padding:calc(var(--rim-list) + var(--safe-t)) calc(var(--selvedge) + var(--safe-r)) var(--rim-end) calc(var(--selvedge) + var(--safe-l));box-sizing:border-box;position:relative}@media (min-width:768px){.projects-page{--pj-title-pad:0px;--pj-title:38px;--pj-title-lh:40px;--pj-label:10px;--pj-arrow:16px;--rim-rule:108px;--rim-solid:62px;--rim-end:90px;--rim-hero-h:28px}}@media (min-width:1200px),(min-width:768px) and (orientation:landscape){.projects-page{--pj-head:.75;--pj-img:6;--pj-n-in:21px;--pj-gap:calc(var(--end) + 2 * var(--gutter));--pj-well:calc(var(--pj-img) * var(--end) + (var(--pj-img) - 1) * var(--gutter));--rim-clear:calc(100vh - var(--rim-list) - var(--rim-bottom) - var(--safe-t));--pj-row:clamp(84px, calc(var(--rim-clear) / (var(--pj-entries) + var(--pj-heads) * var(--pj-head))), 126px);--pj-title-min:calc(var(--pj-row) * var(--pj-head));--rim-column:calc(var(--pj-well) + var(--pj-gap));--rim-end:calc(var(--rim-bottom) - 1px)}}@media (min-width:768px) and (max-width:1199.98px) and (orientation:landscape){.projects-page{--rim-hero-h:calc((var(--field) - 372px) * .0783);--rim-rule:calc(var(--heading) + var(--rim-hero-h) + 16px);--rim-solid:66px;--rim-feather:63px}}@media (min-width:768px) and (max-width:1023.98px) and (orientation:landscape){.projects-page{--pj-gap:24px;--pj-well:calc(var(--field) * .339)}}@media (min-width:1200px){.projects-page{--pj-title:40px;--pj-title-lh:42px;--pj-img:9;--rim-rule:114px;--rim-solid:93px;--rim-feather:63px;--rim-hero-h:62px}}@media (min-width:1440px){.projects-page{--pj-title:56px;--pj-title-lh:59px;--pj-arrow:24px;--pj-copy-right:60px;--rim-rule:136px;--rim-feather:84px;--rim-hero-h:80px}}@media (min-width:1920px){.projects-page{--pj-head:1;--pj-col:77px;--pj-n-in:21px;--pj-copy-top:15px;--pj-radius:16px;--pj-title:64px;--pj-title-lh:68px;--pj-line:26px;--pj-line-lh:31px;--pj-label:12px;--pj-label-lh:18px;--pj-arrow:24px;--pj-well:calc(var(--pj-field) * .368);--pj-gap:calc(var(--pj-field) * .053);--rim-hero-h:110px;--rim-rule:calc(var(--heading) + 142px);--rim-tail:42px;--rim-feather:84px;--rim-solid:calc(var(--heading) + 184px - var(--rim-feather))}}.projects-page .doc-header.projects-head{z-index:6;top:calc(var(--heading) + var(--safe-t));left:calc(var(--selvedge) + var(--safe-l));right:calc(var(--selvedge) + var(--safe-r));position:fixed}.projects-rim{z-index:5;pointer-events:none;height:100lvh;color:var(--ink);position:fixed;top:0;left:0;right:0}.projects-rim .landing-chips,.projects-rim .hero{pointer-events:auto}.projects-rim .home-mark.hero__home:focus-visible{outline-color:var(--focus-on-paper)}.rim-mask{height:calc(var(--rim-list) + var(--safe-t));background-color:var(--ground);pointer-events:auto;position:absolute;top:0;left:0;right:0}.rim-foot{height:calc(var(--rim-solid) + var(--foot));background-color:var(--ground);pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.rim-feather{position:absolute;left:0;right:0}.rim-feather--top{top:calc(var(--rim-list) + var(--safe-t));background:linear-gradient(to bottom, var(--ground) 30%, transparent);opacity:0;height:42px;transition:opacity var(--t-shift) var(--e-settle)}.projects-page[data-scrolled] .rim-feather--top{opacity:1}.rim-feather--bottom{bottom:calc(var(--rim-solid) + var(--foot));height:var(--rim-feather);background:linear-gradient(to bottom, transparent, var(--ground))}.projects-rim .landing-chips{flex-wrap:wrap}@media (max-width:767.98px){.projects-rim .hero{display:none}.projects-rim .landing-chips{justify-content:center;left:0;right:0}}@media (min-width:768px){.projects-page .doc-header__home{display:none}}.projects-running{z-index:6;box-sizing:border-box;top:calc(var(--rim-rule) + var(--safe-t));left:calc(var(--selvedge) + var(--safe-l));right:calc(var(--selvedge) + var(--safe-r));height:42px;padding:15px var(--rim-column) 0 0;border-top:1px solid var(--rule);justify-content:space-between;display:flex;position:fixed}.projects-running__label{font-family:var(--font-mono);font-weight:400;font-size:var(--pj-label);line-height:var(--pj-label-lh);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:0}.projects{display:block}.projects__list{margin:0 var(--rim-column) 0 0;border-bottom:1px solid var(--rule);min-width:0;padding:0;list-style:none}.project{border-top:1px solid var(--rule)}.project__head{box-sizing:border-box;grid-template-columns:var(--pj-col) minmax(0, 1fr);min-height:var(--pj-title-min);padding-block:var(--pj-title-pad);align-content:center;align-items:start;margin-top:-1px;display:grid}.project__n{padding-left:var(--pj-n-in);font-family:var(--font-mono);font-size:var(--pj-label);line-height:var(--pj-label-lh);letter-spacing:.05em;color:var(--ink-muted)}.project__title{min-width:0;font-family:var(--font-display);font-weight:300;font-size:var(--pj-title);line-height:var(--pj-title-lh);letter-spacing:-.02em;color:var(--ink);text-box:trim-both cap alphabetic;margin:0}.project-entry{--frost-veil:none;box-sizing:border-box;color:var(--ink);border-radius:var(--pj-radius);text-decoration:none;display:flex;position:relative}.project-entry:before{content:"";background-color:var(--rule);height:1px;transition:opacity var(--t-shift) var(--e-settle);position:absolute;top:0;right:0}.project-entry__copy{flex-direction:column;min-width:0;display:flex}.project-entry__eyebrow{font-family:var(--font-mono);font-size:var(--pj-label);line-height:var(--pj-label-lh);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);transition:color var(--t-shift) var(--e-settle)}.project-entry__line{font-family:var(--font-display);font-weight:300;font-size:var(--pj-line);line-height:var(--pj-line-lh);letter-spacing:-.02em;text-box:trim-both cap alphabetic}.project-entry__arrow{width:var(--pj-arrow);height:var(--pj-arrow);position:absolute}.project-entry__dwell{top:0;right:0;left:var(--pj-col);background-color:var(--ink);transform-origin:0;height:1px;animation:linear both project-dwell;position:absolute}@keyframes project-dwell{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.project-entry.is-current .project-entry__eyebrow{color:var(--ink)}.project-entry__thumb,.project-entry__thumb img{display:block}.project-entry{gap:var(--pj-thumb-gap);align-items:flex-start;padding-block:21px}.project-entry:before{left:0}.project-entry__thumb{width:var(--pj-thumb-w);height:var(--pj-thumb-h);flex:none;overflow:hidden}.project-entry__thumb img{object-fit:cover;width:100%;height:100%}.project-entry__copy{padding-right:var(--pj-copy-end);flex:1;gap:21px}.project-entry__arrow{top:18px;right:0}.projects__well{display:none}.project-entry:focus-visible{outline:2px solid var(--focus-on-paper);outline-offset:4px}.project-entry{scroll-margin-block:calc(var(--rim-list) + var(--safe-t) + 6px) calc(var(--rim-bottom) + 6px)}@media (min-width:768px) and (max-width:1199.98px) and (orientation:portrait){.project{--card-img:calc((var(--pj-field) - var(--gutter)) / 2 * 230 / 352);column-gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:24px;display:grid}.project__head{grid-column:1/-1;align-content:start;min-height:74px;padding-top:24px}.project__n{margin-top:4px}.project--lone .project-entry{grid-column:1/-1}.project-entry{border-radius:0;flex-direction:column;gap:12px;padding:0}.project-entry:before{display:none}.project-entry__thumb{width:100%;height:var(--card-img)}.project-entry__copy{box-sizing:border-box;flex:none;gap:6px;height:74px;padding-right:42px}.project-entry__arrow{top:calc(var(--card-img) + 14px)}.project-entry__thumb[data-seat=whole] img{object-fit:contain}}@media (min-width:1200px),(min-width:768px) and (orientation:landscape){.project-entry{min-height:var(--pj-row);padding:calc((var(--pj-row) - 84px) / 2 + var(--pj-copy-top)) var(--pj-copy-right) 13px var(--pj-col);display:block}.project-entry:before{left:var(--pj-col)}.project-entry__thumb{display:none}.project-entry__copy{gap:13px;padding:0}.project-entry__arrow{margin-top:calc(var(--pj-arrow) / -2);top:50%;right:21px}.project-entry:focus-visible{--ramp-a:1;color:var(--ink-on-ramp)}.project-entry:focus-visible:before{opacity:0}.project-entry:focus-visible .project-entry__eyebrow{color:var(--ink-on-ramp)}.rim-feather{right:calc(var(--selvedge) + var(--safe-r) + var(--pj-well) + 23px)}.projects__well{z-index:6;top:calc(var(--rim-list) + var(--safe-t));right:calc(var(--selvedge) + var(--safe-r));width:var(--pj-well);height:var(--rim-clear);background-color:var(--plate);display:block;position:fixed;overflow:hidden;container-type:size}.projects__plate{opacity:0;transition:opacity var(--t-open) var(--e-settle);display:block;position:absolute;inset:0}.projects__plate.is-showing{opacity:1}.projects__plate img{object-fit:cover;width:100%;height:100%;display:block}.projects__plate[data-seat=left] img{object-position:0 0}.projects__plate[data-seat=head] img{object-position:50% min(0px, max(-14.4cqw, calc(100cqh - 150cqw)))}.projects__plate[data-seat=whole] img{object-fit:contain}}[data-day-room] .projects-page{background-color:#0000}[data-day-room] .projects__list{--clear-t:var(--turn-sy,0px);--clear-b:calc(var(--turn-sy,0px) + 100lvh - var(--foot) - var(--rim-solid) - var(--rim-list) - var(--safe-t));--clear:linear-gradient(to bottom, transparent var(--clear-t), #000 calc(var(--clear-t) + min(var(--clear-t), 42px)), #000 calc(var(--clear-b) - var(--rim-feather)), transparent var(--clear-b));-webkit-mask-image:var(--clear);-webkit-mask-image:var(--clear);mask-image:var(--clear)}@media (min-width:1920px) and (max-height:615.98px),(min-width:1440px) and (max-width:1919.98px) and (max-height:521.98px),(min-width:1200px) and (max-width:1439.98px) and (max-height:488.98px),(min-width:768px) and (max-width:1199.98px) and (orientation:landscape) and (max-height:434.98px),(max-width:767.98px) and (max-height:450.98px){.projects-page{padding-bottom:calc(var(--heading) + var(--rim-hero-h) + 48px)}.projects-page .doc-header.projects-head{position:absolute}.projects-page .mode-toggle{position:absolute;top:0;right:0}.projects-rim{height:auto;position:absolute;bottom:0}.rim-mask,.rim-foot,.rim-feather{display:none}[data-day-room] .projects__list{-webkit-mask-image:none;mask-image:none}.projects-running{position:absolute}.projects{grid-template-columns:minmax(0, 1fr) var(--pj-well,0px);column-gap:var(--pj-gap,0px);align-items:start;display:grid}.projects__list{margin-right:0}.projects__well{top:var(--heading);width:auto;height:calc(100vh - var(--rim-list) - 24px);position:sticky;right:auto}}@media (max-width:767.98px) and (max-height:450.98px){.projects-page .mode-toggle{top:54px;right:auto}}@media (min-width:1200px) and (hover:hover) and (pointer:fine),(min-width:1024px) and (orientation:landscape) and (hover:hover) and (pointer:fine){.project-entry:hover{--ramp-a:1;color:var(--ink-on-ramp);animation:ramp-breathe var(--t-full) var(--e-settle) infinite}.project-entry:hover:before{opacity:0}.project-entry:hover .project-entry__eyebrow{color:var(--ink-on-ramp)}}@media (prefers-reduced-motion:reduce){.projects__plate{transition:none}.project-entry:hover{animation:none}}html:has(.projects-page){scrollbar-width:none}html:has(.projects-page)::-webkit-scrollbar{display:none}[data-motion] .projects-page:not(.is-arrived) :is(.project__head,.project-entry,.projects__plate[data-entry="0"] img){opacity:0}.projects-page.is-arriving .projects__plate[data-entry="0"] img{animation:pull-arrive var(--t-breath) var(--e-arrive) backwards}@media (prefers-reduced-motion:reduce){.projects-page.is-arriving .projects__plate[data-entry="0"] img{animation:pull-ui-in var(--t-open) var(--e-settle) backwards}}}
