.play-break{--pb-paper:#f8f7f2;--pb-ink:#292238;--pb-violet:#b8a0ea;--pb-lime:#dcfa72;box-sizing:border-box;border:1px solid var(--pb-ink);width:min(550px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--pb-ink);background:var(--pb-paper);overscroll-behavior:contain;border-radius:24px;margin:auto;padding:0;font-family:inherit;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 120px #17101f40}.play-break::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#29223885}.play-break *,.play-break :before,.play-break :after{box-sizing:border-box}.play-break button,.play-break a{-webkit-tap-highlight-color:transparent}.play-break button{cursor:pointer;font-family:inherit}.play-break button:disabled{cursor:default}.play-break__inner{padding:34px 38px 24px;position:relative}.play-break__close{width:36px;height:36px;color:var(--pb-ink);background:0 0;border:1px solid #29223830;border-radius:50%;place-items:center;padding:9px;display:grid;position:absolute;top:18px;right:18px}.play-break__close:hover{background:var(--pb-lime)}.play-break__close svg,.play-break__erase svg{stroke:currentColor;stroke-width:1.6px;width:100%;height:100%}.play-break__eyebrow{letter-spacing:.12em;align-items:center;gap:9px;margin:0 0 17px;font-size:10px;font-weight:650;display:flex}.play-break__eyebrow span{font-size:24px;line-height:1}.play-break h2{color:var(--pb-ink);letter-spacing:-.055em;margin:0;font-size:clamp(32px,6vw,43px);font-weight:550;line-height:1.05}.play-break h2 em{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400}.play-break__rules{max-width:320px;margin:16px 0 23px;font-size:13px;line-height:1.55}.play-break__game{max-width:320px;margin:0 auto}.play-break__board-top{letter-spacing:.055em;justify-content:space-between;margin-bottom:9px;font-family:ui-monospace,monospace;font-size:9px;font-weight:500;display:flex}.play-break__grid{border:2px solid var(--pb-ink);background:var(--pb-ink);border-radius:13px;overflow:hidden}.play-break__row{grid-template-columns:repeat(4,1fr);display:grid}.play-break__row:not(:last-child){border-bottom:1px solid #29223840}.play-break__row:nth-child(2){border-bottom:2px solid var(--pb-ink)}.play-break__row [role=gridcell]:not(:last-child){border-right:1px solid #29223840}.play-break__row [role=gridcell]:nth-child(2){border-right:2px solid var(--pb-ink)}.play-break__cell{aspect-ratio:1;background:var(--pb-paper);color:#644290;border:0;border-radius:0;place-items:center;width:100%;padding:0;font-size:28px;font-weight:450;line-height:1;transition:background .15s;display:grid;position:relative}.play-break__cell.is-clue{color:var(--pb-ink);background:#efede8;font-weight:600}.play-break__cell.is-selected{background:var(--pb-violet);color:var(--pb-ink)}.play-break__cell.is-conflict{color:#a22b40;background:#f6dce0}.play-break__cell.is-conflict:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:8px}.play-break__cell:focus-visible{z-index:1;outline:3px solid var(--pb-ink);outline-offset:-5px}.play-break__empty{background:#29223825;border-radius:50%;width:4px;height:4px}.play-break__grid.is-solved .play-break__cell:not(.is-clue){background:var(--pb-lime);color:var(--pb-ink)}.play-break__keypad{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px;display:grid}.play-break__keypad button{height:45px;color:var(--pb-ink);background:0 0;border:1px solid #29223830;border-radius:9px;font-size:21px}.play-break__keypad button:hover:not(:disabled){background:var(--pb-lime);border-color:var(--pb-ink)}.play-break__keypad button:disabled{opacity:.35}.play-break__keypad .play-break__erase{padding:11px 16px}.play-break__feedback{text-align:center;min-height:37px;margin:18px 0 9px;font-size:12px;line-height:1.5}.play-break__feedback.has-conflict{color:#a22b40}.play-break__feedback.has-win{font-weight:650}.play-break__actions{border-top:1px solid #29223825;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.play-break__reset{color:var(--pb-ink);background:0 0;border:0;padding:8px 0;font-size:12px}.play-break__reset span{padding-left:5px;font-size:17px}.play-break__full-game{border:1px solid var(--pb-ink);color:var(--pb-ink);background:var(--pb-lime);border-radius:30px;align-items:center;gap:12px;padding:11px 14px;font-size:12px;font-weight:550;text-decoration:none;display:inline-flex}.play-break__full-game:hover{background:var(--pb-violet)}.play-break__keyboard{text-align:center;opacity:.65;margin:20px 0 0;font-size:9px;line-height:1.6}.play-break button:not(.play-break__cell):focus-visible,.play-break a:focus-visible{outline-offset:3px;outline:3px solid #744dba}.play-break__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:480px){.play-break{border-radius:19px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.play-break__inner{padding:29px 22px 20px}.play-break__rules{margin-bottom:18px}.play-break__game{max-width:280px}.play-break__actions{gap:8px}.play-break__full-game{gap:7px;padding:10px 12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.play-break__cell{transition:none}}
.projects-section{border-top:1px solid #ddd9df;padding-top:65px;padding-bottom:90px;scroll-margin-top:28px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.project-card{min-width:0}.project-link{border:1px solid #ded9e2;border-radius:18px;flex-direction:column;height:100%;transition:transform .25s,border-color .25s;display:flex}.project-link:hover{border-color:#aa96bd;transform:translateY(-4px)}.project-art-wrap{border-radius:17px 17px 0 0;position:relative;overflow:hidden}.project-art{height:260px;position:relative;overflow:hidden}.project-domain{color:#514855;background:#ffffffb0;border-radius:20px;align-items:center;gap:8px;padding:6px 10px;font-size:9px;display:inline-flex;position:absolute;top:16px;left:17px}.project-domain .arrow{width:12px;height:12px}.project-copy{flex-direction:column;flex:1;padding:23px;display:flex}.project-copy .eyebrow{letter-spacing:1.1px;color:#776880;font-size:7px}.project-copy h3{letter-spacing:-1px;margin-top:5px;font-size:29px;font-weight:550}.project-description{color:#756a7d;margin-top:11px;margin-bottom:25px;font-size:12px;line-height:1.8}.project-action{border-top:1px solid #e1dce5;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;font-size:11px;font-weight:500;display:flex}.project-action .arrow{width:18px;height:18px}.project-spark{width:28px;height:28px;position:absolute}.project-art-coffee{background:#ead9c7}.coffee-saucer{background:#c39c7c;border-radius:50%;width:207px;height:41px;position:absolute;bottom:29px;left:calc(50% - 103px);transform:rotate(-7deg);box-shadow:0 5px #a78064}.coffee-cup{background:#f7f0dd;border-radius:17px 17px 45px 45px;width:137px;height:112px;position:absolute;top:102px;left:calc(50% - 75px);transform:rotate(-7deg);box-shadow:inset -15px -7px #dfc9a6,4px 6px #b18d6c}.coffee-handle{border:14px solid #f7f0dd;border-radius:40%;width:63px;height:64px;position:absolute;top:119px;left:calc(50% + 40px);transform:rotate(-7deg);box-shadow:4px 3px #c6a47d}.coffee-surface{background:#75503c;border-radius:50%;width:117px;height:28px;position:absolute;top:7px;left:9px}.coffee-surface>span{background:#dfc79f;border-radius:50%;width:63px;height:13px;position:absolute;top:7px;left:25px;transform:rotate(-7deg)}.coffee-steam{color:#ba9575;width:85px;height:64px;position:absolute;top:39px;left:calc(50% - 34px);transform:rotate(-7deg)}.coffee-bean{background:#846047;border-radius:50%;width:24px;height:34px;position:absolute;transform:rotate(30deg)}.coffee-bean:after{content:"";background:#d8b793;width:1px;height:27px;position:absolute;top:4px;left:12px;transform:rotate(12deg)}.bean-one{bottom:45px;left:13%}.bean-two{top:67px;right:13%;transform:rotate(-30deg)}.project-art-coffee .project-spark{color:#b28461;width:20px;height:20px;top:85px;left:17%}.project-art-van{background:#d5e5e5}.van-sun{background:#f8e1a2;border-radius:50%;width:65px;height:65px;position:absolute;top:47px;right:17%}.van-road{color:#a5c0bf;width:100%;height:100%;position:absolute;inset:0}.tiny-van{background:#f6f0dc;border-bottom:25px solid #c48359;border-radius:16px 38px 13px 13px;width:186px;height:92px;position:absolute;top:115px;left:calc(50% - 97px);transform:rotate(-9deg);box-shadow:5px 6px #7f9694}.van-roof{background:#b8a58a;border-radius:8px 8px 0 0;width:109px;height:12px;position:absolute;top:-9px;left:18px}.van-window{background:#779f9f;height:33px;position:absolute;top:12px}.window-back{border-radius:5px;width:56px;left:15px}.window-front{border-radius:5px 20px 5px 5px;width:44px;right:12px}.van-door{border:1px solid #c6baa2;border-radius:5px 5px 0 0;width:40px;height:57px;position:absolute;top:8px;right:67px}.van-door:after{content:"";background:#968b77;border-radius:2px;width:8px;height:3px;position:absolute;top:35px;right:5px}.van-wheel{background:#3f4e50;border:8px solid #3f4e50;border-radius:50%;width:32px;height:32px;position:absolute;top:57px;box-shadow:inset 0 0 0 9px #d0d5ce}.wheel-back{left:24px}.wheel-front{right:23px}.project-art-van .project-spark{color:#739997;width:22px;height:22px;top:75px;left:15%}.project-art-bare{background:#e0e7d2}.audit-window{background:#f7f8ef;border:2px solid #758767;border-radius:12px;width:185px;height:157px;position:absolute;top:66px;left:calc(50% - 100px);transform:rotate(-9deg);box-shadow:7px 9px #b1c39e}.audit-window-bar{border-bottom:1px solid #bfccb4;align-items:center;gap:4px;width:100%;height:26px;padding-left:10px;display:flex;position:absolute;top:0}.audit-window-bar i{background:#9aac89;border-radius:50%;width:4px;height:4px}.audit-line{background:#b4c5a4;border-radius:8px;height:5px;position:absolute;left:19px}.line-long{width:83px;top:43px}.line-short{background:#d8dfcf;width:56px;top:55px}.audit-bars{align-items:flex-end;gap:10px;height:57px;display:flex;position:absolute;bottom:20px;left:19px}.audit-bars i{background:#a4ba8e;border-radius:4px 4px 0 0;width:22px;height:25px}.audit-bars i:nth-child(2){height:34px}.audit-bars i:nth-child(3){background:#89a76b;height:45px}.audit-bars i:nth-child(4){background:#658647;height:57px}.audit-check{color:#4a6334;background:#ddfa87;border-radius:50%;width:65px;height:65px;position:absolute;top:78px;right:calc(50% - 115px);transform:rotate(9deg);box-shadow:3px 5px #99b563}.audit-check svg{width:100%;height:100%;padding:10px}.project-art-bare .project-spark{color:#92a77a;width:22px;height:22px;top:65px;left:14%}@media (max-width:950px){.projects-grid{gap:18px}.project-art{height:235px}.project-copy{padding:19px}.project-copy h3{font-size:25px}.project-copy .eyebrow{letter-spacing:.6px;font-size:6.5px}.project-description{font-size:11px}.coffee-cup{top:87px}.coffee-handle{top:104px}.coffee-steam{top:30px}.coffee-bean{display:none}.tiny-van{top:105px;transform:rotate(-9deg)scale(.85)}.audit-window{top:61px;transform:rotate(-9deg)scale(.85)}.audit-check{width:55px;height:55px;right:13px}}@media (max-width:700px){.projects-section{padding-top:44px;padding-bottom:55px}.projects-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.project-art{height:260px}.project-copy{padding:22px}.project-copy .eyebrow{letter-spacing:1px;font-size:7px}.project-copy h3{font-size:29px}.project-description,.project-action{font-size:12px}.coffee-cup{top:102px}.coffee-handle{top:119px}.coffee-steam{top:39px}.coffee-bean{display:block}.tiny-van{top:115px;transform:rotate(-9deg)}.audit-window{top:66px;transform:rotate(-9deg)}.audit-check{width:65px;height:65px;right:calc(50% - 115px)}}