@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/onest-cyrillic-ext-wght-normal.DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/onest-cyrillic-wght-normal.DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/onest-math-wght-normal.Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/onest-symbols-wght-normal.DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/onest-vietnamese-wght-normal.BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/onest-latin-ext-wght-normal.QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/onest-latin-wght-normal.Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#fff;--tile:#f3f3f0;--tile-hover:#e9e9e5;--ink:#131413;--soft:#5b5e5a;--on-ink-soft:#b9bcb7;--r:24px;--edge:clamp(14px, 2.4vw, 44px);--gap:clamp(10px, 1.15vw, 18px);--section:clamp(3.5rem, 7vw, 7.5rem);--pad:clamp(22px, 2.2vw, 36px);--foot:9rem;--ease:cubic-bezier(.16, 1, .3, 1);color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%;scrollbar-color:color-mix(in oklab, var(--ink) 40%, transparent) transparent;scrollbar-width:thin;scroll-padding-top:calc(var(--gap) * 2 + 4.5rem);font-family:Onest Variable,Segoe UI,system-ui,sans-serif;line-height:1.35}body{min-height:100svh;padding:var(--edge);letter-spacing:-.01em;font-variant-numeric:lining-nums;margin:0;font-size:1.0625rem}h1,h2,p,ul,figure{margin:0;padding:0}ul{list-style:none}p{text-wrap:pretty}h1,h2{letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:1.03}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.channel-icon path{fill:currentColor;stroke:none}::selection{background:var(--ink);color:var(--tile)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--tile);border-radius:10px}.tile:focus-visible,.photo:focus-visible,.pill:focus-visible{border-radius:var(--r)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:40;background:var(--ink);color:var(--tile);border-radius:999px;padding:.7em 1.1em;position:fixed;top:10px;left:10px;translate:0 -200%}.skip:focus{translate:0}.tile{background:var(--tile);border-radius:var(--r)}.pill{background:var(--ink);color:var(--tile);white-space:nowrap;transition:background-color .25s var(--ease);border-radius:999px;flex:none;padding:.8em 1.3em;font-size:.9375rem;font-weight:500;line-height:1.1;display:inline-block}.pill:hover{background:#2d2f2d}.pill.quiet,.bar.calm .pill{background:var(--ground);color:var(--ink)}.pill.quiet:hover,.bar.calm .pill:hover{background:#e3e3df}.arrow{background:var(--tile);width:3.375rem;height:3.375rem;color:var(--ink);transition:translate .35s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.arrow.dark{background:var(--ground);color:var(--ink)}.arrow.small{width:2.75rem;height:2.75rem}.arrow.small svg{width:20px;height:20px}a:hover>.arrow{translate:3px}.photo{border-radius:var(--r);background:var(--tint);width:100%;height:100%;display:block;position:relative;overflow:hidden}.photo picture{height:100%;display:block}.photo img{object-fit:cover;width:100%;height:100%;transition:opacity .7s var(--ease), scale .7s var(--ease)}a.photo:hover img{scale:1.025}.js .photo img,.js .v-print img{opacity:0}.js .photo img.in,.js .v-print img.in{opacity:1}.chip{max-width:calc(100% - 28px);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;padding:.5em .9em;font-size:.9375rem;font-weight:500;line-height:1.15;position:absolute;bottom:14px;left:14px;overflow:hidden}.bento{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}.hello{padding:var(--pad);flex-direction:column;justify-content:space-between;gap:1.1rem;display:flex}.hello-top{justify-content:space-between;align-items:center;display:flex}.hello-links{align-items:center;gap:.75rem;display:flex}.hello-message{display:none}.hello-links a:not(.pill){color:var(--soft);transition:color .2s var(--ease);padding-block:.3em;font-weight:500}.hello-links a:not(.pill):hover{color:var(--ink)}.hello-me{aspect-ratio:5/4;flex:none;display:block;position:relative}.hello-me img{border-radius:calc(var(--r) - 8px);background:var(--tint);object-fit:cover;object-position:50% 52%;width:min(100%,100cqh);height:100%;position:absolute;inset:0}@media (width>=761px){.hello-me{aspect-ratio:auto;flex:1 1 0;min-height:16rem;container-type:size}}@container (height<=7.5rem){.hello-me img{display:none}}.hello-top .name,.bar .name{color:var(--ink);font-size:1.125rem;font-weight:650}.hello h1{font-size:clamp(2.375rem,3.6vw,3.5rem)}.hello p{max-width:28ch;color:var(--soft);margin-top:.7rem;font-size:clamp(1.0625rem,1.35vw,1.25rem)}.b-big{aspect-ratio:var(--ar-big);height:auto}.b-small{aspect-ratio:var(--ar-small);height:auto}.b-side{aspect-ratio:var(--ar-side);height:auto}.cta{padding:1.2rem var(--pad);background:var(--ink);color:var(--tile);transition:background-color .25s var(--ease);justify-content:space-between;align-items:center;gap:1rem;display:flex}.cta:hover{background:#232523}.cta strong{letter-spacing:-.025em;font-size:1.625rem;font-weight:600;line-height:1.1;display:block}.cta small{color:var(--on-ink-soft);margin-top:.3rem;font-size:.9375rem;display:block}.index{padding:.75rem var(--pad)}.index a{transition:color .2s var(--ease);justify-content:space-between;padding-block:.4rem;font-size:1.125rem;font-weight:500;display:flex}.index a:hover{color:var(--soft)}.index span{color:var(--soft);font-variant-numeric:lining-nums tabular-nums;font-weight:400}@media (width>=761px){.bento{grid-template-rows:auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hello big""index cta""small side";align-items:start}.hello{grid-area:hello;align-self:stretch}.b-big{grid-area:big}.cta{grid-area:cta}.index{grid-area:index}.b-small{grid-area:small}.b-side{grid-area:side}.cta,.index{align-self:stretch}}@media (width>=761px) and (height>=560px) and (aspect-ratio>=8/5){.bento{--h:calc(100svh - 2 * var(--edge));--big-w:min(calc(var(--h) * var(--ar-big)), 46vw);--side-w:min(calc((var(--h) - var(--gap) - var(--foot)) * var(--ar-side)), 40vw);height:var(--h);grid-template-columns:minmax(0, 1fr) var(--big-w) var(--side-w);grid-template-rows:minmax(0, 1fr) auto var(--foot);grid-template-areas:"hello big side""hello big side""index big cta"}.hello{min-height:0}.b-small{display:none}.hello-me{min-height:0}}.bar{top:var(--gap);z-index:20;margin-block:var(--edge) var(--gap);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1.4rem;display:flex;position:sticky}main>.bar:first-child{margin-top:0}.bar nav{color:var(--soft);gap:clamp(.9rem,1.6vw,1.5rem);font-weight:500;display:flex}.bar nav a{transition:color .2s var(--ease);padding-block:.5em}.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--ink)}.bar .narrow{display:none}.section{margin-top:var(--section)}.head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:clamp(1.25rem,2vw,2rem);display:flex}.head h2{font-size:clamp(1.875rem,3vw,2.75rem)}.head span{color:var(--soft);white-space:nowrap}.row{gap:var(--gap);max-width:calc(var(--sum) * (100svh - 2 * var(--edge) - 4.5rem) + (var(--n) - 1) * var(--gap));margin:0 auto var(--gap);display:flex}.cell{flex:var(--ar) 1 0;aspect-ratio:var(--ar);min-width:0}.invite{padding:.9rem var(--pad);letter-spacing:-.02em;transition:background-color .25s var(--ease);justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(1.25rem,1.9vw,1.625rem);font-weight:500;line-height:1.2;display:flex}.invite:hover{background:var(--tile-hover)}.title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;margin-bottom:clamp(1.25rem,2.4vw,2.25rem);padding-block:clamp(1.5rem,3.5vw,3.5rem) 0;display:flex}.tile.title{padding:var(--pad)}.title h1{font-size:clamp(2.5rem,4.6vw,4.25rem)}.about-photo{aspect-ratio:var(--ar);margin-bottom:var(--gap)}@media (width>=761px){.about-lead.has-photo{grid-template-columns:minmax(0, 1fr) min(calc((100svh - 6rem) * var(--ar)), 62%);gap:var(--gap);margin-bottom:var(--gap);display:grid}.about-lead.has-photo .title{flex-flow:column;justify-content:flex-end;align-items:flex-start;margin-bottom:0}.about-lead.has-photo .about-photo{margin-bottom:0}}.title p{max-width:28ch;color:var(--soft);font-size:clamp(1.0625rem,1.35vw,1.25rem);line-height:1.3}.next{margin-top:var(--section);padding:var(--pad);justify-content:space-between;align-items:center;gap:1rem;display:flex}.next b{letter-spacing:-.03em;font-size:clamp(1.625rem,3vw,2.75rem);font-weight:600;line-height:1.1;display:block}.closing{margin-top:var(--section)}.close{margin-bottom:var(--gap);padding:clamp(1.75rem, 4vw, 3.5rem) var(--pad);background:var(--ink);color:var(--tile)}.close h1,.close h2{letter-spacing:-.04em;font-size:clamp(2.375rem,5vw,4.75rem)}.close p{color:var(--on-ink-soft);margin-top:.75rem;font-size:1.125rem}.contact .closing{margin-top:0}.contact-work{margin-top:var(--section)}.channels{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.channel{height:100%;padding:1.3rem var(--pad);transition:background-color .25s var(--ease);align-items:center;gap:.9rem;display:flex}.channel:hover{background:var(--tile-hover)}.channel-icon{flex:none}.channel-text{flex:1;min-width:0}.channel b{letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.15;display:block}.channel small{color:var(--soft);letter-spacing:.02em;font-size:.9375rem}.email{margin-top:var(--gap);padding:.6rem var(--pad);color:var(--soft);overflow-wrap:anywhere}.email a{color:var(--ink);text-underline-offset:.2em;padding-block:.3em;text-decoration:underline .07em;display:inline-block}.note{width:min(24rem, calc(100vw - 2 * var(--gap)));height:fit-content;padding:var(--gap);background:var(--tile);color:var(--ink);border-radius:calc(var(--r) + 4px);opacity:1;transition:opacity .25s var(--ease), translate .4s var(--ease), overlay .4s allow-discrete, display .4s allow-discrete;border:0;margin:auto;position:fixed;inset:0;translate:0}.note:not(:popover-open){opacity:0;translate:0 14px}@starting-style{.note:popover-open{opacity:0;translate:0 14px}}.note::backdrop{background:#13141338}.note-title{letter-spacing:-.02em;padding:.7rem 1.1rem .5rem;font-size:1.125rem;font-weight:600}.channels.compact{grid-template-columns:minmax(0,1fr);gap:2px}.channels.compact .channel{border-radius:16px;padding:.75rem 1.1rem}.channels.compact .channel:hover{background:var(--ground)}.channels.compact .channel b{font-size:1.125rem}.note .email{margin-top:4px;padding:.4rem 1.1rem .5rem;font-size:.9375rem}.foot{padding:clamp(2rem, 4vw, 3.5rem) 0 calc(.6rem + env(safe-area-inset-bottom));color:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;font-size:.9375rem;display:flex}.foot span{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.foot a{letter-spacing:.02em;transition:color .2s var(--ease);padding-block:.25em}.foot a:hover{color:var(--ink)}.todo{border:2px dashed var(--ink);max-width:34rem;color:var(--ink);border-radius:12px;margin-top:.75rem;padding:.6rem .8rem;font-size:.9375rem;line-height:1.3}.viewer .tile:not(:hover){background:#fff}.viewer{--vtop:68px;--vfoot:68px;--vgap:10px;--capt:0px;grid-template-rows:var(--vtop) minmax(0, 1fr) var(--vfoot);height:100dvh;min-height:0;padding:0;display:grid;overflow:hidden}.v-top,.v-foot{padding-inline:var(--vgap);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.v-group{align-items:center;gap:8px;min-width:0;display:flex}.soft-pill{appearance:none;color:var(--ink);font:inherit;letter-spacing:inherit;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease);border:0;border-radius:999px;padding:.8em 1.3em;font-size:.9375rem;font-weight:500;line-height:1.1}.soft-pill:hover,.round:hover{background:var(--tile-hover)}.round{appearance:none;color:var(--ink);cursor:pointer;width:3rem;height:3rem;transition:background-color .2s var(--ease);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.v-step[aria-disabled=true]{opacity:.4;cursor:default}.v-step[aria-disabled=true]:hover{background:var(--tile)}.v-count{color:var(--soft);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;padding-inline:.5rem}.v-stage{touch-action:pan-y pinch-zoom;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.v-print{width:min(calc(100vw - 2 * var(--vgap)), calc((100dvh - var(--vtop) - var(--vfoot) - var(--capt)) * var(--ar)));grid-area:1/1}.v-print.has-caption{--capt:3.2rem}.v-print picture{aspect-ratio:var(--ar);border-radius:var(--r);background:var(--tint);display:block;overflow:hidden}.v-print img{width:100%;height:100%;transition:opacity .7s var(--ease)}.print-caption{height:calc(var(--capt) - 6px);background:var(--tile);color:var(--ink);text-align:center;-webkit-line-clamp:2;border-radius:12px;-webkit-box-orient:vertical;margin-top:6px;padding:.4rem .8rem;font-size:.9375rem;line-height:1.25;display:-webkit-box;overflow:hidden}.v-zone{z-index:2;-webkit-tap-highlight-color:transparent;width:30%;position:absolute;top:0;bottom:0}.v-zone-prev{cursor:w-resize;left:0}.v-zone-next{cursor:e-resize;right:0}.extras{gap:var(--gap);margin-top:var(--section);grid-template-columns:5fr 3.4fr 3.6fr;min-height:clamp(26rem,36vw,34rem);display:grid}.sun{--sun-ink:var(--ink);--sun-soft:#3f4a4f;--sun-line:#13141347;--sun-gold:#e8891e;--sun-dot:#e8891e;padding:var(--pad);color:var(--sun-ink);background:linear-gradient(175deg,#bfe0f1 0%,#e3f0f3 60%,#f6f5ea 100%);flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.sun[data-phase=golden]{--sun-ink:#fff;--sun-soft:#fff;--sun-line:#ffffff80;--sun-gold:#ffd479;--sun-dot:#fff3c9;background:linear-gradient(170deg,#322a57 0%,#7d3f57 45%,#a34c37 78%,#a9552a 100%)}.sun[data-phase=night]{--sun-ink:#f4f6fb;--sun-soft:#b6c0d6;--sun-line:#ffffff47;--sun-gold:#f0b45a;--sun-dot:#dfe6f5;background:linear-gradient(175deg,#0b1020 0%,#152036 70%,#1d2c48 100%)}.sun-big{letter-spacing:-.035em;text-wrap:balance;max-width:17ch;font-size:clamp(1.875rem,3vw,2.75rem);font-weight:600;line-height:1.04}.sun-sub{max-width:38ch;color:var(--sun-soft);margin-top:.7rem;font-size:1.0625rem;line-height:1.35}.sun-chart{width:100%;margin-top:auto}.sun svg{width:100%;height:auto;display:block;overflow:visible}.sun svg path{stroke-width:2px}.sun-line,.sun-path{stroke:var(--sun-line)}.sun-below{stroke:var(--sun-line);stroke-dasharray:2 6}.sun svg .sun-gold{stroke:var(--sun-gold);stroke-width:5px}.sun-dot{fill:var(--sun-dot);stroke:var(--sun-ink);stroke-width:2px}.sun[data-phase=golden] .sun-dot{filter:drop-shadow(0 0 8px #ffd479)}.sun-times{color:var(--sun-soft);justify-content:space-between;gap:1rem;margin-top:.3rem;font-size:.9375rem;display:flex}.sun-times b{color:var(--sun-ink);font-weight:500}.pile{padding:var(--pad);flex-direction:column;gap:.75rem;display:flex;overflow:hidden}.pile-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.pile h2{letter-spacing:-.025em;font-size:1.625rem}.pile-head span{color:var(--soft);white-space:nowrap;font-size:.9375rem}.pile-stage{touch-action:pan-y;user-select:none;flex:1;min-height:19rem;position:relative;container-type:size}.pile-card{width:min(84cqw, calc(90cqh * var(--ar)));aspect-ratio:var(--ar);background:var(--ground);cursor:grab;transition:rotate .5s var(--ease), scale .5s var(--ease), translate .5s var(--ease);border-radius:14px;display:block;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 16px 28px -14px #13141380}.pile-card:active{cursor:grabbing}.pile-card img{object-fit:cover;pointer-events:none;opacity:1;width:100%;height:100%;display:block}.pile-card[data-depth="0"]{rotate:-1.5deg}.pile-card[data-depth="1"]{pointer-events:none;rotate:4deg;scale:.96}.pile-card[data-depth="2"]{pointer-events:none;rotate:-6deg;scale:.93}.pile-next{letter-spacing:inherit;cursor:pointer;border:0;align-self:flex-start;font-family:inherit;display:none}.js .pile-next{display:inline-block}.film{--hole:repeating-linear-gradient(90deg, var(--ground) 0 8px, transparent 8px 20px);gap:8px;width:max-content;padding:18px 8px;display:flex;position:relative}.film:before,.film:after{content:"";background:var(--hole);height:6px;position:absolute;left:0;right:0}.film:before{top:5px}.film:after{bottom:5px}.frame{flex:none;display:block;position:relative}.frame-no{font-variant-numeric:lining-nums tabular-nums;color:#e8a33c;letter-spacing:.02em;margin-bottom:4px;font-size:.6875rem;font-weight:500;line-height:1;display:block}.frame img{height:var(--frame-h);width:auto;aspect-ratio:var(--ar);object-fit:cover;background:#242624;border-radius:2px;max-width:none;display:block}.frame-pic{display:block;position:relative}a.frame img{transition:opacity .25s var(--ease)}a.frame:hover img{opacity:.82}.loop{pointer-events:none;width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px;overflow:visible}.loop path{stroke:#ff4b3a;stroke-width:3px;vector-effect:non-scaling-stroke}.sheet{--frame-h:clamp(6.75rem, 10.4vw, 10.5rem);background:var(--ink);color:var(--tile);flex-wrap:wrap;gap:clamp(1.5rem,2.6vw,2.25rem) clamp(1.25rem,2.4vw,2.25rem);padding:clamp(1rem,2vw,1.75rem);display:flex}.roll{min-width:0;max-width:100%}.roll-label{align-items:baseline;gap:.6rem;padding-block:.35rem;display:inline-flex}.roll-label b{letter-spacing:-.015em;font-size:1.125rem;font-weight:600}.roll-label span{color:var(--on-ink-soft);font-size:.9375rem}.roll-label:hover b{text-underline-offset:.2em;text-decoration:underline .07em}.roll-scroll{scrollbar-width:thin;scrollbar-color:#4a4c4a transparent;overflow-x:auto}.sheet-tile{padding:var(--pad) 0;background:var(--ink);color:var(--tile);flex-direction:column;justify-content:space-between;gap:1rem;display:flex;position:relative;overflow:hidden}.sheet-tile-head{padding-inline:var(--pad);display:block}.sheet-tile h2{letter-spacing:-.03em;font-size:clamp(1.625rem,2.6vw,2.5rem)}.sheet-tile small{max-width:24ch;color:var(--on-ink-soft);margin-top:.4rem;font-size:.9375rem;line-height:1.3;display:block}.drift{--frame-h:clamp(7rem, 10vw, 9.5rem);width:max-content;display:flex}.sheet-tile .arrow{margin-right:var(--pad);align-self:flex-end}.sheet-tile:hover .arrow{translate:3px}.v-glow{z-index:-1;background:var(--img) center / cover no-repeat;filter:blur(72px)saturate(1.3);opacity:.92;position:fixed;inset:-12%}.viewer .v-count{color:var(--ink);border-radius:999px;padding:.65em 1.05em;font-size:.9375rem;line-height:1.1}.photo-card::backdrop{background:0 0}.photo-card{inset:calc(var(--vtop) + 2px) var(--vgap) auto auto;height:auto;width:min(21rem, calc(100vw - 2 * var(--vgap)));margin:0;padding:.5rem .75rem 1rem}.photo-card .note-title{padding:.6rem .4rem .1rem}.card-lens{color:var(--soft);padding:0 .4rem;font-size:.9375rem}.card-stats{flex-wrap:wrap;gap:.2rem 1.1rem;margin-top:.7rem;padding-inline:.4rem;display:flex}.card-stats li{font-size:1.0625rem;font-weight:500}.card-label{color:var(--soft);margin-top:.9rem;padding-inline:.4rem;font-size:.9375rem}.card-colours{gap:6px;margin-top:.45rem;padding-inline:.4rem;display:flex}.card-colours li{border-radius:10px;flex:1;height:2.5rem}@media (width<=760px){:root{--r:20px}.bar{padding-left:1.1rem}.bar .wide{display:none}.bar .narrow{display:block}.row{flex-direction:column;max-width:none}.cell{flex:none;width:100%}.hello-message{display:inline-block}.note{width:100%;max-width:none;padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom));border-radius:calc(var(--r) + 4px) calc(var(--r) + 4px) 0 0;margin:0;inset:auto 0 0}.photo-card{inset:calc(var(--vtop) + 2px) var(--vgap) auto var(--vgap);border-radius:calc(var(--r) + 4px);width:auto}.extras{grid-template-columns:minmax(0,1fr);min-height:0}.sun-chart{margin-top:.5rem}.pile-stage{flex:none;height:112vw;min-height:0}.sheet,.drift{--frame-h:7.5rem}.viewer{--vtop:60px;--vfoot:62px;--vgap:8px}}@media (height<=480px) and (orientation:landscape){.viewer{--vtop:54px;--vfoot:54px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}@supports (animation-timeline:view()){.row .cell{animation:linear both settle view();animation-range:entry entry 45%}.sheet-tile{container-type:inline-size}.drift{animation:linear both drift view();animation-range:cover}@keyframes settle{0%{transform:translateY(26px)scale(.975)}to{transform:none}}@keyframes drift{to{transform:translate(calc(100cqw - 100%))}}}::view-transition-group(print){animation-duration:.5s;animation-timing-function:var(--ease)}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.3s;animation-delay:.2s}}@media (prefers-reduced-motion:reduce){a.photo:hover img{scale:none}a:hover>.arrow{translate:none}.photo img,.v-print img,.note,.pile-card{transition:none}}