.project-lightbox{position:fixed;inset:0;z-index:1100;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:16px clamp(16px,4vw,64px);color:var(--site-text-primary)}.project-lightbox__backdrop{position:absolute;inset:0;z-index:-1;border:0;background:#080808eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:zoom-out}.project-lightbox__bar{display:flex;justify-content:space-between;align-items:center;min-height:44px}.project-lightbox__counter{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;letter-spacing:.22em}.project-lightbox__counter span{color:var(--site-text-muted)}.project-lightbox__close{min-height:44px;padding:0 22px;border:1px solid var(--site-button-border);border-radius:999px;background:none;color:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background-color .3s,border-color .3s}.project-lightbox__close:hover,.project-lightbox__close:focus-visible{border-color:var(--site-accent);background:var(--site-accent);outline:none}.project-lightbox__stage{display:grid;place-items:center;min-height:0;touch-action:pan-y}.project-lightbox__image{grid-area:1 / 1;will-change:transform;max-width:min(100%,1100px);max-height:calc(100dvh - 176px);width:auto;height:auto;object-fit:contain;box-shadow:0 30px 80px #0000007f;-webkit-user-select:none;user-select:none}.project-lightbox__arrow{position:absolute;top:50%;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--site-button-border);border-radius:50%;background:#0d0d0d99;color:inherit;font-size:20px;transform:translateY(-50%);transition:background-color .3s,border-color .3s}.project-lightbox__arrow:hover,.project-lightbox__arrow:focus-visible{border-color:var(--site-accent);background:var(--site-accent);outline:none}.project-lightbox__arrow--prev{left:clamp(16px,3vw,48px)}.project-lightbox__arrow--next{right:clamp(16px,3vw,48px)}.project-lightbox__strip{display:flex;justify-content:safe center;gap:6px;overflow-x:auto;padding:4px;scrollbar-width:none}.project-lightbox__thumb{flex:none;width:44px;padding:0;border:0;background:none;opacity:.35;transition:opacity .4s cubic-bezier(.76,0,.24,1),transform .4s cubic-bezier(.76,0,.24,1)}.project-lightbox__thumb:hover{opacity:.8}.project-lightbox__thumb[aria-current=true]{opacity:1;transform:translateY(-3px)}.project-lightbox__thumb img{display:block;width:100%;height:auto}@media(max-width:767px){.project-lightbox__arrow{display:none}}.project-brand{display:grid;gap:clamp(12px,1.4vw,24px);width:100%;max-width:1200px;margin-inline:auto}.project-brand__row{display:grid;grid-template-columns:repeat(var(--project-brand-columns),minmax(0,1fr));align-items:start;gap:clamp(12px,1.4vw,24px)}.project-brand__row:has(>:only-child) .project-gallery__item{background:none}.project-brand__row:has(>:only-child) img{max-height:85vh;object-fit:contain}@media(max-width:767px){.project-brand__row{grid-template-columns:1fr}}.project-compare{display:grid;gap:clamp(32px,4vw,64px);width:100%;max-width:1200px;margin-inline:auto;padding-top:clamp(96px,10vw,160px)}.project-compare__frame{position:relative;overflow:hidden;background:var(--site-media-bg);-webkit-user-select:none;user-select:none}.project-compare__after{display:block;width:100%;height:auto}.project-compare__before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}.project-compare__tag{position:absolute;top:clamp(12px,1.6vw,24px);padding:7px 12px;border-radius:999px;background:#0d0d0d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--site-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.project-compare__tag--before{left:clamp(12px,1.6vw,24px)}.project-compare__tag--after{right:clamp(12px,1.6vw,24px)}.project-compare__divider{position:absolute;top:0;bottom:0;left:var(--compare-position);width:2px;background:var(--site-text-primary);transform:translate(-50%);pointer-events:none}.project-compare__knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:clamp(44px,4vw,56px);aspect-ratio:1;border-radius:50%;background:var(--site-text-primary);color:#000;box-shadow:0 10px 30px #00000059;transform:translate(-50%,-50%)}.project-compare__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.project-compare__input::-webkit-slider-thumb{width:64px;height:100vh;appearance:none}.project-compare__input::-moz-range-thumb{width:64px;height:100vh;border:0}.project-feed{width:100%;max-width:1200px;margin-inline:auto}.project-feed__profile{display:flex;align-items:center;gap:16px;padding-bottom:clamp(16px,1.6vw,24px)}.project-feed__avatar{display:grid;place-items:center;flex:none;width:clamp(52px,4.6vw,68px);aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--project-brand);font-family:var(--site-font-heading);font-size:22px}.project-feed__avatar img{width:56%;height:56%;object-fit:contain}.project-feed__name{font-size:clamp(15px,1.2vw,18px);font-weight:500}.project-feed__count{color:var(--site-text-muted);font-size:13px}.project-feed__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row dense;gap:clamp(8px,1.2vw,20px)}.project-feed__cell--small{grid-column:span 2}.project-feed__cell--pair{grid-column:span 3}.project-feed__cell--single{grid-column:3 / span 2}.project-feed__cell--large-left,.project-feed__cell--large-right{position:relative;grid-row:span 2}.project-feed__cell--large-left{grid-column:1 / span 4}.project-feed__cell--large-right{grid-column:3 / span 4}.project-feed__cell--large-left .project-gallery__item,.project-feed__cell--large-right .project-gallery__item{position:absolute;inset:0;background:none}.project-feed__cell--large-left img,.project-feed__cell--large-right img{height:100%;object-fit:contain}.project-detail{--project-gutter: clamp(20px, 5vw, 88px);--project-rule: rgb(255 255 255 / 10%);min-height:100vh;overflow-x:clip;background:var(--site-page-bg);color:var(--site-text-primary)}.project-detail__hero{display:grid;justify-items:center;gap:clamp(20px,2vw,32px);width:100%;max-width:1800px;margin-inline:auto;padding:clamp(152px,13vw,220px) var(--project-gutter) clamp(40px,5vw,72px);text-align:center}.project-detail__inner{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--project-gutter)}.project-detail__cover{width:100%;max-width:1200px;margin-inline:auto;aspect-ratio:16 / 9;overflow:hidden;background:var(--site-media-bg)}.project-detail__cover img{width:100%;height:100%;object-fit:cover}.project-detail__label{color:var(--site-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:400;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}.project-detail__intro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(20px,2.4vw,40px);row-gap:clamp(48px,5vw,80px);width:100%;max-width:1200px;margin-inline:auto;padding-block:clamp(48px,5vw,72px) clamp(64px,7vw,112px)}.project-detail__facts{display:flex;grid-column:1 / -1;justify-content:space-between;gap:24px 32px}.project-detail__fact{display:grid;align-content:start;gap:10px;text-align:center}.project-detail__fact:first-child{text-align:left}.project-detail__fact:last-child{text-align:right}.project-detail__fact dt{color:var(--site-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.project-detail__fact dd{font-size:clamp(16px,1.25vw,18px)}.project-detail__intro-brand{grid-column:1}.project-detail__lead,.project-detail__wordmark{text-box:trim-both cap alphabetic}@supports not (text-box: trim-both cap alphabetic){.project-detail__intro-brand{padding-top:calc((1lh - 1cap)/2);font-size:clamp(20px,1.9vw,28px);line-height:1.35}}.project-detail__logo{display:block;width:auto;height:auto;max-width:min(100%,260px);max-height:clamp(80px,7.5vw,120px)}.project-detail__wordmark{font-family:var(--site-font-heading);font-size:clamp(24px,2.4vw,36px);font-weight:var(--site-heading-weight);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}.project-detail__intro-copy{display:grid;grid-column:2 / -1;gap:1.25em;text-wrap:pretty;color:var(--site-text-secondary);font-size:clamp(16px,1.25vw,19px);line-height:1.65}.project-detail__lead{color:var(--site-text-primary);font-size:clamp(20px,1.9vw,28px);line-height:1.35;letter-spacing:-.01em}.project-detail__story{display:grid;max-width:1200px;margin-inline:auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(32px,4vw,64px);padding-block:clamp(40px,4vw,64px) clamp(80px,9vw,144px);border-top:1px solid var(--project-rule)}.project-detail__story-block{display:grid;align-content:start;gap:18px;color:var(--site-text-secondary);font-size:16px;line-height:1.65}.project-detail__story-block ul{display:grid;gap:10px}.project-detail__story-block li{padding-left:18px;position:relative}.project-detail__story-block li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--site-accent)}.project-detail__gallery{display:grid;gap:clamp(32px,4vw,64px)}.project-gallery__item{display:block;width:100%;padding:0;border:0;background:var(--site-media-bg);cursor:zoom-in;transition:opacity .46s cubic-bezier(.22,1,.36,1)}.project-gallery__item img{display:block;width:100%;height:auto}@media(hover:hover){.project-detail__gallery:has(.project-gallery__item:hover) .project-gallery__item:not(:hover){opacity:.45}}.project-pager{--project-pager-gap: clamp(56px, 6vw, 96px);max-width:1200px;margin-inline:auto;padding-block:var(--project-pager-gap) var(--section-gap)}.project-pager__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px)}.project-pager__all{display:flex;justify-content:center;margin-bottom:var(--project-pager-gap)}.project-pager__next:only-child{grid-column:2}@media(max-width:767px){.project-detail__intro{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail__intro-brand,.project-detail__intro-copy{grid-column:1 / -1}.project-detail__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail__fact,.project-detail__fact:first-child,.project-detail__fact:last-child{text-align:left}.project-pager__grid{grid-template-columns:1fr;row-gap:48px}.project-pager__next:only-child{grid-column:auto}}
