.services-page{padding-bottom:10px}.service-sections{flex-wrap:wrap;justify-content:center;gap:12px 24px;display:flex}.service-sections a{color:var(--accent);padding:6px 0;font-size:12px}.service-sections a:hover{text-underline-offset:5px;text-decoration:underline}.services-section-heading{max-width:680px;margin:0 0 36px}.services-section-heading h2{letter-spacing:-.055em;margin:22px 0 18px;font-size:clamp(32px,4.5vw,50px);font-weight:500;line-height:1.08}.services-section-heading h2 em{color:var(--muted)}.services-section-heading>p{color:var(--muted);max-width:620px;font-size:15px;line-height:1.8}.portfolio-service-section,.portfolio-product-section,.portfolio-service-process{margin-bottom:90px;scroll-margin-top:90px}.portfolio-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.portfolio-service{border:1px solid var(--line);background:var(--desktop-glass);border-radius:18px;flex-direction:column;min-width:0;scroll-margin-top:90px;display:flex;overflow:hidden}.portfolio-service-copy{flex:1;padding:30px}.portfolio-service-copy>small{color:var(--muted);font:10px Geist Mono,monospace}.portfolio-service h3{letter-spacing:-.05em;margin:18px 0 14px;font-size:25px;font-weight:500;line-height:1.15}.portfolio-service p{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.8}.portfolio-service ul{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.portfolio-service li{border-top:1px solid var(--line);padding-top:10px;font-size:12px;line-height:1.5}.portfolio-service li:before{content:"↗";color:var(--accent);margin-right:9px}.service-real-example{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin:0 12px 12px;display:block;overflow:hidden}.service-real-example>.titlebar{background:var(--desktop-silver);gap:10px;height:30px;padding:0 36px;font-size:9px}.service-real-example>.titlebar>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-real-example>.titlebar>span:last-child{position:absolute;right:12px}.service-real-example .dots{gap:4px;top:11px;left:8px}.service-real-example .dots i{width:7px;height:7px}.service-real-example>img{aspect-ratio:16/9;object-fit:contain;background:#fff;width:100%;height:auto;display:block}:root[data-theme=dark] .service-real-example>img{background:#1e232a}.portfolio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px;display:grid}.portfolio-product{min-width:0;scroll-margin-top:90px}.product-thumbnail{aspect-ratio:3/2;border:1px solid var(--line);background:#edf2f3;border-radius:22px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff8,0 8px 24px #00000012}:root[data-theme=dark] .product-thumbnail{background:#515353;box-shadow:inset 0 1px #64748c88,0 8px 24px #00000012}.product-scene{object-fit:cover;width:100%;height:100%;display:block}.product-screen{background:#fff;border:4px solid #e7e9e9;border-radius:12px;transition:rotate .25s,transform .25s;position:absolute;top:16%;left:8%;right:8%;overflow:hidden;rotate:-2deg;box-shadow:0 14px 28px #0003}:root[data-theme=dark] .product-screen{background:#1e232a;border:4px solid #414b5a;box-shadow:0 14px 28px #0003}.servicebook .product-screen,.ozone .product-screen{rotate:2deg}.product-screen>.titlebar{background:var(--desktop-silver);white-space:nowrap;border:0;height:28px;padding-inline:38px;font-size:9px;overflow:hidden}.product-screen .dots{gap:4px;top:10px;left:8px}.product-screen .dots i{width:8px;height:8px}.product-window-arrow{position:absolute;right:10px}.product-screen>img{aspect-ratio:16/9;object-fit:contain;background:#fff;width:100%;height:auto;display:block}:root[data-theme=dark] .product-screen>img{background:#1e232a}.product-thumbnail:hover .product-screen{transform:translateY(-3px)}.product-thumbnail:focus-visible{outline-offset:5px;outline:3px solid #0782ff}:root[data-theme=dark] .product-thumbnail:focus-visible{outline:3px solid #2d7dce}.portfolio-product-copy{padding:23px 5px 0}.product-category{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.product-category small{color:var(--accent);font-size:10px}.product-category>span{color:var(--muted);font-size:9px}.portfolio-product h3{letter-spacing:-.055em;margin:13px 0;font-size:27px;font-weight:500;line-height:1.15}.portfolio-product p{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:1.8}.product-feature-tags{flex-wrap:wrap;gap:6px;display:flex}.product-feature-tags>span{color:var(--muted);border:1px solid var(--line);background:var(--desktop-glass);border-radius:5px;padding:5px 8px;font-size:10px}.product-links{flex-wrap:wrap;gap:22px;margin-top:9px;display:flex}.portfolio-product:last-child{grid-column:1/-1;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;display:grid}.portfolio-product:last-child .portfolio-product-copy{padding:0}.portfolio-service-process{border-top:1px dotted var(--line);padding-top:55px}.portfolio-service-process ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:0;list-style:none;display:grid}.portfolio-service-process li{border-top:1px solid var(--line);padding-top:18px}.portfolio-service-process li>small{color:var(--muted);font:10px Geist Mono,monospace}.portfolio-service-process h3{margin:18px 0 12px;font-size:18px;font-weight:500}.portfolio-service-process li>p,.services-personal-scope{color:var(--muted);font-size:12px;line-height:1.8}.services-personal-scope{max-width:620px;margin-top:30px}@media (width<=760px){.portfolio-service-grid,.portfolio-product-grid{grid-template-columns:1fr;gap:28px}.portfolio-service-copy{padding:24px}.services-section-heading{margin-bottom:28px}.portfolio-service-section,.portfolio-product-section,.portfolio-service-process{margin-bottom:60px}.portfolio-product:last-child{grid-column:auto;display:block}.portfolio-product:last-child .portfolio-product-copy{padding:23px 5px 0}.portfolio-service-process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-screen{border-width:3px;border-radius:9px}.product-screen>.titlebar{height:25px;font-size:8px}.product-screen .dots{top:9px}.product-screen .dots i{width:7px;height:7px}.portfolio-product h3{font-size:25px}.portfolio-product p{font-size:13px}.service-sections{gap:8px 16px}}@media (prefers-reduced-motion:reduce){.product-screen{transition:none}.product-thumbnail:hover .product-screen{transform:none}}.motion-paused .product-screen{transition:none}.motion-paused .product-thumbnail:hover .product-screen{transform:none}