.work-page.work-index{overflow:clip}.portfolio-opening{padding-top:178px;padding-bottom:62px}.portfolio-kicker{justify-content:space-between;align-items:center;gap:24px;margin-bottom:44px;display:flex}.portfolio-kicker .eyebrow{color:var(--accent)}.portfolio-kicker>span{color:var(--muted);font-size:14px}.portfolio-intro-grid{grid-template-columns:1.6fr 1fr;align-items:end;gap:56px;display:grid}.portfolio-intro-grid h1{letter-spacing:-.065em;font-size:clamp(64px,7.5vw,112px);font-weight:450;line-height:1}.portfolio-intro-grid h1>span{color:var(--muted);background:linear-gradient(112deg,var(--text),#5fade0);-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.09em;display:inline-block}.portfolio-intro-copy{justify-self:end;max-width:380px;padding-bottom:8px}.portfolio-intro-copy>p{font-size:var(--type-lead);color:var(--muted);line-height:1.65}.portfolio-explore{align-items:center;gap:28px;min-height:44px;margin-top:24px;font-size:16px;display:inline-flex}.portfolio-explore svg{transition:transform .3s}.portfolio-explore:hover svg{transform:translateY(4px)}.portfolio-disciplines{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.portfolio-disciplines>span{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 60%,transparent);border-radius:30px;padding:9px 17px;font-size:14px}.project-stack{margin:0;padding:0;list-style:none}.project-stack-item{perspective:1600px;margin-bottom:44px;position:relative}.project-stack-panel{background:var(--surface);border:1px solid var(--border);transform-origin:50% 0;border-radius:28px;grid-template-columns:.86fr 1.3fr;align-items:stretch;min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000012}.project-panel-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,3.5vw,56px);display:flex}.project-panel-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-bottom:36px;font-size:14px;line-height:1.5;display:flex}.project-panel-meta>span:first-child{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--accent)}.project-panel-copy h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(36px,4vw,58px);font-weight:450;line-height:1.06}.project-panel-copy>p{color:var(--muted);max-width:420px;margin-top:22px;font-size:18px;line-height:1.65}.project-case-link{border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--text) 9%,var(--surface)),var(--surface));border-radius:99px;justify-content:space-between;align-items:center;gap:25px;min-height:52px;margin-top:30px;padding:6px 6px 6px 22px;font-size:16px;transition:border-color .25s,background .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff20}.project-case-link>span:last-child{background:var(--text);width:38px;height:38px;color:var(--page);border-radius:50%;place-items:center;display:grid}.project-case-link svg{transition:transform .3s}.project-case-link:hover{border-color:var(--accent)}.project-case-link:hover svg{transform:translate(2px,-2px)}.project-panel-visual{isolation:isolate;background:color-mix(in srgb,var(--project-color) 8%,var(--surface));border-left:1px solid var(--border);align-content:center;min-width:0;padding:24px 4px 50px;display:grid;position:relative;overflow:clip}.project-preview-glow{z-index:-1;background:radial-gradient(ellipse at 55% 52%,color-mix(in srgb,var(--project-color) 28%,transparent),transparent 70%);position:absolute;inset:0}.portfolio-device{aspect-ratio:3/2;width:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative;transform:rotate(-3deg)}.portfolio-hardware{object-fit:contain;width:100%;height:100%;position:relative}.portfolio-screen{z-index:1;background:#111716;width:77.0182%;height:65.625%;position:absolute;top:8.30078%;left:11.5234%;overflow:hidden}.portfolio-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.project-domain{color:var(--muted);justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute;bottom:29px;left:0;right:0}.portfolio-inquiry{justify-content:space-between;align-items:center;gap:44px;padding-block:75px 112px;display:flex}.portfolio-inquiry h2{max-width:630px;margin-top:22px;font-size:clamp(34px,4vw,56px)}.portfolio-inquiry .eyebrow{color:var(--muted)}.portfolio-inquiry .button{flex-shrink:0}@media (hover:hover) and (pointer:fine){.project-panel-visual:hover .portfolio-device{transform:rotate(-1deg)translateY(-7px)}}@media (width>=1100px) and (height>=720px) and (prefers-reduced-motion:no-preference){.work-index[data-stack-enhanced]{overflow:visible}[data-stack-enhanced] .project-stack-item{top:calc(100px + var(--panel-index) * 9px);margin-bottom:0;padding-bottom:90px;position:sticky}[data-stack-enhanced] .project-stack-panel{height:clamp(520px,72svh,650px);min-height:0}[data-stack-enhanced] .project-stack-item:last-child{padding-bottom:10px}}@media (width<=1099px){.portfolio-intro-grid{grid-template-columns:1.3fr 1fr;gap:32px}.portfolio-intro-grid h1{font-size:clamp(58px,8vw,88px)}.project-stack-panel{grid-template-columns:1fr 1.1fr;min-height:480px}.project-panel-copy{padding:30px}.project-panel-copy h2{font-size:40px}.project-panel-meta{margin-bottom:25px}}@media (width<=899px){.portfolio-opening{padding-top:153px;padding-bottom:40px}.portfolio-intro-grid{grid-template-columns:1fr;gap:25px}.portfolio-intro-grid h1{max-width:750px;font-size:clamp(55px,9vw,83px)}.portfolio-intro-copy{justify-self:start;max-width:540px}.portfolio-intro-copy>p{font-size:19px}.portfolio-disciplines{margin-top:22px}.project-stack-panel{border-radius:24px;grid-template-columns:1fr;min-height:0}.project-panel-copy{padding:34px}.project-panel-copy h2{font-size:clamp(36px,6.5vw,51px)}.project-panel-copy>p{max-width:560px}.project-panel-meta{margin-bottom:20px}.project-panel-visual{border-left:0;border-top:1px solid var(--border);padding:12px 16px 40px}.portfolio-device{width:94%;margin:auto;transform:rotate(-2deg)}.portfolio-inquiry{flex-direction:column;align-items:flex-start;gap:30px;padding-block:35px 80px}}@media (width<=479px){.portfolio-opening{padding-top:137px}.portfolio-kicker{gap:16px;margin-bottom:28px}.portfolio-kicker>span{font-size:13px}.portfolio-intro-grid h1{font-size:clamp(44px,11.8vw,60px)}.portfolio-intro-copy>p{font-size:18px}.portfolio-disciplines{gap:7px}.portfolio-disciplines>span{padding:8px 12px;font-size:13px}.project-stack-item{margin-bottom:28px}.project-stack-panel{border-radius:20px}.project-panel-copy{padding:25px 22px}.project-panel-meta{gap:8px 15px;font-size:13px}.project-panel-copy h2{font-size:38px}.project-panel-copy>p{margin-top:17px;font-size:18px}.project-case-link{margin-top:23px}.project-panel-visual{padding:13px 0 32px}.project-domain{font-size:13px;bottom:18px}}@media (prefers-reduced-motion:reduce){.work-index *,.portfolio-device{transition:none!important}.project-panel-visual:hover .portfolio-device,.portfolio-device{transform:none}}