@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/studio/fraunces-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:400;src:url(/fonts/studio/fraunces-latin-400-italic.woff2)format("woff2")}.studio-site .tool-case.product-work h1,.studio-site .project-opening h1{text-transform:none;letter-spacing:-.035em;font-family:Fraunces Variable,Georgia,serif;font-weight:400}.studio-site .project-opening h1.project-long-name{font-size:clamp(33px,4.4vw,64px)}.portfolio-product-world{--gallery-ink:#f1f0ea;--gallery-muted:#bfc4cc;--gallery-lavender:#c5bef8;--gallery-line:#343b42}.portfolio-product-world h1{font-size:clamp(44px,5.65vw,84px)}.portfolio-product-world em{color:#b7aef5}.work-gallery-edition{border-bottom:1px solid var(--gallery-line);color:#d0d2db;font:11px/1.5 var(--product-body);letter-spacing:.11em;margin-bottom:18px;padding-bottom:12px;display:block}.portfolio-product-world .portfolio-library{padding-bottom:30px}.portfolio-product-world .portfolio-grid.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.portfolio-product-world .portfolio-library .tool-project-card,.portfolio-product-world .portfolio-library .work-tile{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.portfolio-product-world .portfolio-library .tool-project-card>a{color:var(--gallery-ink);padding:0}.portfolio-product-world .portfolio-library .tool-project-card:hover{box-shadow:none;transform:none}.portfolio-product-world .portfolio-library .tool-project-card .tool-card-copy,.portfolio-product-world .portfolio-library .work-tile .work-tile-body{border:0;margin:0;padding:17px 14px 0;position:relative}.portfolio-product-world .portfolio-library .tool-project-card h3,.portfolio-product-world .portfolio-library .work-tile .work-tile-body h3{color:var(--gallery-ink);font:400 clamp(25px, 2.25vw, 34px)/1.15 var(--product-display);letter-spacing:-.035em;margin:0 0 10px}.portfolio-product-world .portfolio-library .tool-project-card p,.portfolio-product-world .portfolio-library .work-tile .work-tile-description{color:var(--gallery-muted);font:400 16px/1.65 var(--product-body);max-width:64ch;margin:0 0 13px;padding-right:26px}.portfolio-product-world .tool-card-link,.portfolio-product-world .portfolio-library .work-tile-category{color:var(--gallery-lavender);font:500 10px/1.8 var(--product-body);letter-spacing:.15em;text-transform:uppercase;min-height:18px;margin:0}.portfolio-product-world .tool-card-link>span{color:#e0e1e8;font-size:21px;position:absolute;top:52px;right:14px}.portfolio-product-world .portfolio-library .work-tile-arrow{color:#e0e1e8;width:30px;height:30px}.portfolio-product-world .portfolio-filters button{min-height:44px;padding:10px 24px}.portfolio-product-world .portfolio-filters button:hover{border-color:#d4cdfb}.portfolio-product-world .portfolio-result-count{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio-product-world .work-source-note,.portfolio-product-world .portfolio-empty p{color:var(--gallery-muted)}.portfolio-product-world .portfolio-library .tool-project-card a:focus-visible,.portfolio-product-world .portfolio-library .work-tile-link:focus-visible,.portfolio-product-world .portfolio-filters button:focus-visible,.portfolio-product-world .portfolio-empty button:focus-visible{outline-offset:6px;border-radius:8px;outline:3px solid #b7b0f5}.portfolio-mockup-photo{aspect-ratio:1.5;isolation:isolate;background:#171b21;border-radius:8px;width:100%;overflow:hidden}.portfolio-mockup-photo img{object-fit:cover;width:100%;height:100%;display:block}.project-opening-visual .portfolio-mockup-photo img{aspect-ratio:auto}.portfolio-mockup-hero{box-shadow:0 20px 50px #0004}@media (hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-mockup-photo img{transition:transform .45s}.tool-project-card a:hover .portfolio-mockup-photo img,.work-tile-link:hover .portfolio-mockup-photo img{transform:scale(1.015)}}@media (width<=760px){.portfolio-product-world .portfolio-grid.tool-grid{grid-template-columns:1fr;gap:32px}.portfolio-product-world .portfolio-library .tool-project-card .tool-card-copy,.portfolio-product-world .portfolio-library .work-tile .work-tile-body{padding:14px 6px 0}.portfolio-product-world .portfolio-library .tool-project-card h3,.portfolio-product-world .portfolio-library .work-tile .work-tile-body h3{font-size:28px}.portfolio-product-world .portfolio-library .tool-project-card p,.portfolio-product-world .portfolio-library .work-tile .work-tile-description{font-size:15px}.portfolio-product-world .tool-card-link>span{right:6px}.portfolio-product-world .portfolio-filters button{padding-inline:8px}.work-gallery-edition{display:none}}.work-tile{min-width:0}.work-tile[hidden]{display:none}.work-tile .work-tile-link{color:#f1f0e9;flex-direction:column;height:100%;text-decoration:none;display:flex}.work-tile-image{aspect-ratio:1.6;background:#13181b;border-radius:10px;overflow:hidden}.work-tile-image img{object-fit:cover;width:100%;height:100%;display:block}.work-tile.is-tool .work-tile-image{padding:6%}.work-tile.is-tool .work-tile-image img{object-fit:contain}.work-tile-body{flex-direction:column;flex:1;padding-top:23px;display:flex}.work-tile .work-tile-body h3{color:#f1f0e9;font:500 clamp(25px, 2.5vw, 38px)/1.18 var(--body);letter-spacing:-.045em;text-transform:none;justify-content:space-between;align-items:center;gap:20px;margin:0;display:flex}.work-tile-arrow{color:#ffad65;width:42px;height:42px;font:400 25px/1 var(--body);flex-shrink:0;place-items:center;display:grid}.work-tile .work-tile-description{color:#b6bfc3;max-width:53ch;margin:10px 0 25px;font-size:16px;line-height:1.65}.work-tile-outcome{color:#ffad65;border-top:1px solid #32393d;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;min-height:92px;margin-top:auto;padding:18px 0 6px;display:grid}.work-outcome-copy{align-items:center;gap:17px;display:flex}.work-outcome-copy strong{letter-spacing:-.02em;flex-shrink:0;font:500 52px/1 Barlow Condensed,sans-serif}.work-outcome-copy .work-outcome-word{font:500 22px/1.2 var(--body);letter-spacing:-.03em}.outcome-connection .work-outcome-copy{display:block}.work-outcome-copy span{color:#b6bfc3;max-width:20ch;font-size:13px;line-height:1.5;display:block}.outcome-connection .work-outcome-copy span{margin-top:7px}.work-outcome-graphic{justify-self:end;width:100%;max-width:200px;display:block;overflow:visible}.work-outcome-chart{justify-self:end;width:100%;max-width:200px}.work-chart-axis{color:#b6bfc3;font:11px/1.4 var(--body);justify-content:space-between;margin-top:6px;display:flex}.work-source-note{color:#a5afb4;max-width:82ch;margin-top:32px;font-size:13px;line-height:1.65}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-tile-image img{transition:transform .45s}.work-tile-link:hover .work-tile-image img{transform:scale(1.025)}.work-tile-arrow{transition:transform .25s}.work-tile-link:hover .work-tile-arrow{transform:translate(3px,-3px)}}.work-tile-link:focus-visible{outline-offset:7px;border-radius:8px;outline:2px solid #ffad65}@media (width<=1000px){.work-tile-outcome{grid-template-columns:1.5fr 1fr;gap:15px}.work-outcome-copy{gap:12px}.work-outcome-copy strong{font-size:44px}}@media (width<=760px){.work-tile .work-tile-body h3{font-size:28px}.work-tile-body{padding-top:16px}.work-tile .work-tile-description{margin:6px 0 20px;font-size:15px}.work-tile-outcome{grid-template-columns:1.45fr 1fr;gap:16px;min-height:82px;padding-top:14px}.work-outcome-copy strong{font-size:43px}.work-outcome-copy .work-outcome-word{font-size:20px}.work-outcome-copy span{font-size:12px}.work-outcome-copy{gap:12px}.work-source-note{margin-top:24px;font-size:12px}}@media (prefers-reduced-motion:reduce){[data-outcome-draw]{stroke-dashoffset:0!important}[data-outcome-nodes]{opacity:1!important}}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/studio/fraunces-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:400;src:url(/fonts/studio/fraunces-latin-400-italic.woff2)format("woff2")}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/studio/inter-tight-latin-400.woff2)format("woff2")}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/studio/inter-tight-latin-500.woff2)format("woff2")}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/studio/inter-tight-latin-600.woff2)format("woff2")}.product-work{--product-body:"Inter Tight Variable", sans-serif;--product-display:"Fraunces Variable", Georgia, serif;color:#f0f3fb;font-family:var(--product-body)}.product-work h1,.product-work h2{font-family:var(--product-display);letter-spacing:-.035em;text-transform:none;font-weight:400;line-height:1.1}.product-work h1{font-size:clamp(44px,5.3vw,78px)}.product-work h2{font-size:clamp(35px,3.7vw,54px)}.product-work em{color:#a9b8ff;font-weight:400}.product-work-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px;display:flex}.product-work-heading p{color:#b3bdd0;max-width:43ch;margin-top:18px;font-size:17px;line-height:1.7}.product-work-heading a{color:#a9bcff;flex-shrink:0}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.portfolio-grid.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-project-card{--preview-accent:#8faeff;background:linear-gradient(145deg,#121d36,#0b1121 65%);border:1px solid #28344c;border-radius:20px;min-width:0;overflow:hidden;box-shadow:inset 0 1px #d2ddff0a}.tool-project-card[hidden]{display:none}.tool-project-card>a{color:#f0f3fb;flex-direction:column;height:100%;padding:20px;text-decoration:none;display:flex}.tool-project-card .tool-card-copy{border-top:1px solid #273046;flex-direction:column;flex:1;margin-top:22px;padding:24px 3px 5px;display:flex}.tool-project-card h3{letter-spacing:-.035em;text-transform:none;margin:0 0 14px;font:600 25px/1.2 Inter Tight Variable,sans-serif}.tool-project-card p{color:#b8c2d5;margin:0 0 24px;font:400 16px/1.6 Inter Tight Variable,sans-serif}.tool-card-link{color:#a9bcff;justify-content:space-between;align-items:center;gap:15px;min-height:24px;margin-top:auto;font:500 14px/1.5 Inter Tight Variable,sans-serif;display:flex}.tool-card-link>span{font-size:23px}.tool-project-card a:focus-visible{outline-offset:-4px;border-radius:20px;outline:3px solid #a8c3ff}.tool-preview{--preview-accent:#82aeff;--preview-glow:#263d7a;background:radial-gradient(ellipse at 10% 0%, var(--preview-glow), transparent 78%), #0c1326;color:#eaf0ff;user-select:none;border:1px solid #2c3955;border-radius:13px;height:284px;font:400 12px/1.45 Inter Tight Variable,sans-serif;overflow:hidden}.preview-violet{--preview-accent:#b4a1ff;--preview-glow:#3a2760}.preview-cyan{--preview-accent:#74d6d4;--preview-glow:#173f48}.preview-chrome{color:#acb9d3;background:#03081740;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;height:28px;padding:0 12px;font-size:9px;display:flex}.preview-chrome>span:first-child{gap:4px;display:flex}.preview-chrome i{background:#687791;border-radius:50%;width:4px;height:4px}.preview-canvas{padding:17px 15px}.mini-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.mini-head b{align-items:center;gap:7px;font-weight:600;display:flex}.mini-chip{color:#c8d5f1;white-space:nowrap;background:#9daeff14;border:1px solid #ffffff13;border-radius:20px;padding:4px 7px;font-size:9px;line-height:1.2}.status-dot{background:#72dabb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #72dabb66}.mini-chat{border:1px solid #ffffff12;border-radius:10px;max-width:92%;padding:10px 12px}.mini-chat.user{background:#ffffff08;margin-bottom:9px;margin-left:auto;font-size:11px}.mini-chat.assistant{background:#578aff18;border-color:#7898ea40;font-size:11px}.mini-options,.mini-slots{gap:6px;margin-top:9px;display:flex}.mini-options span,.mini-slots span{color:#d2ddff;border:1px solid #a6b8f433;border-radius:5px;padding:5px 8px;font-size:9px}.mini-event{color:#b6c5e1;align-items:center;gap:8px;margin-top:14px;font-size:10px;display:flex}.mini-event>span:last-child:not(:first-child){margin-left:auto}.mini-check{color:var(--preview-accent);font-size:14px}.mini-calendar{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mini-calendar span{border-radius:4px;padding:2px;font-size:10px}.mini-calendar small{color:#a7b5cf;padding-bottom:3px;font-size:9px}.mini-calendar .muted{color:#73819e}.tool-preview .selected{color:#f4f6ff;background:#7166d955;border:1px solid #a69aff70}.mini-calendar .selected{padding:1px}.mini-slots{justify-content:space-between}.mini-slots span{text-align:center;flex:1}.mini-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.mini-lane-title{white-space:nowrap;align-items:center;gap:5px;margin-bottom:9px;font-size:9px;display:flex}.mini-lane-title i{background:var(--preview-accent);border-radius:50%;width:4px;height:4px}.mini-lead{background:#ffffff05;border:1px solid #a4aff522;border-radius:7px;min-height:109px;padding:9px 8px}.mini-avatar{color:#d5d6ff;background:#777de72b;border-radius:50%;place-items:center;width:23px;height:23px;margin-bottom:9px;font-size:8px;display:grid}.mini-lead b{font-size:10px;font-weight:500;display:block}.mini-lead small{color:#abb8d2;margin-top:5px;font-size:8px;display:block}.mini-line{background:#7084be44;border-radius:3px;width:70%;height:3px;margin-top:12px}.mini-member{background:linear-gradient(120deg,#34375d,#373163 50%,#59528b);border:1px solid #a99bff55;border-radius:11px;grid-template-columns:1fr auto;padding:13px 16px;display:grid;box-shadow:0 9px 25px #03040b55}.mini-member>span:first-child{letter-spacing:1px;font-size:9px}.member-tier{color:#e3d9ff;font-size:10px}.mini-member strong{grid-column:1/-1;margin:10px 0;font-size:29px;font-weight:500}.mini-member strong small{color:#c3c2df;font-size:10px;font-weight:400}.member-bottom{color:#d1cfee;grid-column:1/-1;justify-content:space-between;font-size:9px;display:flex}.mini-tiers{gap:5px;margin-top:12px;display:flex}.mini-tiers span{text-align:center;border:1px solid #ffffff16;border-radius:4px;flex:1;padding:4px;font-size:9px}.mini-reward{color:#b8bfd8;margin-top:9px;font-size:9px}.mini-progress{background:#36405e;border-radius:5px;height:4px;margin-top:6px;overflow:hidden}.mini-progress i{width:var(--fill);transform-origin:0;background:linear-gradient(90deg,#819cfc,#bd86f2);height:100%;display:block}.mini-email{color:#202532;background:#f1efeb;border-radius:7px;margin-top:12px;padding:12px 15px}.mini-email small{letter-spacing:1.3px;font-size:8px;display:block}.mini-email b{max-width:24ch;margin:7px 0;font-size:15px;font-weight:500;display:block}.mini-email>span{color:#514273;font-size:9px}.mini-survey{background:#03081733;border:1px solid #ffffff15;border-radius:7px;margin-top:9px;padding:10px}.mini-survey>small{color:#bbc9de;font-size:10px;display:block}.mini-stars{color:#efd18b;letter-spacing:4px;margin-top:4px;font-size:23px}.mini-stars>span{color:#586782}.mini-scale{gap:3px;margin-top:8px;display:flex}.mini-scale span{text-align:center;border:1px solid #ffffff16;border-radius:3px;flex:1;padding:4px 0;font-size:9px}.mini-post{background:#080e2029;border:1px solid #9baeff22;border-radius:8px;align-items:center;gap:10px;margin-top:7px;padding:11px 9px;display:flex}.mini-day{color:var(--preview-accent);font-size:9px}.mini-post>div{flex:1;min-width:0}.mini-post b,.mini-task b{font-size:11px;font-weight:500;display:block}.mini-post small,.mini-task small{color:#aab8d3;margin-top:3px;font-size:9px;display:block}.mini-post .mini-chip{font-size:8px}.mini-task{border-left:2px solid var(--preview-accent);background:#73b4cd0c;border-radius:0 7px 7px 0;align-items:center;gap:10px;margin-top:9px;padding:9px;display:flex}.mini-task time{color:#bdcde5;font-size:10px}.mini-task>div{flex:1}.mini-task>span{color:var(--preview-accent)}.mini-chart{height:97px}.mini-chart svg{width:100%;height:80px;display:block;overflow:visible}.chart-grid{fill:none;stroke:#ffffff0f}.chart-area{fill:#7896ff18}.chart-line{fill:none;stroke:var(--preview-accent);stroke-width:2px}.mini-chart>div{color:#a9b7ce;justify-content:space-between;font-size:9px;display:flex}.mini-analytics-bottom{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.mini-analytics-bottom>div{border:1px solid #b4bfff22;border-radius:7px;padding:7px 10px}.mini-analytics-bottom small{color:#bac8df;font-size:9px}.mini-funnel{flex-direction:column;gap:4px;margin-top:8px;display:flex}.mini-funnel i{background:var(--preview-accent);transform-origin:0;border-radius:2px;width:100%;height:4px}.mini-funnel i:nth-child(2){opacity:.7;width:70%}.mini-funnel i:nth-child(3){opacity:.5;width:44%}.mini-bars{align-items:end;gap:4px;height:31px;margin-top:4px;display:flex}.mini-bars i{height:var(--bar);background:var(--preview-accent);transform-origin:bottom;border-radius:2px 2px 0 0;flex:1}.preview-note{color:#9cabc5;margin-top:18px;font:400 12px/1.6 Inter Tight Variable,sans-serif}.product-work .work-tile{background:linear-gradient(145deg,#111a2e,#0b1121);border:1px solid #28344c;border-radius:20px;overflow:hidden}.product-work .work-tile-image{aspect-ratio:1.6;border-radius:0}.product-work .work-tile-body{padding:22px}.product-work .work-tile .work-tile-body h3{letter-spacing:-.035em;font:600 26px/1.2 Inter Tight Variable,sans-serif}.product-work .work-tile-description{color:#b8c2d5;font-family:Inter Tight Variable,sans-serif}.product-work .work-tile-arrow,.product-work .work-tile-outcome{color:#a9bcff}.product-work .work-tile-outcome{display:none}.product-work .work-tile-description{margin-bottom:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tool-project-card{transition:border-color .25s,box-shadow .25s,transform .25s}.tool-project-card:hover{border-color:#6386d0;transform:translateY(-4px);box-shadow:0 12px 45px #376be11c}}@media (width<=1100px){.portfolio-grid.tool-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.portfolio-grid.tool-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr;gap:18px}.tool-project-card>a{padding:16px}.tool-project-card .tool-card-copy{margin-top:18px;padding-top:20px}.tool-project-card h3{font-size:25px}.tool-project-card p{margin-bottom:18px;font-size:16px}.product-work-heading{margin-bottom:26px;display:block}.product-work-heading>a{margin-top:22px;display:inline-flex}.product-work-heading p{font-size:16px}.tool-preview{height:284px}}
