:root{--bg: #fbfaf7;--text: #1c1a17;--muted: rgba(0, 0, 0, .5);--muted-nav: rgba(0, 0, 0, .55);--hl: oklch(.78 .22 350);--ph-a: #e6e3dc;--ph-b: #f2f0ea;--ph-label: rgba(0, 0, 0, .42);--sticker-field: 320px}html,body{overscroll-behavior:none}body{position:relative;margin:0;background:var(--bg);color:var(--text);font-family:EB Garamond,Georgia,serif;font-size:18px;line-height:1.6}body>div{max-width:660px;padding:56px 40px 40px}body[data-page=home]>div{padding:44px 40px}a{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:background-color 80ms,color 80ms}a:hover,a:focus-visible{background-color:var(--hl);color:var(--text);padding:0 .12em;margin:0 -.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.nav{margin-bottom:56px;color:var(--muted-nav);font-size:16px}body[data-page=home] .nav{margin-bottom:72px}.footer{color:var(--muted);font-size:16px}h1,p{margin:0;font:inherit;text-wrap:pretty}main{margin:0 0 64px}.ph{display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-linear-gradient(45deg,var(--ph-a) 0 6px,var(--ph-b) 6px 12px);color:var(--ph-label);font:10px/1 ui-monospace,Menlo,monospace;text-align:center}body[data-page=home] main{display:flex;gap:32px;align-items:flex-start;margin-bottom:var(--sticker-field)}body[data-page=home] h1{flex:1}.portrait{display:block;flex:none;width:234px;height:325px}.portrait:hover:not(:focus-visible){background-color:transparent;padding:0;margin:0}.portrait img{display:block;width:100%;height:100%;object-fit:cover}.stickers{position:absolute;inset:0;pointer-events:none;touch-action:none}.sticker{position:absolute;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:9px}.sticker:active{cursor:grabbing}.sticker img{display:block;width:100%;height:100%;object-fit:contain}.sticker:nth-child(1){left:40px;top:430px;width:124px;height:124px;transform:rotate(-4deg)}.sticker:nth-child(2){left:158px;top:404px;width:94px;height:94px;transform:rotate(6deg)}.sticker:nth-child(3){left:152px;top:508px;width:146px;height:110px;transform:rotate(-2deg)}.sticker:nth-child(4){left:290px;top:442px;width:114px;height:144px;transform:rotate(3deg)}.sticker:nth-child(5){left:290px;top:574px;width:84px;height:84px;transform:rotate(-7deg)}.sticker:nth-child(6){left:408px;top:412px;width:102px;height:102px;transform:rotate(-5deg)}.sticker:nth-child(7){left:400px;top:516px;width:136px;height:100px;transform:rotate(4deg)}.sticker:nth-child(8){left:532px;top:462px;width:114px;height:114px;transform:rotate(-3deg)}body[data-page=about] main h1+p,body[data-page=about] main p+p{margin-top:22px}body[data-page=photos] main{margin-bottom:56px}body[data-page=photos] main h1+p{margin-top:44px}body[data-page=photos] main p+p{margin-top:26px}.covers{display:flex;gap:14px;margin-top:52px}.covers .ph{flex:1;height:120px}.covers .ph img{display:block;width:100%;height:100%;object-fit:cover}body[data-page=work] main h1+p{margin-top:44px}body[data-page=work] main p+p{margin-top:38px}body[data-page=recommendations] main h1+div{margin-top:44px}body[data-page=recommendations] main div+div{margin-top:34px}.group-label{margin-bottom:12px;color:var(--muted);font-size:16px}@media(max-width:700px){body{font-size:17px;min-height:calc(100svh + 1px)}body>div,body[data-page=home]>div{padding:28px 22px}.nav,.footer{font-size:15px;line-height:1.9}.nav,body[data-page=home] .nav{margin-bottom:38px}body[data-page=home] main{flex-direction:column-reverse;margin-bottom:230px}.portrait{width:194px;height:246px}.sticker:nth-child(1){left:22px;top:500px;width:86px;height:86px}.sticker:nth-child(2){left:98px;top:480px;width:68px;height:68px}.sticker:nth-child(3){left:88px;top:556px;width:104px;height:76px}.sticker:nth-child(4){left:180px;top:506px;width:78px;height:96px}.sticker:nth-child(5){left:172px;top:598px;width:60px;height:60px}.sticker:nth-child(6){left:260px;top:480px;width:72px;height:72px}.sticker:nth-child(7){left:250px;top:554px;width:94px;height:68px}.sticker:nth-child(8){left:74px;top:630px;width:80px;height:80px}}:root{--wip-bar: clamp(44px, 7vw, 70px);--wip-pitch: clamp(34px, 5vw, 58px);--wip-strip-1-top: 30vh;--wip-strip-2-top: 52vh;--wip-strip-3-top: 82vh;--wip-strip-4-top: 67vh}.wip-tape{position:fixed;inset:0;overflow:hidden;pointer-events:none;--wip-tape: #f5c400;--wip-stripe: #1a1a17}.wip-tape[data-variant=yellow]{--wip-tape: #f5c400;--wip-stripe: #1a1a17}.wip-tape[data-variant=red]{--wip-tape: #d3241c;--wip-stripe: #f7f4ee}.wip-tape[data-variant=pink]{--wip-tape: #ff3d9a;--wip-stripe: #f7f4ee}.wip-strip{position:absolute;left:-14%;width:128%;height:var(--wip-bar);background:repeating-linear-gradient(118deg,var(--wip-stripe) 0 var(--wip-pitch),var(--wip-tape) var(--wip-pitch) calc(var(--wip-pitch) * 2))}.wip-strip[data-strip="1"]{top:var(--wip-strip-1-top);transform:rotate(-2deg)}.wip-strip[data-strip="2"]{top:var(--wip-strip-2-top);transform:rotate(1.6deg)}.wip-strip[data-strip="3"]{top:var(--wip-strip-3-top);transform:rotate(-1.4deg)}.wip-strip[data-strip="4"]{top:var(--wip-strip-4-top);transform:rotate(1deg)}@media(max-height:600px){.wip-strip[data-strip="2"],.wip-strip[data-strip="4"]{display:none}}