/* Isolated to the portfolio page. */
.design-collection-intro[hidden],.design-collection-note[hidden]{display:none!important}.design-collection-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 26px;margin:0 0 25px;border:1px solid #4a799142;border-radius:16px;background:linear-gradient(115deg,#0e2c3d,#101b31);animation:showcase-enter .6s both}.design-collection-intro span:not(.design-collection-mark){font-size:9px;color:#80eaff;letter-spacing:.2em}.design-collection-intro h3{font-size:25px;letter-spacing:-.035em;margin:7px 0}.design-collection-intro p{font-size:12px;color:#94b5c6;margin:0}.design-collection-mark{font-size:65px;color:#73dfe8;animation:showcase-float 6s ease-in-out infinite}.showcase-grid.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.showcase-card[data-work-type="design"]{background:linear-gradient(145deg,#0d2133,#081422);border-color:#6698b13b}.showcase-card[data-work-type="design"] .showcase-media{aspect-ratio:1.4;padding:32px 12px 27px;background:radial-gradient(ellipse at top,#28435e90,transparent),#04101d}.showcase-card[data-work-type="design"] .showcase-media img{object-fit:contain;object-position:center;border:0;border-radius:5px;box-shadow:0 10px 28px #0006}.showcase-card[data-work-type="design"]:hover .showcase-media img{transform:scale(1.02)}.design-grid .showcase-card[data-work-type="design"] .showcase-media{aspect-ratio:1.35}.design-grid .showcase-card-copy{padding:22px 24px}.design-description{font-size:12px;line-height:1.8;color:#99b7cb;margin:0 0 16px}.design-view{background:linear-gradient(105deg,#173949,#11253e);margin-top:12px}.showcase-card[data-work-type="design"] .work-tag{color:#84e4ee}.showcase-card[data-work-type="design"].work-enter:nth-child(even){animation-delay:.1s}.design-collection-note{max-width:860px;margin:25px auto 0;text-align:center;font-size:10px;line-height:1.7;color:#809fb3}.design-grid .showcase-card[data-work-type="design"] h3{font-size:25px}.design-grid .showcase-card[data-work-type="design"]:hover{box-shadow:0 18px 55px #0099cc18;border-color:#66cfde77}.showcase-card[data-work-type="design"] .design-view:focus-visible{outline:2px solid #79efff;outline-offset:4px}
@media(max-width:640px){.showcase-grid.design-grid{grid-template-columns:1fr;gap:18px}.design-grid .showcase-card-copy{padding:18px}.design-grid .showcase-card[data-work-type="design"] h3{font-size:22px}.design-collection-intro{padding:18px;gap:12px}.design-collection-intro h3{font-size:22px}.design-collection-mark{font-size:36px}.design-grid .showcase-card[data-work-type="design"] .showcase-media{aspect-ratio:1.2}}
.result-card[data-work-type="seo"]{border-color:#8d8afb42;background:linear-gradient(150deg,#102238,#091727)}.result-card[data-work-type="seo"] .result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-card[data-work-type="seo"] .result-metrics>div{position:relative;overflow:hidden;padding:12px;background:linear-gradient(120deg,#142f4c,#0b2338);border-color:#6187cb36}.result-card[data-work-type="seo"] .result-metrics>div:nth-child(2){background:linear-gradient(120deg,#302352,#181d3c);border-color:#aa85ff30}.result-card[data-work-type="seo"] .result-metrics>div:nth-child(3){background:linear-gradient(120deg,#083d3f,#102a34)}.result-card[data-work-type="seo"] .result-metrics>div:nth-child(4){background:linear-gradient(120deg,#3a3027,#282431);border-color:#cda56330}.result-card[data-work-type="seo"] .result-metrics dt{min-height:0;font-size:10px}.result-card[data-work-type="seo"] .result-metrics dd{font-size:27px;color:#a7dbff}.result-card[data-work-type="seo"] .result-metrics>div:nth-child(2) dd{color:#c5b2ff}.result-card[data-work-type="seo"] .result-metrics>div:nth-child(3) dd{color:#79ede0}.result-card[data-work-type="seo"] .result-metrics>div:nth-child(4) dd{color:#f4c38b}.result-card[data-work-type="seo"] .showcase-media{background:radial-gradient(ellipse at top,#253a6455,transparent),#0a1728}.result-card[data-work-type="seo"] .work-tag{color:#b5bbff}.result-card[data-work-type="seo"] .result-view{background:linear-gradient(110deg,#21345b,#122d43)}.result-card[data-work-type="seo"]:hover{box-shadow:0 18px 42px #35488625;border-color:#868aff80}
.result-card .showcase-media{aspect-ratio:1.85;background:linear-gradient(130deg,#07293b,#081828)}.result-card .showcase-media img{background:#e9eff4;object-fit:contain}.result-card{border-color:#28c7d43b}.result-card h3{min-height:50px;margin-bottom:10px}.result-period{font-size:10px;color:#89abbd;margin:0 0 14px}.result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 16px}.result-metrics>div{display:flex;flex-direction:column-reverse;justify-content:end;padding:10px 7px;border-radius:9px;border:1px solid #16d9ef26;background:linear-gradient(135deg,#0a374645,#0b2931)}.result-metrics dt{font-size:8px;color:#91b4bf;line-height:1.4;min-height:23px}.result-metrics dd{font-size:clamp(16px,1.6vw,22px);line-height:1.3;letter-spacing:-.05em;font-weight:750;color:#69edeb;margin:0 0 5px;overflow-wrap:anywhere}.result-description{font-size:12px;line-height:1.7;color:#a3bcca;margin:0 0 14px}.result-note{font-size:10px;color:#94aebc;line-height:1.65;border-left:2px solid #1ab3cc66;padding-left:10px;margin:12px 0}.result-view{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;margin-top:16px;background:linear-gradient(110deg,#0c384a,#092738);border:1px solid #37c9e33b;border-radius:9px;color:#a7f5ff;font-size:12px;font-weight:700;transition:background .25s,box-shadow .25s}.result-view:hover{background:#0d4356;box-shadow:0 0 22px #00d8ff18}.result-view span{font-size:23px}.results-disclaimer{margin:30px auto 0;max-width:800px;text-align:center;color:#7e9dae;font-size:10px;line-height:1.7}.result-dialog{width:min(1180px,96vw);max-height:92vh;border:1px solid #3ecae35c;padding:22px;background:#071828;color:#ecf8ff;border-radius:20px;box-shadow:0 30px 100px #000b;overflow:auto}.result-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.result-dialog[open]{animation:showcase-enter .3s both}.result-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.result-dialog header span{font-size:9px;letter-spacing:.18em;color:var(--cyan)}.result-dialog h2{margin:4px 0;font-size:24px;letter-spacing:-.04em}.result-dialog button{cursor:pointer;background:#123449;color:#c7f5ff;border:1px solid #308199;border-radius:8px;padding:9px 14px}.result-dialog>p{font-size:12px;line-height:1.7;color:#a1bdcf;margin:10px 0 18px}.result-image-scroll{overflow:auto;max-height:62vh;border-radius:8px;background:#e9eff4}.result-image-scroll img{display:block;width:100%;height:auto;max-width:none}.is-zoomed .result-image-scroll img{width:1600px;max-width:none}.result-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;font-size:12px}.result-dialog footer a{color:#7deafd}.result-dialog :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.result-card.work-enter:nth-child(3n+2){animation-delay:.07s}.result-card.work-enter:nth-child(3n){animation-delay:.14s}
@media(max-width:640px){.result-dialog{padding:14px;border-radius:14px}.result-dialog h2{font-size:20px}.result-metrics dd{font-size:21px}.result-dialog>p{font-size:11px}.result-card h3{min-height:0}.result-dialog header button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.result-dialog[open]{animation:none}.result-view{transition:none}}
.showcase-hero{padding:136px 0 34px;overflow:hidden;background:radial-gradient(ellipse at 78% 20%,#08304c80,transparent 52%)}
.showcase-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:36px}.showcase-heading{animation:showcase-enter .8s both}.showcase-heading h1{font-size:clamp(38px,4.5vw,64px);line-height:1.08;letter-spacing:-.055em;margin:17px 0}.showcase-heading h1 em,.showcase-cta em{font-style:normal;color:var(--cyan)}.showcase-heading p{max-width:480px;font-size:15px;color:var(--muted);margin:0 0 22px}.showcase-heading .eyebrow{font-size:10px;letter-spacing:.2em}.showcase-heading .text-link{font-size:13px}
.showcase-orbit{height:245px;position:relative;display:grid;place-items:center;perspective:800px}.showcase-ring{position:absolute;width:285px;height:220px;border:1px solid #00d8ff35;border-radius:50%;transform:rotate(-24deg);animation:showcase-orbit 15s linear infinite}.showcase-ring:before{content:"";position:absolute;top:28px;left:32px;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}.showcase-ring.ring-two{width:225px;height:285px;animation-direction:reverse;border-style:dashed;border-color:#47a2d025}.showcase-core{width:170px;height:170px;border:1px solid #37c6ec38;border-radius:35px;background:linear-gradient(145deg,#0d324b,#04111f);box-shadow:0 20px 65px #0008,inset 0 1px #96eaff20;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-7deg);animation:showcase-float 6s ease-in-out infinite}.showcase-core>span{font-size:8px;color:var(--cyan);letter-spacing:.2em}.showcase-core strong{font-size:65px;font-style:italic;line-height:1.2;letter-spacing:-.09em}.showcase-core strong span{font-size:15px;vertical-align:top;letter-spacing:0}.showcase-core small{font-size:7px;letter-spacing:.18em;color:#9cbed3}.orbit-label{position:absolute;border:1px solid #71d7ff26;background:#061826e6;padding:8px 12px;border-radius:9px;color:#a6c9dd;font-size:10px;box-shadow:0 8px 22px #0005;animation:showcase-float 7s ease-in-out infinite}.orbit-label-a{right:0;top:38px}.orbit-label-b{left:0;bottom:30px;animation-delay:-3s}
.showcase-section{padding:24px 0 55px;scroll-margin-top:100px}.showcase-bar{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:end;justify-content:space-between;gap:20px}.showcase-index{font-size:9px;letter-spacing:.18em;color:#738da2}.showcase-bar h2{font-size:25px;letter-spacing:-.04em;margin:5px 0 0}.showcase-bar h2 span{color:var(--cyan)}.collection-total{font-size:11px;color:#829fb3;white-space:nowrap}.showcase-filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 10px}.showcase-filters button{display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid var(--line);border-radius:30px;background:#071725;color:#99b3c6;font-size:12px;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}.showcase-filters button span{font-size:9px;opacity:.6}.showcase-filters button:hover{border-color:#00d8ff70;transform:translateY(-2px)}.showcase-filters button.active{background:var(--cyan);color:#021723;border-color:var(--cyan);box-shadow:0 4px 25px #00d8ff20;font-weight:750}.collection-status{font-size:11px;color:#7794a9;min-height:18px;margin:0 0 20px}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px}.showcase-card{min-width:0;border:1px solid #6bb6db26;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0a2031,#051320);transition:transform .35s,border-color .35s,box-shadow .35s}.showcase-card:hover{transform:translateY(-6px);border-color:#00d8ff65;box-shadow:0 18px 36px #0005}.showcase-card.work-enter{animation:showcase-enter .5s both}.showcase-card[hidden],.collection-empty[hidden],[data-load-work][hidden]{display:none!important}.showcase-media{position:relative;aspect-ratio:1.65;background:#071827;overflow:hidden;padding:33px 13px 28px}.showcase-media img{width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #719ab83b;border-radius:6px;transition:transform .7s,filter .7s;box-shadow:0 8px 25px #0005}.showcase-card:hover .showcase-media img{transform:scale(1.035);filter:brightness(1.05)}.showcase-poster img{object-fit:contain}.work-tag,.work-number{position:absolute;top:10px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#80bdd3}.work-tag{left:15px}.work-number{right:15px;color:#537c96}.media-caption{position:absolute;bottom:8px;left:15px;font-size:8px;color:#7699ae;letter-spacing:.07em}.showcase-monogram{height:100%;display:grid;place-items:center;color:var(--cyan);font-size:60px;letter-spacing:-.09em;background:radial-gradient(ellipse,#00d8ff20,transparent)}.showcase-card-copy{padding:18px 19px 16px;border-top:1px solid var(--line)}.work-industry{font-size:9px;color:#729eb7;text-transform:uppercase;letter-spacing:.11em}.showcase-card h3{font-size:21px;letter-spacing:-.035em;line-height:1.2;margin:7px 0 16px}.work-details{border-top:1px solid var(--line)}.work-details summary{display:flex;justify-content:space-between;align-items:center;padding:11px 0;list-style:none;font-size:11px;color:#96b0c2;cursor:pointer}.work-details summary::-webkit-details-marker{display:none}.work-details summary span{font-size:17px;color:var(--cyan);transition:transform .3s}.work-details[open] summary span{transform:rotate(45deg)}.work-detail-content{padding-bottom:14px;animation:showcase-enter .3s both}.work-detail-content p{font-size:12px;color:var(--muted);line-height:1.75;margin:2px 0 12px}.work-detail-content h4{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#a3c3d5;margin:0 0 8px}.work-detail-content ul{display:flex;flex-wrap:wrap;list-style:none;gap:5px;padding:0;margin:0}.work-detail-content li{font-size:9px;padding:4px 7px;background:#0d2a3c;border-radius:4px;color:#7ec4da}.work-live-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:11px;color:#c2e9f6;font-size:11px;font-weight:700}.work-live-link span{color:var(--cyan);font-size:20px;transition:transform .2s}.work-live-link:hover span{transform:translate(3px,-3px)}.collection-more{text-align:center;margin-top:26px}.collection-more:has(button[hidden]){margin-top:0}.collection-more .button{padding:13px 24px;font-size:12px}.collection-empty{padding:48px 20px;text-align:center;border:1px dashed #49bada3b;border-radius:20px;background:radial-gradient(ellipse at top,#08314970,transparent)}.collection-empty>span{display:block;font-size:38px;color:var(--cyan);animation:showcase-float 5s ease-in-out infinite}.collection-empty h3{font-size:25px;margin:10px}.collection-empty p{max-width:470px;margin:0 auto 20px;font-size:13px;color:var(--muted)}.showcase-cta{padding:42px 0 60px;border-top:1px solid var(--line);background:linear-gradient(110deg,#06293c55,transparent)}.showcase-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}.showcase-cta h2{font-size:clamp(28px,3vw,43px);line-height:1.15;letter-spacing:-.04em;margin:15px 0 0}.showcase-section :focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@keyframes showcase-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes showcase-float{50%{translate:0 -9px}}@keyframes showcase-orbit{to{rotate:360deg}}
@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-orbit{transform:scale(.85)}.showcase-intro{gap:15px;grid-template-columns:1.4fr 1fr}.orbit-label{display:none}}
@media(max-width:640px){.showcase-hero{padding:108px 0 22px}.showcase-intro{display:block}.showcase-orbit{display:none}.showcase-heading h1{font-size:39px}.showcase-heading p{font-size:13px;max-width:330px}.showcase-section{padding-top:12px}.showcase-bar{align-items:start}.showcase-bar h2{font-size:22px}.collection-total{font-size:9px;max-width:70px;white-space:normal;text-align:right;padding-top:5px}.showcase-filters{gap:6px;margin-top:17px}.showcase-filters button{font-size:11px;padding:8px 11px;gap:7px}.showcase-grid{grid-template-columns:1fr;gap:16px}.showcase-media{aspect-ratio:1.7}.showcase-card h3{font-size:22px}.showcase-cta>.container{align-items:start;flex-direction:column}.showcase-cta{padding:30px 0 45px}.collection-status{font-size:10px}.collection-empty h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.showcase-hero *,.showcase-section *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.showcase-card:hover{transform:none}}