@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#143d3c;--paper:#f7efe4;--accent:#ce5032;--muted:#65716b;--line:#143d3c29}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-1.8px}h1{font-size:clamp(52px,6.5vw,90px)}h2{font-size:clamp(34px,4vw,52px)}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}img{max-width:100%;display:block}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#e9bc9d}.wrap{width:min(1160px,90%);margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.7}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;padding:10px 20px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:10px}.blog-header{position:sticky;top:0;z-index:20;background:#f7efe4f2;backdrop-filter:blur(14px);height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.blog-brand{display:flex;flex-direction:column;align-items:center;gap:4px;width:128px}.blog-brand img{height:auto;width:128px;object-fit:contain}.blog-brand>span{font-size:6px;font-weight:600;letter-spacing:1.6px;white-space:nowrap}.blog-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.blog-header .current{color:var(--accent);font-weight:700;letter-spacing:1.2px}.back-store{display:flex;align-items:center;gap:10px}.back-store svg{width:16px}.blog-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:var(--paper);padding:16px 24px;border-radius:5px;font-weight:500;font-size:13px;transition:background .25s,transform .25s}.blog-button:hover{background:#275553;transform:translateY(-2px)}.blog-button svg{color:#efb79d}.header-create{font-size:11px;padding:12px 17px;gap:20px}.blog-intro{padding-block:58px 44px;border-bottom:1px solid var(--line);position:relative}.blog-intro>.eyebrow{color:var(--accent);margin-bottom:21px}.blog-intro>div{display:flex;align-items:center;justify-content:space-between;gap:40px}.blog-intro h1{font-size:clamp(58px,7.2vw,94px);letter-spacing:-4px}.blog-intro>div>p{font-size:14px;line-height:1.85;padding-right:45px}.intro-note{display:block;text-align:right;font-size:9px;letter-spacing:1.6px;margin-top:20px;color:var(--muted)}.featured{display:grid;grid-template-columns:1.13fr 1fr;gap:60px;align-items:center;padding-block:44px 70px}.featured-art{position:relative;display:block;overflow:hidden;border-radius:18px}.case-scene{position:relative;overflow:hidden;background:var(--scene-bg,#e9d8c6);isolation:isolate;min-height:350px}.tone-rose{--scene-bg:#e7c9b8;--scene-line:#ad73694f}.tone-sage{--scene-bg:#c6d5c9;--scene-line:#6d8b795e}.tone-butter{--scene-bg:#e5d8ab;--scene-line:#a3944d4f}.tone-sand{--scene-bg:#dcd3c4;--scene-line:#8f74634f}.tone-clay{--scene-bg:#cba99b;--scene-line:#8d5c514f}.tone-mist{--scene-bg:#c5d7d4;--scene-line:#527f794f}.scene-ring{position:absolute;inset:13% -12%;border:1px solid var(--scene-line);border-radius:50%;transform:rotate(-35deg);z-index:-1}.scene-ring:after{content:'';position:absolute;inset:22px;border:1px solid var(--scene-line);border-radius:50%}.scene-mark{position:absolute;top:24px;right:25px;font:75px Georgia,serif;color:#fff5;line-height:1}.case-image{position:absolute;width:38%;height:82%;object-fit:contain;filter:drop-shadow(12px 15px 10px #143d3c26);transition:transform .6s cubic-bezier(.2,.7,.25,1)}.case-0{left:13%;top:4%;transform:rotate(-12deg);z-index:2}.case-1{right:12%;top:12%;transform:rotate(12deg);z-index:1}.featured .case-scene{min-height:470px}.featured .case-0{left:10%;width:42%;top:1%}.featured .case-1{right:10%;width:42%;top:12%}.featured-art:hover .case-0,.blog-card a:hover .case-0{transform:rotate(-8deg) translateY(-5px)}.featured-art:hover .case-1,.blog-card a:hover .case-1{transform:rotate(8deg) translateY(-5px)}.scene-caption{position:absolute;bottom:17px;left:24px;right:24px;text-align:center;letter-spacing:1.7px;font-size:7px;font-weight:600}.featured-stamp{position:absolute;right:20px;bottom:24px;width:102px;height:102px;padding:10px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--ink);color:var(--paper);font-size:10px;line-height:1;text-align:center;-webkit-text-size-adjust:100%;text-size-adjust:100%;transform:rotate(8deg);box-shadow:0 0 0 6px #f7efe43b}.featured-stamp>span{display:block;flex:none;line-height:1.15}.featured-stamp em{display:block;flex:none;font-size:28px;line-height:.95;color:#efbfa9}.featured-copy>.eyebrow{font-size:9px;color:var(--muted);margin-bottom:25px}.topic-label{font-size:9px;letter-spacing:1.4px;color:var(--accent);font-weight:700;display:block;margin-bottom:15px}.featured-copy h2{font-size:clamp(36px,4vw,53px);letter-spacing:-2px}.featured-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin:22px 0 27px;max-width:350px}.featured-copy small{display:block;margin-top:15px;font-size:10px;color:var(--muted)}.blog-explore{padding-block:42px 80px;border-top:1px solid var(--line)}.explore-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.explore-heading .eyebrow{margin-bottom:15px}.explore-heading>span{font-size:11px;color:var(--muted);padding-bottom:4px}.blog-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:33px}.blog-filters button{background:transparent;border:1px solid var(--line);border-radius:24px;padding:8px 18px;font-size:11px;transition:background .2s,color .2s}.blog-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.blog-filters button:hover{border-color:var(--accent)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 25px}.blog-card[hidden]{display:none}.blog-card a{display:block}.blog-card .case-scene{min-height:300px;border-radius:13px}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin:19px 0 12px}.card-meta>span:first-child{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-weight:600}.blog-card h3{font-size:25px;letter-spacing:-.8px;line-height:1.2}.blog-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0 17px}.read-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:500;text-decoration:underline;text-underline-offset:5px}.read-link svg{width:16px}.blog-closing{text-align:center;background:var(--ink);color:var(--paper);padding:70px 5%}.blog-closing>.eyebrow{color:#bbcdc5;margin-bottom:18px;font-size:9px}.blog-closing h2{font-size:clamp(40px,5vw,62px);letter-spacing:-2.4px}.blog-closing h2 em{color:#edb79a}.blog-closing>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#e5e4d7;margin:22px 0 28px}.blog-button.light{background:#edb79a;color:var(--ink)}.blog-button.light svg{color:var(--ink)}.blog-footer{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.2fr;gap:40px 25px;padding:55px 5% 28px;border-top:1px solid var(--line)}.blog-footer>div{display:flex;flex-direction:column;align-items:start;gap:11px}.blog-footer h2{font-size:13px;letter-spacing:0;margin-bottom:6px;font-weight:600}.blog-footer a:not([aria-label]){font-size:12px;color:var(--muted)}.blog-footer a:hover{text-decoration:underline;text-underline-offset:4px}.blog-footer p{font-size:11px;color:var(--muted);margin-top:5px}.blog-footer small{grid-column:1/-1;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:15px}.filter-note{font-size:12px;margin-top:20px;color:var(--muted)}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--muted);padding-block:28px}.breadcrumbs a:hover{text-decoration:underline}.article-heading{max-width:900px;text-align:center;padding:25px 0 42px}.article-heading>.eyebrow{color:var(--accent);margin-bottom:23px}.article-heading h1{font-size:clamp(46px,6vw,76px);letter-spacing:-3px;line-height:1.08}.article-deck{font-size:16px;line-height:1.8;color:var(--muted);max-width:640px;margin:25px auto}.article-meta{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.article-meta>span:first-child{color:var(--ink);font-weight:600}.article-cover .case-scene{min-height:480px;border-radius:18px}.article-cover .case-image{height:85%;width:26%;top:4%}.article-cover .case-0{left:25%}.article-cover .case-1{right:25%;top:10%}.article-cover .scene-mark{font-size:140px;right:12%;top:30%}.article-cover .scene-ring{inset:10% 8%}.article-cover .scene-caption{bottom:20px;font-size:8px}.article-layout{display:grid;grid-template-columns:210px minmax(0,700px);gap:80px;justify-content:center;padding-block:58px 65px;align-items:start}.article-sidebar{position:sticky;top:130px}.article-sidebar>.eyebrow{font-size:9px;margin-bottom:16px}.article-sidebar nav{display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--line);padding-left:17px}.article-sidebar nav a{font-size:11px;line-height:1.6;color:var(--muted)}.article-sidebar nav a:hover{color:var(--accent)}.sidebar-create{display:flex;align-items:center;gap:15px;margin-top:27px;padding:20px 15px;background:#eadbca;border-radius:10px;font-size:13px;line-height:1.5}.article-body{min-width:0}.article-body .article-intro{font-family:Georgia,serif;font-size:23px;line-height:1.7;color:var(--ink);margin:0 0 38px}.article-body section{scroll-margin-top:120px;margin-top:38px}.article-body h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.article-body p,.article-body li{font-size:14px;color:#50625b;line-height:1.95;margin:0 0 18px}.article-body li{margin-bottom:10px}.article-body ul{padding-left:21px;margin:24px 0}.article-tip{background:#eddfcf;border-left:2px solid var(--accent);border-radius:0 10px 10px 0;padding:23px 25px;margin:28px 0}.article-tip strong{font-size:9px;letter-spacing:1.4px;color:var(--accent)}.article-tip p{font-size:13px;margin:9px 0 0;line-height:1.8}.article-designs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0 40px}.article-designs figure{margin:0;min-width:0}.design-image{display:grid;place-items:center;background:#e7d9c6;border-radius:12px;height:330px;overflow:hidden}.article-designs figure:nth-child(even) .design-image{background:#d6dfd1}.design-image img{height:88%;width:72%;object-fit:contain;filter:drop-shadow(8px 12px 8px #143d3c1f);transition:transform .35s}.design-image:hover img{transform:rotate(3deg) scale(1.03)}.article-designs figcaption{padding:17px 2px;display:flex;flex-direction:column;align-items:start;gap:6px}.article-designs figcaption strong{font-size:13px;font-weight:500}.article-designs figcaption>span{font-size:10px;color:var(--muted)}.article-designs .read-link{margin-top:9px;color:var(--accent);font-size:11px}.article-action{background:#e8dece;padding:32px;border-radius:13px;margin:40px 0 25px}.article-action .eyebrow{color:var(--accent);font-size:8px;margin-bottom:14px;letter-spacing:1.2px}.article-action h2{font-size:32px}.article-action p{font-size:13px;margin-bottom:24px}.back-blog{margin-top:12px}.related-posts{border-top:1px solid var(--line);padding-block:45px 70px}.related-posts>.eyebrow{margin-bottom:14px}.related-posts h2{margin-bottom:30px}.related-posts .blog-grid{grid-template-columns:1fr 1fr;gap:30px}.related-posts .case-scene{min-height:330px}.related-posts .case-image{width:32%}.related-posts .case-0{left:20%}.related-posts .case-1{right:20%}.not-found{min-height:70vh;padding-block:80px}.not-found h1{margin:20px 0;font-size:60px}.not-found>p:not(.eyebrow){color:var(--muted);max-width:500px;margin-bottom:30px}
@media(max-width:1000px){.featured{gap:35px}.featured .case-scene{min-height:400px}.blog-grid{gap:35px 20px}.blog-card .case-scene{min-height:255px}.blog-card h3{font-size:23px}.article-layout{gap:40px;grid-template-columns:180px minmax(0,1fr)}.blog-intro>div>p{padding-right:0}.blog-footer{gap:35px 20px}.blog-footer a:not([aria-label]){font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:95px}.blog-header{height:83px;gap:12px}.blog-brand,.blog-brand img{width:98px}.blog-brand>span{font-size:5px;letter-spacing:1.1px}.blog-header nav{gap:15px;font-size:10px;margin-left:auto}.back-store{font-size:10px}.back-store svg{width:13px}.header-create{display:none}.wrap{width:90%}.blog-intro{padding-block:38px 25px}.blog-intro>.eyebrow{font-size:9px;margin-bottom:17px}.blog-intro h1{font-size:54px;letter-spacing:-2.7px}.blog-intro>div{display:block}.blog-intro>div>p{font-size:12px;margin-top:23px;line-height:1.7}.blog-intro>div>p br{display:none}.intro-note{font-size:7px;letter-spacing:1px;margin-top:25px}.featured{grid-template-columns:1fr;gap:25px;padding-block:28px 45px}.featured .case-scene{min-height:350px}.featured-stamp{width:85px;height:85px;right:18px;bottom:23px;font-size:8px}.featured-stamp em{font-size:25px}.featured-copy>.eyebrow{margin-bottom:16px;font-size:8px}.featured-copy h2{font-size:36px;letter-spacing:-1.6px;max-width:500px}.topic-label{font-size:8px;margin-bottom:12px}.featured-copy>p:not(.eyebrow){font-size:13px;margin:18px 0 22px;max-width:100%}.featured-copy small{font-size:10px}.blog-button{font-size:12px;padding:15px 20px}.blog-explore{padding-block:30px 45px}.explore-heading{display:block;margin-bottom:23px}.explore-heading h2{font-size:36px}.explore-heading .eyebrow{font-size:8px;margin-bottom:11px}.explore-heading>span{display:block;font-size:10px;margin-top:15px}.blog-filters{gap:7px;margin-bottom:25px}.blog-filters button{padding:8px 12px;font-size:10px}.blog-grid{grid-template-columns:1fr;gap:35px}.blog-card .case-scene{min-height:315px}.blog-card h3{font-size:28px;letter-spacing:-1px}.blog-card p{font-size:13px;margin-top:12px}.card-meta{margin-top:17px;font-size:10px}.read-link{font-size:12px}.scene-caption{font-size:6px;bottom:12px;letter-spacing:1.2px}.scene-mark{font-size:65px}.blog-closing{padding-block:50px}.blog-closing h2{font-size:42px;letter-spacing:-1.7px}.blog-closing>p:not(.eyebrow){font-size:12px}.blog-footer{grid-template-columns:1fr 1fr;gap:34px 20px;padding-block:40px 25px}.blog-footer>div:first-child{grid-column:1/-1}.blog-footer>div:nth-child(3){word-break:break-word}.blog-footer a:not([aria-label]){font-size:11px}.blog-footer small{font-size:9px;margin-top:0}.breadcrumbs{padding-block:20px;font-size:10px}.article-heading{padding:18px 0 27px}.article-heading>.eyebrow{font-size:8px;margin-bottom:19px}.article-heading h1{font-size:42px;letter-spacing:-1.8px}.article-deck{font-size:14px;line-height:1.8;margin:20px auto}.article-meta{gap:10px;font-size:9px}.article-meta>span:first-child:after{content:'·';padding-left:10px}.article-cover .case-scene{min-height:335px;border-radius:12px}.article-cover .case-image{height:82%;width:40%}.article-cover .case-0{left:13%}.article-cover .case-1{right:13%}.article-cover .scene-mark{font-size:75px;right:5%;top:14%}.article-cover .scene-caption{font-size:6px;bottom:15px}.article-layout{display:flex;flex-direction:column;gap:30px;padding-block:30px 45px}.article-sidebar{position:static;top:auto;width:100%;border-bottom:1px solid var(--line);padding-bottom:25px}.article-sidebar>.eyebrow{font-size:8px;margin-bottom:12px}.article-sidebar nav{gap:9px}.article-sidebar nav a{font-size:11px}.sidebar-create{display:none}.article-body .article-intro{font-size:21px;margin-bottom:28px;line-height:1.7}.article-body h2{font-size:27px;letter-spacing:-.8px}.article-body p,.article-body li{font-size:14px;line-height:1.9}.article-body section{margin-top:29px;scroll-margin-top:105px}.article-tip{padding:19px 18px}.article-tip p{font-size:13px}.article-designs{gap:12px;margin-block:25px}.design-image{height:235px;border-radius:9px}.design-image img{width:86%;height:88%}.article-designs figcaption strong{font-size:12px}.article-designs .read-link{font-size:10px;gap:5px;line-height:1.7;text-underline-offset:3px}.article-designs .read-link svg{width:13px}.article-action{padding:25px 20px;margin-top:30px}.article-action h2{font-size:30px}.article-action p{font-size:12px}.related-posts{padding-block:32px 45px}.related-posts h2{font-size:34px;letter-spacing:-1.4px}.related-posts .blog-grid{grid-template-columns:1fr;gap:33px}.related-posts .case-scene{min-height:300px}.related-posts .case-image{width:38%}.related-posts .case-0{left:14%}.related-posts .case-1{right:14%}.not-found{padding-block:50px}.not-found h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.editorial-cover>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}@media(max-width:760px){.blog-header .nav-inspiration{display:none}}
.blog-intro>div{flex-wrap:wrap}.blog-intro h1{max-width:100%}.editorial-cover>img{object-fit:contain;padding:20px}