.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),url(/assets/commerce-espresso-hero.png) 50%/cover no-repeat;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}}
