@property --lift{syntax: "<number>"; inherits: false; initial-value: 3;}.mat{--mat: #24593f;--mat-deep: #163a29;--grid: rgba(214, 238, 222, .08);--grid-major: rgba(214, 238, 222, .2);--mat-ink: rgba(222, 242, 228, .62);--mat-ink-dim: rgba(222, 242, 228, .34);--paper: #f4efe3;--card: #fbf8ef;--thermal: #fdfcf6;--ink: #1d221e;--ink-dim: #5f6158;--ink-green: #1c6a47;--rule-red: rgba(204, 72, 60, .55);--rule-blue: rgba(74, 124, 190, .22);--stamp: #b5352f;--serif: "Fraunces", Georgia, serif;--mono: "Martian Mono", ui-monospace, monospace;font:400 16px/1.5 var(--serif);color:var(--ink);position:relative;min-height:100vh;overflow:hidden;background-color:var(--mat);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}.mat ::-moz-selection{background:var(--ink-green);color:var(--paper)}.mat ::selection{background:var(--ink-green);color:var(--paper)}.mat :focus-visible{outline:2px solid #f2c94c;outline-offset:4px}.mat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mat .lamp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle 520px at var(--lx) var(--ly),rgba(255,244,214,.16),transparent 70%),radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(6,20,13,.45))}.mat .print{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mat-ink)}.mat .ruler{position:absolute;z-index:1;font:9px/1 var(--mono);color:var(--mat-ink-dim);pointer-events:none}.mat .ruler.top{top:0;left:0;right:0;height:28px;background:linear-gradient(90deg,var(--mat-ink) 1px,transparent 1px) 0 0 / 120px 14px repeat-x,linear-gradient(90deg,var(--mat-ink-dim) 1px,transparent 1px) 0 0 / 24px 7px repeat-x}.mat .ruler.top span{position:absolute;top:16px;margin-left:4px}.mat .ruler.left{top:0;bottom:0;left:0;width:28px;background:linear-gradient(var(--mat-ink) 1px,transparent 1px) 0 0 / 14px 120px repeat-y,linear-gradient(var(--mat-ink-dim) 1px,transparent 1px) 0 0 / 7px 24px repeat-y}.mat .ruler.left span{position:absolute;left:16px;margin-top:4px}.mat .ruler span:first-child{display:none}.mat .angles{position:absolute;right:0;bottom:0;width:360px;height:360px;color:var(--mat-ink-dim);font:9px var(--mono);pointer-events:none}.mat main{position:relative;z-index:2;max-width:1008px;margin:0 auto;padding:104px 48px 64px}.mat .obj{--sx: .2;--sy: .3;--lift: 3;--rot: 0deg;--d: 0s;position:relative;display:block;rotate:var(--rot);box-shadow:0 1px 1px #05140c59,calc(var(--sx) * var(--lift) * 1.6px) calc((var(--sy) * 1.6 + .4) * var(--lift) * 1px) calc(var(--lift) * 2.4px) #05140c61;transition:rotate .45s cubic-bezier(.2,.8,.2,1),translate .45s cubic-bezier(.2,.8,.2,1),--lift .45s cubic-bezier(.2,.8,.2,1);animation:set-down .8s cubic-bezier(.2,.8,.2,1) var(--d) backwards}@media (prefers-reduced-motion: reduce){.mat .obj{animation:none;transition:none}}.mat .top{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}.mat .sheet{background:var(--paper);padding:56px 56px 44px;background-image:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.7),transparent 60%)}.mat .tape{position:absolute;top:-14px;left:50%;width:128px;height:30px;translate:-50% 0;rotate:-3deg;background:#e8debeb8;box-shadow:0 1px 2px #0000001f;clip-path:polygon(0 6%,3% 0,6% 8%,9% 2%,100% 0,97% 50%,100% 100%,4% 100%,0 92%,2% 50%)}.mat .kicker{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-green)}.mat .sheet h1{margin:18px 0 22px;font-size:clamp(40px,6vw,68px);font-weight:300;font-variation-settings:"opsz" 144,"SOFT" 100;line-height:.98;letter-spacing:-.025em;color:#262b26;text-shadow:0 1px 0 rgba(255,255,255,.85),0 -1px 0 rgba(0,0,0,.12)}.mat .intro{max-width:34ch;font-size:19px;line-height:1.5;color:var(--ink-dim)}.mat .intro a{color:var(--ink-green);font-style:italic;background:linear-gradient(transparent 62%,#1c6a4729 62%);transition:background-color .2s}.mat .intro a:hover{background-color:#1c6a471a}.mat .elsewhere{display:flex;gap:24px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(29,34,30,.12);font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.mat .elsewhere a{color:var(--ink-dim);transition:color .2s}.mat .elsewhere a:hover{color:var(--ink-green)}.mat .receipt-wrap{margin-top:36px;box-shadow:none;filter:drop-shadow(0 1px 1px rgba(5,20,12,.3)) drop-shadow(calc(var(--sx) * var(--lift) * 1.6px) calc((var(--sy) * 1.6 + .4) * var(--lift) * 1px) calc(var(--lift) * 1.2px) rgba(5,20,12,.34))}.mat .receipt{--tooth: 7px;padding:26px 22px 34px;background:var(--thermal);font:400 11px/1.6 var(--mono);color:#2d302c;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / calc(2 * var(--tooth)) 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / calc(2 * var(--tooth)) 100%}.mat .receipt header{display:grid;gap:2px;justify-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed #b7b6ad;text-transform:uppercase;letter-spacing:.14em}.mat .receipt header span{color:#85847b}.mat .receipt section{padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed #b7b6ad}.mat .receipt .line{display:flex;align-items:baseline;gap:6px;text-transform:uppercase}.mat .receipt .line b{font-weight:600}.mat .receipt .dots{flex:1;border-bottom:1px dotted #9d9c93;translate:0 -3px}.mat .receipt p{margin-top:4px}.mat .receipt .fine{color:#85847b;font-size:10px}.mat .receipt .total{font-size:12px}.mat .barcode{height:38px;margin:20px 8px 8px;background:repeating-linear-gradient(90deg,#2d302c 0 2px,transparent 2px 4px,#2d302c 4px 5px,transparent 5px 8px,#2d302c 8px 11px,transparent 11px 12px,#2d302c 12px 13px,transparent 13px 17px)}.mat .receipt footer{text-align:center;text-transform:uppercase;letter-spacing:.14em;color:#85847b}.mat .cut{display:flex;align-items:center;gap:14px;margin:96px 0 32px;font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mat-ink)}.mat .cut i{flex:1;display:flex;align-items:center;font-style:normal;font-size:14px;color:var(--mat-ink-dim)}.mat .cut i:after{content:"";flex:1;margin-left:8px;border-top:1px dashed var(--mat-ink-dim)}.mat .cut span:last-child{color:var(--mat-ink-dim)}.mat .cards{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(196px,auto);gap:32px 28px}.mat .card{padding:13px 22px 44px;background-color:var(--card);background-image:linear-gradient(transparent 47px,var(--rule-red) 47px,var(--rule-red) 48px,transparent 48px),linear-gradient(var(--card) 0 48px,transparent 48px),repeating-linear-gradient(transparent 0 23px,var(--rule-blue) 23px 24px);background-position:0 0,0 0,0 0}.mat .card:hover{--lift: 16;rotate:0deg;translate:0 -3px}.mat .card:active{--lift: 6;translate:0 0}.mat .card h3{font-size:22px;font-weight:500;font-variation-settings:"opsz" 48;line-height:24px;letter-spacing:-.01em;transition:color .2s}.mat .card:hover h3{color:var(--ink-green)}.mat .card p{margin-top:16px;font-size:16px;line-height:24px;color:var(--ink-dim)}.mat .stamp{position:absolute;right:16px;bottom:14px;padding:3px 8px 2px;border:1.5px solid currentColor;border-radius:3px;rotate:-7deg;font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stamp);opacity:.72;mix-blend-mode:multiply}.mat .card.featured{grid-column:span 2;grid-row:span 2;padding:13px 32px 48px}.mat .card.featured h3{font-size:34px;font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 50}.mat .card.featured>p{font-size:20px;color:var(--ink)}.mat .notes{list-style:none;margin-top:24px;font-size:18px;line-height:24px;color:var(--ink-dim)}.mat .notes li+li{margin-top:24px}.mat .notes li:before{content:"—";margin-right:10px;color:var(--rule-red)}.mat .notes em{font-style:italic;color:var(--ink-green)}.mat .visit{position:absolute;left:32px;bottom:22px;font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--ink-dim);transition:color .2s}.mat .featured:hover .visit{color:var(--ink-green)}.mat .featured .stamp{font-size:12px;right:24px;bottom:20px}.mat .clip{position:absolute;top:-22px;right:64px;width:22px;height:60px;rotate:-6deg;color:#a7adab;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.3))}.mat .labels{display:flex;flex-wrap:wrap;gap:28px 56px}.mat .label-group{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.mat .label-group .print{width:100%;color:var(--mat-ink-dim);font-size:10px}.mat .dymo{padding:8px 14px 7px;border-radius:3px;background:linear-gradient(#202322,#121413 55%,#1b1e1c);font:600 14px/1 var(--mono);font-variation-settings:"wdth" 75;letter-spacing:.14em;text-transform:uppercase;color:#ebe8e0;text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.18)}.mat .dymo.red{background:linear-gradient(#c13a33,#a4291f 55%,#b6322a)}.mat footer.print{display:flex;justify-content:space-between;gap:16px;margin-top:120px;font-size:10px}.mat footer .spec{color:var(--mat-ink-dim)}.mat footer a{transition:color .2s}.mat footer a:hover{color:#fff}@media (max-width: 860px){.mat .top{grid-template-columns:1fr;gap:40px}.mat .receipt-wrap{max-width:320px;margin:0 auto 0 12%}.mat .cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.mat main{padding:72px 16px 48px 40px}.mat .ruler.left{width:22px}.mat .sheet{padding:40px 24px 28px}.mat .intro{font-size:17px}.mat .receipt-wrap{margin:0 8px}.mat .cards{grid-template-columns:1fr}.mat .card.featured{grid-column:auto;grid-row:auto;padding:13px 22px 48px}.mat .card.featured h3{font-size:28px}.mat .visit{position:static;display:block;margin-top:28px}.mat .cut{margin-top:72px}.mat .angles{width:220px;height:220px}.mat footer.print{flex-direction:column;gap:8px}}@keyframes set-down{0%{opacity:0;scale:1.06;translate:0 -10px;--lift: 26}}.panel{--alu-hi: #e4e5e3;--alu: #c9cbc9;--alu-lo: #b3b5b3;--etch: #45484a;--etch-dim: #75787a;--orange: #ff5f1a;--lcd: #b9c49c;--lcd-ink: #263020;--sans: "Archivo", sans-serif;--dots: "Doto", monospace;position:relative;min-height:100vh;padding:72px 32px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#2b2b29,transparent 70%),#151514;font-family:var(--sans);color:var(--etch)}.panel ::-moz-selection{background:var(--orange);color:#fff}.panel ::selection{background:var(--orange);color:#fff}.panel :focus-visible{outline:2px solid var(--orange);outline-offset:3px}.panel .lamp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle 460px at var(--lx) var(--ly),rgba(255,255,255,.55),transparent 70%)}.panel .device{position:relative;max-width:1040px;margin:0 auto;padding:28px 44px 24px;border-radius:22px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 2px,rgba(0,0,0,.03) 2px 3px),linear-gradient(170deg,var(--alu-hi),var(--alu) 45%,var(--alu-lo));box-shadow:inset 0 1px #ffffffe6,inset 0 -2px #0000002e,inset 0 0 0 1px #0000001f,0 2px #8d8f8d,0 40px 80px -20px #000000b3,0 12px 24px #0006;animation:power-on .9s cubic-bezier(.2,.8,.2,1) backwards}.panel .device:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .6 0 0 0 0 .6 0 0 0 0 .6 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.panel .screw{position:absolute;width:13px;height:13px;border-radius:50%;background:linear-gradient(var(--rot, 35deg),transparent 44%,#6b6d6c 44% 56%,transparent 56%),radial-gradient(circle at 35% 30%,#f2f2f0,#9fa19f 70%);box-shadow:inset 0 0 0 1px #00000040,0 1px #fffc}.panel .screw.tl{top:14px;left:14px}.panel .screw.tr{top:14px;right:14px;--rot: 110deg}.panel .screw.bl{bottom:14px;left:14px;--rot: 70deg}.panel .screw.br{bottom:14px;right:14px;--rot: 160deg}.panel .etch{font:600 10px/1 var(--sans);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase;color:var(--etch);text-shadow:0 1px 0 rgba(255,255,255,.7)}.panel .label{display:block;margin-bottom:14px;color:var(--etch-dim)}.panel .strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 8px}.panel footer.strip{margin-top:28px}.panel footer.strip a:hover{color:var(--orange)}.panel .power{display:inline-flex;align-items:center;gap:8px;font:600 10px/1 var(--sans);font-stretch:125%;letter-spacing:.14em;text-transform:uppercase;color:var(--etch-dim)}.panel .power i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 2px #00000026,0 0 10px 2px #ff5f1ab3;animation:breathe 3.2s ease-in-out infinite}.panel .head{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:center;margin:36px 0 40px}.panel .etch-big{font-weight:300;font-stretch:112%;font-size:clamp(44px,6.4vw,76px);line-height:.92;letter-spacing:-.035em;color:#3a3d3f;text-shadow:0 1px 0 rgba(255,255,255,.85),0 -1px 0 rgba(0,0,0,.25)}.panel .etch-big span{display:block}.panel .etch-big span:last-child{font-weight:800;font-stretch:125%;letter-spacing:-.04em}.panel .lcd{padding:10px;border-radius:10px;background:#2a2c2b;box-shadow:inset 0 2px 6px #000000b3,0 1px #fffc}.panel .lcd-glass{position:relative;min-height:196px;padding:14px 16px;border-radius:4px;color:var(--lcd-ink);background:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 30% 20%,#ccd6b0,var(--lcd) 70%);box-shadow:inset 0 0 18px #1e281473}.panel .lcd-top{display:flex;justify-content:space-between;font:700 12px/1 var(--dots);letter-spacing:.1em;opacity:.75}.panel .lcd-big{margin:14px 0 8px;font:900 40px/1 var(--dots);letter-spacing:.02em;text-shadow:2px 2px 0 rgba(38,48,32,.15)}.panel .lcd-text{font:500 13px/1.45 var(--sans);max-width:36ch;text-shadow:1px 1px 0 rgba(38,48,32,.12)}.panel .lcd-cursor{position:absolute;right:16px;bottom:14px;width:9px;height:15px;background:var(--lcd-ink);animation:blink 1.1s steps(1) infinite}.panel .controls{display:grid;grid-template-columns:1fr 260px;gap:40px}.panel .keys{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;border-radius:16px;background:linear-gradient(#a9aba9,#b9bbb9);box-shadow:inset 0 3px 8px #00000059,inset 0 -1px #ffffff80,0 1px #ffffffe6}.panel .key{--side: #9a9c99;--sx: 0;--sy: .3;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:104px;padding:14px 14px 12px;border-radius:10px;background:linear-gradient(#fbfbf9,#e1e2df);box-shadow:inset 0 1px #fff,inset 0 -2px 3px #0000000f,0 5px 0 var(--side),calc(var(--sx) * 8px) calc(6px + var(--sy) * 8px) 12px #0000004d;transition:translate .08s,box-shadow .08s;animation:key-in .5s cubic-bezier(.2,.8,.2,1) var(--d) backwards}.panel .key b{font-size:15px;font-weight:700;letter-spacing:-.01em;color:#2f3133}.panel .key small{align-self:flex-end;font:600 9px/1 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:var(--etch-dim)}.panel .key-led{position:absolute;top:14px;right:14px;width:6px;height:6px;border-radius:50%;background:#8d8f8c;box-shadow:inset 0 1px 1px #0006;transition:background .15s,box-shadow .15s}.panel .key:hover .key-led,.panel .key:focus-visible .key-led{background:var(--orange);box-shadow:0 0 8px 1px #ff5f1acc}.panel .key:active{translate:0 4px;box-shadow:inset 0 1px #fff,0 1px 0 var(--side),0 2px 4px #0000004d}.panel .key.orange{--side: #b9440f;background:linear-gradient(#ff7a3c,#f2560f)}.panel .key.orange b{color:#fff}.panel .key.orange small{color:#ffffffbf}.panel .key.orange .key-led{background:#c4480f}.panel .key.orange:hover .key-led{background:#fff;box-shadow:0 0 8px 1px #ffffffe6}.panel .side{display:grid;align-content:start;gap:34px}.panel .buttons{display:flex;gap:22px}.panel .buttons a{display:grid;justify-items:center;gap:10px}.panel .cap{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#4a4c4e,#1d1e1f 70%);box-shadow:0 0 0 4px #b4b6b4,0 0 0 5px #0000002e,inset 0 1px #ffffff40,0 5px 8px #00000059;transition:translate .08s,box-shadow .08s}.panel .buttons a:hover .etch{color:var(--orange)}.panel .buttons a:active .cap{translate:0 2px;box-shadow:0 0 0 4px #b4b6b4,0 0 0 5px #0000002e,0 1px 2px #00000059}.panel .leds{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.panel .leds li{display:flex;align-items:center;gap:9px}.panel .leds i{flex:none;width:7px;height:7px;border-radius:50%;background:#7ddc4f;box-shadow:0 0 0 2px #00000026,0 0 8px #7ddc4fbf;animation:flicker 4s var(--d) infinite}.panel .leds .etch{font-size:9px}.panel .plate{position:relative;margin-top:40px;padding:22px 40px 18px;border-radius:8px;color:#d9dbd8;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 2px),linear-gradient(#34373a,#26282a);box-shadow:inset 0 1px #ffffff1f,0 1px #ffffffd9,0 2px 4px #00000059}.panel .plate .screw{top:10px;width:10px;height:10px}.panel .plate .screw.tl{left:12px}.panel .plate .screw.tr{right:12px}.panel .plate-head{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14);font:600 10px/1 var(--sans);font-stretch:125%;letter-spacing:.16em;text-transform:uppercase;color:#9b9e9b}.panel .plate table{width:100%;border-collapse:collapse}.panel .plate tr+tr{border-top:1px solid rgba(255,255,255,.08)}.panel .plate th,.panel .plate td{padding:14px 0;vertical-align:baseline;text-align:left}.panel .plate th{width:160px;font:700 13px/1 var(--sans);font-stretch:125%;letter-spacing:.08em;text-transform:uppercase}.panel .plate td{font-size:14px}.panel .plate td small{display:block;margin-top:4px;font-size:11px;color:#8d908d}.panel .plate .when{width:80px;text-align:right;font:600 11px/1 var(--sans);font-stretch:125%;letter-spacing:.1em;color:var(--orange)}@media (max-width: 900px){.panel .head,.panel .controls{grid-template-columns:1fr}}@media (max-width: 600px){.panel{padding:24px 10px}.panel .device{padding:28px 18px 22px;border-radius:18px}.panel .keys{grid-template-columns:1fr 1fr;padding:12px;gap:12px}.panel .lcd-big{font-size:32px}.panel .plate{padding:22px 18px 14px}.panel .plate th{display:block;width:auto;padding-bottom:0}.panel .plate tr{display:grid;grid-template-columns:1fr auto}.panel .plate th{grid-column:1}.panel .plate td:not(.when){grid-column:1 / -1;grid-row:2;padding-top:6px}.panel .plate .when{grid-column:2;grid-row:1;width:auto;padding-bottom:0}.panel .strip{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.panel .device,.panel .key,.panel .power i,.panel .leds i,.panel .lcd-cursor{animation:none}}@keyframes power-on{0%{opacity:0;translate:0 18px}}@keyframes key-in{0%{opacity:0;translate:0 -6px}}@keyframes breathe{50%{opacity:.55}}@keyframes blink{50%{opacity:0}}@keyframes flicker{0%,92%,to{opacity:1}94%{opacity:.3}96%{opacity:1}97%{opacity:.5}}.edgelit{--room: #08090b;--c: #7fe7ff;--sans: "Bricolage Grotesque", sans-serif;--mono: "Martian Mono", ui-monospace, monospace;position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% 0%,#15181d,transparent 70%),var(--room);font-family:var(--sans);color:#ffffff80}.edgelit ::-moz-selection{background:#7fe7ff;color:#000}.edgelit ::selection{background:#7fe7ff;color:#000}.edgelit :focus-visible{outline:1px solid #7fe7ff;outline-offset:6px}.edgelit .lamp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle 380px at var(--lx) var(--ly),rgba(160,190,220,.07),transparent 70%)}.edgelit main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:96px 40px 64px}.edgelit .tiny{font:500 10px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase}.edgelit h2.tiny{margin:112px 0 36px;color:#ffffff47;font-weight:400}.edgelit .sign{position:relative;display:flex;flex-direction:column;animation:stand .9s cubic-bezier(.2,.8,.2,1) var(--d) backwards}.edgelit .acrylic{--sx: 0;--sy: .5;position:relative;flex:1;padding:28px 28px 32px;border-radius:6px 6px 0 0;background:linear-gradient(to top,color-mix(in oklab,var(--c) 9%,transparent),transparent 40%),linear-gradient(160deg,#ffffff0d,#ffffff03 40%,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff12,inset calc(var(--sx) * -2px) calc(var(--sy) * -2px) 0 #ffffff1a,inset 0 2px color-mix(in oklab,var(--c) 30%,transparent);transition:background .4s}.edgelit .acrylic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.045) 42%,transparent 48%)}.edgelit .base{position:relative;height:22px;margin:0 -10px;border-radius:2px 2px 4px 4px;background:linear-gradient(#34363a,#16171a 60%,#0d0e10);box-shadow:inset 0 1px #ffffff24,0 10px 18px #0009}.edgelit .base span{position:absolute;top:0;left:10px;right:10px;height:2px;background:#2a2c30;transition:background .2s,box-shadow .2s}.edgelit .sign:after{content:"";position:absolute;left:6%;right:6%;bottom:-34px;height:34px;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,var(--c),transparent 70%);opacity:0;filter:blur(10px);transition:opacity .4s}.edgelit .engrave{color:#ffffff21;text-shadow:0 -1px 0 rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.04);transition:color .35s,text-shadow .35s}.edgelit .engrave a{color:inherit}.edgelit .on .base span,.edgelit .sign:hover .base span,.edgelit .sign:focus-visible .base span{background:color-mix(in oklab,var(--c) 70%,white);box-shadow:0 0 6px var(--c),0 -4px 24px 2px var(--c)}.edgelit .on .engrave,.edgelit .sign:hover .engrave,.edgelit .sign:focus-visible .engrave{color:color-mix(in oklab,var(--c) 40%,white);text-shadow:0 0 1px var(--c),0 0 10px var(--c),0 0 30px color-mix(in oklab,var(--c) 55%,transparent)}.edgelit .on .engrave.soft,.edgelit .sign:hover .engrave.soft,.edgelit .sign:focus-visible .engrave.soft{color:color-mix(in oklab,var(--c) 55%,white);text-shadow:0 0 8px color-mix(in oklab,var(--c) 70%,transparent);opacity:.85}.edgelit .on .acrylic,.edgelit .sign:hover .acrylic,.edgelit .sign:focus-visible .acrylic{background:linear-gradient(to top,color-mix(in oklab,var(--c) 18%,transparent),transparent 55%),linear-gradient(160deg,#ffffff0f,#ffffff04 40%,#ffffff09)}.edgelit .on:after,.edgelit .sign:hover:after,.edgelit .sign:focus-visible:after{opacity:.4}.edgelit .sign:not(.on):hover .acrylic{animation:strike .35s steps(1)}.edgelit .hero{max-width:760px;margin:0 auto}.edgelit .hero .acrylic{padding:48px 52px 44px}.edgelit .hero h1{margin:22px 0;font-size:clamp(44px,7.4vw,88px);font-weight:300;font-variation-settings:"opsz" 96;line-height:.95;letter-spacing:-.035em}.edgelit .intro{max-width:40ch;font-size:19px;line-height:1.5;font-weight:300}.edgelit .intro a{font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.edgelit .hero nav{display:flex;gap:28px;margin-top:32px}.edgelit .hero nav a:hover{color:#fff}.edgelit .row{display:grid;gap:48px 32px}.edgelit .projects{grid-template-columns:repeat(3,1fr)}.edgelit .projects .acrylic{min-height:188px;display:flex;flex-direction:column;gap:10px}.edgelit .projects h3{margin-top:8px;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}.edgelit .projects p{font-size:15px;line-height:1.45;font-weight:300}.edgelit .projects .featured{grid-column:span 2;grid-row:span 2}.edgelit .projects .featured .acrylic{padding:40px}.edgelit .projects .featured h3{font-size:clamp(56px,8vw,104px);font-weight:800;letter-spacing:-.05em}.edgelit .projects .featured p:not(.tiny){font-size:22px;max-width:24ch}.edgelit .projects p.stats{margin-top:auto;font-size:11px;line-height:1.6}.edgelit .lower{grid-template-columns:1.4fr 1fr;margin-top:112px;align-items:stretch}.edgelit .work h2.tiny{margin:0 0 8px}.edgelit .job{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding-top:22px}.edgelit .job h3{font-size:28px;font-weight:600;letter-spacing:-.02em}.edgelit .job .tiny{align-self:center}.edgelit .job p{grid-column:1 / -1;font-size:16px;font-weight:300}.edgelit .job .fine{font-size:13px}.edgelit .tools{display:grid;gap:40px}.edgelit .tool .acrylic{padding:20px 24px 22px}.edgelit .tool p{margin-top:8px;font-size:22px;font-weight:500;letter-spacing:-.01em}.edgelit footer{display:flex;justify-content:space-between;gap:16px;margin-top:120px;color:#ffffff47}.edgelit footer a:hover{color:#fff}@media (max-width: 860px){.edgelit .projects{grid-template-columns:1fr 1fr}.edgelit .lower{grid-template-columns:1fr}}@media (max-width: 600px){.edgelit main{padding:56px 22px 48px}.edgelit .hero .acrylic{padding:32px 24px 28px}.edgelit .projects{grid-template-columns:1fr}.edgelit .projects .featured{grid-column:auto;grid-row:auto}.edgelit .projects .featured .acrylic{padding:28px 24px}.edgelit .hero nav{gap:18px}.edgelit footer{flex-direction:column}.edgelit h2.tiny{margin-top:80px}}@media (prefers-reduced-motion: reduce){.edgelit .sign,.edgelit .sign:not(.on):hover .acrylic{animation:none}}@keyframes stand{0%{opacity:0;translate:0 14px}}@keyframes strike{0%{opacity:.4}30%{opacity:1}45%{opacity:.5}60%{opacity:1}}.squish{--bg: #fff1de;--ink: #2a1a1f;--ink-dim: #7a5f5a;--c: #ff5a4e;--shape: 50%;--round: "Gluten", cursive;--mono: "Martian Mono", ui-monospace, monospace;position:relative;min-height:100vh;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(#f2d7b8 1.5px,transparent 1.6px);background-size:22px 22px;font-family:var(--round);color:var(--ink)}.squish ::-moz-selection{background:#ffc93c;color:var(--ink)}.squish ::selection{background:#ffc93c;color:var(--ink)}.squish :focus-visible{outline:3px solid var(--ink);outline-offset:4px}.squish [data-jelly]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;cursor:grab;will-change:transform}.squish [data-jelly]:active{cursor:grabbing}.squish .gummy,.squish .blob,.squish .bean,.squish .drop,.squish .pill{background:radial-gradient(ellipse 38% 26% at 30% 18%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 12% 8% at 76% 22%,rgba(255,255,255,.55),transparent 80%),var(--c);box-shadow:inset 0 -10px 22px color-mix(in oklab,var(--c) 55%,black 45%),inset 0 8px 14px #ffffff59,inset 0 0 0 1px color-mix(in oklab,var(--c) 80%,black 20%),0 14px 22px -10px color-mix(in oklab,var(--c) 50%,black 50%),0 4px 0 -1px color-mix(in oklab,var(--c) 40%,transparent)}.squish .goo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:blur(60px);opacity:.45}.squish .goo span{position:absolute;width:420px;height:420px;border-radius:50%;animation:drift 22s ease-in-out infinite alternate}.squish .goo span:nth-child(1){background:#ff8fc7;top:-120px;left:-80px}.squish .goo span:nth-child(2){background:#ffc93c;top:40%;right:-160px;animation-duration:28s}.squish .goo span:nth-child(3){background:#3ed6a5;bottom:-160px;left:30%;animation-duration:25s}.squish main{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:104px 40px 72px}.squish .hint{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.squish h1{display:flex;flex-wrap:wrap;gap:0 .28em;margin:22px 0 28px;font-size:clamp(58px,10vw,128px);font-weight:800;line-height:.92;letter-spacing:-.02em}.squish .word{display:inline-flex}.squish .letter{display:inline-block;color:var(--c);text-shadow:0 -2px 0 color-mix(in oklab,var(--c) 40%,white),0 3px 0 color-mix(in oklab,var(--c) 60%,black),0 6px 0 color-mix(in oklab,var(--c) 45%,black),0 14px 18px rgba(80,30,20,.25);transform-origin:50% 100%;animation:plop .7s cubic-bezier(.3,1.6,.5,1) var(--d) backwards}.squish .intro{max-width:32ch;font-size:24px;font-weight:400;line-height:1.35}.squish .inline-jelly{display:inline-block;padding:0 8px;border-radius:12px 14px 10px 16px;background:#3f6bff;color:#fff;font-weight:700;box-shadow:inset 0 -4px 8px #00000040,inset 0 3px 5px #ffffff59,0 6px 10px -5px #1b2f80}.squish .pills{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.squish .pill{padding:12px 22px 10px;border-radius:999px;font-size:18px;font-weight:700;color:var(--ink)}.squish h2{margin:104px 0 28px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.squish .blobs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.squish .blob{position:relative;display:flex;flex-direction:column;min-height:220px;padding:40px 44px 44px;border-radius:var(--shape);color:var(--ink);animation:plop .8s cubic-bezier(.3,1.5,.5,1) var(--d) backwards}.squish .blob:nth-child(2),.squish .blob:nth-child(5){color:#fff}.squish .blob h3{margin-top:auto;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.01em}.squish .blob p{margin-top:8px;font-size:17px;line-height:1.3;opacity:.85}.squish .blob .lang{align-self:flex-start;padding:5px 10px 3px;border-radius:999px;background:#fff6;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.squish .blob.featured{grid-column:span 2;grid-row:span 2;padding:64px 72px 72px}.squish .blob.featured h3{font-size:clamp(56px,8vw,104px)}.squish .blob.featured p{font-size:24px;max-width:22ch}.squish .blob.featured .stats{font:500 12px/1.5 var(--mono);letter-spacing:.04em;max-width:none;margin-top:16px}.squish .eyes{position:absolute;top:44px;right:80px;display:flex;gap:10px}.squish .eye{--px: 0px;--py: 0px;position:relative;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 55%,#e8e2dc);box-shadow:inset 0 -3px 6px #00000026,0 4px 8px #0003;animation:blink 5s infinite}.squish .eye i{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555 0,#555 3px,#111 4px);translate:var(--px) var(--py);transition:translate .12s ease-out}.squish .beans{display:grid;grid-template-columns:1fr 1fr;gap:28px}.squish .bean{padding:36px 48px 40px;border-radius:var(--shape);color:var(--ink)}.squish .bean-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.squish .bean h3{font-size:34px;font-weight:800}.squish .bean-head span{font:600 12px/1 var(--mono)}.squish .bean p{margin-top:6px;font-size:19px;line-height:1.3}.squish .bean .fine{font:400 11px/1.6 var(--mono);opacity:.75;margin-top:12px}.squish .drops{display:flex;flex-wrap:wrap;gap:18px}.squish .drop{padding:18px 26px 14px;border-radius:var(--shape);font-size:22px;font-weight:700;color:var(--ink)}.squish footer{display:flex;justify-content:space-between;gap:16px;margin-top:120px;font:500 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.squish footer a:hover{color:var(--ink)}@media (max-width: 860px){.squish .blobs{grid-template-columns:1fr 1fr}.squish .beans{grid-template-columns:1fr}}@media (max-width: 600px){.squish main{padding:64px 18px 48px}.squish .intro{font-size:20px}.squish .blobs{grid-template-columns:1fr}.squish .blob.featured{grid-column:auto;grid-row:auto;padding:48px 40px}.squish .blob.featured h3{font-size:52px}.squish .eyes{top:24px;right:28px}.squish .eye{width:42px;height:42px}.squish .eye i{width:18px;height:18px;margin:-9px 0 0 -9px}.squish .bean{padding:26px 26px 28px}.squish footer{flex-direction:column}}@media (prefers-reduced-motion: reduce){.squish .letter,.squish .blob,.squish .goo span,.squish .eye{animation:none}}@keyframes plop{0%{opacity:0;scale:.4 1.4;translate:0 -30px}60%{opacity:1;scale:1.15 .85;translate:0 0}}@keyframes drift{to{translate:120px 80px;scale:1.2}}@keyframes blink{0%,94%,to{scale:1 1}96%{scale:1 .1}}:root{--lx: 30vw;--ly: -35vh}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--page, #111);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.picker{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;gap:2px;padding:4px;border-radius:999px;background:#121212b8;box-shadow:0 0 0 1px #ffffff14,0 8px 24px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.picker button{padding:7px 12px;border:0;border-radius:999px;background:none;font:500 10px/1 Martian Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#fff9;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}.picker button:hover{color:#fff}.picker button[aria-pressed=true]{background:#ffffffeb;color:#111}.picker .shuffle{font-size:15px;padding:4px 10px;letter-spacing:0}.picker :focus-visible{outline:2px solid #fff;outline-offset:1px}@media (max-width: 600px){#root{padding-bottom:60px}.picker{left:50%;right:auto;translate:-50% 0;bottom:12px}.picker button{padding:7px 8px;letter-spacing:.04em}}