.portfolio-section{--portfolio-accent:var(--service-accent,#d5a786);position:relative;padding-block:95px!important}.portfolio-heading{grid-template-columns:1.1fr .75fr;align-items:end;gap:12%;margin-bottom:45px;display:grid}.portfolio-heading h2{letter-spacing:-.05em;line-height:1.04;margin:0!important;font-size:clamp(45px,5.5vw,78px)!important}.portfolio-heading h2 em{font-family:var(--font-editorial),Georgia,serif;color:var(--portfolio-accent);font-size:1.13em;font-weight:400}.portfolio-heading>div>p:not(.chapter-label){color:#a2b1b9;max-width:420px;font-size:15px;line-height:1.9}.portfolio-total{letter-spacing:-.04em;color:#dce5e7;align-items:center;gap:18px;margin-top:30px;font-size:45px;font-weight:300;display:flex}.portfolio-total small{font:9px/1.7 var(--font-geist-mono),monospace;letter-spacing:1.2px;color:#819aa7;max-width:100px}.portfolio-filter{border-block:1px solid #31434c;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-block:25px;display:flex}.portfolio-filter button{color:#a9bac2;background:0 0;border:1px solid #31434c;border-radius:30px;align-items:center;gap:10px;padding:12px 17px;font-size:12px;transition:color .2s,background .2s;display:flex}.portfolio-filter button span{font:9px var(--font-geist-mono),monospace;opacity:.65}.portfolio-filter button[aria-pressed=true]{background:var(--portfolio-accent);border-color:var(--portfolio-accent);color:#071013}.portfolio-filter button:hover{border-color:var(--portfolio-accent);color:#eef3ef}.portfolio-filter button[aria-pressed=true]:hover{color:#071013}.portfolio-disclosure{max-width:750px;color:#8da0ac!important;margin:0 0 37px!important;font-size:12px!important;line-height:1.8!important}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:58px 30px;display:grid}.portfolio-project{min-width:0}.project-visual{isolation:isolate;aspect-ratio:1.48;perspective:1100px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--project-color) 23%,#12191d),#10171b 80%);border:1px solid #3c4e5355;border-radius:3px;transition:border-color .3s;display:block;position:relative;overflow:hidden}.project-visual:before{content:"";border:1px solid color-mix(in srgb,var(--project-color) 13%,transparent);pointer-events:none;position:absolute;inset:11%;transform:rotate(-8deg)}.project-browser{transform-origin:50% 75%;background:#131a1e;border:1px solid #b8c1c133;border-radius:6px;width:86%;transition:transform .65s cubic-bezier(.2,.65,.25,1),box-shadow .65s;position:absolute;top:11%;left:7%;overflow:hidden;transform:rotateX(5deg)rotateY(-5deg)rotate(-1.8deg);box-shadow:0 27px 38px #0007}.portfolio-project:nth-child(2n) .project-browser{transform:rotateX(5deg)rotateY(5deg)rotate(1.8deg)}.browser-bar{color:#787c7d;background:#e9e9e5;justify-content:space-between;align-items:center;gap:15px;height:27px;padding:0 10px;display:flex}.browser-bar>span{gap:4px;display:flex}.browser-bar i{background:#abb0ad;border-radius:50%;width:4px;height:4px}.browser-bar small{font:7px var(--font-geist-mono),monospace;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-bar svg{flex:none}.project-image{aspect-ratio:1.62;background:#e9e9e4;position:relative;overflow:hidden}.project-image>img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.is-cover .project-image{background:#0d1519}.is-cover .project-image>img{opacity:.72;object-position:center}.project-cover-title{background:linear-gradient(#0000 10%,#070d1266 50%,#070d12cc);flex-direction:column;justify-content:flex-end;padding:8%;display:flex;position:absolute;inset:0}.project-cover-title small{font:8px var(--font-geist-mono),monospace;letter-spacing:1.2px;color:#d2d9d7;text-transform:uppercase;margin-bottom:14px}.project-cover-title strong{font-family:var(--font-editorial),Georgia,serif;letter-spacing:-.025em;color:#fff;max-width:95%;font-size:clamp(29px,3.5vw,52px);font-weight:400;line-height:1.05}.visual-caption{font:8px var(--font-geist-mono),monospace;letter-spacing:1.5px;color:var(--project-color);position:absolute;bottom:7%;left:7%}.visual-open{color:#d7e1e1;border:1px solid #899ca644;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .3s,color .3s;display:grid;position:absolute;bottom:4.5%;right:6%}:is(.project-visual:hover,.project-visual:focus-visible){border-color:var(--project-color)}:is(.project-visual:hover .project-browser,.project-visual:focus-visible .project-browser){transform:rotateX(0)rotateY(0)rotate(0)translateY(-5px);box-shadow:0 35px 50px #0008}.project-visual:hover .visual-open{background:var(--project-color);color:#10171b}.project-information{padding:22px 2px 0}.project-meta{font:9px/1.6 var(--font-geist-mono),monospace;color:#91a5b0;justify-content:space-between;gap:15px;margin-bottom:17px;display:flex}.project-meta>span:last-child{color:var(--project-color);text-align:right}.portfolio-project h3{letter-spacing:-.04em;color:#e8edeb;margin:0 0 13px;font-size:clamp(23px,2.4vw,34px);font-weight:420;line-height:1.2}.portfolio-project h3 a:hover{color:var(--project-color)}.portfolio-project .project-information>p{color:#95aab4;max-width:440px;min-height:48px;margin:0 0 20px;font-size:13px;line-height:1.85}.project-open{color:#cbd8de;border-bottom:1px solid #526570;align-items:center;gap:24px;padding-bottom:8px;font-size:12px;transition:color .2s,gap .2s;display:inline-flex}.project-open:hover{color:var(--project-color);gap:32px}.portfolio-footer{border-top:1px solid #31434c;justify-content:space-between;align-items:center;gap:25px;margin-top:55px;padding-top:28px;display:flex}.portfolio-footer>span{font:10px/1.8 var(--font-geist-mono),monospace;color:#819aa7}.portfolio-more{color:#e5ede9;background:0 0;border:1px solid #7d959b88;border-radius:30px;justify-content:center;align-items:center;gap:28px;padding:16px 24px;font-size:13px;display:inline-flex}.portfolio-more:hover{border-color:var(--portfolio-accent);background:#d2e9ef11}.portfolio-shop .portfolio-grid{display:block}.is-featured{background:linear-gradient(120deg,#20362f44,#0000);border:1px solid #59776644;grid-template-columns:1.55fr 1fr;align-items:center;gap:7%;padding:35px;display:grid}.is-featured .project-information{padding:0}.is-featured .project-meta{flex-wrap:wrap}.is-featured .project-visual{aspect-ratio:1.45}.is-featured h3{font-size:clamp(35px,4vw,55px)}.is-featured .project-information>p{font-size:15px;line-height:1.9}.is-featured .project-open{margin-top:15px}@media (max-width:959px){.portfolio-heading{gap:7%}.portfolio-grid{gap:45px 23px}.project-meta{gap:10px;font-size:8px}.is-featured{grid-template-columns:1fr;gap:30px;padding:24px}.is-featured .project-information>p{max-width:600px}.is-featured .project-visual{max-height:550px}.portfolio-filter button{padding:11px 14px;font-size:11px}}@media (max-width:600px){.portfolio-section{padding-block:65px!important}.portfolio-heading{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.portfolio-heading h2{font-size:45px!important}.portfolio-heading>div:last-child{grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid}.portfolio-heading>div>p:not(.chapter-label){margin:0;font-size:13px;line-height:1.85}.portfolio-total{margin:0;font-size:38px;display:block}.portfolio-total small{max-width:70px;margin-top:6px;font-size:7px;display:block}.portfolio-filter{gap:7px;padding-block:20px}.portfolio-filter button{gap:7px;padding:10px 12px;font-size:11px}.portfolio-grid{grid-template-columns:1fr;gap:42px}.portfolio-disclosure{margin-bottom:28px!important;font-size:11px!important}.project-visual{aspect-ratio:1.4}.project-browser{top:12%}.browser-bar{height:23px}.browser-bar small{font-size:6px}.project-meta{font-size:9px}.portfolio-project h3{font-size:29px}.project-information{padding-top:20px}.portfolio-project .project-information>p{min-height:0;font-size:13px}.project-cover-title strong{font-size:39px}.portfolio-footer{flex-direction:column;align-items:flex-start;margin-top:40px}.portfolio-more{gap:20px;width:100%;font-size:12px}.is-featured{gap:25px;padding:14px}.is-featured .project-information{padding:0 8px 15px}.is-featured h3{font-size:40px}.is-featured .project-information>p{font-size:14px}}@media (prefers-reduced-motion:reduce){.project-browser,.portfolio-project:nth-child(2n) .project-browser,.project-visual:hover .project-browser{transform:none}.project-visual,.project-browser,.visual-open,.project-open{transition:none}}.motion-calm .project-browser,.motion-calm .portfolio-project:nth-child(2n) .project-browser{transform:none}