/* Forma's public composition. Studio and client workspaces have their own stylesheet. */
.public-site{--paper:#fdfcfb;--ink:#29252f;--muted:#77717e;background:var(--paper)}
.public-site .site-header{min-height:88px;background:var(--paper);border:0;padding-inline:clamp(22px,4vw,72px)}
.public-site .brand{font-size:2rem;letter-spacing:-.07em}.public-site .brand span{font-size:.43em;margin-left:6px}
.public-site .site-nav{gap:30px}.public-site .site-nav a{font-size:.86rem;font-weight:450}.public-site .site-nav .nav-portal{font-size:.75rem;color:var(--muted)}
.public-site .site-nav .nav-contact{border-radius:30px;padding:12px 20px;gap:22px;background:transparent;border:1px solid #c9bedf}.public-site .site-nav .nav-contact:hover{background:var(--accent)}
.public-site .shell{width:min(100% - clamp(44px,8vw,144px),1600px)}
.public-site .text-link{font-size:.88rem;font-weight:500;gap:25px;padding-bottom:7px;border-color:#c7bccf}.public-site .text-link:hover{border-color:var(--purple)}
.public-site .button{border-radius:4px;font-weight:500}.public-site .section-index{font-size:.8rem;font-weight:450;color:var(--muted);margin-bottom:25px;letter-spacing:0}
.forma-hero{padding-top:55px}.forma-hero__intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.65fr);align-items:end;gap:7vw;margin-bottom:48px}
.forma-hero h1{font-size:clamp(3.5rem,6.35vw,7.4rem);line-height:1.035;letter-spacing:-.055em;font-weight:500;margin:0;max-width:17ch;text-wrap:balance}
.forma-hero__copy{padding-bottom:5px}.forma-hero__copy>p{font-size:clamp(.95rem,1.2vw,1.2rem);line-height:1.5;color:var(--muted);margin-bottom:28px;max-width:30ch}
.forma-hero__copy .text-link{display:flex;width:max-content;max-width:100%;margin-bottom:16px}.hero-work-link{font-size:.8rem;text-decoration:none;color:var(--muted);display:inline-flex;gap:25px}.hero-work-link:hover{color:var(--purple)}
.form-study{height:clamp(420px,42vw,660px);background:#ebe5fb;background:color-mix(in srgb,var(--accent) 30%,#fff);position:relative;isolation:isolate;overflow:hidden;border-radius:7px}
.form-study__top,.form-study__bottom{position:absolute;left:32px;right:32px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}
.form-study__top{top:28px;align-items:start;font-size:.85rem;line-height:1.5}.form-study__top small{font-size:.7rem;color:#877995}.form-study__top button{pointer-events:auto}
.form-study__bottom{bottom:28px}.form-study__bottom>p{font-size:1.35rem;line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:450}
.form-study__art{position:absolute;inset:0}.form-study canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .6s}.form-study.is-ready canvas{opacity:1}.form-study.is-ready .study-fallback{display:none}
.study-reel{background:none;border:0;display:flex;gap:11px;align-items:center;font-size:.73rem;padding:0;color:var(--ink);border-radius:40px}.play-symbol{display:grid;place-items:center;font-size:.65rem;width:34px;height:34px;border:1px solid #b9a6d3;border-radius:50%;padding-left:2px}.study-reel:hover .play-symbol{background:var(--accent)}
.study-controls{display:flex;align-items:center;gap:5px;background:#ffffffa8;padding:5px;border-radius:40px;pointer-events:auto;border:1px solid #fff9}
.study-controls button{border:0;background:none;color:#766287;border-radius:30px;padding:10px 15px;font-size:.71rem;min-height:37px}.study-controls button[aria-pressed=true]{background:#fff;color:#42304c;box-shadow:0 1px 5px #50305b0d}.study-controls button:hover{background:#fff}.study-controls [data-study-pause]{border-left:1px solid #d6c9e2;margin-left:3px;border-radius:0 30px 30px 0}
.study-fallback{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-25deg)}.study-fallback i{position:absolute;width:250px;height:250px;border:20px solid var(--accent);border-radius:60px;transform:translate(calc(var(--i,0)*15px),calc(var(--i,0)*-12px)) rotate(calc(var(--i,0)*5deg));box-shadow:inset 2px 2px 0 #ffffffa8,2px 2px 0 #ffffffa8}.study-fallback i:nth-child(2){--i:1}.study-fallback i:nth-child(3){--i:2}.study-fallback i:nth-child(4){--i:3}.study-fallback i:nth-child(5){--i:4}.study-fallback i:nth-child(6){--i:5}
.hero-footnote{display:flex;justify-content:space-between;gap:25px;font-size:.68rem;color:#93889d;padding-top:17px}
.public-site .work-section{padding-top:130px;padding-bottom:80px;scroll-margin-top:30px}.public-site .section-head{align-items:end;margin-bottom:38px}.public-site .section-head h2{font-size:clamp(2.8rem,5vw,5.2rem);font-weight:450;letter-spacing:-.055em;line-height:1.03;margin:0}.section-dot{color:var(--accent)}
.public-site .work-grid{column-gap:36px;row-gap:68px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.public-site .work-card--lead{grid-column:auto}.public-site .work-card:nth-child(4n+3){grid-column:auto}.public-site .work-card:nth-child(even){margin-top:110px}.public-site .work-card__image{border-radius:5px;aspect-ratio:1.22;background:#f0eaf8;overflow:hidden}.public-site .work-card--lead .work-card__image{aspect-ratio:1.1}.public-site .work-card__image img,.public-site .work-card__image video{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.public-site .work-card:hover .work-card__image img,.public-site .work-card:hover .work-card__image video{transform:scale(1.025)}.public-site .work-card h3{font-weight:450;font-size:1.6rem;letter-spacing:-.035em}.public-site .work-card__meta{margin-top:17px}
.work-awaiting{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;border-top:1px solid var(--line);padding:58px 0;border-bottom:1px solid var(--line)}.work-awaiting>div:first-child{display:flex;gap:26px;align-items:center}.work-awaiting__symbol{font-size:6rem;line-height:1;color:var(--accent)}.work-awaiting h3{font-size:clamp(2rem,3vw,3.5rem);font-weight:450;letter-spacing:-.04em;line-height:1.08;margin:0}.work-awaiting p{font-size:1rem;line-height:1.6;color:var(--muted);max-width:42ch;margin:0 0 25px}
.public-site .practice-section{padding-block:65px 95px}.practice-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.practice-intro h2{font-size:clamp(2.4rem,4.2vw,4.8rem);font-weight:450;letter-spacing:-.045em;line-height:1.06;margin:0}.practice-intro>p{font-size:.9rem;line-height:1.6;color:var(--muted);margin:0;max-width:33ch}
.public-site .practice-list a{grid-template-columns:1fr .7fr 28px;padding:35px 0;gap:45px;border-color:var(--line);position:relative}.public-site .practice-list a>span{font-size:clamp(1.7rem,2.55vw,3rem);font-weight:450;letter-spacing:-.035em}.public-site .practice-list a>p{font-size:.9rem;line-height:1.5;max-width:34ch}.public-site .practice-list a>b{font-size:1.8rem;font-weight:400}.public-site .practice-list a:hover{padding-inline:18px;background:#f4effd;background:color-mix(in srgb,var(--accent) 14%,#fff)}
.working-together{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-block:95px;border-top:1px solid var(--line)}.working-together__intro>h2{font-size:clamp(2.6rem,4.3vw,5rem);line-height:1.02;font-weight:450;letter-spacing:-.045em;margin-bottom:32px}.working-together__intro>p:not(.section-index){font-size:.98rem;line-height:1.65;color:var(--muted);max-width:43ch;margin-bottom:30px}.working-together__intro .text-link{font-size:.75rem}
.process-list{padding-top:5px}.process-list details{border-bottom:1px solid var(--line)}.process-list details:first-child{border-top:1px solid var(--line)}.process-list summary{display:flex;gap:18px;align-items:center;padding:26px 0;cursor:pointer;list-style:none}.process-list summary::-webkit-details-marker{display:none}.process-step{font-size:.7rem;color:#9f90ad;min-width:25px}.process-list h3{font-size:1.4rem;letter-spacing:-.035em;font-weight:450;margin:0;line-height:1.2}.process-toggle{margin-left:auto;color:#8b709e;font-size:1.7rem;font-weight:300;transition:transform .2s}.process-list details[open] .process-toggle{transform:rotate(45deg)}.process-list details>div{padding:0 0 30px 43px}.process-list details p{font-size:.9rem;line-height:1.65;color:var(--muted);max-width:45ch}.process-list details>div>span{font-size:.67rem;color:#a291b2}
.zarif-note{display:grid;grid-template-columns:1fr 1.15fr;gap:10vw;padding-block:90px 145px;align-items:center}.zarif-monogram{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;font-size:clamp(16rem,28vw,31rem);font-weight:700;letter-spacing:-.12em;line-height:.8;color:var(--accent);transform:rotate(-7deg);padding-right:60px}.zarif-monogram>span{font-size:clamp(4rem,8vw,9rem);font-weight:450;letter-spacing:-.065em;align-self:end;margin-bottom:18%;margin-left:-.03em;color:var(--ink);transform:rotate(7deg)}
.zarif-note h2{font-size:clamp(2.7rem,4.4vw,5rem);line-height:1.03;font-weight:450;letter-spacing:-.045em;margin-bottom:25px}.zarif-note>div>p:not(.section-index){font-size:1.03rem;line-height:1.6;max-width:40ch;color:var(--muted)}.zarif-note__links{display:flex;gap:34px;margin-top:35px;flex-wrap:wrap}
.public-site .site-footer{margin:0;padding:75px clamp(22px,4vw,72px) 30px;background:var(--accent);color:var(--ink);border:0}.public-site .footer-kicker{font-size:.85rem;margin-bottom:32px;color:var(--ink);font-weight:450}.public-site .footer-cta{font-size:clamp(3.6rem,8.8vw,10rem);font-weight:450;line-height:.96;letter-spacing:-.065em;word-spacing:0;display:block;position:relative;padding-right:110px;max-width:1400px;text-decoration:none}.public-site .footer-cta>span{position:absolute;right:0;top:10%;font-size:.65em;font-weight:300;transition:transform .3s}.public-site .footer-cta:hover>span{transform:translate(8px,-8px)}.public-site .footer-bottom{margin-top:80px;padding-top:25px;border-color:#25232b30;align-items:center;gap:25px;grid-template-columns:1fr 1.2fr 1fr}.public-site .footer-bottom p{font-size:.7rem;max-width:32ch;color:#514361}.public-site .footer-bottom>div{gap:22px}.public-site .footer-bottom a:not(.brand){font-size:.73rem}
.public-site .page-hero{padding-block:75px 70px}.public-site .page-hero h1{font-size:clamp(4rem,8.5vw,9rem);font-weight:450;letter-spacing:-.055em;line-height:1.03}.public-site .page-hero>p:last-child{font-size:1.12rem;line-height:1.6;max-width:52ch}.public-site .archive{padding-bottom:100px}.public-site .work-grid--archive>div:nth-child(even){padding-top:85px}.public-site .work-grid--archive .work-card{margin:0}
.public-site .services-detail section{border-color:var(--line);grid-template-columns:minmax(80px,.55fr) 1.6fr;gap:8vw;padding-block:60px}.public-site .services-detail h2{font-size:clamp(2.7rem,5.5vw,6rem);line-height:1.02;font-weight:450}.public-site .services-detail__number{font-size:.8rem;color:var(--muted)}.service-deliverables{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:25px 0 0}.service-deliverables li{border:1px solid var(--line);border-radius:25px;padding:8px 13px;font-size:.75rem;color:var(--muted)}
.public-site .case-header{padding-block:70px 55px}.public-site .case-header h1{font-weight:450;font-size:clamp(4rem,8vw,9rem);line-height:1.04}.public-site .case-header>p:last-child{font-size:clamp(1.2rem,2vw,2rem);line-height:1.5;max-width:48ch}.public-site .case-story{gap:55px 9vw;padding-block:80px}.public-site .case-story h2{font-size:2.3rem;font-weight:450;letter-spacing:-.04em}.public-site .case-story p{font-size:1rem;line-height:1.65;color:var(--muted)}.public-site .case-lead{border-radius:5px;overflow:hidden}.public-site .case-lead figcaption{padding-block:15px}.case-next{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:35px;margin-top:65px}.case-next h2{font-size:1.8rem;font-weight:450;letter-spacing:-.035em;margin-bottom:7px}.case-next p{font-size:.85rem;color:var(--muted)}
.public-site .about-body h2{font-weight:450;line-height:1.03}.public-site .about-body p{font-size:1rem;line-height:1.7}.public-site .contact-page h1{font-size:clamp(3.6rem,7vw,7rem);font-weight:450;line-height:1.04;letter-spacing:-.055em}.public-site .contact-page>div>p{font-size:1rem;line-height:1.6}.public-site .contact-form-wrap{background:#f4effb;border-radius:7px;padding:36px}.public-site .contact-page input,.public-site .contact-page textarea,.public-site .contact-page select{background:#fff;border-radius:4px}.public-site .contact-page label{font-size:.85rem;font-weight:450}
@media(max-width:1050px){.forma-hero__intro{gap:5vw;grid-template-columns:1.4fr .7fr}.forma-hero h1{font-size:6.8vw}.public-site .site-nav{gap:19px}.form-study{height:480px}.public-site .practice-list a{gap:25px}.working-together{gap:6vw}.zarif-note{gap:6vw}.public-site .footer-bottom{grid-template-columns:1fr 1fr}.public-site .footer-bottom>div{grid-column:1/-1}.public-site .work-card:nth-child(even){margin-top:60px}}
@media(max-width:760px){.public-site .site-header{min-height:74px}.public-site .menu-toggle{display:block;font-size:.85rem;font-weight:450}.public-site .site-nav{display:none;position:absolute;left:0;right:0;top:74px;padding:24px 22px 28px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px}.public-site .site-nav.is-open{display:flex}.public-site .site-nav a{font-size:1.15rem;padding:5px 0}.public-site .site-nav .nav-portal{font-size:.9rem}.public-site .site-nav .nav-contact{justify-content:space-between;padding:14px 18px}.forma-hero{padding-top:38px}.forma-hero__intro{grid-template-columns:1fr;gap:28px;margin-bottom:33px}.forma-hero h1{font-size:clamp(3.3rem,9.3vw,5rem);max-width:19ch}.forma-hero__copy{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.forma-hero__copy>p{grid-column:1/-1;font-size:1rem;max-width:47ch;margin:0 0 4px}.forma-hero__copy .text-link{margin:0;font-size:.82rem}.hero-work-link{font-size:.74rem}.form-study{height:450px}.form-study__top{left:20px;right:20px;top:20px;font-size:.74rem}.form-study__top small{font-size:.63rem}.study-reel{font-size:.65rem;gap:7px}.play-symbol{width:29px;height:29px}.form-study__bottom{left:20px;right:20px;bottom:20px;align-items:end}.form-study__bottom>p{font-size:1.12rem}.study-controls{gap:0;padding:3px}.study-controls button{font-size:.65rem;padding:8px 10px}.study-controls [data-study-pause]{margin-left:0}.hero-footnote{font-size:.59rem}.public-site .work-section{padding-top:80px;padding-bottom:50px}.public-site .section-head h2{font-size:2.8rem}.public-site .section-head{gap:24px;align-items:end}.public-site .section-head .text-link{font-size:.73rem;gap:10px}.work-awaiting{gap:35px;padding-block:35px}.work-awaiting__symbol{font-size:4rem}.work-awaiting>div:first-child{gap:15px}.work-awaiting p{font-size:.88rem}.public-site .practice-section{padding-block:45px 65px}.practice-intro{display:block;margin-bottom:32px}.practice-intro h2{font-size:2.6rem}.practice-intro>p{margin-top:22px;font-size:.84rem}.public-site .practice-list a{grid-template-columns:1fr 24px;gap:14px;padding-block:28px}.public-site .practice-list a>span{font-size:1.7rem}.public-site .practice-list a>p{grid-row:2;max-width:40ch;font-size:.85rem}.public-site .practice-list a>b{grid-column:2;grid-row:1}.working-together{grid-template-columns:1fr;gap:40px;padding-block:60px}.working-together__intro>h2{font-size:3rem}.working-together__intro>h2 br:nth-child(2){display:none}.working-together__intro>p:not(.section-index){font-size:.94rem}.process-list summary{padding-block:25px}.zarif-note{padding-block:30px 80px;gap:35px;grid-template-columns:.65fr 1fr}.zarif-monogram{min-height:250px;font-size:15rem;padding-right:25px}.zarif-monogram>span{font-size:4rem;align-self:center;margin-bottom:-40%}.zarif-note h2{font-size:2.5rem}.zarif-note>div>p:not(.section-index){font-size:.9rem}.zarif-note__links{gap:20px}.zarif-note__links .text-link{font-size:.78rem}.public-site .site-footer{padding-top:50px}.public-site .footer-cta{font-size:clamp(3.3rem,8.5vw,5.5rem);padding-right:60px}.public-site .footer-cta>span{font-size:.65em}.public-site .footer-bottom{margin-top:50px}.public-site .page-hero{padding-block:50px}.public-site .page-hero h1{font-size:clamp(3.6rem,9vw,6rem)}.public-site .page-hero>p:last-child{font-size:1rem}.public-site .services-detail section{grid-template-columns:1fr;gap:17px}.public-site .services-detail h2{font-size:3rem}.public-site .contact-form-wrap{padding:26px}.case-next{align-items:start;flex-direction:column}.public-site .case-facts{grid-template-columns:1fr 1fr}.public-site .case-story{grid-template-columns:1fr;gap:35px}.public-site .case-story h2{font-size:2rem}}
@media(max-width:500px){.public-site .brand{font-size:1.75rem}.forma-hero h1{font-size:3.45rem;line-height:1.04;max-width:13ch}.forma-hero__copy{display:block}.forma-hero__copy>p{font-size:.92rem;margin-bottom:23px}.forma-hero__copy .text-link{display:inline-flex;margin-right:16px;font-size:.76rem;gap:12px}.hero-work-link{font-size:.69rem;gap:8px}.form-study{height:410px}.form-study__top{font-size:.67rem}.study-reel{font-size:0}.study-reel .play-symbol{font-size:.65rem;width:32px;height:32px}.form-study__bottom{align-items:center;flex-direction:column;gap:15px;bottom:17px}.form-study__bottom>p{font-size:.75rem;line-height:1.2;align-self:flex-start}.form-study__bottom>p br{display:none}.study-controls{align-self:flex-end;margin-top:-37px}.study-controls button{font-size:.58rem;padding:7px 8px;min-height:31px}.form-study__bottom>p{max-width:8ch}.hero-footnote{font-size:.56rem;gap:20px}.hero-footnote span{max-width:24ch}.public-site .section-head{display:block;margin-bottom:28px}.public-site .section-head h2{font-size:2.8rem;margin-bottom:22px}.work-awaiting{grid-template-columns:1fr;gap:25px}.work-awaiting h3{font-size:2.3rem}.work-awaiting__symbol{font-size:4.5rem}.public-site .work-grid{grid-template-columns:1fr;gap:40px}.public-site .work-card:nth-child(even){margin:0}.public-site .work-grid--archive>div:nth-child(even){padding:0}.public-site .work-card h3{font-size:1.35rem}.public-site .work-card__image{aspect-ratio:1.16}.working-together__intro>h2{font-size:2.8rem}.process-list h3{font-size:1.24rem}.process-list summary{gap:11px}.process-step{min-width:23px}.process-list details>div{padding-left:34px}.zarif-note{grid-template-columns:1fr;gap:20px;padding-top:10px}.zarif-monogram{justify-content:flex-start;min-height:220px;font-size:17rem;padding-left:15%}.zarif-monogram>span{font-size:4.4rem;margin-bottom:-16%}.zarif-note h2{font-size:2.8rem}.public-site .footer-cta{font-size:3.65rem;padding-right:0}.public-site .footer-cta>span{position:static;font-size:.65em;display:inline-block;margin-left:12px}.public-site .footer-bottom{grid-template-columns:1fr;gap:20px}.public-site .footer-bottom>div{grid-column:auto}.public-site .footer-bottom p{max-width:36ch}.public-site .services-detail h2{font-size:2.6rem}.public-site .services-detail p{font-size:1rem;line-height:1.6}.public-site .contact-form-wrap{padding:23px}.public-site .case-header{padding-top:40px}.public-site .case-header h1{font-size:3.7rem}.public-site .case-facts{padding-bottom:35px}.public-site .case{padding-bottom:65px}.public-site .case-story{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.public-site *{scroll-behavior:auto!important}.public-site .work-card__image img,.public-site .work-card__image video,.public-site .footer-cta>span{transition:none}.form-study canvas{transition:none}}
.hero-footnote{font-size:.7rem;color:#796d85}.form-study__top small{color:#74627e}.public-site .preview-banner{padding:18px 4vw;background:#eee7ff;display:flex;justify-content:space-between;gap:20px;font-size:.85rem}.public-site .preview-media{margin:25px 0}.public-site .preview-media img,.public-site .preview-media video{max-height:75vh;margin:auto}.public-site .preview-media figcaption{margin-top:15px;color:var(--muted);font-size:.85rem}@media(max-width:500px){.hero-footnote{font-size:.64rem}.study-controls button{font-size:.65rem;padding-inline:7px}.form-study__bottom>p{font-size:.72rem}}
@media(max-width:500px){.form-study__bottom>p{display:none}.form-study__bottom{align-items:center}.study-controls{align-self:center;margin-top:0}}