.project-detail{background:var(--background);color:var(--foreground);position:relative}.project-detail__hero{padding-top:clamp(150px,14vw,210px);padding-bottom:64px}.project-detail__title{letter-spacing:-.04em;font-size:clamp(64px,13.25vw,220px);font-weight:500;line-height:.94}.project-detail__opening{justify-content:space-between;align-items:flex-end;gap:48px;margin-top:48px;display:flex}.project-detail__intro{letter-spacing:-.025em;max-width:28ch;font-size:clamp(23px,2.4vw,36px);line-height:1.3}.project-detail__facts{flex-shrink:0;gap:clamp(24px,4vw,64px);margin:0;padding-bottom:4px;font-size:15px;line-height:1.5;display:flex}.project-detail__facts dt{color:var(--muted);margin-bottom:7px}.project-detail__facts dd{margin:0}.project-detail__screen{perspective:1800px;padding-bottom:clamp(80px,10vw,160px)}.project-detail__screen-inner{transform-origin:top}.project-detail__figure{width:100%;margin:0}.project-detail__image-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.project-detail__image-button>img{border-radius:12px;width:100%;height:auto;display:block}.project-detail__image-caption{min-height:60px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:14px;line-height:1.4;display:flex}.project-detail__expand{color:var(--foreground);flex-shrink:0;align-items:center;gap:10px;min-height:44px;display:inline-flex}.project-detail__section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(32px,6vw,100px);margin-bottom:56px;display:grid}.project-detail h2{letter-spacing:-.04em;font-size:clamp(42px,5.7vw,88px);line-height:1.04}.project-detail__section-heading>p{max-width:33ch;padding-bottom:6px;font-size:22px;line-height:1.5}.project-detail__workflow{padding-bottom:clamp(80px,10vw,160px)}.workflow-tabs{gap:0}.workflow-tabs__list{background:0 0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;margin-bottom:40px;padding:0;display:grid;height:auto!important}.workflow-tabs__trigger{height:auto;min-height:64px;color:var(--foreground);background:var(--surface);border:0;border-radius:4px;padding:10px 16px;font-size:20px;font-weight:500;line-height:1.2;transition:none;box-shadow:none!important}.workflow-tabs__trigger[data-state=active]{background:var(--foreground);color:var(--background)}.workflow-tabs__trigger:focus-visible{outline:2px solid var(--blue);outline-offset:4px;box-shadow:none}.workflow-tabs__trigger:after{display:none}.workflow-panel{grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);min-height:330px;display:grid}.workflow-panel[data-state=inactive]{display:none}.workflow-panel:focus-visible{outline:2px solid var(--blue);outline-offset:12px}.workflow-panel__copy{padding-top:16px}.workflow-panel__copy h3{max-width:17ch;margin-bottom:24px;font-size:clamp(30px,3vw,44px);line-height:1.1}.workflow-panel__copy p{max-width:44ch;font-size:19px;line-height:1.55}.workflow-panel__output{background:var(--surface);flex-direction:column;justify-content:space-between;padding:clamp(28px,3.3vw,48px);display:flex}.workflow-panel__output h4{max-width:18ch;margin-bottom:36px;font-size:clamp(27px,2.8vw,40px);line-height:1.12}.workflow-panel__output ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.workflow-panel__output li{font-size:17px;line-height:1.4}.project-detail__capabilities{background:var(--surface);grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,100px);padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px);display:grid}.project-detail__capabilities-heading{align-self:start;position:sticky;top:80px}.project-detail__capabilities-heading p{margin-top:28px;font-size:20px;line-height:1.5}.project-detail__accordion{min-width:0}.project-detail__accordion-item{border:0;margin-bottom:8px}.project-detail__accordion-trigger{letter-spacing:-.025em;background:var(--surface-raised);border-radius:0;align-items:center;min-height:78px;padding:20px 24px;font-size:clamp(21px,2vw,28px);line-height:1.25;transition:background-color .18s}.project-detail__accordion-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:4px;box-shadow:none}.project-detail__accordion-trigger>svg{width:20px;height:20px;color:var(--foreground);transform:none}.project-detail__accordion-trigger[data-state=open]>svg{transform:none}.project-detail__accordion-copy{padding:22px 24px 32px;font-size:18px;line-height:1.6}.project-detail__accordion [data-slot=accordion-content][data-state=closed]{display:none}.project-detail__planning{padding-top:clamp(80px,10vw,160px);padding-bottom:64px}.project-detail__planning .project-detail__section-heading{align-items:start}.project-detail__status{grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);padding-block:clamp(72px,8vw,128px);display:grid}.project-detail__status h2{font-size:clamp(38px,4.7vw,72px)}.project-detail__status-copy{max-width:43ch;font-size:20px;line-height:1.55}.project-detail__status-copy>p+p{color:var(--muted);margin-top:20px}.project-detail__back{align-items:center;gap:12px;min-height:44px;margin-top:32px;font-size:17px;display:inline-flex}.project-detail__image-dialog{width:calc(100vw - 48px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));top:calc(50% + (env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 2);left:calc(50% + (env(safe-area-inset-left) - env(safe-area-inset-right)) / 2);background:var(--background);border:0;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:16px;overflow:hidden;max-width:1800px!important}.project-detail__dialog-top{justify-content:space-between;align-items:center;gap:20px;padding-left:8px;display:flex}.project-detail__dialog-top h2{letter-spacing:0;min-width:0;font-size:18px;font-weight:500;line-height:1.3}.project-detail__dialog-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.project-detail__dialog-zoom{min-width:44px;min-height:44px;color:inherit;background:var(--surface);border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;display:inline-flex}.project-detail__dialog-close{background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.project-detail__dialog-image{overscroll-behavior:contain;min-width:0;min-height:0;overflow:auto}.project-detail__dialog-image:focus-visible{outline-offset:-2px}.project-detail__dialog-image img{width:100%;height:auto;max-height:calc(100dvh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;display:block}.project-detail__dialog-image[data-zoomed=true] img{width:auto;min-width:max(100%,1600px);max-width:none;max-height:none}.project-detail__dialog-zoom:active,.project-detail__dialog-close:active{background:var(--surface-raised)}@media (max-width:1000px){.project-detail__opening{align-items:flex-start}.project-detail__facts{flex-direction:column;gap:14px}.project-detail__facts dt{margin-bottom:1px}.project-detail__section-heading{gap:32px}.project-detail__section-heading>p{font-size:19px}.workflow-panel{gap:32px;min-height:380px}.workflow-panel__copy p{font-size:18px}.workflow-panel__output{padding:28px}.project-detail__capabilities{grid-template-columns:.75fr 1.25fr;gap:32px}.project-detail__accordion-trigger,.project-detail__accordion-copy{padding-inline:20px}}@media (max-width:700px){.project-detail__hero{padding-top:150px;padding-bottom:36px}.project-detail__title{font-size:15.9vw}.project-detail__opening{flex-direction:column;gap:28px;margin-top:28px}.project-detail__intro{max-width:27ch;font-size:24px}.project-detail__facts{flex-direction:row;justify-content:space-between;gap:12px;width:100%;font-size:14px}.project-detail__screen{padding-bottom:72px}.project-detail__image-button>img{border-radius:6px}.project-detail__image-caption{align-items:center;gap:10px;min-height:64px;font-size:12px}.project-detail__expand{gap:6px}.project-detail__expand svg{width:14px;height:14px}.project-detail__section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.project-detail h2{font-size:clamp(37px,10.8vw,64px)}.project-detail__section-heading>p{max-width:30ch;padding-bottom:0;font-size:18px}.project-detail__workflow{padding-bottom:64px}.workflow-tabs__list{gap:3px;margin-bottom:28px}.workflow-tabs__trigger{letter-spacing:-.025em;border-radius:3px;min-height:48px;padding:8px 3px;font-size:clamp(14px,3.75vw,16px)}.workflow-panel{grid-template-columns:1fr;gap:28px;min-height:555px}.workflow-panel__copy{padding-top:0}.workflow-panel__copy h3{max-width:19ch;margin-bottom:18px;font-size:32px}.workflow-panel__copy p{font-size:18px;line-height:1.5}.workflow-panel__output{align-self:end;min-height:230px;padding:26px}.workflow-panel__output h4{margin-bottom:24px;font-size:28px}.workflow-panel__output li{font-size:16px}.project-detail__capabilities{grid-template-columns:1fr;gap:32px;padding-block:64px}.project-detail__capabilities-heading{position:static}.project-detail__capabilities-heading p{margin-top:20px;font-size:18px}.project-detail__accordion-trigger{min-height:72px;padding:18px;font-size:22px}.project-detail__accordion-copy{padding:20px 18px 28px;font-size:17px}.project-detail__planning{padding-top:64px;padding-bottom:24px}.project-detail__status{grid-template-columns:1fr;gap:28px;padding-block:48px 64px}.project-detail__status h2{font-size:38px}.project-detail__status-copy{font-size:18px}.project-detail__image-dialog{width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:10px}.project-detail__dialog-top{gap:10px;padding-left:4px}.project-detail__dialog-top h2{font-size:16px}}@media (max-height:500px) and (orientation:landscape){.project-detail__hero{padding-top:120px}.project-detail__capabilities-heading{position:static}}@media (prefers-reduced-motion:reduce){.project-detail *,.project-detail__image-dialog,.project-detail__image-dialog *{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (hover:hover) and (pointer:fine){.project-detail__image-button:hover .project-detail__expand{text-underline-offset:5px;text-decoration:underline}.workflow-tabs__trigger:not([data-state=active]):hover{background:var(--surface-raised)}.project-detail__accordion-trigger:hover{background:var(--surface-hover);text-decoration:none}.project-detail__back:hover{text-decoration:underline}.project-detail__dialog-close:hover,.project-detail__dialog-zoom:hover{background:var(--surface-raised)}}
