:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:geometricprecision;background:#0b0c11;font-family:Courier New,Courier,monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}.viewport{background:#0b0c11;place-items:center;min-height:100dvh;display:grid;overflow:hidden}.portfolio{--page-bg:#e8d39e;--ink:#241e18;--photo-light:1;--photo-saturation:.9;--blind-shadow:.44;isolation:isolate;width:min(100%,430px);height:100dvh;max-height:100dvh;color:var(--ink);background:var(--page-bg);transition:color .16s linear,background-color .16s linear;position:relative;overflow:hidden;box-shadow:0 0 70px #00000075}.ambient-glow{z-index:-1;pointer-events:none;opacity:.26;mix-blend-mode:screen;background:radial-gradient(circle at 18% 62%,#ffe9b06b,#0000 34%),linear-gradient(112deg,#0000 34%,#fff4d633 54%,#0000 74%);position:absolute;inset:0}.content{z-index:1;letter-spacing:.025em;font-size:clamp(10px,2.7vw,12px);line-height:1.17;position:absolute;inset:0}.content p{margin:0;position:absolute}.content a,.controls a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}.intro{top:10.5%;left:15.5%}.statement{width:48%;top:18.2%;right:15.2%}.making{text-align:left;width:44%;top:31.5%;right:7.6%}.tool-copy{top:56%;left:12.5%}.closing{bottom:14.2%;left:15%}.asterisms{width:32%;height:26%;position:absolute;top:43.5%;left:15.5%}.asterisms i{font-size:13px;font-style:normal;position:absolute}.asterisms i:first-child{top:0;left:26%}.asterisms i:nth-child(2){top:17%;left:0}.asterisms i:nth-child(3){top:18%;right:4%}.asterisms i:nth-child(4){top:45%;left:17%}.asterisms i:nth-child(5){top:50%;right:18%}.asterisms i:nth-child(6){top:70%;left:42%}.asterisms i:nth-child(7){top:77%;right:2%}.portrait{aspect-ratio:4/5;transform-origin:50%;background:#1918151f;width:37.5%;margin:0;position:absolute;top:54.5%;right:8.8%;overflow:hidden;transform:rotate(-5.2deg);box-shadow:0 9px 18px #24150b1f}.portrait img{object-fit:cover;width:100%;height:100%;filter:brightness(var(--photo-light)) saturate(var(--photo-saturation)) contrast(.95);transition:filter .16s linear;display:block}.brand{z-index:12;top:max(18px, calc(env(safe-area-inset-top) + 12px));color:var(--ink);align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;right:14px}.brand-mark{aspect-ratio:1;width:25px;color:var(--page-bg);background:var(--ink);letter-spacing:-.08em;border-radius:50%;place-items:center;font-size:9px;display:grid}.blinds{z-index:5;pointer-events:none;perspective:520px;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.blind-top-rail{z-index:70;width:102%;height:18px;box-shadow:0 4px 9px rgb(0 0 0/calc(var(--blind-shadow) * .65));background:linear-gradient(#d8d8d2 0%,#aaa9a3 18%,#f2f0e6 44%,#aaa9a0 72%,#73736e 100%);position:absolute;top:0;left:-1%}.slat-field{transform-style:preserve-3d;position:absolute;inset:0}.blind-slat{transform-origin:50% 8%;width:106%;min-height:5px;transform-style:preserve-3d;pointer-events:none;will-change:top, height, transform;position:absolute;left:-3%}.slat-svg{width:100%;height:100%;filter:drop-shadow(0 4px 3px rgb(0 0 0/calc(var(--blind-shadow) * .48))) drop-shadow(0 11px 8px rgb(0 0 0/calc(var(--blind-shadow) * .34)));display:block;position:absolute;top:0;left:0;overflow:visible}.slat-surface{stroke:none}.slat-folded-layer{opacity:.72}.slat-top-edge,.slat-bottom-edge{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.slat-top-edge{stroke:#fffffa9e;stroke-width:1px}.slat-bottom-edge{stroke:#32312f7a;stroke-width:1px}.blind-slat.is-bending{filter:drop-shadow(0 16px 6px rgb(0 0 0/calc(var(--blind-shadow) * .58)))}.blind-slat.is-bending .slat-svg{filter:drop-shadow(0 1px .5px rgb(0 0 0/calc(var(--blind-shadow) * .32)))}.tilt-surface{z-index:80;cursor:ns-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-4px;background:0 0;border:0;width:100%;min-height:42px;padding:0;position:absolute;top:18px;left:0}.tilt-surface:active{cursor:grabbing}.tilt-surface:focus-visible{outline:1px dashed color-mix(in srgb, var(--ink) 65%, transparent)}.ladder-cord,.pull-cord{z-index:73;opacity:.78;background:linear-gradient(90deg,#3e3e3ba3,#f4f3e8f5 48%,#40403d9e);width:2px;height:100%;position:absolute;top:0;box-shadow:1px 0 1px #00000059}.ladder-cord:after{content:"";background:#e1e0d6d9;width:1px;height:100%;position:absolute;left:5px;box-shadow:1px 0 1px #0000004d}.ladder-one{left:10.5%}.ladder-two{left:18%}.ladder-three{left:80.5%}.pull-cord{background:repeating-linear-gradient(#edece4 0 3px,#8d8c85 3px 4px);width:3px;min-height:20%;left:86.7%}.pull-handle{z-index:90;cursor:grab;touch-action:none;pointer-events:auto;color:#0000;outline-offset:3px;background:0 0;border:0;border-radius:12px;width:24px;height:46px;margin-top:-3px;padding:0;position:absolute;left:calc(86.7% - 10px)}.pull-handle:active{cursor:grabbing}.pull-handle:before{content:"";background:linear-gradient(90deg,#8b8a83,#f0eee5 44%,#a09f98 70%,#6d6d69);border-radius:5px;width:8px;height:32px;position:absolute;top:4px;left:8px;box-shadow:1px 2px 4px #0000006b}.pull-handle:focus-visible{outline:1px dashed var(--ink)}.handle-knot{background:#696963;border-radius:3px;width:4px;height:6px;position:absolute;top:1px;left:10px}.controls{z-index:14;left:50%;bottom:max(12px, calc(env(safe-area-inset-bottom) + 8px));width:min(238px,68vw);color:var(--ink);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.controls nav{gap:19px;margin-bottom:6px;font-size:11px;display:flex}.controls nav a{padding:3px 1px}.time-readout{min-width:39px;color:var(--page-bg);background:color-mix(in srgb, var(--ink) 76%, transparent);text-align:center;border-radius:8px;margin-bottom:5px;padding:2px 5px 1px;font-size:8px;box-shadow:0 1px 2px #0000003d}.light-controls{align-items:center;gap:6px;display:flex}.time-slider{background:color-mix(in srgb, var(--ink) 62%, transparent);border-radius:14px;align-items:center;width:132px;height:23px;display:flex;position:relative;box-shadow:inset 0 1px 1px #fff3,0 1px 4px #0000001f}.time-slider:before{content:"";opacity:.88;background:linear-gradient(90deg,#272c3d,#c59369 31%,#f4e2a2 55%,#d7936f 75%,#171b27);border-radius:4px;height:4px;position:absolute;left:12px;right:12px}.time-slider input{cursor:ew-resize;appearance:none;background:0 0;width:calc(100% - 14px);height:100%;margin:0;position:absolute;inset:0 7px}.time-slider input::-webkit-slider-thumb{appearance:none;background:#f6f0df;border:1px solid #23211d6b;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 3px #00000073}.time-slider input::-moz-range-thumb{background:#f6f0df;border:1px solid #23211d6b;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 3px #00000073}.sun{z-index:0;color:#fff6d2d6;pointer-events:none;font-family:Arial,sans-serif;font-size:12px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sound-toggle{cursor:pointer;width:24px;height:24px;color:var(--page-bg);background:color-mix(in srgb, var(--ink) 64%, transparent);border:0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:inset 0 1px 1px #ffffff2e}.sound-toggle svg{fill:currentColor;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.sound-toggle svg path:first-child{stroke:none}.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 (width>=700px){.portfolio{border:1px solid #ffffff12;border-radius:2px;height:min(100dvh,860px);max-height:calc(100dvh - 28px)}.content{font-size:11px}}@media (height<=620px){.statement{top:16%}.making{top:29%}.portrait{width:34%;top:51%}.tool-copy{top:52%}.closing{bottom:15%}.asterisms{top:39%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}