.template-licensed{isolation:isolate;color:var(--text);background:var(--background)!important}.template-licensed.template-licensed :is(h1,h2,h3,h4,strong){color:var(--text)}.template-licensed .licensed-template-credit{border-top:1px solid color-mix(in srgb, var(--text) 14%, transparent);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-block:clamp(3rem,7vw,6rem) 1rem;padding-block:1rem;font-size:.72rem;display:flex}.template-licensed .licensed-template-credit a{color:var(--accent);font-weight:850}.template-source-start-bootstrap:not([data-site-type=ecommerce]) .sth-layout-hero,.template-source-start-bootstrap :is(.studio-hero,.seo-hero,.personal-hero,.tech-hero){background:linear-gradient(125deg, color-mix(in srgb, var(--accent) 88%, #111) 0 45%, transparent 45%), linear-gradient(135deg, var(--surface-soft), var(--surface));box-shadow:0 24px 70px color-mix(in srgb, var(--accent) 18%, transparent);border:0}.template-source-start-bootstrap:not([data-site-type=ecommerce]) .sth-layout-hero h1,.template-source-start-bootstrap :is(.studio-hero,.seo-hero,.personal-hero,.tech-hero) h1{text-wrap:balance;max-width:13ch}.template-source-start-bootstrap :is(.sth-content-section,.service-grid,.project-grid) article{border-bottom:4px solid var(--accent)}.template-source-start-bootstrap[data-site-type=ecommerce] .sth-layout-hero{min-height:clamp(28rem,44vw,36rem);box-shadow:0 24px 70px color-mix(in srgb, var(--accent) 16%, transparent);color:#fff;background:linear-gradient(90deg,#050c0a0a,#050c0a80);border:0;grid-template-columns:1fr!important}.template-source-start-bootstrap[data-site-type=ecommerce] .sth-commerce-offer{justify-self:end;width:min(34rem,48%)}.template-source-start-bootstrap[data-site-type=ecommerce] .sth-commerce-offer :is(h1,p,strong,span){color:#fff}.template-source-vercel{--radius:.25rem!important;--radius-lg:.25rem!important;--radius-xl:.25rem!important}.template-source-vercel .sth-layout-hero,.template-source-vercel :is(.studio-hero,.seo-hero,.personal-hero,.tech-hero){border:1px solid color-mix(in srgb, var(--text) 18%, transparent);background:linear-gradient(color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px), var(--background);background-size:42px 42px;min-height:34rem}.template-source-vercel :is(.sth-kicker,.vertical-kicker){border:1px solid;border-radius:999px;padding:.45rem .7rem}.template-source-vercel :is(.sth-content-section,.tech-dashboard,.proof-strip){box-shadow:none!important}.template-source-astro .sth-layout-hero,.template-source-astro :is(.studio-hero,.seo-hero,.personal-hero,.tech-hero){border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--accent) 48%, transparent), transparent 28%), radial-gradient(circle at 82% 70%, #ff6d5a52, transparent 32%), var(--background);border-radius:clamp(1.5rem,4vw,3rem);overflow:hidden}.template-source-astro :is(.sth-primary,.vertical-cta){box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px}.template-source-astro :is(.sth-content-section,.notes-grid,.insight-grid) article{border-radius:1.5rem}.template-source-github-pages{--content-width:1040px!important;--font-heading:"Noto Naskh Arabic Variable", Tahoma, serif!important}.template-source-github-pages .sth-layout-hero,.template-source-github-pages :is(.newsroom-hero,.personal-hero,.studio-hero){border:0;border-block:6px double var(--text);min-height:24rem;box-shadow:none;background:0 0;border-radius:0}.template-source-github-pages :is(.sth-content-section,.newsroom-grid,.notes-section) article{box-shadow:none;background:0 0;border-inline:0;border-radius:0}.template-source-bootswatch .sth-layout-hero,.template-source-bootswatch :is(.studio-hero,.seo-hero,.personal-hero,.tech-hero){border:1px solid color-mix(in srgb, var(--text) 18%, transparent);background:linear-gradient(150deg, var(--surface), var(--surface-soft));box-shadow:0 1px 2px color-mix(in srgb, var(--text) 12%, transparent), 0 20px 55px color-mix(in srgb, var(--text) 9%, transparent)}.template-source-bootswatch :is(.sth-content-section,.proof-strip,.sth-metrics){border:1px solid color-mix(in srgb, var(--text) 15%, transparent)}.template-source-html5up{--section-gap:5rem}.template-source-html5up .sth-layout-hero,.template-source-html5up :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero){border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);min-height:36rem;position:relative;overflow:hidden;background:linear-gradient(115deg, color-mix(in srgb, var(--surface) 95%, transparent) 0 56%, transparent 56%), radial-gradient(circle at 82% 30%, var(--accent-soft), transparent 34%), var(--background)!important}.template-source-html5up :is(.cf-news-masthead,.cf-news-edition,.vertical-heading){color:var(--text)!important}.template-source-html5up :is(.news-row,.insight-grid article,.notes-grid article){border-color:color-mix(in srgb, var(--accent) 28%, transparent)!important;background:var(--surface)!important;color:var(--text)!important}.template-source-html5up .sth-layout-hero:before,.template-source-html5up :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero):before{border:1px solid var(--accent);content:"";opacity:.55;border-radius:50%;width:23rem;height:23rem;position:absolute;inset:auto -8% -36% auto}.template-source-html5up :is(.sth-primary,.vertical-cta){letter-spacing:.04em;text-transform:uppercase}.template-source-html5up :is(.sth-content-section,.newsroom-grid,.tech-dashboard) article{border-color:color-mix(in srgb, var(--accent) 26%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent)!important}.template-variant-2:not([data-site-type=ecommerce]) .sth-layout-hero,.template-variant-2 :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero){text-align:center}.template-variant-2 .sth-layout-hero>*,.template-variant-2 :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero)>*{margin-inline:auto}.template-variant-3:not([data-site-type=ecommerce]) .sth-layout-hero,.template-variant-3 :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero){clip-path:polygon(0 0,100% 0,100% 90%,58% 90%,52% 100%,46% 90%,0 90%);border-radius:0}.template-variant-4:not([data-site-type=ecommerce]) .sth-layout-hero,.template-variant-4 :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero){border-inline-start:clamp(.6rem, 2vw, 1.4rem) solid var(--accent);min-height:28rem;box-shadow:none}.template-variant-5 :is(.sth-content-section,.newsroom-grid,.notes-section)>:is(div,ol){grid-template-columns:repeat(2,minmax(0,1fr))}.template-variant-6{--content-width:1380px!important;--design-h1-size:clamp(3.2rem, 7vw, 7.5rem)!important}.template-variant-6:not([data-site-type=ecommerce]) .sth-layout-hero,.template-variant-6 :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero){min-height:42rem}.template-style-editorial :is(h1,h2,h3),.template-style-minimal-content-first-blog :is(h1,h2,h3),.template-style-personal-introduction :is(h1,h2,h3){font-family:Noto Naskh Arabic Variable,Tahoma,serif;font-weight:780}.template-style-dashboard :is(.sth-content-section,.tech-dashboard),.template-style-quiet-shadcn-style-dashboard :is(.sth-content-section,.tech-dashboard){border:1px solid color-mix(in srgb, var(--text) 13%, transparent);border-radius:.75rem}.template-style-commerce :is(.sth-content-section,.tech-dashboard)>:is(div,ol),.template-style-editorial-product-grid :is(.sth-content-section,.tech-dashboard)>:is(div,ol){grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.template-source-start-bootstrap .sth-layout-hero,.template-source-start-bootstrap :is(.studio-hero,.seo-hero,.personal-hero,.tech-hero){background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 28%, var(--surface)), var(--surface))}.template-source-start-bootstrap[data-site-type=ecommerce] .sth-layout-hero{background-position:66%;align-items:end;min-height:34rem;padding:1rem;display:flex}.template-source-start-bootstrap[data-site-type=ecommerce] .sth-commerce-offer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04120edb;border-radius:1rem;width:100%;padding:1.1rem}.template-source-html5up .sth-layout-hero,.template-source-html5up :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero),.template-source-vercel .sth-layout-hero,.template-source-vercel :is(.studio-hero,.seo-hero,.personal-hero,.tech-hero),.template-variant-6 .sth-layout-hero,.template-variant-6 :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero){min-height:auto}.template-variant-3 .sth-layout-hero,.template-variant-3 :is(.newsroom-hero,.studio-hero,.seo-hero,.personal-hero,.tech-hero){clip-path:polygon(0 0,100% 0,100% 96%,58% 96%,52% 100%,46% 96%,0 96%);padding-bottom:4rem}.template-variant-5 :is(.sth-content-section,.newsroom-grid,.notes-section)>:is(div,ol),.template-style-commerce :is(.sth-content-section,.tech-dashboard)>:is(div,ol),.template-style-editorial-product-grid :is(.sth-content-section,.tech-dashboard)>:is(div,ol){grid-template-columns:1fr}}body.marketplace-theme .template-portfolio .sth-kicker,body.marketplace-theme .template-personal .personal-hero .vertical-kicker{border-color:var(--accent);background:var(--surface)!important;color:var(--text)!important}
@layer components{.site-content-root{min-inline-size:0;scroll-margin-block-start:5.5rem}.template-skip-link{z-index:100;background:var(--surface,#fff);min-block-size:2.75rem;color:var(--text,#111827);border:2px solid;border-radius:.75rem;align-items:center;padding:.6rem 1rem;font-weight:800;transition:transform .16s;display:inline-flex;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-160%)}.template-skip-link:focus-visible{transform:translateY(0)}.site-header{border-color:var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--text);box-shadow:0 .75rem 2rem -1.5rem color-mix(in srgb, var(--text) 42%, transparent)}.site-header .brand strong{color:var(--text);-webkit-text-fill-color:currentColor;background:0 0}.site-header .brand small,.site-header nav{color:var(--muted)}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--text)}.template-page,.template-page :where(section,article,aside,header,nav,div,ol,ul,li){min-inline-size:0}.template-page{overflow-wrap:anywhere;container-type:inline-size}.template-page :where(h1,h2,h3,p){text-wrap:pretty}.template-page h1{max-inline-size:20ch;font-size:clamp(2.15rem,8cqi,6.7rem);line-height:max(1.02, var(--heading-leading,1.12))}.template-page :where(a,button,input,select,textarea){max-inline-size:100%}.template-page :where(a,button){touch-action:manipulation}.template-page :focus-visible,.site-header :focus-visible,.site-footer :focus-visible{outline-color:var(--focus-ring,currentColor)}.template-masthead nav,.site-primary-nav{flex-wrap:wrap}.template-masthead__aside{color:var(--muted);font-size:.82rem;font-weight:750}.template-state{text-align:center;border-style:solid;place-items:center;gap:.65rem;min-block-size:10rem;display:grid}.template-state strong,.template-state p{margin:0}.template-state[data-renderer-state=error]{border-color:color-mix(in srgb, #b42318 50%, var(--line));background:color-mix(in srgb, #b42318 6%, var(--surface))}.template-state[data-renderer-state=loading]{opacity:.78}.template-configurable-slot:empty{display:none}.template-media,.template-media-fallback{block-size:100%;min-block-size:12rem;inline-size:100%;aspect-ratio:var(--image-ratio,4 / 3);border-radius:var(--radius,1rem)}.template-media{object-fit:cover;background:var(--surface-soft);display:block}.template-media-fallback{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--muted);text-align:center;align-content:center;place-items:center;gap:.75rem;display:grid}.template-licensed .licensed-template-credit a,.template-page :is(.sth-kicker,.vertical-kicker){color:var(--accent-display,var(--text))}.template-licensed :is(.sth-content-section,.service-grid,.project-grid,.tech-feed,.cf-personal-bookshelf) article>p{color:color-mix(in srgb, var(--muted) 55%, var(--text))}.sth-commerce-featured-product{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);align-content:start;gap:.75rem;padding:clamp(1rem,3vw,1.5rem);display:grid;overflow:hidden}.sth-commerce-featured-product :where(h2,p){margin:0}.sth-commerce-featured-product>strong{color:var(--accent-display,var(--accent));font-size:clamp(1.25rem,3vw,2rem)}.tech-published-summary{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 8%, transparent);align-content:center;justify-items:center;gap:.5rem;min-block-size:12rem;display:grid}.tech-published-summary strong{font-size:clamp(2.5rem,8vw,6rem);line-height:1}.template-route-state{align-content:center;justify-items:start;gap:.8rem;min-block-size:55vh;padding-block:clamp(4rem,10vw,8rem);display:grid}.template-route-state :where(p,h1,span){margin:0}.template-route-state h1{max-inline-size:18ch;font-size:clamp(2.25rem,7vw,5rem)}.template-route-state p{color:var(--accent);font-weight:800}.template-route-state button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);min-block-size:3rem;color:var(--accent-ink);cursor:pointer;margin-block-start:1rem;padding-inline:1.25rem;font-weight:850}.site-header .header-inner{grid-template-columns:minmax(12rem,auto) minmax(14rem,1fr) auto auto auto;gap:clamp(.65rem,2vw,1.5rem);display:grid}.site-header .brand,.site-header .marketplace-header-search,.site-header nav{min-inline-size:0}.commerce-utility-nav a span{white-space:nowrap}@media (max-width:70rem){.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto auto;padding-block:.75rem}.site-header .marketplace-header-search{grid-area:2/1/auto/-1}.site-header .site-primary-nav{justify-self:end}}@media (max-width:48rem){.site-header{position:relative}.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto}.site-header .brand small{display:none}.site-header :where(.site-primary-nav,.commerce-utility-nav){overscroll-behavior-inline:contain;scrollbar-width:thin;grid-column:1/-1;justify-self:stretch;padding-block-end:.25rem;overflow-x:auto}.template-masthead{grid-template-columns:minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.template-masthead nav{overscroll-behavior-inline:contain;inline-size:100%;padding-block-end:.25rem;overflow-x:auto}.sth-layout-hero,.cf-news-lead-layout,.cf-tech-radar-hero,.cf-personal-introduction{grid-template-columns:minmax(0,1fr)}.cf-personal-introduction .portrait-mark{inline-size:min(8rem,42vw)}}@media (max-width:30rem){.shell,.sth-config-copy{inline-size:calc(100% - 1rem)}.template-page h1,.cf-news-lead-layout h1,.cf-seo-audit-console h1,.cf-studio-kinetic-hero h1,.cf-tech-radar-hero h1{letter-spacing:-.035em;font-size:clamp(2rem,12vw,3.15rem);line-height:1.08}.sth-content-section>header,.vertical-heading{flex-direction:column;align-items:start;gap:.5rem}.sth-commerce-actions,.hero-actions{grid-template-columns:minmax(0,1fr);display:grid}.sth-commerce-actions a,.hero-actions a,.sth-primary,.vertical-cta{inline-size:100%}}@media (prefers-reduced-motion:reduce){.template-skip-link,.template-page *,.template-page :before,.template-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}@media (forced-colors:active){.template-page :where(a,button,input,select,textarea),.template-state,.template-media-fallback,.sth-commerce-featured-product{forced-color-adjust:auto;border:1px solid canvastext}.template-page :focus-visible,.template-skip-link:focus-visible{outline-offset:3px;outline:3px solid highlight}}}.template-licensed .licensed-template-credit a,body.marketplace-theme .template-page.template-licensed :is(.sth-kicker,.vertical-kicker){color:var(--accent-display,var(--text))}