.ik-personas{margin-block:58px 64px;scroll-margin-top:120px}.ik-personas-intro{max-width:740px;margin-bottom:28px}.ik-personas .ik-personas-eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:14px;font-weight:500;line-height:1.5}.ik-personas .ik-personas-intro h2{letter-spacing:-.045em;text-wrap:balance;border:0;margin:14px 0 0;padding:0;font-size:clamp(28px,3.3vw,42px);font-weight:500;line-height:1.12}.ik-personas .ik-personas-intro h2:before{content:none}.ik-personas .ik-personas-intro>p:last-child{max-width:58ch;color:var(--ink-muted);margin:18px 0 0;font-size:16px;line-height:1.7}.ik-personas-comparison{border:1px solid var(--line-strong);grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.ik-personas .ik-persona{grid-template-rows:subgrid;grid-row:span 5;min-width:0;margin:0;padding:0;display:grid}.ik-personas .ik-persona+.ik-persona{border-left:1px solid var(--line-strong)}.ik-persona-profile{grid-template-columns:minmax(0,1fr) clamp(130px,12vw,152px);align-content:start;align-items:start;gap:20px 16px;padding:24px;display:grid}.ik-persona-heading{min-width:0}.ik-persona-number{color:var(--ink-subtle);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;line-height:1.5}.ik-personas .ik-persona h3{letter-spacing:-.045em;text-wrap:balance;margin:14px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1.12}.ik-personas .ik-persona-context{color:var(--ink-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.ik-persona-badge{color:var(--accent);align-items:center;gap:8px;margin-top:16px;font-size:14px;line-height:1.5;display:flex}.ik-persona-badge svg{flex-shrink:0}.ik-persona-portrait{width:100%;min-width:0}.ik-persona-image{mix-blend-mode:lighten;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 3% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 3% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.ik-personas .ik-persona-story{grid-template-rows:subgrid;min-width:0;max-width:none;color:var(--ink);text-align:left;grid-row:span 4;margin:0;padding:0;display:grid}.ik-personas .ik-persona-role{max-width:54ch;color:var(--ink-subtle);grid-column:1/-1;margin:0;font-size:14px;line-height:1.6}.ik-personas .ik-persona-situation{border-top:1px solid var(--line-strong);padding:22px 24px}.ik-personas .ik-persona-situation p{max-width:54ch;color:var(--ink);margin:0;font-size:16px;line-height:1.7}.ik-personas .ik-persona-questions{grid-template-rows:subgrid;grid-row:span 2;gap:0;margin:0;padding:0;list-style:none;display:grid}.ik-persona-questions>li{border-top:1px solid var(--line-strong);align-items:flex-start;gap:13px;margin:0;padding:22px 24px;display:flex}.ik-persona-question-icon{height:27px;color:var(--accent);flex:0 0 21px;place-items:center;display:grid}.ik-persona-questions strong{color:var(--ink);letter-spacing:-.015em;font-size:16px;font-weight:500;line-height:1.5;display:block}.ik-personas .ik-persona-questions p{color:var(--ink-muted);margin:7px 0 0;font-size:15px;line-height:1.7}.ik-persona-implication{border-top:1px solid var(--line-strong);color:var(--ink-muted);margin:0;padding:22px 24px;font-size:15px;line-height:1.7}.ik-persona-implication>span{color:var(--accent);margin-bottom:7px;font-size:14px;font-weight:500;display:block}@media (max-width:960px){.ik-personas-comparison{grid-template-rows:none;grid-template-columns:1fr}.ik-personas .ik-persona,.ik-personas .ik-persona-story,.ik-personas .ik-persona-questions{grid-row:auto;grid-template-rows:none}.ik-personas .ik-persona+.ik-persona{border-left:0;border-top:1px solid var(--line-strong)}.ik-persona-profile{grid-template-columns:minmax(0,1fr) 152px}.ik-personas .ik-persona-role{max-width:none}.ik-personas .ik-persona-situation p{max-width:62ch}}@media (max-width:600px){.ik-personas{margin-block:52px 58px}.ik-personas-intro{margin-bottom:28px}.ik-persona-profile,.ik-personas .ik-persona-situation,.ik-persona-questions>li,.ik-persona-implication{padding:18px}.ik-personas .ik-persona-situation p{font-size:16px}.ik-persona-profile{grid-template-columns:minmax(0,1fr) 130px;gap:16px 12px}.ik-personas .ik-persona h3{font-size:27px}}@media (max-width:400px){.ik-persona-profile{grid-template-columns:minmax(0,1fr) 130px;column-gap:10px}.ik-personas .ik-persona h3{font-size:27px}}@media (max-width:360px){.ik-persona-profile{grid-template-columns:1fr}.ik-persona-portrait{width:130px}}
.ik-journeys .ik-journey-list{border:1px solid var(--line-strong);margin-top:30px}.ik-journeys .ik-journey{grid-template-columns:minmax(230px,.8fr) minmax(0,1.7fr);margin:0;padding:0;display:grid}.ik-journeys .ik-journey+.ik-journey{border-top:1px solid var(--line-strong)}.ik-journey-context{min-width:0;padding:24px}.ik-journey-number{color:var(--accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(32px,3vw,44px);line-height:1;display:block}.ik-journeys .ik-journey-context h3{color:var(--ink);letter-spacing:-.035em;text-wrap:balance;margin:12px 0 0;font-size:clamp(23px,2.3vw,29px);font-weight:500;line-height:1.2}.ik-journeys .ik-journey-who{color:var(--accent);margin:12px 0 0;font-size:13px;line-height:1.6}.ik-journeys .ik-journey-trigger{color:var(--ink);margin:16px 0 0;font-size:15px;line-height:1.65}.ik-journey-outcome{border-top:1px solid var(--line-strong);margin-top:22px;padding-top:18px}.ik-journey-outcome>span{color:var(--ik-green,var(--accent));align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.ik-journeys .ik-journey-outcome p{color:var(--ink-muted);margin:8px 0 0;font-size:14px;line-height:1.65}.ik-journeys .ik-journey-steps{border-left:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-width:0;margin:0;padding:0;list-style:none;display:grid}.ik-journeys .ik-journey-steps>li{align-items:flex-start;gap:13px;min-width:0;margin:0;padding:22px;display:flex}.ik-journeys .ik-journey-steps>li:nth-child(2n){border-left:1px solid var(--line-strong)}.ik-journeys .ik-journey-steps>li:nth-child(n+3){border-top:1px solid var(--line-strong)}.ik-journeys .ik-journey-steps>li:last-child:nth-child(odd){grid-column:1/-1}.ik-journey-step-number{min-width:1ch;color:var(--ink-subtle);font-family:var(--font-mono);padding-top:2px;font-size:12px;line-height:1.6}.ik-journey-steps strong{color:var(--ink);letter-spacing:-.015em;font-size:16px;font-weight:500;line-height:1.45;display:block}.ik-journeys .ik-journey-steps p{max-width:56ch;color:var(--ink-muted);margin:7px 0 0;font-size:14px;line-height:1.65}@media (max-width:960px){.ik-journeys .ik-journey{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}.ik-journeys .ik-journey-steps{grid-template-columns:1fr}.ik-journeys .ik-journey-steps>li:nth-child(2n){border-left:0}.ik-journeys .ik-journey-steps>li+li{border-top:1px solid var(--line-strong)}}@media (max-width:700px){.ik-journeys .ik-journey{grid-template-columns:1fr}.ik-journey-context{padding:20px}.ik-journeys .ik-journey-steps{border-left:0;border-top:1px solid var(--line-strong)}.ik-journeys .ik-journey-steps>li{padding:18px 20px}.ik-journeys .ik-journey-context h3{font-size:27px}}
.illustration-viewport{width:100%;min-width:0;container:portfolio-illustration/inline-size}.illustration-scene{--illustration-surface:#172239;--illustration-soft:#222e49;--illustration-line:#34405c;--illustration-ink:var(--ink,#f1f2f9);--illustration-muted:#b1bad1;--illustration-blue:#b5a9ff;--illustration-blue-soft:#424474;--illustration-shadow:0 2px 4px #000b280b, 0 20px 50px #000b2820, 0 55px 80px -50px #000b2880;isolation:isolate;width:100%;min-width:0;color:var(--illustration-ink);font-family:var(--font-general-sans,"General Sans"), Arial, sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.4;position:relative;container-type:inline-size}.illustration-scene *,.illustration-scene :before,.illustration-scene :after{box-sizing:border-box}.illustration-scene svg{stroke-width:1.7px;flex-shrink:0;width:2.5cqw;min-width:14px;height:2.5cqw;min-height:14px}.illustration-scene small{font-size:14px}.illustration-scene strong{font-weight:500}.illustration-card{background:var(--illustration-surface);border:1px solid var(--illustration-line);box-shadow:var(--illustration-shadow);border-radius:4cqw;position:absolute}.illustration-card-label{color:var(--illustration-muted);letter-spacing:.035em;justify-content:space-between;align-items:center;font-size:max(14px,1.7cqw);font-weight:400;display:flex}.illustration-card-label svg{width:2.2cqw;height:2.2cqw}.illustration-system-mark{width:4cqw;height:4cqw;color:var(--illustration-blue);flex-shrink:0;grid-template-columns:1fr 1fr;gap:.55cqw;display:grid}.illustration-system-mark i{background:currentColor;border-radius:.5cqw;display:block}.illustration-system-mark i:nth-child(2){opacity:.55;border-radius:50%}.illustration-system-mark i:nth-child(3){opacity:.55;border-radius:.5cqw 1.4cqw .5cqw .5cqw}.illustration-system-mark i:nth-child(4){border-radius:50% .5cqw .5cqw}.illustration-hero{aspect-ratio:1.13}.illustration-orbit{border:1px solid var(--illustration-line);opacity:.65;z-index:-1;border-radius:50%;position:absolute}.illustration-orbit-one{width:79%;height:76%;top:7%;left:9%;transform:rotate(-25deg)}.illustration-orbit-two{width:68%;height:88%;top:1%;left:23%;transform:rotate(37deg)}.illustration-scene-note{letter-spacing:.04em;color:var(--illustration-muted);font-size:max(14px,1.7cqw);position:absolute}.illustration-note-top{align-items:center;gap:1.2cqw;display:flex;top:4%;right:9%}.illustration-note-top i{background:var(--illustration-blue);border-radius:50%;width:.75cqw;height:.75cqw}.illustration-type-card{z-index:2;width:37%;padding:3.5cqw;animation:11s ease-in-out -3s infinite illustration-float;top:12%;left:4%;transform:rotate(-9deg)}.illustration-type-display{letter-spacing:-.085em;color:var(--illustration-blue);padding-top:.5cqw;font-size:max(14px,18.5cqw);font-weight:500;line-height:1.15;display:block}.illustration-type-display>span{color:var(--illustration-blue-soft)}.illustration-type-footer{flex-direction:column;gap:.4cqw;padding-top:2cqw;display:flex}.illustration-type-footer strong{font-size:max(14px,2.15cqw)}.illustration-type-footer>span{color:var(--illustration-muted);font-size:max(14px,1.65cqw)}.illustration-workflow-window{z-index:3;border-radius:2.9cqw;width:70%;animation:12s ease-in-out -7s infinite illustration-float;top:30%;left:28%;overflow:hidden;transform:rotate(5deg)}.illustration-window-bar{border-bottom:1px solid var(--illustration-line);color:var(--illustration-muted);justify-content:space-between;align-items:center;padding:1.7cqw 2.2cqw;font-size:max(14px,1.5cqw);display:flex}.illustration-window-bar>svg{width:2.2cqw;height:2.2cqw}.illustration-window-dots{gap:.6cqw;display:flex}.illustration-window-dots i{background:var(--illustration-line);border-radius:50%;width:.7cqw;height:.7cqw}.illustration-workspace{display:flex}.illustration-sidebar{border-right:1px solid var(--illustration-line);flex-direction:column;align-items:center;gap:1cqw;width:8cqw;padding:2cqw 1.5cqw;display:flex}.illustration-sidebar-brand{align-items:center;gap:1cqw;margin-bottom:1.7cqw;display:flex}.illustration-sidebar-brand .illustration-system-mark{gap:.4cqw;width:3cqw;height:3cqw}.illustration-sidebar-item{width:4.3cqw;height:4.3cqw;color:var(--illustration-muted);border-radius:1cqw;justify-content:center;align-items:center;display:flex}.illustration-sidebar-item svg{width:2.3cqw;height:2.3cqw}.illustration-sidebar-active{background:var(--illustration-soft);color:var(--illustration-blue)}.illustration-sidebar-avatar{background:var(--illustration-soft);border:1px solid var(--illustration-line);width:3.7cqw;height:3.7cqw;color:var(--illustration-blue);border-radius:50%;place-items:center;margin-top:auto;font-size:max(14px,1.25cqw);display:grid}.illustration-workspace-main{flex:1;min-width:0;padding:2cqw 3cqw 3cqw}.illustration-workspace-top{justify-content:space-between;align-items:center;font-size:max(14px,1.35cqw);display:flex}.illustration-workspace-top>span>span{color:var(--illustration-muted);margin-left:.9cqw}.illustration-workspace-top>span:last-child{color:var(--illustration-muted);gap:1.5cqw;display:flex}.illustration-workspace-top svg{width:1.9cqw;height:1.9cqw}.illustration-workspace-title{justify-content:space-between;align-items:center;padding:2.7cqw 0 2.5cqw;display:flex}.illustration-workspace-title>div{flex-direction:column;gap:.5cqw;display:flex}.illustration-workspace-title small{color:var(--illustration-muted);font-size:max(14px,1.4cqw)}.illustration-workspace-title strong{letter-spacing:-.045em;font-size:max(14px,3.6cqw)}.illustration-round-icon{border:1px solid var(--illustration-line);width:4.2cqw;height:4.2cqw;color:var(--illustration-blue);border-radius:50%;place-items:center;display:grid}.illustration-workspace-tabs{color:var(--illustration-muted);border-bottom:1px solid var(--illustration-line);gap:2.4cqw;font-size:max(14px,1.5cqw);display:flex}.illustration-workspace-tabs>span{padding-bottom:1.4cqw}.illustration-workspace-tabs>span:first-child{color:var(--illustration-blue);border-bottom:2px solid var(--illustration-blue);margin-bottom:-1px}.illustration-table-head{letter-spacing:.08em;color:var(--illustration-muted);justify-content:space-between;padding:2cqw .4cqw 1cqw;font-size:max(14px,1.1cqw);display:flex}.illustration-table-head>span:last-child{width:12.7cqw}.illustration-table-row{border-bottom:1px solid var(--illustration-line);white-space:nowrap;justify-content:space-between;align-items:center;gap:1.5cqw;padding:1.2cqw .4cqw;font-size:max(14px,1.4cqw);display:flex}.illustration-table-row:last-child{border-bottom:0}.illustration-table-row>span:first-child{align-items:center;gap:1.2cqw;display:flex}.illustration-row-icon{width:3.1cqw;height:3.1cqw;color:var(--illustration-blue);background:var(--illustration-soft);border-radius:.8cqw;place-items:center;display:grid}.illustration-row-icon svg{width:1.6cqw;height:1.6cqw}.illustration-status{width:12.7cqw;color:var(--illustration-muted);align-items:center;gap:.7cqw;font-size:max(14px,1.25cqw);display:flex}.illustration-status i{background:#849bdf;border-radius:50%;width:.75cqw;height:.75cqw}.illustration-status-1 i{background:#c5a66d}.illustration-status-2 i{background:#69a78e}.illustration-hero-colors{z-index:4;width:31%;padding:2.6cqw;animation:10s ease-in-out -1s infinite illustration-float;top:55%;left:4%;transform:rotate(-7deg)}.illustration-colors{border-radius:1.4cqw;height:9cqw;margin:2.4cqw 0 1.7cqw;display:flex;overflow:hidden}.illustration-colors i{background:#111b44;flex:1;display:block}.illustration-colors i:nth-child(2){background:#435ee7}.illustration-colors i:nth-child(3){background:#7962ed}.illustration-colors i:nth-child(4){background:#b6a0f5}.illustration-colors i:nth-child(5){background:#e9dffc}.illustration-palette-footer{color:var(--illustration-muted);justify-content:space-between;gap:1cqw;font-size:max(14px,1.4cqw);display:flex}.illustration-lungo-card{z-index:5;color:#fff;background:#153fcb;border:1px solid #ffffff20;border-radius:2.8cqw;width:35%;padding:2.7cqw;animation:13s ease-in-out -5s infinite illustration-float;position:absolute;top:75%;left:38%;transform:rotate(-4deg);box-shadow:0 15px 35px #153fcb26}.illustration-lungo-card>div{letter-spacing:-.045em;align-items:center;gap:1.3cqw;font-size:max(14px,3.7cqw);font-weight:500;display:flex}.illustration-lungo-card .illustration-system-mark{color:#fff;gap:.45cqw;width:3.3cqw;height:3.3cqw}.illustration-lungo-card>span:nth-child(2){opacity:.8;margin-top:2.6cqw;font-size:max(14px,1.55cqw);display:block}.illustration-lungo-arrow{position:absolute;top:3.4cqw;right:2.7cqw}.illustration-detail-chip{color:var(--illustration-muted);align-items:center;gap:1.1cqw;font-size:max(14px,1.5cqw);display:flex;position:absolute;bottom:4%;left:2%}.illustration-detail-chip svg{width:2cqw;height:2cqw}.illustration-system,.illustration-platform{aspect-ratio:1.35}.illustration-system-grid{background-image:radial-gradient(var(--illustration-muted) .6px, transparent .6px);opacity:.16;background-size:3.2cqw 3.2cqw;border-radius:50%;position:absolute;inset:3% 5%;-webkit-mask-image:radial-gradient(#000 0%,#0000 72%);mask-image:radial-gradient(#000 0%,#0000 72%)}.illustration-foundation-card{background:radial-gradient(ellipse at 90% 10%, color-mix(in srgb, var(--illustration-blue-soft) 55%, transparent), transparent 70%), var(--illustration-soft);width:70%;height:37%;padding:3cqw;top:9%;left:8%;transform:rotate(-6deg)}.illustration-foundation-title{align-items:center;gap:2cqw;margin:3cqw 0;display:flex}.illustration-foundation-title>.illustration-system-mark{gap:.8cqw;width:7cqw;height:7cqw}.illustration-foundation-title>span:last-child{letter-spacing:-.045em;font-size:max(14px,3.6cqw);font-weight:500;line-height:1.15}.illustration-foundation-token{color:var(--illustration-muted);align-items:center;gap:1.4cqw;font-size:max(14px,1.45cqw);display:flex}.illustration-foundation-token svg{width:1.7cqw;height:1.7cqw}.illustration-system-type{z-index:2;width:34%;padding:2.6cqw;animation:11s ease-in-out -2s infinite illustration-float;top:39%;left:10%;transform:rotate(-7deg)}.illustration-system-type .illustration-type-display{font-size:max(14px,17.7cqw);line-height:1.23}.illustration-type-caption{color:var(--illustration-muted);font-size:max(14px,1.5cqw)}.illustration-system-palette{z-index:3;width:36%;padding:2.7cqw;animation:13s ease-in-out -7s infinite illustration-float;top:15%;right:8%;transform:rotate(7deg)}.illustration-system-palette .illustration-colors{height:11cqw}.illustration-theme-pair{color:var(--illustration-muted);align-items:center;gap:2cqw;font-size:max(14px,1.6cqw);display:flex}.illustration-theme-pair>span{align-items:center;gap:.8cqw;display:flex}.illustration-theme-pair i{background:#edf1ff;border:1px solid #becfff;border-radius:50%;width:1.5cqw;height:1.5cqw}.illustration-theme-pair>span:last-child i{background:#071a40}.illustration-components-card{z-index:4;width:52%;padding:3cqw;animation:12s ease-in-out -5s infinite illustration-float;top:51%;right:6%;transform:rotate(3deg)}.illustration-component-row{justify-content:space-between;align-items:center;gap:1.8cqw;margin-top:2cqw;display:flex}.illustration-sample-action{color:#fff;background:linear-gradient(120deg,#3f5ddd,#7d3dd6);border-radius:99px;align-items:center;gap:2cqw;padding:1.5cqw 2.2cqw;font-size:max(14px,1.65cqw);display:flex}.illustration-sample-action svg{width:1.8cqw;height:1.8cqw}.illustration-sample-toggle{background:linear-gradient(120deg,#3f5ddd,#7d3dd6);border-radius:99px;justify-content:flex-end;align-items:center;width:6cqw;padding:.55cqw;display:flex}.illustration-sample-toggle i{background:#fff;border-radius:50%;width:2.3cqw;height:2.3cqw;display:block}.illustration-sample-field{border:1px solid var(--illustration-line);width:100%;color:var(--illustration-muted);border-radius:1.5cqw;align-items:center;gap:1.2cqw;padding:1.4cqw;font-size:max(14px,1.5cqw);display:flex}.illustration-sample-field svg{width:1.9cqw;height:1.9cqw}.illustration-sample-field>svg:last-child{margin-left:auto}.illustration-component-footer{border-top:1px solid var(--illustration-line);color:var(--illustration-muted);justify-content:space-between;align-items:center;margin-top:2.3cqw;padding-top:2cqw;font-size:max(14px,1.3cqw);display:flex}.illustration-component-footer>span{align-items:center;gap:.8cqw;display:flex}.illustration-component-footer svg{width:1.8cqw;height:1.8cqw}.illustration-mini-icons{gap:1cqw!important}.illustration-system-note{letter-spacing:.12em;font-size:max(14px,1.4cqw);bottom:3%;left:10%}.illustration-platform-backplate{background:var(--illustration-blue-soft);opacity:.6;border:1px solid var(--illustration-line);border-radius:4cqw;width:78%;height:64%;position:absolute;top:13%;left:12%;transform:rotate(5deg)}.illustration-platform .illustration-workflow-window{border-radius:2.8cqw;width:87%;top:13%;left:6%;transform:rotate(-3deg)}.illustration-workflow-detailed .illustration-sidebar{align-items:stretch;gap:.6cqw;width:18cqw;padding:2.3cqw 1.5cqw}.illustration-workflow-detailed .illustration-sidebar-brand{gap:.9cqw;margin-bottom:2cqw;padding-left:.4cqw}.illustration-workflow-detailed .illustration-sidebar-brand strong{letter-spacing:-.02em;font-size:max(14px,1.55cqw)}.illustration-workflow-detailed .illustration-sidebar-brand .illustration-system-mark{gap:.35cqw;width:2.5cqw;height:2.5cqw}.illustration-workflow-detailed .illustration-sidebar-item{justify-content:flex-start;gap:1cqw;width:auto;height:4cqw;padding:0 1cqw;font-size:max(14px,1.3cqw)}.illustration-workflow-detailed .illustration-sidebar-item svg{width:1.9cqw;height:1.9cqw}.illustration-workflow-detailed .illustration-sidebar-avatar{margin-top:auto}.illustration-workflow-detailed .illustration-workspace-main{padding:2.3cqw 3cqw 2cqw}.illustration-workflow-detailed .illustration-workspace-title{padding-top:2.4cqw;padding-bottom:2cqw}.illustration-workspace-summary{grid-template-columns:1fr 1fr;gap:1.3cqw;margin:2cqw 0 .2cqw;display:grid}.illustration-workspace-summary>span{border:1px solid var(--illustration-line);border-radius:1.5cqw;grid-template-columns:2.4cqw 1fr;gap:.5cqw .8cqw;padding:1.6cqw 1.2cqw;display:grid}.illustration-workspace-summary svg{color:var(--illustration-blue);grid-row:span 2;width:2cqw;height:2cqw}.illustration-workspace-summary strong{font-size:max(14px,1.4cqw)}.illustration-workspace-summary small{color:var(--illustration-muted);font-size:max(14px,1.05cqw)}.illustration-table-footer{color:var(--illustration-muted);justify-content:space-between;align-items:center;padding-top:1.4cqw;font-size:max(14px,1.15cqw);display:flex}.illustration-table-footer svg{width:1.7cqw;height:1.7cqw}.illustration-decision-card{z-index:5;align-items:center;gap:2cqw;width:72%;padding:2.6cqw;animation:12s ease-in-out -3s infinite illustration-float;display:flex;bottom:9%;left:21%;transform:rotate(3deg)}.illustration-decision-icon{background:var(--illustration-soft);color:var(--illustration-blue);border-radius:2cqw;place-items:center;width:7cqw;height:7cqw;display:grid}.illustration-decision-icon svg{width:3.5cqw;height:3.5cqw}.illustration-decision-card>div:nth-child(2){flex-direction:column;gap:.4cqw;display:flex}.illustration-decision-card small{letter-spacing:.09em;color:var(--illustration-muted);font-size:max(14px,1.2cqw)}.illustration-decision-card strong{letter-spacing:-.035em;font-size:max(14px,2.7cqw)}.illustration-decision-card>div:nth-child(2)>span{color:var(--illustration-muted);font-size:max(14px,1.4cqw)}.illustration-decision-check{border:1px solid var(--illustration-line);width:4cqw;height:4cqw;color:var(--illustration-blue);border-radius:50%;place-items:center;margin-left:auto;display:grid}.illustration-decision-check svg{width:2cqw;height:2cqw}.illustration-platform-flow{color:var(--illustration-muted);align-items:center;gap:2cqw;font-size:max(14px,1.5cqw);display:flex;position:absolute;top:3%;left:18%}.illustration-platform-flow>span{align-items:center;gap:1cqw;display:flex}.illustration-platform-flow svg{width:1.6cqw;height:1.6cqw}.illustration-platform-flow>svg{opacity:.45}.illustration-workflow-tag{max-width:18%;color:var(--illustration-muted);flex-direction:column;gap:.7cqw;font-size:max(14px,1.25cqw);line-height:1.5;display:flex;position:absolute;bottom:11%;left:5%;transform:rotate(-3deg)}.illustration-workflow-tag svg{width:2cqw;height:2cqw}.illustration-workflow-tag strong{color:var(--illustration-ink)}.illustration-platform-filter{color:var(--illustration-muted);align-items:center;gap:1.2cqw;font-size:max(14px,1.4cqw);display:flex;position:absolute;bottom:2%;right:10%}.illustration-platform-filter svg{width:1.7cqw;height:1.7cqw}@container portfolio-illustration (max-width:760px){.illustration-system,.illustration-platform,.illustration-hero{aspect-ratio:auto;padding:20px 12px}.illustration-system,.illustration-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px 16px;display:grid}.illustration-system>.illustration-card,.illustration-hero>.illustration-card,.illustration-hero>.illustration-lungo-card{border-radius:24px;width:auto;height:auto;padding:20px;position:relative;inset:auto;transform:none}.illustration-system .illustration-foundation-card,.illustration-system .illustration-components-card,.illustration-hero .illustration-workflow-window{grid-column:1/-1}.illustration-system .illustration-foundation-card{order:0;transform:rotate(-1deg)}.illustration-system .illustration-system-type{order:1}.illustration-system .illustration-system-palette{order:2;transform:rotate(1deg)}.illustration-system .illustration-components-card{order:3;transform:rotate(-1deg)}.illustration-system .illustration-system-note{order:4}.illustration-foundation-title{gap:16px;margin:20px 0}.illustration-foundation-title>span:last-child{font-size:max(26px,3.6cqw)}.illustration-foundation-token{flex-wrap:wrap;gap:10px}.illustration-card-label{align-items:flex-start;gap:12px}.illustration-type-caption{display:block}.illustration-system-type .illustration-type-display,.illustration-type-display{font-size:clamp(64px,17.7cqw,120px)}.illustration-system-palette .illustration-colors,.illustration-colors{border-radius:12px;height:64px;margin-block:18px}.illustration-theme-pair{flex-wrap:wrap;gap:12px}.illustration-theme-pair>span{gap:6px}.illustration-theme-pair i{width:12px;height:12px}.illustration-component-row{gap:12px;margin-top:16px}.illustration-sample-action{gap:12px;padding:10px 16px}.illustration-sample-toggle{flex-shrink:0;width:40px;padding:4px}.illustration-sample-toggle i{width:16px;height:16px}.illustration-sample-field{border-radius:12px;gap:10px;padding:12px}.illustration-component-footer{flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px}.illustration-component-footer>span{gap:6px}.illustration-scene-note,.illustration-detail-chip{letter-spacing:.04em;grid-column:1/-1;width:100%;line-height:1.6;position:relative;inset:auto}.illustration-note-top{justify-content:center}.illustration-system-note{text-align:center}.illustration-palette-footer{flex-wrap:wrap;gap:8px}.illustration-lungo-card>span:nth-child(2){margin-top:16px}.illustration-lungo-card>div{gap:12px;font-size:24px}.illustration-lungo-arrow{top:24px;right:16px}.illustration-platform{flex-direction:column;gap:22px;display:flex}.illustration-platform-flow{flex-wrap:wrap;order:-1;justify-content:center;gap:14px;position:relative;inset:auto}.illustration-platform-flow>span{gap:6px}.illustration-platform .illustration-workflow-window,.illustration-hero .illustration-workflow-window{border-radius:24px;width:100%;padding:0;position:relative;inset:auto;transform:none}.illustration-platform .illustration-platform-backplate{width:auto;height:auto;inset:12% 3% 17%}.illustration-window-bar{gap:12px;padding:14px 16px}.illustration-window-bar>span:nth-child(2){text-align:center}.illustration-window-dots{gap:4px}.illustration-window-dots i{width:5px;height:5px}.illustration-workspace{flex-direction:column}.illustration-sidebar,.illustration-workflow-detailed .illustration-sidebar{border-right:0;border-bottom:1px solid var(--illustration-line);flex-flow:wrap;justify-content:flex-start;gap:8px;width:100%;padding:16px;display:flex;position:relative}.illustration-sidebar-brand,.illustration-workflow-detailed .illustration-sidebar-brand{gap:8px;width:100%;min-height:30px;margin:0 0 4px;padding:0}.illustration-sidebar-brand .illustration-system-mark,.illustration-workflow-detailed .illustration-sidebar-brand .illustration-system-mark{gap:3px;width:22px;height:22px}.illustration-sidebar-item,.illustration-workflow-detailed .illustration-sidebar-item{border-radius:8px;flex:calc(50% - 8px);gap:8px;width:auto;height:auto;min-height:34px;padding:6px 8px}.illustration-sidebar-avatar{width:30px;height:30px;margin:0;position:absolute;top:16px;right:16px}.illustration-workspace-main,.illustration-workflow-detailed .illustration-workspace-main{padding:18px 16px}.illustration-workspace-top{align-items:flex-start;gap:12px}.illustration-workspace-top>span:first-child{flex-wrap:wrap;gap:4px;display:flex}.illustration-workspace-top>span>span{margin-left:0}.illustration-workspace-top>span:last-child{gap:12px}.illustration-workspace-title,.illustration-workflow-detailed .illustration-workspace-title{gap:12px;padding-block:20px}.illustration-workspace-title strong{font-size:max(26px,3.6cqw)}.illustration-round-icon{flex-shrink:0;width:32px;height:32px}.illustration-workspace-tabs{gap:20px}.illustration-workspace-tabs>span{padding-bottom:12px}.illustration-workspace-summary{gap:12px;margin-top:18px}.illustration-workspace-summary>span{border-radius:12px;grid-template-columns:20px minmax(0,1fr);gap:6px;padding:12px}.illustration-table-head{gap:12px;padding:20px 0 10px}.illustration-table-head>span:last-child,.illustration-status{flex-shrink:0;width:90px}.illustration-table-row{white-space:normal;align-items:flex-start;gap:12px;padding:12px 0}.illustration-table-row>span:first-child{gap:8px;min-width:0}.illustration-row-icon{border-radius:6px;flex-shrink:0;width:24px;height:24px}.illustration-status{align-items:flex-start;gap:6px}.illustration-status i{flex-shrink:0;width:5px;height:5px;margin-top:7px}.illustration-table-footer{gap:12px;padding-top:14px}.illustration-platform .illustration-decision-card{border-radius:24px;align-self:center;gap:14px;width:96%;padding:18px;position:relative;inset:auto;transform:rotate(1deg)}.illustration-decision-icon{border-radius:14px;flex-shrink:0;width:42px;height:42px}.illustration-decision-card strong{font-size:max(20px,2.7cqw)}.illustration-decision-check{flex-shrink:0;width:28px;height:28px}.illustration-workflow-tag,.illustration-platform-filter{gap:8px;max-width:none;position:relative;inset:auto;transform:none}.illustration-workflow-tag{flex-flow:wrap;justify-content:center;align-items:center}.illustration-platform-filter{flex-wrap:wrap;justify-content:center}}@container portfolio-illustration (max-width:420px){.illustration-system,.illustration-hero{grid-template-columns:minmax(0,1fr);gap:20px}.illustration-workspace-summary{grid-template-columns:minmax(0,1fr)}.illustration-platform .illustration-decision-card{gap:10px;padding:16px 12px}.illustration-decision-icon{width:34px;height:34px}.illustration-decision-check{width:24px;height:24px}}@container portfolio-illustration (min-width:420px) and (max-width:760px){.study-hero-art .illustration-system{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:12px;padding:12px 8px}.study-hero-art .illustration-system>.illustration-card{border-radius:20px;grid-column:auto;padding:14px}.study-hero-art .illustration-system .illustration-foundation-title{align-items:flex-start;gap:8px;margin-block:12px}.study-hero-art .illustration-foundation-title>.illustration-system-mark{gap:3px;width:24px;height:24px;margin-top:3px}.study-hero-art .illustration-foundation-title>span:last-child{font-size:22px}.study-hero-art .illustration-foundation-token{gap:6px}.study-hero-art .illustration-system-type .illustration-type-display{font-size:72px}.study-hero-art .illustration-system-palette .illustration-colors{height:40px;margin-block:12px}.study-hero-art .illustration-component-row{flex-wrap:wrap;gap:8px;margin-top:10px}.study-hero-art .illustration-sample-action{gap:8px;padding:8px 10px}.study-hero-art .illustration-sample-toggle{width:34px}.study-hero-art .illustration-sample-field{gap:6px;padding:10px}.study-hero-art .illustration-component-footer{gap:8px;margin-top:12px;padding-top:10px}.study-hero-art .illustration-system-note{padding-top:4px}}@keyframes illustration-float{0%,to{translate:0}50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.illustration-scene *{animation:none!important}}
.fiscal-art{aspect-ratio:1.05}.fiscal-art-kicker,.fiscal-art-footnote{letter-spacing:.13em;color:var(--illustration-muted);text-align:center;width:100%;font-size:max(14px,1.3cqw);position:absolute}.fiscal-art-kicker{top:3%}.fiscal-art-footnote{bottom:2%}.fiscal-art .fiscal-art-wordmark{object-fit:contain;z-index:2;filter:drop-shadow(0 .6cqw 1cqw #0a132833);width:58%;height:12%;position:absolute;top:10%;left:21%}.fiscal-art-glow{background:radial-gradient(ellipse, var(--illustration-blue-soft), transparent 70%);opacity:.55;border-radius:50%;position:absolute;inset:22% 5% 15%}.fiscal-art-orbit{border:1px dashed var(--illustration-line);border-radius:50%;position:absolute;inset:13% 7%;transform:rotate(-18deg)}.fiscal-art-pack{background:#172235;border-radius:2.5cqw;width:32%;height:47%;position:absolute;top:29%;overflow:hidden;box-shadow:0 2cqw 3cqw -1cqw #11132640,0 6cqw 8cqw -4cqw #35216b80}.fiscal-art-pack>img{object-fit:cover;object-position:center}.fiscal-art-pack-1{left:12%;transform:rotate(-14deg)}.fiscal-art-pack-2{z-index:3;animation:13s ease-in-out -2s infinite fiscal-art-float;top:25%;left:34%;transform:rotate(-2deg)}.fiscal-art-pack-3{z-index:2;right:11%;transform:rotate(13deg)}.fiscal-art-pack-label{color:#fff;background:linear-gradient(#0000 40%,#081224ce 77%,#081224f2);flex-direction:column;justify-content:flex-end;padding:2.6cqw 2cqw;display:flex;position:absolute;inset:0}.fiscal-art-pack-label>span{letter-spacing:.14em;color:#d7c3a0;font-size:max(14px,.9cqw)}.fiscal-art-pack-label>strong{letter-spacing:-.04em;margin-block:.4cqw;font-size:max(14px,3cqw)}.fiscal-art-pack-label>small{color:#d8dcec;font-size:max(14px,1.2cqw)}.fiscal-art-rule{z-index:4;border-radius:3cqw;align-items:center;gap:1.8cqw;width:76%;padding:2.5cqw;display:flex;bottom:7%;left:14%;transform:rotate(2deg)}.fiscal-art-rule-icon{background:var(--illustration-soft);width:5.7cqw;height:5.7cqw;color:var(--illustration-blue);border-radius:1.7cqw;place-items:center;display:grid}.fiscal-art-rule>div{flex-direction:column;gap:.5cqw;display:flex}.fiscal-art-rule small{letter-spacing:.075em;color:var(--illustration-muted);font-size:max(14px,1.15cqw)}.fiscal-art-rule strong{letter-spacing:-.035em;font-size:max(14px,2.35cqw)}.fiscal-art-rule>svg{color:var(--illustration-blue);margin-left:auto}@container portfolio-illustration (max-width:760px){.fiscal-art{aspect-ratio:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px;padding:20px 12px;display:grid}.fiscal-art-kicker,.fiscal-art-footnote{letter-spacing:.055em;grid-column:1/-1;line-height:1.6;position:relative;inset:auto}.fiscal-art .fiscal-art-wordmark{grid-column:1/-1;justify-self:center;width:70%;height:auto;min-height:50px;position:relative;inset:auto}.fiscal-art-pack{border-radius:18px;width:100%;height:auto;min-height:280px;position:relative;inset:auto}.fiscal-art-pack-1{transform:rotate(-2deg)}.fiscal-art-pack-2{transform:none}.fiscal-art-pack-3{transform:rotate(2deg)}.fiscal-art-pack-label{background:linear-gradient(#0000 20%,#081224e6 62%,#081224);gap:6px;padding:18px 12px}.fiscal-art-pack-label>span{letter-spacing:.055em}.fiscal-art-pack-label>strong{margin:0;font-size:max(18px,3cqw);line-height:1.25}.fiscal-art-rule{border-radius:24px;grid-column:1/-1;gap:12px;width:100%;padding:18px;position:relative;inset:auto;transform:rotate(1deg)}.fiscal-art-rule-icon{border-radius:12px;flex-shrink:0;width:38px;height:38px}.fiscal-art-rule>div{gap:6px}.fiscal-art-rule strong{font-size:max(18px,2.35cqw)}}@container portfolio-illustration (max-width:480px){.fiscal-art{grid-template-columns:minmax(0,1fr);gap:22px}.fiscal-art-pack{grid-template-columns:45% minmax(0,1fr);min-height:150px;display:grid}.fiscal-art-pack>img{object-position:center 38%;width:45%!important}.fiscal-art-pack-label{background:#101c2d;grid-column:2;justify-content:center;padding:18px 14px;position:relative;inset:auto}.fiscal-art-pack-label>strong{font-size:20px}}@keyframes fiscal-art-float{0%,to{translate:0}50%{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.fiscal-art *{animation:none!important}}
.study-page{color:var(--ink);overflow-x:clip}.study-page .study-container{max-width:1320px;padding-top:42px;padding-bottom:100px}.study-back-link{color:var(--ink-muted);align-items:center;gap:10px;font-size:14px;font-weight:500;transition:color .18s;display:inline-flex}.study-back-link:hover{color:var(--accent)}.study-back-link svg{transition:transform .18s}.study-back-link:hover svg{transform:translate(-3px)}.study-intro{border-bottom:1px solid var(--line);margin-top:62px;padding-bottom:70px}.study-intro[data-illustrated=true]{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,76px);display:grid}.study-header{min-width:0}.study-kicker{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.study-kicker>span{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.study-header h1{letter-spacing:-.052em;text-wrap:balance;max-width:19ch;margin-top:24px;font-size:clamp(40px,4.5vw,66px);font-weight:500;line-height:1.07}.study-summary{max-width:54ch;color:var(--ink-muted);margin-top:24px;font-size:clamp(16px,1.45vw,18px);line-height:1.7}.study-thesis{letter-spacing:-.025em;max-width:42ch;margin-top:24px;font-size:clamp(22px,2.3vw,30px);line-height:1.4}.study-metadata{flex-wrap:wrap;gap:22px 36px;margin-top:34px;font-size:14px;line-height:1.6;display:flex}.study-metadata dt{color:var(--ink-muted);font-size:14px}.study-metadata dd{margin-top:4px;font-weight:500}.study-live-link{border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:10px;margin-top:24px;padding:12px 20px;font-size:14px;font-weight:500;transition:background .18s,box-shadow .18s;display:inline-flex}.study-live-link:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);box-shadow:var(--portfolio-card-shadow)}.study-hero-art{background:radial-gradient(ellipse at 85% 15%, var(--portfolio-mesh-purple), transparent 68%), radial-gradient(ellipse at 10% 90%, var(--portfolio-mesh-blue), transparent 68%), var(--portfolio-card-surface);min-width:0;height:auto;box-shadow:var(--portfolio-card-shadow);border-radius:36px;align-self:center;padding:clamp(14px,2vw,24px);display:block;overflow:visible}.study-hero-art>*{width:100%;margin-inline:auto}.study-project-cover{margin-top:50px}.study-screenshot{max-width:1020px;margin-inline:auto}.study-screenshot-stage{background:radial-gradient(ellipse at 100% 0, var(--portfolio-mesh-purple), transparent 65%), radial-gradient(ellipse at 0 100%, var(--portfolio-mesh-blue), transparent 60%), var(--portfolio-card-surface);border-radius:26px;padding:clamp(12px,3vw,34px)}.study-screenshot-frame{background:var(--surface);box-shadow:var(--portfolio-card-shadow);border-radius:14px;transition:box-shadow .2s;display:block;overflow:hidden}.study-screenshot-frame:hover{box-shadow:var(--portfolio-hover-shadow)}.study-screenshot-bar{color:var(--ink-muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;font-size:14px;line-height:1.5;display:grid}.study-screenshot-bar>span:nth-child(2){text-align:center;overflow-wrap:anywhere}.study-screenshot-dots{gap:5px;display:flex}.study-screenshot-dots i{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.study-content{margin-top:64px;font-size:16px}.study-content>p{max-width:78ch;margin-inline:auto}.study-content:not(.case-body)>p:first-child{letter-spacing:-.04em;text-wrap:balance;max-width:29ch;margin-top:0;margin-bottom:26px;font-size:clamp(28px,3.6vw,43px);font-weight:500;line-height:1.16}.study-content>h2{border-color:var(--line);letter-spacing:-.035em;margin-top:80px;padding-top:42px;font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.2}.study-content>section{border-color:var(--line);margin-top:88px;padding-top:44px;scroll-margin-top:140px}.study-content>section>.grid>div{min-width:0}.study-content>section>.grid>div:first-child>.text-5xl{color:var(--accent);letter-spacing:-.055em;font-size:48px;font-weight:400}.study-content>section>.grid>div:last-child>p,.study-content>section>.grid>div:last-child>.mt-8>p{max-width:75ch}.study-content .meta{font-family:var(--font-sans);letter-spacing:.065em;font-size:14px;line-height:1.6}.study-content figcaption.meta{max-width:100ch;color:var(--ink-muted);letter-spacing:0;text-transform:none;font-size:14px;line-height:1.7}.study-content figure>.overflow-hidden,.study-content figure>div>.overflow-hidden,.study-content figure>.grid.border-y{border-radius:20px}.study-content>.grid>.border{background:var(--surface);border-radius:18px;padding:22px}.study-content dl.border-y{gap:28px 46px;padding-block:30px}.study-content dl.border-y dd{color:var(--accent);letter-spacing:-.045em;font-weight:500}.study-content nav[aria-label=The\ process]{top:calc(var(--portfolio-header-height,96px) + 8px);border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, transparent);border-radius:16px;margin-inline:0;padding:10px}.study-content nav[aria-label=The\ process] a{border-color:#0000;border-radius:10px;align-items:center;padding:10px 12px}.study-content nav[aria-label=The\ process] a[aria-current=true]{background:color-mix(in srgb, var(--accent) 9%, var(--bg))}.study-content .dss{--ds-sans:var(--font-sans)}.study-content .doc{--d-sans:var(--font-sans)}.study-content .aut{--a-sans:var(--font-sans);--a-accent:var(--accent);--a-feedback:#7de0c6}.study-content .aut-plugin-grid>*,.study-content .pc-code{min-width:0}.study-navigation{border-top:1px solid var(--line);grid-template-columns:1fr 1.8fr;align-items:center;gap:40px;margin-top:112px;padding-top:36px;display:grid}.study-next-link{background:color-mix(in srgb, var(--accent) 6%, var(--bg));border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;transition:background .22s;display:flex}.study-next-link:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.study-next-label{color:var(--ink-muted);margin-bottom:8px;font-size:14px;display:block}.study-next-title{letter-spacing:-.03em;font-size:clamp(19px,2.2vw,27px);font-weight:500;line-height:1.2;display:block}.study-next-arrow{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:0 0 48px;place-items:center;height:48px;transition:transform .22s;display:grid}.study-next-link:hover .study-next-arrow{transform:rotate(45deg)}@media (max-width:960px){.study-intro[data-illustrated=true]{grid-template-columns:1fr;gap:40px}.study-hero-art{width:100%;max-width:820px;margin-inline:auto}.study-hero-art>*{max-width:760px}.study-header h1{max-width:20ch;font-size:clamp(40px,6.5vw,64px)}.study-summary{max-width:65ch}}@media (max-width:640px){.study-page .study-container{padding-top:28px;padding-bottom:64px}.study-intro{margin-top:40px;padding-bottom:40px}.study-header h1{margin-top:20px;font-size:clamp(36px,9vw,52px)}.study-hero-art{border-radius:24px;padding:12px}.study-content{margin-top:44px}.study-content>h2,.study-content>section{margin-top:56px;padding-top:30px}.study-content .grid>.border{min-width:0}.study-navigation{grid-template-columns:1fr;gap:24px;margin-top:72px}.study-next-link{padding:22px}}@media (prefers-reduced-motion:reduce){.study-back-link svg,.study-next-arrow{transition:none}}.study-content{--study-reading-width:900px;scroll-margin-top:calc(var(--portfolio-header-height,96px) + 30px)}.study-content :is(.study-display,.study-lede,.study-support,.study-eyebrow,.study-section-title){max-width:var(--study-reading-width);margin-inline:auto}.study-content .study-display{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(29px,3.3vw,44px);line-height:1.22}.study-content .study-support{font-size:17px;line-height:1.85}.study-content>.study-display:first-child{max-width:900px;margin-bottom:30px}.study-content:not(.case-body)>p.study-display:first-child,.study-content .process-chapter-body>p.study-display:first-child{max-width:var(--study-reading-width)}.study-content .study-eyebrow{color:var(--accent);font-size:14px;font-weight:500}.study-content .study-section-title{border-image:linear-gradient(90deg, var(--portfolio-mesh-blue), var(--portfolio-mesh-purple), transparent) 1;margin-top:72px;padding-top:36px;font-size:clamp(28px,3vw,38px);font-weight:500}.study-content .study-chapter-body>:is(p,h3,ul,ol){margin-inline:auto}.study-content .process-chapter-body>:is(p,h3,ul,ol){text-align:left;margin-inline:0}.study-content :is(.study-chapter-body,.process-chapter-body)>:is(p,ul,ol){max-width:var(--study-reading-width)}.study-content>.study-narrative-section{background:radial-gradient(ellipse 600px 350px at 100% 0, color-mix(in srgb, var(--portfolio-mesh-purple) 50%, transparent), transparent), var(--surface);box-shadow:var(--portfolio-card-shadow);scroll-margin-top:calc(var(--portfolio-header-height,96px) + 24px);border:0;border-radius:30px;margin-top:clamp(48px,5vw,72px);padding:clamp(26px,3.4vw,44px)}.study-narrative-section>:is(p,h2,h3,ul,ol){max-width:var(--study-reading-width);margin-inline:auto}.study-content .study-narrative-section>h2{letter-spacing:-.04em;text-wrap:balance;border:0;align-items:flex-start;gap:20px;margin-top:0;margin-bottom:28px;padding-top:0;font-size:clamp(27px,3vw,37px);font-weight:500;line-height:1.22;display:flex}.study-content.case-body .study-narrative-section>h2:before{background:var(--portfolio-tint);height:43px;color:var(--accent);font-family:var(--font-sans);letter-spacing:-.03em;border-radius:14px;flex:0 0 43px;place-items:center;margin:0;font-size:16px;font-weight:400;display:grid}.study-narrative-section>h3{letter-spacing:-.025em;margin-top:42px;font-size:23px;font-weight:500;line-height:1.4}.study-narrative-section>h4{max-width:var(--study-reading-width);color:var(--accent);margin:36px auto 0;font-size:18px;font-weight:500;line-height:1.5}.study-narrative-section>p:not(.study-display):not(.study-eyebrow){color:var(--ink-muted);font-size:17px;line-height:1.85}.study-content :is(.study-screenshot,.prototype-showcase){width:100%;max-width:none}.study-table{background:color-mix(in srgb, var(--portfolio-card-surface) 52%, var(--surface));border:0;border-radius:18px}.study-table th{background:var(--portfolio-tint);color:var(--ink);padding:17px 20px;font-size:14px;font-weight:500}.study-table td{vertical-align:top;min-width:130px;padding:20px;line-height:1.8}.study-table tbody tr:last-child td{border-bottom:0}.study-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface) 55%, transparent)}.study-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.study-page .study-metric-grid{max-width:var(--study-reading-width,900px);background:0 0;border:0;gap:18px;margin-inline:auto;padding:0}.study-metric-grid>div{background:color-mix(in srgb, var(--surface) 75%, var(--bg));border-radius:16px;min-width:0;padding:28px}.study-metric-grid dd{color:var(--ink);letter-spacing:-.05em;font-size:clamp(28px,3vw,38px);font-weight:500}.study-metric-callout{max-width:var(--study-reading-width,900px);background:color-mix(in srgb, var(--surface) 75%, var(--bg));border:0;border-radius:16px;margin-inline:auto;padding:24px 28px}.study-metric-callout>div:first-child{color:var(--ink);font-size:clamp(28px,3vw,38px);font-weight:500}.study-pull-quote{background:radial-gradient(ellipse at 10% 100%, var(--portfolio-mesh-blue), transparent 70%), radial-gradient(ellipse at 100% 0, var(--portfolio-mesh-purple), transparent 70%), var(--portfolio-card-surface);border:0;border-radius:28px;padding:clamp(28px,4vw,52px)}.study-pull-quote blockquote{letter-spacing:-.035em;text-wrap:balance;max-width:40ch;margin-inline:auto;font-size:clamp(27px,3.6vw,44px);font-weight:500;line-height:1.3}.study-pull-quote figcaption{max-width:900px;margin-inline:auto}.study-header-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.study-read-link{background:var(--portfolio-action-gradient);color:#fff;box-shadow:var(--portfolio-action-shadow);border-radius:999px;align-items:center;gap:20px;padding:14px 21px;font-size:14px;font-weight:500;transition:box-shadow .2s;display:inline-flex}.study-read-link:hover{box-shadow:var(--portfolio-hover-shadow)}.study-read-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.study-prototype-link{color:var(--accent);background:var(--portfolio-tint);border-radius:999px;align-items:center;gap:16px;padding:14px 21px;font-size:14px;font-weight:500;transition:box-shadow .2s;display:inline-flex}.study-prototype-link:hover{box-shadow:var(--portfolio-hover-shadow)}.study-prototype-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.study-next-link{background:radial-gradient(ellipse at 100% 0, var(--portfolio-mesh-purple), transparent 75%), var(--portfolio-card-surface);box-shadow:var(--portfolio-card-shadow);transition:box-shadow .2s}.study-next-link:hover{background:radial-gradient(ellipse at 100% 0, var(--portfolio-mesh-purple), transparent 75%), var(--portfolio-card-surface);box-shadow:var(--portfolio-hover-shadow)}.study-reading-progress{inset:var(--portfolio-header-height,96px) 0 auto;z-index:45;pointer-events:none;height:2px;position:fixed}.study-reading-progress>div{transform-origin:0;background:var(--portfolio-heading-gradient);width:100%;height:100%;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){[data-study-reveal]{transition:opacity .56s,translate .56s cubic-bezier(.22,.61,.36,1)}[data-study-reveal=pending]{opacity:0;translate:0 18px}[data-study-reveal=shown]{opacity:1;translate:0}}@media (max-width:640px){.study-content>.study-narrative-section{border-radius:23px;margin-inline:-4px;padding:24px 20px}.study-content .study-narrative-section>h2{gap:14px;font-size:27px}.study-content.case-body .study-narrative-section>h2:before{border-radius:11px;flex-basis:34px;height:34px;font-size:14px}.study-content .study-support,.study-narrative-section>p:not(.study-display):not(.study-eyebrow){font-size:16px;line-height:1.8}.study-narrative-section>h3{font-size:21px}.study-page .study-metric-grid{gap:12px}.study-metric-grid>div{border-radius:18px;padding:20px}.study-table td{min-width:155px;padding:16px;font-size:14px}.study-table th{padding:14px 16px}.study-screenshot-bar{gap:10px;padding:12px}.study-header-actions>a{min-width:0;max-width:100%}.study-header-actions>a svg{flex-shrink:0}.study-pull-quote{border-radius:22px}}
.study-page .study-text-grid{border:1px solid var(--line-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-block:30px;display:grid}.study-page .study-text-cell{min-width:0;padding:clamp(20px,2.4vw,30px)}.study-page .study-text-cell+.study-text-cell{border-left:1px solid var(--line-strong)}.study-page .study-text-cell>:is(p,h3,ul,ol){max-width:none;margin-inline:0}.study-page .study-text-cell>:first-child{margin-top:0}.study-page .study-text-cell>:last-child{margin-bottom:0}.study-page .study-text-cell .study-lede{font-size:clamp(22px,2vw,28px);line-height:1.4}.study-page:not([data-case-study=diffuse]) .study-content>.study-narrative-section{border-top:1px solid var(--line-strong);box-shadow:none;background:0 0;border-radius:0;margin-inline:0;padding:30px 0 0}.study-page:not([data-case-study=diffuse]) .study-narrative-section>:is(h2,h3,h4){max-width:none;margin-inline:0}.study-page:not([data-case-study=diffuse]) .study-narrative-section>h2{margin-bottom:28px;font-size:clamp(30px,3.4vw,46px)}.study-page:not([data-case-study=diffuse]) .study-narrative-section>h2:before{background:0 0;border-radius:0;flex-basis:28px;height:auto;padding-top:6px;font-size:14px}.study-page .study-principle-grid{border:1px solid var(--line-strong);gap:0}.study-page .study-principle-grid>div{background:0 0;border:0;padding:clamp(20px,2.4vw,30px)}.study-page .study-principle-grid>div:nth-child(2n){border-left:1px solid var(--line-strong)}.study-page .study-principle-grid>div:nth-child(n+3){border-top:1px solid var(--line-strong)}.study-page .study-table{border:1px solid var(--line-strong);background:0 0;border-radius:0}.study-page .study-table :is(th,td)+:is(th,td){border-left:1px solid var(--line-strong)}.study-page .study-table :is(th,td){border-bottom:1px solid var(--line-strong)}.study-page .study-table tbody tr:last-child td{border-bottom:0}.study-page .study-big-figures,.study-page .study-metric-grid{border:1px solid var(--line-strong);gap:0;max-width:none;padding:0}.study-page :is(.study-big-figures,.study-metric-grid)>div{background:0 0;border-radius:0;padding:24px}.study-page :is(.study-big-figures,.study-metric-grid)>div+div{border-left:1px solid var(--line-strong)}.study-page:not([data-case-study=diffuse]) .product-problem{border:1px solid var(--line-strong);gap:0}.study-page:not([data-case-study=diffuse]) .product-problem>*{min-width:0;padding:clamp(22px,2.6vw,32px)}.study-page:not([data-case-study=diffuse]) .product-problem>*+*{border-left:1px solid var(--line-strong)}.study-page:not([data-case-study=diffuse]) .product-problem>div>p:last-child{margin-bottom:0}.study-page[data-case-study=iconoklast] .df-chapter-header{display:block}.study-page[data-case-study=iconoklast] .df-chapter-header>h2{max-width:32ch;font-size:clamp(32px,3.6vw,48px)}.study-page[data-case-study=iconoklast] .df-chapter-header>.df-kicker{margin-bottom:16px}.study-page[data-case-study=iconoklast] .df-split{border:1px solid var(--line-strong);align-items:stretch;gap:0}.study-page[data-case-study=iconoklast] .df-split>*{border:0;max-width:none;margin:0;padding:clamp(20px,2.4vw,30px)}.study-page[data-case-study=iconoklast] .df-split>*+*{border-left:1px solid var(--line-strong)}.study-page[data-case-study=iconoklast] .df-copy h3+p{margin-top:16px}.study-page :is(.product-feature-grid,.ik-feature-index,.coda-kpi-grid){border:solid var(--line-strong);background:0 0;border-width:1px 0 0 1px;gap:0;padding:0}.study-page :is(.product-feature-grid,.ik-feature-index,.coda-kpi-grid)>div{border:solid var(--line-strong);box-shadow:none;background:0 0;border-width:0 1px 1px 0;border-radius:0;margin:0;padding:24px}.study-page .coda-kpi-icon{width:44px;height:44px;margin-bottom:18px}.study-page .coda-kpi-icon:before,.study-page .coda-kpi-icon:after{display:none}.study-page .coda-kpi-icon svg{padding:0}.study-page .product-chapter:is([data-layout=split],[data-layout=reverse]){border:1px solid var(--line-strong);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:0;padding:0}.study-page .product-chapter[data-layout=reverse]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.study-page .product-chapter-story{min-width:0;padding:clamp(22px,2.6vw,32px)}.study-page .product-chapter[data-layout=split]>.product-chapter-story{border-right:1px solid var(--line-strong);grid-area:1/1}.study-page .product-chapter[data-layout=reverse]>.product-chapter-story{border-left:1px solid var(--line-strong);grid-area:1/2}.study-page .product-chapter:not([data-layout=wide])>.product-evidence{grid-row:1;align-self:start;margin:0;padding:clamp(20px,2.4vw,28px)}.study-page .product-chapter:not([data-layout=wide]) .product-evidence>a{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.study-page .product-chapter:not([data-layout=wide]) .product-evidence-image{border:0;border-radius:0}.study-page .product-chapter[data-layout=wide]>.product-chapter-body{border:solid var(--line-strong);border-width:1px 0 0 1px;gap:0;padding:0}.study-page .product-chapter[data-layout=wide]>.product-chapter-body>*{border:solid var(--line-strong);background:0 0;border-width:0 1px 1px 0;margin:0;padding:24px}.study-page .product-chapter[data-layout=wide] .product-chapter-body>.product-decision{grid-column:1/-1}@media (min-width:961px){.study-page .product-personas-grid[data-personas="1"] .product-persona{grid-template-columns:1fr 1fr}.study-page .product-personas-grid[data-personas="1"] .product-persona-profile{grid-column:1}.study-page .product-personas-grid[data-personas="1"] .product-persona-story{display:contents}.study-page .product-personas-grid[data-personas="1"] .product-persona-summary{border-top:0;border-left:1px solid var(--line-strong);grid-column:2}.study-page .product-personas-grid[data-personas="1"] .product-persona-questions,.study-page .product-personas-grid[data-personas="1"] .product-persona-focus{grid-column:1/-1}}@media (max-width:760px){.study-page .product-chapter:not([data-layout=wide])>.product-chapter-story{border:0}.study-page .product-chapter:not([data-layout=wide])>.product-evidence{border-top:1px solid var(--line-strong);margin:0}.study-page .study-text-grid{grid-template-columns:1fr}.study-page .study-text-cell+.study-text-cell,.study-page:not([data-case-study=diffuse]) .product-problem>*+*,.study-page[data-case-study=iconoklast] .df-split>*+*{border-left:0;border-top:1px solid var(--line-strong)}}@media (max-width:640px){.study-page .study-principle-grid>div:nth-child(n){border-left:0}.study-page .study-principle-grid>div+div{border-top:1px solid var(--line-strong)}.study-page .study-big-figures>div:nth-child(odd),.study-page .study-metric-grid>div:nth-child(odd){border-left:0}.study-page .study-big-figures>div:nth-child(n+3),.study-page .study-metric-grid>div:nth-child(n+3){border-top:1px solid var(--line-strong)}}