.tick-page{--blue:#3151e8;--ink:#19232d;background:#fff;color:var(--ink)}.tick-page .header{background:#fff}.tick-page .header nav{font-size:.875rem}.tick-page .header-code{font-size:.75rem}
.tick-hero{background:var(--blue);color:#fff;min-height:calc(86svh - 5.8rem);padding:1.6rem clamp(1.2rem,3.5vw,4rem) 3.2rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.tick-meta,.tick-section-head,.tick-section-index,.tick-end{font:400 .8125rem var(--mono);letter-spacing:.025em}.tick-meta{display:flex;justify-content:space-between;gap:1rem;line-height:1.6}.tick-meta a:focus-visible{outline-color:#fff}.tick-identity{display:flex;align-items:center;gap:clamp(1.5rem,4vw,5rem);margin:4rem 0}.tick-identity img{width:clamp(7rem,18vw,21rem);height:auto;border-radius:22%;flex:none}.tick-identity h1{font:700 clamp(5rem,23vw,27rem)/.85 Space,sans-serif;letter-spacing:-.08em;margin:0}.tick-identity h1 span{font-family:Instrument,Georgia,serif;font-weight:400}.tick-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem}.tick-hero-bottom>p{font-size:clamp(1.75rem,3vw,3.5rem);line-height:1.12;letter-spacing:-.055em;margin:0}.tick-hero-bottom>div{text-align:right;font-size:.875rem;line-height:1.7}.tick-hero-bottom small{font-size:.8125rem;display:block;margin-top:.5rem;color:#dfe6ff}
.tick-stage{padding:2.1rem clamp(1.2rem,3.5vw,4rem) clamp(4rem,7vw,8rem);background:#edf1f8}.tick-section-head{display:flex;justify-content:space-between;gap:1.5rem;color:var(--blue);line-height:1.6}.tick-section-head>span:last-child{text-align:right}.tick-heading-row{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:end;margin:clamp(3rem,5vw,6rem) 0 3.5rem}.tick-heading-row h2,.tick-details h2,.tick-connections h2{font-size:clamp(2.7rem,5.4vw,6.5rem);font-weight:400;line-height:1;letter-spacing:-.065em;margin:0}.tick-heading-row h2 em,.tick-details h2 em,.tick-connections h2 em{font-family:Instrument,Georgia,serif;font-weight:400}.tick-heading-row p,.tick-details p,.tick-connections p{font-size:1.0625rem;line-height:1.75;margin:0 0 1rem;max-width:37rem}.tick-heading-row p:last-child,.tick-connections p:last-child{margin-bottom:0}.tick-stage .product-demo{max-width:1440px;margin:auto}.tick-details,.tick-connections{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;padding:clamp(4rem,8vw,8rem) clamp(1.2rem,3.5vw,4rem);background:#fff}.tick-details{border-bottom:1px solid #dbe2ec}.tick-section-index{color:var(--blue)}.tick-details h2,.tick-connections h2{margin:2.5rem 0 2rem}.tick-details>div:last-child{align-self:center}.tick-note{font-size:.875rem!important;color:#536071}.tick-services{align-self:center}.tick-services>div{padding:1.5rem 0;border-top:1px solid #d9e0ea}.tick-services>div:last-child{border-bottom:1px solid #d9e0ea}.tick-services span{display:block;font-size:.75rem;letter-spacing:.08em;color:#6b829c;margin-bottom:.7rem}.tick-services strong{font-size:1rem;font-weight:400;line-height:1.6}.tick-end{padding:1.8rem clamp(1.2rem,3.5vw,4rem);border-top:1px solid #dbe2ec;display:flex;justify-content:space-between;gap:1rem;line-height:1.6}.tick-end a{color:var(--blue)}.demo-fallback{padding:2rem;font-size:1rem;line-height:1.7}
.project-tick .project-media{grid-column:1;mix-blend-mode:normal}.project-tick .project-copy{grid-column:2}.project-tick .project-band{background:#3151e8}.project-tick .project-meta,.project-tick .project-open{font-size:.8125rem}.project-tick .project-copy h2{font-size:clamp(6.5rem,14vw,17rem)}.project-asterism .project-media{mix-blend-mode:normal}
@media(max-width:700px){.tick-hero{min-height:calc(76svh - 5.6rem);padding-top:1rem;padding-bottom:2.3rem}.tick-meta{font-size:.75rem}.tick-meta>span{max-width:66%;text-align:right}.tick-identity{margin:4rem 0;gap:4vw}.tick-identity img{width:25vw}.tick-identity h1{font-size:23vw}.tick-hero-bottom{display:block}.tick-hero-bottom>p{font-size:2rem}.tick-hero-bottom>div{text-align:left;margin-top:2rem}.tick-section-head{font-size:.75rem;gap:1rem}.tick-section-head>span:last-child{max-width:50%}.tick-heading-row,.tick-details,.tick-connections{grid-template-columns:1fr;gap:1.8rem}.tick-heading-row{margin:3rem 0 2rem}.tick-heading-row h2,.tick-details h2,.tick-connections h2{font-size:clamp(2.6rem,10vw,4rem)}.tick-heading-row p,.tick-details p,.tick-connections p{font-size:1rem}.tick-details h2,.tick-connections h2{margin:1.8rem 0 1.4rem}.tick-end{font-size:.75rem;flex-wrap:wrap}}
@media(max-width:650px){.project-tick .project-media{order:1;height:clamp(32rem,70svh,37rem);padding:3.8rem 1.2rem 1.2rem}.project-tick .project-copy{order:2}.project-tick .project-copy h2{font-size:30vw}.project-tick .project-meta,.project-tick .project-open{font-size:.75rem}.project-asterism .project-media{height:clamp(33rem,72svh,39rem)}}
