.work-showcase{width:min(1320px,calc(100% - 88px));margin:auto;padding:65px 0 80px;font-family:'Inter Tight',Arial,sans-serif}.work-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:end;margin-bottom:65px}.work-intro h1{font-size:clamp(58px,6vw,89px);line-height:1.01;font-weight:400;letter-spacing:-.055em;margin:24px 0 0}.work-intro h1 em{font-style:normal;color:#8b857a}.about-max{max-width:360px;padding-bottom:6px}.about-max p{font-size:16px;line-height:1.65;margin:17px 0 0;color:#6f6b62}.about-max p:first-of-type{font-size:21px;line-height:1.4;color:#25231f;letter-spacing:-.02em}.about-max a{margin-top:24px}.work-index{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #24201830;border-bottom:1px solid #24201830;padding:12px 0;margin-bottom:45px}.work-index>span{font:9px monospace;letter-spacing:.08em;color:#837c70}.work-index .filter-row{margin:0;gap:20px}.work-index .filter-row button{font-size:12px;min-height:40px;padding:0;border-bottom:1px solid transparent}.project-reel{margin-bottom:85px}.reel-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:23px}.reel-heading h2{font-size:42px;font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:9px 0 0}.reel-heading>p{max-width:350px;font-size:14px;line-height:1.6;color:#746e62}.reel-heading .eyebrow{font-size:9px}.reel-viewport{position:relative;overflow:hidden;border:1px solid #28231d26;background:#fff;aspect-ratio:1440/950;isolation:isolate;touch-action:pan-y}.reel-track{height:100%;display:flex;transition:transform .48s cubic-bezier(.22,.61,.36,1);will-change:transform}.reel-frame{min-width:100%;height:100%;position:relative;overflow:hidden}.reel-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;background:white}.reel-touch-shield{position:absolute;inset:0;z-index:2;display:none}.reel-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #28231d25}.reel-steps{display:flex;gap:5px}.reel-steps button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#91887a;padding:9px 11px;min-height:40px;font:11px 'Inter Tight',Arial;cursor:pointer}.reel-steps button span{font:9px monospace}.reel-steps button[aria-current=true]{color:#242019;background:#e7e2d8;border-radius:99px}.reel-playback{display:flex;gap:6px;align-items:center}.reel-playback button,.reel-interact{height:40px;min-width:40px;border:1px solid #28231d30;background:transparent;border-radius:99px;cursor:pointer;color:#332d25;font-size:13px}.reel-playback .reel-toggle{padding:0 14px;font-size:11px;min-width:76px}.reel-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0}.reel-meta>span{font:9px/1.5 monospace;color:#8c8375;letter-spacing:.04em}.reel-meta a{font-size:13px;min-height:38px;display:inline-flex;align-items:center;gap:15px}.reel-interact{padding:0 14px;display:none}.work-outro{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #28231d30;padding-top:35px}.work-outro p{font-size:49px;letter-spacing:-.045em;line-height:1.05;color:#292621}.delivery-strip{margin:40px 0;padding:30px;background:#e7e2d7}.delivery-strip h2{font-size:31px;letter-spacing:-.03em}.delivery-strip p{max-width:850px;margin:18px 0;font-size:14px;line-height:1.7}.delivery-strip>div{font-size:12px;line-height:2}.delivery-strip span{padding:0 12px;color:#b64934}.intro-offer{padding:25px 22px;border-bottom:1px solid #1a17152b;background:#ebe6db}.intro-offer h3{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:10px 0}.intro-offer p{font-size:13px;line-height:1.65;max-width:560px}.work-showcase :focus-visible{outline:2px solid #a63e29;outline-offset:4px}.case-hero.grey,.case-hero.stone{padding:0;background:transparent}.case-hero iframe{display:block;width:100%;height:750px;border:1px solid #ccc}.case-demo-link{display:block;margin:15px 0;font-size:13px}.site-footer a{min-height:36px;display:inline-flex;align-items:center}@media(max-width:900px){.work-showcase{width:calc(100% - 40px);padding-top:40px}.work-intro{gap:30px;grid-template-columns:1fr;margin-bottom:35px}.about-max{max-width:600px}.work-intro h1{font-size:64px}.about-max p{font-size:14px}.about-max p:first-of-type{font-size:19px}.work-index>span:last-child{display:none}.reel-heading h2{font-size:34px}.reel-heading>p{font-size:13px;max-width:290px}.project-reel{margin-bottom:55px}.work-outro p{font-size:39px}}@media(max-width:600px){.work-showcase{width:calc(100% - 32px);padding-top:30px}.work-intro h1{font-size:clamp(43px,11vw,64px)}.work-intro{gap:20px}.work-index{display:block;padding:12px 0;margin-bottom:28px}.work-index .filter-row{margin-top:8px;gap:25px}.reel-heading{display:block}.reel-heading>p{margin-top:12px;max-width:100%}.reel-heading h2{font-size:32px}.reel-controls{align-items:flex-start;flex-direction:column;gap:7px;padding:10px 0}.reel-steps{width:100%;gap:1px;justify-content:space-between}.reel-steps button{font-size:10px;padding:7px}.reel-playback{width:100%;justify-content:flex-end}.reel-meta{align-items:flex-start}.reel-meta>span{font-size:8px;max-width:28ch}.reel-meta a{font-size:12px}.work-outro{display:block}.work-outro a{margin-top:25px}.reel-touch-shield{display:block}.reel-viewport.is-interactive .reel-touch-shield{display:none}.reel-interact{display:inline-block;margin-right:auto}.delivery-strip{padding:22px}.delivery-strip h2{font-size:27px}.case-hero iframe{height:450px}.reel-viewport{min-height:225px}.reel-frame iframe{pointer-events:none}.reel-viewport.is-interactive .reel-frame iframe{pointer-events:auto}}@media(prefers-reduced-motion:reduce){.reel-track{transition:none}}

.project-reel,.reel-viewport{scroll-margin-top:104px}

.reel-viewport{width:100%}@media(max-width:600px){.reel-viewport{min-height:0}}

.case-demo-window{position:relative;aspect-ratio:1600/1000;overflow:hidden}.case-demo-window iframe{position:absolute;left:0;top:0;transform-origin:top left;border:0}

/* Single MVP previews keep interaction in one viewport, without duplicate slides. */
.single-preview .reel-controls{display:none}.single-preview .reel-steps,.single-preview .reel-prev,.single-preview .reel-next,.single-preview .reel-toggle{display:none}@media(max-width:600px){.single-preview .reel-controls{display:flex}.single-preview .reel-playback{justify-content:flex-start}}

/* a1 project index and a2 individual project pages. */
.portfolio-index{width:min(1320px,calc(100% - 96px));padding:68px 0 85px}.folio-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:100px;align-items:end;margin:0 0 75px}.folio-intro h1{font-size:clamp(64px,6.7vw,100px);line-height:1.01;font-weight:400;letter-spacing:-.055em;margin-top:24px}.folio-intro h1 em{color:#918c81}.folio-about{max-width:355px;padding-bottom:6px}.folio-about p{font-size:14px;line-height:1.65;margin:19px 0 0}.folio-about p:first-of-type{font-size:21px;line-height:1.4;color:#292722;letter-spacing:-.02em}.folio-index-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #29241e30;border-bottom:1px solid #29241e30;padding:15px 0;margin-bottom:42px}.folio-index-bar>.eyebrow{font-size:9px}.folio-index-bar .filter-row{margin:0;gap:23px}.folio-index-bar a{font-size:11px;min-height:38px;display:flex;align-items:center}.folio-projects{display:grid;grid-template-columns:1fr 1fr;gap:64px 32px}.folio-project{min-width:0}.folio-project:first-child{grid-column:1/-1}.folio-cover{position:relative;display:block;aspect-ratio:1440/950;overflow:hidden;background:#fff;border:1px solid #28251c20}.folio-cover img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.folio-cover:hover img{transform:scale(1.018)}.folio-cover-open{position:absolute;right:20px;bottom:20px;padding:10px 17px;border:1px solid #fff4;border-radius:99px;background:#242820ed;color:#fff;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.folio-cover:hover .folio-cover-open,.folio-cover:focus-visible .folio-cover-open{opacity:1;transform:none}.folio-caption{padding:23px 0 0;display:grid;gap:15px}.folio-caption .eyebrow{font-size:8px;color:#82796d}.folio-caption h2{font-size:35px;letter-spacing:-.04em;font-weight:400;margin-top:10px;line-height:1.15}.folio-caption h2 a{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.folio-caption h2 span{font-size:21px}.folio-caption p{font-size:14px;line-height:1.65;color:#756e63;max-width:52ch}.folio-project:first-child .folio-caption{grid-template-columns:1fr 1fr;align-items:start;gap:40px}.folio-project:first-child .folio-caption p{padding-top:5px}.folio-project:first-child .folio-caption h2 a{justify-content:flex-start}.folio-outro{display:flex;align-items:end;justify-content:space-between;margin-top:90px;padding-top:40px;border-top:1px solid #29241e30}.folio-outro h2{font-size:60px;line-height:1.05;font-weight:400}.folio-outro h2 em{color:#918c81;font-style:normal}.folio-case{font-family:'Inter Tight',Arial,sans-serif;width:min(1320px,calc(100% - 96px));margin:auto;padding:32px 0 80px}.folio-case-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 25px;border-bottom:1px solid #28251c26}.folio-case-top .eyebrow{font-size:9px;color:#7f766b}.folio-back{display:inline-flex;align-items:center;min-height:40px;font-size:13px}.folio-case-heading{padding:64px 0 48px;max-width:1000px}.folio-case-heading>.eyebrow{font-size:10px}.folio-case-heading h1{font-size:clamp(60px,6.7vw,98px);font-weight:400;line-height:1.02;margin:23px 0 25px;letter-spacing:-.05em}.folio-case-heading>p{font-size:19px;line-height:1.55;max-width:55ch;color:#7f786c}.folio-facts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;border-top:1px solid #28251c26;border-bottom:1px solid #28251c26;padding:23px 0;margin:0 0 42px}.folio-facts dt{font:9px monospace;color:#887e70;letter-spacing:.06em;margin-bottom:10px}.folio-facts dd{margin:0;font-size:13px;color:#453e35}.folio-demo{position:relative;overflow:hidden;background:#fff;border:1px solid #28251c26;scroll-margin-top:105px;width:100%;isolation:isolate}.folio-demo iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;max-width:none}.folio-demo-shield{position:absolute;inset:0;display:none;z-index:2;touch-action:pan-y}.folio-demo-tools{display:flex;gap:20px;justify-content:space-between;align-items:start;padding:14px 0}.folio-demo-tools p{font:10px/1.65 monospace;color:#898074;max-width:90ch}.folio-interact{display:none;min-height:40px;padding:8px 12px;font-size:11px;border:1px solid #28251c30;background:transparent;border-radius:99px;white-space:nowrap}.folio-story{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin:75px 0 80px;padding-top:35px;border-top:1px solid #28251c26}.folio-story>.eyebrow{font-size:10px;color:#8c8273}.folio-story h2{font-size:47px;font-weight:400;letter-spacing:-.035em}.folio-story p{font-size:17px;line-height:1.75;max-width:64ch;margin-top:23px;color:#766e63}.folio-story h3{font-size:28px;font-weight:400;margin-top:45px;letter-spacing:-.025em}.folio-story .folio-limit{font-size:12px;color:#938775;border-left:1px solid #a89c87;padding-left:15px;margin-bottom:30px}.folio-case-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #28251c26;padding-top:24px}.folio-case-end a{min-height:42px;display:inline-flex;align-items:center;font-size:14px}.folio-project[hidden]{display:none}
@media(max-width:900px){.portfolio-index,.folio-case{width:calc(100% - 48px)}.folio-intro{grid-template-columns:1fr;gap:35px;margin-bottom:40px}.folio-about{max-width:600px}.folio-about p:first-of-type{font-size:19px}.folio-intro h1{font-size:76px}.folio-index-bar{flex-wrap:wrap}.folio-case-heading h1{font-size:72px}.folio-story{gap:35px;grid-template-columns:1fr 2fr}.folio-caption h2{font-size:30px}.folio-facts{gap:24px}.folio-index-bar>.eyebrow{flex:1 1 100%}}
@media(max-width:600px){.portfolio-index,.folio-case{width:calc(100% - 36px);padding-top:30px}.folio-intro{gap:27px;margin-bottom:32px}.folio-intro h1{font-size:clamp(45px,11.3vw,68px);margin-top:18px}.folio-about p{font-size:13px}.folio-about p:first-of-type{font-size:18px}.folio-index-bar{gap:8px;padding:10px 0;margin-bottom:28px}.folio-index-bar>.eyebrow{font-size:8px}.folio-index-bar .filter-row{gap:20px}.folio-index-bar a{font-size:10px}.folio-projects{display:block}.folio-project{margin-bottom:40px}.folio-project:first-child .folio-caption{display:block}.folio-caption{padding-top:18px;gap:9px}.folio-caption .eyebrow{font-size:7px}.folio-caption h2{font-size:29px}.folio-caption p{font-size:13px;margin-top:10px}.folio-cover-open{opacity:1;transform:none;font-size:9px;padding:7px 12px;bottom:10px;right:10px}.folio-outro{margin-top:45px;display:block}.folio-outro h2{font-size:45px}.folio-outro a{margin-top:24px}.folio-case-heading{padding:36px 0 32px}.folio-case-heading>.eyebrow{font-size:8px}.folio-case-heading h1{font-size:clamp(43px,11vw,66px);margin:18px 0}.folio-case-heading>p{font-size:16px}.folio-facts{grid-template-columns:1fr;gap:18px;margin-bottom:28px;padding:20px 0}.folio-facts dt{font-size:8px;margin-bottom:5px}.folio-facts dd{font-size:12px}.folio-facts>div:last-child{display:none}.folio-demo-shield{display:block}.folio-demo iframe{pointer-events:none}.folio-demo.is-interactive .folio-demo-shield{display:none}.folio-demo.is-interactive iframe{pointer-events:auto}.folio-demo-tools{flex-direction:column;gap:10px}.folio-demo-tools p{font-size:9px}.folio-interact{display:inline-block}.folio-story{grid-template-columns:1fr;gap:23px;margin:40px 0}.folio-story h2{font-size:34px}.folio-story h3{font-size:25px;margin-top:30px}.folio-story p{font-size:15px;line-height:1.7;margin-top:17px}.folio-story .folio-limit{font-size:11px}.folio-case-end a{font-size:12px}}

.folio-demo-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.folio-demo iframe{opacity:0}.folio-demo.is-loaded iframe{opacity:1}.folio-demo.is-loaded .folio-demo-poster{visibility:hidden}