@font-face{font-family:Cormorant;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/cormorant-italic-400-latin.woff2) format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:100 200;font-display:swap;src:url(/fonts/jost-latin.woff2) format("woff2")}:root{color-scheme:dark;--theme-transition: .18s ease;--bg: #18151b;--text-primary: rgba(236, 230, 219, .92);--text-secondary: rgba(236, 230, 219, .58);--line: rgba(236, 230, 219, .16);--line-soft: rgba(236, 230, 219, .1);--accent: #e2d6c4;--panel-width: min(84vw, 680px);--frame-ring: rgba(236, 230, 219, .26);--frame-glow: rgba(226, 214, 196, .16);--frame-shadow-a: rgba(0, 0, 0, .54);--frame-shadow-b: rgba(0, 0, 0, .48);--surface: #111;--control-bg: rgba(11, 10, 12, .38);--control-bg-strong: rgba(11, 10, 12, .78);--control-border: rgba(236, 230, 219, .22);--control-border-strong: rgba(236, 230, 219, .5);--viewer-bg: rgba(8, 7, 9, .94);--viewer-backdrop: rgba(0, 0, 0, .78);--skeleton-a: rgba(236, 230, 219, .08);--skeleton-b: rgba(236, 230, 219, .18);--selection-bg: #e2d6c4;--selection-text: #18151b;--support-bg: #f7f2e9;--support-color: #18151b;--support-border: rgba(236, 230, 219, .74);--support-tooltip-bg: rgba(247, 242, 233, .95);--support-tooltip-color: #18151b}:root[data-theme=light]{color-scheme:light;--bg: #e8e1d6;--text-primary: rgba(35, 29, 24, .96);--text-secondary: #000;--line: rgba(35, 29, 24, .18);--line-soft: rgba(35, 29, 24, .1);--accent: #3b3028;--frame-ring: rgba(35, 29, 24, .24);--frame-glow: rgba(112, 80, 45, .18);--frame-shadow-a: rgba(63, 47, 32, .18);--frame-shadow-b: rgba(63, 47, 32, .12);--surface: #f7f2e9;--control-bg: rgba(255, 252, 246, .5);--control-bg-strong: rgba(255, 252, 246, .86);--control-border: rgba(35, 29, 24, .22);--control-border-strong: rgba(35, 29, 24, .46);--viewer-bg: rgba(232, 225, 214, .96);--viewer-backdrop: rgba(35, 29, 24, .28);--skeleton-a: rgba(35, 29, 24, .08);--skeleton-b: rgba(35, 29, 24, .17);--selection-bg: #3b3028;--selection-text: #f7f2e9;--support-bg: #18151b;--support-color: #f7f2e9;--support-border: rgba(35, 29, 24, .7);--support-tooltip-bg: rgba(24, 21, 27, .95);--support-tooltip-color: #f7f2e9}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg)}::selection{background:var(--selection-bg);color:var(--selection-text)}html:has(.viewer[open]),body:has(.viewer[open]){overflow:hidden}body{color:var(--text-primary);font-family:Jost,sans-serif;overflow-x:hidden;transition:background-color var(--theme-transition),color var(--theme-transition)}.page{position:relative;min-height:100svh;--tint-color: transparent;--tint-power: 0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 20px;isolation:isolate;overflow:hidden;transition:background-color var(--theme-transition)}.page:before,.page:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;transition:opacity .24s ease}.page:before{background:radial-gradient(circle at 50% 38%,#342d38,#18151b 52%,#100e12);opacity:1}.page:after{background:radial-gradient(circle at 50% 38%,#f7f2e9,#e8e1d6 52%,#ddd3c4);opacity:0}:root[data-theme=light] .page:before{opacity:0}:root[data-theme=light] .page:after{opacity:1}.page>*{position:relative;z-index:1}.top{position:absolute;top:46px;left:0;right:0;width:100%;padding:0 max(24px,7vw);display:flex;justify-content:space-between;gap:24px;user-select:none;-webkit-user-select:none}.daily{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;transform:translateY(46px)}.brand,.date{font-weight:100;font-size:11px;line-height:1.8;white-space:nowrap}.brand{letter-spacing:.42em;text-transform:uppercase;color:var(--text-primary);font-weight:500;transition:color var(--theme-transition)}.date{letter-spacing:.26em;color:var(--text-secondary);font-weight:500;transition:color var(--theme-transition)}.frame{width:var(--panel-width);max-height:78svh;line-height:0;border-radius:1px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 .5px var(--frame-ring),0 0 34px var(--frame-glow),0 20px 46px var(--frame-shadow-a),0 42px 96px var(--frame-shadow-b);animation:frame-shadow-breathe 3.8s ease-in-out infinite alternate;display:grid;place-items:center;position:relative;transition:background-color var(--theme-transition),box-shadow var(--theme-transition)}.asset{width:100%;height:auto;max-height:78svh;display:block;object-fit:contain;cursor:zoom-in;user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.asset:focus-visible,.support-link:focus-visible,.theme-toggle:focus-visible,.filter-toggle:focus-visible,.swatch:focus-visible,.power:focus-visible,.detail-toggle:focus-visible,.viewer-close:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.tint-layer{position:absolute;inset:0;background:var(--tint-color);opacity:var(--tint-power);mix-blend-mode:color;pointer-events:none}.rule{width:var(--panel-width);height:.5px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:18px 0 0;transition:background var(--theme-transition)}.copy{width:var(--panel-width);padding:13px 0 0}.title{font-family:Cormorant,serif;font-style:italic;font-size:17px;color:var(--accent);line-height:1.45;margin-bottom:10px;transition:color var(--theme-transition)}.bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.source{font-weight:100;font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:var(--text-secondary);font-weight:500;line-height:2;transition:color var(--theme-transition)}.is-loading{color:transparent!important;position:relative;pointer-events:none}.skeleton-text,.skeleton-title,.skeleton-source{min-height:1em}.skeleton-text:after,.skeleton-title:after,.skeleton-source:before,.skeleton-source:after,.skeleton-frame:before{content:"";position:absolute;background-color:var(--skeleton-a);background-image:linear-gradient(110deg,transparent 0%,var(--skeleton-b) 50%,transparent 100%);background-repeat:no-repeat;background-size:42% 100%;animation:skeleton-shimmer 1.2s linear infinite}.skeleton-text:after{left:0;top:50%;width:var(--skeleton-width, 100%);height:.75em;transform:translateY(-50%)}.date.skeleton-text:after{left:auto;right:0}.skeleton-title:after{left:0;top:.18em;width:min(100%,540px);height:1em}.skeleton-source{width:min(100%,420px);min-height:40px}.skeleton-source:before,.skeleton-source:after{left:0;height:8px}.skeleton-source:before{top:5px;width:min(100%,360px)}.skeleton-source:after{top:25px;width:min(68%,260px)}.skeleton-frame:before{inset:0;width:100%;height:100%;background:linear-gradient(135deg,var(--skeleton-a) 0%,var(--skeleton-b) 48%,var(--skeleton-a) 100%);background-size:100% 100%;animation:skeleton-frame-pulse 1.8s ease-in-out infinite alternate}@keyframes skeleton-shimmer{0%{background-position:-75% 0}to{background-position:175% 0}}@keyframes skeleton-frame-pulse{0%{filter:brightness(.88);opacity:.52}to{filter:brightness(1.18);opacity:1}}@keyframes frame-shadow-breathe{0%{box-shadow:0 0 0 .5px var(--frame-ring),0 0 26px var(--frame-glow),0 18px 40px var(--frame-shadow-a),0 38px 86px var(--frame-shadow-b)}to{box-shadow:0 0 0 .5px var(--frame-ring),0 0 42px var(--frame-glow),0 22px 50px var(--frame-shadow-a),0 46px 106px var(--frame-shadow-b)}}.filter-ui{position:relative;display:flex;align-items:center}.frame>.filter-ui,.viewer-frame>.filter-ui{position:absolute;right:10px;bottom:10px;z-index:3;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.frame:hover>.filter-ui,.viewer-frame:hover>.filter-ui,.filter-ui:focus-within{opacity:1;transform:translateY(-1px);pointer-events:auto}.filter-toggle{width:28px;height:28px;border:.5px solid var(--control-border-strong);border-radius:999px;background:var(--control-bg-strong);color:var(--accent);cursor:pointer;display:grid;place-items:center;font:200 13px/1 Jost,sans-serif;box-shadow:0 8px 22px #0000003d;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),box-shadow var(--theme-transition)}.theme-toggle{position:fixed;right:24px;bottom:22px;z-index:5;width:34px;height:34px;border:.5px solid var(--line);border-radius:999px;background:var(--control-bg);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;font:200 15px/1 Jost,sans-serif;backdrop-filter:blur(8px);transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),transform .12s ease}.theme-toggle:active{transform:scale(.94)}.support-link{position:fixed;left:24px;bottom:22px;z-index:5;width:34px;height:34px;border:.5px solid var(--support-border);border-radius:999px;background:var(--support-bg);color:var(--support-color);display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 28px #0000002e;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),transform .12s ease,box-shadow var(--theme-transition)}.support-link svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.support-link:after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 9px);padding:6px 8px;border:.5px solid var(--support-border);background:var(--support-tooltip-bg);color:var(--support-tooltip-color);font:500 10px/1 Jost,sans-serif;letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition)}.support-link:hover,.support-link:focus-visible{transform:translateY(-1px);box-shadow:0 14px 34px #0000003d}.support-link:hover:after,.support-link:focus-visible:after{opacity:1;transform:translateY(0)}.support-link:active{transform:scale(.94)}.filter-toggle:hover,.filter-toggle.is-active{color:var(--accent);border-color:var(--control-border-strong);box-shadow:0 10px 28px #00000057}.filter-panel{position:absolute;right:0;bottom:34px;display:flex;align-items:center;gap:12px;padding:9px 10px;border:.5px solid var(--line-soft);background:var(--control-bg-strong);box-shadow:0 14px 34px #00000047;backdrop-filter:blur(8px);transition:background-color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.swatches{display:flex;gap:7px}.swatch{width:13px;height:13px;border:.5px solid var(--control-border);border-radius:999px;background:var(--swatch);cursor:pointer;opacity:.62;transition:border-color var(--theme-transition),box-shadow var(--theme-transition),opacity .12s ease}.swatch.is-active{opacity:1;box-shadow:0 0 0 3px var(--line-soft)}.swatch-none{background:linear-gradient(135deg,transparent 44%,var(--control-border-strong) 47%,var(--control-border-strong) 53%,transparent 56%),transparent}.power{appearance:none;width:74px;height:1px;background:var(--control-border);cursor:pointer}.power::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border:.5px solid var(--control-border-strong);border-radius:999px;background:var(--bg)}.power::-moz-range-thumb{width:9px;height:9px;border:.5px solid var(--control-border-strong);border-radius:999px;background:var(--bg)}.state{width:var(--panel-width);min-height:560px;display:grid;place-items:center;padding:36px;text-align:center;line-height:1.7;color:var(--text-secondary);font-weight:500;letter-spacing:.1em;transition:color var(--theme-transition)}.hidden{display:none}.viewer{inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;border:0;padding:34px;background:var(--viewer-bg);overflow:hidden;overscroll-behavior:none;transition:background-color var(--theme-transition)}.viewer::backdrop{background:var(--viewer-backdrop);transition:background-color var(--theme-transition)}.viewer-inner{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.viewer img{max-width:min(calc(100vw - 68px),1100px);max-height:calc(100svh - 68px);object-fit:contain;cursor:zoom-out;user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.viewer.is-detail img{cursor:none}.viewer-frame{position:relative;display:inline-block;line-height:0}.detail-toggle,.viewer-close{position:absolute;top:10px;width:34px;height:34px;border:.5px solid var(--line);border-radius:999px;background:var(--control-bg-strong);color:var(--accent);cursor:pointer;display:grid;place-items:center;transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition)}.detail-toggle svg,.viewer-close svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.detail-toggle{right:10px}.viewer-close{left:10px}.lens{position:fixed;width:min(360px,64vw);height:min(360px,64vw);border-radius:4px;border:.5px solid var(--control-border-strong);background-repeat:no-repeat;background-color:var(--surface);box-shadow:0 0 0 1px #00000047,0 18px 46px #00000075;overflow:hidden;pointer-events:none;transform:translate(18px,18px);z-index:4}.lens:after{content:"";position:absolute;inset:0;background:var(--tint-color);opacity:var(--tint-power);mix-blend-mode:color;pointer-events:none}@media(max-width:640px){:root{--panel-width: min(94vw, 480px)}.page{padding-top:0}.top{top:28px}.daily{transform:translateY(38px)}.state{min-height:460px}.frame,.asset{max-height:72svh}.frame>.filter-ui,.viewer-frame>.filter-ui{inset:10px auto auto 50%;opacity:1;pointer-events:auto;transform:translate(-50%)}.frame>.filter-ui .filter-panel,.viewer-frame>.filter-ui .filter-panel{inset:34px auto auto 50%;transform:translate(-50%)}.viewer{padding:18px}.brand,.date,.source{font-size:9px}.title{font-size:clamp(22px,7vw,32px);line-height:1.18}.bottom{align-items:flex-start;flex-direction:column;gap:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}