/* Editorial blog homepage. Only the posts index; no Elementor changes. */
body.blog{background:#fafaf8!important}
body.blog .gradient-position,body.blog .banner__background-wrap,body.blog .breadcrumb-area{display:none!important}
body.blog main.fix{background:#fafaf8!important;overflow:visible}
.design-blog-page{--ink:#1c1922;--muted:#77727d;--accent:#8050bc;--line:#dedbe0;background:#fafaf8;color:var(--ink);padding:42px 0 96px;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;position:relative;z-index:1}
.design-blog-page *{box-sizing:border-box}
.design-blog-page a{text-decoration:none}
.design-blog-container{max-width:1360px;padding:0 40px;margin:auto}
.design-blog-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.13em}
.design-blog-signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #e9dff5;margin-right:12px;vertical-align:middle}
.design-blog-eyebrow-slash{padding:0 10px;color:#aaa3ac}.design-blog-edition{color:var(--muted);font-size:10px;white-space:nowrap}
.design-blog-intro{display:grid;grid-template-columns:1.5fr .8fr;align-items:end;gap:6%;padding:75px 0}
.design-blog-overline,.design-blog-section-kicker{color:var(--accent);font-size:11px;letter-spacing:.18em;font-weight:800;margin:0 0 22px}
.design-blog-intro h1{font-size:clamp(50px,5.7vw,85px);line-height:1.16;letter-spacing:-.07em;font-weight:900;margin:0;color:var(--ink)}
.design-blog-intro h1 em{font-style:normal}.design-blog-intro h1 em span,.design-blog-period{color:var(--accent)}
.design-blog-intro-star{display:block;font-size:44px;color:var(--accent);line-height:1;margin-bottom:13px}
.design-blog-intro-right>p{color:#5d5663;font-size:14px;line-height:1.95;margin:0 0 24px}
.design-blog-search{display:flex;align-items:center;gap:10px;min-height:53px;padding:6px 6px 6px 16px;background:#fff;border:1px solid #d9d3dc;border-radius:10px}
.design-blog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #8050bc20}
.design-blog-search svg{flex-shrink:0;color:#6f6974}
.design-blog-search input{min-width:0;flex:1;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:5px 0!important;color:var(--ink);font-size:12px}
.design-blog-search input::placeholder{color:#a39daa}
.design-blog-search button{border:0;flex-shrink:0;padding:12px 14px;border-radius:7px;background:var(--ink);color:#fff;cursor:pointer;font-size:12px;font-weight:750}
.design-blog-search button:hover{background:var(--accent)}
.design-blog-topics{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:18px 0;margin:0 0 75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.design-blog-topic-label{font-size:12px;font-weight:800;padding-right:18px;margin-right:10px;border-right:1px solid var(--line)}
.design-blog-topic{padding:10px 18px;border:1px solid #dfdae1;border-radius:40px;background:#fff;color:#5c5662!important;font-size:12px;font-weight:700;transition:all .2s}
.design-blog-topic:hover,.design-blog-topic.active{background:var(--ink);border-color:var(--ink);color:#fff!important}
.design-blog-topic-end{margin-left:auto;color:var(--accent);font-size:20px}
.design-blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}
.design-blog-section-kicker{margin-bottom:11px}
.design-blog-section-kicker span{color:#aca4b5}
.design-blog-section-heading h2{color:var(--ink);font-size:clamp(31px,3.1vw,44px);line-height:1.2;font-weight:850;letter-spacing:-.055em;margin:0}
.design-blog-section-desc,.design-blog-section-count{font-size:12px;line-height:1.9;color:var(--muted);margin:0;text-align:right}
.design-blog-feature{display:grid;grid-template-columns:1.12fr .88fr;min-height:450px;background:#fff;border:1px solid #e6e1e6;border-radius:13px;overflow:hidden;box-shadow:0 18px 52px #281c3210}
.design-blog-feature-media{position:relative;display:block;min-height:450px;overflow:hidden;background:#e8dff0}
.design-blog-feature-media img{display:block;width:100%;height:100%;min-height:450px;object-fit:cover;transition:transform .5s}
.design-blog-feature-media:hover img,.design-blog-card-image:hover img{transform:scale(1.045)}
.design-blog-image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:270px;background:linear-gradient(135deg,#d8cce5,#f1eaf6);font-size:44px;letter-spacing:-.08em;font-weight:900;color:#21182c}
.design-blog-image-fallback span{color:var(--accent)}
.design-blog-image-corner,.design-blog-card-arrow{position:absolute;top:17px;right:17px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);font-size:21px}
.design-blog-feature-copy{padding:40px 42px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:27px}
.design-blog-feature-category{display:flex;align-items:center;gap:9px;color:#7946a6;letter-spacing:.13em;font-size:10px;font-weight:800}
.design-blog-feature-dot{height:8px;width:8px;border-radius:50%;background:var(--accent)}
.design-blog-feature-index{margin-left:auto;color:#a8a1aa}
.design-blog-feature-date{font-size:12px;color:#97909c;margin:0 0 17px}
.design-blog-feature-date span{padding:0 7px}
.design-blog-feature-copy h3{font-size:clamp(23px,2.3vw,34px);line-height:1.43;letter-spacing:-.048em;font-weight:850;margin:0 0 20px;overflow-wrap:anywhere}
.design-blog-feature-copy h3 a,.design-blog-card h3 a{color:var(--ink)!important}
.design-blog-feature-copy h3 a:hover,.design-blog-card h3 a:hover{color:var(--accent)!important}
.design-blog-feature-excerpt,.design-blog-card>p{font-size:13px;line-height:1.95;color:#75707a;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}
.design-blog-read-link,.design-blog-card-link{display:inline-flex;align-items:center;gap:16px;align-self:flex-start;padding:0 0 8px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:800;color:var(--ink)!important}
.design-blog-read-link span,.design-blog-card-link span{font-size:17px}
.design-blog-read-link:hover,.design-blog-card-link:hover{color:var(--accent)!important;border-color:var(--accent)}
.design-blog-latest{margin-top:92px}
.design-blog-latest-heading{padding-bottom:24px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.design-blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}
.design-blog-card{display:flex;flex-direction:column;min-width:0;margin:0}
.design-blog-card-image{position:relative;display:block;height:285px;overflow:hidden;border-radius:11px;background:#e8dff0}
.design-blog-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.design-blog-card-image .design-blog-image-fallback{font-size:36px;min-height:0}
.design-blog-card-arrow{width:38px;height:38px}
.design-blog-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 13px;font-size:10px;letter-spacing:.06em;color:#938b99;font-weight:800}
.design-blog-card-tag{padding:6px 10px;border-radius:20px;background:#f0e9f6;color:var(--accent);white-space:nowrap}
.design-blog-card h3{font-size:23px;line-height:1.45;letter-spacing:-.04em;font-weight:850;margin:0 0 12px;overflow-wrap:anywhere}
.design-blog-card>p{-webkit-line-clamp:2;margin-bottom:19px}
.design-blog-card-link{font-size:12px;margin-top:auto}
.design-blog-portfolio-note{position:relative;min-height:392px;overflow:hidden;border-radius:11px;padding:29px 34px 35px;color:#fff;background:#23192e;display:flex;flex-direction:column;justify-content:space-between}
.design-blog-portfolio-note:after{content:"";position:absolute;right:-80px;top:40px;width:240px;height:240px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 100px #ffffff05}
.design-blog-note-number{font-size:10px;letter-spacing:.15em;font-weight:800;color:#c6bad2}
.design-blog-note-symbol{align-self:flex-end;color:#b682df;font-size:74px;line-height:1}
.design-blog-portfolio-note>div{position:relative;z-index:1}
.design-blog-portfolio-note>div>p{font-size:10px;letter-spacing:.17em;color:#c9a6ef;font-weight:800;margin:0 0 15px}
.design-blog-portfolio-note h3{font-size:clamp(26px,2.8vw,37px);font-weight:850;line-height:1.35;letter-spacing:-.06em;color:#fff;margin:0 0 22px}
.design-blog-portfolio-note a{display:inline-flex;gap:20px;align-items:center;color:#fff!important;font-size:13px;font-weight:800;padding-bottom:8px;border-bottom:1px solid #d1c5d9}
.design-blog-portfolio-note a span{font-size:19px}
.design-blog-pagination{margin:45px 0 0}
.design-blog-pagination .nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.design-blog-pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;border-radius:7px;border:1px solid #ddd7df;padding:0 13px;background:#fff;color:#4a4251!important;font-size:13px}
.design-blog-pagination .page-numbers.current{color:#fff!important;background:var(--ink)}
.design-blog-empty{background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;padding:65px 20px;margin:45px 0}
.design-blog-empty h2{color:var(--ink)}.design-blog-empty p{color:var(--muted)}
.design-blog-footer-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:92px;padding-top:25px;border-top:1px solid var(--ink);font-size:12px;font-weight:650;color:var(--muted)}
.design-blog-footer-note a{color:var(--ink)!important;font-weight:800}.design-blog-footer-note a span{margin-left:10px;font-size:17px}
@media(max-width:1050px){
 .design-blog-container{padding:0 28px}
 .design-blog-intro{gap:4%}
 .design-blog-feature-copy{padding:29px}
 .design-blog-feature,.design-blog-feature-media,.design-blog-feature-media img{min-height:405px}
}
@media(max-width:800px){
 .design-blog-intro{grid-template-columns:1fr;gap:30px;padding:56px 0}
 .design-blog-intro-star{display:none}
 .design-blog-intro-right{max-width:590px}
 .design-blog-intro-right>p br{display:none}
 .design-blog-topics{margin-bottom:60px}
 .design-blog-feature{grid-template-columns:1fr}
 .design-blog-feature-media,.design-blog-feature-media img{min-height:350px;height:350px}
 .design-blog-feature-copy{padding:30px;gap:26px}
 .design-blog-latest{margin-top:72px}
 .design-blog-card-image{height:230px}
 .design-blog-card h3{font-size:20px}
}
@media(max-width:600px){
 .design-blog-page{padding:25px 0 64px}
 .design-blog-container{padding:0 18px}
 .design-blog-eyebrow{font-size:9px;padding-bottom:17px;letter-spacing:.08em}
 .design-blog-edition{font-size:9px}
 .design-blog-eyebrow-slash{padding:0 4px}
 .design-blog-intro{padding:45px 0;gap:25px}
 .design-blog-overline{font-size:9px;letter-spacing:.12em;margin-bottom:14px}
 .design-blog-intro h1{font-size:clamp(42px,10vw,59px)}
 .design-blog-intro-right>p{font-size:13px}
 .design-blog-topics{margin-bottom:48px}
 .design-blog-topic-label{width:100%;margin:0 0 4px;border:0;padding:0}
 .design-blog-topic{font-size:11px;padding:8px 12px}
 .design-blog-topic-end{display:none}
 .design-blog-section-heading h2{font-size:30px}
 .design-blog-section-kicker{font-size:9px}
 .design-blog-section-desc{display:none}
 .design-blog-feature-media,.design-blog-feature-media img{height:245px;min-height:245px}
 .design-blog-feature-copy{padding:24px}
 .design-blog-feature-copy h3{font-size:24px}
 .design-blog-feature-excerpt{font-size:12px}
 .design-blog-latest{margin-top:64px}
 .design-blog-section-count{font-size:10px}
 .design-blog-card-grid{grid-template-columns:1fr;gap:36px}
 .design-blog-card-image{height:230px}
 .design-blog-card h3{font-size:21px}
 .design-blog-portfolio-note{min-height:315px}
 .design-blog-footer-note{margin-top:62px}
}
@media(prefers-reduced-motion:reduce){.design-blog-feature-media img,.design-blog-card-image img{transition:none}}