/* debuggingblog.com theme "aperture" (2026-11-02): style + layout, CSS only (HTML/text unchanged). Bespoke design (owner request 2026-11-02: new page structure, modern); own palette, fonts, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */ @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Sarabun";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/sarabun-600-thai.woff2) format("woff2");unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC} @font-face{font-family:"Sarabun";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/sarabun-600-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Sarabun";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/sarabun-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Sarabun";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/sarabun-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sarabun-700-thai.woff2) format("woff2");unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC} @font-face{font-family:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sarabun-700-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sarabun-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Sarabun";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/sarabun-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:"Sarabun";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sarabun-800-thai.woff2) format("woff2");unicode-range:U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC} @font-face{font-family:"Sarabun";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sarabun-800-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} @font-face{font-family:"Sarabun";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sarabun-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:"Sarabun";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/sarabun-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* debuggingblog.com — «Aperture»: a lens that focuses on the failing frame of a call stack. Graphite ground, brass lens hardware, signal red = fault, clean green = fixed. Display: Sarabun; body: Inter. */ /* ---------- tokens & reset of theme-p110-aperture quirks ---------- */ html:has(>body.theme-p110-aperture){overflow-x:clip;background:#16171b} body.theme-p110-aperture{--bg:#16171b!important;--ink:#efe9dd!important;--accent:#c8a15a!important; --g1:#1d1f24;--g2:#25272d;--line:#33363e;--brass:#c8a15a;--brass-hi:#ecd194;--red:#ff5d4f;--green:#4fd08b;--ivory:#efe9dd;--muted:#b3afa6; --lang-radius:999px;--nav-radius:999px;--nav-accent:#ecd194; background:#16171b;color:var(--ivory);overflow-x:clip} body.theme-p110-aperture .workspace,body.theme-p110-aperture .feature-definitions>div{transform:none} body.theme-p110-aperture .closing{border-radius:0} body.theme-p110-aperture :is(.hero-lead,.cards p,.steps p,.split-section p,.faq p,.privacy p,.large,.feature-matrix>p,.sticky-example>p,.footer-top p,.footer-bottom,.main-nav a){opacity:1} body.theme-p110-aperture :is(h1,h2,h3){font-family:Sarabun,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;color:#f6f1e6;hyphens:manual;overflow-wrap:break-word;letter-spacing:-.02em} body.theme-p110-aperture h2{font-size:clamp(34px,3.6vw,54px);line-height:1.04} body.theme-p110-aperture h3{font-weight:600;line-height:1.12} body.theme-p110-aperture a:focus-visible,body.theme-p110-aperture button:focus-visible,body.theme-p110-aperture summary:focus-visible,body.theme-p110-aperture select:focus-visible{outline:3px solid var(--brass-hi);outline-offset:4px} html:is([lang=ru],[lang=uk],[lang=ar],[lang=ja],[lang=ko],[lang=hi]) body.theme-p110-aperture :is(h1,h2,h3,summary,.cards h3,.closing h2){font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em} html:is([lang=ru],[lang=uk],[lang=ar],[lang=ja],[lang=ko],[lang=hi]) body.theme-p110-aperture h1{line-height:1.1} /* ---------- header: lens-scale bar ---------- */ body.theme-p110-aperture .header{position:relative;z-index:6;min-height:78px;border-bottom:0;gap:28px} body.theme-p110-aperture .header::after{content:"";position:absolute;inset-inline:0;bottom:0;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 22%22 preserveAspectRatio=%22none%22%3E%3Crect x=%220%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%228%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2216%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2224%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2232%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2240%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2248%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%2256%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2264%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2272%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2280%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2288%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2296%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22104%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22112%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22120%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22128%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22136%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22144%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22152%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22160%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22168%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22176%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22184%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22192%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22200%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22208%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22216%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22224%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22232%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3C/svg%3E") repeat-x 0 0/240px 10px;opacity:.5;pointer-events:none} body.theme-p110-aperture .header .brand{font-family:Sarabun,Inter,sans-serif;font-weight:700;font-size:26px;letter-spacing:0;color:var(--ivory);gap:11px;white-space:nowrap} body.theme-p110-aperture .header .brand-symbol{width:40px;height:40px;padding:0;border-radius:50%;background:none;box-shadow:0 0 0 1px #3a3d45,0 6px 18px -6px #c8a15a80} body.theme-p110-aperture .brand-symbol svg{display:block;width:100%;height:100%} body.theme-p110-aperture .main-nav{gap:4px;padding:5px;border-radius:999px;background:#1d1f24d9;border:1px solid #34373f;box-shadow:inset 0 1px 0 #ffffff0d;font-size:15px;font-weight:600} body.theme-p110-aperture .main-nav a{padding:7px 16px;border-radius:999px;color:#d4cfc4} @media(min-width:761px){body.theme-p110-aperture .main-nav a{font-variant-caps:all-small-caps;letter-spacing:.04em}} body.theme-p110-aperture .main-nav a:hover,body.theme-p110-aperture .main-nav a[aria-current]{background:#2c2e35;color:var(--brass-hi);text-decoration:none} body.theme-p110-aperture .header .language{color:var(--ivory);background:#1d1f24d9;border-color:#3a3d45} /* ---------- shared: blurred stack field behind heroes ---------- */ body.theme-p110-aperture .hero{isolation:isolate} body.theme-p110-aperture .hero::before{content:"";position:absolute;z-index:-2;top:-78px;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw); background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 760%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect x=%2220%22 y=%220%22 width=%22128%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%2220%22 y=%2224%22 width=%22114%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2220%22 y=%2288%22 width=%22201%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%2220%22 y=%22112%22 width=%22105%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%2220%22 y=%22136%22 width=%22191%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%2220%22 y=%22160%22 width=%22124%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2220%22 y=%22184%22 width=%22233%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%2220%22 y=%22208%22 width=%22230%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%2220%22 y=%22232%22 width=%22226%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%2236%22 y=%22256%22 width=%22206%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2236%22 y=%22280%22 width=%22152%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%2252%22 y=%22304%22 width=%22204%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2220%22 y=%22368%22 width=%22197%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%2220%22 y=%22392%22 width=%22197%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%2220%22 y=%22416%22 width=%22236%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2236%22 y=%22440%22 width=%22238%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%2220%22 y=%22464%22 width=%22211%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%2236%22 y=%22488%22 width=%22204%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2220%22 y=%22552%22 width=%22208%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2220%22 y=%22576%22 width=%22145%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%2220%22 y=%22600%22 width=%22217%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%2236%22 y=%22624%22 width=%22125%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%2252%22 y=%22648%22 width=%22181%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%2220%22 y=%22712%22 width=%22128%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%2220%22 y=%22736%22 width=%22240%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22348%22 y=%223%22 width=%22246%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22348%22 y=%2227%22 width=%22233%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22348%22 y=%2291%22 width=%22252%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22348%22 y=%22115%22 width=%22202%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22348%22 y=%22179%22 width=%22235%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22364%22 y=%22203%22 width=%22108%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22364%22 y=%22227%22 width=%22178%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22348%22 y=%22251%22 width=%22209%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22348%22 y=%22275%22 width=%22177%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22348%22 y=%22299%22 width=%22142%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22348%22 y=%22323%22 width=%22166%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22364%22 y=%22347%22 width=%22132%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22380%22 y=%22371%22 width=%22246%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22396%22 y=%22395%22 width=%22148%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22412%22 y=%22419%22 width=%2297%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22412%22 y=%22443%22 width=%22178%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22428%22 y=%22467%22 width=%22183%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22428%22 y=%22491%22 width=%22176%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22412%22 y=%22515%22 width=%22257%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22396%22 y=%22539%22 width=%22120%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22396%22 y=%22563%22 width=%22135%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22348%22 y=%22627%22 width=%22191%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22348%22 y=%22651%22 width=%22133%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%22364%22 y=%22675%22 width=%22127%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22380%22 y=%22699%22 width=%22230%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%22364%22 y=%22723%22 width=%22125%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22364%22 y=%22747%22 width=%22144%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22683%22 y=%220%22 width=%22156%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22683%22 y=%2224%22 width=%22180%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22699%22 y=%2248%22 width=%22218%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22683%22 y=%2272%22 width=%22136%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22683%22 y=%2296%22 width=%22211%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22699%22 y=%22120%22 width=%22225%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22683%22 y=%22144%22 width=%22104%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22683%22 y=%22168%22 width=%22219%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22683%22 y=%22192%22 width=%22246%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22699%22 y=%22216%22 width=%22212%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22715%22 y=%22240%22 width=%22141%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22699%22 y=%22264%22 width=%22170%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22683%22 y=%22328%22 width=%22167%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22683%22 y=%22352%22 width=%22254%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22683%22 y=%22376%22 width=%22146%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22699%22 y=%22400%22 width=%22260%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22715%22 y=%22424%22 width=%22193%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22731%22 y=%22448%22 width=%22183%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22747%22 y=%22472%22 width=%2294%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22763%22 y=%22496%22 width=%22106%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22763%22 y=%22520%22 width=%22116%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22747%22 y=%22544%22 width=%22136%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22763%22 y=%22568%22 width=%22156%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22763%22 y=%22592%22 width=%22112%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22763%22 y=%22616%22 width=%22108%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22747%22 y=%22640%22 width=%22111%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22731%22 y=%22664%22 width=%22176%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22747%22 y=%22688%22 width=%22101%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22747%22 y=%22712%22 width=%22136%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22763%22 y=%22736%22 width=%22142%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22945%22 y=%22-4%22 width=%2299%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%22945%22 y=%2220%22 width=%22152%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22961%22 y=%2244%22 width=%22229%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22977%22 y=%2268%22 width=%22148%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22977%22 y=%2292%22 width=%22178%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22945%22 y=%22156%22 width=%22155%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22945%22 y=%22180%22 width=%22187%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22945%22 y=%22244%22 width=%22137%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22945%22 y=%22268%22 width=%22174%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22961%22 y=%22292%22 width=%22136%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22945%22 y=%22316%22 width=%22218%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22945%22 y=%22380%22 width=%22112%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22945%22 y=%22404%22 width=%22166%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%22945%22 y=%22428%22 width=%22225%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22961%22 y=%22452%22 width=%22216%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22945%22 y=%22516%22 width=%22221%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22945%22 y=%22540%22 width=%22219%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22945%22 y=%22604%22 width=%22100%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22945%22 y=%22628%22 width=%22205%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22945%22 y=%22652%22 width=%2290%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22945%22 y=%22676%22 width=%22106%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%22945%22 y=%22700%22 width=%22150%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%22961%22 y=%22724%22 width=%22187%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%22977%22 y=%22748%22 width=%22247%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221243%22 y=%2219%22 width=%22235%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%221243%22 y=%2243%22 width=%22115%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221259%22 y=%2267%22 width=%22163%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221243%22 y=%2291%22 width=%22230%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221243%22 y=%22115%22 width=%2294%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221259%22 y=%22139%22 width=%22189%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221243%22 y=%22203%22 width=%22113%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221259%22 y=%22227%22 width=%22123%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221275%22 y=%22251%22 width=%22214%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%221259%22 y=%22275%22 width=%22205%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221259%22 y=%22299%22 width=%22186%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221243%22 y=%22363%22 width=%22176%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221243%22 y=%22387%22 width=%22164%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221259%22 y=%22411%22 width=%22240%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%221275%22 y=%22435%22 width=%22102%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221291%22 y=%22459%22 width=%22128%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221307%22 y=%22483%22 width=%22138%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221323%22 y=%22507%22 width=%22251%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221323%22 y=%22531%22 width=%22102%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221323%22 y=%22555%22 width=%22163%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221323%22 y=%22579%22 width=%22196%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221323%22 y=%22603%22 width=%22257%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221323%22 y=%22627%22 width=%22232%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221243%22 y=%22691%22 width=%22218%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221259%22 y=%22715%22 width=%22205%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221259%22 y=%22739%22 width=%22134%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221536%22 y=%2231%22 width=%22235%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221552%22 y=%2255%22 width=%22224%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221568%22 y=%2279%22 width=%22217%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221584%22 y=%22103%22 width=%22218%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221584%22 y=%22127%22 width=%22255%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221600%22 y=%22151%22 width=%2295%22 height=%2214%22 rx=%225%22 fill=%22%236e2c2a%22/%3E%3Crect x=%221616%22 y=%22175%22 width=%22215%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%221616%22 y=%22199%22 width=%22153%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%221616%22 y=%22223%22 width=%22117%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221536%22 y=%22287%22 width=%22122%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221536%22 y=%22311%22 width=%22167%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221552%22 y=%22335%22 width=%22118%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%221552%22 y=%22359%22 width=%22147%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%221568%22 y=%22383%22 width=%22161%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221568%22 y=%22407%22 width=%22150%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%221584%22 y=%22431%22 width=%22168%22 height=%2214%22 rx=%225%22 fill=%22%237a5f33%22/%3E%3Crect x=%221600%22 y=%22455%22 width=%22255%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221600%22 y=%22479%22 width=%22184%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221616%22 y=%22503%22 width=%22182%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221616%22 y=%22527%22 width=%22219%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%221616%22 y=%22551%22 width=%22139%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221616%22 y=%22575%22 width=%22165%22 height=%2214%22 rx=%225%22 fill=%22%232b2e35%22/%3E%3Crect x=%221616%22 y=%22599%22 width=%22147%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221600%22 y=%22623%22 width=%22127%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221584%22 y=%22647%22 width=%22126%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3Crect x=%221568%22 y=%22671%22 width=%22205%22 height=%2214%22 rx=%225%22 fill=%22%233a3d46%22/%3E%3Crect x=%221552%22 y=%22695%22 width=%22174%22 height=%2214%22 rx=%225%22 fill=%22%2333363e%22/%3E%3Crect x=%221536%22 y=%22759%22 width=%22260%22 height=%2214%22 rx=%225%22 fill=%22%232f3239%22/%3E%3C/svg%3E") center/cover no-repeat;filter:blur(5px);opacity:.8; -webkit-mask-image:linear-gradient(90deg,#0004 0,#0007 38%,#000 62%);mask-image:linear-gradient(90deg,#0004 0,#0007 38%,#000 62%);} body.theme-p110-aperture .hero::after{content:"";position:absolute;z-index:-1;top:-78px;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw); background:radial-gradient(closest-side at 74% 52%,#c8a15a30,#c8a15a00 75%),linear-gradient(180deg,#16171b00 62%,#16171b 100%),linear-gradient(90deg,#16171bcc 0,#16171b00 55%)} [dir=rtl] body.theme-p110-aperture .hero::after{background:radial-gradient(closest-side at 26% 52%,#c8a15a30,#c8a15a00 75%),linear-gradient(180deg,#16171b00 62%,#16171b 100%),linear-gradient(270deg,#16171bcc 0,#16171b00 55%)} /* pill label */ body.theme-p110-aperture .hero-copy .eyebrow,body.theme-p110-aperture .scenario .eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:10px;margin-bottom:26px;padding:6px 15px 6px 8px;border-radius:999px; background:#1d1f24e6;border:1px solid #3a3d45;color:var(--brass-hi);text-transform:none;letter-spacing:.01em;font-size:13.5px;font-weight:600} body.theme-p110-aperture .eyebrow i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#ff5d4f 0 3px,#0000 3.5px),#16171b;box-shadow:0 0 0 2px var(--brass)} /* buttons */ body.theme-p110-aperture .button{border-radius:999px;padding:15px 26px;font-size:15px;font-weight:650;gap:12px;letter-spacing:0} body.theme-p110-aperture .button.primary{background:#f1ebdf;color:#16171b;box-shadow:0 0 0 4px #16171b,0 0 0 5.5px var(--brass),0 18px 44px -14px #c8a15a99} body.theme-p110-aperture .button.primary:hover{background:#fff8ea} body.theme-p110-aperture .button.secondary{border:1px solid #4b4e57;background:#1d1f24cc;color:var(--ivory)} body.theme-p110-aperture .button.secondary:hover{border-color:var(--brass)} /* ---------- agent window ---------- */ body.theme-p110-aperture .agent-run{border:0;background:none;overflow:visible;position:relative;z-index:1;border-radius:16px;color:var(--ivory)} body.theme-p110-aperture .agent-run-bar{background:#26282e;border:1px solid #40434b;border-bottom-color:#33363e;border-radius:16px 16px 0 0;color:#d4cfc4;padding:13px 18px} body.theme-p110-aperture .agent-run-mode{color:var(--brass-hi)} body.theme-p110-aperture .agent-run-body{background:#1b1c21;border:1px solid #40434b;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 40px 70px -20px #000d,0 0 0 1px #00000040} body.theme-p110-aperture .agent-run-prompt span{background:#2c2f36;color:var(--ivory)} body.theme-p110-aperture .agent-run-steps li{background:#141519;border-color:#2f3239} body.theme-p110-aperture .ar-tool{color:var(--brass-hi)} body.theme-p110-aperture .agent-run-steps code{color:#ddd8cd} body.theme-p110-aperture .ar-res{color:#b3afa6;opacity:1} body.theme-p110-aperture .ar-res.ar-ok{color:var(--green)} body.theme-p110-aperture .ar-res:not(.ar-ok){color:#ff8278} body.theme-p110-aperture .agent-run-steps li:has(.ar-res:not(.ar-ok)){border-color:#ff5d4f66;border-inline-start:3px solid var(--red);background:#ff5d4f12} body.theme-p110-aperture .agent-run-foot>span:first-child{color:#b3afa6;opacity:1} body.theme-p110-aperture .ar-btn{border-color:#4b4e57;color:#ddd8cd} body.theme-p110-aperture .ar-btn.ar-btn-primary{background:var(--green);border-color:var(--green);color:#0f1a14} /* code blocks */ body.theme-p110-aperture .code-example{background:#121317;border:1px solid #30333a;border-radius:14px;color:#ddd8cd} body.theme-p110-aperture .code-example>div{background:#1a1b20;color:var(--brass-hi);font-weight:600} body.theme-p110-aperture .code-example button{background:#2c2f36;color:var(--ivory);border-radius:999px;padding:5px 12px} body.theme-p110-aperture .code-example pre{color:#ddd8cd} /* =================== HOME =================== */ body.theme-p110-aperture .home-hero{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:40px;align-items:center;min-height:670px;padding:30px 0 140px} body.theme-p110-aperture .home-hero .hero-copy{padding:0;order:0} body.theme-p110-aperture .home-hero h1{font-size:clamp(46px,5.1vw,74px);line-height:.98;margin-bottom:26px;max-width:600px} body.theme-p110-aperture .h1-mark{color:var(--brass-hi);padding:.04em .15em .08em;margin-inline:-.05em .02em;-webkit-box-decoration-break:clone;box-decoration-break:clone; background:linear-gradient(var(--brass),var(--brass)) left top/.34em 3px,linear-gradient(var(--brass),var(--brass)) left top/3px .34em, linear-gradient(var(--brass),var(--brass)) right top/.34em 3px,linear-gradient(var(--brass),var(--brass)) right top/3px .34em, linear-gradient(var(--brass),var(--brass)) left bottom/.34em 3px,linear-gradient(var(--brass),var(--brass)) left bottom/3px .34em, linear-gradient(var(--brass),var(--brass)) right bottom/.34em 3px,linear-gradient(var(--brass),var(--brass)) right bottom/3px .34em, linear-gradient(#c8a15a1c,#c8a15a1c);background-repeat:no-repeat} body.theme-p110-aperture .home-hero .hero-lead{max-width:500px;font-size:18px;line-height:1.65;color:#cdc8bd} body.theme-p110-aperture .home-hero .actions{margin-top:34px;gap:16px} body.theme-p110-aperture .home-hero .agent-run{width:min(412px,100%);justify-self:end;margin-inline-end:48px;align-self:center} body.theme-p110-aperture .home-hero .agent-run::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:860px;aspect-ratio:1;translate:-50% -50%; background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-360.0 -360.0 720 720%22%3E%3Cdefs%3E%3ClinearGradient id=%22br%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23f3d9a0%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23c8a15a%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%236f552c%22/%3E%3Cstop offset=%22.85%22 stop-color=%22%23dcbb76%22/%3E%3Cstop offset=%221%22 stop-color=%22%238d6c36%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22gl%22 cx=%22.45%22 cy=%22.4%22 r=%22.7%22%3E%3Cstop offset=%220%22 stop-color=%22%2322252c%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%2315161a%22/%3E%3Cstop offset=%221%22 stop-color=%22%230d0e11%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22bl%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%232f3239%22/%3E%3Cstop offset=%221%22 stop-color=%22%231f2126%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22bl2%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23383b43%22/%3E%3Cstop offset=%221%22 stop-color=%22%2325272d%22/%3E%3C/linearGradient%3E%3CclipPath id=%22rc%22%3E%3Ccircle r=%22318%22/%3E%3C/clipPath%3E%3CclipPath id=%22op%22%3E%3Cpolygon points=%22-91,-250 91,-250 230.4,-133 262,46.2 171,203.8 0,266 -171,203.8 -262,46.2 -230.4,-133%22/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle r=%22356.0%22 fill=%22%23121317%22 stroke=%22%232c2e35%22 stroke-width=%222%22/%3E%3Ccircle r=%22348.0%22 fill=%22none%22 stroke=%22url(%23br)%22 stroke-width=%227%22/%3E%3Ccircle r=%22332.0%22 fill=%22none%22 stroke=%22%23c8a15a%22 stroke-opacity=%22.55%22 stroke-width=%2212%22 stroke-dasharray=%221.6 12.9%22/%3E%3Ccircle r=%22332.0%22 fill=%22none%22 stroke=%22%23e7c983%22 stroke-width=%2220%22 stroke-dasharray=%222.6 84.3%22/%3E%3Ccircle r=%22318%22 fill=%22%2318191e%22 stroke=%22url(%23br)%22 stroke-width=%222%22/%3E%3Cg clip-path=%22url(%23rc)%22%3E%3Cpolygon points=%22-91,-250 611,-250 173.8,-678.1 -239.4,-657.8%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-91%22 y1=%22-250%22 x2=%22611%22 y2=%22-250%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%2291,-250 628.7,201.2 569,-407.7 239.4,-657.8%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%2291%22 y1=%22-250%22 x2=%22628.7%22 y2=%22201.2%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22230.4,-133 352.3,558.3 698,53.4 606.2,-350%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22230.4%22 y1=%22-133%22 x2=%22352.3%22 y2=%22558.3%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22262,46.2 -89,654.1 500.3,489.6 689.4,121.6%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22262%22 y1=%2246.2%22 x2=%22-89%22 y2=%22654.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22171,203.8 -488.6,443.9 68.6,696.6 450,536.2%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22171%22 y1=%22203.8%22 x2=%22-488.6%22 y2=%22443.9%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%220,266 -659.7,26 -395.2,577.7 0,700%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%220%22 y1=%22266%22 x2=%22-659.7%22 y2=%2226%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-171,203.8 -522,-404.1 -674.1,188.5 -450,536.2%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-171%22 y1=%22203.8%22 x2=%22-522%22 y2=%22-404.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-262,46.2 -140.1,-645.1 -637.6,-288.9 -689.4,121.6%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-262%22 y1=%2246.2%22 x2=%22-140.1%22 y2=%22-645.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-230.4,-133 307.4,-584.2 -302.7,-631.2 -606.2,-350%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-230.4%22 y1=%22-133%22 x2=%22307.4%22 y2=%22-584.2%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3C/g%3E%3Cg clip-path=%22url(%23op)%22%3E%3Crect x=%22-270%22 y=%22-270%22 width=%22540%22 height=%22540%22 fill=%22url(%23gl)%22/%3E%3Crect x=%22-126%22 y=%22-240%22 width=%22150%22 height=%2216%22 rx=%225%22 fill=%22%233c4049%22/%3E%3Crect x=%22-146%22 y=%22-234%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-148%22 y=%22-215%22 width=%22230%22 height=%2218%22 rx=%225%22 fill=%22%23ff5d4f%22/%3E%3Crect x=%22-178%22 y=%22-217%22 width=%22290%22 height=%2222%22 rx=%227%22 fill=%22none%22 stroke=%22%23ff5d4f%22 stroke-opacity=%22.45%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%22-164%22 cy=%22-206%22 r=%226%22 fill=%22%23ff5d4f%22/%3E%3Crect x=%22-126%22 y=%22-188%22 width=%22260%22 height=%2216%22 rx=%225%22 fill=%22%23454a55%22/%3E%3Crect x=%22-146%22 y=%22-182%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-104%22 y=%22-162%22 width=%22300%22 height=%2216%22 rx=%225%22 fill=%22%233a3e47%22/%3E%3Crect x=%22-124%22 y=%22-156%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-104%22 y=%22-136%22 width=%22280%22 height=%2216%22 rx=%225%22 fill=%22%233a3e47%22/%3E%3Crect x=%22-124%22 y=%22-130%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-82%22 y=%22-110%22 width=%22330%22 height=%2216%22 rx=%225%22 fill=%22%23353942%22/%3E%3Crect x=%22-102%22 y=%22-104%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-82%22 y=%22-84%22 width=%22300%22 height=%2216%22 rx=%225%22 fill=%22%23353942%22/%3E%3Crect x=%22-102%22 y=%22-78%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-104%22 y=%22-58%22 width=%22320%22 height=%2216%22 rx=%225%22 fill=%22%233a3e47%22/%3E%3Crect x=%22-124%22 y=%22-52%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-82%22 y=%22-32%22 width=%22340%22 height=%2216%22 rx=%225%22 fill=%22%23353942%22/%3E%3Crect x=%22-102%22 y=%22-26%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-60%22 y=%22-6%22 width=%22300%22 height=%2216%22 rx=%225%22 fill=%22%2330333b%22/%3E%3Crect x=%22-80%22 y=%220%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-82%22 y=%2220%22 width=%22330%22 height=%2216%22 rx=%225%22 fill=%22%23353942%22/%3E%3Crect x=%22-102%22 y=%2226%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-104%22 y=%2246%22 width=%22310%22 height=%2216%22 rx=%225%22 fill=%22%233a3e47%22/%3E%3Crect x=%22-124%22 y=%2252%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-104%22 y=%2272%22 width=%22290%22 height=%2216%22 rx=%225%22 fill=%22%233a3e47%22/%3E%3Crect x=%22-124%22 y=%2278%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-126%22 y=%2298%22 width=%22330%22 height=%2216%22 rx=%225%22 fill=%22%23454a55%22/%3E%3Crect x=%22-146%22 y=%22104%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-126%22 y=%22124%22 width=%22300%22 height=%2216%22 rx=%225%22 fill=%22%233c4049%22/%3E%3Crect x=%22-146%22 y=%22130%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-104%22 y=%22150%22 width=%22280%22 height=%2216%22 rx=%225%22 fill=%22%233a3e47%22/%3E%3Crect x=%22-124%22 y=%22156%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-126%22 y=%22176%22 width=%22250%22 height=%2216%22 rx=%225%22 fill=%22%23454a55%22/%3E%3Crect x=%22-146%22 y=%22182%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3Crect x=%22-148%22 y=%22201%22 width=%22240%22 height=%2218%22 rx=%225%22 fill=%22%234fd08b%22/%3E%3Ccircle cx=%22-164%22 cy=%22210%22 r=%226%22 fill=%22%234fd08b%22/%3E%3Crect x=%22-126%22 y=%22228%22 width=%22140%22 height=%2216%22 rx=%225%22 fill=%22%233c4049%22/%3E%3Crect x=%22-146%22 y=%22234%22 width=%228%22 height=%224%22 rx=%222%22 fill=%22%234a4e58%22/%3E%3C/g%3E%3Cpath d=%22M-210,-130 A230,230 0 0 1 -120,-202%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.09%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Ccircle r=%22250%22 fill=%22none%22 stroke=%22%23000%22 stroke-opacity=%22.5%22 stroke-width=%223%22/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 50px 70px #000c);pointer-events:none} body.theme-p110-aperture .home-hero .agent-run::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:1000px;aspect-ratio:1;translate:-50% -50%;border-radius:50%; background:radial-gradient(closest-side,#c8a15a00 84%,#c8a15a26 86%,#c8a15a00 88%,#c8a15a00 94%,#c8a15a14 95%,#c8a15a00 97%);pointer-events:none} /* facts: lens-scale tick tiles overlapping the hero */ body.theme-p110-aperture main>.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:20px 0 0;margin:0 0 0;border:1px solid #3a3d45;border-radius:24px; background:linear-gradient(180deg,#24262ccc,#1b1c21f2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px); box-shadow:0 36px 70px -26px #000e,inset 0 1px 0 #ffffff14;position:relative;z-index:3;overflow:hidden} body.theme-p110-aperture.page-0 main>.cards{margin-top:-110px} body.theme-p110-aperture main>.cards::before{content:"";position:absolute;inset:0 0 auto;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 22%22 preserveAspectRatio=%22none%22%3E%3Crect x=%220%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%228%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2216%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2224%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2232%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2240%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2248%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%2256%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2264%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2272%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2280%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2288%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2296%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22104%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22112%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22120%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22128%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22136%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22144%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22152%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22160%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22168%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22176%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22184%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22192%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22200%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22208%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22216%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22224%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22232%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3C/svg%3E") repeat-x 12px 0/240px 18px;opacity:.85} body.theme-p110-aperture main>.cards article{border:0;border-radius:0;background:none;padding:26px 26px 28px;border-inline-start:1px solid #34373f;min-width:0} body.theme-p110-aperture main>.cards article:first-child{border-inline-start:0} body.theme-p110-aperture main>.cards .number{margin:0 0 10px;font:600 15px/1.2 Inter,sans-serif;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--brass-hi);opacity:1} body.theme-p110-aperture main>.cards h3{font-size:clamp(28px,2.5vw,38px);margin:0 0 6px;color:#fbf6ea;overflow-wrap:anywhere} body.theme-p110-aperture main>.cards p{font-size:14px;color:var(--muted);line-height:1.5} body.theme-p110-aperture main>.cards article:nth-child(5) h3{color:#9fe8bf} /* keyword section: concentric focus rings */ body.theme-p110-aperture .scenario{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:72px;align-items:end;margin:0;padding:96px 0 72px;border:0;border-radius:0;background:none;position:relative;isolation:isolate} body.theme-p110-aperture .scenario::before{content:"";position:absolute;z-index:-1;width:560px;aspect-ratio:1;inset-inline-start:-190px;top:20px;border-radius:50%; background:repeating-radial-gradient(circle,#c8a15a00 0 34px,#c8a15a30 34px 35.5px);-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#0000)} body.theme-p110-aperture .scenario .eyebrow{grid-column:1/-1} body.theme-p110-aperture .scenario h2{margin:0;font-size:clamp(44px,5vw,76px);line-height:.98;max-width:none} body.theme-p110-aperture .scenario p{margin:0;font-size:19px;line-height:1.7;color:#d7d2c7;max-width:none} /* walkthroughs: bento of trace cards */ body.theme-p110-aperture main>.reading:has(>.steps){max-width:none;padding:0 0 80px} body.theme-p110-aperture .reading>.steps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px} body.theme-p110-aperture .reading>.steps article{grid-column:span 7;padding:0 0 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#202227,#1a1b20);overflow:hidden;position:relative;min-width:0;box-shadow:0 24px 50px -30px #000} body.theme-p110-aperture .reading>.steps article:nth-child(2),body.theme-p110-aperture .reading>.steps article:nth-child(3){grid-column:span 5} body.theme-p110-aperture .reading>.steps article::before{content:"";display:block;height:128px;margin-bottom:40px;border-bottom:1px solid var(--line);background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 560 132%22 preserveAspectRatio=%22xMinYMid slice%22%3E%3Crect width=%22560%22 height=%22132%22 fill=%22%2315161a%22/%3E%3Crect width=%2244%22 height=%22132%22 fill=%22%231c1d22%22/%3E%3Crect x=%2214%22 y=%2215%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%2214%22 width=%22114%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2232%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2231%22 width=%22225%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2249%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2244%22 width=%22330%22 height=%2215%22 fill=%22%23ff5d4f%22 fill-opacity=%22.14%22/%3E%3Crect x=%2278%22 y=%2248%22 width=%22170%22 height=%227%22 rx=%223.5%22 fill=%22%23ff8a7f%22/%3E%3Ccircle cx=%2231%22 cy=%2251.5%22 r=%225.5%22 fill=%22%23ff5d4f%22/%3E%3Crect x=%2214%22 y=%2266%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2261%22 width=%22330%22 height=%2215%22 fill=%22%234fd08b%22 fill-opacity=%22.16%22/%3E%3Crect x=%2296%22 y=%2265%22 width=%22150%22 height=%227%22 rx=%223.5%22 fill=%22%234fd08b%22/%3E%3Crect x=%2244%22 y=%2261%22 width=%223%22 height=%2215%22 fill=%22%234fd08b%22/%3E%3Crect x=%2214%22 y=%2283%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2296%22 y=%2282%22 width=%2296%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%22100%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2299%22 width=%22145%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%22117%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%22116%22 width=%22110%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%22392%22 y=%220%22 width=%22168%22 height=%22132%22 fill=%22%231a1b20%22/%3E%3Crect x=%22406%22 y=%2214%22 width=%22126%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22414%22 y=%2236%22 width=%22118%22 height=%2214%22 rx=%224%22 fill=%22%23ff5d4f%22 fill-opacity=%221%22/%3E%3Crect x=%22422%22 y=%2258%22 width=%22110%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22430%22 y=%2280%22 width=%22102%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22438%22 y=%22102%22 width=%2294%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22392%22 y=%220%22 width=%221.5%22 height=%22132%22 fill=%22%23c8a15a%22 fill-opacity=%22.6%22/%3E%3C/svg%3E") left center/cover no-repeat} body.theme-p110-aperture .reading>.steps article:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 560 132%22 preserveAspectRatio=%22xMinYMid slice%22%3E%3Crect width=%22560%22 height=%22132%22 fill=%22%2315161a%22/%3E%3Crect width=%2244%22 height=%22132%22 fill=%22%231c1d22%22/%3E%3Crect x=%2214%22 y=%2215%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%2214%22 width=%22107%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2232%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2227%22 width=%22330%22 height=%2215%22 fill=%22%23ff5d4f%22 fill-opacity=%22.14%22/%3E%3Crect x=%2278%22 y=%2231%22 width=%22160%22 height=%227%22 rx=%223.5%22 fill=%22%23ff8a7f%22/%3E%3Ccircle cx=%2231%22 cy=%2234.5%22 r=%225.5%22 fill=%22%23ff5d4f%22/%3E%3Crect x=%2214%22 y=%2249%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2248%22 width=%22214%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2266%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2296%22 y=%2265%22 width=%22143%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2283%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2278%22 width=%22330%22 height=%2215%22 fill=%22%234fd08b%22 fill-opacity=%22.16%22/%3E%3Crect x=%2296%22 y=%2282%22 width=%22164%22 height=%227%22 rx=%223.5%22 fill=%22%234fd08b%22/%3E%3Crect x=%2244%22 y=%2278%22 width=%223%22 height=%2215%22 fill=%22%234fd08b%22/%3E%3Crect x=%2214%22 y=%22100%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2299%22 width=%22149%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%22117%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%22116%22 width=%22145%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%22392%22 y=%220%22 width=%22168%22 height=%22132%22 fill=%22%231a1b20%22/%3E%3Crect x=%22406%22 y=%2214%22 width=%22126%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22414%22 y=%2236%22 width=%22118%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22422%22 y=%2258%22 width=%22110%22 height=%2214%22 rx=%224%22 fill=%22%23ff5d4f%22 fill-opacity=%221%22/%3E%3Crect x=%22430%22 y=%2280%22 width=%22102%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22438%22 y=%22102%22 width=%2294%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22392%22 y=%220%22 width=%221.5%22 height=%22132%22 fill=%22%23c8a15a%22 fill-opacity=%22.6%22/%3E%3C/svg%3E")} body.theme-p110-aperture .reading>.steps article:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 560 132%22 preserveAspectRatio=%22xMinYMid slice%22%3E%3Crect width=%22560%22 height=%22132%22 fill=%22%2315161a%22/%3E%3Crect width=%2244%22 height=%22132%22 fill=%22%231c1d22%22/%3E%3Crect x=%2214%22 y=%2215%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%2214%22 width=%22202%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2232%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2231%22 width=%22150%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2249%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2248%22 width=%22153%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2266%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2261%22 width=%22330%22 height=%2215%22 fill=%22%23ff5d4f%22 fill-opacity=%22.14%22/%3E%3Crect x=%2296%22 y=%2265%22 width=%22150%22 height=%227%22 rx=%223.5%22 fill=%22%23ff8a7f%22/%3E%3Ccircle cx=%2231%22 cy=%2268.5%22 r=%225.5%22 fill=%22%23ff5d4f%22/%3E%3Crect x=%2214%22 y=%2283%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2278%22 width=%22330%22 height=%2215%22 fill=%22%234fd08b%22 fill-opacity=%22.16%22/%3E%3Crect x=%2296%22 y=%2282%22 width=%22178%22 height=%227%22 rx=%223.5%22 fill=%22%234fd08b%22/%3E%3Crect x=%2244%22 y=%2278%22 width=%223%22 height=%2215%22 fill=%22%234fd08b%22/%3E%3Crect x=%2214%22 y=%22100%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2299%22 width=%22130%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%22117%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%22116%22 width=%2298%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%22392%22 y=%220%22 width=%22168%22 height=%22132%22 fill=%22%231a1b20%22/%3E%3Crect x=%22406%22 y=%2214%22 width=%22126%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22414%22 y=%2236%22 width=%22118%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22422%22 y=%2258%22 width=%22110%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22430%22 y=%2280%22 width=%22102%22 height=%2214%22 rx=%224%22 fill=%22%23ff5d4f%22 fill-opacity=%221%22/%3E%3Crect x=%22438%22 y=%22102%22 width=%2294%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22392%22 y=%220%22 width=%221.5%22 height=%22132%22 fill=%22%23c8a15a%22 fill-opacity=%22.6%22/%3E%3C/svg%3E")} body.theme-p110-aperture .reading>.steps article:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 560 132%22 preserveAspectRatio=%22xMinYMid slice%22%3E%3Crect width=%22560%22 height=%22132%22 fill=%22%2315161a%22/%3E%3Crect width=%2244%22 height=%22132%22 fill=%22%231c1d22%22/%3E%3Crect x=%2214%22 y=%2215%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%2214%22 width=%22197%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2232%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2231%22 width=%22228%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%2249%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2244%22 width=%22330%22 height=%2215%22 fill=%22%23ff5d4f%22 fill-opacity=%22.14%22/%3E%3Crect x=%2278%22 y=%2248%22 width=%22140%22 height=%227%22 rx=%223.5%22 fill=%22%23ff8a7f%22/%3E%3Ccircle cx=%2231%22 cy=%2251.5%22 r=%225.5%22 fill=%22%23ff5d4f%22/%3E%3Crect x=%2214%22 y=%2266%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2244%22 y=%2261%22 width=%22330%22 height=%2215%22 fill=%22%234fd08b%22 fill-opacity=%22.16%22/%3E%3Crect x=%2296%22 y=%2265%22 width=%22192%22 height=%227%22 rx=%223.5%22 fill=%22%234fd08b%22/%3E%3Crect x=%2244%22 y=%2261%22 width=%223%22 height=%2215%22 fill=%22%234fd08b%22/%3E%3Crect x=%2214%22 y=%2283%22 width=%2210%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2296%22 y=%2282%22 width=%22214%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%22100%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2278%22 y=%2299%22 width=%2288%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%2214%22 y=%22117%22 width=%2214%22 height=%223%22 rx=%221.5%22 fill=%22%234a4e58%22/%3E%3Crect x=%2260%22 y=%22116%22 width=%22142%22 height=%227%22 rx=%223.5%22 fill=%22%233d414b%22/%3E%3Crect x=%22392%22 y=%220%22 width=%22168%22 height=%22132%22 fill=%22%231a1b20%22/%3E%3Crect x=%22406%22 y=%2214%22 width=%22126%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22414%22 y=%2236%22 width=%22118%22 height=%2214%22 rx=%224%22 fill=%22%23ff5d4f%22 fill-opacity=%221%22/%3E%3Crect x=%22422%22 y=%2258%22 width=%22110%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22430%22 y=%2280%22 width=%22102%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22438%22 y=%22102%22 width=%2294%22 height=%2214%22 rx=%224%22 fill=%22%233a3e47%22 fill-opacity=%220.9%22/%3E%3Crect x=%22392%22 y=%220%22 width=%221.5%22 height=%22132%22 fill=%22%23c8a15a%22 fill-opacity=%22.6%22/%3E%3C/svg%3E")} body.theme-p110-aperture .reading>.steps .number{position:absolute;top:104px;left:auto;inset-inline-start:28px;right:auto;margin:0;width:48px;height:48px;display:grid;place-items:center;border-radius:50%; background:#1d1f24;border:1.5px solid var(--brass);color:var(--brass-hi);font:700 14px/1 Inter,sans-serif;opacity:1;box-shadow:0 0 0 5px #1d1f24} body.theme-p110-aperture .reading>.steps h3{margin:0 28px 12px;font-size:clamp(26px,2.3vw,32px)} body.theme-p110-aperture .reading>.steps p{margin:0 28px;font-size:15px;line-height:1.62;color:#c9c4b9} body.theme-p110-aperture .reading>.steps .code-example{margin:auto 28px 0} body.theme-p110-aperture .reading>.steps p{margin-bottom:22px} body.theme-p110-aperture .reading>.steps article{display:flex;flex-direction:column} body.theme-p110-aperture main>.reading:has(>.steps)>p{margin:30px 0 0} /* comparison: before / after focus */ body.theme-p110-aperture .feature-matrix{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:72px;row-gap:34px;align-items:end;padding:20px 0 84px} body.theme-p110-aperture .feature-matrix>h2{margin:0} body.theme-p110-aperture .feature-matrix>p{margin:0;font-size:17px;color:#cdc8bd} body.theme-p110-aperture .feature-matrix table{grid-column:1/-1;border-collapse:separate;border-spacing:0;table-layout:fixed} body.theme-p110-aperture .feature-matrix th,body.theme-p110-aperture .feature-matrix td{border:0;padding:18px 26px;font-size:16px} body.theme-p110-aperture .feature-matrix thead th{font:600 16px/1.3 Inter,sans-serif;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--muted);padding-block:16px} body.theme-p110-aperture .feature-matrix thead th:last-child{color:#9fe8bf} body.theme-p110-aperture .feature-matrix th:first-child{width:24%} body.theme-p110-aperture .feature-matrix tbody th{font-family:Sarabun,Inter,sans-serif;font-size:24px;font-weight:600;color:#f6f1e6;border-top:1px solid var(--line)} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(1){color:#a7a39a;background:repeating-linear-gradient(135deg,#1b1c20 0 8px,#18191d 8px 16px);border-top:1px solid #2a2c32} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(2){color:#f6f1e6;background:#24272d;border-top:1px solid #33363e;font-weight:600;position:relative;padding-inline-start:52px} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(2)::before{content:"";position:absolute;inset-inline-start:24px;top:24px;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #4fd08b2e} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(1)::before{content:"";display:inline-block;width:10px;height:10px;margin-inline-end:12px;border-radius:50%;border:1.5px solid #6b6e76;vertical-align:1px} body.theme-p110-aperture .feature-matrix tbody tr:first-child td{border-top:0} body.theme-p110-aperture .feature-matrix tbody tr:first-child td:nth-of-type(1){border-start-start-radius:18px} body.theme-p110-aperture .feature-matrix tbody tr:last-child td:nth-of-type(1){border-end-start-radius:18px} body.theme-p110-aperture .feature-matrix tbody tr:first-child td:nth-of-type(2){border-start-end-radius:18px} body.theme-p110-aperture .feature-matrix tbody tr:last-child td:nth-of-type(2){border-end-end-radius:18px} body.theme-p110-aperture .feature-matrix tbody tr:first-child th{border-top:0} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(2){box-shadow:inset 1px 0 0 #4fd08b44} /* how to start: steps A–D along a focus scale */ body.theme-p110-aperture.page-0 .split-section{display:block;padding:64px 0 80px;border-top:1px solid #2a2c32} body.theme-p110-aperture.page-0 .split-section h2{margin:0 0 44px} body.theme-p110-aperture.page-0 .split-section .setup{list-style:none;counter-reset:fs;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;position:relative} body.theme-p110-aperture.page-0 .split-section .setup::before{content:"";position:absolute;inset-inline:0;top:24px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 22%22 preserveAspectRatio=%22none%22%3E%3Crect x=%220%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%228%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2216%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2224%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2232%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2240%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2248%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%2256%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2264%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2272%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2280%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2288%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%2296%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22104%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22112%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22120%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22128%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22136%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22144%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22152%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22160%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22168%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22176%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22184%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22192%22 y=%220%22 width=%221.4%22 height=%2214%22 fill=%22%23c8a15a%22 fill-opacity=%220.95%22/%3E%3Crect x=%22200%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22208%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22216%22 y=%220%22 width=%221.4%22 height=%229%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22224%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3Crect x=%22232%22 y=%220%22 width=%221.4%22 height=%225%22 fill=%22%23c8a15a%22 fill-opacity=%220.6%22/%3E%3C/svg%3E") repeat-x 0 0/240px 16px;opacity:.7} body.theme-p110-aperture.page-0 .split-section .setup::after{content:"";position:absolute;inset-inline:0;top:23px;height:1.5px;background:linear-gradient(90deg,var(--brass),#c8a15a55 70%,var(--green))} [dir=rtl] body.theme-p110-aperture.page-0 .split-section .setup::after{background:linear-gradient(270deg,var(--brass),#c8a15a55 70%,var(--green))} body.theme-p110-aperture.page-0 .split-section .setup li{counter-increment:fs;position:relative;z-index:1;padding:78px 28px 0 0;padding-inline:0 28px;font-size:16.5px;line-height:1.6;color:#d7d2c7} body.theme-p110-aperture.page-0 .split-section .setup li::before{content:counter(fs,upper-alpha);position:absolute;top:0;inset-inline-start:0;width:48px;height:48px;display:grid;place-items:center;border-radius:50%; background:#16171b;border:1.5px solid var(--brass);color:var(--brass-hi);font:700 19px/1 Sarabun,Inter,sans-serif;box-shadow:0 0 0 6px #16171b} body.theme-p110-aperture.page-0 .split-section .setup li:last-child::before{background:var(--green);border-color:var(--green);color:#0f1a14;box-shadow:0 0 0 6px #16171b,0 0 0 7.5px #4fd08b66} /* who it is for: layered stack frames */ body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link)){max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:72px;padding:10px 0 84px} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>h2{grid-column:1;grid-row:1/span 3;margin:0;align-self:start} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p{grid-column:2;margin:0 0 14px;padding:24px 30px;background:#1d1f24;border:1px solid var(--line);border-inline-start:4px solid var(--brass);border-radius:6px 18px 18px 6px;color:#cdc8bd;font-size:16px;box-shadow:0 20px 40px -28px #000} [dir=rtl] body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p{border-radius:18px 6px 6px 18px} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p:nth-of-type(2){margin-inline-start:44px;border-inline-start-color:#6b6e76;background:#1b1c21} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p:nth-of-type(3){margin-inline-start:88px;border-inline-start-color:var(--green);background:#191a1f} /* FAQ grid */ body.theme-p110-aperture.page-0 .faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 30px;align-items:start} body.theme-p110-aperture.page-0 .faq>h2{grid-column:1/-1;margin:0 0 20px} body.theme-p110-aperture.page-0 .faq details:first-of-type{grid-column:1/-1} body.theme-p110-aperture .faq details{border:1px solid var(--line);border-radius:18px;background:#1b1c21;padding:19px 24px} body.theme-p110-aperture .faq details[open]{background:#202227;border-color:#4a4d55} body.theme-p110-aperture .faq summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;font:600 18px/1.4 Inter,sans-serif;color:#f6f1e6} body.theme-p110-aperture .faq summary::-webkit-details-marker{display:none} body.theme-p110-aperture .faq summary::after{content:"";flex:none;width:26px;height:26px;margin-top:-1px;border-radius:50%;border:1.5px solid var(--brass); background:linear-gradient(var(--brass-hi),var(--brass-hi)) center/10px 1.6px no-repeat,linear-gradient(var(--brass-hi),var(--brass-hi)) center/1.6px 10px no-repeat} body.theme-p110-aperture .faq details[open] summary::after{border-color:var(--green);background:linear-gradient(var(--green),var(--green)) center/10px 1.6px no-repeat} body.theme-p110-aperture .faq p{margin:12px 0 0;font-size:15.5px;line-height:1.65;color:#c9c4b9;max-width:none} /* CTA: resolved, in-focus band */ body.theme-p110-aperture .closing{position:relative;isolation:isolate;margin:40px 0 30px;padding:104px 24px;border:0;background:none;text-align:center} body.theme-p110-aperture .closing::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw); background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-300 -300 600 600%22%3E%3Ccircle r=%22286%22 fill=%22none%22 stroke=%22%234fd08b%22 stroke-opacity=%22.5%22 stroke-width=%2210%22 stroke-dasharray=%221.6 13.4%22/%3E%3Ccircle r=%22268%22 fill=%22none%22 stroke=%22%234fd08b%22 stroke-opacity=%22.35%22 stroke-width=%221.5%22/%3E%3Ccircle r=%22236%22 fill=%22none%22 stroke=%22%23c8a15a%22 stroke-opacity=%22.35%22 stroke-width=%221%22/%3E%3Ccircle cx=%220%22 cy=%22250%22 r=%225%22 fill=%22%234fd08b%22/%3E%3Ccircle cx=%22-0%22 cy=%22-250%22 r=%225%22 fill=%22%234fd08b%22/%3E%3C/svg%3E") center/560px 560px no-repeat,radial-gradient(ellipse 60% 75% at 50% 50%,#1e3a2c 0,#172820 50%,#16171b 100%);border-block:1px solid #2a3a31} body.theme-p110-aperture .closing>span{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 10px;border-radius:999px;background:#4fd08b1f;border:1px solid #4fd08b55;color:#a6edc6;font:600 15px/1.2 Inter,sans-serif;font-variant-caps:all-small-caps;letter-spacing:.05em;text-transform:none} body.theme-p110-aperture .closing>span::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green)} body.theme-p110-aperture .closing h2{font-size:clamp(42px,5vw,72px);margin:22px auto 20px;max-width:780px} body.theme-p110-aperture .closing p{max-width:620px;margin:0 auto 34px;color:#cfe0d5;font-size:17px} body.theme-p110-aperture .closing .button.primary{box-shadow:0 0 0 4px #182a21,0 0 0 5.5px var(--green),0 18px 44px -14px #4fd08b88} /* links */ body.theme-p110-aperture.page-0 main>.reading:has(.text-link){max-width:none;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:72px;padding:30px 0 64px;align-items:start} body.theme-p110-aperture.page-0 main>.reading:has(.text-link)>h2{grid-column:1;margin:0 0 14px} body.theme-p110-aperture.page-0 main>.reading:has(.text-link)>p:not(:has(.text-link)){grid-column:1;margin:0;color:var(--muted)} body.theme-p110-aperture.page-0 main>.reading:has(.text-link)>p:has(.text-link){grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0} body.theme-p110-aperture .reading .text-link{margin:0;display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--line);border-radius:14px;background:#1b1c21;text-decoration:none;font-size:15.5px;font-weight:600;color:var(--ivory);min-width:0} body.theme-p110-aperture .reading .text-link::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--brass)} body.theme-p110-aperture .reading .text-link:hover{border-color:var(--brass);background:#202227} [dir=rtl] body.theme-p110-aperture .reading .text-link{margin:0} /* footer: giant wordmark */ body.theme-p110-aperture footer{border-top:1px solid #2a2c32;padding-top:56px;padding-bottom:30px} body.theme-p110-aperture footer .footer-top{display:grid;gap:14px;justify-content:start} body.theme-p110-aperture footer .footer-top .brand{font-family:Sarabun,Inter,sans-serif;font-weight:700;font-size:clamp(64px,12.5vw,180px);line-height:1;padding-bottom:.16em;letter-spacing:-.015em;color:#cfa95e;white-space:nowrap;text-shadow:0 1px 0 #f3d9a055} body.theme-p110-aperture footer .footer-top p{color:var(--muted);font-size:14px} body.theme-p110-aperture footer nav{gap:8px 22px;font-size:14px;font-weight:600} body.theme-p110-aperture footer nav a{color:#d4cfc4;font-variant-caps:all-small-caps;letter-spacing:.04em} body.theme-p110-aperture footer nav a:hover{color:var(--brass-hi)} body.theme-p110-aperture .footer-bottom{color:#97938a;font-size:12px;line-height:1.6} /* =================== INNER PAGES =================== */ body.theme-p110-aperture .inner-hero{min-height:360px;padding:56px 0 80px;gap:50px} body.theme-p110-aperture .inner-hero h1{font-size:clamp(46px,5.4vw,82px);line-height:1;max-width:820px;margin-bottom:0} body.theme-p110-aperture .inner-hero .eyebrow{margin-bottom:24px} body.theme-p110-aperture .hero-copy{order:0;padding-top:0} body.theme-p110-aperture .hero-number{flex:none;width:300px;aspect-ratio:1;display:grid;place-items:center;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-360.0 -360.0 720 720%22%3E%3Cdefs%3E%3ClinearGradient id=%22br%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23f3d9a0%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23c8a15a%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%236f552c%22/%3E%3Cstop offset=%22.85%22 stop-color=%22%23dcbb76%22/%3E%3Cstop offset=%221%22 stop-color=%22%238d6c36%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22gl%22 cx=%22.45%22 cy=%22.4%22 r=%22.7%22%3E%3Cstop offset=%220%22 stop-color=%22%2322252c%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%2315161a%22/%3E%3Cstop offset=%221%22 stop-color=%22%230d0e11%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22bl%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%232f3239%22/%3E%3Cstop offset=%221%22 stop-color=%22%231f2126%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22bl2%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23383b43%22/%3E%3Cstop offset=%221%22 stop-color=%22%2325272d%22/%3E%3C/linearGradient%3E%3CclipPath id=%22rc%22%3E%3Ccircle r=%22318%22/%3E%3C/clipPath%3E%3CclipPath id=%22op%22%3E%3Cpolygon points=%22-91,-250 91,-250 230.4,-133 262,46.2 171,203.8 0,266 -171,203.8 -262,46.2 -230.4,-133%22/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle r=%22356.0%22 fill=%22%23121317%22 stroke=%22%232c2e35%22 stroke-width=%222%22/%3E%3Ccircle r=%22348.0%22 fill=%22none%22 stroke=%22url(%23br)%22 stroke-width=%227%22/%3E%3Ccircle r=%22332.0%22 fill=%22none%22 stroke=%22%23c8a15a%22 stroke-opacity=%22.55%22 stroke-width=%2212%22 stroke-dasharray=%221.6 12.9%22/%3E%3Ccircle r=%22332.0%22 fill=%22none%22 stroke=%22%23e7c983%22 stroke-width=%2220%22 stroke-dasharray=%222.6 84.3%22/%3E%3Ccircle r=%22318%22 fill=%22%2318191e%22 stroke=%22url(%23br)%22 stroke-width=%222%22/%3E%3Cg clip-path=%22url(%23rc)%22%3E%3Cpolygon points=%22-91,-250 611,-250 173.8,-678.1 -239.4,-657.8%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-91%22 y1=%22-250%22 x2=%22611%22 y2=%22-250%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%2291,-250 628.7,201.2 569,-407.7 239.4,-657.8%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%2291%22 y1=%22-250%22 x2=%22628.7%22 y2=%22201.2%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22230.4,-133 352.3,558.3 698,53.4 606.2,-350%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22230.4%22 y1=%22-133%22 x2=%22352.3%22 y2=%22558.3%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22262,46.2 -89,654.1 500.3,489.6 689.4,121.6%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22262%22 y1=%2246.2%22 x2=%22-89%22 y2=%22654.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22171,203.8 -488.6,443.9 68.6,696.6 450,536.2%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22171%22 y1=%22203.8%22 x2=%22-488.6%22 y2=%22443.9%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%220,266 -659.7,26 -395.2,577.7 0,700%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%220%22 y1=%22266%22 x2=%22-659.7%22 y2=%2226%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-171,203.8 -522,-404.1 -674.1,188.5 -450,536.2%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-171%22 y1=%22203.8%22 x2=%22-522%22 y2=%22-404.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-262,46.2 -140.1,-645.1 -637.6,-288.9 -689.4,121.6%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-262%22 y1=%2246.2%22 x2=%22-140.1%22 y2=%22-645.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-230.4,-133 307.4,-584.2 -302.7,-631.2 -606.2,-350%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-230.4%22 y1=%22-133%22 x2=%22307.4%22 y2=%22-584.2%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3C/g%3E%3Cg clip-path=%22url(%23op)%22%3E%3Crect x=%22-270%22 y=%22-270%22 width=%22540%22 height=%22540%22 fill=%22url(%23gl)%22/%3E%3C/g%3E%3Cpath d=%22M-210,-130 A230,230 0 0 1 -120,-202%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.09%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Ccircle r=%22250%22 fill=%22none%22 stroke=%22%23000%22 stroke-opacity=%22.5%22 stroke-width=%223%22/%3E%3C/svg%3E") center/contain no-repeat; color:var(--brass-hi);font:700 66px/1 Sarabun,Inter,sans-serif;letter-spacing:0;filter:drop-shadow(0 30px 40px #000b);margin-inline-end:20px} /* prose with a debugger gutter */ body.theme-p110-aperture.page-1 main>.reading,body.theme-p110-aperture.page-2 main>.reading,body.theme-p110-aperture.page-3 main>.reading,body.theme-p110-aperture.page-4 main>.reading{max-width:980px;position:relative;padding-inline-start:56px;padding-bottom:70px} body.theme-p110-aperture.page-1 main>.reading::before,body.theme-p110-aperture.page-2 main>.reading::before,body.theme-p110-aperture.page-3 main>.reading::before,body.theme-p110-aperture.page-4 main>.reading::before{content:"";position:absolute;inset-inline-start:13px;top:8px;bottom:60px;width:2px;background:linear-gradient(#c8a15a88,#33363e)} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>h2{position:relative;font-size:clamp(34px,3.4vw,50px)} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>h2::before{content:"";position:absolute;inset-inline-start:-52px;top:.28em;width:22px;height:22px;border-radius:50%;background:#16171b;border:2px solid var(--brass);box-shadow:0 0 0 5px #16171b} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>h3{position:relative;font-size:28px;color:#f6f1e6} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>h3::before{content:"";position:absolute;inset-inline-start:-48px;top:.32em;width:14px;height:14px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 5px #16171b} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>p{color:#cdc8bd;font-size:16.5px} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>p.large:first-child{margin-top:0} body.theme-p110-aperture .large{color:#e3ddd1;font-size:22px;line-height:1.6} body.theme-p110-aperture .notice{border:1px solid #ff5d4f55;border-inline-start:4px solid var(--red);border-radius:6px 16px 16px 6px;background:#ff5d4f10;padding:20px 26px;color:#ddd8cd;font-size:15px} [dir=rtl] body.theme-p110-aperture .notice{border-radius:16px 6px 6px 16px} body.theme-p110-aperture .notice strong{color:#ff9289;font-size:16px} body.theme-p110-aperture .notice p{color:#cdc8bd} /* product */ body.theme-p110-aperture .product-lead{max-width:none;display:grid;grid-template-columns:minmax(0,9fr) minmax(0,3fr);padding:0 0 46px} body.theme-p110-aperture .product-lead p.large{margin:0;font-size:24px;line-height:1.55;padding-inline-start:28px;border-inline-start:3px solid var(--brass)} body.theme-p110-aperture.page-1 main>.cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:80px} body.theme-p110-aperture.page-1 main>.cards .number{font:700 13px/1 Inter,sans-serif;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--brass);margin-bottom:18px} body.theme-p110-aperture .feature-list{gap:12px;margin-top:22px} body.theme-p110-aperture .feature-list li{background:#1d1f24;border:1px solid var(--line);border-inline-start:3px solid #4a4e58;border-radius:6px 14px 14px 6px;color:#cdc8bd;padding:18px 22px} body.theme-p110-aperture .feature-list li:nth-child(2n){border-inline-start-color:var(--brass)} body.theme-p110-aperture .feature-list strong{color:var(--brass-hi);font-family:Sarabun,Inter,sans-serif;font-size:20px;font-weight:600} body.theme-p110-aperture.page-1 main>.reading:has(.feature-list){max-width:none} body.theme-p110-aperture :is(.page-1,.page-3) .split-section,body.theme-p110-aperture.page-1 main>.split-section{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;padding:90px 0 100px;border-top:1px solid #2a2c32;align-items:center} body.theme-p110-aperture .split-section p{color:#cdc8bd;font-size:17px} /* viewfinder brackets around windows outside the home hero */ body.theme-p110-aperture :is(.split-section,.sticky-example) .agent-run::before{content:"";position:absolute;z-index:-1;inset:-18px;pointer-events:none; background:linear-gradient(var(--brass),var(--brass)) left top/34px 2px,linear-gradient(var(--brass),var(--brass)) left top/2px 34px, linear-gradient(var(--brass),var(--brass)) right top/34px 2px,linear-gradient(var(--brass),var(--brass)) right top/2px 34px, linear-gradient(var(--brass),var(--brass)) left bottom/34px 2px,linear-gradient(var(--brass),var(--brass)) left bottom/2px 34px, linear-gradient(var(--brass),var(--brass)) right bottom/34px 2px,linear-gradient(var(--brass),var(--brass)) right bottom/2px 34px, radial-gradient(closest-side,#c8a15a1f,#c8a15a00);background-repeat:no-repeat} /* models */ body.theme-p110-aperture .connection{position:relative;border:1px solid #3a3d45;border-radius:999px;background:linear-gradient(180deg,#22242a,#1a1b20);padding:20px 22px;margin:10px 0 80px;gap:14px;font-size:clamp(14px,1.6vw,20px);box-shadow:0 30px 60px -30px #000} body.theme-p110-aperture .connection span{border:1px solid #44474f;border-radius:999px;padding:16px 28px;background:#16171b;font-family:Sarabun,Inter,sans-serif;font-weight:600;color:var(--ivory);display:inline-flex;align-items:center;gap:12px} body.theme-p110-aperture .connection span::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--brass);background:radial-gradient(circle,var(--brass) 0 2px,#0000 2.5px)} body.theme-p110-aperture .connection span:last-child{border-color:#4fd08b88} body.theme-p110-aperture .connection span:last-child::before{border-color:var(--green);background:radial-gradient(circle,var(--green) 0 2px,#0000 2.5px)} body.theme-p110-aperture .connection b{color:var(--brass-hi);font-size:1.4em;flex:1;text-align:center;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat} body.theme-p110-aperture .connection b{display:block;line-height:1} body.theme-p110-aperture.page-2 main>.reading:first-of-type{padding-inline-start:0;max-width:980px} body.theme-p110-aperture.page-2 main>.reading:first-of-type::before{display:none} /* workflows */ body.theme-p110-aperture.page-3 .scenario{padding:40px 0 80px} body.theme-p110-aperture .workflow-grid{grid-template-columns:minmax(0,1fr);gap:56px;padding-bottom:90px} body.theme-p110-aperture .workflow-grid .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative} body.theme-p110-aperture .workflow-grid .steps::before{content:"";position:absolute;inset-inline:0;top:23px;height:1.5px;background:linear-gradient(90deg,var(--brass),#c8a15a40)} body.theme-p110-aperture .workflow-grid .steps article{padding:0;border:0;position:relative;min-width:0} [dir=rtl] body.theme-p110-aperture .workflow-grid .steps article{padding:0} body.theme-p110-aperture .workflow-grid .steps .number{position:relative;left:auto;right:auto;top:0;margin:0 0 22px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#16171b;border:1.5px solid var(--brass);color:var(--brass-hi);font:700 14px/1 Inter,sans-serif;opacity:1;box-shadow:0 0 0 6px #16171b} body.theme-p110-aperture .workflow-grid .steps article:last-child .number{background:var(--green);border-color:var(--green);color:#0f1a14} body.theme-p110-aperture .workflow-grid .steps h3{font-size:26px;margin:0 0 8px} body.theme-p110-aperture .workflow-grid .steps p{color:#c9c4b9;font-size:15.5px;padding:18px 20px;margin:12px 0 0;background:#1d1f24;border:1px solid var(--line);border-radius:14px} body.theme-p110-aperture .workflow-grid .steps h3{margin:0} body.theme-p110-aperture .sticky-example{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 56px;padding:56px;border:1px solid #33363e;border-radius:28px;background:radial-gradient(ellipse at 20% 10%,#c8a15a14,#c8a15a00 55%),#1a1b20;align-items:start} body.theme-p110-aperture .sticky-example>h2{grid-column:1/-1;margin:0} body.theme-p110-aperture .sticky-example .agent-run{margin:18px 18px 18px 18px} body.theme-p110-aperture .sticky-example .code-example{margin:0} body.theme-p110-aperture .sticky-example>p{grid-column:1/-1;margin:0} /* download */ body.theme-p110-aperture .download-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;margin-bottom:100px;align-items:start} body.theme-p110-aperture .download-card{border:1px solid #3a3d45;border-radius:30px;padding:50px 34px;background:radial-gradient(circle at 50% 0,#c8a15a22,#c8a15a00 60%),linear-gradient(180deg,#23252b,#1a1b20);box-shadow:0 40px 70px -30px #000} body.theme-p110-aperture .download-card h2{font-size:42px;margin:0 0 6px} body.theme-p110-aperture .download-card p{color:var(--muted)} body.theme-p110-aperture .download-card .button{margin-top:14px} body.theme-p110-aperture .app-icon{width:150px;height:150px;border-radius:50%;margin:0 auto 28px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-360.0 -360.0 720 720%22%3E%3Cdefs%3E%3ClinearGradient id=%22br%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23f3d9a0%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23c8a15a%22/%3E%3Cstop offset=%22.6%22 stop-color=%22%236f552c%22/%3E%3Cstop offset=%22.85%22 stop-color=%22%23dcbb76%22/%3E%3Cstop offset=%221%22 stop-color=%22%238d6c36%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22gl%22 cx=%22.45%22 cy=%22.4%22 r=%22.7%22%3E%3Cstop offset=%220%22 stop-color=%22%2322252c%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%2315161a%22/%3E%3Cstop offset=%221%22 stop-color=%22%230d0e11%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22bl%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%232f3239%22/%3E%3Cstop offset=%221%22 stop-color=%22%231f2126%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22bl2%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23383b43%22/%3E%3Cstop offset=%221%22 stop-color=%22%2325272d%22/%3E%3C/linearGradient%3E%3CclipPath id=%22rc%22%3E%3Ccircle r=%22318%22/%3E%3C/clipPath%3E%3CclipPath id=%22op%22%3E%3Cpolygon points=%22-91,-250 91,-250 230.4,-133 262,46.2 171,203.8 0,266 -171,203.8 -262,46.2 -230.4,-133%22/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle r=%22356.0%22 fill=%22%23121317%22 stroke=%22%232c2e35%22 stroke-width=%222%22/%3E%3Ccircle r=%22348.0%22 fill=%22none%22 stroke=%22url(%23br)%22 stroke-width=%227%22/%3E%3Ccircle r=%22332.0%22 fill=%22none%22 stroke=%22%23c8a15a%22 stroke-opacity=%22.55%22 stroke-width=%2212%22 stroke-dasharray=%221.6 12.9%22/%3E%3Ccircle r=%22332.0%22 fill=%22none%22 stroke=%22%23e7c983%22 stroke-width=%2220%22 stroke-dasharray=%222.6 84.3%22/%3E%3Ccircle r=%22318%22 fill=%22%2318191e%22 stroke=%22url(%23br)%22 stroke-width=%222%22/%3E%3Cg clip-path=%22url(%23rc)%22%3E%3Cpolygon points=%22-91,-250 611,-250 173.8,-678.1 -239.4,-657.8%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-91%22 y1=%22-250%22 x2=%22611%22 y2=%22-250%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%2291,-250 628.7,201.2 569,-407.7 239.4,-657.8%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%2291%22 y1=%22-250%22 x2=%22628.7%22 y2=%22201.2%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22230.4,-133 352.3,558.3 698,53.4 606.2,-350%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22230.4%22 y1=%22-133%22 x2=%22352.3%22 y2=%22558.3%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22262,46.2 -89,654.1 500.3,489.6 689.4,121.6%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22262%22 y1=%2246.2%22 x2=%22-89%22 y2=%22654.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22171,203.8 -488.6,443.9 68.6,696.6 450,536.2%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22171%22 y1=%22203.8%22 x2=%22-488.6%22 y2=%22443.9%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%220,266 -659.7,26 -395.2,577.7 0,700%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%220%22 y1=%22266%22 x2=%22-659.7%22 y2=%2226%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-171,203.8 -522,-404.1 -674.1,188.5 -450,536.2%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-171%22 y1=%22203.8%22 x2=%22-522%22 y2=%22-404.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-262,46.2 -140.1,-645.1 -637.6,-288.9 -689.4,121.6%22 fill=%22url(%23bl)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-262%22 y1=%2246.2%22 x2=%22-140.1%22 y2=%22-645.1%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3Cpolygon points=%22-230.4,-133 307.4,-584.2 -302.7,-631.2 -606.2,-350%22 fill=%22url(%23bl2)%22 stroke=%22%230e0f12%22 stroke-width=%222%22/%3E%3Cline x1=%22-230.4%22 y1=%22-133%22 x2=%22307.4%22 y2=%22-584.2%22 stroke=%22%23d6b26a%22 stroke-opacity=%22.55%22 stroke-width=%221.4%22/%3E%3C/g%3E%3Cg clip-path=%22url(%23op)%22%3E%3Crect x=%22-270%22 y=%22-270%22 width=%22540%22 height=%22540%22 fill=%22url(%23gl)%22/%3E%3C/g%3E%3Cpath d=%22M-210,-130 A230,230 0 0 1 -120,-202%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.09%22 stroke-width=%2210%22 stroke-linecap=%22round%22/%3E%3Ccircle r=%22250%22 fill=%22none%22 stroke=%22%23000%22 stroke-opacity=%22.5%22 stroke-width=%223%22/%3E%3C/svg%3E") center/contain no-repeat;color:var(--brass-hi);font:700 54px/1 Sarabun,Inter,sans-serif;box-shadow:0 26px 50px -18px #000} body.theme-p110-aperture .installer-origin{color:var(--muted)} body.theme-p110-aperture .installer-origin a{color:var(--brass-hi)} body.theme-p110-aperture.page-4 .download-grid .large{margin-top:0} body.theme-p110-aperture .download-grid .setup{list-style:none;counter-reset:ds;padding:0;margin:26px 0 30px;position:relative} body.theme-p110-aperture .download-grid .setup::before{content:"";position:absolute;inset-inline-start:21px;top:16px;bottom:16px;width:2px;background:linear-gradient(var(--brass),var(--green))} body.theme-p110-aperture .download-grid .setup li{counter-increment:ds;position:relative;padding:10px 0 18px;padding-inline-start:68px;color:#d7d2c7;font-size:16.5px} body.theme-p110-aperture .download-grid .setup li::before{content:counter(ds,upper-alpha);position:absolute;inset-inline-start:0;top:4px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#16171b;border:1.5px solid var(--brass);color:var(--brass-hi);font:700 18px/1 Sarabun,Inter,sans-serif} body.theme-p110-aperture .download-grid .setup li:last-child::before{background:var(--green);border-color:var(--green);color:#0f1a14} body.theme-p110-aperture .download-grid .notice{border-color:#c8a15a55;border-inline-start-color:var(--brass);background:#c8a15a10} body.theme-p110-aperture .download-grid .notice strong{color:var(--brass-hi)} body.theme-p110-aperture .reading .code-example{margin:16px 0 8px} body.theme-p110-aperture .reading code,body.theme-p110-aperture .reading pre{overflow-wrap:anywhere} /* faq page: chapters with a title column */ body.theme-p110-aperture.page-5 .faq{max-width:none;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:72px;row-gap:0;margin:0;padding:56px 0;border-top:1px solid #2a2c32;align-items:start} body.theme-p110-aperture.page-5 .faq>details{margin-bottom:12px} body.theme-p110-aperture.page-5 .faq:first-of-type{border-top:0;padding-top:10px} body.theme-p110-aperture.page-5 .faq>h2{grid-column:1;grid-row:1/span 20;margin:0;font-size:clamp(34px,3.4vw,48px);padding-top:6px} body.theme-p110-aperture.page-5 .faq>details{grid-column:2} body.theme-p110-aperture.page-5 .faq>h2::before{content:"";display:block;width:40px;height:40px;margin-bottom:22px;border-radius:50%;border:2px solid var(--brass);background:radial-gradient(circle,var(--brass) 0 5px,#0000 5.5px);box-shadow:0 0 0 7px #c8a15a1a} body.theme-p110-aperture.page-5 main>.closing{margin-top:40px} /* privacy: bento of policy cards */ body.theme-p110-aperture .privacy.reading{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:40px} body.theme-p110-aperture .privacy article{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#202227,#1a1b20);padding:34px 34px 20px;position:relative} body.theme-p110-aperture .privacy article:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;border-color:#4a4d55} body.theme-p110-aperture .privacy article:first-child h2{grid-row:1/span 4} body.theme-p110-aperture .privacy article h2{font-size:clamp(28px,2.6vw,36px);margin:0 0 16px;padding-top:44px;position:relative} body.theme-p110-aperture .privacy article h2::before{content:"";position:absolute;top:0;inset-inline-start:0;width:30px;height:30px;border-radius:50%;border:2px solid var(--brass);background:radial-gradient(circle,var(--brass) 0 4px,#0000 4.5px)} body.theme-p110-aperture .privacy article:last-of-type h2::before{border-color:var(--green);background:radial-gradient(circle,var(--green) 0 4px,#0000 4.5px)} body.theme-p110-aperture .privacy p{color:#cdc8bd;font-size:16px} body.theme-p110-aperture .privacy .updated{grid-column:1/-1;color:#97938a;opacity:1!important;font-size:13px!important} /* =================== RESPONSIVE =================== */ @media(max-width:1180px){ body.theme-p110-aperture .home-hero .agent-run{margin-inline-end:10px} body.theme-p110-aperture .home-hero .agent-run::before{width:760px} body.theme-p110-aperture main>.cards{grid-template-columns:repeat(3,minmax(0,1fr))} body.theme-p110-aperture main>.cards article:nth-child(4){border-inline-start:0} body.theme-p110-aperture main>.cards article:nth-child(n+4){border-top:1px solid #34373f} body.theme-p110-aperture.page-1 main>.cards article:nth-child(n+4){border-top:0} } @media(max-width:1000px){ body.theme-p110-aperture .home-hero{grid-template-columns:minmax(0,1fr);gap:60px;padding:30px 0 160px} body.theme-p110-aperture .home-hero .agent-run{justify-self:center;margin:60px 0 0} body.theme-p110-aperture .scenario,body.theme-p110-aperture .feature-matrix,body.theme-p110-aperture.page-0 main>.reading:has(.text-link),body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link)),body.theme-p110-aperture.page-5 .faq,body.theme-p110-aperture .download-grid,body.theme-p110-aperture :is(.page-1,.page-3) .split-section,body.theme-p110-aperture.page-1 main>.split-section{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>h2,body.theme-p110-aperture.page-5 .faq>h2{grid-row:auto;margin-bottom:24px} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p,body.theme-p110-aperture.page-5 .faq>details{grid-column:1} body.theme-p110-aperture.page-0 main>.reading:has(.text-link)>p:has(.text-link){grid-column:1;grid-row:auto;margin-top:24px} body.theme-p110-aperture .scenario p,body.theme-p110-aperture .feature-matrix>p{margin-top:20px} body.theme-p110-aperture .feature-matrix{row-gap:0} body.theme-p110-aperture .feature-matrix table{margin-top:30px} body.theme-p110-aperture .reading>.steps article,body.theme-p110-aperture .reading>.steps article:nth-child(2),body.theme-p110-aperture .reading>.steps article:nth-child(3){grid-column:1/-1} body.theme-p110-aperture .workflow-grid .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px} body.theme-p110-aperture .workflow-grid .steps::before{display:none} body.theme-p110-aperture .sticky-example{grid-template-columns:minmax(0,1fr);padding:36px} body.theme-p110-aperture .product-lead{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture .privacy article:first-child{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture .privacy article:first-child h2{grid-row:auto} } @media(max-width:760px){ body.theme-p110-aperture :is(h1,h2,h3){hyphens:auto;-webkit-hyphenate-limit-before:6;-webkit-hyphenate-limit-after:6;hyphenate-limit-chars:14 6 6;overflow-wrap:anywhere} body.theme-p110-aperture .header{min-height:0} body.theme-p110-aperture .header .brand{font-size:23px} body.theme-p110-aperture .header .brand-symbol{width:36px;height:36px} body.theme-p110-aperture .header.nav-open{background:#16171b} body.theme-p110-aperture .home-hero{padding:22px 0 120px;min-height:0;gap:0} body.theme-p110-aperture .home-hero h1{font-size:clamp(36px,10.7vw,42px);line-height:1.04;margin-bottom:18px} html:is([lang=ru],[lang=uk],[lang=ar],[lang=ja],[lang=ko],[lang=hi]) body.theme-p110-aperture .home-hero h1{font-size:clamp(32px,9.6vw,37px)} body.theme-p110-aperture .hero-copy .eyebrow{margin-bottom:18px;font-size:13px} body.theme-p110-aperture .home-hero .hero-lead{font-size:16.5px;line-height:1.6} body.theme-p110-aperture .home-hero .actions{margin-top:24px;gap:14px} body.theme-p110-aperture .home-hero .agent-run{width:100%;margin-top:100px} body.theme-p110-aperture .home-hero .agent-run::before{width:640px} body.theme-p110-aperture .home-hero .agent-run::after{width:760px} body.theme-p110-aperture .hero::before{-webkit-mask-image:linear-gradient(#0006,#000);mask-image:linear-gradient(#0006,#000)} body.theme-p110-aperture .hero::after{background:linear-gradient(180deg,#16171bb3 0,#16171b00 45%,#16171b00 70%,#16171b 100%)} body.theme-p110-aperture main>.cards,body.theme-p110-aperture.page-1 main>.cards{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:20px} body.theme-p110-aperture.page-0 main>.cards{margin-top:-60px} body.theme-p110-aperture main>.cards article{padding:18px 18px 20px;border-inline-start:0} body.theme-p110-aperture main>.cards article:nth-child(2n){border-inline-start:1px solid #34373f} body.theme-p110-aperture main>.cards article:nth-child(n+3){border-top:1px solid #34373f} body.theme-p110-aperture.page-1 main>.cards{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture.page-1 main>.cards article{border-inline-start:0} body.theme-p110-aperture.page-1 main>.cards article:nth-child(n+2){border-top:1px solid #34373f} body.theme-p110-aperture main>.cards h3{font-size:28px} body.theme-p110-aperture .scenario{padding:80px 0 60px} body.theme-p110-aperture .scenario::before{width:380px;inset-inline-start:-150px} body.theme-p110-aperture .scenario h2{font-size:clamp(36px,10vw,46px)} body.theme-p110-aperture .scenario p{font-size:17px} body.theme-p110-aperture .reading>.steps article::before{height:112px;margin-bottom:38px} body.theme-p110-aperture .reading>.steps .number{top:88px;inset-inline-start:20px} body.theme-p110-aperture .reading>.steps h3{margin-inline:20px} body.theme-p110-aperture .reading>.steps p{margin-inline:20px} body.theme-p110-aperture .reading>.steps .code-example{margin-inline:20px} body.theme-p110-aperture .feature-matrix{padding-bottom:70px} body.theme-p110-aperture .feature-matrix th,body.theme-p110-aperture .feature-matrix td{display:table-cell;width:auto;padding:14px 10px;font-size:14px;vertical-align:top} body.theme-p110-aperture .feature-matrix th:first-child{width:33%} body.theme-p110-aperture .feature-matrix thead th{font-size:14px;padding-block:10px} body.theme-p110-aperture .feature-matrix tbody th{font-size:15px;border-bottom:0;padding-inline:8px;overflow-wrap:normal;hyphens:auto} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(2){padding-inline-start:28px} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(2)::before{inset-inline-start:10px;top:21px;width:9px;height:9px;box-shadow:0 0 0 3px #4fd08b2e} body.theme-p110-aperture .feature-matrix tbody td:nth-of-type(1)::before{display:none} body.theme-p110-aperture.page-0 .split-section{padding:60px 0 70px} body.theme-p110-aperture.page-0 .split-section .setup{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture.page-0 .split-section .setup::before{display:none} body.theme-p110-aperture.page-0 .split-section .setup::after{top:24px;bottom:24px;height:auto;width:2px;inset-inline:23px auto;background:linear-gradient(var(--brass),var(--green))} body.theme-p110-aperture.page-0 .split-section .setup li{padding:10px 0 22px;padding-inline-start:68px} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p{padding:20px 20px} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p:nth-of-type(2){margin-inline-start:12px} body.theme-p110-aperture.page-0 main>.reading:not(:has(.steps)):not(:has(.text-link))>p:nth-of-type(3){margin-inline-start:24px} body.theme-p110-aperture.page-0 .faq{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture .faq details{padding:18px 18px} body.theme-p110-aperture .faq summary{font-size:17px} body.theme-p110-aperture .closing{padding:100px 4px} body.theme-p110-aperture .closing::before{background-size:420px 420px,auto} body.theme-p110-aperture .closing h2{font-size:clamp(36px,10vw,46px)} body.theme-p110-aperture .closing .button.primary{padding:15px 20px;gap:8px} body.theme-p110-aperture .notice{padding:16px 16px} body.theme-p110-aperture.page-0 main>.reading:has(.text-link)>p:has(.text-link){grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture footer .footer-top .brand{font-size:clamp(48px,15vw,90px)} body.theme-p110-aperture .footer-bottom{flex-direction:column} body.theme-p110-aperture .inner-hero{display:block;min-height:0;padding:28px 0 50px} body.theme-p110-aperture .hero-number{display:none} body.theme-p110-aperture .inner-hero h1{font-size:clamp(34px,10vw,44px);line-height:1.06} html:is([lang=ru],[lang=uk],[lang=ar],[lang=ja],[lang=ko],[lang=hi]) body.theme-p110-aperture .inner-hero h1{font-size:clamp(30px,9vw,38px)} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading{padding-inline-start:36px} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading::before{inset-inline-start:7px} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>h2::before{inset-inline-start:-38px;width:18px;height:18px} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>h3::before{inset-inline-start:-35px;width:12px;height:12px} body.theme-p110-aperture :is(.page-1,.page-2,.page-3,.page-4) main>.reading>h3{font-size:24px} body.theme-p110-aperture.page-2 main>.reading:first-of-type{padding-inline-start:0} body.theme-p110-aperture .large,body.theme-p110-aperture .product-lead p.large{font-size:19px} body.theme-p110-aperture .product-lead p.large{padding-inline-start:18px} body.theme-p110-aperture .feature-list li{padding:16px 18px} body.theme-p110-aperture .connection{flex-direction:column;align-items:stretch;border-radius:26px;padding:18px} body.theme-p110-aperture .connection span{justify-content:center} body.theme-p110-aperture .connection b{background:none;transform:rotate(90deg);flex:none} body.theme-p110-aperture .workflow-grid .steps{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture .sticky-example{padding:22px 16px;border-radius:22px} body.theme-p110-aperture .sticky-example .agent-run{margin:14px 6px} body.theme-p110-aperture :is(.split-section,.sticky-example) .agent-run::before{inset:-12px} body.theme-p110-aperture .split-section{padding:60px 0 70px} body.theme-p110-aperture .download-card{padding:36px 20px} body.theme-p110-aperture .download-grid{gap:44px} body.theme-p110-aperture.page-5 .faq{padding:40px 0} body.theme-p110-aperture .privacy.reading{grid-template-columns:minmax(0,1fr)} body.theme-p110-aperture .privacy article{padding:26px 22px 14px} } @media(prefers-reduced-motion:reduce){body.theme-p110-aperture .button{transition:none}} /* long words break with a hyphen, short words never split */ html body[class*="theme-"] :is(h1,h2){hyphens:auto!important;-webkit-hyphens:auto!important;hyphenate-limit-chars:10 5 5;overflow-wrap:break-word} /* no automatic hyphenation in the main headline (long words still wrap) */ body h1{hyphens:manual;-webkit-hyphens:manual}