.portfolio-page{background-color:var(--bg);color:var(--fg)}.portfolio-page main{width:100%;overflow:hidden}.portfolio-nav-actions{display:flex;align-items:center;gap:.65em}.portfolio-nav-actions .quote-nav-link{padding:.6em .65em .65em;background-color:var(--bg2);color:var(--fg);border:2px solid var(--fg);border-radius:.4em;box-shadow:3px 3px 0 var(--fg)}.portfolio-choice{position:relative;width:100%;min-height:100svh;padding:8em 2em 4em;display:grid;grid-template-rows:auto 1fr;gap:3em;overflow:hidden}.portfolio-choice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f1f3e8eb,#d5ddbfdb),repeating-linear-gradient(90deg,rgba(24,32,15,.08) 0,rgba(24,32,15,.08) 1px,transparent 1px,transparent 72px);pointer-events:none}.portfolio-choice-copy,.portfolio-choice-grid{position:relative;z-index:1}.portfolio-choice-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.44fr);gap:2em;align-items:end}.portfolio-choice-copy h1{max-width:820px;font-size:7rem}.portfolio-choice-copy>p:not(.mn){max-width:560px;font-size:1.35rem}.portfolio-choice-copy .mn{grid-column:1 / -1}.portfolio-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1em;align-items:stretch}.portfolio-choice-card{position:relative;min-height:360px;padding:1.5em;border:2px solid var(--fg);border-radius:.75em;color:var(--fg);display:flex;flex-direction:column;justify-content:space-between;gap:1.5em;text-align:left;overflow:hidden;cursor:pointer;box-shadow:6px 6px 0 var(--fg);transition:transform .2s ease,box-shadow .2s ease}.portfolio-choice-card:hover,.portfolio-choice-card.is-selected{transform:translateY(-4px);box-shadow:10px 10px 0 var(--fg)}.portfolio-choice-card strong{position:relative;z-index:1;font-family:rader;font-size:5rem;font-style:italic;line-height:.9;text-transform:uppercase}.portfolio-choice-card span{position:relative;z-index:1;font-family:formula-narrow;font-size:1.2rem;font-weight:600;line-height:1.125}.portfolio-choice-card .mn{font-family:supply-mono;font-size:.875rem;text-transform:uppercase}.portfolio-choice-code{background-color:var(--fg);color:var(--bg)}.portfolio-choice-code:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(241,243,232,.08) 0,rgba(241,243,232,.08) 1px,transparent 1px,transparent 44px),repeating-linear-gradient(90deg,rgba(201,180,90,.14) 0,rgba(201,180,90,.14) 1px,transparent 1px,transparent 44px)}.portfolio-choice-code:after{content:"</>";position:absolute;right:.3em;bottom:-.18em;color:#f1f3e817;font-family:supply-mono;font-size:9rem;font-weight:700}.portfolio-choice-design{background:linear-gradient(135deg,#d5ddbfeb,#f1f3e8fa),repeating-linear-gradient(45deg,rgba(111,127,58,.16) 0,rgba(111,127,58,.16) 12px,transparent 12px,transparent 28px)}.portfolio-choice-design:after{content:"design";position:absolute;right:1em;bottom:1em;padding:.6em .75em .5em;border:2px solid var(--fg);border-radius:999px;background-color:var(--accent2);font-family:supply-mono;font-size:.75rem;font-weight:500;text-transform:uppercase;transform:rotate(-5deg)}.portfolio-empty-state{width:100%;min-height:42vh;padding:4em 2em;border-top:2px solid var(--fg);border-bottom:2px solid var(--fg);background-color:var(--bg2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;text-align:center}.portfolio-empty-state.is-hidden{display:none}.portfolio-empty-state h2{font-size:5rem}.portfolio-panel[hidden]{display:none}.portfolio-panel{position:relative;width:100%;padding:7em 2em;display:flex;flex-direction:column;gap:3em;overflow:hidden}.portfolio-panel-header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:2em;align-items:end}.portfolio-panel-header h2{max-width:980px;font-size:6rem}.portfolio-panel-header p:not(.mn){max-width:540px;font-size:1.3rem}.portfolio-code-panel{background-color:#10170c;color:var(--bg)}.portfolio-code-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#10170ce0,#10170cfa),repeating-linear-gradient(90deg,rgba(241,243,232,.08) 0,rgba(241,243,232,.08) 1px,transparent 1px,transparent 56px),repeating-linear-gradient(0deg,rgba(241,243,232,.05) 0,rgba(241,243,232,.05) 1px,transparent 1px,transparent 56px);pointer-events:none}.portfolio-code-panel .portfolio-panel-header,.portfolio-code-panel .portfolio-project-grid,.portfolio-code-panel .portfolio-process{position:relative;z-index:1}.portfolio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}.code-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-project{min-width:0;border:2px solid currentColor;border-radius:.5em;background-color:var(--bg);color:var(--fg);overflow:hidden;display:flex;flex-direction:column}.portfolio-project-anchor{min-height:100%;color:inherit;text-decoration:none;display:flex;flex-direction:column}.portfolio-project-anchor:focus-visible{outline:3px solid var(--accent2);outline-offset:-6px}.portfolio-code-panel .portfolio-project{background-color:#f1f3e8f5;color:var(--fg)}.portfolio-project.featured-project{grid-column:span 2}.portfolio-project-img{aspect-ratio:4 / 3;border-bottom:2px solid currentColor;overflow:hidden}.featured-project .portfolio-project-img{aspect-ratio:16 / 9}.portfolio-project-copy{min-height:230px;padding:1.1em;display:flex;flex-direction:column;justify-content:space-between;gap:1em}.portfolio-project-copy h3{font-size:2.35rem;overflow-wrap:anywhere}.portfolio-project-copy p:not(.mn){font-size:1.05rem}.portfolio-project-action{width:max-content;max-width:100%;min-height:2.75rem;padding:0 1em;border:2px solid var(--fg);border-radius:.5em;background-color:var(--fg);color:var(--bg);font-family:supply-mono;font-size:.78rem;font-weight:500;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.portfolio-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}.portfolio-process>div{min-height:230px;padding:1.2em;border:2px solid currentColor;border-radius:.5em;display:flex;flex-direction:column;justify-content:space-between;gap:1em}.portfolio-process h3{font-size:2.8rem}.portfolio-process p:not(.mn){font-size:1rem}.code-process>div{background-color:#f1f3e814}.portfolio-design-panel{background-color:#e7ecda;color:var(--fg)}.portfolio-design-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#e7ecdaeb,#d5ddbfe0),repeating-linear-gradient(135deg,rgba(111,127,58,.12) 0,rgba(111,127,58,.12) 14px,transparent 14px,transparent 32px);pointer-events:none}.portfolio-design-panel .portfolio-panel-header,.portfolio-design-panel .portfolio-project-grid,.portfolio-design-panel .portfolio-process{position:relative;z-index:1}.design-project-grid .portfolio-project{background-color:#f1f3e8f2;box-shadow:5px 5px 0 var(--accent3)}.design-project-grid .featured-project{background-color:var(--bg2)}.design-process>div{background-color:#f1f3e8d1;box-shadow:4px 4px 0 var(--accent1)}.portfolio-cta{width:100%;padding:7em 2em;background-color:var(--accent2);color:var(--fg);display:flex;flex-direction:column;align-items:center;gap:1.5em;text-align:center}.portfolio-cta h2{max-width:980px;font-size:6rem}.portfolio-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:0 1.5em;border:2px solid var(--fg);border-radius:.5em;background-color:var(--fg);color:var(--bg);font-family:supply-mono;font-size:.875rem;font-weight:500;text-transform:uppercase;box-shadow:5px 5px 0 var(--bg)}@media (max-width: 1180px){.portfolio-choice-copy,.portfolio-panel-header{grid-template-columns:1fr;align-items:start}.portfolio-choice-copy h1{font-size:5.5rem}.portfolio-panel-header h2,.portfolio-cta h2{font-size:4.6rem}.portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.portfolio-choice{padding:6.5em 1em 3em;min-height:auto}.portfolio-choice-copy h1{font-size:4rem}.portfolio-choice-grid{grid-template-columns:1fr}.portfolio-choice-card{min-height:260px;padding:1.1em}.portfolio-choice-card strong{font-size:3.2rem}.portfolio-empty-state{min-height:34vh;padding:3em 1em}.portfolio-empty-state h2{font-size:3rem}.portfolio-panel{padding:4.5em 1em}.portfolio-panel-header h2,.portfolio-cta h2{font-size:3.2rem}.portfolio-project-grid,.portfolio-process{grid-template-columns:1fr}.portfolio-project.featured-project{grid-column:auto}.featured-project .portfolio-project-img,.portfolio-project-img{aspect-ratio:5 / 3}.portfolio-project-copy{min-height:190px}.portfolio-cta{padding:5em 1em}}@media (max-width: 560px){.portfolio-nav-actions{gap:.45em}.portfolio-nav-actions .quote-nav-link{padding:.55em .5em .6em;font-size:.68rem}.portfolio-choice{padding:6em .85em 2.5em}.portfolio-choice-copy h1{font-size:3rem}.portfolio-choice-copy>p:not(.mn),.portfolio-panel-header p:not(.mn){font-size:1.05rem}.portfolio-choice-card strong{font-size:2.45rem}.portfolio-choice-code:after{font-size:5rem}.portfolio-panel{padding:4em .85em}.portfolio-panel-header h2,.portfolio-cta h2{font-size:2.45rem}.portfolio-project-copy h3,.portfolio-process h3{font-size:2rem}.portfolio-project-copy{min-height:170px;padding:.9em}.portfolio-process>div{min-height:190px}.portfolio-cta a{width:100%}}