@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.-T-KAq_className{font-family:Inter,Inter Fallback;font-style:normal}.-T-KAq_variable{--font-inter:"Inter", "Inter Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#101112;--bg-cell:#242321;--bg-cell-hover:#302f2c;--accent:#c6a66b;--accent-digital:#d8cdbb;--text-primary:#f3eee5;--text-secondary:#e9e2d6;--text-muted:#e9e2d69e;--border-subtle:#e9e2d621;--border-hover:#c6a66bad;--font-sans:var(--font-inter), "Helvetica Neue", Arial, sans-serif;--font-display:Georgia, "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--font-mono:"SFMono-Regular", Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);width:100vw;height:100vh;color:var(--text-primary);font-family:var(--font-sans);overflow:hidden}.gallery-cursor,.gallery-spotlight{display:none}@media (hover:hover) and (pointer:fine){body.gallery-cursor-enabled,body.gallery-cursor-enabled *{cursor:none!important}body.gallery-cursor-enabled input,body.gallery-cursor-enabled textarea,body.gallery-cursor-enabled [contenteditable=true]{cursor:text!important}.gallery-cursor{z-index:10001;opacity:0;pointer-events:none;width:0;height:0;transform:translate3d(var(--cursor-x,-100px), var(--cursor-y,-100px), 0);will-change:transform;transition:opacity .14s;display:block;position:fixed;top:0;left:0}.gallery-spotlight{z-index:10000;opacity:0;pointer-events:none;mix-blend-mode:screen;width:210px;height:185px;transform:translate3d(var(--light-x,-100px), var(--light-y,-100px), 0) translate(-50%, -50%);will-change:transform;transition:width .46s cubic-bezier(.2,.7,.2,1),height .46s cubic-bezier(.2,.7,.2,1),opacity .18s;display:block;position:fixed;top:0;left:0}.gallery-spotlight__aura{filter:blur(6px);background:radial-gradient(at 39% 43%,#f1e8e62b,#0000 42%),radial-gradient(at 61% 55%,#c6a66b40,#0000 49%),radial-gradient(at 48% 51%,#c6a66b13,#0000 73%);border-radius:49% 51% 42% 58%/56% 43% 57% 44%;transition:filter .32s,opacity .32s;animation:8s ease-in-out infinite alternate gallery-aura-morph;position:absolute;inset:0}.gallery-cursor.is-visible,.gallery-spotlight.is-visible{opacity:1}.gallery-cursor__layer{pointer-events:none;border-radius:50%;transition:border-color .22s,opacity .22s,transform .26s,box-shadow .22s;position:absolute;top:0;left:0}.gallery-cursor__layer--outer{width:46px;height:42px;transform:translate(-50%, -50%) rotate(calc(var(--cursor-angle,0deg) - 18deg));border:1px solid #c6a66b4d;box-shadow:0 4px 11px #00000047,inset 0 1px 1px #f3eee538,0 0 16px #c6a66b14}.gallery-cursor__layer--middle{width:27px;height:24px;transform:translate(-50%, -50%) rotate(calc(var(--cursor-angle,0deg) + 22deg));background:linear-gradient(145deg,#f3eee51a,#c6a66b09 54%,#0000001a);border:1px solid #e9e2d675;box-shadow:inset 0 1px 2px #f3eee53d,inset 0 -2px 4px #0000004d}.gallery-cursor__layer--inner{border:1px solid #f3eee5bf;width:13px;height:13px;transform:translate(-50%,-50%);box-shadow:inset 0 0 4px #c6a66b2e,0 0 6px #c6a66b2e}.gallery-cursor__point{background:var(--text-primary);border:1px solid #101112b8;border-radius:50%;width:4px;height:4px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 8px #c6a66bf2}.gallery-cursor.is-interactive .gallery-cursor__layer--outer{transform:translate(-50%, -50%) rotate(calc(var(--cursor-angle,0deg) - 18deg)) scale(1.12);border-color:#c6a66ba3;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #f3eee547,0 0 18px #c6a66b33}.gallery-cursor.is-interactive .gallery-cursor__layer--middle{border-color:#c6a66bb3}.gallery-cursor.is-interactive .gallery-cursor__point{background:var(--accent)}.gallery-cursor.is-dragging .gallery-cursor__layer--outer{opacity:.68;transform:translate(-50%, -50%) rotate(calc(var(--cursor-angle,0deg) - 18deg)) scale(.88, .82)}.gallery-spotlight.is-interactive{width:270px;height:225px}.gallery-spotlight.is-interactive .gallery-spotlight__aura{filter:blur(5px)brightness(1.3)}.gallery-spotlight.is-dragging{width:135px;height:120px}.gallery-spotlight.is-dragging .gallery-spotlight__aura{opacity:.7}.gallery-cursor.is-text,.gallery-spotlight.is-text{opacity:0}}@keyframes gallery-aura-morph{0%{border-radius:49% 51% 42% 58%/56% 43% 57% 44%;transform:rotate(-9deg)scale(.96,1.03)}45%{border-radius:59% 41% 53% 47%/43% 58% 42% 57%;transform:rotate(4deg)scale(1.04,.95)}to{border-radius:42% 58% 61% 39%/54% 46%;transform:rotate(12deg)scale(.98,1.05)}}::selection{color:var(--bg-primary);background:var(--accent)}.canvas-bg{pointer-events:none;background:radial-gradient(ellipse at 18% 12%, #c6a66b1a, transparent 34%), radial-gradient(ellipse at 82% 78%, #3a53701c, transparent 38%), var(--bg-primary);position:fixed;inset:0}.canvas-bg:before{content:"";pointer-events:none;background-color:#0000;background-image:radial-gradient(at 24% 38%,#d8cdbb0b,#0000 23%),radial-gradient(at 72% 66%,#4065890e,#0000 26%),radial-gradient(at 82% 18%,#c6a66b09,#0000 21%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:145% 145%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:48s ease-in-out infinite alternate ambient-drift;position:absolute;inset:-24%}@keyframes ambient-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.035)}}.canvas-bg:after{content:"";opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.canvas-grid-tex,.vignette{pointer-events:none;position:fixed;inset:0}.canvas-grid-tex{opacity:.3;background-image:radial-gradient(circle,#d8cdbb42 1px,#0000 1.7px),linear-gradient(90deg,#d8cdbb13 1px,#0000 1px),linear-gradient(#d8cdbb13 1px,#0000 1px);background-size:64px 64px;background-position:var(--particle-far-x,0px) var(--particle-far-y,0px);overflow:hidden;-webkit-mask-image:radial-gradient(#000 0%,#000000d1 68%,#0000 100%);mask-image:radial-gradient(#000 0%,#000000d1 68%,#0000 100%)}.particles-layer{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particles-layer canvas{z-index:0;opacity:.28;width:100%;height:100%;display:block;position:absolute;inset:0}.parallax-particles{z-index:1;pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.parallax-particles--far{opacity:.36;background-image:radial-gradient(circle at 29px 41px,#d8cdbbd1 .7px,#0000 1.2px),radial-gradient(circle at 123px 106px,#d8cdbb9e .55px,#0000 1px);background-size:173px 157px;background-position:calc(var(--particle-far-x,0px) + var(--particle-drift-x,0px)) calc(var(--particle-far-y,0px) + var(--particle-drift-y,0px))}.parallax-particles--mid{opacity:.34;background-image:radial-gradient(circle at 44px 53px,#d8cdbbe6 1px,#0000 1.8px),radial-gradient(circle at 184px 165px,#c6a66bcc .8px,#0000 1.5px);background-size:239px 211px;background-position:calc(var(--particle-mid-x,0px) + var(--particle-drift-x,0px)) calc(var(--particle-mid-y,0px) + var(--particle-drift-y,0px))}.parallax-particles--near{opacity:.26;background-image:radial-gradient(circle at 54px 72px,#f3eee5e6 1.5px,#0000 2.6px),radial-gradient(circle at 278px 240px,#c6a66be6 1.2px,#0000 2.2px);background-size:347px 307px;background-position:calc(var(--particle-near-x,0px) + var(--particle-drift-x,0px)) calc(var(--particle-near-y,0px) + var(--particle-drift-y,0px))}@property --particle-drift-x{syntax:"<length>";inherits:false;initial-value:0}@property --particle-drift-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes particle-drift-far{0%{--particle-drift-x:0px;--particle-drift-y:0px}to{--particle-drift-x:173px;--particle-drift-y:-157px}}@keyframes particle-drift-mid{0%{--particle-drift-x:0px;--particle-drift-y:0px}to{--particle-drift-x:239px;--particle-drift-y:-211px}}@keyframes particle-drift-near{0%{--particle-drift-x:0px;--particle-drift-y:0px}to{--particle-drift-x:347px;--particle-drift-y:-307px}}@media (prefers-reduced-motion:no-preference){.parallax-particles--far{animation:118s linear infinite particle-drift-far}.parallax-particles--mid{animation:74s linear -29s infinite particle-drift-mid}.parallax-particles--near{animation:43s linear -17s infinite particle-drift-near}}.ambient-meteor{z-index:2;opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#d8cdbb0a 26%,#d8cdbb3d 76%,#f3eee59e);border-radius:999px;width:118px;height:1px;animation:54s linear infinite shooting-star;position:absolute;top:9%;left:12%;transform:rotate(28deg)translate(-20vw);box-shadow:0 0 2px #d8cdbb42}@keyframes shooting-star{0%,88%,to{opacity:0;transform:rotate(28deg)translate(-20vw)}90%{opacity:.62;transform:rotate(28deg)translate(-6vw)}94%{opacity:0;transform:rotate(28deg)translate(36vw)}}.vignette{z-index:3;background:radial-gradient(#0000 54%,#1011128a 100%)}.topbar-shade{z-index:4;pointer-events:none;background:linear-gradient(#0708096b 0%,#07080940 44%,#07080914 74%,#0000 100%);height:clamp(108px,16vh,156px);position:fixed;top:0;left:0;right:0}.infinite-canvas{z-index:2;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.infinite-canvas.is-dragging{cursor:grabbing}.cell-layer{z-index:1;position:absolute;inset:0}.cell-layer.is-exiting{z-index:2;pointer-events:none}.cell-layer.is-entering{pointer-events:none}.canvas-cell__reveal{width:100%;height:100%}.cell-layer.is-exiting>.canvas-cell{will-change:filter, opacity;animation:.42s cubic-bezier(.4,0,.2,1) both category-card-disappear}.cell-layer.is-entering>.canvas-cell{will-change:filter, opacity;animation:.52s cubic-bezier(.2,.65,.3,1) both category-card-appear}@keyframes category-card-disappear{0%{filter:blur();opacity:1}to{filter:blur(5px)brightness(.72);opacity:0}}@keyframes category-card-appear{0%{filter:blur(4px)brightness(.78);opacity:0}to{filter:blur();opacity:1}}.canvas-cell{border:1px solid var(--border-subtle);background:var(--bg-cell);transform-origin:50%;will-change:transform, opacity;transition:border-color .22s,box-shadow .22s;position:absolute;top:0;left:0;overflow:hidden}.canvas-cell:hover{z-index:10;border-color:var(--border-hover);box-shadow:0 18px 60px #00000047;filter:none!important;opacity:1!important}.canvas-cell--text,.canvas-cell--text:hover,.canvas-cell--brand,.canvas-cell--brand:hover{box-shadow:none;background:0 0;border:0}.spacer-card{pointer-events:none;background:0 0;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.canvas-bg:before,.ambient-meteor{animation:none}}.canvas-cell--project{border:0}.infinite-canvas.is-dragging .canvas-cell{pointer-events:none}.cell-project{width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.cell-project__img,.cell-project__img img{width:100%;height:100%}.cell-project__img{position:relative;overflow:hidden}.cell-project__img img{object-fit:cover;filter:saturate(.82)brightness(.9);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.canvas-cell:hover .cell-project__img img,.cell-project:focus-visible .cell-project__img img{filter:saturate(.95)brightness(.76);transform:scale(1.045)}.cell-project__overlay{z-index:2;opacity:0;background:linear-gradient(#0000 28%,#1011122e 48%,#101112f0 100%);flex-direction:column;justify-content:flex-end;padding:22px;transition:opacity .22s,background .22s;display:flex;position:absolute;inset:0}.canvas-cell:hover .cell-project__overlay,.cell-project:focus-visible .cell-project__overlay{opacity:1}.infinite-canvas.is-dragging .canvas-cell:hover .cell-project__overlay{opacity:0}.cell-project__overlay h3{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:5px;font-size:1.02rem;font-weight:500}.cell-project__overlay p{color:#f3eee5cc;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:42ch;font-size:.74rem;line-height:1.65;display:-webkit-box;overflow:hidden}.cell-project__photo-settings{color:#f3eee5ad;font-family:var(--font-mono);letter-spacing:-.025em;margin-top:6px;font-size:.54rem;line-height:1.5}.cell-project__tags{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.cell-tag{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.055em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24232175;border:1px solid #f3eee547;padding:5px 8px;font-size:.55rem}.cell-info{background:linear-gradient(145deg,#302f2cf7,#242321fa);flex-direction:column;width:100%;height:100%;padding:24px;display:flex;overflow:hidden}.cell-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.13em;margin-bottom:auto;font-size:.58rem}.cell-info h2{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.015em;margin:24px 0 10px;font-size:1.2rem;font-weight:500}.cell-about,.cell-specs,.cell-skills,.cell-apps,.cell-status,.cell-quote,.cell-stat,.cell-countdown{background:0 0}.cell-about p{max-width:36ch;color:var(--text-secondary);font-size:.77rem;line-height:1.95}.canvas-cell--project,.canvas-cell--social{border:0}.cell-social-link{border:1px solid var(--border-subtle);width:100%;height:100%;color:var(--text-primary);background:radial-gradient(circle at 100% 0,#c6a66b1a,#0000 42%),linear-gradient(145deg,#242321,#191a19 82%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:22px;text-decoration:none;transition:border-color .24s,background-color .24s,transform .24s;display:flex;position:relative;overflow:hidden}.cell-social-link:before{background:var(--accent);content:"";width:28px;height:1px;transition:width .24s;position:absolute;top:0;left:0}.cell-social-link:hover,.cell-social-link:focus-visible{border-color:var(--border-hover);background-color:#242321;transform:translateY(-3px)}.cell-social-link:hover:before,.cell-social-link:focus-visible:before{width:100%}.cell-social-link__backdrop{z-index:0;object-fit:cover;opacity:0;transition:opacity 1.2s,transform 6s linear}.cell-social-link__backdrop.is-active{opacity:.18}.cell-social-link:hover .cell-social-link__backdrop.is-active,.cell-social-link:focus-visible .cell-social-link__backdrop.is-active{opacity:.26;transform:scale(1.04)}.cell-social-link>:not(.cell-social-link__backdrop){z-index:1}.cell-social-link__eyebrow{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.14em;font-size:.56rem}.cell-social-link__icon{width:38px;height:38px;color:var(--accent);place-items:center;margin-top:22px;display:grid}.cell-social-link__icon svg{width:30px;height:30px}.cell-social-link__name{font-family:var(--font-display);letter-spacing:-.015em;margin-top:auto;font-size:1.35rem;font-weight:500}.cell-social-link__handle{color:var(--text-muted);font-family:var(--font-mono);margin-top:6px;font-size:.65rem}.cell-social-link__arrow{color:#c6a66bad;font-family:var(--font-mono);font-size:1.2rem;transition:color .18s,transform .18s;position:absolute;top:20px;right:21px}.cell-social-link:hover .cell-social-link__arrow,.cell-social-link:focus-visible .cell-social-link__arrow{color:var(--accent);transform:translate(2px,-2px)}.spec-list{flex-direction:column;flex:1;justify-content:flex-end;list-style:none;display:flex}.spec-row{justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;display:flex}.spec-row__label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:.55rem}.spec-row__value{color:var(--text-primary);font-family:var(--font-mono);text-align:right;font-size:.68rem}.skills-groups{flex-direction:column;flex:0 auto;justify-content:flex-end;padding-top:12px;display:flex}.skills-group{border-top:1px solid var(--border-subtle);grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;padding:9px 0;display:grid}.skills-group__label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;font-size:.52rem}.skills-group__items{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{border:1px solid var(--border-subtle);min-height:25px;color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;align-items:center;padding:3px 7px;font-size:.63rem;line-height:1.25;transition:border-color .18s,color .18s;display:inline-flex}.skill-chip:hover{border-color:var(--border-hover);color:var(--accent)}.favorite-apps-wrap{flex:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:flex-end;column-gap:16px;padding-top:12px;display:grid}.favorite-app-chip{border-top:1px solid var(--border-subtle);align-items:center;gap:9px;min-width:0;min-height:32px;display:flex}.favorite-app-chip__index{color:var(--accent);font-family:var(--font-mono);opacity:.72;flex:none;font-size:.52rem}.favorite-app-chip__name{color:var(--text-secondary);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;line-height:1.3;overflow:hidden}.audio-visualizer{background:0 0;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.audio-visualizer__shape{width:min(76%,220px);max-height:76%;display:block;overflow:visible}.audio-visualizer__guide{fill:none;stroke:#d8cdbb29;stroke-width:.65px}.audio-visualizer__guide--outer{stroke:#d8cdbb14}.audio-visualizer__line{stroke:var(--accent);stroke-linecap:round;stroke-width:1.5px}.audio-visualizer__core{fill:var(--accent);opacity:.64}.cell-status,.cell-quote{pointer-events:none}.cell-switch{color:var(--text-primary);text-align:center;font:inherit;cursor:pointer;pointer-events:auto;border:1px solid #d8cdbb21;justify-content:center;align-items:center;gap:11px;transition:border-color .24s,background .24s,box-shadow .24s;position:relative}.cell-switch:hover,.cell-switch:focus-visible{border-color:#c6a66b9e;box-shadow:0 0 24px #c6a66b1a}.cell-switch:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.cell-switch__heading{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.14em;justify-content:space-between;font-size:.51rem;display:flex;position:absolute;top:19px;left:20px;right:20px}.cell-switch__state{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.cell-switch__state i{background:#d8cdbb47;border-radius:50%;width:5px;height:5px;transition:background .2s,box-shadow .2s}.cell-switch__plate{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),linear-gradient(140deg,#54524d,#292927 45%,#3d3b37);border:1px solid #e7decd54;border-radius:6px;place-items:center;width:72px;height:112px;display:grid;position:relative;box-shadow:inset 0 1px 2px #ffffff2e,inset 0 -4px 10px #00000052,0 8px 16px #0000005c}.cell-switch__screw{background:radial-gradient(circle at 35% 30%,#bdb6a8,#5a5851 75%);border:1px solid #0c0d0eb3;border-radius:50%;width:5px;height:5px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0009}.cell-switch__screw:after{content:"";background:#0c0d0eb8;width:3px;height:1px;position:absolute;top:1px;left:0;transform:rotate(-35deg)}.cell-switch__screw--top{top:7px}.cell-switch__screw--bottom{bottom:7px}.cell-switch__rocker{background:linear-gradient(90deg,#242422,#494741 47%,#282825);border:1px solid #ece5d736;border-radius:5px;align-content:space-between;justify-items:center;width:36px;height:78px;padding:6px 0;transition:transform .24s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s;display:grid;transform:perspective(100px)rotateX(8deg)translateY(6px);box-shadow:inset 0 2px 3px #ffffff17,inset 0 -3px 5px #00000061,0 3px 5px #0000006b}.cell-switch__rocker.is-on{border-color:#c6a66b85;transform:perspective(100px)rotateX(-8deg)translateY(-6px);box-shadow:inset 0 2px 3px #ffffff1a,inset 0 -3px 5px #00000061,0 0 12px #c6a66b2e}.cell-switch__rocker-mark{color:#e9e2d66b;font-family:var(--font-mono);font-size:.45rem;line-height:1}.cell-switch__rocker-indicator{background:#d8cdbb47;border-radius:50%;width:6px;height:6px;transition:background .22s,box-shadow .22s;box-shadow:inset 0 1px 2px #00000073}.cell-switch.is-on{background:linear-gradient(145deg,#302f2c6b,#24232133);border-color:#c6a66b52}.cell-switch.is-on .cell-switch__state i{background:#c3b283;box-shadow:0 0 9px #c6a66bcc}.cell-switch.is-on .cell-switch__rocker-indicator{background:var(--accent);box-shadow:0 0 10px #c6a66be6}.cell-switch__label{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.18em;font-size:.65rem}.cell-switch__hint{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.11em;font-size:.43rem}.cell-countdown{background:0 0;justify-content:flex-end;align-items:flex-start;gap:8px}.cell-iss{background:linear-gradient(145deg,#302f2c47,#2423211f);justify-content:flex-start;align-items:stretch;gap:10px}.cell-iss__eyebrow{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:.5rem;display:flex}.cell-iss__state{align-items:center;gap:5px;font-size:.43rem;display:inline-flex}.cell-iss__state i{background:var(--text-muted);border-radius:50%;width:5px;height:5px}.cell-iss__state.is-live i{background:#a9b98b;box-shadow:0 0 7px #a9b98b73}.cell-iss__map{aspect-ratio:2;border:1px solid var(--border-subtle);background-color:#0b0d1157;background-image:linear-gradient(#d8cdbb1a 1px,#0000 1px),linear-gradient(90deg,#d8cdbb1a 1px,#0000 1px);background-size:25% 25%;width:100%;height:auto;position:relative;overflow:hidden}.cell-iss__map-land{background:#d8cdbb59;position:absolute;inset:0;-webkit-mask-image:url(/iss-world.svg);mask-image:url(/iss-world.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cell-iss__marker{z-index:1;background:var(--accent);border:2px solid #121314e6;border-radius:50%;width:9px;height:9px;transition:left .5s,top .5s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #c6a66b45,0 0 11px #c6a66bbf}.cell-iss__coordinates,.cell-iss__telemetry{color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;justify-content:space-between;font-size:.62rem;display:flex}.cell-iss__coordinates span,.cell-iss__telemetry span{flex-direction:column;gap:2px;display:flex}.cell-iss__coordinates small,.cell-iss__telemetry small{color:var(--text-muted);letter-spacing:.12em;font-size:.4rem}.cell-iss__footnote{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;margin-top:auto;font-size:.4rem}.cell-countdown__eyebrow{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.17em;font-size:.53rem}.cell-countdown__days{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.07em;align-items:baseline;gap:8px;font-size:clamp(2.35rem,3.4vw,3.3rem);font-weight:400;line-height:1;display:flex}.cell-countdown__days small{color:var(--text-muted);letter-spacing:.12em;font-size:.56rem}.cell-countdown__time{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:.65rem}.cell-countdown__progress-label{width:100%;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;margin-top:5px;font-size:.5rem;display:flex}.cell-countdown__progress-label span:last-child{color:var(--accent);font-variant-numeric:tabular-nums}.cell-countdown__progress{background:linear-gradient(#f3eee517,#f3eee506);border:1px solid #d8cdbb47;border-radius:999px;width:100%;height:14px;margin-top:1px;position:relative;box-shadow:inset 0 1px 3px #00000047}.cell-countdown__progress:before{border-radius:inherit;content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(2% - 1px),#d8cdbb2e calc(2% - 1px) 2%);position:absolute;inset:0 5px}.cell-countdown__progress>span{border-radius:inherit;background:linear-gradient(#d8cdbbe0,#c6a66bc2);width:0;height:100%;transition:width .6s;display:block;position:relative}.cell-countdown__progress>span:after{background:var(--accent);content:"";border:1px solid #f5efe3eb;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 8px #c6a66b73}.cell-countdown__years{width:100%;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;font-size:.48rem;display:flex}.darkroom-overlay{z-index:9000;background:radial-gradient(circle at var(--darkroom-x,50vw) var(--darkroom-y,50vh), transparent 0 72px, #04050857 124px, #040508eb 218px);pointer-events:none;position:fixed;inset:0;overflow:hidden}.darkroom-overlay:before{background:radial-gradient(circle at var(--darkroom-x,50vw) var(--darkroom-y,50vh), transparent 0 170px, #0003 250px, #00000094 460px);content:"";position:absolute;inset:0}.darkroom-overlay:after{background:radial-gradient(circle at var(--darkroom-x,50vw) var(--darkroom-y,50vh), #f3eee51f 0, #c6a66b14 54px, #c6a66b06 105px, transparent 165px);content:"";mix-blend-mode:screen;position:absolute;inset:0}body.darkroom-active .gallery-cursor,body.darkroom-active .gallery-spotlight{visibility:hidden;opacity:0!important}@media (max-width:767px){.cell-switch{visibility:hidden}}.cell-stat{justify-content:flex-end;align-items:flex-start}.stat-number{color:var(--accent);letter-spacing:-.08em;font-size:2.7rem;font-weight:600;line-height:1}.stat-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;margin-top:9px;font-size:.59rem}.brand-cell{--brand-accent:#c6a66b;--brand-glow:#c6a66b26;--brand-border:#f3eee542;isolation:isolate;background:0 0;justify-content:center;align-items:center;gap:clamp(18px,3vw,34px);width:100%;height:100%;padding:22px;display:flex;position:relative}.brand-cell--blender{--brand-accent:#a5bdc9;--brand-glow:#70a0b721;--brand-border:#a5bdc961}.brand-cell--photography{--brand-accent:#d0ad83;--brand-glow:#b9835824;--brand-border:#d0ad8361}.brand-cell--scratch{--brand-accent:#e0b36f;--brand-glow:#d5974824;--brand-border:#e0b36f61}.brand-cell--links{--brand-accent:#9bb9bb;--brand-glow:#67a1a421;--brand-border:#9bb9bb5c}.brand-cell--profile{--brand-accent:#b8b8a0;--brand-glow:#969d7d21;--brand-border:#b8b8a05c}.brand-cell:before{z-index:0;background:radial-gradient(ellipse at 48% 50%, var(--brand-glow), #d8cdbb09 38%, transparent 72%);content:"";filter:blur(26px);pointer-events:none;border-radius:50%;transition:background .5s;position:absolute;inset:12% 7%}.brand-cell__logo,.brand-cell__copy{z-index:1;position:relative}.brand-cell__logo{aspect-ratio:1;border:1px solid var(--brand-border);width:clamp(86px,10vw,140px);box-shadow:0 10px 40px #1011126b, 0 0 24px var(--brand-glow);border-radius:50%;flex:none;transition:border-color .5s,box-shadow .5s;overflow:hidden}.brand-cell__logo img{object-fit:cover;width:100%;height:100%;display:block}.brand-cell__copy{flex-direction:column;display:flex}.brand-cell__copy .cell-eyebrow{color:var(--brand-accent);margin:0 0 10px;font-size:.55rem;transition:color .5s}.brand-cell__copy h1{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.055em;font-size:clamp(2rem,4vw,3.35rem);font-weight:500;line-height:.98}.brand-cell__copy p{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:10px;font-size:.62rem}.canvas-label{z-index:100;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.13em;pointer-events:none;align-items:center;gap:10px;font-size:.58rem;display:flex;position:fixed;top:27px}.canvas-label--left{left:30px}.canvas-label--right{right:30px}.canvas-label__rule{background:var(--accent-digital);width:22px;height:1px;display:block}.canvas-label__divider,.canvas-label__muted{color:var(--text-muted)}.canvas-filter{z-index:100;scrollbar-width:none;pointer-events:auto;align-items:center;gap:clamp(8px,1.1vw,16px);max-width:calc(100vw - 32px);padding:0 2px;display:flex;position:fixed;top:22px;left:50%;overflow-x:auto;transform:translate(-50%)}.canvas-filter::-webkit-scrollbar{display:none}.canvas-filter__label{color:var(--accent);font-family:var(--font-mono);letter-spacing:.18em;align-items:center;gap:8px;padding:0 7px;font-size:.51rem;display:inline-flex}.canvas-filter__label:after{content:"";background:#c6a66b94;width:13px;height:1px}.canvas-filter__button{min-height:32px;color:var(--text-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:6px;padding:0 4px;font-size:.63rem;transition:color .52s,border-color .52s;display:inline-flex;position:relative}.canvas-filter__button:hover{color:var(--text-primary);border-bottom-color:#c6a66b66}.canvas-filter__button.is-active{border-bottom-color:var(--accent);color:var(--text-primary)}.canvas-filter__count{color:#e9e2d661;font-family:var(--font-mono);font-size:.5rem;transform:translateY(-4px)}.canvas-filter__button.is-active .canvas-filter__count{color:var(--accent)}.ambient-audio-source{display:none}.ambient-audio{z-index:110;min-height:34px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d8cdbb33;align-items:center;gap:9px;padding:0 2px;font-size:.54rem;transition:color .5s,border-color .5s;display:inline-flex;position:fixed;bottom:24px;right:30px}.ambient-audio:hover,.ambient-audio.is-playing{color:var(--text-primary);border-bottom-color:#c6a66b94}.ambient-audio__indicator{background:currentColor;border-radius:50%;width:5px;height:5px;transition:color .5s,box-shadow .7s}.ambient-audio.is-playing .ambient-audio__indicator{color:var(--accent);animation:3.6s ease-in-out infinite ambient-audio-breathe;box-shadow:0 0 10px #c6a66b8c}@keyframes ambient-audio-breathe{50%{opacity:.48;box-shadow:0 0 4px #c6a66b47}}.scroll-hint{z-index:100;color:#f3eee59e;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;align-items:center;gap:12px;font-size:.57rem;transition:opacity .5s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint.hidden{opacity:0}.scroll-hint__arrows{color:var(--accent-digital);font-size:.95rem}.loading-screen{z-index:9999;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .65s,visibility .65s;display:flex;position:fixed;inset:0}.loading-screen.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-text{color:var(--text-primary);letter-spacing:.42em;font-size:.72rem;font-weight:700}.loading-bar-container{background:#f3eee533;width:112px;height:1px;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--accent), var(--accent-digital));transform-origin:0;width:100%;height:100%;animation:1.2s cubic-bezier(.65,0,.35,1) forwards load-bar;transform:scaleX(0)}@keyframes load-bar{to{transform:scaleX(1)}}a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.project-lightbox{z-index:300;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101112d6;place-items:center;padding:28px;animation:.36s both lightbox-backdrop-in;display:grid;position:fixed;inset:0}.project-lightbox__panel{background:#191a19;border:1px solid #f3eee533;flex-direction:column;width:min(1080px,100%);max-height:min(92vh,980px);animation:.52s cubic-bezier(.18,.72,.2,1) both lightbox-panel-in;display:flex;position:relative;overflow:auto;box-shadow:0 32px 120px #0000008f}.project-lightbox__media{background:radial-gradient(at 50% 45%,#c6a66b0e,#0000 72%),#101112;width:100%;height:min(66vh,720px);min-height:260px;position:relative;overflow:hidden}.project-lightbox__image{z-index:1;opacity:0;transition:opacity .24s}.project-lightbox__image.is-loaded{opacity:1}.project-lightbox__loader{z-index:2;color:#f3eee5bd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#101112b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0;overflow:hidden}.project-lightbox__loader-orbit{border:2px solid #f3eee52e;border-top-color:var(--accent);border-right-color:#c6a66b7a;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite lightbox-spinner;display:block;position:relative}.project-lightbox__loader-label,.project-lightbox__loader-error{font-family:var(--font-mono);letter-spacing:.1em;font-size:.58rem}.project-lightbox__loader-error{letter-spacing:.06em}@keyframes lightbox-spinner{to{transform:rotate(1turn)}}.project-lightbox__content{border-top:1px solid var(--border-subtle);background:linear-gradient(110deg,#242321,#191a19 72%);justify-content:space-between;align-items:flex-end;gap:28px;padding:24px 30px 28px;display:flex}.project-lightbox__heading{max-width:680px}.project-lightbox__heading .cell-eyebrow{margin:0 0 12px;display:block}.project-lightbox__heading h2{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.45rem,3vw,2.15rem);font-weight:500}.project-lightbox__heading p{color:var(--text-secondary);margin-top:8px;font-size:.83rem;line-height:1.75}.project-lightbox__heading .cell-project__photo-settings{color:var(--text-muted);margin-top:12px;font-size:.62rem}.project-lightbox__content .cell-project__tags{flex:none;margin:0}.project-lightbox__close{z-index:2;width:40px;height:40px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#242321d6;border:1px solid #f3eee547;place-items:center;font-size:1.65rem;line-height:1;transition:border-color .18s,background .18s;display:grid;position:absolute;top:14px;right:14px}.project-lightbox__close:hover{border-color:var(--accent);background:#242321fa}.project-lightbox__external{border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.04em;flex:none;padding:11px 14px;font-size:.65rem;text-decoration:none;transition:border-color .18s,color .18s}.project-lightbox__external:hover{border-color:var(--accent-digital);color:var(--accent-digital)}@keyframes lightbox-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-panel-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.starfall-overlay{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.starfall-meteor{top:var(--star-y);left:var(--star-x);width:var(--star-length);opacity:0;background:linear-gradient(90deg, transparent, rgba(var(--star-tint), .035) 22%, rgba(var(--star-tint), .22) 78%, #f3eee5ad);height:1px;box-shadow:0 0 2px rgba(var(--star-tint), .2);transform:rotate(var(--star-angle)) translateX(-25vw);transform-origin:100%;animation:starfall-flight var(--star-duration) linear var(--star-delay) both;border-radius:999px;display:block;position:absolute}@keyframes starfall-flight{0%{opacity:0;transform:rotate(var(--star-angle)) translateX(-25vw)}12%{opacity:.58}72%{opacity:.4}to{opacity:0;transform:rotate(var(--star-angle)) translateX(var(--star-end-x))}}@media (max-width:640px){.canvas-label{gap:7px;font-size:.51rem;top:18px}.canvas-label--left{left:16px}.canvas-label--right{right:16px}.canvas-label--right .canvas-label__muted{display:none}.canvas-filter{gap:9px;top:55px}.ambient-audio{min-height:30px;font-size:.5rem;bottom:17px;right:16px}.scroll-hint{bottom:64px}.canvas-filter__label{display:none}.canvas-filter__button{gap:5px;min-height:29px;padding:0 3px;font-size:.58rem}.canvas-label__rule{width:14px}.cell-info{padding:18px}.cell-project__overlay{padding:16px}.cell-project__overlay p{font-size:.68rem}.brand-cell{gap:14px;padding:14px}.brand-cell__copy .cell-eyebrow{letter-spacing:.07em}.scroll-hint{white-space:nowrap;font-size:.52rem;bottom:18px}.project-lightbox{padding:12px}.project-lightbox__panel{max-height:94dvh}.project-lightbox__media{height:52dvh;min-height:210px}.project-lightbox__content{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.project-lightbox__content .cell-project__tags{flex-wrap:wrap}.project-lightbox__close{top:10px;right:10px}}@media (min-width:768px) and (max-width:1023px){.canvas-filter__button,.ambient-audio{min-height:44px}.canvas-filter__button{padding-inline:7px}.ambient-audio{padding-inline:6px}.topbar-shade{height:calc(clamp(108px, 16vh, 156px) + env(safe-area-inset-top))}.canvas-label{top:calc(20px + env(safe-area-inset-top))}.canvas-label--left{left:max(20px, env(safe-area-inset-left))}.canvas-label--right{right:max(20px, env(safe-area-inset-right))}.canvas-label--right .canvas-label__muted{display:none}.canvas-filter{top:calc(64px + env(safe-area-inset-top));justify-content:center;gap:clamp(6px,.9vw,11px);width:calc(100vw - 36px)}.canvas-filter__button{font-size:.6rem}.ambient-audio{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom))}}@media (max-width:767px){html,body{width:100%;height:auto;min-height:100%;overflow:hidden auto}.topbar-shade{height:150px}.mobile-header{z-index:100;padding:calc(8px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101112f0;border-bottom:1px solid #e9e2d614;position:sticky;top:0}.mobile-header__top{justify-content:space-between;align-items:center;min-height:44px;display:flex}.mobile-header__modes{justify-content:flex-end;gap:8px;padding:0 0 7px;display:flex}.mobile-brand-mark{color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.14em;align-items:center;gap:9px;font-size:.65rem;display:inline-flex}.mobile-brand-mark .canvas-label__rule{width:16px}.mobile-audio{min-width:44px;min-height:44px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 5px;font-size:.55rem;display:inline-flex}.mobile-view-mode{min-width:44px;min-height:44px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;cursor:pointer;background:#242321b8;border:1px solid #e9e2d62e;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:.48rem;display:inline-flex}.mobile-view-mode>span:first-child{color:var(--accent);font-size:.9rem}.mobile-audio.is-playing{color:var(--text-primary)}.mobile-audio.is-playing .ambient-audio__indicator{color:var(--accent);box-shadow:0 0 10px #c6a66b8c}.mobile-filter{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:13px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.mobile-filter::-webkit-scrollbar{display:none}.mobile-filter .canvas-filter__button{flex:none;gap:5px;min-height:46px;padding:0 4px;font-size:.65rem}.mobile-filter .canvas-filter__count{font-size:.52rem}.mobile-main{z-index:5;width:min(100%,900px);min-height:calc(100vh - 100px);padding:24px max(16px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto;position:relative}.mobile-results__heading{border-bottom:1px solid #e9e2d61f;align-items:flex-end;gap:10px;margin-bottom:16px;padding-bottom:10px;display:flex}.mobile-results__eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;margin-right:auto;font-size:.52rem}.mobile-results__heading h2{color:var(--text-primary);font-family:var(--font-display);font-size:1.12rem;font-weight:500}.mobile-results__heading h2:focus{outline:0}.mobile-results__count{color:var(--text-muted);font-family:var(--font-mono);font-size:.55rem}.mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;animation:.24s cubic-bezier(.2,.65,.3,1) both mobile-results-in;display:grid}.mobile-card{border:1px solid var(--border-subtle);background:linear-gradient(145deg,#302f2cd1,#191a19eb);min-width:0;overflow:hidden}.mobile-card--brand,.mobile-card--about,.mobile-card--skills,.mobile-card--specs,.mobile-card--apps,.mobile-card--visualizer,.mobile-card--socialLink,.mobile-card--status,.mobile-card--countdown,.mobile-card--quote,.mobile-card--stat{grid-column:1/-1}.mobile-card--countdown{background:0 0;border:0}.cell-project--list{flex-direction:column;height:100%;min-height:0;display:flex}.cell-project--list .cell-project__img{aspect-ratio:4/3;flex:none;width:100%;height:auto;display:block}.cell-project--list .cell-project__img img{width:100%;height:100%;position:absolute;inset:0}.cell-project--list .cell-project__overlay{opacity:1;background:linear-gradient(145deg,#302f2cf7,#242321fa);flex:1 0 auto;padding:12px;display:flex;position:static}.cell-project--list .cell-project__overlay h3{margin-bottom:4px;font-size:.9rem;line-height:1.35}.cell-project--list .cell-project__overlay p{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:.68rem;line-height:1.55;display:-webkit-box;overflow:hidden}.cell-project--list .cell-project__tags{gap:5px;margin-top:9px}.cell-project--list .cell-tag{padding:4px 6px;font-size:.5rem}.mobile-card .cell-info{background:0 0;width:100%;height:auto;min-height:150px;padding:17px;overflow:visible}.mobile-card .cell-eyebrow{margin-bottom:12px}.mobile-card .cell-info h2{margin:0 0 10px;font-size:1.1rem}.mobile-card .cell-about p{max-width:60ch;font-size:.78rem}.mobile-card .cell-social-link{border:0;min-height:156px;padding:17px}.mobile-card .cell-social-link__icon{margin-top:14px}.mobile-card .cell-social-link__arrow{top:16px;right:17px}.mobile-card .brand-cell{flex-direction:column;align-items:flex-start;gap:16px;min-height:220px;padding:18px}.mobile-card .brand-cell__logo{width:72px}.mobile-card .brand-cell__copy .cell-eyebrow{margin:0 0 8px;font-size:.49rem}.mobile-card .brand-cell__copy h1{font-size:clamp(1.8rem,9vw,2.55rem)}.mobile-card .brand-cell__copy p{margin-top:7px;font-size:.53rem}.mobile-card .skills-group{grid-template-columns:70px minmax(0,1fr);gap:8px}.mobile-card .skills-group__items{gap:6px}.mobile-card .favorite-apps-wrap{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px}.mobile-card .favorite-app-chip{gap:7px}.mobile-card .favorite-app-chip__name{font-size:.7rem}.mobile-card .audio-visualizer{min-height:170px}.mobile-card .audio-visualizer__shape{width:min(58vw,190px);max-height:170px}.mobile-card .cell-countdown{min-height:140px}.mobile-card--quote,.mobile-card--status{display:none}.mobile-card .cell-project__tags{flex-wrap:wrap}.mobile-card :is(.cell-about,.cell-apps,.cell-social-link){overflow-wrap:anywhere}.mobile-empty-state{border:1px solid var(--border-subtle);color:var(--text-secondary);text-align:center;padding:30px 16px}.mobile-footer{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-align:center;margin-top:38px;font-size:.53rem}.mobile-footer span{color:var(--accent);padding:0 5px}.scroll-hint,.ambient-audio:not(.mobile-audio),.canvas-label,.canvas-filter:not(.mobile-filter){display:none}.project-lightbox{padding:12px}.project-lightbox__panel{width:100%;max-height:94dvh}.project-lightbox__media{height:52dvh;min-height:210px}.project-lightbox__content{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.project-lightbox__content .cell-project__tags{flex-wrap:wrap}.project-lightbox__close{width:44px;height:44px;top:8px;right:8px}.project-lightbox__external{align-items:center;min-height:44px;display:inline-flex}.mobile-header button:focus-visible,.mobile-card button:focus-visible,.project-lightbox button:focus-visible,.project-lightbox__external:focus-visible{outline:1px solid var(--accent);outline-offset:2px}html.canvas-mode{width:100%;height:100%;overflow:hidden}body.canvas-mode{width:100vw;height:100vh;min-height:0;overflow:hidden}body.canvas-mode .mobile-header{display:none}body.canvas-mode .topbar-shade{height:clamp(108px,16vh,156px)}body.canvas-mode .canvas-label{display:flex}body.canvas-mode .canvas-label--right .canvas-label__muted{display:inline}body.canvas-mode .canvas-filter:not(.mobile-filter),body.canvas-mode .scroll-hint{display:flex}body.canvas-mode .ambient-audio:not(.mobile-audio){min-height:44px;display:inline-flex}body.canvas-mode .canvas-filter__button{min-height:44px;padding-inline:6px}body.canvas-mode .cell-info{padding:24px}body.canvas-mode .cell-project__overlay{padding:22px}body.canvas-mode .cell-project__overlay p{font-size:.74rem}body.canvas-mode .brand-cell{gap:clamp(18px,3vw,34px);padding:22px}body.canvas-mode .brand-cell__copy .cell-eyebrow{letter-spacing:.13em}}.mobile-list-mode-toggle{z-index:120;bottom:max(16px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));min-height:44px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;opacity:.58;background:#1011126b;border:1px solid #e9e2d617;align-items:center;gap:5px;padding:0 8px;font-size:.45rem;transition:opacity .16s,border-color .16s,color .16s;display:inline-flex;position:fixed}.mobile-list-mode-toggle:hover,.mobile-list-mode-toggle:focus-visible{color:var(--text-primary);opacity:1;border-color:#c6a66b6b}.mobile-list-mode-toggle>span:first-child{color:var(--accent);font-size:.82rem}.mobile-list-mode-toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media (max-width:479px){.mobile-grid{grid-template-columns:minmax(0,1fr)}.mobile-card .favorite-apps-wrap{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.mobile-card--brand,.mobile-card--about,.mobile-card--skills,.mobile-card--specs,.mobile-card--apps,.mobile-card--visualizer,.mobile-card--socialLink,.mobile-card--status,.mobile-card--countdown,.mobile-card--quote,.mobile-card--stat{grid-column:1}.cell-project--list .cell-project__overlay{padding:14px}}@keyframes mobile-results-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.layout-editor{z-index:500;color:var(--text-primary);background:radial-gradient(at 12% 0,#302f2c4d,#0000 42%),#101112;padding:clamp(22px,3vw,42px);position:fixed;inset:0;overflow:auto}.layout-editor__header,.layout-editor__header-actions,.layout-editor__board-toolbar,.layout-editor__column-control,.layout-editor__export-heading{align-items:center;display:flex}.layout-editor__header{justify-content:space-between;gap:24px;max-width:1680px;margin:0 auto 26px}.layout-editor__eyebrow{color:#d8cdbb8c;font-family:var(--font-mono);letter-spacing:.16em;font-size:.58rem}.layout-editor__header h1{font-family:var(--font-display);letter-spacing:-.025em;margin-top:8px;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:500}.layout-editor__description{color:var(--text-muted);margin-top:7px;font-size:.78rem}.layout-editor__header-actions{gap:9px}.layout-editor__button{border:1px solid var(--border-subtle);min-height:38px;color:var(--text-secondary);font:inherit;cursor:pointer;background:#2423215c;justify-content:center;align-items:center;padding:0 13px;font-size:.7rem;text-decoration:none;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.layout-editor__button:hover{border-color:var(--border-hover);color:var(--text-primary);background:#302f2c7a}.layout-editor__workspace{grid-template-columns:minmax(0,1fr) 315px;align-items:start;gap:18px;max-width:1680px;margin:0 auto;display:grid}.layout-editor__board-panel,.layout-editor__card{background:#141413c7;border:1px solid #f3eee51a}.layout-editor__board-panel{min-width:0;padding:18px}.layout-editor__board-toolbar{justify-content:space-between;gap:20px;margin-bottom:15px}.layout-editor__board-toolbar p{color:var(--text-primary);font-family:var(--font-mono);margin-top:5px;font-size:.68rem}.layout-editor__board-toolbar p span{color:var(--text-muted);margin:0 6px}.layout-editor__column-control{color:var(--text-muted);gap:8px;font-size:.68rem}.layout-editor__column-control button,.layout-editor__control-group button{border:1px solid var(--border-subtle);width:27px;height:27px;color:var(--text-secondary);font:inherit;cursor:pointer;background:#302f2c42;place-items:center;display:grid}.layout-editor__column-control button:hover,.layout-editor__control-group button:hover{border-color:var(--border-hover);color:var(--text-primary)}.layout-editor__column-control button:disabled{opacity:.35;cursor:not-allowed}.layout-editor__column-control strong,.layout-editor__control-group strong{min-width:18px;color:var(--text-primary);font-family:var(--font-mono);text-align:center;font-weight:500}.layout-editor__scroll{padding:1px 1px 8px;overflow:auto}.layout-editor__grid{gap:8px;min-width:690px;display:grid}.layout-editor__slot,.layout-editor__tile{min-width:0;overflow:hidden}.layout-editor__slot{z-index:0;color:#d8cdbb47;font-family:var(--font-mono);text-align:left;background:#2423211f;border:1px dashed #d8cdbb21;font-size:.55rem;position:relative}.layout-editor__slot.is-covered{visibility:hidden}.layout-editor__slot.is-empty{cursor:crosshair;transition:border-color .15s,background .15s}.layout-editor__slot.is-empty:hover,.layout-editor__slot.can-drop{color:var(--text-secondary);background:#c6a66b1c;border-color:#c6a66bb3}.layout-editor__slot>span{position:absolute;top:8px;left:9px}.layout-editor__tile{z-index:1;color:var(--text-primary);text-align:left;cursor:grab;background:linear-gradient(140deg,#242321,#191a19);border:1px solid #f3eee529;padding:0;transition:border-color .16s,opacity .16s,box-shadow .16s;display:block;position:relative}.layout-editor__tile:hover{border-color:#d8cdbb8f}.layout-editor__tile.is-selected{z-index:2;border-color:var(--accent);box-shadow:0 0 0 2px #c6a66b3d,0 8px 24px #00000047}.layout-editor__tile.is-dragging{opacity:.38;cursor:grabbing}.layout-editor__tile img{object-fit:cover;filter:brightness(.74)saturate(.82)}.layout-editor__tile-shade{background:linear-gradient(#1011120a 22%,#101112c7 100%);position:absolute;inset:0}.layout-editor__tile-label{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;position:absolute;bottom:11px;left:10px;right:10px;overflow:hidden}.layout-editor__tile-coordinate{color:var(--text-primary);font-family:var(--font-mono);background:#1011129e;padding:4px 5px;font-size:.52rem;position:absolute;top:8px;left:9px}.layout-editor__tile-monogram{color:#d8cdbbb3;font-family:var(--font-mono);letter-spacing:-.1em;place-items:center;font-size:2.2rem;display:grid;position:absolute;inset:0}.layout-editor__hint{color:var(--text-muted);margin-top:12px;font-size:.66rem}.layout-editor__sidebar{gap:12px;display:grid}.layout-editor__card{padding:16px}.layout-editor__card h2{letter-spacing:-.02em;margin-top:11px;font-size:.98rem;font-weight:550}.layout-editor__coordinates{color:var(--text-muted);font-family:var(--font-mono);margin-top:6px;font-size:.61rem}.layout-editor__empty-state{color:var(--text-muted);margin-top:13px;font-size:.7rem;line-height:1.65}.layout-editor__control-group{color:var(--text-muted);grid-template-columns:1fr 27px 28px 27px;align-items:center;gap:8px;margin-top:14px;font-size:.68rem;display:grid}.layout-editor__move-controls{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:15px;display:grid}.layout-editor__move-controls button{border:1px solid var(--border-subtle);min-height:29px;color:var(--text-secondary);font:inherit;cursor:pointer;background:#302f2c2e;font-size:.61rem}.layout-editor__move-controls button:hover{border-color:var(--border-hover);color:var(--text-primary)}.layout-editor__text-button{color:#d8cdbb8c;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:13px;padding:0;font-size:.62rem}.layout-editor__text-button:hover{color:var(--accent)}.layout-editor__unplaced-list{gap:4px;max-height:230px;margin-top:11px;display:grid;overflow:auto}.layout-editor__unplaced-list button{min-height:43px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:#302f2c21;border:1px solid #0000;grid-template-columns:36px 1fr 18px;align-items:center;gap:9px;padding:4px 6px;font-size:.64rem;display:grid}.layout-editor__unplaced-list button:hover{border-color:var(--border-hover);color:var(--text-primary)}.layout-editor__unplaced-list button>span:last-child{color:var(--accent);text-align:center;font-size:1rem}.layout-editor__unplaced-thumb{width:36px;height:32px;color:var(--text-secondary);font-family:var(--font-mono);background:#191a19;place-items:center;font-size:.58rem;display:grid;position:relative;overflow:hidden}.layout-editor__unplaced-thumb img{object-fit:cover}.layout-editor__export-heading{justify-content:space-between;gap:10px}.layout-editor__export-heading h2{margin-top:6px}.layout-editor__copy-button{min-height:30px;color:var(--text-primary);font:inherit;cursor:pointer;background:#c6a66b1f;border:1px solid #c6a66b73;padding:0 9px;font-size:.62rem}.layout-editor__copy-button:hover{background:#c6a66b38}.layout-editor__export-help{color:var(--text-muted);margin:10px 0;font-size:.63rem;line-height:1.65}.layout-editor__export-help code{color:var(--text-secondary);font-family:var(--font-mono);font-size:.59rem}.layout-editor__export-card textarea{resize:vertical;border:1px solid var(--border-subtle);width:100%;height:114px;color:var(--text-secondary);font-family:var(--font-mono);background:#101112b3;padding:9px;font-size:.56rem;line-height:1.6;display:block}@media (max-width:980px){.layout-editor__workspace{grid-template-columns:minmax(0,1fr) 275px}.canvas-filter{top:56px}}@media (max-width:740px){.layout-editor{padding:18px 12px 26px}.layout-editor__header{flex-direction:column;align-items:flex-start;gap:15px}.layout-editor__header-actions{width:100%}.layout-editor__header-actions>*{flex:1}.layout-editor__workspace{grid-template-columns:minmax(0,1fr)}.layout-editor__board-panel{padding:12px}.layout-editor__sidebar{grid-template-columns:minmax(0,1fr)}}