@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter Variable,Inter,system-ui,sans-serif;background:#101b3e;color:#f6f8ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #9ee1ff;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.desktop{--ink: #f6f8ff;--dock-glass-tint: rgb(13 19 32 / 15%);--glass-edge: rgb(232 241 255 / 24%);--menu-glass: rgb(15 24 49 / 63%);--popover: rgb(22 27 46 / 94%);--hover: rgb(255 255 255 / 13%);--dock-bottom: max(13px, env(safe-area-inset-bottom));--dock-slot: 51px;--app-size: 49px;--menu-height: 33px;color:var(--ink);display:flex;flex-direction:column;position:relative;isolation:isolate;width:100%;height:100dvh;min-height:380px;overflow:clip;background:linear-gradient(155deg,#eeebe8,#e4ded9 55%,#d6ccc4)}.wallpaper{position:absolute;z-index:-1;inset:calc(var(--menu-height) + env(safe-area-inset-top)) 0 0;display:grid;place-items:center;pointer-events:none}.wallpaper img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent)}@media(min-width:640px){.wallpaper img{mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent),linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}.desktop:before{content:"";position:absolute;z-index:-2;inset:-48px;background:linear-gradient(#e7e2de47,#e7e2de47),url(/wallpapers/lucas-villar-lettering-referencia.webp) center / cover;filter:blur(42px);pointer-events:none}}.desktop[data-theme=light]{--ink: #152038;--dock-glass-tint: rgb(239 244 255 / 16%);--glass-edge: rgb(255 255 255 / 57%);--menu-glass: rgb(229 238 255 / 78%);--popover: rgb(235 240 255 / 96%);--hover: rgb(16 30 64 / 10%)}.menu-bar{position:relative;z-index:5;flex:0 0 auto;min-height:calc(var(--menu-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(13px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--menu-glass);border-bottom:1px solid rgb(255 255 255 / 10%);backdrop-filter:blur(22px) saturate(125%);font-size:12px;font-weight:500;white-space:nowrap;user-select:none}.menu-left,.app-menus,.menu-right{display:flex;align-items:center}.menu-left{gap:2px}.menu-right{gap:8px}.menu-entry{position:relative}.menu-button{display:grid;min-height:26px;place-items:center;border:0;padding:0 9px;border-radius:6px;background:none;white-space:nowrap;cursor:pointer}.menu-entry--app .menu-button{font-weight:700}.menu-button--icon{width:27px;padding:0}.menu-button--icon svg{width:18px;height:18px}.menu-status{display:inline-flex;align-items:center}.menu-status--wifi svg{width:16px}.menu-status--battery svg{width:21px}.menu-button:hover,.menu-button[aria-expanded=true]{background:var(--hover)}.menu-clock{display:flex;gap:7px;min-width:42px;font-variant-numeric:tabular-nums}.locale-toggle{display:flex;align-items:center;gap:2px;border:1px solid var(--glass-edge);border-radius:7px;padding:1px;margin-inline:2px 4px;font-size:9px;font-weight:750;line-height:16px;letter-spacing:.02em}.locale-toggle a{text-decoration:none;text-align:center;color:inherit;padding-inline:5px;border-radius:5px}.locale-toggle a:hover,.locale-toggle a[aria-current=page]{background:var(--hover)}.menu-popover{position:absolute;inset:calc(100% + 6px) auto auto 0;width:max-content;max-width:min(270px,calc(100vw - 26px));padding:5px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--popover);box-shadow:0 12px 36px #0106134d;white-space:normal}.menu-entry--controls .menu-popover{inset-inline:auto 0;min-width:176px}.menu-popover p{margin:5px 8px;line-height:1.55}.menu-popover-heading{font-weight:700}.menu-popover button{display:block;width:100%;padding:6px 9px;text-align:start;border:0;border-radius:6px;background:transparent;cursor:pointer}.menu-popover button:hover,.menu-popover button[aria-pressed=true]{background:var(--hover)}.appearance-options{display:flex;padding:3px;gap:3px}.appearance-options button{text-align:center}.appearance-swatch{display:block;width:40px;height:22px;margin:0 auto 4px;border:1px solid var(--glass-edge);border-radius:4px}.appearance-swatch--dark{background:linear-gradient(#606a87 23%,#1c243a 23%)}.appearance-swatch--light{background:linear-gradient(#a0aec7 23%,#edf3fc 23%)}.desktop-area{position:relative;flex:1;min-height:0;margin-bottom:calc(82px + var(--dock-bottom));color:#fff}.projects{--item-width: 110px;--item-height: 87px;position:absolute;inset:9px 13px 0}.project{--tag: #8acbff;position:absolute;left:calc(var(--project-x) * (100% - var(--item-width)));top:calc(var(--project-y) * (100% - var(--item-height)));width:var(--item-width);height:var(--item-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border:0;border-radius:11px;background:none;cursor:default;user-select:none;touch-action:none}.project[data-category=branding]{--tag: #ffbd85}.project[data-category=motion]{--tag: #c1aeff}.project[data-dimmed=true] .project-icon{opacity:.63}.project[data-dimmed=true]:is(:hover,:focus-visible,[data-selected=true]) .project-icon{opacity:1}.project[data-selected=true]{z-index:1}.project[data-dragging=true]{z-index:2;cursor:grabbing}.project-icon{--folder-shadow: drop-shadow(0 2px 3px rgb(10 33 58 / 29%));display:block;flex:0 0 51px;object-fit:contain;pointer-events:none;transition:filter .18s ease,opacity .18s ease;filter:var(--folder-shadow)}.project-label{display:block;max-width:100%;padding-inline:2px;color:#fff;font-family:system-ui,Inter Variable,sans-serif;font-size:13px;font-weight:550;line-height:1.18;text-align:center;text-shadow:0 1px 2px #000,0 1px 5px rgb(0 0 0 / 85%)}.project[data-selected=true] .project-icon{filter:var(--folder-shadow) brightness(.88) saturate(1.2)}.project[data-highlighted=true] .project-icon{--folder-shadow: drop-shadow(0 0 7px var(--tag))}.dock{--dock-transition: .13s cubic-bezier(.25, .75, .25, 1);position:absolute;z-index:4;inset:auto auto var(--dock-bottom) 50%;transform:translate(-50%);display:flex;align-items:end;gap:5px;padding:8px 10px 9px;border:1px solid transparent;border-radius:22px;user-select:none}.dock:before{content:"";position:absolute;z-index:-1;inset:-1px calc(-1px - var(--dock-spread, 0px));border:1px solid rgb(244 249 255 / 29%);border-top-color:#f9fcff7a;border-bottom-color:#eaf3ff36;border-radius:inherit;background:radial-gradient(ellipse 85% 110% at 23% -42%,rgb(255 255 255 / 24%),transparent 78%),linear-gradient(170deg,transparent 50%,rgb(245 250 255 / 7%)),var(--dock-glass-tint);-webkit-backdrop-filter:blur(3px) saturate(130%);backdrop-filter:blur(3px) saturate(130%);box-shadow:0 4px 15px #00071938,inset 0 1px 1px #ffffff30,inset 0 -1px 2px #05102521;transition:left var(--dock-transition),right var(--dock-transition)}.dock-button{position:relative;width:var(--dock-slot);height:calc(var(--app-size) + 6px);flex:0 0 var(--dock-slot);border:0;padding:0 0 6px;border-radius:12px;background:transparent;cursor:pointer}.dock-button--after-divider{margin-inline-start:13px}.dock-button--after-divider:before{content:"";position:absolute;left:-9px;top:3px;bottom:3px;width:1px;background:var(--glass-edge);transform:translate(var(--dock-divider-offset, 0px));transition:transform var(--dock-transition)}.dock-item{position:relative;display:grid;place-items:center;transform:translate(var(--dock-offset, 0px));transition:transform var(--dock-transition)}.dock-icon{display:block;transform:scale(var(--dock-scale, 1));transform-origin:center bottom;transition:transform var(--dock-transition)}.dock-indicator{position:absolute;left:50%;bottom:-2px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 0 1px #ffffff47,0 1px 2px #0000006b;opacity:0;transform:translate(calc(-50% + var(--dock-offset, 0px)));transition:transform var(--dock-transition)}.dock-button[data-running=true] .dock-indicator{opacity:.88}.dock-projects-menu{position:absolute;z-index:2;bottom:calc(100% + 15px);width:204px;transform:translate(-50%);padding:5px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--popover);color:var(--ink);backdrop-filter:blur(18px);box-shadow:0 10px 25px #0000003d}.dock-projects-menu button{display:flex;flex-direction:column;gap:3px;width:100%;padding:8px 9px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:12px;cursor:pointer}.dock-projects-menu button:is(:hover,:focus-visible){background:var(--hover)}.dock-projects-menu small{font-size:10px;opacity:.76}.dock-button[aria-expanded=true] .dock-tooltip{display:none}.dock-tooltip{position:absolute;z-index:1;inset:auto auto calc(100% + 24px) 50%;transform:translate(-50%);border:1px solid var(--glass-edge);border-radius:7px;padding:4px 9px;background:var(--popover);color:var(--ink);box-shadow:0 5px 12px #00092533;font-size:11px;font-weight:590;white-space:nowrap;opacity:0;transition:opacity .12s ease;pointer-events:none}.dock-button:focus-visible .dock-tooltip{opacity:1}@media(hover:hover){.dock-button:hover{z-index:1}.dock-button:hover .dock-tooltip{opacity:1}}.app-icon{width:var(--app-size);height:var(--app-size);display:grid;place-items:center;overflow:hidden;border-radius:24%;box-shadow:0 3px 7px #0005144d,inset 0 0 0 1px #ffffff30}.app-icon svg{width:100%;height:100%}.app-icon--asset{display:block;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 4px rgb(0 5 20 / 30%))}.app-icon--finder{background:linear-gradient(160deg,#60c6ff,#0f8ff1 63%,#0564d9)}.app-icon--notes{background:linear-gradient(#fffef6,#f0eadb)}.app-icon--gmail{background:linear-gradient(#fff,#edf2f6)}.app-icon--safari{background:linear-gradient(#f6fcff,#becde7)}.notice-region{position:absolute;z-index:3;inset:auto 14px calc(91px + var(--dock-bottom)) 14px;display:grid;justify-items:center;pointer-events:none}.desktop-notice{max-width:min(430px,100%);padding:9px 14px;border:1px solid var(--glass-edge);border-radius:11px;background:var(--popover);color:var(--ink);box-shadow:0 5px 20px #00071f3d;font-size:12px;line-height:1.5;text-align:center}.boot{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:#edf5ff;background:#101424;pointer-events:none;animation:boot-fade .66s ease both}.boot>svg{width:38px;height:38px}.boot-progress{display:block;width:69px;height:2px;border-radius:2px;background:#adc5ec;transform-origin:left;animation:boot-progress .43s cubic-bezier(.2,.75,.27,1) both}@keyframes boot-fade{0%,59%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes boot-progress{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@media(max-width:900px){.menu-button{padding-inline:6px}.menu-button--icon{padding-inline:0}.menu-right{gap:5px}.menu-day,.menu-entry--window,.menu-entry--help{display:none}}@media(max-width:639px){.desktop{--dock-bottom: max(15px, env(safe-area-inset-bottom));--dock-slot: clamp(34px, 10.7vw, 48px);--app-size: calc(var(--dock-slot) - 3px);--menu-height: 44px;--portrait-width: min(100vw, 475px, calc((max(100dvh, 510px) - 255px)*.92) );--title-width: clamp(130px, min(54vw, 28dvh), 232px);--title-offset: clamp(10px, 2.7dvh, 23px);--title-height: calc(var(--title-width) * 205 / 396);min-height:510px;background:linear-gradient(155deg,#fffdfa29,#dcd2ca38),#ede7e3 url(/wallpapers/lucas-villar-parede.webp) center top / 196px auto repeat}.wallpaper{inset:0}.wallpaper img{position:absolute;inset:auto 0 0;width:var(--portrait-width);margin-inline:auto;mask-image:linear-gradient(to bottom,transparent,#000 17%),linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}.wallpaper:after{content:"";position:absolute;inset:calc(var(--menu-height) + env(safe-area-inset-top) + var(--title-offset)) 0 auto;width:var(--title-width);height:var(--title-height);margin-inline:auto;background:url(/wallpapers/lucas-villar-lettering.webp) center / contain no-repeat}.menu-bar{padding-inline:9px}.menu-button--icon{min-width:30px;min-height:34px}.app-menus,.menu-status--wifi{display:none}.menu-left{gap:0}.menu-right{gap:3px}.locale-toggle{margin-inline:0 2px;line-height:24px}.menu-clock{min-width:32px;font-size:11px}.menu-entry--controls .menu-popover{inset-inline:auto -40px}.desktop-area{display:flex;flex-direction:column;margin-bottom:calc(63px + var(--dock-bottom));padding-top:clamp(calc(var(--title-offset) + var(--title-height) + 8px),calc(100dvh - var(--portrait-width) * 1114 / 1024 - 195px),32dvh)}.projects{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 3px;width:min(100%,460px);padding-inline:14px;align-self:center}.project{position:relative;inset:auto;width:100%;height:73px;gap:2px;touch-action:manipulation}.project-icon{scale:.85;margin-block:-3px}.project-label{font-size:11px}.dock{gap:4px;padding:7px 8px 9px;border-radius:20px}.dock-button--after-divider{margin-inline-start:8px}.dock-button--after-divider:before{left:-6px}.notice-region{bottom:calc(68px + var(--dock-bottom))}}@media(max-width:350px){.menu-status--battery{display:none}}@media(prefers-reduced-motion:reduce){.desktop *,.desktop *:before,.desktop *:after{animation:none!important;transition:none!important}.boot{display:none}}.window-stack{position:absolute;z-index:3;inset:0;pointer-events:none}.window-layer{position:absolute;inset:calc(var(--menu-height) + env(safe-area-inset-top)) 0 calc(var(--dock-bottom) + var(--app-size) + 26px);pointer-events:none}.desktop-window{--window-ink: #f5f4f6;--window-muted: #b7b4be;--window-edge: rgb(255 255 255 / 14%);--window-toolbar: rgb(43 42 47 / 87%);--window-sidebar: rgb(41 39 46 / 76%);--window-surface: rgb(34 33 37 / 91%);--window-selection: rgb(255 255 255 / 11%);position:absolute;left:calc(50% + clamp(0px,(100% - 778px) / 2,var(--window-offset, 0px)));top:calc(50% + clamp(0px,(100% - 490px) / 2,var(--window-offset, 0px)));translate:-50% -50%;width:min(754px,calc(100% - 24px));height:min(466px,calc(100% - 24px));display:flex;flex-direction:column;border:1px solid var(--window-edge);border-radius:15px;color:var(--window-ink);box-shadow:0 25px 65px #00000061,0 8px 22px #00000045;backdrop-filter:blur(26px) saturate(145%);outline:none;pointer-events:auto}.desktop[data-theme=light] .desktop-window{--window-ink: #252429;--window-muted: #615f69;--window-edge: rgb(49 42 56 / 17%);--window-toolbar: rgb(244 243 246 / 88%);--window-sidebar: rgb(235 232 238 / 78%);--window-surface: rgb(251 250 252 / 91%);--window-selection: rgb(24 19 34 / 9%)}.desktop-window[hidden],.window-sidebar[hidden]{display:none}.desktop-window[data-positioned=true]{translate:none}.desktop-window[data-maximized=true]{inset:4px 6px;width:auto;height:auto;translate:none;border-radius:12px}.desktop-window[data-genie-hidden]{opacity:0;pointer-events:none}.window-genie{position:absolute;z-index:7;inset:0;pointer-events:none}.window-genie-strip{position:absolute;inset:0 auto auto 0;overflow:clip;transform-origin:0 0}.window-genie .window-genie-strip .desktop-window{--window-toolbar: #343238;--window-sidebar: #3b3941;--window-surface: #2a292e;inset:var(--genie-top) auto auto 0!important;width:var(--genie-width)!important;height:var(--genie-height)!important;translate:none;backdrop-filter:none;box-shadow:none;pointer-events:none}.desktop[data-theme=light] .window-genie .desktop-window{--window-toolbar: #efedf2;--window-sidebar: #e7e4ec;--window-surface: #f5f3f8}.window-toolbar{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 15px;border-bottom:1px solid var(--window-edge);border-radius:inherit;border-end-start-radius:0;border-end-end-radius:0;background:var(--window-toolbar);touch-action:none;user-select:none;cursor:grab}.window-toolbar:active{cursor:grabbing}.window-toolbar h2{min-width:0;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}.window-controls{display:flex;gap:8px;align-items:center;order:-2}.window-control{display:grid;place-items:center;width:13px;height:13px;padding:0;border:1px solid rgb(0 0 0 / 14%);border-radius:50%;color:#2b2428;cursor:pointer}.window-control svg{display:block;opacity:0}.window-controls:hover svg,.window-control:focus-visible svg{opacity:1}.window-control--close{background:#ff5f57}.window-control--minimize{background:#febc2e}.window-control--zoom{background:#28c840}.window-control:active{filter:brightness(.8)}.window-back{display:none}.window-sidebar-toggle{order:-1;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;color:var(--window-muted);background:transparent;cursor:pointer}.window-sidebar-toggle:hover{background:var(--window-selection)}.window-sidebar-toggle span{width:15px;height:12px;border:1px solid currentColor;border-radius:3px;background:linear-gradient(90deg,currentColor 1px,transparent 1px) 4px / 100% 100% no-repeat}.window-body{display:flex;flex:1;min-height:0;overflow:hidden;border-end-start-radius:inherit;border-end-end-radius:inherit}.window-sidebar{flex:0 0 176px;padding:15px 9px;border-right:1px solid var(--window-edge);background:var(--window-sidebar);user-select:none}.window-sidebar p{margin:0 8px 7px;color:var(--window-muted);font-size:11px;font-weight:650}.window-sidebar button{display:flex;align-items:center;gap:8px;width:100%;min-height:29px;padding:4px 8px;border:0;border-radius:6px;color:var(--window-ink);font-size:12px;text-align:left}.window-sidebar button{background:transparent;cursor:pointer}.window-sidebar button:hover,.window-sidebar button[aria-current]{background:var(--window-selection)}.window-sidebar svg{width:16px;height:16px;color:#4d9eff}.window-sidebar .app-icon{--app-size: 16px;flex:0 0 16px;border-radius:4px}.window-content{display:flex;flex:1;flex-direction:column;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--window-muted) 52%,transparent) transparent;background:var(--window-surface)}.project-window-empty{display:grid;flex:1;align-content:center;justify-items:center;min-height:160px;padding:24px;text-align:center}.project-window-empty .app-icon{--app-size: 52px}.project-window-empty p{margin:14px 0 0;color:var(--window-muted);font-size:12px}.project-case{container-type:inline-size;width:100%;max-width:880px;margin-inline:auto;padding:22px clamp(18px,3vw,30px) 32px}.project-case h3{margin:0;font-size:clamp(22px,5cqw,32px);line-height:1.1;font-weight:670;letter-spacing:-.035em}.project-case p{margin:11px 0 0;color:var(--window-muted);font-size:13px;line-height:1.55}.case-brief p{max-width:64ch}.case-details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 9px;margin:15px 0 0;font-size:12px}.case-details dt{color:var(--window-muted)}.case-details dd{margin:0;font-weight:600}.case-media{margin:0;min-width:0}.case-media-frame{display:block;width:100%;height:auto;border-radius:9px}.case-media video{background:#18173e}.case-cover{margin-bottom:20px}.case-gallery{display:grid;gap:16px}.case-detailed-image{display:grid;gap:6px}.case-image-trigger{display:grid;gap:6px;width:100%;padding:0;border:0;border-radius:7px;background:transparent;cursor:zoom-in}.case-enlarge-label{display:inline-flex;align-items:center;justify-self:end;gap:6px;min-height:36px;padding-inline:10px;border:1px solid var(--window-edge);border-radius:7px;color:var(--window-ink);background:var(--window-selection);font-size:12px;font-weight:600}.case-image-trigger:hover .case-enlarge-label{text-decoration:underline}.case-image-viewer{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid var(--window-edge);border-radius:13px;color:var(--window-ink);background:var(--window-surface);box-shadow:0 20px 60px #0000006b;pointer-events:auto}.case-image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.case-image-viewer::backdrop{background:#0c0b0fad;backdrop-filter:blur(5px)}.case-image-toolbar{display:flex;min-height:49px;align-items:center;gap:10px;padding:4px 10px;border-bottom:1px solid var(--window-edge);background:var(--window-toolbar)}.case-image-title{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.case-image-toolbar button{min-height:36px;border:1px solid var(--window-edge);border-radius:7px;background:var(--window-selection);cursor:pointer}.case-image-close{min-width:36px;font-size:23px;line-height:1}.case-image-toolbar button:hover{border-color:currentColor}.case-image-viewport{min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px}.case-image-viewport img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 108px);margin-inline:auto;border-radius:6px;object-fit:contain}.case-media figcaption{margin-top:6px;color:var(--window-muted);font-size:11px;font-variant-numeric:tabular-nums}.case-piece{margin-top:25px;padding-top:21px;border-top:1px solid var(--window-edge)}.case-piece h3{font-size:19px}.case-detailed-image figcaption{margin-top:0}.case-piece>:is(.case-media,.case-gallery){margin-top:13px}.case-piece[data-portrait=true] .case-media{width:min(100%,238px);margin-inline:auto}@container (min-width: 430px){.case-piece[data-portrait=true]{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,29%);align-items:start;gap:24px}.case-piece[data-portrait=true] .case-media{width:100%;margin:0}}.window-resize{position:absolute;touch-action:none}.window-resize--n,.window-resize--s{inset-inline:8px;height:8px;cursor:ns-resize}.window-resize--e,.window-resize--w{inset-block:8px;width:8px;cursor:ew-resize}.window-resize--n,.window-resize--ne,.window-resize--nw{top:-4px}.window-resize--s,.window-resize--se,.window-resize--sw{bottom:-4px}.window-resize--e,.window-resize--ne,.window-resize--se{right:-4px}.window-resize--w,.window-resize--nw,.window-resize--sw{left:-4px}.window-resize--ne,.window-resize--se,.window-resize--sw,.window-resize--nw{width:12px;height:12px}.window-resize--ne,.window-resize--sw{cursor:nesw-resize}.window-resize--nw,.window-resize--se{cursor:nwse-resize}.desktop-window[data-maximized=true] .window-resize{display:none}@media(max-width:639px){.case-enlarge-label,.case-image-toolbar button{min-height:44px}.case-image-close{min-width:44px}.desktop[data-window-open=true]:not(:has(>.window-genie)) :is(.menu-bar,.desktop-area,.dock){visibility:hidden}.window-stack{z-index:6}.window-layer{inset:0}.window-layer[data-front=false]{visibility:hidden}.desktop-window,.desktop-window[data-maximized=true]{inset:0!important;width:100%!important;height:100%!important;translate:none;border:0;border-radius:0;box-shadow:none}.window-toolbar{display:grid;grid-template-columns:1fr auto 1fr;min-height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;cursor:default}.window-toolbar h2{justify-self:center}.window-back{display:flex;align-items:center;gap:4px;min-height:44px;justify-self:start;padding:0 4px;border:0;color:#80b8ff;background:transparent;font-size:14px;font-weight:580;cursor:pointer}.desktop[data-theme=light] .window-back{color:#175fba}.window-back span{font:400 30px/.8 system-ui}.window-sidebar,.window-sidebar-toggle,.window-controls,.window-resize{display:none}}.desktop-window[data-app=notes]{--notes-accent: #ffd76a;--notes-selection: rgb(255 206 70 / 14%)}.desktop[data-theme=light] .desktop-window[data-app=notes]{--notes-accent: #755200;--notes-selection: #ffe9a5}.desktop-window[data-app=notes] .window-sidebar{flex-basis:190px;padding:8px}.notes-list button{display:grid;gap:4px;justify-content:stretch;padding:10px;border-radius:8px}.notes-list button[aria-current]{color:var(--notes-accent);background:var(--notes-selection)}.notes-list strong{font-size:13px;font-weight:640}.notes-list span{overflow:hidden;color:var(--window-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.note-page{container-type:inline-size;width:100%;max-width:760px;margin-inline:auto;padding:26px clamp(18px,3vw,34px) 34px}.note-page h3{margin:0 0 16px;font-size:clamp(24px,5cqw,33px);font-weight:660;line-height:1.15;letter-spacing:-.035em}.note-page p{margin:0 0 12px;color:var(--window-muted);font-size:14px;line-height:1.65}.note-profile{display:grid;align-items:start;gap:12px}.note-profile img{display:block;width:min(100%,178px);height:auto;border:1px solid var(--window-edge);border-radius:8px}.note-resume-name{font-size:16px}.note-page h4{margin:21px 0 5px;font-size:14px}.note-resume-summary{display:grid;gap:12px 20px;margin-top:18px}.note-resume-summary section{padding-top:10px;border-top:1px solid var(--window-edge)}.note-resume-summary h4{margin:0 0 4px}.note-resume-summary p{margin:0}.note-contact a{display:block;width:fit-content;margin-top:5px;color:var(--notes-accent);font-size:14px;overflow-wrap:anywhere}.note-download{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:22px}.note-download :is(button,a){padding:9px 12px;border:1px solid var(--window-edge);border-radius:7px;background:var(--notes-selection);color:var(--notes-accent);font-size:12px;font-weight:620;text-decoration:none}.note-download button:disabled{background:transparent;color:var(--window-muted)}.note-download span{color:var(--window-muted);font-size:12px}@container (min-width: 375px){.note-profile{grid-template-columns:minmax(0,1fr) minmax(126px,34%);gap:22px}.note-profile img{width:100%}}@container (min-width: 430px){.note-resume-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.desktop-window[data-app=notes] .window-body{flex-direction:column}.desktop-window[data-app=notes] .window-sidebar:not([hidden]){display:block;flex:none;border-right:0;border-bottom:1px solid var(--window-edge)}.desktop-window[data-app=notes] .window-sidebar-toggle{display:grid;grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;color:var(--notes-accent)}.notes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.notes-list button{min-height:44px;place-items:center}.notes-list span{display:none}.note-page{padding-bottom:max(30px,env(safe-area-inset-bottom))}}.spotlight{position:fixed;inset:clamp(54px,16dvh,150px) 0 auto;width:min(560px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - clamp(54px,16dvh,150px) - 20px);margin:0 auto;padding:0;overflow:hidden;border:1px solid var(--glass-edge);border-radius:16px;color:var(--ink);background:var(--popover);box-shadow:0 20px 60px #0000005c;backdrop-filter:blur(22px) saturate(140%)}.spotlight[open]{display:flex;flex-direction:column}.spotlight::backdrop{background:#0f111c3b}.spotlight-input-row{display:flex;align-items:center;gap:11px;padding:8px 12px 8px 16px;border-bottom:1px solid var(--glass-edge)}.spotlight-input-row>span{display:grid;place-items:center;opacity:.72}.spotlight input{flex:1;min-width:0;min-height:42px;padding:0;border:0;color:inherit;background:transparent;font:inherit;font-size:clamp(16px,4vw,21px);outline:none}.spotlight input::placeholder{color:currentColor;opacity:.67}.spotlight input::-webkit-search-cancel-button{display:none}.spotlight-close{display:grid;place-items:center;width:38px;min-height:38px;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer}.spotlight-close:hover{background:var(--hover)}.spotlight-close svg{width:17px;height:17px}.spotlight-body{min-height:0;overflow:auto;padding:7px 8px 9px}.spotlight-heading,.spotlight-empty{margin:6px 9px 8px;font-size:12px}.spotlight-heading{opacity:.73;font-weight:620}.spotlight-empty{padding:8px 0 10px}.spotlight-result{display:flex;align-items:center;width:100%;min-height:48px;gap:10px;padding:6px 9px;border:0;border-radius:8px;background:transparent;text-align:start;cursor:pointer}.spotlight-result:is(:hover,[aria-selected=true]){background:var(--hover)}.spotlight-result-icon{flex:0 0 28px;height:28px}.spotlight-result-icon .app-icon{width:100%;height:100%;border-radius:6px}.spotlight-result strong,.spotlight-result small{display:block}.spotlight-result strong{font-size:14px;font-weight:630}.spotlight-result small{margin-top:3px;font-size:11px;opacity:.77}@media(max-width:639px){.spotlight{inset-block-start:calc(env(safe-area-inset-top) + 54px)}.spotlight-close{width:44px;min-height:44px}}
