/*
 * Tayfun Taskin — Design-first 2026 / v3.2.0
 * Progressive enhancement: CSS cascade layers, container queries, native nesting,
 * color-mix(), :has(), clamp(), responsive grids, logical properties.
 * No font CDN, JS framework or layout-blocking third-party assets required.
 * Legacy CSS overrides are deliberately UNLAYERED, so they outrank old unlayered styles.
 */
@layer design-tokens, design-components;
@layer design-tokens {
  :root {
    --d-ink: #202c2c;
    --d-subtle: #536260;
    --d-cream: #f4f2ec;
    --d-paper: #faf9f6;
    --d-dark: #152322;
    --d-dark-2: #20302d;
    --d-accent: #df956c;
    --d-copper: #bf754d;
    --d-line: #dcded5;
    --d-radius: 18px;
    --d-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --d-display: Georgia, 'Times New Roman', serif;
    --d-space-section: clamp(76px, 8vw, 132px);
  }
}
@layer design-components {
  .design-hero {
    position: relative;
    isolation: isolate;
    color: #f7f4ee;
    background: #152322;
    overflow: clip;
  }
  .design-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 14% 84%, #3550484d, transparent 60%),
                linear-gradient(135deg, #152322 16%, #1e312d 64%, #152322 100%);
  }
  .design-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1.14fr) minmax(340px,.86fr);
    align-items: stretch;
    gap: clamp(26px, 4vw, 74px);
    min-height: min(790px, 90svh);
  }
  .design-hero-copy {
    padding-block: clamp(66px, 8vw, 116px) 56px;
    min-width: 0;
    align-self: center;
  }
  .design-eyebrow, .design-section-index {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font: 750 11px/1.5 var(--d-font);
    letter-spacing: .17em;
    text-transform: uppercase;
  }
  .design-eyebrow {color: #efc1a4; margin: 0 0 32px}
  .design-eyebrow-dot {width: 8px;height: 8px;border-radius: 50%;background: var(--d-accent);box-shadow: 0 0 0 5px #df956c25}
  .design-hero-intro {font: 500 15px/1.6 var(--d-font);margin: 0 0 16px;color: #f8f4ed}
  .design-hero-intro span {color: #aebdb6}
  .design-hero h1 {
    font: 500 clamp(58px, 6.8vw, 112px)/1.01 var(--d-display);
    letter-spacing: -.068em;
    color: #fbf7f1;
    margin: 0 0 30px;
    text-wrap: balance;
    overflow-wrap: normal;
  }
  .design-hero h1 em {font-style: italic; font-weight: 400;color: #e7a980}
  .design-title-dot {color: var(--d-accent)}
  .design-hero-description {max-width: 590px;color: #c6d1ca;font: 400 clamp(16px, 1.5vw, 19px)/1.78 var(--d-font);margin: 0 0 29px}
  .design-hero-actions {display:flex;flex-wrap:wrap;gap:12px;align-items:center}
  .design-button {
    display: inline-flex;align-items: center;justify-content: space-between;gap:24px;
    padding: 16px 24px;min-height: 54px;border: 1px solid transparent;border-radius: 100px;
    text-decoration: none!important;font: 750 13px/1.25 var(--d-font);
    transition: transform .22s ease,background .22s ease,border-color .22s ease;
  }
  .design-button span {font-size: 17px}
  .design-button:hover {transform: translateY(-2px)}
  .design-button-primary {background:#e9a981;color:#192723!important}
  .design-button-primary:hover {background:#f1c09f}
  .design-button-ghost {border-color:#65746a;background:transparent;color:#f5f4ee!important}
  .design-button-ghost:hover {border-color:#edbb99;background:#ffffff0d}
  .design-hero-index {display:flex;gap:clamp(10px,2vw,34px);flex-wrap:wrap;border-top:1px solid #ffffff2b;margin-top:clamp(50px,6vw,90px);padding-top:20px}
  .design-hero-index span {font: 650 10px/1.5 var(--d-font);letter-spacing:.065em;color:#b1beb7}
  .design-hero-visual {position:relative;min-width:0;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}
  .design-portrait-halo {position:absolute;width:min(95%,490px);aspect-ratio:1;border:1px solid #c6a78a55;border-radius:50%;top:16%;left:4%;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff02}
  .design-hero-visual>img {display:block;position:relative;z-index:1;width:100%;height:100%;max-height:770px;object-fit:cover;object-position:center 34%;mask-image:linear-gradient(to bottom,#000 83%,transparent 100%);filter:saturate(.79) contrast(1.04)}
  .design-hero-visual::after {content:'';position:absolute;z-index:2;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#152322e8 89%);pointer-events:none}
  .design-hero-visual-caption {position:absolute;bottom:36px;right:14px;z-index:3;text-align:right;color:#fdf6f0}
  .design-hero-visual-caption span {display:block;font:700 10px var(--d-font);letter-spacing:.18em;color:#e7b391;margin-bottom:5px}
  .design-hero-visual-caption strong {font:italic 35px var(--d-display);letter-spacing:-.04em}
  .design-hero-number {position:absolute;z-index:0;top:18px;right:-20px;font:400 clamp(120px,17vw,270px)/1 var(--d-display);letter-spacing:-.1em;color:#ffffff0b}
  .design-hero-number span {color:#e0a27622}
  .design-hero-footer {border-top:1px solid #ffffff21;background:#192824}
  .design-hero-footer .container {min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c0cec6;font:700 10px var(--d-font);letter-spacing:.12em;text-transform:uppercase}
  .design-directory {padding-block:clamp(55px,6vw,85px) clamp(70px,8vw,110px);background:var(--d-paper)}
  .design-directory-top {display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
  .design-section-index {color:#a76542}
  .design-directory h2 {font:500 clamp(32px,4vw,55px)/1.08 var(--d-display);color:var(--d-ink);letter-spacing:-.052em;margin:0}
  .design-directory-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;container-type:inline-size}
  .design-directory-card {position:relative;display:flex;flex-direction:column;gap:9px;min-height:225px;padding:28px 26px;border:1px solid var(--d-line);border-radius:16px;text-decoration:none!important;background:#f2f2ec;color:var(--d-ink)!important;transition:transform .25s ease,border-color .25s ease,background .25s ease}
  .design-directory-card:hover,.design-directory-card:focus-visible {transform:translateY(-4px);border-color:#a3b2a7;background:#e8ede6}
  .design-directory-num {font:750 10px var(--d-font);letter-spacing:.13em;color:#98735c}
  .design-directory-card strong {font:600 clamp(23px,2.35vw,33px)/1.13 var(--d-display);letter-spacing:-.04em;margin-top:17px}
  .design-directory-desc {font:400 14px/1.6 var(--d-font);color:#65726b;max-width:280px}
  .design-directory-arrow {position:absolute;right:25px;bottom:21px;font:26px/1 var(--d-font);color:#b47453}
  @container (max-width: 650px) {.design-directory-card {min-height:210px;padding:22px 20px}.design-directory-card strong {font-size:26px}}
  .design-approach {background:#192a27;color:#fff;padding-block:var(--d-space-section)}
  .design-approach-intro {display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,6vw,110px);align-items:end;margin-bottom:52px}
  .design-approach .design-section-index {color:#d8a184}
  .design-approach h2 {font:400 clamp(40px,4.8vw,70px)/1.11 var(--d-display);letter-spacing:-.054em;color:#fcf6ed;margin:18px 0 0}
  .design-approach h2 em {color:#e2ad8a;font-weight:400}
  .design-approach-intro p {font:400 17px/1.83 var(--d-font);color:#becbc3;margin:0}
  .design-approach-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #ffffff2e;border-radius:18px;background:#ffffff2e;overflow:hidden}
  .design-approach-grid article {min-width:0;padding:30px;background:#1c2f2b}
  .design-approach-grid article>span {font:700 11px var(--d-font);color:#dfaa8b;letter-spacing:.15em}
  .design-process-icon {font:45px/1.1 var(--d-display);color:#dbaa8c;margin:32px 0 24px}
  .design-approach-grid h3 {font:500 clamp(24px,2.5vw,32px) var(--d-display);color:#f7f3eb;letter-spacing:-.03em;margin:0 0 12px}
  .design-approach-grid p {font:400 15px/1.7 var(--d-font);color:#bbc7bf;margin:0;max-width:300px}
}
/* Existing stylesheets have no cascade layers: overrides below are intentionally unlayered. */
html {scroll-behavior:smooth;scroll-padding-top:88px}
body {font-family:var(--d-font);-webkit-font-smoothing:antialiased}
:where(a,button,input,textarea,select,summary):focus-visible {outline:3px solid #df956c;outline-offset:4px}
::selection {background:#e8ad89;color:#152322}
img {max-width:100%}
.site-header {--ux-red:var(--d-copper)}
.site-header .brand-word strong {letter-spacing:-.04em}
.site-header .nav-item>a {text-underline-offset:6px}
.site-header .nav-contact {border-radius:100px;font-weight:750}
.site-header .nav-item:has(> a[aria-current="page"]) > a {text-decoration-thickness:2px}
body.home-page {--studio-accent:#dfa279;--studio-accent-bright:#f1c19f;--accent:#df956c;--paper:var(--d-paper);--ink:var(--d-ink);--muted:var(--d-subtle);background:var(--d-cream);color:var(--d-ink);color-scheme:light}
body.home-page .container {width:min(1280px,calc(100% - 74px))}
body.home-page .site-header,body.home-page .site-header.scrolled {background:#152322f7;border-bottom:1px solid #ffffff1f}
body.home-page .site-header .brand-symbol {background:#e3a480;color:#172421}
body.home-page .site-header .nav-contact {background:#e9b28c;color:#152422;border-color:#e9b28c}
body.home-page .site-header .nav-contact:hover {background:#f5c5a3;color:#172421}
body.home-page .site-header .nav-item>a[aria-current=page] {color:#f0b58b}
body.home-page .site-header .nav-item>a[aria-current=page]::after{background:#e5ad83}
body.home-page .section {padding-block:var(--d-space-section)}
body.home-page .section-heading {gap:28px;margin-bottom:42px}
body.home-page .section-heading h2,body.home-page .about-content h2 {font-family:var(--d-display);font-size:clamp(40px,4.65vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.1;color:#20302d}
body.home-page .section-heading h2 em,body.home-page .home-catalog-heading h2 em {color:#b16c48}
body.home-page .section-heading p,body.home-page .about-content .rich-content {color:#5b6862;line-height:1.8}
body.home-page .overline {color:#a86948;letter-spacing:.12em}
body.home-page .refs-section {background:#f4f2ec}
body.home-page .refs-grid {gap:24px}
body.home-page .ref-card {border-radius:18px;background:#fffdfa;color:#25312b;border:1px solid #e5e2db;box-shadow:0 12px 30px #20302d09}
body.home-page .ref-card:hover {background:#fffdfa;border-color:#c3b3a0;box-shadow:0 24px 42px #29332b16}
body.home-page .ref-card :is(h3,h4) {color:#263530;font-family:var(--d-display);font-size:clamp(24px,2.1vw,32px);font-weight:500;letter-spacing:-.035em}
body.home-page .ref-card p {color:#61706a}
body.home-page .ref-image {background:linear-gradient(140deg,#d5d8d0,#9ba79c)}
body.home-page .ref-image img {filter:none;object-fit:cover}
body.home-page .ref-placeholder {background:linear-gradient(140deg,#223c37,#355046)}
body.home-page .ref-placeholder span {color:#e9b18b}
body.home-page .refs-section .ref-card a {color:#a8643f}
body.home-page .content-empty {border-radius:18px;background:#fff;}
body.home-page .about-section {background:#fffdfa}
body.home-page .about-portrait>img {border-radius:20px;filter:none}
body.home-page .portrait-badge {background:#cf8c64}
body.home-page .about-content h2 {color:#1d302c}
body.home-page .about-signature,body.home-page .process-mini {border-color:#dadbd4}
body.home-page .about-signature span,body.home-page .process-mini .rich-content {color:#627069}
body.home-page .about-signature strong,body.home-page .process-mini h3 {color:#23352f}
body.home-page .author-statement {background:#efece3;border-color:#d4d9cd}
body.home-page .author-statement h2 {font-family:var(--d-display);font-weight:400;letter-spacing:-.045em;color:#2a3833}
body.home-page .author-statement .overline,body.home-page .author-statement-mark {color:#af754e}
body.home-page .author-mini {border-color:#d1d4c9}
body.home-page .author-mini strong {color:#2b3935}
body.home-page .author-mini small {color:#65736c}
body.home-page .services-section {background:#f5f4ef}
body.home-page .service-grid {gap:18px}
body.home-page .service-card {border-radius:16px;background:#fffdfa;border:1px solid #e2e3dc;color:#24342f;box-shadow:none}
body.home-page .service-card:hover {background:#fffdfa;border-color:#bcb9aa;box-shadow:0 18px 30px #20352c10}
body.home-page .service-card :is(h3,h4) {color:#263a33}
body.home-page .service-card p {color:#67736d}
body.home-page .service-top>span:first-child,body.home-page .service-icon,body.home-page .expertise-strip b {color:#ba754d}
body.home-page .expertise-strip {border-color:#d7d9cf;color:#374b42}
body.home-page .expertise-strip span {color:#a06746}
body.home-page .skills-section {background:#fffdfa}
body.home-page .skill-row {border-color:#e0e2d9}
body.home-page .skill-row-top {color:#30453a}
body.home-page .skill-row-top small {color:#6f7b72}
body.home-page .skill-track {background:#e6e8de}
body.home-page .skill-track span {background:#bd7850}
body.home-page .writer-skill {border-radius:18px;background:#1d302d;color:#fffcf8;border-color:#39564a}
body.home-page .writer-skill :is(h3,.writer-skill-mark) {color:#e6aa82}
body.home-page .home-catalog-section {background:#faf9f6}
body.home-page .home-catalog-heading h2 {font-family:var(--d-display);font-weight:400;letter-spacing:-.05em;color:#29382f}
body.home-page .home-catalog-heading>a {color:#995b3a}
body.home-page .home-catalog-section .catalog-card {background:#fff;border:1px solid #e4e3de;border-radius:18px;color:#31433c}
body.home-page .home-catalog-section .catalog-card :is(h3,h4) {color:#25382f}
body.home-page .home-catalog-section .catalog-card :is(p,small) {color:#65736a}
body.home-page .home-catalog-section .catalog-card-category {color:#a15b3b}
body.home-page .software-home-section {background:#f2f1eb}
body.home-page .software-card {border-radius:18px;background:#fff;border:1px solid #dee2d9;color:#22382f}
body.home-page .software-card :is(h3,h4) {color:#2a3a33}
body.home-page .software-card p {color:#5c6c63}
body.home-page .software-home-section :is(a,.software-card a) {color:#ad6e4c}
body.home-page .software-cover {background:#e2e7e0}
body.home-page .btn-dark-outline {border-color:#bc7e59;color:#975633}
body.home-page .blog-home-teaser {background:#1b2b28}
body.home-page .blog-home-teaser h2 {font-family:var(--d-display);font-weight:400;letter-spacing:-.05em}
body.home-page .cta-section {background:#ca8d67;color:#182c26;border:0}
body.home-page .cta-layout h2 {font-family:var(--d-display);font-weight:400;color:#172823}
body.home-page .cta-layout em {color:#fff9f3}
body.home-page .cta-section .overline {color:#3c3227}
body.home-page .cta-section .btn-accent {background:#1a3028;color:#fff;border-color:#1a3028}
body.home-page .contact-section {background:#f4f2ec}
body.home-page .contact-info h2 {font-family:var(--d-display);color:#20332a;font-size:clamp(42px,4.5vw,65px);letter-spacing:-.05em}
body.home-page .contact-info>p {color:#5a6b61}
body.home-page .contact-info a {color:#9a5e3a}
body.home-page .contact-form {border:1px solid #deded4;background:#fffdfa;border-radius:18px;padding:clamp(24px,3.2vw,44px);box-shadow:0 18px 45px #162b210d}
body.home-page .contact-form label {color:#2f4037}
body.home-page .contact-form input,body.home-page .contact-form textarea {background:#f7f7f2;color:#202f27;border:1px solid #cfd5c9;border-radius:9px}
body.home-page .contact-form input::placeholder,body.home-page .contact-form textarea::placeholder {color:#69766c}
body.home-page .contact-form .btn,body.home-page .contact-form button[type=submit] {background:#20372d;color:#fff;border-color:#20372d}
body.home-page .site-footer {background:#152420;color:#e3e9df;border-top:0}
body.home-page .site-footer .footer-bottom {border-color:#ffffff29}
body.home-page .mobile-quickbar a:last-child {background:#e5ad89;color:#223129}
/* Reading-first journal styles, without removing current blog filters or article layout. */
body.blog-public {--accent:#dfa07a;--ink:#f6f2ec;background:#12211f}
body.blog-public .site-header {background:#152522f7;border-bottom:1px solid #ffffff21}
body.blog-public .site-header .brand-symbol {background:#e5ad87;color:#152420}
body.blog-public .site-header .brand-word strong {color:#f1f1ec}
body.blog-public .site-header .nav-item>a {color:#e1e3dd}
body.blog-public .site-header .nav-contact {background:#e2aa83;color:#162823;border-radius:100px}
body.blog-public .blog-hero {background:radial-gradient(ellipse at 85% 40%,#355247,#162924 52%,#12211f 100%)}
body.blog-public .blog-hero h1,body.blog-public .blog-article-hero h1 {font-family:var(--d-display);font-weight:400;letter-spacing:-.052em}
body.blog-public .blog-hero h1 em {color:#e4ae87}
body.blog-public .blog-listing {background:#172923}
body.blog-public .blog-card-image {border-radius:14px;overflow:hidden;border-color:#385348}
body.blog-public .blog-card h2 {font-family:var(--d-display);font-size:clamp(24px,2.7vw,36px);font-weight:500}
body.blog-public .blog-card p {color:#bccac1}
body.blog-public .blog-tabs a {border-color:#52665a;color:#d9e6dc}
body.blog-public .blog-tabs a:hover,body.blog-public .blog-tabs a[aria-current=page] {background:#edb991;border-color:#edb991;color:#14241e}
body.blog-public .blog-article-hero {background:radial-gradient(circle at 80% 80%,#26453a,#142720 55%,#12211f)}
body.blog-public .blog-article-lede {color:#c6d5c9}
body.blog-public .blog-reading-layout {grid-template-columns:minmax(130px,210px) minmax(0,760px)}
body.blog-public .blog-reading-body {font-size:clamp(17px,1.5vw,19px);line-height:1.87;max-width:76ch}
body.blog-public .blog-reading-body :is(h2,h3,h4) {font-family:var(--d-display);letter-spacing:-.04em;font-weight:500}
body.blog-public .blog-reading-body a {color:#ecb08b;text-decoration-thickness:1px;text-underline-offset:4px}
body.blog-public .blog-reading-body blockquote {color:#f5dcc5;border-color:#dfa07a}
/* Header treatment remains consistent on catalog / software pages. */
body:is(.book-page,.catalog-public-page,.software-page) .site-header .nav-contact {border-radius:100px}
/* Media + container queries: mobile comes first in content order with room to breathe. */
@media (max-width:1220px) {
  body.home-page .site-header .nav {background:#192d28!important;border-left:1px solid #ffffff2a!important}
  body.home-page .site-header .nav-item>a,body.home-page .site-header .nav-parent-label {color:#f5f4ed!important}
  body.home-page .site-header .nav-mobile-heading {color:#f7f6f1}
  body.home-page .site-header .dropdown {background:#263d35;border-color:#496256}
  body.home-page .site-header .nav-toggle {background:#20372f!important;border:1px solid #627b6b!important}
  body.blog-public .site-header .nav {background:#1a2d28!important;color:#f0eee8!important}
  body.blog-public .site-header .nav-item>a,body.blog-public .site-header .nav-parent-label {color:#ecece6!important}
  body.blog-public .site-header .nav-toggle {background:#20372f!important;color:#fff;border-color:#4f6559}
  body.blog-public .site-header .nav-toggle-lines i {background:#fff}
  body.blog-public .site-header .dropdown {background:#263d34}
  body.blog-public .site-header .nav-mobile-heading {color:#fff}
}
@media (max-width:1020px) {
  .design-hero-grid {grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);min-height:640px;gap:22px}
  .design-hero h1 {font-size:clamp(56px,7.2vw,83px)}
  .design-hero-copy {padding-block:72px 48px}
  .design-approach-intro {grid-template-columns:1fr 1fr}
}
@media (max-width:760px) {
  html {scroll-padding-top:78px}
  body.home-page .container {width:calc(100% - 36px)}
  .design-hero-grid {grid-template-columns:1fr;gap:0;min-height:0}
  .design-hero-copy {padding-block:58px 30px}
  .design-hero h1 {font-size:clamp(52px,11.4vw,81px);margin-bottom:24px}
  .design-hero-intro {font-size:13px}
  .design-hero-intro span {display:block}
  .design-hero-description {font-size:15px}
  .design-hero-index {margin-top:48px;gap:12px}
  .design-hero-index span {font-size:9px}
  .design-hero-visual {height:380px;overflow:hidden}
  .design-hero-visual>img {height:410px;max-height:none;width:min(520px,100%);object-position:center 22%}
  .design-portrait-halo {width:325px;top:12%}
  .design-hero-visual-caption {bottom:17px;right:5px}
  .design-hero-visual-caption strong {font-size:28px}
  .design-hero-number {font-size:140px;right:0;top:0}
  .design-hero-footer .container {font-size:9px;letter-spacing:.05em}
  .design-directory-top {display:block}
  .design-directory-top .design-section-index {margin-bottom:14px}
  .design-directory-grid {grid-template-columns:1fr;gap:12px}
  .design-directory-card {min-height:155px;padding:19px 22px;gap:6px}
  .design-directory-card strong {margin-top:5px;font-size:26px}
  .design-directory-desc {font-size:13px}
  .design-approach-intro {grid-template-columns:1fr;gap:16px;margin-bottom:35px}
  .design-approach-intro p {font-size:15px}
  .design-approach-grid {grid-template-columns:1fr;gap:1px}
  .design-approach-grid article {padding:24px}
  .design-process-icon {margin:15px 0 12px;font-size:35px}
  body.home-page .section {padding-block:76px}
  body.home-page .section-heading h2,body.home-page .about-content h2 {font-size:clamp(38px,8vw,54px)}
  body.blog-public .blog-reading-layout {grid-template-columns:1fr;padding-block:45px 75px;gap:20px}
  body.blog-public .blog-reading-aside {position:static;flex-direction:row;flex-wrap:wrap;gap:15px}
  body.blog-public .blog-reading-body {font-size:17px}
  body.blog-public .blog-reading-body h2 {font-size:28px}
  body.blog-public .blog-reading-body h3 {font-size:24px}
}
@media (max-width:420px) {
  .design-hero h1 {font-size:clamp(45px,11vw,53px)}
  .design-hero-actions {align-items:stretch;flex-direction:column}
  .design-button {width:100%;justify-content:space-between}
  .design-hero-footer .container span:last-child {display:none}
}
@media (hover:hover) and (pointer:fine) {
  body.home-page .ref-card:hover .ref-image img {transform:scale(1.035)}
  .design-directory-card:hover .design-directory-arrow {transform:translate(2px,-2px)}
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media (prefers-contrast:more) {
  :root {--d-subtle:#283a32;--d-line:#86938b}
  .design-hero-description,.design-approach-intro p {color:#fff}
}
@supports (color:color-mix(in srgb,red,white)) {
  .design-directory-card:hover {border-color:color-mix(in srgb,var(--d-copper),#fff 38%)}
}
@supports (text-wrap:pretty) {
  .design-hero-description,.design-approach-intro p,.blog-reading-body p {text-wrap:pretty}
}