/* Shared styles for CMS-generated blog posts (same look as blog-design-trends-2026.html) */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#F2EDE8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.twb-preview-bar{position:fixed;top:0;left:0;right:0;z-index:10050;background:#8B7355;color:#fff;text-align:center;font:600 11px 'Inter',sans-serif;letter-spacing:2px;padding:6px}

/* NAV */
.tw-nav-wrapper{position:fixed;top:0;left:0;z-index:9999;width:100%;background:transparent;border-bottom:1px solid transparent;transition:background-color .5s ease,box-shadow .5s ease,border-color .5s ease}
.tw-nav-wrapper.tw-nav-scrolled{background:rgba(242,237,232,.72);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:0 4px 30px rgba(44,24,16,.03),inset 0 -1px 0 rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.25)}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-link{color:#4A3728}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-link::after{background:#4A3728}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-link:hover,.tw-nav-wrapper.tw-nav-scrolled .tw-nav-cta{color:#2C1810}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-toggle-bar{background:#2C1810}
.tw-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;padding:22px 48px}
.tw-nav-logo{display:flex;align-items:center;height:30px;transition:opacity .3s;flex-shrink:0}
.tw-nav-logo-img{height:100%;width:auto;object-fit:contain}
.tw-nav-logo-white{display:block}.tw-nav-logo-color{display:none}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-logo-white{display:none}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-logo-color{display:block}
.tw-nav-logo:hover{opacity:.75}
.tw-nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.tw-nav-links li{list-style:none}
.tw-nav-link{font:500 11px 'Inter',sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.85);text-decoration:none;position:relative;padding:4px 0;transition:color .4s;white-space:nowrap}
.tw-nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .4s cubic-bezier(.25,.46,.45,.94),background-color .5s}
.tw-nav-link:hover{color:#fff}.tw-nav-link:hover::after{width:100%}
.tw-nav-dropdown-wrapper{position:relative}
.tw-nav-dropdown-menu,.tw-nav-sub-dropdown-menu{position:absolute;background:rgba(44,24,16,.98);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:12px 0;min-width:210px;list-style:none;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;box-shadow:0 12px 30px rgba(0,0,0,.3);border-radius:4px}
.tw-nav-dropdown-menu{top:100%;left:50%;transform:translateX(-50%) translateY(12px);z-index:10002}
.tw-nav-sub-dropdown-menu{top:0;left:100%;transform:translateX(12px);z-index:10003}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-dropdown-menu,.tw-nav-wrapper.tw-nav-scrolled .tw-nav-sub-dropdown-menu{background:rgba(242,237,232,.82);backdrop-filter:blur(20px);border-color:rgba(255,255,255,.25);box-shadow:0 12px 30px rgba(61,43,31,.08)}
.tw-nav-dropdown-trigger{display:inline-flex;align-items:center;cursor:pointer}
.tw-nav-dropdown-arrow,.tw-nav-sub-dropdown-arrow{display:inline-block;font-size:7px;margin-left:6px;transition:transform .3s}
.tw-nav-dropdown-wrapper:hover .tw-nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.tw-nav-dropdown-wrapper:hover .tw-nav-dropdown-arrow{transform:rotate(180deg)}
.tw-nav-dropdown-wrapper:hover .tw-nav-link::after{width:100%}
.tw-nav-sub-dropdown-wrapper{position:relative}
.tw-nav-sub-dropdown-wrapper:hover .tw-nav-sub-dropdown-menu{opacity:1;visibility:visible;transform:translateX(0)}
.tw-nav-sub-dropdown-wrapper:hover .tw-nav-sub-dropdown-arrow{transform:rotate(-90deg)}
.tw-nav-dropdown-item,.tw-nav-sub-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;font:500 10px 'Inter',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s,background-color .3s,padding-left .3s;white-space:nowrap}
.tw-nav-dropdown-item:hover,.tw-nav-sub-dropdown-item:hover{color:#fff;background:rgba(255,255,255,.05);padding-left:28px}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-dropdown-item,.tw-nav-wrapper.tw-nav-scrolled .tw-nav-sub-dropdown-item{color:rgba(74,55,40,.8)}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-dropdown-item:hover,.tw-nav-wrapper.tw-nav-scrolled .tw-nav-sub-dropdown-item:hover{color:#2C1810;background:rgba(61,43,31,.04)}
.tw-nav-pdf-arrow{font-size:10px;color:rgba(255,255,255,.4);margin-left:8px;display:inline-block;transition:color .3s,transform .3s}
.tw-nav-wrapper.tw-nav-scrolled .tw-nav-pdf-arrow{color:rgba(74,55,40,.5)}
.tw-nav-cta{font:500 11px 'Inter',sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.9);text-decoration:none;display:flex;align-items:center;gap:8px;padding:10px 0;white-space:nowrap;transition:gap .3s,color .4s;flex-shrink:0}
.tw-nav-cta:hover{gap:14px;color:#fff}
.tw-nav-cta-arrow{display:inline-block;font-size:14px;line-height:1;transition:transform .3s}
.tw-nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:10001}
.tw-nav-toggle-bar{width:24px;height:1.5px;background:#fff;transition:transform .3s,opacity .3s,background-color .5s;transform-origin:center}
.tw-nav-toggle.tw-nav-active .tw-nav-toggle-bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.tw-nav-toggle.tw-nav-active .tw-nav-toggle-bar:nth-child(2){opacity:0}
.tw-nav-toggle.tw-nav-active .tw-nav-toggle-bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media(max-width:1340px){.tw-nav-inner{padding:18px 32px}.tw-nav-links{gap:20px}.tw-nav-link,.tw-nav-cta{font-size:10px;letter-spacing:1.2px}}
@media(max-width:1024px){
.tw-nav-inner{padding:16px 24px}.tw-nav-logo{height:24px}.tw-nav-toggle{display:flex}
.tw-nav-links{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#F2EDE8;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;z-index:10000;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;overflow-y:auto;padding:120px 24px 80px}
.tw-nav-links.tw-nav-open{opacity:1;visibility:visible}
.tw-nav-links.tw-nav-open .tw-nav-link{color:#4A3728;font-size:13px;letter-spacing:3px}
.tw-nav-links.tw-nav-open .tw-nav-link::after{background:#4A3728}
.tw-nav-cta-desktop{display:none!important}.tw-nav-mobile-cta{display:block!important}
.tw-nav-mobile-cta .tw-nav-cta{display:flex;font-size:12px;letter-spacing:2px;color:#2C1810}
.tw-nav-toggle.tw-nav-active .tw-nav-toggle-bar{background:#2C1810}
.tw-nav-dropdown-wrapper,.tw-nav-sub-dropdown-wrapper{width:100%;text-align:center}
.tw-nav-dropdown-menu,.tw-nav-sub-dropdown-menu{position:static;transform:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0;max-height:0;overflow:hidden;opacity:1;visibility:visible;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),margin-top .4s;min-width:auto;margin-top:0;border-radius:0;backdrop-filter:none}
.tw-nav-dropdown-wrapper.tw-nav-mobile-expanded .tw-nav-dropdown-menu{max-height:500px;margin-top:12px}
.tw-nav-sub-dropdown-wrapper.tw-nav-sub-mobile-expanded .tw-nav-sub-dropdown-menu{max-height:280px;margin-top:8px}
.tw-nav-dropdown-item,.tw-nav-sub-dropdown-item{font-size:11px;letter-spacing:2px;padding:10px 0;color:rgba(74,55,40,.65)!important;justify-content:center;gap:6px}
.tw-nav-dropdown-item:hover,.tw-nav-sub-dropdown-item:hover{color:#2C1810!important;background:transparent;padding-left:0}
.tw-nav-dropdown-trigger{justify-content:center}
.tw-nav-dropdown-wrapper.tw-nav-mobile-expanded .tw-nav-dropdown-arrow{transform:rotate(180deg)}}

/* HERO */
.twb-hero{position:relative;width:100%;min-height:580px;background:#2C1810;display:flex;align-items:flex-end;padding-top:80px;overflow:hidden}
.twb-hero::before{content:'';position:absolute;inset:0;background-image:var(--hero-img);background-size:cover;background-position:center;filter:brightness(.22) contrast(1.08) saturate(.85);z-index:1}
.twb-hero-content{position:relative;z-index:2;padding:72px 80px;max-width:900px}
.twb-hero-meta{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.twb-hero-category{font:500 10px 'Inter',sans-serif;letter-spacing:3px;text-transform:uppercase;color:#8B7355;border:1px solid rgba(139,115,85,.4);padding:5px 14px;border-radius:2px}
.twb-hero-date{font:300 11px 'Inter',sans-serif;letter-spacing:1.5px;color:rgba(242,237,232,.4);text-transform:uppercase}
.twb-hero-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,5vw,62px);font-weight:300;color:#F2EDE8;line-height:1.15;letter-spacing:.5px;margin-bottom:28px}
.twb-hero-intro{font:300 14px/1.85 'Inter',sans-serif;color:rgba(242,237,232,.55);letter-spacing:.2px;max-width:640px}
@media(max-width:768px){.twb-hero-content{padding:48px 24px}.twb-hero{min-height:480px}}

/* BODY */
.twb-body{max-width:1180px;margin:0 auto;padding:80px 48px 120px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:start}
@media(max-width:1024px){.twb-body{grid-template-columns:1fr;padding:60px 32px 80px;gap:60px}}
@media(max-width:600px){.twb-body{padding:48px 20px 64px}}
.twb-article{min-width:0}

/* ARTICLE CONTENT */
.twb-content{font:300 15px/1.8 'Inter',sans-serif;color:#6B4F3A;letter-spacing:.2px}
.twb-content>*+*{margin-top:14px}
.twb-content h2+*,.twb-content h3+*,.twb-content h4+*{margin-top:10px}
.twb-content h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,3vw,38px);font-weight:400;color:#2C1810;line-height:1.25;letter-spacing:.3px;margin-top:40px;scroll-margin-top:100px}
.twb-content h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(21px,2.2vw,26px);font-weight:500;color:#2C1810;line-height:1.3;margin-top:28px;scroll-margin-top:100px}
.twb-content h4{font:600 12px 'Inter',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#8B7355;margin-top:28px}
.twb-content strong,.twb-content b{font-weight:500;color:#4A3728}
.twb-content a{color:#8B7355;text-decoration:underline;text-underline-offset:3px;transition:color .3s}
.twb-content a:hover{color:#2C1810}
.twb-content ul,.twb-content ol{padding-left:24px}
.twb-content li{margin-top:6px}
.twb-content img{display:block;max-width:100%;height:auto;border-radius:4px;box-shadow:0 16px 48px rgba(44,24,16,.07);margin:24px 0}
.twb-content figure{margin:32px 0}
.twb-content figure img{margin:0}
.twb-content figcaption{font-size:12px;color:#8B7355;margin-top:10px;text-align:center}
.twb-content blockquote{border-left:3px solid #8B7355;padding:4px 0 4px 24px;font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-style:italic;color:#4A3728;line-height:1.6}
.twb-content hr{border:none;border-top:1px solid rgba(74,55,40,.12);margin:48px 0}
.twb-content table{width:100%;border-collapse:collapse;font-size:13.5px;display:block;overflow-x:auto}
.twb-content th,.twb-content td{border:1px solid rgba(74,55,40,.14);padding:10px 14px;text-align:left;vertical-align:top}
.twb-content th{background:#3D2B1F;color:#F2EDE8;font-weight:500}
.twb-content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:4px}
.twb-content pre,.twb-content code{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:rgba(61,43,31,.06);border-radius:3px}
.twb-content code{padding:2px 6px}.twb-content pre{padding:16px;overflow-x:auto}
.twb-callout{background:#3D2B1F;border-left:3px solid #8B7355;padding:28px 32px;border-radius:0 4px 4px 0;margin:22px 0}
.twb-callout p{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:300;font-style:italic;color:#C8A97A;line-height:1.65;margin:0}
.twb-lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(19px,2.2vw,24px);font-weight:300;line-height:1.75;color:#4A3728}

/* FAQ + CTA */
.twb-faq{margin-top:64px;padding-top:48px;border-top:1px solid rgba(74,55,40,.1)}
.twb-faq h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:400;color:#2C1810;margin-bottom:24px}
.twb-faq h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:500;color:#2C1810;margin-top:24px}
.twb-faq p{font:300 14px/1.9 'Inter',sans-serif;color:#6B4F3A;margin-top:8px}
.twb-closing{padding:56px 0 0;margin-top:64px;border-top:1px solid rgba(74,55,40,.1)}
.twb-closing-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:400;color:#2C1810;margin-bottom:14px}
.twb-closing p{font:300 14px/1.95 'Inter',sans-serif;color:#6B4F3A;margin-bottom:18px}
.twb-cta-btn{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font:500 11px 'Inter',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#F2EDE8;background:#2C1810;text-decoration:none;padding:14px 32px;border-radius:2px;transition:background-color .3s,gap .3s}
.twb-cta-btn:hover{background:#3D2B1F;gap:16px}

/* SIDEBAR */
.twb-sidebar{position:sticky;top:100px}
.twb-sidebar-block{background:#fff;border:1px solid rgba(74,55,40,.07);padding:32px 28px;border-radius:4px;margin-bottom:28px;box-shadow:0 8px 24px rgba(44,24,16,.04)}
.twb-sidebar-title{font:600 10px 'Inter',sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#8B7355;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(139,115,85,.15)}
.twb-toc{list-style:none;display:flex;flex-direction:column;gap:4px}
.twb-toc a{font:300 12px/1.5 'Inter',sans-serif;color:#6B4F3A;text-decoration:none;display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(74,55,40,.05);transition:color .3s}
.twb-toc li:last-child a{border-bottom:none}
.twb-toc a:hover{color:#2C1810}
.twb-toc-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:15px;color:#C8A97A;flex-shrink:0}
.twb-author-wrap{display:flex;align-items:center;gap:16px}
.twb-author-avatar{width:52px;height:52px;border-radius:50%;background:#3D2B1F;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.twb-author-initials{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;color:#F2EDE8;letter-spacing:1px}
.twb-author-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;font-weight:500;color:#2C1810;margin-bottom:2px}
.twb-author-role{font:400 10px 'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#8B7355}
.twb-updated{font:300 11px 'Inter',sans-serif;color:rgba(74,55,40,.55);margin-top:16px}
.twb-related{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(74,55,40,.08)}
.twb-related:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.twb-related-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;line-height:1.35;margin-bottom:6px}
.twb-related-title a{color:#2C1810;text-decoration:none}
.twb-related-title a:hover{color:#8B7355}
.twb-related-meta{font:400 10px 'Inter',sans-serif;color:#8B7355;text-transform:uppercase;letter-spacing:1px}
.twb-sidebar-tag-wrap{display:flex;flex-wrap:wrap;gap:8px}
.twb-tag{font:400 10px 'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#8B7355;border:1px solid rgba(139,115,85,.3);padding:5px 12px;border-radius:2px}
@media(max-width:1024px){.twb-sidebar{position:static}}

/* ANIMATION */
.twb-animate{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.twb-animate.twb-visible{opacity:1;transform:none}
.twb-d1{transition-delay:.1s}
@media(prefers-reduced-motion:reduce){.twb-animate{opacity:1;transform:none;transition:none}}

/* FOOTER */
.tw-foot-wrapper{width:100%;background:#2C1810;overflow:hidden}
.tw-foot-inner{max-width:1440px;margin:0 auto;padding:80px 48px 0}
.tw-foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:64px;border-bottom:1px solid rgba(242,237,232,.08)}
.tw-foot-brand{max-width:320px}
.tw-foot-logo{display:inline-block;height:30px;margin-bottom:20px;transition:opacity .3s}
.tw-foot-logo-img{height:100%;width:auto;object-fit:contain}
.tw-foot-logo:hover{opacity:.75}
.tw-foot-brand-desc{font:300 12px/1.8 'Inter',sans-serif;color:rgba(242,237,232,.45);letter-spacing:.2px;margin-bottom:28px}
.tw-foot-socials{display:flex;align-items:center;gap:12px}
.tw-foot-social-link{width:36px;height:36px;border:1px solid rgba(242,237,232,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:border-color .3s,background-color .3s,transform .3s}
.tw-foot-social-link:hover{border-color:rgba(242,237,232,.35);background:rgba(242,237,232,.06);transform:translateY(-2px)}
.tw-foot-social-icon{color:rgba(242,237,232,.5);line-height:1;display:flex}
.tw-foot-social-link:hover .tw-foot-social-icon{color:rgba(242,237,232,.85)}
.tw-foot-col-title{font:600 11px 'Inter',sans-serif;letter-spacing:2px;text-transform:uppercase;color:rgba(242,237,232,.7);margin-bottom:24px}
.tw-foot-links{list-style:none;display:flex;flex-direction:column;gap:14px}
.tw-foot-link{font:300 12px 'Inter',sans-serif;color:rgba(242,237,232,.4);text-decoration:none;letter-spacing:.3px;transition:color .3s;display:inline-block}
.tw-foot-link:hover{color:rgba(242,237,232,.85)}
.tw-foot-contact-item{font:300 12px/1.7 'Inter',sans-serif;color:rgba(242,237,232,.4);letter-spacing:.3px}
.tw-foot-contact-item a{color:rgba(242,237,232,.55);text-decoration:none;transition:color .3s}
.tw-foot-contact-item a:hover{color:rgba(242,237,232,.85)}
.tw-foot-contact-item+.tw-foot-contact-item{margin-top:12px}
.tw-foot-contact-label{font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,237,232,.25);margin-bottom:4px;display:block}
.tw-foot-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 0;gap:24px}
.tw-foot-copyright{font:300 11px 'Inter',sans-serif;color:rgba(242,237,232,.25)}
.tw-foot-bottom-links{display:flex;gap:24px}
.tw-foot-bottom-link{font:300 11px 'Inter',sans-serif;color:rgba(242,237,232,.25);text-decoration:none;transition:color .3s}
.tw-foot-bottom-link:hover{color:rgba(242,237,232,.6)}
.tw-foot-back-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border:1px solid rgba(74,55,40,.2);border-radius:50%;background:rgba(242,237,232,.95);display:flex;align-items:center;justify-content:center;z-index:9990;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s,visibility .4s,transform .4s,background-color .3s;font:16px 'Inter',sans-serif;color:#4A3728;text-decoration:none;box-shadow:0 4px 16px rgba(44,24,16,.08)}
.tw-foot-back-top.tw-foot-top-visible{opacity:1;visibility:visible;transform:none}
@media(max-width:1024px){.tw-foot-inner{padding:64px 32px 0}.tw-foot-top{grid-template-columns:1fr 1fr;gap:40px 48px}.tw-foot-brand{grid-column:1/-1;max-width:100%}}
@media(max-width:768px){.tw-foot-inner{padding:48px 24px 0}.tw-foot-top{grid-template-columns:1fr;gap:36px;padding-bottom:48px}.tw-foot-brand{grid-column:1}}
@media(max-width:480px){.tw-foot-inner{padding:40px 20px 0}.tw-foot-bottom{flex-direction:column;align-items:flex-start;gap:12px}.tw-foot-back-top{bottom:20px;right:20px;width:38px;height:38px;font-size:14px}}