.intro{align-items:center;gap:24px;padding:52px 0 80px;display:flex}.portrait{flex:none;width:120px;height:120px;position:relative}.portrait svg{pointer-events:none;width:180px;height:180px;position:absolute;inset:-30px}.portrait img{object-fit:cover;border-radius:50%;width:120px;height:120px;position:relative}.home-page h1{letter-spacing:-.015em;margin:0;font-size:32px;font-weight:400;line-height:1.22}.doors{grid-template-columns:1fr 1fr;gap:16px;padding-bottom:52px;display:grid}.door{min-height:210px;color:var(--ink);flex-direction:column;justify-content:space-between;gap:20px;padding:26px;text-decoration:none;display:flex;position:relative;overflow:hidden}.door>div,.door>span{z-index:1;position:relative}.door .decoration{pointer-events:none;width:150px;height:150px;position:absolute;bottom:0;right:0}.door h2{margin:8px 0;font-size:26px;font-weight:400;line-height:1.2}.door p{margin:0;font-size:15px}.read{background:var(--paper-sunken);border-radius:20px}[data-brand=syloper]{font-family:var(--syloper-font);color:var(--syloper-slate)}[data-brand=syloper] :is(h2,h3,p,.eyebrow,.link-mono){font-family:var(--syloper-font)}[data-brand=syloper] :is(h2,h3){color:var(--syloper-slate);letter-spacing:-.01em;overflow-wrap:anywhere;font-weight:700}[data-brand=syloper] .eyebrow{color:var(--syloper-green-deep);letter-spacing:.1em;font-weight:600}[data-brand=syloper] p{color:var(--syloper-slate-soft)}[data-brand=syloper] .link-mono{color:var(--syloper-green-deep);letter-spacing:0;font-size:14px;font-weight:600}[data-brand=syloper] a:focus-visible,.door[data-brand=syloper]:focus-visible{outline:3px solid var(--syloper-green-dark);outline-offset:4px;border-radius:8px}.work{background:var(--syloper-mint);border:1px solid var(--syloper-mint-strong);border-radius:20px}.work .decoration path{fill:none;stroke-width:6px;stroke-linejoin:round}.work .decoration{width:104px;height:104px;bottom:-6px;right:-6px}.work>div p{padding-right:72px}.work .diamond-a{stroke:var(--syloper-green)}.work .diamond-b{stroke:var(--syloper-slate)}.work h2{font-size:24px;font-weight:700}.door:hover .link-mono{text-decoration:underline}.home-page section{border-top:1px solid var(--rule);padding:52px 0;scroll-margin-top:20px}.home-page section h2{letter-spacing:-.02em;margin:6px 0;font-size:30px;font-weight:400}.section-subtitle{color:var(--ink-soft);margin:0 0 24px}.home-page section[data-brand=syloper]{background:var(--syloper-surface);border:0;border-radius:20px;margin-bottom:52px;padding:44px 36px}.home-page section[data-brand=syloper] h2{letter-spacing:-.015em;font-weight:700}.brand-mark{width:132px;height:32px;margin-bottom:28px;display:block}.home-page section[data-brand=syloper] .section-subtitle{color:var(--syloper-slate-soft)}.service-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.service-card{background:var(--syloper-card);border:1px solid var(--syloper-line);border-radius:20px;flex-direction:column;min-width:0;padding:24px;display:flex}.service-card h3{margin:8px 0;font-size:18px;line-height:1.3}.service-card p{flex:1;margin:0 0 16px;font-size:14px;line-height:1.6}.service-card .link-mono{align-self:flex-start;padding-block:8px}.workflow-title{margin:40px 0 20px;font-size:22px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.number{font-family:var(--syloper-font);color:var(--syloper-green-dark);font-size:40px;font-weight:700;line-height:1;display:block}.steps h3{margin:8px 0 4px;font-size:17px;line-height:1.3}.steps p{margin:0;font-size:14px;line-height:1.6}.syloper{background:var(--syloper-slate);color:var(--syloper-card);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:40px;padding:28px;display:grid}[data-brand=syloper] .syloper h3{color:var(--syloper-card);margin:0 0 8px;font-size:20px}[data-brand=syloper] .syloper p{color:var(--syloper-mint-strong);margin:0;font-size:14px}[data-brand=syloper] .syloper a{background:var(--syloper-green);color:var(--syloper-slate);text-align:center;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}[data-brand=syloper] .syloper a:hover{background:var(--syloper-mint-strong)}[data-brand=syloper] .syloper a:focus-visible{outline-color:var(--syloper-mint-strong)}.articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.all-articles{margin:20px 0 0}.contact{width:min(var(--shell-wide), calc(100% - 36px));margin:auto}.home-page .contact{background:var(--ink);color:var(--paper);border-top:0;border-radius:24px;padding:56px 0}.contact h2{margin:0 0 10px;font-size:34px}.contact p{color:var(--paper-soft);max-width:30em;margin:0 0 22px}.contact-actions{gap:10px;display:flex}.contact .btn{background:var(--paper);color:var(--ink)}.contact .ghost{color:var(--paper);border:1px solid var(--paper-outline);background:0 0}.contact :focus-visible{outline-color:var(--rule-strong)}@media (width<=760px){.intro{flex-direction:column;align-items:flex-start;gap:16px;padding:32px 0 52px}.portrait,.portrait img{width:88px;height:88px}.portrait svg{width:132px;height:132px;inset:-22px}.home-page h1{font-size:24px}.doors,.service-cards,.steps,.articles,.syloper{grid-template-columns:1fr}.door{min-height:170px;padding:22px}.door h2{font-size:22px}.home-page section{padding:40px 0}.home-page section h2{font-size:26px}.steps{gap:18px}.syloper{padding:22px}.home-page section[data-brand=syloper]{border-radius:16px;padding:32px 18px}.brand-mark{margin-bottom:22px}.contact{border-radius:16px}.contact h2{font-size:28px}.contact-actions{flex-direction:column}.contact .btn{width:100%;display:block}}