.browser-site{--paper:var(--lightningcss-light,#ecebe6)var(--lightningcss-dark,#0b241d);--ink:var(--lightningcss-light,#171917)var(--lightningcss-dark,#e6efe9);--ink-2:var(--lightningcss-light,#171917a3)var(--lightningcss-dark,#e6efe9a8);--ink-3:var(--lightningcss-light,#1719176b)var(--lightningcss-dark,#e6efe970);--rule:var(--lightningcss-light,#1719171f)var(--lightningcss-dark,#e6efe924);--accent:var(--lightningcss-light,#2f5d52)var(--lightningcss-dark,#9fd3c2);height:100%;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:-apple-system,system-ui,SF Pro Text,sans-serif;overflow:hidden;container:browser-site/size}.browser-site-page{flex-direction:column;gap:clamp(14px,min(2.2cqw,4cqh),26px);height:100%;padding:0 clamp(18px,4cqw,56px) clamp(18px,min(3cqw,5cqh),40px);animation:.38s both browser-site-in;display:flex}@keyframes browser-site-in{0%{opacity:0}}.browser-site-nav{white-space:nowrap;border-bottom:1px solid var(--rule);flex:none;align-items:center;gap:clamp(14px,2.4cqw,32px);height:clamp(46px,6.4cqw,64px);font-size:clamp(11.5px,1.15cqw,14px);font-weight:500;display:flex}.browser-site-brand{letter-spacing:-.02em;align-items:center;gap:.45em;font-size:1.25em;font-weight:700;display:flex}.browser-site-brand svg{width:1.1em;height:1.1em;color:var(--accent)}.browser-site-links{gap:inherit;color:var(--ink-2);margin-left:auto;display:flex}.browser-site-links [data-active]{color:var(--ink)}.browser-site-cta{color:var(--paper);background:var(--ink);border-radius:100px;padding:.6em 1.15em;font-weight:600}.browser-site-menu{align-items:center;gap:.6em;margin-left:auto;font-weight:600;display:none}.browser-site-menu i{border-block:1.5px solid;width:1.1em;height:.45em}.browser-site-hero{flex:none;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:12px clamp(20px,5cqw,72px);padding-top:clamp(2px,1cqh,10px);display:grid}.browser-site-hero small{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:clamp(9.5px,.85cqw,11.5px);font-weight:600}.browser-site-hero h3{letter-spacing:-.04em;text-wrap:balance;margin:.45em 0 0;font-size:clamp(26px,min(4.4cqw,8cqh),64px);font-weight:650;line-height:1}.browser-site-lede{flex-direction:column;align-items:flex-start;gap:.9em;font-size:clamp(11.5px,1.2cqw,15px);display:flex}.browser-site-lede p{max-width:34ch;color:var(--ink-2);text-wrap:pretty;margin:0;line-height:1.5}.browser-site-link{white-space:nowrap;border-bottom:1px solid;font-weight:600}.browser-site-picture{background:linear-gradient(#0000 60%,#0a100e80),linear-gradient(#2f5d5224,#2f5d5224),url(/mock/mock-hero.webp) 50% 62%/cover no-repeat,linear-gradient(#a3a8a4,#4b514e);border-radius:clamp(8px,1.2cqw,14px);flex:auto;min-height:clamp(120px,28cqh,240px);position:relative;overflow:hidden}.browser-site-picture[data-project]{background-position:0 0,0 0,30% 80%,0 0;background-size:auto,auto,160%,auto}.browser-site-caption{white-space:nowrap;color:#f2f1ec;justify-content:space-between;gap:12px;font-size:clamp(10.5px,1cqw,13px);font-weight:500;display:flex;position:absolute;inset:auto clamp(12px,1.6cqw,22px) clamp(10px,1.4cqw,18px)}.browser-site-caption span:last-child{font-variant-numeric:tabular-nums;opacity:.7}.browser-site-works{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2.4cqw,32px);margin:0;padding:0;font-size:clamp(11px,1.1cqw,14px);list-style:none;display:grid}.browser-site-works li{white-space:nowrap;border-top:1px solid var(--rule);gap:.9em;padding-top:.8em;display:flex}.browser-site-works i{font-variant-numeric:tabular-nums;color:var(--ink-3);font-style:normal}.browser-site-works span{flex-direction:column;gap:.2em;min-width:0;display:flex}.browser-site-works b{font-weight:600}.browser-site-works small{color:var(--ink-3);font-size:.9em}.browser-site-project{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-end;gap:14px clamp(20px,5cqw,72px);padding-top:clamp(2px,1cqh,10px);display:flex}.browser-site-project small{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:clamp(9.5px,.85cqw,11.5px);font-weight:600}.browser-site-project small i{color:var(--ink-3);font-style:normal}.browser-site-project h3{letter-spacing:-.045em;margin:.35em 0 0;font-size:clamp(30px,min(5.4cqw,10cqh),76px);font-weight:650;line-height:1}.browser-site-facts{white-space:nowrap;grid-template-columns:repeat(4,auto);gap:.8em clamp(16px,2.8cqw,40px);margin:0;font-size:clamp(11px,1.1cqw,14px);display:grid}.browser-site-facts dt{color:var(--ink-3);font-size:.85em}.browser-site-facts dd{margin:.25em 0 0;font-weight:500}.browser-site-text{max-width:64ch;color:var(--ink-2);text-wrap:pretty;flex:none;margin:0;font-size:clamp(11.5px,1.2cqw,15px);line-height:1.5}@container browser-site (max-width:720px){.browser-site-cta{display:none}.browser-site-hero{grid-template-columns:minmax(0,1fr)}.browser-site-hero h3{font-size:clamp(26px,6.4cqw,44px)}.browser-site-lede p{max-width:46ch}.browser-site-works{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-site-works li:nth-child(3){display:none}}@container browser-site (max-width:480px){.browser-site-links{display:none}.browser-site-menu{display:flex}.browser-site-hero h3{font-size:clamp(24px,8.4cqw,34px)}.browser-site-link{display:none}.browser-site-works{grid-template-columns:minmax(0,1fr);gap:10px}.browser-site-works li:nth-child(3){display:flex}.browser-site-facts{grid-template-columns:repeat(2,auto);justify-content:start}}@media (prefers-reduced-motion:reduce){.browser-site-page{animation:none}}
.browser-bookmarks{position:relative}.browser-bookmarks-search{color:#ffffff80;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:17px;right:46px}.browser-bookmarks-list{flex-direction:column;margin:0;padding:8px;list-style:none;display:flex}.browser-bookmarks-list>li:not(.browser-bookmarks-new),.browser-bookmarks-list .browser-bookmarks-new>div{padding-bottom:8px}.browser-bookmarks-row{border-radius:12px;align-items:center;gap:10px;padding:9px 10px;transition:background-color .6s,box-shadow .6s;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.browser-bookmarks-row i{color:#fff;border-radius:4px;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:800;display:grid}.browser-bookmarks-row .browser-bookmarks-favicon{flex:none;width:18px;height:18px}.browser-bookmarks-row>span{flex-direction:column;gap:2px;min-width:0;display:flex}.browser-bookmarks-row b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.browser-bookmarks-row small{color:#ffffff80;font-size:11px}.browser-bookmarks-new{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .48s cubic-bezier(.3,1.1,.5,1) .18s,opacity .3s .26s;display:grid}.browser-bookmarks-new>*{min-height:0;overflow:hidden}[data-added] .browser-bookmarks-new{opacity:1;grid-template-rows:1fr}[data-added] .browser-bookmarks-new .browser-bookmarks-row{animation:1.6s .3s both browser-bookmarks-lit}@keyframes browser-bookmarks-lit{0%,40%{background:#ffd60a24;box-shadow:inset 0 0 0 1px #ffd60a73}}@media (prefers-reduced-motion:reduce){.browser-bookmarks-new{transition:none}.browser-bookmarks-new .browser-bookmarks-row{animation:none}}
.browser-window{--pad:8px;--ease:cubic-bezier(.3, 1.1, .5, 1);--morph:.62s var(--ease);color:#fff;-webkit-user-select:none;user-select:none;background:#151517;border-radius:24px;flex-direction:column;width:1000px;height:620px;font-size:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 90px -30px #000c}.browser-toolbar{height:50px;transition:height .42s var(--ease), opacity .24s ease;flex:none;align-items:center;gap:12px;padding:0 20px;display:flex;overflow:hidden}[data-immersive]>.browser-toolbar{height:var(--pad);opacity:0}.browser-nav{color:#ffffff8c;flex:none;align-items:center;display:flex}.browser-nav>span{width:22px;height:22px;transition:width .38s var(--ease), margin .38s var(--ease), opacity .22s ease;border-radius:6px;flex:none;place-items:center;margin-right:2px;display:grid;overflow:hidden}.browser-nav>span:last-child{margin-right:0}.browser-nav>[data-disabled]{color:#ffffff38}.browser-nav>[data-hidden]{opacity:0;width:0;margin-right:0}.browser-addresses{min-width:0;transition:gap var(--morph);flex:1;gap:0;display:flex}[data-split] .browser-addresses{gap:10px}.browser-address-second{opacity:0;min-width:0;transition:flex-grow var(--morph), opacity .3s ease;flex:0;display:flex;overflow:hidden}[data-split] .browser-address-second{opacity:1;flex:1}.browser-address{white-space:nowrap;color:#ffffff8c;flex:1;align-items:center;gap:8px;min-width:0;height:22px;display:flex}.browser-address-host{transition:font-size .32s var(--ease);font-size:13px;font-weight:500}[data-full]>.browser-address-host{font-size:11px}.browser-address-path{opacity:0;max-width:0;transition:max-width .48s var(--ease), margin .48s var(--ease), opacity .26s ease;gap:5px;margin-left:-8px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.browser-address-path>span{gap:5px;display:flex}.browser-address-path i{color:#fff3;font-style:normal}[data-full]>.browser-address-path{opacity:1;max-width:220px;transition:max-width .48s var(--ease), margin .48s var(--ease), opacity .3s ease .12s;margin-left:-3px}.browser-favicon{flex:none;width:16px;height:16px;display:block}.browser-favicon>svg{width:100%;height:100%;display:block}.browser-address-close{color:#ffffff73;flex:none;margin-left:auto}.browser-actions{color:#ffffff8c;opacity:0;flex:none;align-items:center;gap:4px;transition:opacity .16s;display:flex}[data-actions] .browser-actions{opacity:1}.browser-actions>*{border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.browser-actions>svg{padding:5px}.browser-actions [data-on]{color:#0a84ff;background:#ffffff1a}.browser-actions span svg{width:12px;height:12px}.browser-content{min-height:0;margin:0 var(--pad) var(--pad);flex:1;position:relative;overflow:hidden}.browser-pane{transition:left var(--morph), width var(--morph), opacity .42s ease;background:#ffffff0a;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.browser-pane-header{white-space:nowrap;opacity:0;height:0;transition:height .42s var(--ease), opacity .24s ease;flex:none;align-items:center;gap:6px;padding:0 14px;display:flex;overflow:hidden}.browser-pane-header b{font-size:10.5px;font-weight:500}.browser-pane-header span{color:#ffffff73;font-size:9.5px}[data-responsive] .browser-pane-header{opacity:1;height:32px}.browser-pane-page{min-height:0;transition:margin .42s var(--ease), border-radius .42s var(--ease);border-radius:16px;flex:1;overflow:hidden;container-type:inline-size}[data-responsive] .browser-pane-page{border-radius:10px;margin:0 6px 6px}.browser-edge{z-index:3;color:#ffffffbf;cursor:pointer;opacity:0;pointer-events:none;width:20px;height:52px;transition:opacity .18s ease, scale .26s var(--ease);background:#28282ed9;border:0;border-radius:10px;place-items:center;margin-top:-26px;padding:0;display:grid;position:absolute;top:50%;right:6px;scale:.8;box-shadow:inset 0 0 0 1px #ffffff1f}.browser-edge[data-shown]{opacity:1;pointer-events:auto;scale:1}.browser-tabs{z-index:4;opacity:0;pointer-events:none;width:220px;height:calc(100% - 16px);transition:top var(--morph), left var(--morph), width var(--morph), height var(--morph), border-radius var(--morph), background-color .42s ease, opacity .3s ease, translate .42s var(--ease);background:#1f1f23;border-radius:14px;position:absolute;top:4px;left:calc(100% - 232px);overflow:hidden;translate:24px;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 32px -8px #0009}.browser-tabs[data-at=left]{left:12px;translate:-24px}.browser-tabs[data-at=bottom]{top:calc(100% - 58px);left:calc(50% - var(--pill-w) / 2);width:var(--pill-w);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background-color:#2c2c3299;border-radius:18px;height:36px;translate:0 16px}.browser-tabs[data-shown]{opacity:1;translate:0}.browser-tabs>*{transition:opacity .26s;position:absolute}.browser-tabs-sidebar{flex-direction:column;gap:6px;display:flex;inset:8px}[data-at=bottom]>.browser-tabs-sidebar{opacity:0}.browser-tabs-sidebar ul{flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex}.browser-tabs-sidebar li{white-space:nowrap;color:#ffffffb3;border-radius:7px;align-items:center;gap:8px;height:30px;padding:0 8px;display:flex}.browser-tabs-sidebar li span{text-overflow:ellipsis;overflow:hidden}.browser-tabs-sidebar li[data-active]{color:#fff;background:#ffffff14}.browser-tabs-search{color:#fff6;background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 8px;font-size:12px;display:flex}.browser-tabs-controls{gap:4px;display:flex}.browser-tabs-controls i{color:#fff9;background:#ffffff0f;border-radius:7px;flex:1;place-items:center;height:24px;display:grid}.browser-tabs-pill{opacity:0;align-items:center;padding:5px;display:flex;inset:0}[data-at=bottom]>.browser-tabs-pill{opacity:1;transition-delay:.16s}.browser-favicon-mark{color:#fff;border-radius:4.5px;flex:none;place-items:center;width:16px;height:16px;font-size:9.5px;font-style:normal;font-weight:800;display:grid}.browser-pill-search{color:#fff9;width:26px;height:26px;transition:width .36s var(--ease);background:#ffffff12;border-radius:13px;flex:none;align-items:center;display:flex;overflow:hidden}.browser-pill-search>svg:first-child{flex:none;width:26px;padding:0 8px}.browser-pill-search[data-open]{width:122px}.browser-pill-search[data-typed]{width:139px}.browser-pill-field{white-space:nowrap;color:#fff;flex:none;align-items:center;width:70px;margin-left:2px;font-size:12px;display:flex;overflow:hidden}.browser-pill-placeholder{color:#ffffff59}.browser-pill-caret{opacity:0;background:#0a84ff;flex:none;width:1px;height:13px;margin-left:1px}[data-open] .browser-pill-caret{animation:1s step-end infinite browser-caret}:not([data-typed])>.browser-pill-field>.browser-pill-caret{order:-1;margin:0 1px 0 0}@keyframes browser-caret{0%{opacity:1}50%{opacity:0}}.browser-pill-clear,.browser-pill-close{color:#ffffff80;opacity:0;flex:none;transition:opacity .2s}[data-open]>:is(.browser-pill-clear,.browser-pill-close){opacity:1}.browser-pill-clear{width:0;transition:width .3s var(--ease), margin .3s var(--ease), opacity .2s ease;margin:0}[data-typed]>.browser-pill-clear{width:11px;margin-left:6px}.browser-pill-close{margin:0 9px 0 6px}.browser-pill-row{border-radius:13px;flex:1;min-width:0;margin:0 4px;display:flex;overflow:hidden}.browser-pill-tab{white-space:nowrap;width:26px;height:26px;transition:width .42s var(--ease), margin .42s var(--ease), opacity .24s ease, background-color .2s ease;border-radius:13px;flex:none;align-items:center;gap:6px;margin-left:4px;padding-left:5px;display:flex;overflow:hidden}.browser-pill-tab[data-lead]{margin-left:0}.browser-pill-tab[data-active]{background:#ffffff1f}.browser-pill-tab b{text-overflow:ellipsis;color:#fff9;opacity:0;min-width:0;padding-right:10px;font-size:12px;font-weight:500;transition:opacity .2s;overflow:hidden}.browser-pill-tab[data-active] b{color:#fff;font-weight:600}[data-titles] .browser-pill-tab{width:140px;padding-left:6px}[data-titles] .browser-pill-tab b{opacity:1;transition-delay:.14s}.browser-pill-tab[data-hidden]{opacity:0;width:0;margin-left:0;padding-left:0}.browser-pill-new{color:#fff9;background:#ffffff12;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.browser-star{transition:color .2s}.browser-star[data-on]{color:#ffd60a}.browser-star[data-on] svg{fill:currentColor;animation:.42s cubic-bezier(.3,1.6,.5,1) browser-star-pop}@keyframes browser-star-pop{0%{scale:.4}}.browser-toast{z-index:5;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);opacity:0;background:#2c2c329e;border-radius:14px;align-items:center;gap:12px;padding:9px 12px;transition:opacity .25s,translate .25s;display:flex;position:absolute;bottom:16px;right:16px;translate:0 10px;box-shadow:inset 0 0 0 1px #ffffff14,0 3px 8px #00000029}.browser-toast[data-shown]{opacity:1;translate:0}.browser-toast-glyph{color:#ffd60a;background:#ffd60a29;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.browser-toast-glyph svg{width:13px;height:13px}.browser-toast-text{flex-direction:column;gap:2px;margin-right:8px;display:flex}.browser-toast-text b{font-size:12px;font-weight:500}.browser-toast-text small{color:#ffffff80;font-size:10px}.browser-toast-action{color:#ffffff8c;min-width:22px;height:22px;transition:gap .28s var(--ease), padding .28s var(--ease), color .2s ease, background-color .2s ease;background:#ffffff1a;border-radius:6px;align-items:center;gap:0;padding:0 6px;display:flex}.browser-toast-action span{opacity:0;max-width:0;transition:max-width .28s var(--ease), opacity .2s ease;font-size:10px;font-weight:600;overflow:hidden}.browser-toast-action[data-open]{color:#fff;background:#ffffff29;gap:5px;padding:0 8px}.browser-toast-action[data-open] span{opacity:1;max-width:40px}.browser-setting{z-index:10;white-space:nowrap;color:#ffffff8c;opacity:0;height:40px;transition:opacity .18s ease, translate .28s var(--ease);background:#141418e6;border-radius:14px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:flex;position:absolute;bottom:84px;left:50%;translate:-50% 8px;box-shadow:0 0 0 1px #ffffff1a,0 16px 36px -12px #000000b3}.browser-setting[data-shown]{opacity:1;translate:-50%}.browser-setting b{color:#fff;font-weight:600;animation:.26s backwards browser-setting-in}.browser-setting-where:after{content:"›";color:#ffffff4d;margin-left:8px}@keyframes browser-setting-in{0%{opacity:0;translate:0 3px}}.browser-setting-switch{background:#ffffff29;border-radius:8px;width:28px;height:16px;margin-left:6px;transition:background-color .22s;position:relative}.browser-setting-switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:translate .3s cubic-bezier(.3,1.3,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.browser-setting-switch[data-on]{background:#0a84ff}.browser-setting-switch[data-on]:after{translate:12px}.browser-keys{z-index:10;opacity:0;transition:opacity .18s ease, translate .28s var(--ease);background:#141418db;border-radius:14px;gap:6px;padding:6px;display:flex;position:absolute;bottom:84px;left:50%;translate:-50% 8px;box-shadow:0 0 0 1px #ffffff1a}.browser-keys[data-shown]{opacity:1;translate:-50%}.browser-keys kbd{color:#fff;background:linear-gradient(#1c538d,#1b3f69);border-radius:9px;place-items:center;min-width:34px;height:34px;padding:0 10px;font-family:inherit;font-size:15px;font-weight:500;display:grid;box-shadow:inset 0 1px #ffffff24,0 0 18px #0a84ff66}@media (prefers-reduced-motion:reduce){.browser-window *,.browser-window :before{transition:none!important}}
.browser-launcher{color:#ffffffeb;-webkit-backdrop-filter:blur(30px)saturate(1.4);backdrop-filter:blur(30px)saturate(1.4);background:#18181cf0;border-radius:24px;flex-direction:column;width:540px;height:430px;font-size:13px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 90px -24px #000c}.browser-launcher-search{flex:none;align-items:center;gap:12px;height:52px;padding:0 16px;font-size:16px;display:flex;box-shadow:0 1px #ffffff0f}.browser-launcher-slash{background:color-mix(in srgb, var(--scene-color) 26%, transparent);width:26px;height:26px;color:color-mix(in srgb, var(--scene-color) 70%, #fff);border-radius:8px;place-items:center;font-size:15px;font-weight:800;display:grid}.browser-launcher-query{color:#ffffff59;align-items:center;display:flex}.browser-launcher-query:before{content:"";background:var(--scene-color);width:1.5px;height:18px;margin-right:1px;animation:1s step-end infinite browser-launcher-caret}@keyframes browser-launcher-caret{50%{opacity:0}}.browser-launcher-header{color:#ffffff8c;flex:none;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:11px;display:flex}.browser-launcher-header b{font-weight:600}.browser-launcher-header span{color:#ffffff47}.browser-launcher-header .browser-launcher-new{color:var(--scene-color);align-items:center;gap:4px;margin-left:auto;display:flex}.browser-launcher-list{flex:1;position:relative;overflow:hidden}.browser-launcher-rows{transition:translate .3s cubic-bezier(.22,.61,.36,1);position:relative}.browser-launcher-selection{background:#ffffff17;border-radius:8px;transition:translate .2s cubic-bezier(.22,.61,.36,1),height .2s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:10px;right:10px}.browser-launcher-tab{align-items:center;gap:14px;height:50px;padding:0 24px;display:flex;position:relative}.browser-launcher-tile{background:#ffffff0f;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.browser-launcher-tile .browser-favicon-mark{width:18px;height:18px;font-size:10.5px}.browser-launcher-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.browser-launcher-text b,.browser-launcher-text small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-launcher-text b{font-size:14px;font-weight:500}.browser-launcher-text small{color:#ffffff4d;font-size:12px}.browser-launcher-button{color:#ffffff4d;background:#ffffff0f;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;display:grid}.browser-launcher-button+.browser-launcher-button{margin-left:-8px}.browser-launcher-section{text-transform:uppercase;color:#ffffff40;align-items:flex-end;height:33px;padding:0 20px 6px;font-size:11px;font-weight:600;display:flex}.browser-launcher-page{height:32px;padding:0 30px 0 calc(30px + var(--depth,0) * 14px);align-items:center;gap:8px;display:flex;position:relative}.browser-launcher-page small{color:#ffffff40;font-size:11px}.browser-launcher-page[data-folder]>span:nth-child(2){font-weight:500}.browser-launcher-page-glyph{color:#ffffff4d;flex:none;place-items:center;width:14px;display:grid}.browser-launcher-page-glyph svg{transition:rotate .12s ease-out}[data-open]>.browser-launcher-page-glyph svg{rotate:90deg}.browser-launcher-fold{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,.61,.36,1),opacity .2s;display:grid}.browser-launcher-fold>div{min-height:0;overflow:hidden}.browser-launcher-fold[data-open]{opacity:1;grid-template-rows:1fr}@media (prefers-reduced-motion:reduce){.browser-launcher-rows,.browser-launcher-selection,.browser-launcher-fold,.browser-launcher-page-glyph svg{transition:none}.browser-launcher-query:before{animation:none}}
.mac-browser-stage{flex-direction:column;align-items:center;width:min(1000px,80.6452vw - 51.6129px,max(560px,161.29svh - 483.871px));margin-top:48px;display:flex}.mac-browser-screen{aspect-ratio:1000/620;isolation:isolate;width:100%;position:relative}.mac-browser-card{--inset:14px;width:100%;padding:var(--inset);border-radius:calc(26px + var(--inset));background:linear-gradient(to top, color-mix(in srgb, var(--color-bg-raised) 20%, transparent), color-mix(in srgb, var(--color-bg-raised) 10%, transparent) 85%);transition:translate .56s cubic-bezier(.3,1.1,.5,1);position:relative}.mac-browser-card>*{z-index:1;position:relative}.mac-browser-card:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-text-3) 10%, transparent), color-mix(in srgb, var(--color-text-3) 8%, transparent) 90%, transparent);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mac-browser-card:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--scene-color) 55%, transparent), transparent);filter:blur(40px);opacity:.35;height:90px;position:absolute;bottom:40px;left:5%;right:5%}.mac-browser-card[data-bookmarks]{translate:calc(-12% + var(--inset) * .24) 0}@media (max-width:720px){.mac-browser-card{--inset:8px}}.mac-browser-canvas{transform-origin:0 0;scale:var(--scale,1);position:absolute;top:0;left:0}.mac-browser-bookmarks{z-index:2;transform-origin:0 0;opacity:0;pointer-events:none;border-radius:24px;transition:opacity .26s,translate .42s cubic-bezier(.3,1.2,.5,1),scale .42s cubic-bezier(.3,1.2,.5,1);position:absolute;top:40px;left:900px;translate:-12px;scale:.96;box-shadow:0 40px 80px -20px #000000b3}.mac-browser-bookmarks[data-shown]{opacity:1;translate:0;scale:1}.mac-browser-launcher{z-index:3;opacity:0;pointer-events:none;transition:opacity .18s,translate .32s cubic-bezier(.3,1.2,.5,1),scale .32s cubic-bezier(.3,1.2,.5,1);position:absolute;top:52px;left:230px;translate:0 -8px;scale:.97}.mac-browser-launcher[data-shown]{opacity:1;translate:0;scale:1}@media (prefers-reduced-motion:reduce){.mac-browser-bookmarks,.mac-browser-launcher{transition:none}}.mac-browser-bar{background:color-mix(in srgb, var(--color-bg-raised) 60%, transparent);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:18px;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:36px;padding:5px;display:flex}.mac-browser-mode{height:36px;font:inherit;color:var(--color-text-2);cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:13px;outline:none;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:color .25s,background-color .25s,scale .2s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;overflow:hidden}.mac-browser-mode svg{flex:none;width:16px;height:16px}.mac-browser-mode:hover{color:var(--color-text-1)}.mac-browser-mode:active{scale:.96}.mac-browser-mode:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--scene-color) 60%, transparent)}.mac-browser-mode[data-selected]{color:color-mix(in srgb, var(--scene-color) 55%, var(--color-text-1));background:color-mix(in srgb, var(--scene-color) 10%, transparent)}.mac-browser-mode-fill{z-index:-1;background:color-mix(in srgb, var(--scene-color) 14%, transparent);transform-origin:0;animation:mac-browser-fill var(--dwell) linear both;position:absolute;inset:0}.mac-browser-mode-fill[data-paused]{animation-play-state:paused}@keyframes mac-browser-fill{0%{scale:0 1}to{scale:1}}.mac-browser-caption{text-align:center;max-width:52ch;min-height:3em;color:var(--color-text-2);text-wrap:balance;margin-top:14px;font-size:14px;line-height:1.5;animation:.36s both mac-browser-caption}.mac-browser-keys{vertical-align:1px;white-space:nowrap;gap:3px;display:inline-flex}.mac-browser-keys kbd{text-align:center;min-width:20px;color:var(--color-text-1);background:var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px;line-height:1.5}@keyframes mac-browser-caption{0%{opacity:0;translate:0 4px}}@media (prefers-reduced-motion:reduce){.mac-browser-caption{animation:none}}@media (max-width:900px){.mac-browser-bookmarks{transform-origin:100% 0;left:auto;right:26px}.mac-browser-card[data-bookmarks]{translate:0}}@media (max-width:720px){.mac-browser-stage{width:calc(100vw - 32px);margin-top:32px}.mac-browser-mode{padding:0 10px;font-size:12.5px}}
.mac-browser{width:100vw;margin:var(--section-gap) calc(50% - 50vw) 0;flex-direction:column;align-items:center;padding:0 32px;display:flex;overflow-x:clip}.mac-browser-header{text-align:center;flex-direction:column;align-items:center;max-width:46ch;margin:0 auto;display:flex}.mac-browser-header h2{letter-spacing:-.015em;color:var(--color-text-1);text-wrap:pretty;font-size:22px;font-weight:600;line-height:1.2}.mac-browser-header p{color:var(--color-text-2);text-wrap:pretty;font-size:15px;line-height:1.5}