.wild-portfolio{max-width:1360px;margin:0 auto;padding:88px 36px 0;background:#081524;color:#e8eef4;font-family:Geist,Arial,sans-serif}.portfolio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}.portfolio-heading h2{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:clamp(38px,5.2vw,78px);line-height:.92;letter-spacing:-.03em;margin:0;color:#e8eef4}.portfolio-tabs{display:flex;gap:6px;flex-wrap:wrap;background:#0e2036;padding:5px;border-radius:999px}.portfolio-tab{border:0;cursor:pointer;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;font-family:inherit;background:transparent;color:#c6d2dd}.portfolio-tab[aria-selected=true]{background:#fff;color:#081524}.portfolio-tab:hover{color:#fff;background:#13294a}.portfolio-tab[aria-selected=true]:hover{color:#081524;background:#fff}.portfolio-panel{background:#0e2036;border-radius:28px;overflow:hidden;display:flex;flex-wrap:wrap}.portfolio-list{flex:1 1 300px;max-width:100%;padding:22px 0;border-right:1px solid #1b3049;max-height:560px;overflow:auto}.portfolio-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 32px;color:#e8eef4;line-height:1.25}.portfolio-row>span{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:700;font-size:21px;letter-spacing:-.01em}.portfolio-row small{font-size:13px;color:#7f95ab;flex:none}.portfolio-row.is-selected{background:#13294a;color:#ff6b74}.portfolio-row:hover{background:#13294a;color:#fff}.portfolio-row:focus-visible{outline-offset:-3px}.portfolio-preview{flex:2 1 520px;max-width:100%;min-width:0;display:flex;flex-direction:column;color:#e8eef4}.portfolio-preview:hover{color:#e8eef4}.portfolio-image{aspect-ratio:3/2;background:#0e2036;display:flex;align-items:center;justify-content:center;position:relative}.portfolio-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.portfolio-image [hidden]{display:none}.portfolio-no-photo{font-family:monospace;font-size:12px;color:#7f95ab;letter-spacing:.08em}.portfolio-caption{padding:0 36px 32px;margin-top:-8px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;position:relative}.portfolio-caption h3{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.03em;line-height:1;color:#e8eef4}.portfolio-caption p{font-size:15px;color:#93a7bc;margin-top:8px}.portfolio-specs{font-weight:600;font-size:15px;color:#ff6b74;white-space:nowrap}.portfolio-all{display:flex;justify-content:center;margin-top:24px;padding-bottom:24px}.portfolio-all a{border:1.5px solid #2b4763;color:#fff;font-weight:600;font-size:15.5px;padding:15px 26px;border-radius:999px}.portfolio-all a:hover{border-color:#fff;color:#fff}
@media(max-width:700px){.wild-portfolio{padding:58px 22px 0}.portfolio-heading h2{font-size:clamp(38px,9vw,58px)}.portfolio-tabs{border-radius:20px;gap:2px;width:100%}.portfolio-tab{font-size:12px;padding:10px 12px}.portfolio-list{flex-basis:100%;border-right:0;border-bottom:1px solid #1b3049;max-height:270px}.portfolio-row{padding:12px 22px}.portfolio-row>span{font-size:18px}.portfolio-row small{font-size:11px}.portfolio-preview{flex-basis:100%}.portfolio-caption{padding:8px 22px 28px;margin:0}.portfolio-caption h3{font-size:30px}.portfolio-caption p{font-size:13px}}

/* Compact top-right control stays in normal flow, clear of photos and links. */
.portfolio-controls{flex:0 0 100%;min-width:0;box-sizing:border-box;display:flex;justify-content:flex-end;padding:0 16px}.portfolio-rotation-toggle{min-height:44px;min-width:44px;margin:8px 0 0;border:0;background:transparent;color:#c6d2dd;font:600 12px Geist,Arial,sans-serif;line-height:1.4;padding:10px 12px;border-radius:999px;cursor:pointer}.portfolio-rotation-toggle:hover{background:#13294a;color:#fff}.portfolio-rotation-toggle:focus-visible{outline:2px solid #ff6b74;outline-offset:4px}.portfolio-rotation-toggle[hidden]{display:none}
