/*
 * TAYFUN TASKIN / STUDIO 2026 — v3.3.0
 * Original design inspired by portfolio editorial principles (not theme source code).
 * Unlayered integration overrides run AFTER the site's existing CSS cascade.
 * System font stack, no remote tracking assets, progressive 2026 CSS.
 */
:root{
  --st-void:#0c100f;--st-night:#101715;--st-surface:#18201d;
  --st-acid:#bded67;--st-acid-soft:#d8f59c;--st-paper:#f6f7f2;
  --st-white:#fff;--st-muted:#a8b5ac;--st-ink:#15201b;
  --st-line:rgba(255,255,255,.14);--st-round:18px;
  --st-sans:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;
  --st-display:Impact,"Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--st-sans)}
::selection{background:var(--st-acid);color:var(--st-void)}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--st-acid)!important;outline-offset:4px}
/* Shared site identity on homepage, blog and subpages. */
body .site-header,body .site-header.scrolled{background:rgba(12,16,15,.96)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(22px)}
body .site-header .brand-symbol{background:var(--st-acid)!important;color:#101512!important;border-radius:11px}
body .site-header .brand-dot{color:#0c100f!important}
body .site-header .brand-word strong{font-family:var(--st-sans);font-weight:850;color:#f9fcf6!important;letter-spacing:-.06em}
body .site-header .brand-word small{color:#acb7ad!important;letter-spacing:.14em}
body .site-header .nav-item>a,body .site-header .nav-parent-label{color:#dce4db!important;font-weight:680}
body .site-header .nav-item>a:hover,body .site-header .nav-item>a[aria-current="page"]{color:var(--st-acid)!important}
body .site-header .nav-contact{background:var(--st-acid)!important;border:1px solid var(--st-acid)!important;color:#101512!important;font-weight:820;border-radius:10px!important}
body .site-header .nav-contact:hover{background:#dcffa1!important}
body .site-header .dropdown{background:#202a25!important;border:1px solid #3c4b40!important;border-radius:12px}
body .site-header .dropdown a:hover{color:var(--st-acid)!important}
/* HOME — distinct Glint-inspired, editorial dark art direction */
body.home-page{--studio-accent:var(--st-acid);--studio-accent-bright:#d8f59c;--accent:#a7cf58;--paper:var(--st-paper);--ink:var(--st-ink);background:var(--st-paper);color:var(--st-ink);color-scheme:light}
body.home-page .container{width:min(1320px,calc(100% - 92px))}
body.home-page .design-hero{background:var(--st-void)!important;color:white;min-height:0;isolation:isolate}
body.home-page .design-hero::before{z-index:-1;background:radial-gradient(ellipse at 80% 20%,rgba(134,186,74,.1),transparent 48%),repeating-linear-gradient(128deg,transparent 0,transparent 85px,#ffffff06 86px,#ffffff06 87px)}
body.home-page .design-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(24px,3vw,56px);min-height:clamp(670px,78svh,920px)}
body.home-page .design-hero-copy{position:relative;z-index:4;padding-block:clamp(75px,10vw,145px) 65px}
body.home-page .design-eyebrow{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #66834b66;border-radius:100px;color:var(--st-acid)!important;letter-spacing:.2em;margin-bottom:28px;background:#b9ec6620}
body.home-page .design-eyebrow-dot{background:var(--st-acid);box-shadow:0 0 0 5px #b9ec6625}
body.home-page .design-hero-intro{color:#fff;font-weight:780;font-size:clamp(14px,1.25vw,17px);letter-spacing:.035em}
body.home-page .design-hero-intro span{font-weight:450;color:#b6c1b9}
body.home-page .design-hero h1{font-family:var(--st-display);font-stretch:condensed;font-weight:200;font-style:normal;font-size:clamp(74px,7.65vw,128px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;color:#fff!important;max-width:890px;margin:0 0 33px}
body.home-page .design-hero h1 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--st-acid)!important}
body.home-page .design-title-dot{color:var(--st-acid)!important}
body.home-page .design-hero-description{max-width:575px;font-size:clamp(15px,1.35vw,18px);font-weight:450;line-height:1.78;color:#bdc9c0;margin-bottom:34px}
body.home-page .design-hero-actions{gap:12px}
body.home-page .design-button{border-radius:9px;padding:16px 22px;font-weight:820;min-height:56px;box-shadow:none;letter-spacing:.01em}
body.home-page .design-button-primary{background:var(--st-acid)!important;color:#111b11!important;border-color:var(--st-acid)}
body.home-page .design-button-primary:hover{background:#d6ffa0!important}
body.home-page .design-button-ghost{border-color:#66736b!important;color:#f7f8f3!important}
body.home-page .design-button-ghost:hover{border-color:var(--st-acid)!important;background:#afdf6819}
body.home-page .design-hero-index{margin-top:clamp(38px,5vw,74px);padding-top:22px;border-top-color:#ffffff25;gap:clamp(16px,3vw,45px)}
body.home-page .design-hero-index span{font-weight:800;letter-spacing:.095em;color:#9daa9e}
body.home-page .design-hero-visual{overflow:hidden;align-items:stretch;min-height:100%;background:linear-gradient(115deg,#242b24,#3e4031)}
body.home-page .design-hero-visual>img{max-height:none;height:100%;width:100%;object-fit:cover;object-position:center 18%;filter:grayscale(1) contrast(1.1);mask-image:linear-gradient(to bottom,#000 73%,transparent 100%);transition:filter .6s ease}
body.home-page .design-hero-visual:hover>img{filter:grayscale(.6) contrast(1.07)}
body.home-page .design-portrait-halo{left:4%;top:15%;width:min(96%,550px);border-color:#d8fb7540;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff05}
body.home-page .design-hero-visual::after{background:linear-gradient(transparent,#0d110fa8)}
body.home-page .design-hero-visual-caption{bottom:32px;right:24px}
body.home-page .design-hero-visual-caption span{color:var(--st-acid)}
body.home-page .design-hero-visual-caption strong{font:750 24px/1.1 var(--st-sans);letter-spacing:-.055em}
body.home-page .design-hero-number{color:#ffffff16;font-family:var(--st-display);font-size:clamp(170px,17vw,290px)}
body.home-page .design-hero-number span{color:#a8f0433a}
body.home-page .design-hero-footer{background:#151b18;border-color:#334338}
body.home-page .design-hero-footer .container{color:#a7b8a5;min-height:50px}
/* Clear entry points / content first */
body.home-page .design-directory{background:#f3f5ed;padding-block:clamp(64px,6vw,95px)}
body.home-page .design-section-index,body.home-page .overline{color:#557735!important;font-weight:850;letter-spacing:.18em}
body.home-page .design-directory h2,body.home-page .section-heading h2,body.home-page .about-content h2,body.home-page .home-catalog-heading h2{font-family:var(--st-sans);font-weight:840;font-style:normal;letter-spacing:-.065em;line-height:1.06;color:#142019}
body.home-page .design-directory h2{font-size:clamp(36px,4.3vw,62px)}
body.home-page .design-directory-grid{gap:15px}
body.home-page .design-directory-card{background:#fff!important;border:1px solid #dce4d8!important;border-radius:14px;color:#16231a!important;min-height:228px;box-shadow:0 10px 25px #1d382109;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s}
body.home-page .design-directory-card::before{content:"";height:4px;background:var(--st-acid);position:absolute;inset:0 0 auto;transform:scaleX(0);transform-origin:left;transition:transform .25s}
body.home-page .design-directory-card:hover{transform:translateY(-5px);box-shadow:0 24px 45px #1d382118;border-color:#b5cc9f!important}
body.home-page .design-directory-card:hover::before{transform:scaleX(1)}
body.home-page .design-directory-num{color:#68805a;font-weight:830}
body.home-page .design-directory-card strong{font:800 clamp(25px,2.2vw,35px)/1.1 var(--st-sans);letter-spacing:-.052em}
body.home-page .design-directory-desc{color:#65736b}
body.home-page .design-directory-arrow{color:#698a40}
body.home-page .refs-section{background:#fff}
body.home-page .section-heading h2,body.home-page .about-content h2{font-size:clamp(42px,4.8vw,74px)}
body.home-page .section-heading h2 em,body.home-page .home-catalog-heading h2 em{font-family:inherit;font-style:normal;color:#668f35}
body.home-page .section-heading p,body.home-page .about-content .rich-content{font-size:clamp(15px,1.35vw,17px);color:#59665e}
body.home-page .refs-grid{gap:22px}
body.home-page .ref-card{background:#f8f9f5;border:1px solid #e4e9df;border-radius:14px;overflow:hidden;box-shadow:none}
body.home-page .ref-card:hover{background:#fff;border-color:#bbd49b;box-shadow:0 23px 45px #17301a18}
body.home-page .ref-card :is(h3,h4){font:800 clamp(24px,2.1vw,32px)/1.13 var(--st-sans);color:#14251b;letter-spacing:-.05em}
body.home-page .ref-card p{color:#677269}
body.home-page .ref-image{background:#1e2822}
body.home-page .ref-meta{color:#6d805e}
body.home-page .ref-body a{color:#486e22!important;font-weight:800}
/* The process is a dark contrast break, rather than a repeated card grid. */
body.home-page .design-approach{background:#111a16!important;border-block:1px solid #354536}
body.home-page .design-approach .design-section-index{color:var(--st-acid)!important}
body.home-page .design-approach h2{font-family:var(--st-sans);font-size:clamp(44px,5vw,77px);line-height:1.05;letter-spacing:-.07em;font-weight:850;color:#fff}
body.home-page .design-approach h2 em{font-family:inherit;font-weight:850;font-style:normal;color:var(--st-acid)!important}
body.home-page .design-approach-intro p{color:#afc0b0}
body.home-page .design-approach-grid{background:#344239;border:1px solid #344239;border-radius:14px}
body.home-page .design-approach-grid article{background:#1d2922;padding:clamp(23px,2.5vw,41px)}
body.home-page .design-approach-grid article>span,body.home-page .design-process-icon{color:var(--st-acid)}
body.home-page .design-approach-grid h3{font-family:var(--st-sans);font-weight:800;color:#fff;letter-spacing:-.055em}
body.home-page .design-approach-grid p{color:#b4c1b8}
body.home-page .about-section{background:#f7f8f3}
body.home-page .about-portrait{border-radius:14px;overflow:hidden}
body.home-page .author-statement{background:#18231c!important}
body.home-page .author-statement .overline{color:var(--st-acid)!important}
body.home-page .service-card{border-radius:14px;border-color:#dfe7dc;background:#fff}
body.home-page .service-card:hover{border-color:#b0d17d}
body.home-page .service-card h3{font-family:var(--st-sans);font-weight:800;letter-spacing:-.045em}
body.home-page .service-card .card-arrow{color:#608936}
body.home-page .skills-section{background:#f5f7ef}
body.home-page .writer-skill{border-radius:14px}
body.home-page .skill-track>span{background:var(--st-acid)}
body.home-page .book-section{background:#171f1a}
body.home-page .book-section .book-overline{color:var(--st-acid)!important}
body.home-page .book-info h2 em{color:var(--st-acid)}
body.home-page .book-buttons .btn-light{background:var(--st-acid);border-color:var(--st-acid);color:#0c130f}
body.home-page .home-catalog-section{background:#f7f8f2}
body.home-page .software-home-section{background:#fff}
body.home-page .software-card{border-radius:15px;overflow:hidden}
body.home-page .blog-home-teaser{background:#f1f4eb}
body.home-page .blog-home-teaser h2{font-family:var(--st-sans);font-weight:850;letter-spacing:-.055em}
body.home-page .blog-home-teaser h2 em{font-family:inherit;font-style:normal;color:#6d9241}
body.home-page .cta-section{background:#c2ec80!important;color:#14220f}
body.home-page .cta-section h2,body.home-page .cta-section h2 em{color:#14220f!important}
body.home-page .cta-section .btn{background:#131e16;color:#f8faf7;border-color:#131e16}
body.home-page .contact-section{background:#f9faf7}
body.home-page .contact-form{border-radius:16px;box-shadow:0 22px 60px #15301a11}
body.home-page .btn-submit{background:#151f18;border-color:#151f18;color:#fff}
body.home-page .site-footer{background:#0d1510!important;border-top:1px solid #304034}
body.home-page .site-footer .brand-symbol{background:var(--st-acid)}
body.home-page .mobile-quickbar{background:#0e1612;border-color:#314536}
body.home-page .mobile-quickbar a{color:#f6f9f3}
/* Editorial / blog alignment without changing content and pagination. */
body.blog-public{--accent:var(--st-acid);background:#111a14}
body.blog-public .blog-hero,body.blog-public .blog-article-hero{background:radial-gradient(ellipse at 84% 20%,#304b24,#142018 58%,#0f1611 100%)}
body.blog-public .blog-hero h1,body.blog-public .blog-article-hero h1{font-family:var(--st-sans);font-weight:850;letter-spacing:-.068em}
body.blog-public .blog-hero h1 em{font-family:inherit;font-style:normal;color:var(--st-acid)}
body.blog-public .blog-listing{background:#172019}
body.blog-public .blog-card{border-radius:14px}
body.blog-public .blog-card h2{font-family:var(--st-sans);font-weight:780;letter-spacing:-.05em}
body.blog-public .blog-tabs a[aria-current=page],body.blog-public .blog-tabs a:hover{background:var(--st-acid);border-color:var(--st-acid);color:#142215}
body.blog-public .blog-article-hero h1 em,body.blog-public .blog-reading-body a{color:var(--st-acid)}
body.blog-public .blog-reading-body :is(h2,h3,h4){font-family:var(--st-sans);font-weight:800}
/* Flexible catalog cards and shared controls. */
body:not(.admin-redesign) :is(.catalog-card,.software-card,.blog-card){transition:transform .22s,box-shadow .22s}
body:not(.admin-redesign) :is(.catalog-card,.software-card,.blog-card):hover{transform:translateY(-3px)}
/* Progressive 2026 features: only when supported, no dependencies. */
@supports (color:color-mix(in srgb,red,blue)){
  body.home-page .design-directory-card:hover{background:color-mix(in srgb,var(--st-acid) 8%,white)!important}
}
@supports selector(:has(*)){
  body.home-page .design-directory-card:has(:focus-visible){outline:2px solid var(--st-acid)}
}
@supports (text-wrap:pretty){body.home-page :is(.design-hero-description,.design-approach-intro p,.section-heading p){text-wrap:pretty}}
@media(max-width:1220px){
  body .site-header .nav{background:#101a13!important;border-left:1px solid #2f4533!important}
  body .site-header .nav-toggle{background:#243529!important;border:1px solid #5b7a50!important;color:#fff}
  body .site-header .nav-toggle-lines i{background:#fff!important}
  body .site-header .nav-mobile-heading{color:#fff}
  body .site-header .dropdown{background:#263b2a!important}
}
@media(max-width:1050px){
  body.home-page .design-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);min-height:640px}
  body.home-page .design-hero h1{font-size:clamp(65px,7.5vw,92px)}
}
@media(max-width:760px){
  body.home-page .container{width:calc(100% - 36px)}
  body.home-page .design-hero-grid{grid-template-columns:1fr;min-height:0}
  body.home-page .design-hero-copy{padding:64px 0 30px}
  body.home-page .design-hero h1{font-size:clamp(55px,12vw,90px);overflow-wrap:normal}
  body.home-page .design-hero-visual{height:340px;min-height:340px;margin:0 -18px;background:#222a22}
  body.home-page .design-hero-visual>img{height:380px;max-height:none;width:100%;object-position:center 24%}
  body.home-page .design-hero-visual-caption{right:20px;bottom:20px}
  body.home-page .design-hero-visual-caption strong{font-size:21px}
  body.home-page .design-directory-grid{grid-template-columns:1fr}
  body.home-page .design-directory-card{min-height:158px}
  body.home-page .design-approach-intro{grid-template-columns:1fr}
  body.home-page .design-approach-grid{grid-template-columns:1fr}
  body.home-page .section-heading h2,body.home-page .about-content h2{font-size:clamp(39px,9vw,60px)}
  body.home-page .design-approach h2{font-size:clamp(43px,9vw,62px)}
}
@media(max-width:420px){
  body.home-page .design-hero h1{font-size:clamp(51px,12.7vw,65px)}
  body.home-page .design-hero-actions{flex-direction:column;align-items:stretch}
  body.home-page .design-button{width:100%}
  body.home-page .design-hero-index{gap:9px}
  body.home-page .design-hero-index span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){body.home-page .design-hero-description,body.home-page .design-approach-intro p{color:#fff}body.home-page .design-directory-card{border-color:#53664c!important}}