#work.sjk-deliverables{--ink:#183b32;--paper:#f2eee3;position:relative;isolation:isolate;padding:52px 5vw 0;background:var(--paper);color:var(--ink);overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23746340' opacity='.065' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");scroll-margin-top:30px}
#work *{box-sizing:border-box}#work .work-masthead{display:flex;justify-content:space-between;gap:20px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);padding:15px 0;font:700 11px/1.5 'Courier New',monospace;letter-spacing:.09em}
#work .work-kicker{display:block;font:700 11px/1.6 'Courier New',monospace;letter-spacing:.08em;margin-bottom:24px;color:#963f22}
#work .work-opening{display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;padding:60px 0 66px;align-items:end}
#work .work-opening h2{font:800 clamp(42px,5.8vw,84px)/.99 Arial,Helvetica,sans-serif;letter-spacing:-.06em;margin:0;max-width:none;color:var(--ink)}
#work em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}#work .work-opening em{color:#aa4323}
#work p{font:400 18px/1.65 Arial,Helvetica,sans-serif;margin:0 0 22px;color:inherit;max-width:690px}
#work a{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;text-decoration:none;border-bottom:1px solid currentColor;padding:12px 0;font:700 13px/1.5 'Courier New',monospace;color:inherit}#work a:hover{color:#a73d1f}#work a:focus-visible{outline:3px solid #dc7953;outline-offset:5px}
#work .work-journal{display:grid;grid-template-columns:1.55fr 1fr;border:1px solid #577368;box-shadow:7px 7px 0 #183b3214}
#work h3{font:700 clamp(30px,3.2vw,46px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0 0 28px;color:inherit}
#work .work-narrative{position:relative;padding:42px;background:#183b32;color:#fbf6e9;overflow:hidden;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff03 4px)}
#work .work-narrative .work-kicker{color:#f3a17c}#work .work-narrative h3{font-size:clamp(34px,3.8vw,54px)}#work .work-narrative-copy{max-width:560px}#work .work-narrative-copy p:last-child{margin-bottom:0}
#work .work-imprint{display:inline-block;border:1px solid #b8cec166;color:#bfd0c3;padding:12px 20px;transform:rotate(-3deg);font:700 19px/1.3 'Courier New',monospace;letter-spacing:.1em;margin:36px 0 0}#work .work-imprint span{font-size:9px;letter-spacing:.08em}
#work .work-evidence{padding:42px;background-color:#e1e7d9;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#183b3209 32px)}#work .work-evidence p{margin-bottom:0}
#work .work-delivery{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;padding:58px 0;border-bottom:1px solid #587065;align-items:start}#work .work-delivery h3{font-size:clamp(36px,4.2vw,58px)}#work .work-delivery-choice{border-left:3px solid #c65c31;padding-left:22px;font-weight:700;margin-bottom:0}
#work .work-recurring{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;padding:46px 0 60px}#work .work-recurring-title{position:relative}#work .work-recurring h3{margin-bottom:12px}#work .work-loop{font:400 90px/1 Georgia,serif;color:#aa4323}#work .work-recurring p{font-size:17px}
@media(min-width:1500px){#work.sjk-deliverables{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:800px){#work .work-opening{grid-template-columns:1fr;gap:32px;padding:40px 0}#work .work-opening h2{font-size:clamp(44px,8vw,66px)}#work .work-journal{grid-template-columns:1fr}#work .work-narrative,#work .work-evidence{padding:30px}#work .work-imprint{margin-top:20px}#work .work-delivery,#work .work-recurring{gap:30px;grid-template-columns:1fr}#work .work-loop{position:absolute;right:0;bottom:0;font-size:65px}#work .work-recurring-title{padding-right:60px}#work .work-masthead span:last-child{max-width:170px;text-align:right;font-size:9px}}
@media(max-width:480px){#work.sjk-deliverables{padding:30px 20px 0}#work p{font-size:17px}#work .work-narrative,#work .work-evidence{padding:27px 23px}#work .work-opening h2{font-size:44px}#work .work-narrative h3{font-size:35px}#work .work-kicker{font-size:10px;margin-bottom:18px}#work .work-delivery{padding:38px 0}#work .work-recurring{padding:38px 0 44px}}
