.blog-main{--blog-accent:var(--coral);background:linear-gradient(90deg, transparent 0 calc(50% - 1px), #451d2206 calc(50% - 1px) 50%, transparent 50%), var(--paper)}.blog-breadcrumbs{padding-bottom:4px}.blog-hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:center;gap:clamp(42px,8vw,130px);width:min(100% - 48px,1260px);min-height:690px;margin:0 auto;padding:clamp(64px,8vw,116px) 0 clamp(95px,11vw,160px);display:grid}.blog-hero__copy h1,.blog-hub__hero h1{max-width:880px;font-family:var(--display);letter-spacing:-.062em;text-wrap:balance;margin-top:22px;font-size:clamp(4.1rem,7vw,7.8rem);font-weight:400;line-height:.86}.blog-lede,.blog-hub__hero>div>p:last-child{max-width:720px;color:var(--ink-soft);font-family:var(--display);margin-top:32px;font-size:clamp(1.38rem,2vw,2rem);line-height:1.38}.blog-motif{isolation:isolate;min-height:510px;color:var(--paper);background:var(--ink);box-shadow:22px 24px 0 var(--paper-3);position:relative;overflow:hidden;transform:rotate(1.1deg)}.blog-motif:before{content:"";opacity:.12;background:repeating-linear-gradient(0deg,#0000 0 28px,currentColor 28px 29px);position:absolute;inset:0}.blog-motif__tape{z-index:5;background:#f6e3a8e0;width:116px;height:28px;position:absolute;top:28px;left:50%;transform:translate(-50%)rotate(-3deg)}.blog-motif__shape{display:block;position:absolute}.blog-motif__paper{z-index:4;color:var(--ink);background:var(--paper);padding:30px;position:absolute;bottom:11%;left:9%;right:9%;transform:rotate(-2.4deg);box-shadow:9px 11px #14050833}.blog-motif__paper strong,.blog-motif__paper small{display:block}.blog-motif__paper strong{font-family:var(--mono);letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(1.55rem,3vw,2.7rem);line-height:.96}.blog-motif__paper small{color:var(--ink-soft);font-family:var(--hand);margin-top:16px;font-size:1rem}.blog-motif--weekend{background:#4a2028}.blog-motif--weekend .blog-motif__shape--one,.blog-motif--weekend .blog-motif__shape--two,.blog-motif--weekend .blog-motif__shape--three{background:#f5c8bf1f;border:1px solid #fff8f173;width:28%;height:185px;top:90px}.blog-motif--weekend .blog-motif__shape--one{left:5%;transform:rotate(-5deg)}.blog-motif--weekend .blog-motif__shape--two{background:var(--coral);left:36%;transform:translateY(15px)rotate(2deg)}.blog-motif--weekend .blog-motif__shape--three{right:5%;transform:rotate(6deg)}.blog-motif--morning{background:#7b3e3d}.blog-motif--morning .blog-motif__shape--one{background:var(--butter);border-radius:50%;width:220px;height:220px;top:72px;left:50%;transform:translate(-50%);box-shadow:0 0 0 34px #f6e3a81a}.blog-motif--morning .blog-motif__shape--two{background:linear-gradient(7deg,#35131a 0 48%,#0000 49%);height:48%;bottom:0;left:0;right:0}.blog-motif--morning .blog-motif__shape--three{background:#fff8f18c;width:2px;height:170px;top:86px;left:40px;transform:rotate(42deg)}.blog-motif--waves{background:#382235}.blog-motif--waves .blog-motif__shape--one,.blog-motif--waves .blog-motif__shape--two,.blog-motif--waves .blog-motif__shape--three{border:2px solid #fff8f17a;border-radius:50%;height:135px;left:-24%;right:-24%}.blog-motif--waves .blog-motif__shape--one{top:68px;transform:rotate(7deg)}.blog-motif--waves .blog-motif__shape--two{border-color:var(--coral);top:140px;transform:rotate(-5deg)}.blog-motif--waves .blog-motif__shape--three{border-color:var(--blush);top:212px;transform:rotate(4deg)}.blog-motif--photos{background:#624047}.blog-motif--photos .blog-motif__shape{border:12px solid var(--paper);background:linear-gradient(145deg, var(--blush) 0 48%, var(--coral-deep) 49%);border-bottom-width:42px;width:165px;height:205px;top:75px;box-shadow:5px 8px #1405083d}.blog-motif--photos .blog-motif__shape--one{left:7%;transform:rotate(-11deg)}.blog-motif--photos .blog-motif__shape--two{background:linear-gradient(30deg, var(--sage) 0 48%, var(--plum) 49%);left:34%;transform:rotate(3deg)}.blog-motif--photos .blog-motif__shape--three{background:linear-gradient(145deg, var(--butter) 0 48%, var(--ink-soft) 49%);right:5%;transform:rotate(12deg)}.blog-motif--friends{background:#3c2537}.blog-motif--friends .blog-motif__shape{background:var(--blush);border-radius:50%;width:76px;height:76px}.blog-motif--friends .blog-motif__shape--one{top:112px;left:17%}.blog-motif--friends .blog-motif__shape--two{background:var(--coral);top:74px;left:50%;transform:translate(-50%)}.blog-motif--friends .blog-motif__shape--three{background:var(--sage);top:128px;right:17%}.blog-motif--friends:after{content:"";background:#fff8f18c;height:1px;position:absolute;top:148px;left:23%;right:23%;transform:rotate(-1deg)}.blog-motif--both{background:#6a3035}.blog-motif--both .blog-motif__shape--one,.blog-motif--both .blog-motif__shape--two{width:45%;top:70px;bottom:170px}.blog-motif--both .blog-motif__shape--one{background:var(--blush);left:4%;transform:rotate(-3deg)}.blog-motif--both .blog-motif__shape--two{background:var(--sage);right:4%;transform:rotate(3deg)}.blog-motif--both .blog-motif__shape--three{border-left:2px dashed var(--ink);width:1px;height:150px;top:112px;left:50%}.blog-motif--home{background:#34222a}.blog-motif--home .blog-motif__shape--one{border:2px solid var(--paper);background:linear-gradient(90deg, transparent 49.5%, var(--paper) 49.5% 50%, transparent 50%);width:64%;height:215px;top:70px;left:18%}.blog-motif--home .blog-motif__shape--two{border:2px solid var(--coral);width:22%;height:165px;top:120px;left:31%}.blog-motif--home .blog-motif__shape--three{background:var(--butter);border-radius:50%;width:38px;height:38px;top:170px;right:23%}.blog-motif--work{background:#49242d}.blog-motif--work .blog-motif__shape{background:var(--paper);width:175px;height:225px;top:70px;box-shadow:6px 8px #1405083b}.blog-motif--work .blog-motif__shape:after{content:"";background:repeating-linear-gradient(0deg, var(--paper-3) 0 1px, transparent 1px 18px);height:6px;box-shadow:0 42px 0 var(--paper-3), 0 84px 0 var(--paper-3);position:absolute;top:42px;left:24px;right:24px}.blog-motif--work .blog-motif__shape--one{left:11%;transform:rotate(-7deg)}.blog-motif--work .blog-motif__shape--two{background:var(--butter);right:12%;transform:translateY(22px)rotate(6deg)}.blog-motif--work .blog-motif__shape--three{display:none}.blog-answer{margin-bottom:clamp(56px,7vw,82px)}.blog-article-body a:not(.quiet-app-bridge a){text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:4px;text-decoration-thickness:1px}.blog-article-body strong{color:var(--ink)}.quiet-app-bridge{border-top:2px solid var(--ink);border-bottom:1px solid var(--paper-3);grid-template-columns:50px 1fr auto;align-items:center;gap:22px;margin:0 0 20px;padding:26px 0;display:grid}.quiet-app-bridge>span{color:var(--coral);font-family:var(--display);font-size:2.4rem}.quiet-app-bridge p{color:var(--ink-soft);font-family:var(--display);font-size:1.08rem;line-height:1.45}.quiet-app-bridge a{border-bottom:1px solid var(--coral);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 0;font-size:.64rem}.blog-hub__hero{grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr);align-items:center;gap:clamp(45px,8vw,120px);width:min(100% - 48px,1260px);min-height:680px;margin:0 auto;padding:70px 0 120px;display:grid}.blog-hub__stack{min-height:430px;position:relative}.blog-hub__stack span{width:82%;min-height:150px;color:var(--ink);background:var(--blush);font-family:var(--mono);letter-spacing:-.03em;text-align:center;place-items:center;padding:24px;font-size:clamp(1rem,2vw,1.45rem);display:grid;position:absolute;box-shadow:8px 10px #451d2221}.blog-hub__stack span:first-child{background:var(--butter);top:10px;left:2%;transform:rotate(-7deg)}.blog-hub__stack span:nth-child(2){background:var(--coral);top:138px;right:0;transform:rotate(5deg)}.blog-hub__stack span:nth-child(3){background:var(--sage);bottom:5px;left:6%;transform:rotate(-2deg)}.blog-hub__principles{border-top:2px solid var(--ink);border-bottom:1px solid var(--paper-3);grid-template-columns:repeat(3,1fr);width:min(100% - 48px,1180px);margin:0 auto 100px;display:grid}.blog-hub__principles p{border-right:1px solid var(--paper-3);font-family:var(--display);padding:24px;font-size:1.12rem;line-height:1.35}.blog-hub__principles p:last-child{border-right:0}.blog-hub__principles span{color:var(--coral-deep);font-family:var(--mono);margin-bottom:18px;font-size:.65rem;display:block}.blog-list{border-top:2px solid var(--ink);width:min(100% - 48px,1180px);margin:0 auto;padding-bottom:120px}.blog-list__item{border-bottom:1px solid var(--paper-3);grid-template-columns:64px 170px minmax(0,1fr) 30px;align-items:start;gap:28px;padding:34px 0;transition:padding .18s,background .18s;display:grid}:is(.blog-list__item:hover,.blog-list__item:focus-visible){background:var(--paper-2);padding-left:14px;padding-right:14px}.blog-list__index,.blog-list__meta{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:700;line-height:1.5}.blog-list__index{color:var(--coral-deep)}.blog-list__meta small{color:var(--ink-soft);margin-top:12px;font-size:.7rem;display:block}.blog-list__copy strong{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,3.05rem);font-weight:400;line-height:1;display:block}.blog-list__copy small{max-width:720px;color:var(--ink-soft);margin-top:16px;font-size:.98rem;font-weight:500;line-height:1.55;display:block}.blog-list__item>b{color:var(--coral);font-size:1.35rem}.blog-hub__afterword{color:var(--paper);background:var(--ink);padding:80px max(24px,50vw - 590px)}.blog-hub__afterword p{max-width:720px;font-family:var(--display);font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.08}.blog-hub__afterword a{color:var(--blush);border-bottom:1px solid var(--coral);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-top:28px;padding-bottom:7px;font-size:.7rem;display:inline-block}@media (max-width:980px){.blog-hero,.blog-hub__hero{grid-template-columns:minmax(0,1fr) 330px;gap:46px}.blog-motif{min-height:470px}.blog-list__item{grid-template-columns:54px 135px minmax(0,1fr) 26px;gap:20px}}@media (max-width:720px){.blog-main{padding-bottom:0}.blog-hero,.blog-hub__hero{grid-template-columns:1fr;width:calc(100% - 40px);min-height:0;padding:58px 0 95px}.blog-hero__copy h1,.blog-hub__hero h1{font-size:clamp(3.75rem,16.5vw,5.6rem)}.blog-lede,.blog-hub__hero>div>p:last-child{font-size:1.3rem}.blog-motif{min-height:420px;box-shadow:12px 14px 0 var(--paper-3);margin:20px 8px 0 0}.blog-motif--photos .blog-motif__shape{width:130px;height:175px}.blog-article-grid{padding-bottom:78px}.quiet-app-bridge{grid-template-columns:38px 1fr}.quiet-app-bridge a{grid-column:2;justify-self:start}.blog-hub__stack{min-height:390px}.blog-hub__principles{grid-template-columns:1fr;width:calc(100% - 40px);margin-bottom:80px}.blog-hub__principles p{border-right:0;border-bottom:1px solid var(--paper-3)}.blog-hub__principles p:last-child{border-bottom:0}.blog-list{width:calc(100% - 40px);padding-bottom:90px}.blog-list__item{grid-template-columns:36px minmax(0,1fr) 24px;gap:12px;padding:28px 0}.blog-list__meta{grid-area:1/2/auto/-1}.blog-list__copy{grid-column:2}.blog-list__item>b{grid-area:2/3}.blog-list__copy strong{font-size:2rem}}@media (max-width:390px){.blog-hero__copy h1,.blog-hub__hero h1{font-size:3.55rem}.blog-motif__paper{padding:24px;left:6%;right:6%}}@media (prefers-reduced-motion:reduce){.blog-list__item{transition:none}}
