@font-face{font-family:Manrope;src:url(/assets/fonts/manrope-regular.ttf) format("truetype");font-style:normal;font-weight:400 600;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/manrope-extrabold.ttf) format("truetype");font-style:normal;font-weight:700 900;font-display:swap}.showcase{--canvas:#060706;--surface:#141613;--ink:#f3f0e8;--secondary:#b6b8ae;--accent:#ff5a1f;--line:#33372f;--control-line:#7b8073;--ease:cubic-bezier(.16,1,.3,1);background:var(--canvas);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}html:has(.showcase){scroll-behavior:smooth;scroll-padding-top:100px;color-scheme:dark;scrollbar-color:#7b8073 #141613}body.showcase{margin:0}.showcase *{box-sizing:border-box}.showcase :where(h1,h2,h3,p,figure,dl,dd){margin:0}.showcase :where(h1,h2,h3){font-weight:800;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.showcase :where(p,dd){text-wrap:pretty}.showcase a{color:inherit;text-decoration:none}.showcase button,.showcase summary{font:inherit}.showcase button{cursor:pointer}.showcase img{display:block;max-width:100%}.showcase [hidden]{display:none!important}.showcase ::-moz-selection{background:var(--accent);color:var(--canvas)}.showcase ::selection{background:var(--accent);color:var(--canvas)}.showcase :focus-visible{outline:3px solid var(--accent);outline-offset:5px}.showcase .contact-section :focus-visible{outline-color:var(--canvas)}.showcase .icon{display:inline-block;flex-shrink:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.showcase .section-shell{width:min(100% - 40px,1280px);margin-inline:auto}.showcase .skip-link{position:fixed;top:10px;left:16px;z-index:110;padding:12px 20px;background:var(--ink);color:var(--canvas);transform:translateY(-160%)}.showcase .skip-link:focus{transform:none}.showcase .portfolio-header{position:sticky;top:0;left:0;transform:none;width:100%;height:auto;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border:0;border-bottom:1px solid var(--line);background:var(--canvas);transition:background-color .22s,border-color .22s}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.showcase .portfolio-header.is-scrolled{background:rgba(6,7,6,.76);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border-bottom-color:rgba(243,240,232,.14)}}@media(forced-colors:active){.showcase .portfolio-header.is-scrolled{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:CanvasText}}.showcase .wordmark{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.04em;min-height:44px;display:inline-flex;align-items:center}.showcase .wordmark>span{color:var(--accent)}.showcase .desktop-nav,.showcase .header-contact{display:none}.showcase .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}.showcase .menu-toggle:hover{color:var(--accent)}.showcase .menu-toggle .icon{width:24px;height:24px}.showcase .social-links{display:flex;flex:none;align-items:center;gap:4px}.showcase .social-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit}.showcase .social-icon .icon{width:22px;height:22px;flex:none}.showcase .social-icon:hover{opacity:.7}.showcase .social-icon:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:8px}.showcase .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:normal;text-transform:none;text-align:center;box-shadow:none;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease);text-decoration:none}.showcase .button:active{transform:translateY(1px)}.showcase .button-primary{background:var(--accent);color:var(--canvas)}.showcase .button-primary:hover{background:#ff8153}.showcase .button-outline{background:transparent;color:var(--ink);border-color:var(--control-line)}.showcase .button-outline:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.showcase .button-dark{background:var(--canvas);color:var(--ink)}.showcase .button-dark:hover{background:#252820}.showcase .button:disabled{opacity:.4;cursor:default;transform:none}.showcase .text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-block:8px;background:none;border:0;color:var(--ink);font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:var(--control-line);text-underline-offset:6px;transition:color .2s}.showcase .text-link:hover{color:var(--accent)}.showcase .actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}.showcase .hero{padding-block:32px 0}.showcase .hero-intro{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--secondary);margin-bottom:24px}.showcase .hero-intro p:first-child{color:var(--ink)}.showcase .hero h1{font-size:clamp(40px,8.25vw,96px);line-height:1.05;letter-spacing:-.04em}.showcase .hero h1 span{color:var(--accent)}.showcase .hero-bottom{display:grid;gap:24px;margin-block:24px 32px}.showcase .hero-bottom>p{max-width:62ch;font-size:15px;color:var(--secondary);line-height:1.8}.showcase .work-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.showcase .strip-piece{display:flex;min-width:0;flex-direction:column;gap:12px}.showcase .strip-piece:first-child{grid-column:1/-1}.showcase .strip-art{position:relative;overflow:hidden;height:200px;border-radius:12px}.showcase .strip-app .strip-art{height:250px;background:#c1d2b9;padding:22px 18% 0}.showcase .strip-app img{width:100%;height:auto;border-radius:8px 8px 0 0;transform:rotate(-5deg) translateY(4px);transform-origin:50% 20%;transition:transform .65s var(--ease)}.showcase .strip-manifesto .strip-art{display:flex;flex-direction:column;justify-content:center;background:#e7e0d4;color:#2b2925;padding:20px}.showcase .manifesto-word{font-size:clamp(24px,4vw,50px);font-weight:800;line-height:1.2;letter-spacing:-.04em}.showcase .manifesto-word:nth-child(2){color:#9f310e}.showcase .manifesto-word:nth-child(3){padding-left:16%}.showcase .manifesto-word:nth-child(4){padding-left:8%}.showcase .strip-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;transition:transform .65s var(--ease)}.showcase .strip-thinking .strip-art{display:flex;align-items:center;background:var(--accent);color:var(--canvas);padding:18px}.showcase .thinking-word{position:relative;z-index:1;font-size:clamp(24px,4.6vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1.15}.showcase .thinking-word em{font-style:normal}.showcase .thinking-icon{position:absolute;right:-18px;bottom:10px;width:96px;height:96px;fill:none;stroke:var(--canvas);stroke-width:.7;opacity:.25;transform:rotate(-12deg)}.showcase .strip-caption{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700}.showcase .strip-action{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--secondary);font-size:12px;font-weight:400}.showcase .strip-action .icon{width:16px;height:16px}.showcase .strip-piece:focus-visible .strip-caption,.showcase .strip-piece:hover .strip-caption{color:var(--accent)}.showcase .hero-signoff{display:flex;justify-content:space-between;gap:20px;padding-block:26px;border-bottom:1px solid var(--line);font-size:12px;color:var(--secondary)}.showcase .hero-signoff span:last-child{display:none}.showcase .process-section,.showcase .tools-section,.showcase .work-section{padding-block:64px}.showcase .section-heading{display:grid;gap:24px;margin-bottom:36px}.showcase h2{font-size:clamp(32px,4.3vw,58px)}.showcase .section-heading h2 span{color:var(--secondary)}.showcase .section-heading p{max-width:47ch;color:var(--secondary);font-size:15px;line-height:1.8}.showcase .project-feature{display:grid;gap:28px;margin-bottom:64px}.showcase .project-feature:last-child{margin-bottom:0}.showcase .project-art{position:relative;display:block;overflow:hidden;aspect-ratio:1.1;border-radius:12px}.showcase .project-art>img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s var(--ease)}.showcase .mbg-art{background:#d9df4a;color:#182218}.showcase .mbg-cover,.showcase .meta-cover{display:flex;height:100%;flex-direction:column;justify-content:space-between;padding:26px}.showcase .cover-context{font-size:12px;font-weight:800;letter-spacing:.04em}.showcase .mbg-cover>strong,.showcase .meta-cover>strong{font-size:clamp(30px,4vw,56px);font-weight:800;line-height:1.12;letter-spacing:-.04em}.showcase .workflow-line{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px;font-weight:700;padding-top:22px;border-top:1px solid}.showcase .workflow-line .icon{width:16px;height:16px}.showcase .cover-note{font-size:12px;opacity:.8}.showcase .meta-art{background:#e7e0d4;color:#2b2925}.showcase .meta-cover>strong em{font-style:normal;color:#9f310e}.showcase .meta-flow{display:grid;gap:8px;border-block:1px solid #898174;padding-block:16px}.showcase .meta-flow>span{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.showcase .listing-art{background:#afc5a5;padding:26px 18% 0}.showcase .listing-art>img{height:auto;border-radius:10px;box-shadow:0 18px 40px #172c2233;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;transform:rotate(-5deg);transform-origin:50% 15%}.showcase .capture-note{position:absolute;bottom:18px;left:18px;background:var(--canvas);color:var(--ink);font-size:12px;padding:7px 12px;border-radius:5px}.showcase .project-story{align-self:center}.showcase .project-category{color:var(--secondary);font-size:12px;margin-bottom:12px}.showcase .project-story h3{font-size:clamp(27px,3.1vw,42px);margin-bottom:18px}.showcase .project-story>p:not(.project-category){color:var(--secondary);font-size:15px;line-height:1.8;max-width:54ch}.showcase .story-points{margin-block:24px}.showcase .story-points>div{border-top:1px solid var(--line);padding-block:14px}.showcase .story-points dt{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px}.showcase .story-points dd{font-size:14px;line-height:1.75;color:var(--secondary)}.showcase .archive-section{padding-block:64px;background:#141613;border-block:1px solid var(--line)}.showcase .interaction-hint{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px!important}.showcase .archive-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.showcase .archive-filters{display:flex;flex-wrap:wrap;gap:8px}.showcase .filter-button{min-height:44px;border:1px solid var(--control-line);border-radius:6px;background:transparent;color:var(--ink);font-size:12px;padding:9px 14px;transition:background .2s,color .2s}.showcase .filter-button[aria-pressed=true]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.showcase .filter-button:hover{border-color:var(--ink)}.showcase .archive-count{font-size:12px;color:var(--secondary)}.showcase .archive-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px 14px}.showcase .archive-item{min-width:0;padding:0;text-align:left;background:none;border:0;color:var(--ink);border-radius:8px}.showcase .archive-image{display:block;position:relative;background:#24271f;aspect-ratio:3/4;overflow:hidden;border-radius:8px}.showcase .archive-item:nth-child(3n+2) .archive-image{aspect-ratio:1}.showcase .archive-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--ease)}.showcase .enlarge-label{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:6px;background:var(--canvas);color:var(--ink);padding:6px 8px;font-size:12px;border-radius:4px}.showcase .enlarge-label>span{display:inline}.showcase .enlarge-label .icon{width:17px;height:17px}.showcase .archive-caption{display:block;margin-top:12px;font-size:12px;font-weight:700;line-height:1.6}.showcase .archive-category{display:block;margin-top:4px;font-size:12px;color:var(--secondary)}.showcase .archive-state{grid-column:1/-1;padding:48px 16px;text-align:center;color:var(--secondary);width:100%}.showcase .archive-grid[data-count="2"] .archive-image{aspect-ratio:3/4;background:#dbe0d3;padding:16px}.showcase .archive-grid[data-count="2"] .archive-image img{-o-object-fit:contain;object-fit:contain;border-radius:4px}.showcase .archive-grid[data-count="2"] .archive-item{margin-top:0}.showcase .content-notice{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:8px;color:var(--secondary);font-size:14px}.showcase .content-notice .button,.showcase .content-notice .text-link{margin-top:10px}.showcase .media-error{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--surface)!important;color:var(--secondary)!important;padding:24px!important}.showcase .media-error>img{display:none}.showcase .media-error>p{font-size:13px;text-align:center}.showcase .tool-list{border-top:1px solid var(--line)}.showcase .tool-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;align-items:start;padding-block:24px;border-bottom:1px solid var(--line);transition:color .2s}.showcase .tool-icon{color:var(--accent);margin-top:6px}.showcase .tool-row strong{display:block;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:-.02em}.showcase .tool-row>span>span{display:block;margin-top:6px;color:var(--secondary);font-size:13px;line-height:1.8}.showcase .tool-action{grid-column:2;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.showcase .tool-row:hover strong{color:var(--accent)}.showcase .tool-footnote{font-size:12px;color:var(--secondary);margin-top:18px}.showcase .about-section{position:relative;padding-block:64px;background:var(--canvas)}.showcase .about-layout{display:grid;gap:32px}.showcase .about-layout h2 span{color:var(--accent)}.showcase .about-signature{margin-top:24px;font-size:14px;font-weight:700}.showcase .about-signature span{font-size:12px;font-weight:400;color:var(--secondary)}.showcase .about-copy p{color:var(--secondary);font-size:15px;line-height:1.85;margin-bottom:18px;max-width:60ch}.showcase .about-copy .lead-copy{color:var(--ink);font-size:24px;font-weight:700;line-height:1.45}.showcase .capability-layout{display:grid;gap:24px;margin-top:56px}.showcase .capability-layout>h3{font-size:24px}.showcase .capability-list{border-top:1px solid var(--line)}.showcase .capability-list details{border-bottom:1px solid var(--line)}.showcase .capability-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:64px;padding:18px 0;font-size:16px;font-weight:700;line-height:1.5}.showcase .capability-list summary::-webkit-details-marker{display:none}.showcase .capability-list summary .icon{transition:transform .25s var(--ease)}.showcase .capability-list details[open] summary{color:var(--accent)}.showcase .capability-list details[open] .icon{transform:rotate(45deg)}.showcase .capability-list details p{max-width:62ch;color:var(--secondary);font-size:14px;padding-bottom:22px}.showcase .process-pipeline{position:relative;height:650px;--pipeline-progress:1}.showcase .pipeline-track{position:absolute;inset:0;pointer-events:none}.showcase .pipeline-svg{width:100%;height:100%;overflow:visible;fill:none}.showcase .pipeline-desktop{display:none}.showcase .pipeline-core,.showcase .pipeline-fill,.showcase .pipeline-shell{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.showcase .pipeline-shell{stroke:var(--line);stroke-width:14px}.showcase .pipeline-core{stroke:var(--canvas);stroke-width:8px}.showcase .pipeline-fill{stroke:var(--accent);stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--pipeline-progress))}.showcase .pipeline-packet{fill:var(--ink);stroke:var(--accent);stroke-width:2px;visibility:hidden}.showcase .principles{position:absolute;inset:0;list-style:none;counter-reset:principle;margin:0;padding:0}.showcase .principles li{counter-increment:principle;position:absolute;left:28.125%;top:10.77%;transform:translate(-50%,-50%);width:144px;min-height:84px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px;background:var(--canvas);border:1px solid var(--line);border-radius:12px;transition:border-color .2s}.showcase .principles li:nth-child(2){left:71.875%;top:30.77%}.showcase .principles li:nth-child(3){top:50.77%}.showcase .principles li:nth-child(4){left:71.875%;top:70.77%}.showcase .principles li:nth-child(5){top:90.77%}.showcase .principles li:before{content:counter(principle,decimal-leading-zero);position:absolute;right:14px;top:14px;font-size:12px;line-height:1;font-variant-numeric:tabular-nums;color:var(--secondary)}.showcase .principles .pipeline-step-icon{width:24px;height:24px;color:var(--accent)}.showcase .principles h3{font-size:16px;line-height:1.5;margin:0}.showcase .principles li.is-reached{border-color:var(--accent)}.showcase .pipeline-animated .principles li:not(.is-reached) .pipeline-step-icon{color:var(--secondary)}@media(min-width:960px){.showcase .process-pipeline{height:280px}.showcase .pipeline-mobile{display:none}.showcase .pipeline-desktop{display:block}.showcase .process-pipeline .principles li{left:10%;top:28.571%;width:16%;max-width:180px}.showcase .process-pipeline .principles li:nth-child(2){left:30%;top:71.429%}.showcase .process-pipeline .principles li:nth-child(3){left:50%}.showcase .process-pipeline .principles li:nth-child(4){left:70%;top:71.429%}.showcase .process-pipeline .principles li:nth-child(5){left:90%}}.showcase .toolkit-section{position:relative;padding-block:0 64px}.showcase .toolkit-section h2{font-size:26px;margin-bottom:24px}.showcase .toolkit-groups{display:grid;gap:24px;border-top:1px solid var(--line);padding-top:24px}.showcase .toolkit-groups h3{font-size:14px;margin-bottom:12px}.showcase .toolkit-groups p{font-size:13px;line-height:1.8;color:var(--secondary)}.showcase .contact-section{padding-block:48px 24px;background:var(--accent);color:var(--canvas)}.showcase .contact-layout{display:grid;gap:28px}.showcase .contact-layout h2{font-size:clamp(36px,5.5vw,76px);max-width:14ch;line-height:1.12}.showcase .contact-layout em{font-style:normal}.showcase .contact-layout p{max-width:43ch;font-size:15px;line-height:1.8;margin-bottom:24px}.showcase .contact-bottom{display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid #8f3211;padding-top:24px;margin-top:40px;font-size:12px;letter-spacing:normal;text-transform:none;color:var(--canvas)}.showcase .contact-bottom>span{min-width:0;line-height:1.5;text-wrap:balance}.showcase .case-summary-step h2,.showcase .case-summary-step h3{display:flex;align-items:center;gap:10px}.showcase .case-summary-step .icon{width:20px;height:20px;flex:none}.showcase .case-motion{margin:48px auto;max-width:1120px}.showcase .case-motion header{margin-bottom:20px}.showcase .case-motion h2{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-.03em}.showcase .case-motion-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#10110f}.showcase .case-motion-frame video,.showcase .case-motion-poster,.showcase .case-motion-poster img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.showcase .case-motion-slot{min-height:200px}@media(max-width:640px){.showcase .case-motion{margin-block:32px}.showcase .case-motion-frame--mobile{aspect-ratio:4/5}.showcase .case-motion header{margin-bottom:16px}}.showcase .contact-bottom a{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-weight:700}.showcase .site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-block:20px;color:var(--secondary);font-size:12px}.showcase .site-footer a{display:flex;align-items:center;gap:8px;min-height:44px}.showcase .anchor-alias{position:absolute;top:0;left:0}.showcase dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:12px;overscroll-behavior:contain}.showcase dialog::backdrop{background:#060706e8}html:has(.showcase dialog[open]){overflow:hidden}.showcase .dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px}.showcase .dialog-top h2{font-size:18px;line-height:1.4}.showcase .menu-dialog{width:min(100% - 24px,540px);max-height:calc(100dvh - 24px)}.showcase .menu-dialog nav{display:flex;flex-direction:column}.showcase .menu-dialog nav a{padding-block:18px;border-top:1px solid var(--line);font-size:24px;font-weight:700;line-height:1.4}.showcase .menu-dialog>p{font-size:12px;color:var(--secondary);margin-top:24px}.showcase .image-dialog{width:min(100% - 24px,1100px);max-height:calc(100dvh - 24px)}.showcase .lightbox-image{display:flex;align-items:center;justify-content:center;min-height:160px;background:var(--canvas);border-radius:8px;overflow:hidden}.showcase .lightbox-image img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 280px);-o-object-fit:contain;object-fit:contain}.showcase .lightbox-image p{padding:24px;font-size:14px}.showcase .lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.showcase .lightbox-bottom p{font-size:13px;max-width:60ch}.showcase .lightbox-bottom span{font-size:12px;color:var(--secondary)}.showcase .lightbox-bottom .actions{flex-wrap:nowrap;gap:8px}.showcase .lightbox-bottom .button{padding:10px;min-width:44px;min-height:44px}.showcase .case-page{padding-block:32px 72px}.showcase .case-back{margin-bottom:28px}.showcase .case-intro{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}.showcase .case-intro>div{max-width:880px}.showcase .case-intro h1{font-size:clamp(34px,5.5vw,72px);line-height:1.12}.showcase .case-intro p{margin-top:22px;max-width:65ch;font-size:clamp(16px,1.7vw,20px);color:var(--secondary);line-height:1.8}.showcase .case-cover-art{margin-top:40px}.showcase .case-cover-art .project-art{aspect-ratio:16/9}.showcase .case-cover-art .project-art.device-project-image{aspect-ratio:4/3}.showcase .project-art.device-project-image>img{-o-object-fit:contain;object-fit:contain}.showcase .case-cover-art .listing-art{padding:32px 24% 0}.showcase .case-cover-art .mbg-cover,.showcase .case-cover-art .meta-cover{padding:clamp(24px,5vw,64px)}.showcase .case-cover-art .mbg-cover>strong,.showcase .case-cover-art .meta-cover>strong{font-size:clamp(30px,6vw,76px)}.showcase .case-summary-step h3{color:var(--accent);font-size:16px}.showcase .case-summary-step p{margin-top:12px;font-size:14px;color:var(--secondary);line-height:1.8}.showcase #problem-solving-title{font-size:26px;line-height:1.3}.showcase .case-narrative>p{margin-bottom:36px;font-size:19px;line-height:1.8}.showcase .study-case-blocks h2{margin-top:40px;margin-bottom:16px;font-size:32px}.showcase .study-case-blocks h3{margin-top:26px;margin-bottom:14px;font-size:24px}.showcase .study-case-blocks .case-copy{margin-bottom:22px;line-height:1.85;color:var(--secondary)}.showcase .case-interface-pair{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px;margin-block:40px}.showcase .case-interface-pair img{height:auto;width:100%;border-radius:8px}.showcase .case-interface-pair figcaption{grid-column:1/-1;color:var(--secondary);font-size:12px}.showcase .compact-art .project-art{aspect-ratio:1.3}.showcase .compact-art .mbg-cover,.showcase .compact-art .meta-cover{padding:18px}.showcase .compact-art .mbg-cover>strong,.showcase .compact-art .meta-cover>strong{font-size:25px}.showcase .compact-art .cover-context,.showcase .compact-art .cover-note{font-size:12px}.showcase .compact-art .workflow-line{font-size:12px;padding-top:10px}.showcase .compact-art .meta-flow{gap:8px;padding-block:8px}.showcase .compact-art .meta-flow>span{font-size:12px;gap:4px}.showcase .compact-art .meta-flow .icon{width:16px;height:16px}@media(max-width:599px){.showcase .case-cover-art .project-art{aspect-ratio:1.05}.showcase .case-cover-art .listing-art{padding-inline:16%}}@media(hover:hover) and (prefers-reduced-motion:no-preference){.showcase .strip-app:focus-visible img,.showcase .strip-app:hover img{transform:rotate(0) translateY(-35px)}.showcase .strip-visual:focus-visible img,.showcase .strip-visual:hover img{transform:scale(1.055)}.showcase .archive-item:focus-visible img,.showcase .archive-item:hover img{transform:scale(1.035)}.showcase .listing-art:hover>img{transform:rotate(0) translateY(-24px)}}@media(min-width:600px){.showcase .section-shell{width:min(100% - 64px,1280px)}.showcase .portfolio-header{padding-inline:32px}.showcase .hero-intro{font-size:13px}.showcase .work-strip{grid-template-columns:1.25fr 1fr 1fr;gap:16px}.showcase .strip-piece:first-child{grid-column:auto}.showcase .strip-app .strip-art,.showcase .strip-art{height:270px}.showcase .strip-app .strip-art{padding-inline:14%}.showcase .strip-thinking .strip-art{padding:20px}.showcase .thinking-word{font-size:clamp(26px,3.9vw,44px)}.showcase .hero-signoff span:last-child{display:inline}.showcase .hero-signoff{font-size:12px}.showcase .project-art{aspect-ratio:1.25}.showcase .mbg-cover,.showcase .meta-cover{padding:36px}.showcase .mbg-cover>strong,.showcase .meta-cover>strong{font-size:52px}.showcase .meta-flow{grid-template-columns:repeat(3,1fr);gap:14px}.showcase .meta-flow>span{flex-direction:column;align-items:flex-start}.showcase .archive-grid{grid-template-columns:repeat(3,1fr);gap:32px 20px}.showcase .archive-grid[data-count="2"]{grid-template-columns:1fr 1fr;max-width:1000px}.showcase .archive-grid[data-count="2"] .archive-image{aspect-ratio:1;padding:26px}.showcase .enlarge-label>span{display:inline}.showcase .tool-row{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:20px}.showcase .tool-action{grid-column:auto}.showcase .tool-row strong{font-size:22px}.showcase .toolkit-groups{grid-template-columns:repeat(3,1fr)}}@media(min-width:960px){.showcase .portfolio-header{padding:16px max(40px,calc((100vw - 1280px)/2))}.showcase .desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:36px}.showcase .desktop-nav a{font-size:13px;min-height:44px;display:flex;align-items:center;color:var(--secondary)}.showcase .desktop-nav a:hover{color:var(--ink)}.showcase .header-contact{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;min-height:44px}.showcase .menu-toggle{display:none}.showcase .hero{padding-top:38px}.showcase .hero-intro{margin-bottom:22px}.showcase .hero-bottom{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px;margin-block:22px 40px}.showcase .hero-bottom .actions{justify-content:flex-end}.showcase .work-strip{grid-template-columns:1.4fr 1fr 1fr;gap:20px}.showcase .strip-app .strip-art,.showcase .strip-art{height:340px}.showcase .strip-thinking .strip-art{padding:32px}.showcase .thinking-word{font-size:clamp(36px,3.9vw,52px)}.showcase .thinking-icon{width:160px;height:160px;right:-26px}.showcase .strip-caption{font-size:14px}.showcase .strip-action{font-size:12px}.showcase .process-section,.showcase .tools-section,.showcase .work-section{padding-block:104px}.showcase .section-heading{grid-template-columns:1.3fr 1fr;align-items:end;gap:100px;margin-bottom:56px}.showcase .project-feature{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;margin-bottom:80px}.showcase .project-feature-reverse{grid-template-columns:1fr 1.15fr}.showcase .project-feature-reverse .project-art{order:2}.showcase .project-art{aspect-ratio:1.08}.showcase .mbg-cover,.showcase .meta-cover{padding:40px}.showcase .mbg-cover>strong,.showcase .meta-cover>strong{font-size:clamp(42px,4.2vw,58px)}.showcase .workflow-line{font-size:17px}.showcase .meta-flow>span{font-size:14px}.showcase .project-story{padding-block:12px}.showcase .about-section,.showcase .archive-section{padding-block:88px}.showcase .archive-grid{gap:36px 24px}.showcase .archive-item:nth-child(3n+2){margin-top:48px}.showcase .archive-caption{font-size:14px}.showcase .archive-category{font-size:12px}.showcase .about-layout{grid-template-columns:1fr 1fr;gap:100px}.showcase .about-copy{padding-top:8px}.showcase .about-copy .lead-copy{font-size:28px}.showcase .capability-layout{grid-template-columns:1fr 1fr;gap:100px;margin-top:64px}.showcase .toolkit-section{padding-bottom:96px}.showcase .contact-section{padding-block:72px 24px}.showcase .contact-layout{grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}.showcase .contact-bottom{margin-top:56px}}@media(prefers-reduced-motion:reduce){html:has(.showcase){scroll-behavior:auto}.showcase *,.showcase :after,.showcase :before{animation:none!important;transition:none!important}}.showcase .works-section{padding-block:80px}.showcase .works-group+.works-group{margin-top:64px;padding-top:0;border:0}.showcase .works-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.showcase .works-heading :is(h2,h3){font-size:clamp(24px,3vw,36px)}.showcase .works-heading .button{flex-shrink:0}.showcase .works-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px 24px}.showcase .work-card{min-width:0;display:flex;flex-direction:column}.showcase .work-media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border:0;border-radius:12px;padding:0;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.showcase .work-media>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s var(--ease)}.showcase .work-media .work-app-capture{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transform:rotate(-5deg) translateY(24px);width:72%;height:auto;margin-inline:auto;border-radius:8px}.showcase .work-type-art{display:flex;flex-direction:column;justify-content:center;height:100%;padding:28px;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.035em}.showcase .work-art-listing{background:#afc3a2;color:#182019}.showcase .work-art-meta{background:#e7e0d4;color:#171914}.showcase .work-art-mbg{background:#d7df43;color:#1b2209}.showcase .work-art-hub{background:#ff5a1f;color:#060706}.showcase .work-art-schedule{background:#b8c6bf;color:#14251e}.showcase .work-art-sample{background:#282e25;color:#f3f0e8}.showcase .work-card-title{font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.02em;margin:18px 0 8px}.showcase .work-card-description{font-size:14px;line-height:1.75;color:var(--secondary);margin-bottom:16px;max-width:52ch}.showcase .work-card-description,.showcase .works-section>.section-heading p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.showcase .work-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;font-size:12px;color:var(--secondary)}.showcase .work-destination{color:var(--ink)}.showcase .sample-label{font-size:12px}.showcase .works-track{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:6px;padding:6px 6px 16px;margin-inline:-6px;scrollbar-width:thin;overscroll-behavior-x:contain}.showcase .works-track>.work-card{scroll-snap-align:start}.showcase .work-card-design .work-media{aspect-ratio:4/5}.showcase .work-card-design .work-media>img{background:var(--surface)}.showcase .work-card-video .work-media{aspect-ratio:3/4}.showcase .work-enlarge{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;background:var(--canvas);color:var(--ink);font-size:12px}.showcase .video-bottom{position:absolute;inset:auto 0 0;padding:80px 24px 24px;background:linear-gradient(transparent,rgba(6,7,6,.9) 55%,#060706);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.showcase .video-bottom strong{font-size:clamp(22px,2.5vw,32px);line-height:1.2;letter-spacing:-.025em;text-align:left;overflow-wrap:anywhere}.showcase .video-play{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700}.showcase .carousel-controls{display:flex;align-items:center;gap:8px;margin-top:16px}.showcase .carousel-controls .button{min-width:44px;padding:10px 12px}.showcase .carousel-position{margin-left:auto;color:var(--secondary);font-size:13px;font-variant-numeric:tabular-nums}.showcase .works-message,.showcase .works-recovery{padding:28px 0;color:var(--secondary);font-size:15px;grid-column:1/-1}.showcase .works-recovery .button{margin-top:12px}.showcase .work-image-error{display:block;padding:28px;color:var(--ink);background:var(--surface)}.showcase .work-dialog{width:min(100% - 24px,1000px);max-height:calc(100dvh - 24px)}.showcase .work-dialog-body{display:flex;flex-direction:column;align-items:center;gap:20px;min-height:120px}.showcase .work-dialog-body>img{-o-object-fit:contain;object-fit:contain;max-height:calc(100dvh - 240px);width:auto;max-width:100%}.showcase .work-dialog-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:14px}.showcase .demo-explanation{max-width:55ch;padding:20px;font-size:15px;color:var(--secondary)}.showcase .instagram-player{border:0;background:#fff;width:min(100%,540px);height:min(700px,70dvh);border-radius:8px}.showcase .portfolio-video-player{display:block;width:min(100%,720px);max-height:70dvh;border-radius:8px;background:#060706}.showcase .collection-page{padding-block:40px 96px;min-height:70vh}.showcase .collection-intro{margin:28px 0 40px}.showcase .collection-intro h1{font-size:clamp(38px,6vw,72px)}.showcase .collection-intro p{max-width:60ch;margin-top:20px;color:var(--secondary)}.showcase .collection-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.showcase .collection-nav [aria-current=page]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.showcase .collection-page .works-grid{grid-template-columns:minmax(0,1fr)}@media(min-width:600px){.showcase .collection-page .works-grid,.showcase .works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase .works-track{grid-auto-columns:46%}}@media(min-width:960px){.showcase .works-section{padding-block:104px}.showcase .collection-page .works-grid,.showcase .works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase .works-track{grid-auto-columns:calc((100% - 48px)/3)}.showcase :is([data-work-kind=video],[data-work-kind=design]) .works-track{grid-auto-columns:36%}.showcase .works-group+.works-group{margin-top:80px;padding-top:0}}@media(hover:hover) and (prefers-reduced-motion:no-preference){.showcase .work-media:hover>img:not(.work-app-capture){transform:scale(1.035)}}.showcase .cms-heading-line{color:inherit!important}.showcase .work-strip.cms-compact-strip{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.showcase #home.hero{padding-block:32px 0;min-height:0;height:auto}.showcase #home .hero-intro{display:block;margin:0 0 22px}.showcase #home .hero-metadata{font-size:12px;line-height:1.7;color:var(--secondary);margin:0}.showcase #hero-title{font-size:clamp(32px,8.1vw,96px);line-height:1.08;max-width:none;margin:0;letter-spacing:-.035em}.showcase #home .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:24px 0 0}.showcase #home .hero-bottom>p{max-width:58ch;font-size:15px;line-height:1.8}.showcase #home .actions{gap:8px 20px}.showcase #home .button-primary{min-height:44px;padding:10px 14px;font-size:13px;gap:10px}.showcase #home .actions .text-link{font-size:13px;text-decoration-thickness:1px}.showcase #work.works-section{padding-block:48px 24px}.showcase #web-apps .works-grid{gap:44px 28px}.showcase .work-card-link{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding:0;border:0;border-radius:12px;background:transparent;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:transform .2s var(--ease)}.showcase .work-card-link .work-card-title{margin:14px 0 8px;transition:color .2s}.showcase .work-card-link .work-card-description{margin-bottom:8px}.showcase .work-card-link .work-card-meta{padding-top:4px;justify-content:flex-start;gap:12px;flex-wrap:wrap}.showcase .work-destination{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:700}.showcase .work-destination .icon{width:16px;height:16px;transition:transform .2s var(--ease)}.showcase .work-card-link:focus-visible .work-card-title,.showcase .work-card-link:hover .work-card-title{color:var(--accent)}.showcase .work-card-link:hover .work-destination .icon{transform:translateX(3px)}.showcase .work-card-link:active{transform:translateY(1px)}.showcase #visuals{min-width:0;max-width:100%}.showcase #visuals .editorial-gallery{min-width:0;max-width:calc(100% + 12px);scroll-behavior:smooth;scrollbar-color:var(--control-line) transparent}.showcase #visuals .editorial-gallery>.work-card{position:relative;width:auto;margin:0}.showcase #visuals .work-media{height:auto;aspect-ratio:3/4;width:100%;cursor:zoom-in;overflow:hidden;border-radius:12px;background:var(--surface);transition:opacity .2s}.showcase #visuals .work-media>img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.showcase #visuals .work-media:focus-visible{outline-offset:-3px}.showcase #visuals .design-title-link:focus-visible{outline-offset:1px}.showcase #visuals .work-card-title{font-size:clamp(18px,1.7vw,24px);line-height:1.3;margin:0;overflow-wrap:anywhere}.showcase #visuals .work-category{margin:0;font-size:12px}.showcase #visuals .design-title-link{min-height:44px}.showcase .works-heading{flex-direction:row;align-items:center;gap:16px;margin-bottom:24px}.showcase .works-heading>a.button{padding:8px 0;min-height:44px;border:0;background:transparent;color:var(--ink)}.showcase .works-heading>a.button:hover{color:var(--accent)}.showcase .design-showcase-caption{pointer-events:none;border-radius:0 0 12px 12px;gap:8px}.showcase .design-showcase-caption a{pointer-events:auto}.showcase #visuals .editorial-gallery.is-dragging{scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing}.showcase #visuals .editorial-gallery.is-dragging *{cursor:grabbing}@media(hover:hover){.showcase #visuals .work-media:hover{opacity:.88}}@media(prefers-reduced-motion:reduce){.showcase #visuals .editorial-gallery{scroll-behavior:auto}.showcase #visuals .work-media{transition:none}}.showcase .work-card-design .work-media{display:block;aspect-ratio:auto;border-radius:0;background:transparent;padding:0;overflow:visible}.showcase .work-card-design .work-media>img{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;background:transparent;transform:none!important}.showcase .work-card-design .work-card-title{font-size:18px;margin:16px 0 4px;line-height:1.4}.showcase .work-category{font-size:12px;line-height:1.6;color:var(--secondary)}.showcase .design-title-link{display:inline-flex;align-items:center;gap:8px;min-height:44px}.showcase .design-title-link .icon{width:16px;height:16px}.showcase .work-card-design .work-card-meta{margin-top:6px;padding:0}.showcase #about .about-copy p{font-size:16px;line-height:1.8;margin:0 0 20px;max-width:58ch}.showcase #about .about-copy .about-statement{font-size:22px;font-weight:700;line-height:1.45;color:var(--ink);max-width:30ch;margin-top:24px}.showcase #about .capability-layout{margin-top:40px}@media(max-width:959px){.showcase .portfolio-header{padding-block:8px;gap:12px}.showcase .wordmark{font-size:26px}.showcase #about.about-section{padding-block:24px 56px}}@media(min-width:960px){.showcase #home.hero{padding-top:40px}.showcase #home .hero-intro{margin-bottom:28px}.showcase #home .hero-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;margin-top:28px}.showcase #home .actions{justify-content:flex-end}.showcase #work.works-section{padding-block:64px 40px}.showcase #web-apps .works-grid{row-gap:52px}.showcase #about.about-section{padding-block:40px 72px}.showcase #about .capability-layout{margin-top:48px}.showcase #about .about-copy .about-statement{font-size:24px}}@media(prefers-reduced-motion:reduce){.showcase .work-card-link,.showcase .work-destination .icon{transition:none;transform:none!important}.showcase .portfolio-header{transition:none}}@media(max-width:599px){.showcase{--mobile-section-size:clamp(32px,8.1vw,48px);--mobile-body-size:15px}.showcase :is(.section-heading h2,.toolkit-section h2,.contact-layout h2,.study-case-blocks h2,.case-narrative>section>h2,#problem-solving-title){font-size:28px;line-height:1.15;letter-spacing:-.035em}.showcase :is(.case-intro h1,.collection-intro h1){font-size:var(--mobile-section-size);line-height:1.08;letter-spacing:-.035em}.showcase :is(.works-heading :is(h2,h3),.capability-layout>h3){font-size:24px;line-height:1.25}.showcase .toolkit-groups h3,.showcase .work-card-design .work-card-title,.showcase .work-card-title{font-size:20px;line-height:1.3}.showcase #about .about-copy .about-statement,.showcase #about .about-copy p,.showcase :is(.section-heading>p,.work-card-description,.capability-list details p,.toolkit-groups p,.contact-layout p,.collection-intro p,.case-intro p,.case-summary-step p,.case-narrative>p,.study-case-blocks p,.study-case-blocks li,.tool-row>span>span){font-size:var(--mobile-body-size);line-height:1.8}.showcase #about .about-copy .about-statement{max-width:58ch}.showcase .study-case-blocks .case-copy{font-size:var(--mobile-body-size);line-height:1.8}.showcase .case-narrative>section h3{font-size:20px;line-height:1.3}.showcase .case-narrative>section p{font-size:var(--mobile-body-size);line-height:1.8}}.showcase .case-next-project{margin-top:48px}.showcase .case-next-project .work-media>.project-art{width:100%;height:100%;aspect-ratio:auto;border-radius:inherit}.showcase #work>.section-heading{margin-bottom:32px}.showcase #about.about-section{background:var(--canvas);border:0}.showcase #about .capability-layout{display:block}.showcase #about .capability-layout>h3{margin:0 0 24px}.showcase #about .capability-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;border:0}.showcase #about .capability-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:204px;padding:20px;border:1px solid rgba(243,240,232,.1);border-radius:16px;background:rgba(243,240,232,.025);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.showcase #about .capability-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 0,rgba(255,90,31,.075),transparent 65%)}.showcase #about .capability-heading{display:flex;align-items:flex-start;gap:12px;position:relative}.showcase #about .capability-heading>.icon{width:20px;height:20px;flex-shrink:0;color:var(--accent);margin-top:3px}.showcase #about .capability-card h4{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.showcase #about .capability-visual{position:relative;min-width:0;height:120px;margin:0 0 16px;flex:1;transform:scale(.8);transform-origin:center}.showcase #about .scene-tile{position:absolute;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid rgba(243,240,232,.12);border-radius:12px;background:linear-gradient(145deg,#25251f,#11130f);box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 1px rgba(243,240,232,.06);color:var(--secondary)}.showcase #about .scene-tile>.icon{width:28px;height:28px}.showcase #about .scene-orbit{position:absolute;width:176px;height:120px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);border:1px solid rgba(243,240,232,.08);border-radius:50%}.showcase #about .strategy-main{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:88px;height:88px;color:var(--ink)}.showcase #about .strategy-idea{left:calc(50% - 105px);top:8px;transform:rotate(-14deg);width:54px;height:54px}.showcase #about .strategy-cursor{left:calc(50% + 43px);bottom:0;transform:rotate(10deg);width:54px;height:54px;color:var(--accent)}.showcase #about .brand-type{left:calc(50% - 105px);top:36px;font-size:32px;transform:rotate(-9deg)}.showcase #about .brand-palette{left:calc(50% - 36px);top:14px;display:grid;grid-template-columns:repeat(2,16px);gap:8px;padding:16px;transform:rotate(5deg)}.showcase #about .brand-palette i{width:16px;height:16px;border-radius:50%;background:var(--accent)}.showcase #about .brand-palette i:nth-child(2){background:var(--ink)}.showcase #about .brand-palette i:nth-child(3){background:#9f310e}.showcase #about .brand-palette i:nth-child(4){background:var(--secondary)}.showcase #about .brand-layers{left:calc(50% + 34px);top:46px;transform:rotate(12deg)}.showcase #about .mini-browser{position:absolute;width:164px;height:106px;border:1px solid rgba(243,240,232,.15);border-radius:10px;background:linear-gradient(145deg,#22251f,#10120e);box-shadow:0 14px 30px rgba(0,0,0,.4);overflow:hidden}.showcase #about .browser-back{left:calc(50% - 104px);top:6px;transform:rotate(-9deg)}.showcase #about .browser-front{left:calc(50% - 50px);top:38px;transform:rotate(6deg)}.showcase #about .browser-chrome{height:22px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid rgba(243,240,232,.08)}.showcase #about .browser-chrome i{width:4px;height:4px;border-radius:50%;background:var(--control-line)}.showcase #about .browser-front>.icon{display:block;width:36px;height:36px;color:var(--ink);margin:22px auto}.showcase #about .browser-wireframe{display:flex;gap:8px;padding:16px}.showcase #about .browser-wireframe i{display:block;width:32px;height:40px;border-radius:4px;background:rgba(243,240,232,.05)}.showcase #about .ai-connection{position:absolute;left:calc(50% - 86px);top:50%;width:172px;height:1px;background:linear-gradient(90deg,var(--line),var(--accent),var(--line));transform:rotate(-8deg)}.showcase #about .ai-core{left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%) rotate(-7deg);color:var(--accent)}.showcase #about .ai-input{left:calc(50% - 110px);top:calc(50% - 12px);width:54px;height:54px;transform:rotate(-14deg)}.showcase #about .ai-output{left:calc(50% + 56px);top:calc(50% - 48px);width:54px;height:54px;transform:rotate(10deg)}@media(min-width:768px){.showcase #about .capability-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.showcase #about .capability-card{min-height:224px;padding:24px}.showcase #about .capability-card:first-child,.showcase #about .capability-card:last-child{grid-column:1/-1;min-height:176px}.showcase #about .capability-card:first-child .capability-visual,.showcase #about .capability-card:last-child .capability-visual{position:absolute;right:24px;top:16px;bottom:16px;width:44%;height:auto;margin:0}.showcase #about .capability-card:first-child .capability-heading,.showcase #about .capability-card:last-child .capability-heading{max-width:48%}.showcase #about .capability-card h4{font-size:24px}}@media(max-width:379px){.showcase #about .capability-card{padding:20px}.showcase #about .capability-card h4{font-size:18px}.showcase #about .capability-heading{gap:10px}.showcase .works-heading :is(h2,h3){font-size:20px}.showcase .works-heading{gap:12px}.showcase .works-heading>a.button{font-size:13px}}.showcase #about-title{font-size:clamp(25.6px,6.48vw,76.8px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.showcase #about .about-copy{align-self:center}.showcase #about .about-quote{position:relative;margin:0 0 32px;padding:24px;max-width:42ch;border:1px solid #f3f0e81a;border-radius:18px 18px 18px 4px;background:#151612}.showcase #about .about-quote:before{content:"“";display:block;color:var(--accent);font-size:56px;line-height:.7;margin-bottom:12px}.showcase #about .about-quote:after{content:"";position:absolute;left:28px;bottom:-8px;width:14px;height:14px;background:#151612;border-right:1px solid #f3f0e81a;border-bottom:1px solid #f3f0e81a;transform:rotate(45deg)}.showcase #about .about-quote .about-statement{margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.6;font-style:italic;color:var(--ink)}.showcase #about .about-copy>.text-link{font-size:14px;gap:8px;min-height:44px}.showcase #about .about-copy>.text-link .icon{width:16px;height:16px}.showcase .case-evidence-frame{position:relative;aspect-ratio:640/475;overflow:hidden;border-radius:12px;background:var(--surface)}.showcase .case-evidence-frame img{position:absolute;max-width:none;height:auto;width:226.25%;left:-8.59%;top:-52.63%}.showcase .case-evidence-frame.meta-batch{aspect-ratio:610/480}.showcase .case-evidence-frame.meta-batch img{width:237.38%;left:-127.05%;top:-52.08%}.showcase .case-evidence figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:var(--secondary);max-width:65ch}.showcase #visuals .editorial-gallery:has(>.work-card:only-child){display:block}.showcase #visuals .editorial-gallery>.work-card:only-child{width:100%;max-width:none}.showcase #visuals .editorial-gallery>.work-card:only-child .work-media{height:auto;aspect-ratio:auto}.showcase #visuals .editorial-gallery>.work-card:only-child .work-media>img{position:static;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.showcase #visuals .editorial-gallery>.work-card:only-child .design-showcase-caption{position:static;padding:14px 0 0;background:none}.showcase .work-image-status{min-height:160px;display:grid;place-items:center;color:var(--secondary)}.showcase #home .hero-bottom>p{max-width:52ch}.showcase .work-media>.work-video-preview{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:var(--canvas);opacity:0;pointer-events:none}.showcase .work-media>.work-video-preview.is-playing{opacity:1}.showcase #about .capability-layout{margin-top:48px}@media(min-width:960px){.showcase #about .about-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px}.showcase #about .capability-layout{margin-top:64px}}.showcase .case-loading-status{font-size:14px;color:var(--secondary);margin:0 0 24px}.showcase .case-skeleton{position:relative;overflow:hidden;background:var(--surface);border-radius:12px}.showcase .case-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(243,240,232,.06),transparent);animation:case-skeleton-sweep 1.5s ease-in-out infinite}.showcase .case-skeleton-title{width:min(90%,720px);height:clamp(40px,7vw,80px);margin-bottom:16px}.showcase .case-skeleton-description{width:min(72%,520px);height:20px;margin-bottom:32px}.showcase .case-skeleton-cover{width:100%;aspect-ratio:4/3}.showcase .case-skeleton-columns{display:grid;gap:16px;margin:32px 0 64px}.showcase .case-skeleton-copy{height:128px}.showcase .case-load-error{padding-bottom:80px}.showcase .case-load-error h1{font-size:clamp(28px,4vw,48px);max-width:24ch}.showcase .case-load-error p{margin:20px 0 24px;color:var(--secondary)}@media(min-width:768px){.showcase .case-skeleton-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes case-skeleton-sweep{to{transform:translateX(100%)}}@media(prefers-reduced-motion:reduce){.showcase .case-skeleton:after{animation:none;transform:none;background:none}}.work-loading-skeleton{min-height:260px;aspect-ratio:4/3;background:#171917;border-radius:12px;animation:work-loading-pulse 1.4s ease-in-out infinite alternate}@keyframes work-loading-pulse{to{opacity:.45}}@media(prefers-reduced-motion:reduce){.work-loading-skeleton{animation:none}}.showcase .case-overview{margin-block:48px 0}.showcase .case-overview>.case-summary-heading{margin:0 0 20px;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.3;letter-spacing:-.02em}.showcase .case-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.showcase .case-overview .case-summary-step{padding:24px;border:1px solid #f3f0e81a;border-radius:16px;background:#10110f;min-width:0}.showcase .case-overview .case-summary-step :is(h2,h3){margin:0;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--accent)}.showcase .case-overview .case-summary-step p{margin:12px 0 0;font-size:15px;line-height:1.75;color:var(--secondary);overflow-wrap:anywhere}.showcase .case-section-break{height:0;margin-block:16px}.showcase .study-case-blocks>h2:first-child{margin-top:0}.showcase .case-inline-image{overflow:hidden;border-radius:16px}.showcase .case-form-image>img,.showcase .case-inline-image .case-detail-image{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.showcase .case-form-image{margin-block:32px}.showcase .case-form-image figcaption{font-size:13px;line-height:1.6;margin-top:12px;color:var(--secondary)}.showcase .work-collection-summary{margin:0 0 24px;color:var(--secondary);font-size:14px;line-height:1.6}.showcase #web-apps:has(.work-collection-summary)>.works-heading{margin-bottom:8px}.showcase .case-editorial .case-outcomes{border:0}@media(max-width:767px){.showcase .case-overview{margin-top:32px}.showcase .case-summary-grid{grid-template-columns:1fr;gap:12px}.showcase .case-overview .case-summary-step{padding:20px}.showcase .case-overview .case-summary-step :is(h2,h3){font-size:18px}.showcase .work-collection-summary{font-size:13px;margin-bottom:20px;max-width:34ch}.showcase #web-apps .works-heading{flex-wrap:wrap;gap:12px}}.case-app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;min-width:0}.case-app-actions a{max-width:100%;overflow-wrap:anywhere}.case-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:32px}.case-evidence-pair figure{margin:0;min-width:0}.case-evidence-pair img{display:block;width:100%;height:auto;max-height:620px;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;border-radius:12px}.case-evidence-pair figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}.case-evidence-pair a{display:block}@media(max-width:600px){.case-app-actions{gap:12px}.case-app-actions a{min-height:44px}.case-evidence-pair{gap:12px}.case-evidence-pair figcaption{font-size:12px}}.visual-section{padding:64px 24px;max-width:1280px;margin:auto}.visual-section h2{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:0 0 24px;font-weight:800}.visual-section p{max-width:70ch;line-height:1.8}.visual-columns{display:flex;gap:32px;flex-wrap:wrap}.visual-column{flex:1 1 220px;min-height:100px;min-width:0}.cms-visual-layout{width:100%;min-width:0}.cms-visual-layout img{max-width:100%}@media(max-width:600px){.visual-section{padding:40px 20px}.visual-columns{flex-direction:column}.visual-column{flex-basis:auto}}