.work-hero{max-width:980px;padding-bottom:clamp(4rem,8vw,7rem)}.work-hero h1{max-width:900px}.work-hero>p:not(.eyebrow){max-width:760px}.work-hero__intro{font-size:clamp(1.05rem,1.6vw,1.25rem)}.work-hero__disclosure{margin-top:1.5rem;color:var(--muted);font-size:.85rem}.work-projects{display:grid}.project-showcase{--project-bg: var(--surface-muted);--project-ink: var(--text-primary);--project-accent: var(--saffron);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);grid-template-areas:"meta meta" "media copy";gap:clamp(2.5rem,5vw,5.25rem);align-items:center;padding:clamp(4.5rem,8vw,7rem) max(20px,calc((100vw - 1180px)/2));overflow:hidden;background:var(--project-bg);color:var(--project-ink)}.project-showcase--reverse{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);grid-template-areas:"meta meta" "copy media"}.project-showcase__meta{grid-area:meta;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;border-bottom:1px solid color-mix(in srgb,var(--project-ink) 25%,transparent);padding-bottom:.85rem;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.project-showcase__meta span:nth-child(2){text-align:center}.project-showcase__media{grid-area:media;min-width:0}.project-showcase__copy{grid-area:copy;width:100%;max-width:430px}.project-showcase--reverse .project-showcase__copy{justify-self:start}.project-showcase__copy h2{margin:0 0 1.25rem;color:inherit;font-size:clamp(2.8rem,4.3vw,4.7rem);line-height:.94}.project-showcase__summary{margin:0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.project-showcase__capabilities{margin:1.6rem 0;color:color-mix(in srgb,var(--project-ink) 74%,transparent);font-size:.82rem;font-weight:700;line-height:1.7}.project-actions{display:flex;flex-wrap:wrap;gap:.7rem 1.35rem;align-items:center}.project-action{display:inline-flex;min-height:44px;align-items:center;gap:.45rem;border-bottom:2px solid var(--project-accent);padding:.65rem 0;color:inherit;font-size:.86rem;font-weight:900;text-decoration:none}.project-action--secondary{border-bottom-width:1px}.project-action:hover{color:var(--project-accent)}.project-action:focus-visible,.scroll-preview__play:focus-visible,.work-cta a:focus-visible,.design-story a:focus-visible{outline:3px solid var(--project-accent, var(--saffron));outline-offset:4px}.browser-frame{margin:0;border:1px solid color-mix(in srgb,var(--project-ink) 18%,transparent);overflow:hidden;background:#fff;box-shadow:0 22px 56px #00000029}.browser-frame__bar{display:flex;gap:.38rem;padding:.65rem .8rem;background:#eceae5}.browser-frame__bar span{width:7px;height:7px;border-radius:50%;background:#aaa}.browser-frame img,.browser-frame__video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.browser-frame img[hidden],.browser-frame__video[hidden]{display:none}.homepage-work{background:var(--surface-muted)}.homepage-work__heading{margin-bottom:clamp(2rem,4vw,3.5rem)}.homepage-work__note{max-width:58ch;margin:1rem 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.homepage-work__featured{display:grid;gap:clamp(1.5rem,3.2vw,2.75rem);border-top:1px solid var(--line);padding-top:1rem}.homepage-work__featured-media{width:min(100%,1060px)}.homepage-work__browser{margin:0}.homepage-work .browser-frame__visual{aspect-ratio:16 / 10;overflow:hidden}.homepage-work .browser-frame__visual>img,.homepage-work .browser-frame__visual>.browser-frame__video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top}.homepage-work__featured-copy{width:min(100%,740px);margin-left:auto;border-bottom:1px solid var(--line);padding-bottom:clamp(2rem,3.5vw,3rem)}.homepage-work__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 .8rem;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.homepage-work__meta span+span{color:var(--accent-text)}.homepage-work__featured-copy h3{margin:0 0 1rem;font-size:clamp(3.1rem,6.2vw,5.6rem);line-height:.88}.homepage-work__featured-copy>p:not(.homepage-work__meta):not(.homepage-work__capabilities){max-width:61ch;font-size:clamp(1.05rem,1.55vw,1.25rem);line-height:1.6}.homepage-work__capabilities{margin:1.25rem 0;color:var(--text-secondary);font-size:.84rem;font-weight:750;line-height:1.65}.homepage-work__supporting{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);margin-top:clamp(2.5rem,5vw,4.5rem)}.homepage-work__supporting-card{overflow:hidden;border:1px solid var(--line);background:var(--surface-raised)}.homepage-work__supporting-card .project-browser{border:0;border-bottom:1px solid var(--line)}.homepage-work__supporting-card .project-browser picture,.homepage-work__supporting-card .project-browser img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.homepage-work__supporting-card>div:last-child{padding:clamp(1.2rem,2.5vw,1.8rem)}.homepage-work__supporting-card h3{margin:0 0 .75rem;font-size:clamp(1.55rem,2.5vw,2.25rem)}.homepage-work__supporting-card>div:last-child>p:not(.homepage-work__meta){min-height:4.8em;margin-bottom:1.1rem;color:var(--text-secondary);font-size:.92rem;line-height:1.6}.homepage-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin:2.3rem 0;padding:0;list-style:none}.homepage-process>li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"number copy" "artifact artifact";gap:.95rem 1rem;min-width:0;border:1px solid var(--line);padding:1rem;background:var(--surface-raised)}.homepage-process>li:nth-child(-n+3){grid-column:span 2}.homepage-process>li:nth-child(n+4){grid-column:span 3}.homepage-process__number{grid-area:number;color:var(--accent-text);font-size:.76rem;font-weight:850;letter-spacing:.1em;line-height:1.35}.homepage-process__copy{grid-area:copy;min-width:0}.homepage-process__copy strong{display:block;color:var(--text-primary);font-size:1.05rem}.homepage-process__copy p{margin:.35rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.homepage-process__artifact{grid-area:artifact;display:grid;min-height:136px;border:1px solid var(--line);padding:.8rem;background:var(--surface);color:var(--text-primary)}.homepage-process__artifact-label{color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.homepage-process__signal-grid{display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:.35rem;margin-top:.7rem}.homepage-process__signal-grid span{border-top:1px solid var(--line);padding-top:.35rem;font-size:.7rem;font-weight:750}.homepage-process__signal-grid span:before{display:inline-block;width:5px;height:5px;margin:0 .42rem .07rem 0;background:var(--saffron);content:"";transform:rotate(45deg)}.homepage-process__artifact--scope{align-content:start;gap:.65rem}.homepage-process__artifact--scope strong{font-size:1.35rem;letter-spacing:-.04em}.homepage-process__tags{display:flex;flex-wrap:wrap;gap:.35rem;align-self:end}.homepage-process__tags span{border:1px solid var(--line);padding:.3rem .4rem;color:var(--muted);font-size:.64rem;font-weight:750}.homepage-process__artifact--build{padding:0;overflow:hidden}.homepage-process__browser-bar{display:flex;align-items:center;gap:4px;min-height:24px;border-bottom:1px solid var(--line);padding:0 .65rem;background:var(--surface-muted)}.homepage-process__browser-bar i{width:5px;height:5px;background:var(--saffron);transform:rotate(45deg)}.homepage-process__browser-bar i:nth-child(2){background:var(--line)}.homepage-process__browser-bar i:nth-child(3){background:var(--ink)}.homepage-process__browser-bar span{margin-left:.35rem;color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.06em}.homepage-process__browser-body{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto;gap:.55rem;min-height:110px;padding:.75rem}.homepage-process__browser-body b{background:var(--ink)}.homepage-process__browser-body b:nth-child(2){background:var(--surface-muted)}.homepage-process__browser-body b:nth-child(3){grid-column:1 / -1;height:8px;background:var(--line)}.homepage-process__browser-body em{position:absolute;align-self:end;justify-self:end;width:32%;height:16px;background:var(--saffron)}.homepage-process__artifact--verify{gap:.65rem}.homepage-process__check-list{display:grid;grid-template-columns:1fr 1fr;gap:.42rem .65rem;align-self:end}.homepage-process__check-list span{color:var(--text-primary);font-size:.68rem;font-weight:750}.homepage-process__check-list span:before{margin-right:.38rem;color:var(--accent-text);content:"✓"}.homepage-process__artifact--review{align-content:start;gap:.85rem}.homepage-process__review-list{display:grid;gap:.4rem;align-self:end}.homepage-process__review-list span{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.7rem;font-weight:750}.homepage-process__review-list span:after{flex:1;height:1px;background:var(--line);content:""}.project-theme--brightline{--project-bg: #123b35;--project-ink: #f7f1e5;--project-accent: #f08c73}.project-theme--kindred{--project-bg: #f3e8dc;--project-ink: #531f2d;--project-accent: #b65c4d}.project-theme--angan{--project-bg: #e9e0d3;--project-ink: #392c25;--project-accent: #9d4e38}.project-theme--saptapadi{--project-bg: #2e0710;--project-ink: #fff8e8;--project-accent: #d9b66d}.project-theme--kindred .browser-frame{border-radius:18px;box-shadow:20px 24px #b65c4d1f,0 22px 56px #46222521}.project-theme--angan .browser-frame{box-shadow:0 18px #9d4e3817}.project-theme--saptapadi .browser-frame{border-color:#d9b66d57;box-shadow:0 24px 64px #00000052}.device-pair{position:relative;padding:0 clamp(1.5rem,4vw,4rem) 2rem 0}.device-pair .browser-frame img{aspect-ratio:auto}.device-pair__phone{position:absolute;right:0;bottom:-1rem;width:24%;margin:0;filter:drop-shadow(0 20px 28px rgb(0 0 0 / 32%))}.device-pair__phone img{display:block;width:100%;height:auto}.scroll-preview{width:min(72%,520px);max-height:680px;margin:0 auto;border:12px solid #fff;border-radius:24px;overflow:auto;background:#fff;box-shadow:28px 32px color-mix(in srgb,var(--project-accent) 20%,transparent),0 24px 65px #4622252e;scrollbar-width:thin}.scroll-preview__poster{position:relative}.scroll-preview img,.scroll-preview video{display:block;width:100%;height:auto}.scroll-preview video{max-height:650px;object-fit:cover;object-position:top}.scroll-preview__play{position:absolute;right:1rem;bottom:1rem;display:inline-flex;min-height:44px;align-items:center;gap:.55rem;border:1px solid rgb(83 31 45 / 24%);border-radius:999px;padding:.7rem 1rem;background:#fffaf4f0;color:#531f2d;box-shadow:0 8px 24px #531f2d24;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.scroll-preview__play:hover{background:#fff}.scroll-preview__video[hidden],.scroll-preview__poster[hidden]{display:none}.work-cta{padding:clamp(4rem,8vw,7rem) 0;background:var(--dark-section);color:var(--dark-text)}.work-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,6vw,6rem);align-items:end}.work-cta h2{max-width:780px;color:inherit}.work-cta p:not(.eyebrow){max-width:680px;color:var(--dark-muted)}.work-cta__actions{display:grid;gap:1rem;min-width:220px}.work-cta__secondary{display:inline-flex;justify-content:center;gap:.4rem;padding:.8rem;color:inherit;font-size:.86rem;font-weight:800;text-decoration:none}.work-cta__secondary:hover{text-decoration:underline;text-underline-offset:5px}.design-story{--project-accent: var(--saffron);color:var(--text-primary)}.design-story .shell{width:min(1100px,calc(100% - 40px))}.design-story__hero{padding:clamp(5rem,10vw,9rem) 0 clamp(3.5rem,7vw,6rem)}.design-story__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.design-story__heading h1{margin:0;font-size:clamp(3.3rem,8vw,7.2rem);line-height:.9}.design-story__number,.design-story__disclosure{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.design-story__summary{max-width:780px;margin:2rem 0;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.55}.design-story__proof{padding:clamp(3rem,7vw,7rem) 0;overflow:hidden;background:var(--project-bg);color:var(--project-ink)}.design-story__proof .browser-frame{width:100%}.design-story__proof .browser-frame img{aspect-ratio:16 / 10}.design-story__proof .cinematic-frame{position:relative;margin:0;aspect-ratio:16 / 9;overflow:hidden;background:#2e0710;box-shadow:0 24px 64px #00000052}.design-story__proof .cinematic-frame img{width:100%;height:100%;object-fit:cover}.design-story__supporting{padding:clamp(4rem,8vw,7rem) 0;background:var(--surface)}.design-story__supporting .device-pair{max-width:900px;margin-inline:auto}.design-story__narrative{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,5rem);padding-block:clamp(5rem,10vw,9rem)}.design-story__narrative article{border-top:2px solid var(--project-accent);padding-top:1.25rem}.design-story__narrative h2,.design-story__decisions h2{font-size:clamp(1.6rem,3vw,2.5rem)}.design-story__decisions{padding:clamp(5rem,9vw,8rem) 0;background:var(--dark-section);color:var(--dark-text)}.design-story__decision-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,8rem)}.design-story__decision-grid h2{color:inherit}.design-story__decision-grid ol{margin:0;padding:0;list-style:none}.design-story__decision-grid li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;border-top:1px solid var(--dark-section-border);padding:1.4rem 0}.design-story__decision-grid li span{color:var(--accent-on-dark);font-weight:800}.design-story__decision-grid li p{margin:0;color:var(--dark-muted)}.design-story__outcome{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(3rem,8vw,8rem);padding-block:clamp(5rem,10vw,9rem)}.design-story__outcome aside{border-left:1px solid var(--line);padding-left:2rem}.design-story__footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:2rem 4rem}.design-story__footer a{color:inherit;font-weight:800;text-decoration:none}@media(max-width:1050px){.project-showcase,.project-showcase--reverse{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "media" "copy";gap:clamp(2.5rem,5vw,4rem);padding:clamp(4.5rem,8vw,6.5rem) clamp(40px,7vw,72px)}.project-showcase__media{width:100%;max-width:900px;margin-inline:auto}.project-showcase__copy{max-width:720px}}@media(max-width:800px){.project-showcase,.project-showcase--reverse{grid-template-columns:1fr;grid-template-areas:"meta" "media" "copy";gap:1.8rem;padding:4rem 20px}.project-showcase__meta{grid-template-columns:auto 1fr}.project-showcase__meta span:nth-child(2){text-align:right}.project-showcase__meta span:last-child{grid-column:1 / -1;padding-top:.3rem;color:var(--project-accent)}.project-showcase__copy h2{font-size:clamp(2.65rem,13vw,4.4rem)}.work-cta__inner,.design-story__narrative,.design-story__decision-grid,.design-story__outcome{grid-template-columns:1fr}.design-story__outcome aside{border-top:1px solid var(--line);border-left:0;padding-top:2rem;padding-left:0}.scroll-preview{width:min(82%,500px);max-height:520px}.homepage-work__heading{margin-bottom:2rem}.homepage-work__featured-media,.homepage-work__featured-copy{width:100%;margin-left:0}.homepage-work__featured-copy{padding-bottom:2rem}.homepage-work__featured-copy h3{font-size:clamp(3rem,15vw,4.4rem)}.homepage-work__supporting{grid-template-columns:1fr;margin-top:2.5rem}.homepage-work__supporting-card>div:last-child>p:not(.homepage-work__meta){min-height:0}.homepage-process{grid-template-columns:1fr;gap:.7rem}.homepage-process>li,.homepage-process>li:nth-child(n){grid-column:auto;grid-template-columns:1fr;grid-template-areas:"number" "artifact" "copy";gap:.8rem;padding:.9rem}.homepage-process__artifact{min-height:124px}}@media(max-width:430px){.design-story__heading{grid-template-columns:1fr;gap:1rem;align-items:start}.design-story__disclosure{justify-self:start}.work-hero{padding-bottom:3.5rem}.work-hero h1{font-size:clamp(2.65rem,12.5vw,3.4rem);letter-spacing:-.045em}.project-showcase__meta{font-size:.7rem;letter-spacing:.09em}.project-showcase__meta span:last-child{font-size:.66rem}.project-showcase__copy h2{font-size:clamp(2.45rem,12vw,3.15rem)}.project-theme--kindred .project-showcase__copy{border-left:1px solid rgb(83 31 45 / 22%);padding-left:1rem}.project-theme--angan .project-showcase__copy{padding-top:.5rem}.project-theme--saptapadi .project-showcase__copy{padding-right:.5rem}.work-cta h2{font-size:clamp(2.25rem,10.5vw,2.9rem)}.project-actions{gap:.35rem 1rem}}@media(prefers-reduced-motion:reduce){.work-page *,.design-story *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}