.portfolio-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px}.portfolio-toolbar .page-eyebrow{color:#98633f;display:block;margin-bottom:13px}.portfolio-toolbar h2{margin:0;font-size:29px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}.portfolio-filters button{background:transparent;color:#63584e;border:1px solid #d6cdc3;border-radius:99px;font-size:12px;padding:10px 15px;transition:background .2s,border-color .2s}.portfolio-filters button[aria-pressed=true]{background:#151719;border-color:#151719;color:#f9f6f1}.portfolio-filters button:hover{border-color:#987b62}.portfolio-filters button:focus-visible{outline:3px solid #bfa1d1;outline-offset:3px}.portfolio-toolbar #portfolio-status{width:100%;font-size:12px;color:#777;margin:0}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.portfolio-card{background:#f2ebe3;border:1px solid #e4d9cb;border-radius:24px;padding:30px;scroll-margin-top:25px;transition:border-color .25s,box-shadow .25s}.portfolio-card[data-tone=lilac]{background:#efe8f3;border-color:#e0d3e7}.portfolio-card:hover{border-color:#bba58f;box-shadow:0 12px 35px #23160d08}.portfolio-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.portfolio-mark{display:grid;place-items:center;width:57px;height:57px;background:#e9bc99;color:#3d2819;border-radius:17px;font-size:19px;letter-spacing:-1px;font-weight:800}.portfolio-card[data-tone=lilac] .portfolio-mark{background:#d3bce0;color:#49374f}.portfolio-badge{font-size:10px;line-height:1.5;letter-spacing:.4px;color:#6a5a4d;text-align:right}.portfolio-card .content-meta{font-size:10px!important;margin:0 0 9px}.portfolio-card h2{font-size:34px;margin:0 0 10px;letter-spacing:-1px}.portfolio-card h3{font-size:18px;margin:0 0 20px;font-weight:550;min-height:48px}.portfolio-card p{font-size:15px;line-height:1.8}.portfolio-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0;margin:20px 0 12px;border-top:1px solid #d9cabc;border-bottom:1px solid #d9cabc}.portfolio-flow>span:not(.flow-arrow){font-size:11px;font-weight:650;text-align:center}.portfolio-flow .flow-arrow{color:#ab886c;font-size:17px}.portfolio-card[data-tone=lilac] .portfolio-flow{border-color:#d8c9e0}.portfolio-detail summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:14px 0;font-size:13px;font-weight:700}.portfolio-detail summary::-webkit-details-marker{display:none}.portfolio-detail summary span{font-size:21px;font-weight:400;transition:transform .2s}.portfolio-detail[open] summary span{transform:rotate(45deg)}.portfolio-detail ul{padding-left:20px;margin:5px 0 22px}.portfolio-detail li{font-size:14px;line-height:1.7;margin-bottom:10px}.portfolio-detail dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#805b40;margin:17px 0 6px}.portfolio-detail dd{font-size:14px;line-height:1.7;color:#4e5153;margin:0}.portfolio-card .portfolio-note{font-size:12px;padding:13px 15px;border-left:2px solid #ae8fbf;background:#ffffff60;border-radius:0 10px 10px 0;margin:12px 0}.portfolio-link{display:inline-block;border-bottom:1px solid #ab8c75;margin-top:18px;padding-bottom:5px;font-size:13px;font-weight:700}.portfolio-link:hover{color:#855538}.portfolio-connection{position:relative;margin-top:55px;padding:40px 0 0;border-top:1px solid #d9cabc;max-width:850px}.portfolio-connection .page-eyebrow{color:#98633f}.portfolio-connection h2{font-size:36px}.portfolio-connection>p:not(.page-eyebrow){font-size:17px}.home-header nav a[aria-current=page]{color:var(--peach)}
@media(max-width:1320px) and (min-width:1241px){.home-header nav{gap:13px}.home-header{gap:18px}.home-header .logo{font-size:27px}.home-header>.pill{padding-inline:13px}}
@media(max-width:850px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card h3{min-height:0}.portfolio-toolbar{display:block}.portfolio-filters{margin-top:25px}.portfolio-toolbar #portfolio-status{margin-top:17px}}
@media(max-width:600px){.portfolio-card{padding:23px;border-radius:20px}.portfolio-card h2{font-size:29px}.portfolio-card-top{margin-bottom:23px}.portfolio-card h3{font-size:17px}.portfolio-connection h2{font-size:29px}.portfolio-filters button{font-size:11px;padding:9px 12px}.portfolio-flow{gap:5px}.portfolio-flow>span:not(.flow-arrow){font-size:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-filters button,.portfolio-detail summary span{transition:none}}

.project-visual{margin:0 0 22px}.project-visual>a{display:flex;justify-content:center;align-items:center;height:230px;padding:14px;background:#181b1d;border-radius:16px;overflow:hidden}.project-visual img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:7px;transition:transform .35s}.project-visual a:hover img{transform:scale(1.025)}.project-visual figcaption{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#786c63}.project-visual figcaption span{font-size:14px}.portfolio-card#flooxi .project-visual>a{background:linear-gradient(135deg,#254a36,#101b17)}.portfolio-card#flooxi .project-visual img{max-height:220px}.portfolio-card .illustration-visual>a{background:radial-gradient(circle at 50% 50%,#e5d2e9,#eee7f1 72%)}.portfolio-card .illustration-visual img{width:100%;height:100%;object-fit:contain}.portfolio-card .illustration-visual>a:hover img{transform:scale(1.025)}@media(max-width:600px){.project-visual>a{height:200px}}@media(prefers-reduced-motion:reduce){.project-visual img{transition:none}.project-visual a:hover img{transform:none}}