.design-journal{--design-green:#3c422f}.design-journal .site-header nav{display:flex}.design-journal .site-header nav a{align-items:center;gap:9px;display:inline-flex}.design-header-note{justify-self:end;font-size:.95rem}.design-journal section{scroll-margin-top:32px}.design-hand{font-family:var(--font-hand);font-size:1.8rem;font-weight:400;line-height:1.2}.design-opening{grid-template-columns:1.05fr 1fr;align-items:center;gap:5vw;max-width:1600px;margin:auto;padding:65px 6vw 105px;display:grid}.design-opening-copy .design-hand{color:var(--primary);transform-origin:0;margin-bottom:25px;transform:rotate(-4deg)}.design-opening h1{letter-spacing:-.065em;color:var(--primary);margin-bottom:28px;font-size:clamp(3.5rem,5.7vw,6rem);line-height:1.03}.design-lede{max-width:390px;font-size:1.25rem;line-height:1.6}.design-disclosure{max-width:390px;color:var(--muted-foreground);margin-top:24px;font-size:.98rem;line-height:1.65}.design-chapters{flex-wrap:wrap;gap:23px;margin-top:32px;display:flex}.design-chapters a{border-bottom:1px solid var(--border);padding:4px 0}.design-chapters a:hover{color:var(--primary);border-color:var(--primary)}.design-opening-print{background:var(--card);padding:14px 14px 24px;transform:rotate(3deg);box-shadow:0 20px 40px -20px #3d332c4d,0 2px 8px #3d332c12}.design-opening-print img,.design-study-pair img,.design-exploded img,.design-color-image img{width:100%;height:auto;display:block}.design-opening-print figcaption{font-family:var(--font-hand);text-align:center;margin-top:17px;font-size:1.5rem}.design-shape{background:#f1e8d9;padding:90px 6vw 100px}.design-section-intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:8vw;max-width:1320px;margin:0 auto 46px;display:grid}.design-section-intro h2{font-size:clamp(2.8rem,4.3vw,4.6rem)}.design-section-intro>p{max-width:450px;font-size:1.12rem;line-height:1.7}.design-study-pair{grid-template-columns:1.15fr 1fr;align-items:center;gap:5vw;max-width:1320px;margin:auto;display:grid}.design-study-pair figure{min-width:0}.design-study-pair figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-top:16px;display:flex}.design-study-pair figcaption>span{font-family:var(--font-hand);color:var(--primary);font-size:1.7rem}.design-study-pair small{color:var(--muted-foreground);font-size:.9rem}.design-refinements{grid-template-columns:repeat(3,1fr);gap:5vw;max-width:1320px;margin:45px auto 0;display:grid}.design-refinements p{font-size:1.03rem;line-height:1.7}.design-refinements strong{margin-bottom:4px;font-weight:600;display:block}.design-layers{color:var(--background);background:var(--design-green);grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;padding:95px 6vw;display:grid}.design-layers-copy{justify-self:end;max-width:440px}.design-layers .design-hand{color:var(--accent);margin-bottom:25px}.design-layers h2{font-size:clamp(2.8rem,4.3vw,4.8rem);line-height:1.05}.design-layers-lede{margin-top:27px;font-size:1.15rem;line-height:1.7}.design-layers dl{margin:34px 0 0}.design-layers dl>div{border-top:1px solid #faf4e83b;padding:18px 0}.design-layers dt{font-size:1.14rem;font-weight:600}.design-layers dd{color:#e3dfd1;max-width:340px;margin:5px 0 0;font-size:1rem;line-height:1.65}.design-exploded{max-width:700px}.design-exploded img{background:#eee4d5}.design-exploded figcaption{color:#e3dfd1;margin-top:17px;font-size:.95rem;line-height:1.65}.design-colors{grid-template-columns:1.05fr 1fr;align-items:center;gap:7vw;max-width:1600px;margin:auto;padding:105px 6vw;display:grid}.design-color-image{min-width:0}.design-color-image .design-hand{color:var(--primary);text-align:center;min-height:2.4em;margin-top:22px;font-size:1.55rem}.design-color-copy{max-width:500px}.design-color-copy h2{color:var(--primary);font-size:clamp(3rem,4.8vw,5rem)}.design-color-copy>p{max-width:380px;margin-top:24px;font-size:1.12rem;line-height:1.65}.design-palette{border:0;margin:30px 0 0;padding:0}.design-palette legend{margin-bottom:16px;font-size:.95rem}.design-palette>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px;display:grid}.design-palette button{text-align:left;justify-content:flex-start;align-items:center;gap:11px;min-width:0;min-height:60px;padding:8px 10px;font-size:.95rem;display:flex}.design-palette button>span:last-child{min-width:0}.design-paint{background:var(--study-color);width:41px;height:42px;transform:rotate(var(--study-tilt));border:4px solid #fff9ed;border-radius:43% 35% 40% 30%;outline:1px solid #3d332c25;flex:none;place-items:center;display:grid}.design-paint svg{background:var(--background);color:var(--foreground);border-radius:50%;padding:2px}.design-palette button[aria-pressed=true]{--button-face:#eadbaf;--button-base:#9e8355}.design-color-copy .design-color-caption{color:var(--muted-foreground);font-size:.93rem}.design-next{text-align:center;background:#e9d8914d;padding:82px 24px 100px}.design-next .design-hand{color:var(--primary);margin-bottom:23px}.design-next h2{font-size:clamp(3rem,5vw,4.6rem)}.design-next>p:not(.design-hand){max-width:470px;margin:28px auto;font-size:1.12rem;line-height:1.7}.design-next .button{display:inline-flex}@media (min-width:1600px){.design-layers{padding-inline:calc(50vw - 704px)}}@media (max-width:1000px) and (min-width:761px){.design-opening{gap:4vw;padding-inline:4vw}.design-opening h1{font-size:3.7rem}.design-header-note{font-size:.82rem}.design-layers{gap:4vw;padding-inline:4vw}.design-layers h2{font-size:3rem}.design-palette>div{gap:12px 8px}.design-palette button{gap:7px;padding:8px 10px;font-size:.875rem}.design-paint{width:34px;height:36px}}@media (max-width:760px){.design-journal .site-header{justify-content:space-between;gap:15px;height:auto;min-height:100px;padding:18px 5vw;display:flex}.design-journal .wordmark{order:-1;width:155px}.design-journal .site-header nav{font-size:.85rem}.design-header-note{display:none}.design-opening{grid-template-columns:1fr;gap:40px;padding:32px 6vw 72px}.design-opening h1{font-size:clamp(3.3rem,10vw,5rem)}.design-opening-copy .design-hand{margin-bottom:20px}.design-lede{font-size:1.15rem}.design-disclosure{max-width:440px}.design-opening-print{max-width:500px;margin:0 6px;padding:10px 10px 20px;transform:rotate(2deg)}.design-opening-print figcaption{font-size:1.4rem}.design-shape{padding:60px 5vw}.design-section-intro{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.design-section-intro h2{font-size:3rem}.design-study-pair{grid-template-columns:1fr;gap:32px}.design-study-pair figure:last-child{margin-left:10%}.design-study-pair figcaption,.design-study-pair small{display:block}.design-refinements{grid-template-columns:1fr;gap:19px;margin-top:32px}.design-refinements strong{display:inline}.design-layers{flex-direction:column;align-items:stretch;gap:32px;padding:60px 5vw;display:flex}.design-layers-copy{display:contents}.design-layers .design-hand{margin:0 0 -12px}.design-layers h2{font-size:3rem}.design-layers-lede{margin-top:-8px}.design-layers dl{order:2;margin:0}.design-layers dd{max-width:none}.design-exploded{order:1}.design-colors{grid-template-columns:1fr;gap:24px;padding:65px 5vw 40px;display:grid}.design-color-copy{display:contents}.design-color-copy h2{order:0;font-size:3.3rem}.design-color-copy>p{order:1;max-width:450px;margin:0}.design-color-image{order:2}.design-colors .design-palette{order:3;margin:0}.design-color-copy .design-color-caption{order:4}.design-color-image .design-hand{font-size:1.4rem}.design-next{padding:60px 6vw 70px}}@media (max-width:360px){.design-palette button{gap:7px;padding:8px 10px;font-size:.875rem}.design-paint{width:32px;height:34px}}