.web-page{background:#0c0914}.web-breadcrumb{color:#bcaace;padding-top:26px;font-size:.8125rem}.web-breadcrumb ol{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.web-breadcrumb li+li:before{content:"/";color:#756386;margin-right:10px}.web-breadcrumb li{line-height:32px}.web-breadcrumb a{color:#e1d1ef;text-underline-offset:4px;align-items:center;min-height:32px;text-decoration:underline;display:inline-flex}.web-hero{grid-template-columns:1fr 1fr;align-items:center;gap:0 48px;padding-top:60px;padding-bottom:50px;display:grid}.web-hero-copy{z-index:1;position:relative}.web-hero h1{letter-spacing:-.06em;margin-top:22px;font-size:clamp(3rem,1rem + 4.9vw,5.4rem);font-weight:500;line-height:1.06}.web-hero h1 span{color:#e0b7f7;-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#c8b2ff,#e6b5f2 55%,#ffab91);-webkit-background-clip:text;background-clip:text;display:block}.web-lead{color:#c4b7d1;text-wrap:pretty;max-width:53ch;margin-top:26px;font-size:clamp(1.0625rem,1rem + .2vw,1.25rem);line-height:1.85}.web-hero-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:32px;display:flex}.web-hero-art{min-width:0;margin:36px 0 0;padding:22px 8px 25px;position:relative}.web-hero-art:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#7c42b630,#0000 65%);position:absolute;inset:-30% -25%}.web-browser{transform-origin:50% 45%;transform:perspective(1300px) rotateX(calc(6deg + var(--card-x,0deg))) rotateY(calc(-12deg + var(--card-y,0deg))) rotateZ(-3deg);background:#241733;border:1px solid #c4a4e15c;border-radius:12px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:2px 4px #573b73,5px 8px #3c2853,9px 13px #2e1d42,22px 42px 70px -10px #0009}.web-browser-bar{color:#d4bedf;align-items:center;gap:16px;padding:16px;font-size:.75rem;line-height:1.4;display:flex}.web-browser-lights{gap:5px;display:flex}.web-browser-lights i{background:#8c6ea4;border-radius:50%;width:6px;height:6px}.web-browser-lights i:first-child{background:var(--coral)}.web-browser-tag{color:#bba4ce;margin-left:auto;font-size:.6875rem}.web-browser>a{background:#1d122c;display:block}.web-browser img{aspect-ratio:1265/712;width:100%;height:auto}.web-browser-foot{color:#cfb8e2;letter-spacing:.08em;justify-content:space-between;gap:15px;padding:16px;font-size:.6875rem;display:flex}.web-hero-art figcaption{color:#b6a5c7;gap:10px;margin:36px 0 0 15px;font-size:.875rem;line-height:1.6;display:grid}.web-hero-art figcaption a{color:#ead6ff;border-bottom:1px solid #9b72b955;align-items:center;gap:14px;width:fit-content;padding-block:4px;display:inline-flex}.web-hero-art figcaption .arrow{width:18px;height:18px}.web-hero-strip{border-top:1px solid var(--line);color:#bdaace;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:20px;margin:60px 0 0;padding:27px 0 0;font-size:.875rem;list-style:none;display:grid}.web-hero-strip li:before{content:"↗";color:var(--coral);margin-right:12px}.web-section{padding-block:95px 100px}.web-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-right:10px;display:grid}.web-format{background:linear-gradient(150deg,#38254b,#20162e 70%);border:1px solid #bc97d65c;border-radius:3px;min-width:0;padding:30px;position:relative;box-shadow:7px 9px #49315f,8px 10px #9e71bd66,16px 28px 40px -18px #0009}.web-format:nth-child(2){background:linear-gradient(150deg,#3b283c,#21162a 70%);box-shadow:7px 9px #5a354e,8px 10px #c47d8c66,16px 28px 40px -18px #0009}.web-format-top{color:#ffb399;letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.web-format-top .arrow{width:22px;height:22px}.web-format h3{letter-spacing:-.04em;margin-top:35px;font-size:clamp(1.75rem,1.2rem + 1vw,2.125rem);font-weight:500;line-height:1.2}.web-format .web-format-intro{color:#e4cef3;margin-top:16px;font-weight:600}.web-format p{color:#c7b9d2;text-wrap:pretty;margin-top:14px;font-size:1rem;line-height:1.8}.web-format ul{border-top:1px solid var(--line);color:#e0cce9;gap:12px;margin:25px 0 0;padding:22px 0 0;font-size:.9375rem;line-height:1.6;list-style:none;display:grid}.web-format li{gap:10px;display:flex}.web-format li:before{content:"+";color:#ffb399;flex:none}.web-foundations{background:radial-gradient(at 0,#5c2f7325,#0000 60%)}.web-foundations-layout{grid-template-columns:.85fr 1.3fr;gap:80px;display:grid}.web-section-copy{max-width:36ch;color:var(--muted);margin-top:25px;font-size:1.0625rem;line-height:1.85}.web-foundations-layout>div>.text-link{margin-top:22px}.web-foundations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 38px;display:grid}.web-foundations-grid article{border-top:1px solid var(--line);padding-top:20px}.web-detail-number{color:#c2a1e2;letter-spacing:.1em;font-size:.75rem}.web-foundations-grid h3{letter-spacing:-.03em;margin-top:17px;font-size:1.375rem;font-weight:500;line-height:1.3}.web-foundations-grid p{color:var(--muted);margin-top:14px;font-size:1rem;line-height:1.8}.web-projects .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:20px 16px 18px}.web-projects .project-note{padding-inline:16px}.web-projects .project-meta{gap:12px}.web-projects .project h3{font-size:26px}.web-projects .project-category{font-size:.6875rem;line-height:1.6}.web-projects .project-description{font-size:1rem}.web-projects .project-visit{flex:none;width:35px;height:35px}.web-projects .browser-dots span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.web-process{padding-top:95px}.web-faq{padding-top:20px}.web-faq .faq-list>details>summary{padding-inline:12px;font-size:1.0625rem;line-height:1.6}.web-faq summary:focus-visible{outline-offset:-4px;border-radius:3px}.web-faq .faq-list details>p{padding-top:8px}.web-back-link{color:#cdb7e1;border-bottom:1px solid #80668e;margin-top:32px;padding-block:8px;font-size:.9375rem;display:inline-block}@media (width<=1100px){.web-hero{gap:0 32px}.web-hero h1{font-size:clamp(3rem,1rem + 4.7vw,4.5rem)}.web-hero-actions{gap:12px 20px}.web-hero-actions .button,.web-hero-actions .text-link{font-size:.9375rem}.web-format{padding:25px}.web-foundations-layout{gap:45px}.web-foundations-grid{gap:30px}.web-projects .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}}@media (width<=1000px){.web-hero{grid-template-columns:1fr;padding-top:45px}.web-hero-copy{max-width:760px}.web-hero h1{font-size:clamp(3rem,1rem + 6.5vw,5rem)}.web-hero-art{justify-self:center;width:100%;max-width:760px;margin-top:36px;padding-inline:22px}.web-formats{grid-template-columns:1fr;gap:30px}.web-format{grid-template-columns:1fr 1fr;column-gap:35px;padding:30px;display:grid}.web-format-top{grid-column:1/-1}.web-format h3,.web-format .web-format-intro,.web-format>p:not(.web-format-intro){grid-column:1}.web-format ul{border-top:0;border-left:1px solid var(--line);grid-area:2/2/5;align-content:center;margin-top:20px;padding-top:0;padding-left:30px}.web-foundations-layout{grid-template-columns:1fr}.web-section-copy{max-width:55ch}}@media (width<=760px){.web-breadcrumb{padding-top:22px;font-size:.75rem}.web-hero{padding-top:33px;padding-bottom:44px}.web-hero h1{margin-top:21px;font-size:clamp(2.75rem,1.5rem + 6vw,4.75rem)}.web-lead{margin-top:24px;font-size:1.0625rem}.web-hero-actions{gap:17px;margin-top:27px}.web-hero-art{margin-top:36px;padding:12px 9px 18px}.web-browser{transform:perspective(1000px)rotateY(-5deg)rotate(-2deg)}.web-browser-bar{gap:10px;padding:11px;font-size:.6875rem}.web-browser-tag{display:none}.web-browser-foot{letter-spacing:.035em;gap:10px;padding:11px;font-size:.625rem}.web-hero-art figcaption{margin-top:27px;margin-left:2px;font-size:.8125rem}.web-hero-strip{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:30px;font-size:.8125rem}.web-hero-strip li:before{margin-right:7px}.web-section{padding-block:62px 68px}.web-section .section-intro{margin-bottom:38px}.web-format{padding:25px;display:block}.web-format h3{margin-top:25px}.web-format ul{border-left:0;border-top:1px solid var(--line);margin-top:24px;padding:20px 0 0}.web-foundations-grid{gap:30px 24px}.web-foundations-grid h3{font-size:1.25rem}.web-foundations-grid p{font-size:.9375rem}.web-projects .projects-grid{grid-template-columns:1fr;gap:48px;padding-inline:14px}.web-projects .project h3{font-size:25px}.web-process{padding-top:65px}.web-faq{padding-top:0}}@media (width<=400px){.web-foundations-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.web-browser{transition:none;transform:rotate(-2deg)}}