@media only screen and (min-width:0rem){#projects{background-color:var(--warmSand);padding:clamp(1.5rem,3vw,2.5rem) 1rem 0}#projects .cs-project-group{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem);list-style:none;margin:auto;max-width:80rem;padding:0;width:100%}#projects .cs-project{border-radius:clamp(1.25rem,2.5vw,2rem);box-sizing:border-box;list-style:none;padding:clamp(1.5rem,4.5vw,4rem)}#projects .cs-panel-light{background-color:rgba(27,42,56,.05)}#projects .cs-panel-dark{background-color:var(--dark)}#projects .cs-panel-dark .cs-project-title{color:var(--bodyTextColorWhite)}#projects .cs-panel-dark .cs-project-text{color:var(--rainGray)}#projects .cs-panel-dark .cs-frame{background-color:var(--medium);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 .875rem 2rem rgba(0,0,0,.35)}#projects .cs-panel-dark .cs-frame-link:hover .cs-frame{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 1.375rem 2.75rem rgba(0,0,0,.45)}#projects .cs-panel-dark .cs-frame-bar{background-color:var(--accent);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.08)}#projects .cs-panel-dark .cs-dot{background-color:hsla(0,0%,100%,.2)}#projects .cs-panel-dark .cs-frame-url{color:var(--rainGray)}#projects .cs-panel-dark .cs-wireframe{background-color:var(--accent)}#projects .cs-panel-dark .cs-wf-line,#projects .cs-panel-dark .cs-wf-nav,#projects .cs-panel-dark .cs-wf-row span{background-color:hsla(0,0%,100%,.12)}#projects .cs-panel-dark .cs-wf-hero{background-color:hsla(0,0%,100%,.07)}#projects .cs-panel-dark .cs-chip{background-color:hsla(0,0%,100%,.08);color:var(--rainGray)}#projects .cs-panel-dark .cs-spec{box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.12)}#projects .cs-panel-dark .cs-spec dt{color:var(--rainGray)}#projects .cs-panel-dark .cs-spec dd{color:var(--bodyTextColorWhite)}#projects .cs-panel-dark .cs-status{color:var(--rainGray)}#projects .cs-panel-dark .cs-link{color:var(--bodyTextColorWhite)}#projects .cs-panel-dark .cs-link:hover{color:var(--coralText)}#projects .cs-project-inner{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);width:100%}#projects .cs-frame-link{display:block;text-decoration:none}#projects .cs-frame{background-color:#fdfbf4;border-radius:.75rem;box-shadow:inset 0 0 0 1px rgba(27,42,56,.1),0 .875rem 2rem rgba(27,42,56,.14);overflow:clip;transition:transform .35s,box-shadow .35s}#projects .cs-frame-bar{align-items:center;background-color:var(--warmSand);box-shadow:inset 0 -1px 0 rgba(27,42,56,.1);display:flex;gap:.375rem;padding:.625rem .875rem}#projects .cs-dot{background-color:rgba(27,42,56,.18);border-radius:50%;flex:none;height:.5rem;width:.5rem}#projects .cs-frame-url{color:var(--pugetBlue);font-family:var(--monoFont);font-size:.6875rem;letter-spacing:.02em;line-height:1em;margin-left:.625rem}#projects .cs-shot{display:block}#projects .cs-shot img{aspect-ratio:4/3;display:block;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}#projects .cs-frame-link:hover .cs-frame{box-shadow:inset 0 0 0 1px rgba(27,42,56,.1),0 1.375rem 2.75rem rgba(27,42,56,.2);transform:translateY(-.375rem)}#projects .cs-wireframe{aspect-ratio:4/3;background-color:var(--warmSand);display:flex;flex-direction:column;gap:.625rem;padding:clamp(1rem,2.5vw,1.75rem)}#projects .cs-wf-line,#projects .cs-wf-nav,#projects .cs-wf-row span{background-color:rgba(27,42,56,.12);border-radius:.25rem;display:block}#projects .cs-wf-nav{height:.625rem;width:45%}#projects .cs-wf-hero{align-items:flex-end;background-color:rgba(27,42,56,.07);border-radius:.25rem;display:flex;flex:1;min-height:3.75rem;padding:.875rem}#projects .cs-wf-btn{background-color:rgba(214,85,61,.55);border-radius:2.5rem;display:block;height:1rem;width:4.125rem}#projects .cs-wf-line{height:.5rem;width:100%}#projects .cs-wf-line-short{width:62%}#projects .cs-wf-row{display:grid;gap:.625rem;grid-template-columns:repeat(3,1fr);height:2.125rem}#projects .cs-wf-row span{height:100%}#projects .cs-project-content{align-items:flex-start;display:flex;flex-direction:column}#projects .cs-meta{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}#projects .cs-number{color:var(--coralText);font-size:.75rem;letter-spacing:.12em}#projects .cs-chip,#projects .cs-number{font-family:var(--monoFont);font-weight:500;line-height:1em}#projects .cs-chip{background-color:rgba(27,42,56,.11);border-radius:2.5rem;color:var(--pugetBlue);font-size:.6875rem;letter-spacing:.1em;padding:.375rem .75rem;text-transform:uppercase}#projects .cs-project-title{color:var(--inkNavy);font-family:var(--headerFont);font-size:clamp(1.5rem,3.4vw,2.125rem);font-weight:800;letter-spacing:-.02em;line-height:1.2em;margin:0}#projects .cs-project-text{color:var(--pugetBlue);font-size:1rem;line-height:1.6em;margin:.875rem 0 0;max-width:46ch}#projects .cs-specs{margin:1.5rem 0 0;max-width:27.5rem;padding:0;width:100%}#projects .cs-spec{box-shadow:inset 0 -1px 0 rgba(27,42,56,.1);display:flex;gap:1rem;padding:.625rem 0}#projects .cs-spec dt{color:var(--pugetBlue);flex:none;font-family:var(--monoFont);font-size:.6875rem;letter-spacing:.1em;line-height:1.5em;text-transform:uppercase;width:4.5rem}#projects .cs-spec dd{color:var(--inkNavy);font-size:.9375rem;line-height:1.5em;margin:0}#projects .cs-link{align-items:center;color:var(--inkNavy);display:inline-flex;font-family:var(--bodyFont);font-size:1rem;font-weight:600;gap:.5rem;line-height:1em;margin-top:1.75rem;text-decoration:none;transition:color .25s}#projects .cs-link .cs-arrow{transition:transform .25s}#projects .cs-link:hover{color:var(--coralText)}#projects .cs-link:hover .cs-arrow{transform:translateX(4px)}#projects .cs-status{color:var(--pugetBlue);font-family:var(--monoFont);font-size:.8125rem;line-height:1em;margin-top:1.75rem}#projects .cs-outro{background-color:var(--warmSand);padding:clamp(2rem,4vw,3rem) 0 clamp(3.75rem,7.82vw,6.25rem)}#projects .cs-outro-inner{box-sizing:border-box;margin:auto;max-width:80rem;padding:0 clamp(1.5rem,4.5vw,4rem);width:100%}#projects .cs-note{color:var(--pugetBlue);font-size:.9375rem;line-height:1.7em;margin:0;max-width:38.75rem}#projects .cs-note a{color:var(--inkNavy);font-weight:600;text-decoration:underline;text-underline-offset:.1875rem;transition:color .25s}#projects .cs-note a:hover{color:var(--coralText)}}@media only screen and (min-width:64rem){#projects .cs-project-inner{align-items:center;flex-direction:row;gap:clamp(3rem,5vw,5rem)}#projects .cs-frame-link,#projects .cs-project-concept .cs-project-inner>.cs-frame{flex:none;width:54%}#projects .cs-project-content{flex:1}#projects .cs-project:nth-of-type(2n) .cs-project-inner{flex-direction:row-reverse}}@media (prefers-reduced-motion:reduce){#projects .cs-frame,#projects .cs-frame-link:hover .cs-frame,#projects .cs-link .cs-arrow{transform:none;transition:none}}@media only screen and (min-width:0rem){body.dark-mode #projects,body.dark-mode #projects .cs-outro{background-color:var(--dark)}body.dark-mode #projects .cs-panel-light{background-color:hsla(0,0%,100%,.04)}body.dark-mode #projects .cs-panel-dark{background-color:rgba(0,0,0,.25)}body.dark-mode #projects .cs-panel-dark .cs-project-title,body.dark-mode #projects .cs-panel-light .cs-project-title{color:var(--bodyTextColorWhite)}body.dark-mode #projects .cs-panel-dark .cs-project-text,body.dark-mode #projects .cs-panel-light .cs-project-text{color:var(--rainGray)}body.dark-mode #projects .cs-panel-dark .cs-frame,body.dark-mode #projects .cs-panel-light .cs-frame{background-color:var(--medium);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 .875rem 2rem rgba(0,0,0,.35)}body.dark-mode #projects .cs-panel-dark .cs-frame-link:hover .cs-frame,body.dark-mode #projects .cs-panel-light .cs-frame-link:hover .cs-frame{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 1.375rem 2.75rem rgba(0,0,0,.45)}body.dark-mode #projects .cs-panel-dark .cs-frame-bar,body.dark-mode #projects .cs-panel-light .cs-frame-bar{background-color:var(--accent);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.08)}body.dark-mode #projects .cs-panel-dark .cs-dot,body.dark-mode #projects .cs-panel-light .cs-dot{background-color:hsla(0,0%,100%,.2)}body.dark-mode #projects .cs-panel-dark .cs-frame-url,body.dark-mode #projects .cs-panel-light .cs-frame-url{color:var(--rainGray)}body.dark-mode #projects .cs-panel-dark .cs-wireframe,body.dark-mode #projects .cs-panel-light .cs-wireframe{background-color:var(--accent)}body.dark-mode #projects .cs-panel-dark .cs-wf-line,body.dark-mode #projects .cs-panel-dark .cs-wf-nav,body.dark-mode #projects .cs-panel-dark .cs-wf-row span,body.dark-mode #projects .cs-panel-light .cs-wf-line,body.dark-mode #projects .cs-panel-light .cs-wf-nav,body.dark-mode #projects .cs-panel-light .cs-wf-row span{background-color:hsla(0,0%,100%,.12)}body.dark-mode #projects .cs-panel-dark .cs-wf-hero,body.dark-mode #projects .cs-panel-light .cs-wf-hero{background-color:hsla(0,0%,100%,.07)}body.dark-mode #projects .cs-panel-dark .cs-chip,body.dark-mode #projects .cs-panel-light .cs-chip{background-color:hsla(0,0%,100%,.08);color:var(--rainGray)}body.dark-mode #projects .cs-panel-dark .cs-spec,body.dark-mode #projects .cs-panel-light .cs-spec{box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.12)}body.dark-mode #projects .cs-panel-dark .cs-spec dt,body.dark-mode #projects .cs-panel-light .cs-spec dt{color:var(--rainGray)}body.dark-mode #projects .cs-panel-dark .cs-spec dd,body.dark-mode #projects .cs-panel-light .cs-spec dd{color:var(--bodyTextColorWhite)}body.dark-mode #projects .cs-panel-dark .cs-status,body.dark-mode #projects .cs-panel-light .cs-status{color:var(--rainGray)}body.dark-mode #projects .cs-panel-dark .cs-link,body.dark-mode #projects .cs-panel-light .cs-link{color:var(--bodyTextColorWhite)}body.dark-mode #projects .cs-panel-dark .cs-link:hover,body.dark-mode #projects .cs-panel-light .cs-link:hover{color:var(--coralText)}body.dark-mode #projects .cs-note{color:var(--rainGray)}body.dark-mode #projects .cs-note a{color:var(--bodyTextColorWhite)}body.dark-mode #projects .cs-note a:hover{color:var(--coralText)}}