/* Anonymous experience, in the studio's own visual language. */
.experience{position:relative}.anchor-alias{position:absolute;top:0;scroll-margin-top:40px}
.experience-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:.1em;color:var(--muted)}
.experience-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:9%;align-items:center;padding:48px 0;border-top:1px solid var(--line)}
.experience-kicker{display:flex;align-items:center;gap:20px;margin-bottom:28px}.experience-kicker .eyebrow{font-size:10px;margin:0}.experience-number{font-size:15px;color:var(--blue);font-variant-numeric:tabular-nums}
.experience-copy h3{font-size:clamp(2rem,3.2vw,3rem);line-height:1.17;letter-spacing:-.055em;max-width:580px;margin:0 0 22px}
.experience-summary{color:var(--muted);font-size:16px;line-height:1.75;max-width:480px;margin-bottom:26px}.experience-copy .text-link{font-size:13px;gap:30px}
.experience-art{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;overflow:hidden;color:var(--ink);position:relative;isolation:isolate}
.experience-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#10245a20 .7px,transparent .7px);background-size:20px 20px;z-index:-1;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.experience-art-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em}.experience-art-label>span:last-child{font-size:18px}
.experience-diagram{display:block;width:100%;max-height:290px;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.experience-art-caption{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;padding-top:12px;border-top:1px solid #10245a20}.experience-art-caption i{font-style:normal;color:var(--blue)}
.diagram-sheet rect,.diagram-choice rect{fill:#fff}.diagram-sheet path,.diagram-choice path{stroke:#7590c0}.sheet-back{opacity:.5}.diagram-connector{stroke:#92a9d5;stroke-dasharray:4 6}.diagram-node,.diagram-origin,.diagram-stop{fill:var(--blue);stroke:var(--blue)}.diagram-check,.diagram-symbol{stroke:#fff;stroke-width:2}.diagram-sheet circle{fill:var(--surface);stroke:var(--blue)}.diagram-road{stroke:#92a9d5;stroke-width:2;stroke-dasharray:4 7}.diagram-traveller{fill:var(--ink);stroke:white;stroke-width:2;offset-path:path('M63 209C63 128 126 200 181 128S299 49 308 120');cx:0;cy:0;offset-distance:45%}
.experience-end{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:30px}.experience-end p{font-size:18px;margin:0}.experience-end .button{font-size:13px}
.motion-active .sheet-front{animation:document-settle 7s ease-in-out infinite}.motion-active .diagram-connector{animation:connection-flow 9s linear infinite}.motion-active .diagram-choice{animation:choice-focus 8s ease-in-out infinite}.motion-active .choice-two{animation-delay:2.6s}.motion-active .choice-three{animation-delay:5.2s}.motion-active .diagram-traveller{animation:journey-travel 9s ease-in-out infinite}
.art-outside *,.page-hidden .experience-art *{animation-play-state:paused!important}
@keyframes document-settle{0%,100%{transform:translate(0,0)}45%,60%{transform:translate(-10px,-10px)}}
@keyframes connection-flow{to{stroke-dashoffset:-60}}
@keyframes choice-focus{0%,15%,45%,100%{opacity:.55}25%,35%{opacity:1}}
@keyframes journey-travel{0%,12%{offset-distance:0%}44%,55%{offset-distance:50%}88%,100%{offset-distance:100%}}
.story-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:7%;padding:55px 0 70px}.story-hero h1{font-size:clamp(2.8rem,4.7vw,4.5rem);line-height:1.13;letter-spacing:-.055em;margin:24px 0}.story-hero .lead{color:var(--muted);font-size:18px;line-height:1.65;margin-bottom:26px;max-width:620px}.story-hero .experience-art{min-width:0}.story-hero .experience-diagram{max-height:340px}
.story-body{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line)}.story-context h2{font-size:clamp(2rem,3.1vw,3rem);margin:24px 0}.story-context>p:last-child{color:var(--muted);font-size:15px;max-width:300px}.story-steps article{display:flex;gap:25px;border-top:1px solid var(--line);padding:28px 0}.story-steps article:first-child{padding-top:0;border-top:0}.story-steps article:last-child{padding-bottom:0}.story-step-number{font-size:12px;color:var(--blue);padding-top:4px}.story-steps h2{font-size:25px;letter-spacing:-.04em;margin-bottom:15px}.story-steps p{font-size:16px;color:var(--muted);line-height:1.8;margin:0}.story-takeaway{background:var(--ink);color:#fff;border-radius:14px;padding:40px 50px}.story-takeaway>.eyebrow{color:#bac9e8}.story-takeaway>p:not(.eyebrow){font-family:Sora,sans-serif;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.5;letter-spacing:-.04em;max-width:900px;margin:24px 0 30px}.story-takeaway .text-link{color:#fff;gap:30px;font-size:14px}.story-takeaway .text-link:hover{color:#bac9e8}.story-next{padding-top:60px;padding-bottom:80px;display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.story-next>a:last-child{max-width:58%}.story-next>a:last-child>span:last-child{font-family:Sora,sans-serif;display:flex;gap:25px;justify-content:space-between;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.35;letter-spacing:-.045em;margin-top:18px}.story-next i{font-style:normal}.story-next>a:hover{color:var(--blue)}
@media(max-width:1100px){.experience-story{gap:6%}.experience-copy h3{font-size:34px}.experience-art{padding:20px}.experience-art-caption{font-size:9px}.experience-kicker{gap:15px}.hero-actions .text-link{font-size:12px;gap:12px}.story-hero h1{font-size:46px}.story-body{gap:7%}}
@media(max-width:760px){.experience-toolbar{font-size:8px;letter-spacing:.035em;gap:10px}.experience-story{grid-template-columns:1fr;gap:30px;padding:32px 0}.experience-kicker{margin-bottom:19px}.experience-kicker .eyebrow{font-size:9px}.experience-copy h3{font-size:clamp(1.9rem,7.6vw,2.8rem);max-width:550px;margin-bottom:18px}.experience-summary{font-size:15px;line-height:1.7;margin-bottom:20px}.experience-art{padding:20px}.experience-diagram{height:240px}.experience-art-caption{font-size:10px}.experience-end{display:block;padding-top:28px}.experience-end p{font-size:17px;margin-bottom:20px}.experience-end .button{font-size:12px;gap:16px;padding-inline:20px}.hero-actions{flex-wrap:wrap}.hero-actions .text-link{font-size:12px;gap:12px}.story-hero{grid-template-columns:1fr;padding:35px 0 40px;gap:32px}.story-hero h1{font-size:clamp(2.3rem,9vw,3.8rem)}.story-hero .lead{font-size:17px}.story-body{grid-template-columns:1fr;gap:32px}.story-context h2{font-size:32px}.story-context>p:last-child{max-width:500px}.story-steps article{gap:20px}.story-steps h2{font-size:23px}.story-steps p{font-size:15px}.story-takeaway{padding:30px 24px}.story-takeaway>p:not(.eyebrow){font-size:23px}.story-next{display:block;padding:40px 0 55px}.story-next>a:last-child{display:block;max-width:100%;margin-top:35px}.story-next>a:last-child>span:last-child{font-size:26px}}
@media(prefers-reduced-motion:reduce){.experience-art *{animation:none!important;transition:none!important}}