/* Monochrome cut paper, with motion that follows the reader. */
.hero-editorial{top:17%;width:60%}.hero h1{font-size:clamp(72px,7.7vw,135px)}
.hero-promise{font-size:clamp(20px,1.8vw,27px);margin-top:30px}.hero-byline{max-width:430px;margin-top:20px}
.hero-actions{display:flex;gap:16px;align-items:center;margin-top:30px}
.hero-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-width:200px;min-height:62px;padding:16px 24px;font-size:19px;font-weight:700;border:2px solid var(--ink);transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.cta-work{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:4px 4px 0 var(--ink)}
.cta-story{background:var(--paper);color:var(--ink)}.cta-arrow{font-size:27px;line-height:1;transition:transform .25s}.route-note{font-size:11px;color:#676960;margin-top:15px}
.hero-cta:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.hero-cta:active{transform:translate(2px,2px);box-shadow:none}
.scroll-enabled .scroll-viewport>.scroll-cue{font-size:11px;left:5.2vw;bottom:73px;flex-direction:row;gap:14px}.scroll-cue .scroll-arrow{font-size:20px}
.layered-art{isolation:isolate;--pointer-x:0px;--pointer-y:0px}
.layer{position:absolute;transform:translate3d(calc(var(--drift,0)*var(--shift,30px) + var(--pointer-x,0px)*var(--depth,1)),calc(var(--drift,0)*var(--lift,10px) + var(--pointer-y,0px)*var(--depth,1)),0) rotate(calc(var(--rotation,0deg) + var(--drift,0)*var(--turn,6deg)));transform-origin:50% 60%;transition:transform .18s ease-out}
.sprite{display:block;width:100%;height:100%;background-repeat:no-repeat;filter:grayscale(1) contrast(1.12);mix-blend-mode:multiply}
.story-art{transform:none;transition:none}.story-kicker{font-weight:700}.story-afterthought{font-size:14px}.background-note{font-size:15px;line-height:1.55;color:#56594f;margin-top:24px;max-width:380px}.background-note strong{font-weight:700;color:var(--ink)}
.hero-collage{width:36vw;aspect-ratio:.94;right:3.6%;bottom:16%;max-width:560px}
.hero-paper{inset:12% 4% 3% 13%;background:var(--lime);--rotation:-8deg;--shift:-26px;--turn:-9deg;--depth:.25;clip-path:polygon(2% 0,100% 5%,95% 100%,0 93%)}
.hero-ring{inset:0 7% 28% 15%;border:2px solid var(--blue);border-radius:50%;--rotation:15deg;--shift:-55px;--depth:.4}
.hero-eye{width:73%;aspect-ratio:490/269;top:-2%;left:0;--rotation:-11deg;--shift:55px;--lift:-40px;--depth:1.2;z-index:3}
.hero-phone{width:92%;aspect-ratio:736/730;right:-7%;bottom:0;--rotation:7deg;--shift:95px;--lift:28px;--depth:.7;z-index:4}
.hero-bubbles{width:25%;aspect-ratio:246/229;right:-1%;top:3%;--rotation:13deg;--shift:25px;--lift:-25px;--depth:1.5;z-index:5}
.hero-collage .collage-tag{left:7%;bottom:1%;font-size:14px;padding:10px 15px;--rotation:-5deg;--shift:30px;--depth:.8;z-index:5}
.hero-collage .collage-caption{top:auto;bottom:-9%;right:4%;font:italic 17px Georgia,serif;color:var(--ink)}
.hero-collage::after,.opening-art::after{display:none}
.art-note{position:absolute;bottom:-4%;left:5%;right:0;font:italic 18px/1.2 Georgia,serif;transform:rotate(-4deg);z-index:8}
.lens-disc{inset:10% 8% 8%;border-radius:50%;background:var(--lime);--shift:-40px;--depth:.2}
.lens-people{width:94%;aspect-ratio:601/411;left:1%;bottom:7%;--rotation:5deg;--shift:70px;--depth:.5;z-index:2}
.lens-eye{width:61%;aspect-ratio:490/269;top:-1%;left:8%;--rotation:-8deg;--shift:-75px;--lift:30px;--depth:1.3;z-index:3}
.lens-magnifier{width:57%;aspect-ratio:337/206;right:-10%;bottom:2%;--rotation:10deg;--shift:100px;--depth:1.6;z-index:5}
.background-art .map-fragment{inset:-5% -3%;opacity:.5;--shift:-45px;--depth:.15}
.background-disc{inset:12% 8% 6%;border:2px solid var(--blue);border-radius:50%;--rotation:-20deg;--shift:-50px;--depth:.3}
.background-brain{width:74%;aspect-ratio:345/278;top:-4%;left:4%;--rotation:-8deg;--shift:-60px;--depth:.7;z-index:3}
.background-hand{width:69%;aspect-ratio:307/277;right:-5%;bottom:3%;--rotation:8deg;--shift:80px;--lift:-22px;--depth:1.4;z-index:4}
.background-art .small-portrait{width:24%;height:auto;left:0;bottom:9%;transform:rotate(-10deg);z-index:2}
.research-paper{inset:12% 7% 4%;background:var(--blue);--rotation:7deg;--shift:-40px;--depth:.2;clip-path:polygon(0 3%,97% 0,100% 94%,4% 100%)}
.research-phone{width:100%;aspect-ratio:736/730;left:0;bottom:0;--rotation:-6deg;--shift:80px;--lift:20px;--depth:.8;z-index:3}
.research-bubbles{width:37%;aspect-ratio:246/229;top:-12%;right:0;--rotation:12deg;--shift:-55px;--depth:1.4;z-index:5}
.research-ear{width:22%;aspect-ratio:180/253;left:-5%;top:8%;--rotation:-15deg;--shift:100px;--depth:1.5;z-index:4}
.design-paper{inset:15% 2% 3% 5%;background:var(--lime);--rotation:-8deg;--shift:-40px;--depth:.2;clip-path:polygon(3% 0,100% 8%,95% 100%,0 92%)}
.design-keyboard{width:100%;aspect-ratio:735/588;left:-5%;bottom:0;--rotation:7deg;--shift:85px;--lift:25px;--depth:1;z-index:4}
.design-bulb{width:26%;aspect-ratio:190/282;top:-6%;right:-3%;--rotation:14deg;--shift:55px;--lift:-25px;--depth:1.5;z-index:5}
.design-note{width:57%;top:-4%;left:0;background:#f8f7f2;border:1px solid #d8d8ce;padding:6% 8%;display:grid;text-align:center;gap:6px;--rotation:-8deg;--shift:-65px;--depth:.5;z-index:2;font-size:12px;font-weight:700;box-shadow:3px 4px 0 #191a1715}.design-note b{font-size:23px;font-weight:400;color:var(--blue)}
.now-art .now-circle{inset:10% 6% 5%;opacity:.65}.now-eye{width:34%;aspect-ratio:340/177;left:-4%;bottom:-2%;--rotation:-12deg;--shift:80px;--depth:1.3;z-index:6}.now-art .paper-label{left:39%;bottom:-3%;background:var(--paper);color:var(--ink);font-size:8px}.now-service-label{bottom:4%;right:-5%;background:var(--paper);color:var(--ink)}
.brand-cars{top:18%;left:1%}.brand-jio{top:5%;right:10%}.brand-suzuki{top:35%;right:2%}.brand-bookmyshow{top:42%;left:0}.brand-quillbot{top:68%;right:0}
.brand-scatter-label{font-size:8px;top:-2%;left:2%}.brand{translate:calc(var(--drift,0)*var(--brand-shift,35px)) 0}.brand-cars{--brand-shift:-35px}.brand-suzuki{--brand-shift:55px}.brand-quillbot{--brand-shift:-55px}
.human-thread{opacity:.6}.human-thread path{stroke-width:2}.story-copy{padding:12px 0}.gallery-chapters{gap:22px}.gallery-chapters a{font-size:13px}
.community-photos{width:36%;height:46%;left:5%;bottom:11%;transform:rotate(-5deg)}.community-photos>.asset-people{position:absolute;left:0;bottom:5%;height:auto;aspect-ratio:601/411;width:100%;transform:rotate(5deg)}.community-photos .rural-newwoman{position:absolute;width:33%;height:auto;left:-7%;bottom:-2%;transform:rotate(-7deg)}
.about-collage{position:relative;aspect-ratio:1;width:100%;max-width:410px;margin:auto}.about-disc{inset:7%;border:2px solid var(--blue);border-radius:50%;--depth:.2}.about-people{width:100%;aspect-ratio:601/411;left:0;top:12%;--rotation:-7deg;--depth:.5}.about-hand{width:54%;aspect-ratio:307/277;right:-3%;bottom:0;--rotation:9deg;--depth:1.2}.about-collage figcaption{position:absolute;bottom:-10%;left:0;right:0;text-align:center;font-size:9px;font-weight:700}
.practice-disclosure[open] .project-stage{animation:project-reveal .55s var(--ease) both}.project-stage img{transition:transform .55s var(--ease)}
.work-introduction{padding:65px 0 45px}.work-introduction h2{font-size:clamp(40px,5.4vw,78px)}.work-introduction .work-guide{margin-top:23px}.practice-disclosure>summary{padding-block:36px}.work-introduction:focus{outline:none}h2[tabindex="-1"]:focus{outline:none}
@keyframes project-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.cta-work:hover{background:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 var(--blue)}.cta-story:hover{background:var(--lime)}.hero-cta:hover .cta-arrow{transform:translate(4px,-2px)}.project-link:hover .product-screen img{transform:scale(1.025)}}
@media(max-height:800px) and (min-width:681px){.hero-editorial{top:17%}.hero h1{font-size:min(7.7vw,13.2vh)}.hero-eyebrow{margin-bottom:19px}.hero-promise{margin-top:23px;font-size:21px}.hero-byline{margin-top:16px}.hero-actions{margin-top:23px}.hero-cta{min-height:54px;min-width:178px;font-size:17px;padding:12px 19px}.route-note{margin-top:12px}.hero-collage{width:min(35vw,57vh);bottom:17%}.scroll-enabled .scroll-viewport>.scroll-cue{bottom:60px}.background-note{font-size:14px;margin-top:17px}}
@media(max-width:1000px) and (min-width:681px){.hero-editorial{width:64%}.hero h1{font-size:8.2vw}.hero-collage{width:35vw;right:2%}.hero-cta{font-size:16px;min-width:155px;gap:18px;padding:14px 17px}.hero-actions{gap:12px}.hero-byline{max-width:340px}.gallery-chapters{gap:17px}.gallery-chapters a{font-size:11px}.art-note{font-size:15px}.design-note{font-size:9px}.hero-collage .collage-tag{font-size:10px}}
@media(max-width:680px){
 .site-header nav{font-size:12px}.scroll-enabled .site-header nav{gap:16px}.site-header{padding:19px 20px}.hero-editorial{left:24px;right:24px;top:12%;width:auto}.hero-eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:18px}.hero h1{font-size:12vw;line-height:1.02}.hero-promise{font-size:17px;margin-top:22px}.hero-byline{margin-top:13px;max-width:100%}.hero-byline p{font-size:12px}.hero-actions{margin-top:22px;gap:12px;width:100%}.hero-cta{font-size:16px;min-height:54px;min-width:0;flex:1;gap:8px;padding:13px 16px}.cta-arrow{font-size:23px}.route-note{font-size:9px;margin-top:13px}.hero-collage{width:min(47vw,25svh);right:9%;bottom:10%;max-width:none}.hero-collage .collage-tag{font-size:8px;padding:7px 10px;left:-7%;bottom:-1%}.hero-collage .collage-caption{display:none}.hero-bubbles{width:26%}.hero-phone{width:95%}.scroll-enabled .scroll-viewport>.scroll-cue{left:24px;right:auto;bottom:15%;font-size:10px;max-width:90px;text-align:left;gap:8px}.hero-baseline{bottom:18px!important}.story-description{font-size:15px;max-width:100%}.background-note{font-size:13px;margin-top:14px;max-width:100%}.story-kicker{font-size:8px}.story-copy h2,.story-opening .story-copy h2{font-size:36px}.story-panel .story-art{width:min(67vw,33svh)!important;height:min(67vw,33svh)!important;margin-bottom:17px}.art-note{font-size:13px;bottom:-5%}.design-note{font-size:7px;gap:3px}.design-note b{font-size:17px}.hero-ring{border-width:1px}.gallery-chapters{gap:18px}.gallery-chapters a{font-size:11px}.gallery-skip{font-size:0}.gallery-skip::after{font-size:11px}.now-eye{left:-10%;bottom:-4%}.now-service-label{right:-7%;bottom:-4%;font-size:8px}.now-art .paper-label{font-size:5px;left:31%;bottom:-15%}.brand-scatter-label{font-size:5px;top:-9%}.brand-cars{top:12%;left:-9%}.brand-jio{top:0;right:0}.brand-suzuki{top:32%;right:-8%}.brand-bookmyshow{top:39%;left:-13%}.brand-quillbot{top:70%;right:-10%}.community-photos{width:52%;height:34%;left:-2%;bottom:13%}.community-photos .rural-newwoman{width:27%;height:auto;left:-1%;bottom:-3%}.about-collage{max-width:300px;margin-bottom:35px}.about-collage figcaption{font-size:7px}.background-art .small-portrait{width:23%}
}
@media(max-width:680px) and (max-height:740px){.hero-editorial{top:12%}.hero-eyebrow{margin-bottom:14px}.hero h1{font-size:11.5vw}.hero-promise{margin-top:17px;font-size:16px}.hero-byline{margin-top:10px}.hero-actions{margin-top:17px}.hero-cta{min-height:48px;padding:10px 13px;font-size:15px}.route-note{margin-top:10px}.hero-collage{width:22svh;bottom:9%}.scroll-enabled .scroll-viewport>.scroll-cue{bottom:13%}.story-copy h2,.story-opening .story-copy h2{font-size:32px}.story-description{font-size:13px}.background-note{font-size:12px}.story-panel .story-art{width:min(57vw,29svh)!important;height:min(57vw,29svh)!important}}
@media(prefers-reduced-motion:reduce){.layer,.brand{transform:rotate(var(--rotation,0deg));translate:none;transition:none}.hero-cta,.cta-arrow,.project-stage img{transition:none}.practice-disclosure[open] .project-stage{animation:none}.hero{min-height:800px}.hero-collage{bottom:13%}.story-art{transform:none!important}.hero-editorial{top:120px}.hero-actions{position:relative}}
@media(max-width:680px){.hero-actions{display:grid;grid-template-columns:1fr 1.2fr;align-items:stretch}.hero-cta{font-size:15px;padding:12px;gap:6px;min-height:56px}.hero-cta>span:first-child{white-space:nowrap}.hero-collage{width:min(59vw,29svh)}}
@media(max-width:380px){.hero-cta{font-size:14px}.cta-arrow{font-size:20px}}
@media(max-width:680px) and (max-height:740px){.hero-collage{width:22svh}.hero-cta{min-height:48px}}

/* Cutout windows on the original uploaded sticker sheets. */
.asset-eye{background-image:url(assets/sticker-eyes.jpg);background-size:137.7551% 446.0967%;background-position:51.3514% 72.3953%;clip-path:polygon(0 51%,10% 27%,27% 12%,44% 2%,62% 0,78% 11%,94% 33%,100% 51%,99% 68%,80% 76%,60% 90%,36% 100%,17% 93%,0 75%)}
.asset-phone{background-image:url(assets/sticker-phone.jpg);background-size:100.0000% 179.1781%;background-position:0.0000% 45.8478%;clip-path:polygon(0 100%,0 63%,8% 48%,8% 25%,13% 15%,14% 10%,14% 5%,29% 0,39% 1%,42% 12%,44% 21%,49% 23%,52% 30%,58% 26%,66% 27%,72% 37%,78% 48%,94% 40%,100% 52%,100% 100%,90% 100%,72% 86%,56% 75%,42% 66%,31% 63%,30% 60%,25% 65%,21% 73%,18% 87%,14% 100%)}
.asset-bubbles{background-image:url(assets/sticker-voice.jpg);background-size:299.1870% 571.1790%;background-position:57.5510% 6.1168%;clip-path:polygon(37% 0,74% 1%,93% 9%,100% 29%,95% 48%,76% 62%,71% 86%,50% 100%,39% 86%,16% 80%,1% 61%,0 41%,7% 30%,28% 26%,30% 10%)}
.asset-people{background-image:url(assets/sticker-people.jpg);background-size:100.0000% 100.0000%;background-position:0.0000% 0.0000%;clip-path:polygon(0 37%,1% 10%,5% 3%,8% 3%,12% 6%,15% 24%,22% 25%,25% 13%,27% 3%,31% 0,35% 5%,34% 9%,39% 5%,43% 8%,46% 18%,49% 2%,54% 0,59% 4%,62% 7%,66% 6%,69% 2%,74% 0,78% 4%,78% 16%,82% 6%,87% 4%,92% 7%,96% 6%,100% 8%,100% 100%,0 100%)}
.asset-magnifier{background-image:url(assets/sticker-research.jpg);background-size:218.3976% 634.9515%;background-position:0.0000% 83.3031%;clip-path:polygon(4% 2%,34% 17%,49% 39%,59% 20%,77% 20%,94% 38%,100% 67%,89% 91%,68% 100%,54% 91%,47% 68%,29% 75%,4% 56%,0 44%)}
.asset-brain{background-image:url(assets/sticker-thinking.jpg);background-size:195.6522% 431.6547%;background-position:0.0000% 2.3861%;clip-path:polygon(1% 63%,4% 46%,21% 23%,25% 12%,37% 7%,49% 7%,58% 0,66% 11%,73% 12%,76% 28%,84% 42%,95% 58%,100% 77%,92% 83%,81% 72%,77% 85%,66% 96%,48% 100%,30% 93%,22% 81%,1% 86%)}
.asset-writing{background-image:url(assets/sticker-research.jpg);background-size:239.7394% 472.2022%;background-position:32.6340% 64.8885%;clip-path:polygon(0 95%,15% 75%,16% 51%,23% 28%,43% 15%,52% 13%,61% 18%,83% 0,94% 2%,95% 8%,79% 25%,91% 37%,98% 53%,100% 68%,95% 85%,80% 91%,55% 88%,46% 96%,35% 98%,23% 89%,4% 99%)}
.asset-ear{background-image:url(assets/sticker-voice.jpg);background-size:408.8889% 516.9960%;background-position:97.6619% 99.5261%;clip-path:polygon(42% 0,74% 3%,92% 23%,98% 54%,85% 85%,63% 100%,35% 93%,15% 74%,0 50%,10% 16%)}
.asset-keyboard{background-image:url(assets/sticker-keyboard.jpg);background-size:100.0000% 150.0000%;background-position:0.0000% 100.0000%;clip-path:polygon(0 0,100% 0,100% 100%,94% 96%,75% 79%,64% 63%,60% 56%,46% 55%,39% 63%,26% 82%,18% 100%,0 96%)}
.asset-bulb{background-image:url(assets/sticker-voice.jpg);background-size:387.3684% 463.8298%;background-position:97.9853% 3.3138%;clip-path:polygon(22% 4%,62% 0,88% 12%,100% 31%,97% 53%,77% 73%,73% 91%,60% 100%,35% 99%,24% 90%,22% 74%,7% 60%,0 31%,7% 12%)}
.asset-eye-small{background-image:url(assets/sticker-curiosity.jpg);background-size:198.5294% 677.9661%;background-position:98.8060% 39.4917%;clip-path:polygon(0 48%,14% 26%,36% 4%,63% 0,83% 16%,96% 42%,100% 67%,92% 74%,76% 76%,60% 97%,40% 100%,22% 79%,9% 70%)}
