@font-face{font-family:DM;src:url(assets/dm-sans-400.ttf)}@font-face{font-family:DM;src:url(assets/dm-sans-500.ttf);font-weight:500}@font-face{font-family:DM;src:url(assets/dm-sans-600.ttf);font-weight:600}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#111;background:#fff;font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #eb562c;outline-offset:5px}.skip{position:absolute;top:-100px;z-index:5;padding:16px;background:white;color:black}.skip:focus{top:10px}.header{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 4.2%;color:white}.wordmark{font-size:46px;letter-spacing:-3px;font-weight:600;line-height:1}.header nav{display:flex;gap:34px;font-size:15px}.header a:hover{opacity:.75}.contact-link{display:flex;align-items:center;gap:12px;font-size:15px}.circle{display:inline-flex;align-items:center;justify-content:center;background:currentColor;border-radius:50%;width:26px;height:26px;flex-shrink:0}.circle svg{color:#111;width:17px;height:17px}.hero{position:relative;height:100svh;min-height:700px;max-height:1200px;background:#343e40;color:white;display:grid;place-items:center;overflow:hidden}.hero-media,.shade,.hero-image{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:50% 58%;animation:drift 24s ease-in-out infinite alternate;filter:saturate(.8)}.shade{background:rgba(0,0,0,.38)}@keyframes drift{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.12) translateX(1%)}}.hero.paused .hero-image{animation-play-state:paused}.hero-copy{z-index:1;position:relative;text-align:center;max-width:690px;padding:80px 20px 0}.hero h1{font-size:clamp(36px,3.3vw,52px);font-weight:400;line-height:1.12;letter-spacing:-1.6px;text-wrap:balance}.hero-contact{display:inline-flex;align-items:center;gap:28px;border:1px solid #ffffff70;border-radius:40px;padding:10px 11px 10px 22px;margin-top:34px;font-size:14px}.hero-contact:hover{background:#ffffff20}.hero-bottom{position:absolute;bottom:32px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:center;font-size:13px}.hero-bottom>a{display:flex;align-items:center;gap:10px}.down svg{transform:rotate(90deg)}.motion-toggle{width:34px;height:34px;border:1px solid #ffffff60;border-radius:50%;color:white;background:transparent;display:grid;place-items:center}.motion-toggle svg{width:17px}.intro{padding:150px 24px 130px;text-align:center;max-width:850px;margin:auto}.intro h2{font-size:clamp(32px,3.2vw,48px);line-height:1.13;letter-spacing:-1.5px;font-weight:400}.intro strong{font-weight:600}.intro>p{font-size:18px;line-height:1.55;max-width:610px;margin:28px auto 30px;color:#545454}.plain-link{display:inline-flex;align-items:center;gap:12px;font-size:14px}.plain-link .circle{color:#111}.plain-link svg{color:white}.services{padding:0 4.2% 120px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-art{aspect-ratio:1/1.18;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:26px;border-radius:3px;isolation:isolate}.service-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.service-art:hover img{transform:scale(1.04)}.art-small{font-size:13px}.art-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:12px}.brand-art{background:#e1f2bb;color:#233510}.art-type{font-weight:500;font-size:clamp(58px,6.7vw,110px);letter-spacing:-.075em;line-height:.86;margin:auto 0;position:relative}.art-type>span{font-size:24px;position:absolute;top:3px;right:0;letter-spacing:0}.product-art{color:#fff}.product-art:after,.tech-art:after{content:'';position:absolute;inset:0;background:#0003;z-index:-1}.product-title{margin:auto 0;font-size:clamp(48px,5vw,80px);line-height:.95;letter-spacing:-4px}.tech-art{color:#fff}.tech-art img{filter:brightness(.65)}.tech-title{margin:auto 0;font-size:clamp(48px,5vw,80px);line-height:.95;letter-spacing:-4px}.service-grid h3{font-size:20px;font-weight:500;margin:20px 0 8px;letter-spacing:-.4px}.service-grid article>p{font-size:16px;line-height:1.5;max-width:42ch;color:#646464}.details{padding:100px 4.2% 140px;display:grid;grid-template-columns:1fr 1.3fr;gap:10%;background:#f5f5f3}.details h2{font-size:50px;letter-spacing:-2px;font-weight:400;line-height:1.08}.details-heading p{max-width:34ch;font-size:17px;line-height:1.5;margin-top:25px;color:#606060}.detail-list details{border-top:1px solid #c9c9c5;scroll-margin-top:40px}.detail-list details:last-child{border-bottom:1px solid #c9c9c5}.detail-list summary{list-style:none;padding:25px 0;display:flex;align-items:center;justify-content:space-between;font-size:24px;letter-spacing:-.6px;cursor:pointer;gap:15px}.detail-list summary::-webkit-details-marker{display:none}.plus{width:15px;height:15px;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;top:7px;width:15px;height:1px}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.detail-body{padding:0 40px 30px 0;font-size:16px;line-height:1.6;color:#555}.detail-body ul{padding-left:18px;margin:20px 0 0}.engagement{padding:120px 4.2%;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.engagement-title>span{font-size:14px}.engagement h2{font-weight:400;font-size:50px;letter-spacing:-2px;line-height:1.08;margin-top:26px}.engagement-copy>p{font-size:17px;line-height:1.55;color:#555}.engagement-copy .lead{font-size:28px;line-height:1.3;color:#111;letter-spacing:-.7px;margin-bottom:28px}.steps{margin:35px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps h3{font-size:20px;font-weight:500;margin-bottom:12px}.steps p{font-size:14px;line-height:1.5;color:#606060}.engagement-copy .scope-note{font-size:14px}.project-brief{background:#e1f2bb;padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:15%;scroll-margin-top:0}.contact-intro>span{font-size:14px}.contact-intro h2{font-size:100px;line-height:.95;letter-spacing:-6px;font-weight:400;margin:30px 0}.contact-intro p{font-size:18px;line-height:1.5;max-width:30ch}form{padding-top:5px}form label{display:grid;gap:9px;font-size:14px;margin-bottom:20px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #60703f;padding:12px 0;background:transparent;color:#233510;border-radius:0;font-size:16px}textarea{min-height:110px;resize:vertical}form p{font-size:13px;line-height:1.5;color:#43582a}form button{border:0;border-radius:30px;background:#233510;color:white;display:flex;align-items:center;gap:25px;padding:15px 22px;margin-top:24px;font-size:14px}form button:hover{background:#111}.form-status{margin-top:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:50px 4.2%;font-size:14px}footer p{color:#666}footer>a:last-child{display:flex;align-items:center;gap:10px}.up svg{transform:rotate(-90deg)}@media(min-width:1800px){.hero-copy{max-width:800px}.hero h1{font-size:60px}}@media(max-width:900px){.header{padding:26px 5%}.header nav{gap:20px}.hero{min-height:680px}.service-grid{gap:15px}.service-art{padding:18px;aspect-ratio:1/1.4}.art-small{font-size:12px}.art-bottom{font-size:11px}.art-type{font-size:8vw}.product-title,.tech-title{font-size:6vw;letter-spacing:-2px}.details,.engagement{gap:6%;grid-template-columns:.9fr 1.1fr;padding:80px 5%}.details h2,.engagement h2{font-size:40px}.detail-list summary{font-size:20px}.steps{grid-template-columns:1fr;gap:20px}.project-brief{padding:80px 5%;gap:10%}.contact-intro h2{font-size:80px}footer p{max-width:25ch}}@media(max-width:600px){.header{padding:25px 22px}.wordmark{font-size:39px}.header nav{display:none}.contact-link{font-size:14px}.hero{min-height:650px;height:100svh;max-height:950px}.hero-copy{padding:10px 27px 0}.hero h1{font-size:36px;line-height:1.13;letter-spacing:-1.1px}.hero-contact{font-size:12px;gap:14px;padding-left:17px}.hero-bottom{left:24px;right:24px;bottom:24px;font-size:12px}.hero-bottom>span{display:none}.hero-image{object-position:42% 50%}.intro{padding:90px 25px 70px}.intro h2{font-size:34px;letter-spacing:-1px}.intro>p{font-size:17px}.services{padding:0 22px 75px}.service-grid{grid-template-columns:1fr;gap:45px}.service-art{aspect-ratio:1.05;padding:25px}.art-small{font-size:13px}.art-bottom{font-size:12px}.art-type{font-size:90px}.product-title,.tech-title{font-size:72px;letter-spacing:-3px}.details,.engagement{grid-template-columns:1fr;padding:75px 25px;gap:40px}.details h2,.engagement h2{font-size:42px}.details-heading p{margin-top:20px}.detail-list summary{font-size:21px}.detail-body{padding-right:12px}.engagement h2{margin-top:18px}.engagement-copy .lead{font-size:25px}.steps{margin:30px 0;gap:28px}.steps p{font-size:16px}.project-brief{grid-template-columns:1fr;padding:70px 25px;gap:45px}.contact-intro h2{font-size:84px;letter-spacing:-4px;margin:25px 0}.contact-intro p{font-size:17px}footer{padding:35px 25px;flex-wrap:wrap;gap:30px}footer p{order:3;max-width:none;width:100%;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.service-art img{transition:none}.motion-toggle{display:none}}
/* Purna agency pages */
.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.inner-page .header{position:relative;color:#111;border-bottom:1px solid #e8e8e8}.inner-page .contact-link .circle svg{color:#fff}.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.page-intro{padding:100px 8% 90px;max-width:1200px}.page-intro>span,.back-link{font-size:14px;display:block;margin-bottom:30px}.page-intro h1,.case-title h1{font-size:clamp(54px,7vw,110px);line-height:1;letter-spacing:-.055em;font-weight:400;max-width:1000px}.page-intro>p{max-width:620px;font-size:22px;line-height:1.5;margin-top:32px;color:#555}.work-preview,.work-list{padding:60px 4.2% 110px}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.section-top h2{font-size:48px;font-weight:400;letter-spacing:-1px;line-height:1.1;margin-top:20px}.section-top>div:last-child{max-width:350px;font-size:17px;line-height:1.5}.section-top a{display:flex;align-items:center;gap:12px;margin-top:20px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-art{min-height:430px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px;transition:transform .2s}.project-art:hover{transform:translateY(-5px)}.project-art>span{font-size:12px}.project-art>strong{font-size:65px;font-weight:500;letter-spacing:-3px}.project-art-line{font-size:25px;display:block;letter-spacing:-.7px;line-height:1.15;margin-top:30px;font-weight:400}.art-foot{display:flex;justify-content:space-between;align-items:center}.trace{background:#d8e2ee;color:#182c46}.fieldwork{background:#f7bc72;color:#49351c}.relay{background:#42345d;color:#fff}.project-grid h3{font-size:22px;font-weight:500;margin:20px 0 10px}.project-grid p{font-size:16px;line-height:1.5;color:#666}.page-cta{background:#e1f2bb;padding:85px 8%;display:flex;align-items:center;justify-content:space-between;gap:40px}.page-cta h2{font-size:42px;letter-spacing:-1.5px;font-weight:400}.page-cta>a{font-size:20px;display:flex;gap:25px;align-items:center;border-bottom:1px solid;padding-bottom:10px}.site-footer{padding:65px 4.2% 30px;flex-wrap:wrap;gap:45px}.site-footer>div p{margin-top:20px}.site-footer nav{display:flex;gap:25px;flex-wrap:wrap}.site-footer .footer-note{width:100%;font-size:12px;color:#666}.case-intro{padding:70px 8% 45px}.case-title{display:flex;justify-content:space-between;gap:60px;align-items:end}.case-title>p{max-width:420px;font-size:23px;line-height:1.4;color:#555}.case-meta{display:flex;gap:35px;flex-wrap:wrap;margin-top:60px;font-size:13px}.case-visual{padding:70px 8%;min-height:600px}.case-visual>span{font-size:14px}.case-visual h2{font-size:clamp(50px,7vw,110px);font-weight:400;letter-spacing:-.055em;line-height:1;max-width:900px;margin:70px 0}.concept-flow{display:flex;gap:20px}.concept-flow span{border-top:1px solid currentColor;padding-top:20px;flex:1;font-size:17px}.case-story{max-width:1080px;margin:auto;padding:100px 40px}.case-story>div{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;margin-bottom:60px}.case-story h2{font-size:26px;font-weight:400;letter-spacing:-.5px}.case-story p,.case-story aside{font-size:18px;line-height:1.6;color:#555}.case-story aside{padding:25px;background:#f5f5f3;font-size:15px}.next-project{padding:60px 8%;background:#f5f5f3}.next-project>span{font-size:14px}.next-project>a{font-size:55px;letter-spacing:-2px;display:flex;justify-content:space-between;align-items:center;margin-top:20px}.next-project svg{width:40px;height:40px}.offer-list{padding:0 8% 100px}.offer-list>a{display:grid;grid-template-columns:1fr 1.4fr 1.2fr auto;align-items:start;gap:35px;padding:45px 0;border-top:1px solid #ccc}.offer-list>a:hover h2{text-decoration:underline;text-underline-offset:6px}.offer-list h2{font-size:32px;line-height:1.15;letter-spacing:-1px;font-weight:400}.offer-list p{font-size:17px;line-height:1.5;color:#555}.faq{padding:80px 8%;background:#f5f5f3}.faq>h2{font-size:42px;font-weight:400;margin-bottom:35px}.faq details{border-top:1px solid #ccc;max-width:900px}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:25px 0;font-size:21px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{padding-bottom:25px;max-width:700px;font-size:17px;line-height:1.6;color:#555}.offer-detail{padding:30px 8% 100px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.offer-detail h2{font-size:32px;font-weight:400;margin-bottom:25px;letter-spacing:-1px}.offer-detail h3{font-size:19px;font-weight:500;margin:35px 0 15px}.offer-detail p,.offer-detail li{font-size:18px;line-height:1.6;color:#555}.offer-detail ul{padding-left:20px}.offer-detail li{margin-bottom:15px}.working-agreement{padding:80px 8%;background:#f5f5f3}.working-agreement h2{font-size:40px;font-weight:400;letter-spacing:-1px}.working-agreement p{max-width:700px;font-size:20px;line-height:1.6;margin:25px 0}.working-agreement a{display:inline-flex;gap:20px;align-items:center}.studio-statement{background:#42345d;color:white;padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.studio-statement h2{font-size:46px;font-weight:400;line-height:1.1;letter-spacing:-1.5px}.studio-statement p{font-size:22px;line-height:1.5}.principles{padding:100px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles h2{font-size:30px;letter-spacing:-1px;line-height:1.15;font-weight:400;margin-bottom:25px}.principles p{font-size:18px;line-height:1.6;color:#555}.contact-page h1{font-size:110px;line-height:.95;letter-spacing:-6px;font-weight:400;margin:30px 0}.contact-help{display:block;text-decoration:underline;text-underline-offset:5px;margin-top:30px;font-size:14px}.contact-followup,.legal-copy{max-width:850px;margin:auto;padding:80px 30px}.contact-followup h2,.legal-copy h2{font-size:30px;font-weight:400;letter-spacing:-.7px;margin-bottom:20px}.contact-followup p,.legal-copy p{font-size:18px;line-height:1.6;color:#555;margin-bottom:35px}
@media(max-width:1000px){.project-art{min-height:350px;padding:22px}.project-art>strong{font-size:48px}.project-art-line{font-size:22px}.offer-list>a{grid-template-columns:1fr 2fr}.offer-list p{grid-column:2}.offer-list svg{display:none}.case-title{align-items:start;flex-direction:column;gap:25px}.case-title>p{max-width:650px}.offer-detail,.studio-statement{gap:50px}}
@media(max-width:600px){.header .contact-link{display:none}.menu-toggle{display:block;border:1px solid currentColor;background:transparent;color:inherit;border-radius:30px;padding:10px 18px;font-size:14px}.mobile-menu{position:absolute;top:95px;left:20px;right:20px;z-index:5;background:#fff;color:#111;border-radius:3px;padding:20px;box-shadow:0 10px 30px #0002}.mobile-menu a{display:block;padding:12px;font-size:24px}.page-intro{padding:65px 25px}.page-intro h1{font-size:55px}.page-intro>p{font-size:19px}.work-preview,.work-list{padding:50px 22px 70px}.section-top{display:block}.section-top h2{font-size:38px}.section-top>div:last-child{margin-top:25px}.project-grid{grid-template-columns:1fr;gap:45px}.project-art{min-height:400px;padding:28px}.project-art>strong{font-size:65px}.project-art-line{font-size:28px}.page-cta{padding:60px 25px;display:block}.page-cta h2{font-size:36px}.page-cta>a{margin-top:30px;width:fit-content}.site-footer{padding:45px 25px 25px;display:block}.site-footer nav{margin:35px 0;gap:20px}.site-footer .footer-note{font-size:12px}.case-intro{padding:55px 25px 35px}.case-title h1{font-size:66px}.case-title>p{font-size:20px}.case-meta{gap:15px;margin-top:35px;font-size:12px}.case-visual{padding:40px 25px;min-height:500px}.case-visual h2{font-size:54px;margin:60px 0}.concept-flow{flex-direction:column;gap:22px}.concept-flow span{padding-top:12px}.case-story{padding:65px 25px}.case-story>div{grid-template-columns:1fr;gap:18px;margin-bottom:40px}.case-story p{font-size:17px}.next-project{padding:40px 25px}.offer-list{padding:0 25px 65px}.offer-list>a{display:block;padding:35px 0}.offer-list h2{margin:20px 0;font-size:30px}.faq{padding:60px 25px}.faq>h2{font-size:35px}.faq summary{font-size:19px}.offer-detail{padding:0 25px 70px;grid-template-columns:1fr;gap:45px}.working-agreement{padding:60px 25px}.working-agreement h2{font-size:34px}.working-agreement p{font-size:18px}.studio-statement{padding:65px 25px;grid-template-columns:1fr;gap:30px}.studio-statement h2{font-size:38px}.studio-statement p{font-size:19px}.principles{padding:65px 25px;grid-template-columns:1fr;gap:40px}.contact-page h1{font-size:90px}.contact-followup,.legal-copy{padding:60px 25px}}
@media(prefers-reduced-motion:reduce){.project-art{transition:none}}

.pricing-disclaimer{font-size:14px!important;max-width:700px!important}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 4.2% 100px}.pricing-grid article{padding:35px;background:#f5f5f3;display:flex;flex-direction:column}.pricing-grid article:nth-child(2){background:#e1f2bb}.pricing-grid article>span{font-size:13px}.pricing-grid h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:22px 0}.price{font-size:35px!important;line-height:1.2!important;color:#111!important;letter-spacing:-1px;margin-bottom:25px}.price span{display:block;font-size:13px;letter-spacing:0;margin-top:12px}.pricing-grid p,.pricing-grid li{font-size:16px;line-height:1.55;color:#444}.pricing-grid ul{padding-left:18px;margin:25px 0 35px}.pricing-grid li{margin:10px 0}.pricing-grid a{margin-top:auto;display:block;background:#111;color:white;padding:16px 20px;border-radius:30px;text-align:center;font-size:14px}.custom-pricing{padding:95px 8%;background:#42345d;color:white;display:grid;grid-template-columns:1fr 1fr;gap:90px}.custom-pricing h2{font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin-top:25px}.custom-pricing p{font-size:19px;line-height:1.6;margin-bottom:25px}.custom-pricing a,.price-notes>a{text-decoration:underline;text-underline-offset:6px}.price-notes{padding:90px 8%}.price-notes>h2{font-size:40px;font-weight:400;letter-spacing:-1px;margin-bottom:40px}.price-notes>div{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 80px;margin-bottom:40px}.price-notes h3{font-size:22px;font-weight:500;margin-bottom:15px}.price-notes p{font-size:18px;line-height:1.6;color:#555}.process-page{padding:0 8% 80px}.process-page article{display:grid;grid-template-columns:1fr 3fr;gap:40px;border-top:1px solid #ccc;padding:45px 0}.process-page article>span{font-size:18px}.process-page h2{font-weight:400;font-size:38px;letter-spacing:-1px;margin-bottom:20px}.process-page p{font-size:20px;line-height:1.6;max-width:720px;color:#555}.process-page dl{display:grid;grid-template-columns:120px 1fr;gap:15px;margin-top:25px;font-size:16px;line-height:1.6}.process-page dd{margin:0;color:#555}.faq-page{background:white;padding-top:15px;padding-bottom:65px}.faq-page details{max-width:none}.page-links{display:flex;flex-direction:column;gap:15px;margin-top:30px;font-size:15px}.page-links a{text-decoration:underline;text-underline-offset:5px}.site-footer nav{max-width:650px;justify-content:flex-end}.header nav{gap:28px}@media(max-width:1000px){.pricing-grid{grid-template-columns:1fr}.pricing-grid article{max-width:800px;width:100%;margin:auto}.custom-pricing{gap:45px}}@media(max-width:600px){.pricing-grid{padding:0 25px 60px}.pricing-grid article{padding:28px}.pricing-grid h2{font-size:30px}.price{font-size:34px!important}.custom-pricing{padding:65px 25px;grid-template-columns:1fr;gap:30px}.custom-pricing h2{font-size:38px}.price-notes{padding:65px 25px}.price-notes>div{grid-template-columns:1fr;gap:30px}.price-notes>h2{font-size:34px}.process-page{padding:0 25px 60px}.process-page article{grid-template-columns:1fr;gap:20px}.process-page h2{font-size:32px}.process-page p{font-size:18px}.process-page dl{grid-template-columns:1fr;gap:10px}.process-page dd{margin-bottom:12px}.site-footer nav{justify-content:flex-start}}
/* Motion & color: quiet backgrounds, short transitions, readable static content. */
:root{--purna-lilac:#efebf6;--purna-peach:#fff0e4;--purna-sky:#edf3f8;--purna-ease:cubic-bezier(.2,.65,.3,1)}
.work-preview{background:var(--purna-lilac)}.details{background:var(--purna-sky)}.engagement{background:var(--purna-peach)}.price-notes{background:#fff8f1}.principles{background:#f5f1fa}.faq-page:nth-of-type(even){background:#f6f3fa}.process-page article:nth-child(even){background:#f8f5fc}.process-page article{padding-inline:20px}
.page-cta,.project-brief,.studio-statement,.custom-pricing,.case-visual{position:relative;isolation:isolate;overflow:hidden}
.page-cta:before,.project-brief:before,.studio-statement:before,.custom-pricing:before,.case-visual:before{content:'';pointer-events:none;position:absolute;z-index:-1;width:480px;height:480px;right:-240px;top:-210px;border:1px solid currentColor;border-radius:50%;opacity:.12;box-shadow:0 0 0 55px #ffffff0a,0 0 0 110px #ffffff08;transform:translateY(var(--ambient-shift,0px))}
.project-brief:before{right:-260px;top:auto;bottom:-300px;width:700px;height:700px}.case-visual:before{width:650px;height:650px;right:-220px;top:-300px}
.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--purna-ease)}.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}
a .circle{transition:transform 240ms var(--purna-ease)}a:hover .circle,a:focus-visible .circle{transform:rotate(-35deg)}.project-art,.pricing-grid article{transition:transform 280ms var(--purna-ease),background-color 280ms}.project-art:hover{transform:translateY(-4px)}.pricing-grid article:hover{transform:translateY(-4px)}.trace:hover{background:#cbdced}.fieldwork:hover{background:#f4b365}.relay:hover{background:#503d70}.detail-list summary,.faq summary{transition:color 180ms,transform 180ms}.detail-list summary:hover,.faq summary:hover{color:#5e417d;transform:translateX(4px)}.plus:after{transition:transform 200ms var(--purna-ease)}input,textarea,select{transition:border-color 180ms,background-color 180ms}input:focus,textarea:focus,select:focus{background:#ffffff35;border-color:#233510}
.motion-preference{font-size:12px;color:#555;background:transparent;border:1px solid #bbb;border-radius:30px;padding:10px 15px;display:block;margin-top:15px}.site-footer .footer-note{margin-bottom:0}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-image{animation:none}.motion-paused a .circle,.motion-paused .project-art,.motion-paused .pricing-grid article{transition:none}
@media(max-width:600px){.process-page article{padding-inline:0}.page-cta:before{width:320px;height:320px;right:-200px}.project-brief:before{opacity:.07}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-art:hover,.pricing-grid article:hover,a:hover .circle{transform:none}.motion-preference{display:none}}
@property --ambient-shift{syntax:'<length>';inherits:true;initial-value:0px}

@media(prefers-reduced-motion:reduce){.detail-list summary:hover,.faq summary:hover{transform:none}}

/* Restore the previous visual identity, extending it for the richer site. */
html{scroll-padding-top:30px}::selection{background:#e1f2bb;color:#233510}input,textarea{caret-color:#233510}
[hidden]{display:none!important}.skip{z-index:100}.header{z-index:30}.header .wordmark{letter-spacing:-.04em}.header svg{flex-shrink:0}.header .contact-link .circle{background:#fff}.inner-page .header .contact-link .circle{background:#111}.inner-page .contact-link .circle svg{color:#fff}
.mobile-menu{z-index:31}.hero-copy{max-width:690px}.hero h1{letter-spacing:-.03em}.art-type,.product-title,.tech-title{letter-spacing:-.04em}.contact-intro h2{letter-spacing:-.04em}.hero-contact .circle{background:#fff}.hero-bottom{z-index:1}.brand-dot{color:inherit}.site-footer .wordmark{letter-spacing:-.04em}.site-footer nav{max-width:750px}.project-brief .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-brief .contact-form{border:0;padding:0}.project-brief .form-note{margin-top:5px}.project-brief .button{margin-top:24px}.project-brief .form-status{min-height:24px}.project-brief .contact-form input::placeholder,.project-brief .contact-form textarea::placeholder{color:#536537}.project-brief .contact-form input:focus-visible,.project-brief .contact-form textarea:focus-visible,.project-brief .contact-form select:focus-visible{outline:3px solid #233510}
.detail-body .contact-help{margin-top:20px}.site-footer .motion-preference{margin-top:0}.motion-paused *,.motion-paused *:before,.motion-paused *:after{transition:none!important}
@media(max-width:760px){.header nav{display:none}.header .contact-link{display:none}.menu-toggle{display:block;border:1px solid currentColor;color:inherit;background:transparent;border-radius:30px;padding:8px 15px;font-size:13px}.mobile-menu{position:absolute;top:86px;left:0;right:0;padding:20px 25px;background:#fff;color:#111;border-bottom:1px solid #ddd}.mobile-menu a{display:block;font-size:20px;padding:12px 0}.project-brief{gap:45px}.project-brief .field-pair{grid-template-columns:1fr;gap:0}}
