.portfolio-home{--portfolio-paper:#f4f0e7;--portfolio-paper-deep:#e6dfd2;--portfolio-ink:#12171f;--portfolio-muted:#5e625f;--portfolio-blue:#0f4acb;--portfolio-blue-dark:#082766;--portfolio-orange:#e56724;--portfolio-orange-text:#9c3513;--portfolio-line:#12171f33;--portfolio-white:#fffdf8;--portfolio-font-sans:"Plus Jakarta Sans", Arial, sans-serif;--portfolio-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;background-color:var(--portfolio-paper);color:var(--portfolio-ink);font-family:var(--portfolio-font-sans);text-rendering:optimizelegibility;background-image:radial-gradient(#12171f14 .45px,#0000 .45px);background-size:5px 5px;line-height:1.5}.portfolio-home a:focus-visible{outline:2px solid var(--portfolio-white);outline-offset:3px;box-shadow:0 0 0 6px var(--portfolio-ink)}.section-shell{width:min(1180px,100% - 48px);margin:0 auto}.portfolio-header{border-bottom:1px solid var(--portfolio-line);justify-content:space-between;align-items:center;width:min(1240px,100% - 32px);min-height:76px;margin:0 auto;display:flex}.portfolio-wordmark{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:750;text-decoration:none;display:flex}.portfolio-wordmark>span:first-child{width:34px;height:34px;color:var(--portfolio-white);background:var(--portfolio-ink);font:700 12px/1 var(--portfolio-font-mono);place-items:center;display:grid}.portfolio-header nav{align-items:center;gap:clamp(18px,3vw,42px);display:flex}.portfolio-header nav a{min-width:24px;min-height:44px;font:560 13px/1 var(--portfolio-font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;padding:0 4px;text-decoration:none;display:inline-flex}.portfolio-header nav a:hover{color:var(--portfolio-blue)}.portfolio-home .hero{grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);align-items:center;gap:clamp(40px,7vw,100px);min-height:730px;padding-top:64px;padding-bottom:82px;display:grid;overflow:visible}.portfolio-home .hero:before{content:none}.portfolio-home .eyebrow{color:inherit;font:620 12px/1.3 var(--portfolio-font-mono);letter-spacing:.11em;text-transform:uppercase;background:0 0;border-radius:0;margin:0 0 22px;padding:0;display:block}.portfolio-home .hero h1,.portfolio-home .section-heading h2,.portfolio-home .about h2,.portfolio-home .contact h2{font-family:var(--portfolio-font-sans);letter-spacing:-.062em;margin:0;font-weight:760;line-height:.97}.portfolio-home .hero h1{max-width:780px;font-size:clamp(50px,7.4vw,96px)}.hero-lede{max-width:720px;color:var(--portfolio-blue);letter-spacing:-.035em;margin:34px 0 0;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1.15}.hero-support{max-width:700px;color:var(--portfolio-muted);margin:24px 0 0;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.portfolio-home .button{border:1px solid var(--portfolio-ink);min-height:48px;box-shadow:none;font:630 13px/1 var(--portfolio-font-mono);border-radius:0;justify-content:center;align-items:center;gap:20px;padding:0 20px;text-decoration:none;display:inline-flex}.portfolio-home .button-primary{border-color:var(--portfolio-ink);background:var(--portfolio-ink);color:var(--portfolio-white)}.portfolio-home .button-primary:hover{border-color:var(--portfolio-blue);background:var(--portfolio-blue);box-shadow:none;transform:none}.portfolio-home .button-secondary{color:var(--portfolio-ink);background:0 0}.portfolio-home .button-secondary:hover{background:var(--portfolio-white);box-shadow:none;transform:none}.hero-art{background:var(--portfolio-blue);color:var(--portfolio-white);flex-direction:column;justify-content:center;align-self:stretch;padding:64px 32px 32px;display:flex;position:relative;overflow:hidden}.hero-art:before{content:"";background:var(--portfolio-orange);border-radius:50%;width:190px;height:190px;position:absolute;top:18%;right:-80px}.hero-art:after{content:"";background:#ffffff61;height:1px;position:absolute;bottom:19%;left:0;right:0}.hero-art-label{z-index:2;font:600 11px/1 var(--portfolio-font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;display:flex;position:absolute;inset:22px 24px auto}.book-stage{z-index:1;width:76%;max-width:330px;margin:0 auto;position:relative;transform:rotate(-3deg)}.book-stage img{z-index:2;border:1px solid #ffffff61;position:relative;box-shadow:24px 32px #05123357}.book-shadow{filter:blur(10px);background:#0512335c;width:110%;height:15px;position:absolute;bottom:-38px;left:4%;transform:skew(-22deg)}.metrics{border-top:1px solid var(--portfolio-line);border-bottom:1px solid var(--portfolio-line);background:#fffdf880}.metrics-grid{grid-template-columns:repeat(4,1fr);display:grid}.metric{border-left:1px solid var(--portfolio-line);flex-direction:column;justify-content:space-between;min-height:158px;padding:30px 28px;display:flex}.metric:last-child{border-right:1px solid var(--portfolio-line)}.metric strong{letter-spacing:-.05em;font-size:clamp(28px,3.2vw,45px)}.metric span{max-width:190px;color:var(--portfolio-muted);font:520 12px/1.45 var(--portfolio-font-mono);text-transform:uppercase}.work{padding-top:130px;padding-bottom:140px}.section-heading{max-width:780px;margin-bottom:72px}.portfolio-home .section-heading h2{font-size:clamp(44px,6vw,76px)}.section-heading>p:last-child{max-width:620px;color:var(--portfolio-muted);margin:24px 0 0;font-size:18px;line-height:1.65}.project{border-top:1px solid var(--portfolio-ink)}.project-featured{grid-template-columns:1.05fr .95fr;min-height:620px;display:grid}.project-visual{position:relative;overflow:hidden}.project-book{background:var(--portfolio-blue-dark);min-height:620px}.book-cover-small{width:39%;position:absolute;top:9%;left:8%;transform:rotate(-4deg);box-shadow:16px 20px #0000003d}.video-frame{border:9px solid var(--portfolio-paper);background:var(--portfolio-ink);width:62%;color:var(--portfolio-white);text-decoration:none;position:absolute;bottom:11%;right:6%;box-shadow:14px 18px #00000047}.video-frame img{aspect-ratio:16/9;object-fit:cover;width:100%}.play-button{background:var(--portfolio-orange);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:44px;left:20px}.video-caption{font:600 10px/1 var(--portfolio-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;display:block}.project-copy{background:#fffdf87a;flex-direction:column;padding:38px clamp(28px,4vw,58px) 44px;display:flex}.project-index{color:var(--portfolio-muted);font:600 11px/1 var(--portfolio-font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:52px;display:flex}.project-index span:first-child{color:var(--portfolio-orange-text)}.portfolio-home .project h3{max-width:560px;font-family:var(--portfolio-font-sans);letter-spacing:-.05em;margin:0;font-size:clamp(31px,4vw,54px);line-height:1}.project-role{color:var(--portfolio-blue);font:610 11px/1.5 var(--portfolio-font-mono);letter-spacing:.055em;text-transform:uppercase;margin:14px 0 0}.project-summary{color:#34383b;margin:26px 0 0;font-size:16px;line-height:1.7}.project-facts{border-top:1px solid var(--portfolio-line);margin:24px 0 0;padding:0;list-style:none}.project-facts li{border-bottom:1px solid var(--portfolio-line);color:var(--portfolio-muted);padding:11px 0 11px 24px;font-size:13px;line-height:1.45;position:relative}.project-facts li:before{content:"+";color:var(--portfolio-orange);font:700 14px/1 var(--portfolio-font-mono);position:absolute;left:2px}.link-row{flex-wrap:wrap;gap:14px 24px;margin-top:auto;padding-top:30px;display:flex}.link-row a,.lab-link{font:620 12px/1.35 var(--portfolio-font-mono);text-underline-offset:.2em;text-decoration:underline 1px}.link-row a:hover,.lab-link:hover{color:var(--portfolio-blue)}.project-grid{grid-template-columns:1fr 1fr;display:grid}.project-card:nth-child(odd){border-right:1px solid var(--portfolio-ink)}.project-card{grid-template-rows:420px 1fr;min-width:0;display:grid}.project-card .project-copy{min-height:470px}.app-visual{background:#d6d0c5}.app-visual:after{content:"";background-image:linear-gradient(#12171f29 1px,#0000 1px),linear-gradient(90deg,#12171f29 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.app-icon{z-index:2;border-radius:25%;width:120px;position:absolute;top:10%;left:8%;box-shadow:10px 12px #00000029}.phone-shot{z-index:1;border:8px solid var(--portfolio-ink);border-radius:22px;width:190px;position:absolute;top:12%;right:10%;box-shadow:15px 18px #0000002e}.marching-visual{background:#b9ce66}.widgtext-visual{background:#f3c229}.widget-word{z-index:2;letter-spacing:-.08em;font-size:clamp(44px,5vw,75px);font-weight:780;line-height:.81;position:absolute;bottom:7%;left:7%}.audio-visual{background:var(--portfolio-ink);min-height:420px;color:var(--portfolio-white);flex-direction:column;justify-content:flex-end;padding:34px;display:flex}.audio-lines{align-items:center;gap:6px;height:210px;display:flex}.audio-lines i{background:var(--portfolio-blue);flex:1;display:block}.audio-lines i:nth-child(4n){background:var(--portfolio-orange)}.audio-labels{font:550 10px/1 var(--portfolio-font-mono);border-top:1px solid #ffffff3d;grid-template-columns:repeat(4,1fr);margin-top:28px;padding-top:16px;display:grid}.growth-visual{background:var(--portfolio-blue);min-height:420px;color:var(--portfolio-white);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:40px;display:grid}.growth-start{font:650 34px/1 var(--portfolio-font-mono)}.growth-end{letter-spacing:-.07em;font-size:clamp(45px,6vw,84px);font-weight:780}.growth-label{font:570 11px/1 var(--portfolio-font-mono);letter-spacing:.08em;text-transform:uppercase;position:absolute;bottom:34px;right:40px}.growth-line{background:#ffffff94;align-items:center;height:2px;display:flex}.growth-line i{background:var(--portfolio-orange);border-radius:50%;width:8px;height:8px;margin-left:auto}.growth-line i:first-child{margin-left:0}.capabilities{background:var(--portfolio-ink);color:var(--portfolio-white);padding:130px 0 150px}.light-heading>p:last-child{color:#ffffff9e}.light-heading .eyebrow{color:#9fbaff}.capability-list{border-top:1px solid #ffffff40}.capability{border-bottom:1px solid #ffffff40;grid-template-columns:70px 1.1fr 1.4fr 1.3fr;align-items:start;gap:28px;padding:35px 0;display:grid}.cap-number{color:var(--portfolio-orange);font:600 11px/1.5 var(--portfolio-font-mono)}.portfolio-home .capability h3{font-family:var(--portfolio-font-sans);letter-spacing:-.035em;margin:0;font-size:25px}.capability p{color:#ffffffb3;margin:0;font-size:14px;line-height:1.6}.cap-tools{color:#9fbaff;font:530 11px/1.6 var(--portfolio-font-mono)}.portfolio-home .about{grid-template-columns:.9fr 1.1fr;gap:100px;padding-top:140px;padding-bottom:150px;display:grid}.portfolio-home .about h2{max-width:520px;font-size:clamp(48px,6vw,78px)}.portfolio-home .about-copy{padding-top:34px;display:block}.portfolio-home .about-copy p{color:var(--portfolio-muted);margin:1em 0;font-size:16px;line-height:1.75}.portfolio-home .about-copy .about-lede{color:var(--portfolio-blue);letter-spacing:-.035em;margin-top:0;font-size:clamp(24px,3vw,36px);font-weight:620;line-height:1.3}.lab-link{margin-top:30px;display:inline-block}.contact{background:var(--portfolio-blue);color:var(--portfolio-white);padding:110px 0}.contact-grid{grid-template-columns:.42fr 1.58fr;gap:34px 80px;display:grid}.contact .eyebrow{color:#c7d5ff}.portfolio-home .contact h2{font-size:clamp(40px,5.4vw,70px)}.contact-link{border-top:1px solid #fff6;border-bottom:1px solid #fff6;grid-column:2;justify-content:space-between;padding:27px 0;font-size:clamp(18px,2.5vw,30px);text-decoration:none;display:flex}.contact-link:hover{color:#ffd1b4}.contact-meta{color:#c7d5ff;font:560 11px/1.4 var(--portfolio-font-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;grid-column:2;justify-content:space-between;gap:18px;display:flex}.contact-meta a{text-underline-offset:.2em;text-decoration:underline}.portfolio-footer{background:var(--portfolio-ink);color:#ffffffa6;min-height:76px;font:540 10px/1 var(--portfolio-font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 max(24px,50vw - 590px);display:flex}@media (width<=900px){.section-shell{width:min(100% - 32px,720px)}.portfolio-home .hero{grid-template-columns:1fr}.hero-art{min-height:600px}.metrics-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:1px solid var(--portfolio-line)}.project-featured,.project-grid{grid-template-columns:1fr}.project-card{border-right:0!important}.capability{grid-template-columns:50px 1fr}.capability p,.cap-tools{grid-column:2}.portfolio-home .about{grid-template-columns:1fr;gap:50px}.contact-grid{grid-template-columns:1fr}.contact-link,.contact-meta{grid-column:1}}@media (width<=620px){.portfolio-header{min-height:68px}.portfolio-wordmark>span:last-child{display:none}.portfolio-header nav{gap:8px}.portfolio-header nav a{font-size:10px}.portfolio-home .hero{min-height:0;padding-top:50px;padding-bottom:52px}.portfolio-home .hero h1{font-size:clamp(46px,15vw,68px)}.hero-art{min-height:500px}.hero-actions{flex-direction:column}.portfolio-home .button{width:100%}.metrics-grid{grid-template-columns:1fr}.metric,.metric:nth-child(2),.metric:last-child{border-right:1px solid var(--portfolio-line);border-bottom:1px solid var(--portfolio-line);min-height:120px}.work{padding-top:90px;padding-bottom:100px}.section-heading{margin-bottom:48px}.project-book{min-height:480px}.book-cover-small{width:47%}.video-frame{width:68%}.project-card{grid-template-rows:360px 1fr}.project-card .project-copy{min-height:0}.phone-shot{width:150px}.app-icon{width:94px}.audio-visual,.growth-visual{min-height:360px}.capabilities{padding:95px 0}.capability{gap:20px}.portfolio-home .about{padding-top:100px;padding-bottom:100px}.contact{padding:82px 0}.contact-link{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}