::-webkit-scrollbar{display:none!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}:root{--bg-canvas:#0d0d0d;--bg-surface:#171717;--bg-surface-hover:#1f1f1f;--bg-surface-active:#262626;--border-subtle:#262626;--border-muted:#333;--border-active:#ff6b00;--text-primary:#f5f5f5;--text-secondary:#8d8d8d;--text-tertiary:#525252;--surface-showcase:#14161a;--border-showcase:#222630;--surface-philosophy:#331c0d;--border-philosophy:#542d16;--surface-cream:#eae6df;--border-cream:#d4cfc6;--text-on-cream:#0d0d0d;--accent-primary:#ff6b00;--accent-glow:#ff6b001f;--accent-secondary:#d97706;--radius-card:24px;--radius-button:12px;--radius-badge:9999px;--type-display:clamp(2.5rem, 5vw + 1.5rem, 5.5rem);--lh-display:1.1;--track-display:-.03em;--type-title:clamp(1.25rem, 1.5vw + .75rem, 1.75rem);--lh-title:1.25;--track-title:-.015em;--type-subtitle:clamp(1.05rem, 1.2vw + .5rem, 1.5rem);--lh-subtitle:1.4;--track-subtitle:0em;--type-body:clamp(.875rem, .3vw + .8rem, 1rem);--lh-body:1.6;--track-body:.01em;--type-label:clamp(.7rem, .2vw + .65rem, .75rem);--lh-label:1.2;--track-label:.08em;--type-caption:.6875rem;--lh-caption:1;--track-caption:.05em;--padding-card:clamp(20px, 2.5vw, 32px);--gap-grid:clamp(12px, 1.5vw, 20px);--bg:var(--bg-canvas);--surface:var(--bg-surface);--surface-hover:var(--bg-surface-hover);--border:var(--border-subtle);--border-hover:var(--border-muted);--accent:var(--accent-primary);--accent-soft:#ff6b0014;--radius:var(--radius-card);--radius-sm:var(--radius-button);--gap:var(--gap-grid);--page-padding:32px;--shadow:none;--shadow-hover:0 0 20px var(--accent-glow);--shadow-expanded:none;--modal-backdrop:#0d0d0dbf;--f1-badge-bg:#fff;--tag-bg:#ff6b000f;--tag-border:#ff6b0066;--accent-glow-strong:#ff6b0059;--accent-glow-splash:#ff6b0073;--accent-primary-hover:#ff7a1a;--transition-fast:.15s ease;--transition-medium:.3s ease;--transition-flip:.5s cubic-bezier(.22, 1, .36, 1);--theme-transition:.25s ease}:root[data-theme=light]{--bg-canvas:#f3eee7;--bg-surface:#fff;--bg-surface-hover:#f5f0e8;--bg-surface-active:#ede6da;--border-subtle:#e4ddd1;--border-muted:#d3c9b8;--border-active:#b8500a;--text-primary:#1c1a17;--text-secondary:#6b6154;--text-tertiary:#8c8272;--surface-showcase:#f7f5f2;--border-showcase:#e0dcd3;--surface-philosophy:#fbeee0;--border-philosophy:#ead3b5;--surface-cream:#fff;--border-cream:#e4ddd1;--text-on-cream:#1c1a17;--accent-primary:#a84908;--accent-glow:#a8490824;--accent-secondary:#8a3e07;--accent-soft:#a8490814;--shadow:0 1px 3px #1e18100f;--shadow-hover:0 4px 16px #a849082e;--shadow-expanded:0 12px 40px #1e18101f;--modal-backdrop:#1e18128c;--f1-badge-bg:#0d0d0d;--tag-bg:#a8490814;--tag-border:#a8490873;--accent-glow-strong:#a8490859;--accent-glow-splash:#a8490873;--accent-primary-hover:#bd520a;--accent-neon:#e85a0c;--accent-neon-hover:#c64a08;--text-on-neon:#fff}:root[data-theme=light] .ambient-background>div{mix-blend-mode:multiply!important;opacity:.12!important}.text-display,.text-title,.text-subtitle,.text-body,.text-label,.text-caption{transition:color var(--theme-transition)}.text-display{font-size:var(--type-display);line-height:var(--lh-display);letter-spacing:var(--track-display);color:var(--text-primary);font-weight:700}.text-title{font-size:var(--type-title);line-height:var(--lh-title);letter-spacing:var(--track-title);color:var(--text-primary);font-weight:600}.text-subtitle{font-size:var(--type-subtitle);line-height:var(--lh-subtitle);letter-spacing:var(--track-subtitle);color:var(--text-primary);font-weight:500}.text-body{font-size:var(--type-body);line-height:var(--lh-body);letter-spacing:var(--track-body);color:var(--text-secondary);font-weight:400}.text-label{font-size:var(--type-label);line-height:var(--lh-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent-primary);font-weight:600}.text-caption{font-size:var(--type-caption);line-height:var(--lh-caption);letter-spacing:var(--track-caption);text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.card__label{font-size:var(--type-label);line-height:var(--lh-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent-primary);transition:color var(--theme-transition);font-weight:600;display:block;margin-bottom:min(1.5rem,3vh)!important}.tag-chip{letter-spacing:.03em;color:var(--accent-primary);background-color:var(--tag-bg);border:1px solid var(--tag-border);transition:background-color var(--theme-transition), border-color var(--theme-transition), color var(--theme-transition);white-space:nowrap;border-radius:9999px;align-items:center;padding:2px 10px;font-size:.6875rem;font-weight:400;line-height:1.4;display:inline-flex}.card--showcase{background-color:var(--surface-showcase)!important;border:1px solid var(--border-showcase)!important;transition:background-color var(--theme-transition), border-color var(--theme-transition)!important}.card--orange-group{overflow:hidden;background-color:var(--surface-philosophy)!important;border:1px solid var(--border-philosophy)!important;box-shadow:none!important;transition:border-color .2s ease, background-color var(--theme-transition)!important}.card--orange-group:hover{background-color:var(--surface-philosophy)!important;border:1px solid var(--border-philosophy)!important;border-color:var(--border-philosophy)!important;box-shadow:none!important}.dock-button--cream{transition:all .2s;background-color:var(--surface-cream)!important;border:1px solid var(--border-cream)!important;color:var(--text-on-cream)!important}.dock-button--cream svg,.dock-button--cream i,.dock-button--cream span{color:var(--text-on-cream)!important}.dock-button--cream:hover{box-shadow:0 4px 16px var(--accent-glow-strong);transform:translateY(-2px);background-color:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:#0d0d0d!important}:root[data-theme=light] .dock-button--cream{background-color:var(--accent-neon)!important;border-color:var(--accent-neon-hover)!important;color:var(--text-on-neon)!important}:root[data-theme=light] .dock-button--cream svg,:root[data-theme=light] .dock-button--cream i,:root[data-theme=light] .dock-button--cream span{color:var(--text-on-neon)!important}:root[data-theme=light] .dock-button--cream:hover{transform:translateY(-2px);box-shadow:0 4px 16px #e85a0c4d;background-color:var(--accent-neon-hover)!important;border-color:var(--accent-neon-hover)!important;color:var(--text-on-neon)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(16px,1vw + 6px,20px);overflow-x:hidden}body{background:var(--bg-canvas);color:var(--text-primary);min-height:100vh;padding:var(--page-padding);box-sizing:border-box;transition:background-color var(--theme-transition), color var(--theme-transition);justify-content:center;align-items:stretch;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow-x:hidden}.page-container{flex-direction:column;gap:24px;width:90vw;min-width:0;max-width:1800px;margin:0 auto;display:flex}.bento-grid{gap:var(--gap-grid);flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,minmax(0,1fr));width:100%;min-width:0;display:grid;position:relative}.card--projects{grid-area:1/1/3/4}.card--now{grid-area:3/4/4/7}.card--about{grid-area:1/4/3/7}.card--experience{grid-area:3/1/5/4}.card--principles{grid-area:4/4/5/6}.contact-dock{grid-area:4/6/5/7}.splash-screen{background:var(--bg-base);width:100vw!important;height:100dvh!important;margin:0!important;position:fixed!important;inset:0!important}.bento-grid.workspace-active .card:not(.projects-workspace),.bento-grid.workspace-active .contact-dock{opacity:0;pointer-events:none}body:has(.workspace-active){overflow:hidden}.projects-workspace{z-index:50;background:var(--bg-surface);border-radius:var(--radius);box-shadow:var(--shadow-expanded);border:none;grid-area:1/1/-1/-1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.nav-back-btn{color:var(--accent-primary);opacity:.8;cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-back-btn:hover{opacity:1;text-shadow:0 0 12px var(--accent-glow);transform:translate(-3px)}.workspace-gallery-grid{background:var(--surface-hover);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,1fr);gap:12px;height:100%;padding:24px;display:grid}@media (width<=1024px){.workspace-gallery-grid{grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(280px,1fr);overflow-y:auto}}@media (width<=767px){.workspace-gallery-grid{grid-template-columns:1fr;grid-auto-rows:minmax(240px,auto);gap:16px;overflow-y:auto}}.gallery-project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), background-color var(--theme-transition);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005}.gallery-project-card:hover{border-color:#2563eb33;transform:translateY(-2px)}.project-visual{background:var(--bg);border-bottom:1px solid var(--border);flex:1;width:100%;position:relative;overflow:hidden}@media (width<=767px){.project-visual{min-height:200px}}.project-visual-emerald{background:radial-gradient(circle at 80% 20%,#2563eb26 0%,#0000 60%),radial-gradient(circle at 20% 80%,#e01e5a1a 0%,#0000 50%)}.project-visual-emerald:after{content:"";opacity:.5;background-image:radial-gradient(#0000001a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.project-visual-nutrichat{background:linear-gradient(135deg,#22c55e1a,#15803d33)}.project-visual-plantmonitor{background:linear-gradient(135deg,#10b9811a,#04785733)}.project-visual-money{background:linear-gradient(135deg,#3b82f61a,#1d4ed833)}.project-visual-purchaseorder{background:linear-gradient(135deg,#8b5cf61a,#6d28d933)}.project-visual-titsystem{background:linear-gradient(135deg,#f59e0b1a,#b4530933)}.project-content{flex-direction:column;flex:none;padding:16px;display:flex}.project-content .text-title{font-size:1.35rem}@media (width<=1280px),(height<=800px){.project-content{padding:12px}.project-content .text-title{font-size:1.1rem!important}}.workspace-split-view{width:100%;height:100%;display:flex}.workspace-sidebar{border-right:1px solid var(--border);background:var(--surface-hover);border-radius:var(--radius) 0 0 var(--radius);flex-direction:column;flex-shrink:0;gap:32px;width:260px;padding:24px;display:flex;overflow-y:auto}.workspace-sidebar-nav{flex-direction:column;gap:12px;display:flex}.workspace-sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:4px;font-size:.75rem;font-weight:600}.workspace-sidebar-item{color:var(--text-secondary);cursor:pointer;border-left:2px solid #0000;border-radius:0 6px 6px 0;margin-left:-12px;padding:6px 12px;font-size:.9rem;transition:all .15s}.workspace-sidebar-item:hover{background-color:var(--accent-soft);color:var(--text-primary)}.workspace-sidebar-item.active{background:var(--accent-glow);color:var(--accent-primary);border-left:2px solid var(--accent-primary);font-weight:500}.workspace-content{background:var(--surface);flex:1;padding:0 48px 48px;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--padding-card);transition:background var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-medium), background-color var(--theme-transition), box-shadow var(--theme-transition), color var(--theme-transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.card.interactive{cursor:pointer}.card.interactive:hover{background:var(--surface-hover);border-color:var(--border-hover)}.card.interactive:active{background:var(--bg);transition-duration:80ms}.card__label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:24px;font-size:.75rem;font-weight:500}.card__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.card__action{color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.card.interactive:hover .card__action{color:var(--accent-primary);gap:10px}.splash-btn{background-color:var(--accent-primary);color:#0d0d0d;cursor:pointer;border:1px solid #ff8533;border-radius:100px;align-items:center;gap:12px;margin-top:25px;padding:16px 40px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.splash-btn:hover{box-shadow:0 0 28px var(--accent-glow-splash);background-color:var(--accent-primary-hover)}:root[data-theme=light] .splash-btn{background-color:var(--accent-neon);color:var(--text-on-neon);border-color:var(--accent-neon-hover)}:root[data-theme=light] .splash-btn:hover{background-color:var(--accent-neon-hover);box-shadow:0 0 28px #e85a0c66}.splash-btn-arrow{transition:transform .2s}.splash-btn:hover .splash-btn-arrow{transform:translate(4px)}.card__action-arrow{transition:transform var(--transition-fast);font-size:1rem}.card.interactive:hover .card__action-arrow{transform:translate(2px)}.card--projects{justify-content:space-between}.project-icon-marquee{flex:1;align-items:center;width:100%;min-width:0;max-width:100%;padding:28px 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.project-icon-track{align-items:center;gap:36px;width:max-content;animation:24s linear infinite project-icon-scroll;display:flex}.project-icon-marquee:hover .project-icon-track{animation-play-state:paused}@keyframes project-icon-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.project-icon-chip{background:var(--accent-soft);border:1px solid var(--border-showcase);width:112px;height:112px;color:var(--accent-primary);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--theme-transition), border-color var(--theme-transition), color var(--theme-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-icon-chip svg{width:52px;height:52px}.project-icon-chip:hover{box-shadow:0 0 28px var(--accent-glow);transform:scale(1.08)}@media (width<=600px){.project-icon-track{gap:20px}.project-icon-chip{width:64px;height:64px}.project-icon-chip svg{width:30px;height:30px}}.card--projects:hover{border-color:#2563eb26}.card--projects .project-highlight{flex-direction:column;flex:1;justify-content:flex-start;gap:16px;min-width:0;margin-top:0;display:flex;overflow:hidden}.project-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.about-avatar-row{flex:1;align-items:center;gap:36px;min-height:0;display:flex}.about-avatar{object-fit:cover;object-position:center center;border-radius:var(--radius-sm);flex-shrink:0;width:clamp(72px,min(16vw,18vh),192px);height:clamp(72px,min(16vw,18vh),192px)}.about-intro-text{min-width:0;color:var(--text-primary);flex:1;font-size:clamp(.7rem,.35vw + .6rem,.85rem);line-height:1.55}.about-modal-backdrop{z-index:1000;background:var(--modal-backdrop);transition:background-color var(--theme-transition);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.about-modal{background:var(--surface-philosophy);border:1px solid var(--border-philosophy);border-radius:var(--radius);width:min(560px,100%);max-height:min(80vh,700px);box-shadow:var(--shadow-hover);padding:var(--padding-card);transition:background-color var(--theme-transition), border-color var(--theme-transition), box-shadow var(--theme-transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.about-modal-close{color:var(--text-secondary);cursor:pointer;z-index:2;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;display:flex;position:absolute;top:20px;right:20px}.about-modal-close:hover{color:var(--accent-primary)}.about-modal-scroll{overflow-anchor:none;flex-direction:column;flex:1;gap:24px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.about-detail-block{flex-direction:column;gap:14px;display:flex}.skills-detail-list{flex-direction:column;display:flex}.skills-detail-row{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:24px;padding:20px 0;display:flex}.skills-detail-row:first-child{padding-top:0}.skills-detail-row:last-child{border-bottom:none;padding-bottom:0}.skills-detail-name{color:var(--text-primary);flex:0 0 110px;font-size:1rem;font-weight:600}.skills-detail-desc{flex:1;min-width:0;margin:0}@media (width<=480px){.about-modal-backdrop{align-items:center;padding:16px}.about-modal{border-radius:var(--radius);width:100%;max-height:85vh}.skills-detail-row{flex-direction:column;gap:6px}.skills-detail-name{flex:none}}@media (width<=767px){.about-avatar{width:112px;height:112px}.about-avatar-row{gap:14px}}.card--experience{flex-direction:row;align-items:center;gap:24px;min-height:120px}.card--experience header .card__label{margin-bottom:0!important}.experience-download-btn{color:var(--text-secondary);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;align-items:center;display:flex}.experience-download-btn:hover{color:var(--accent-primary);transform:scale(1.1)}.card--now{justify-content:space-between}.now-items{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.now-item{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:clamp(2px,1.2vh,8px);min-width:0;display:flex}.now-item__icon{color:var(--text-secondary);flex-shrink:0;width:clamp(11px,min(2.2vw,2.6vh),20px);height:clamp(11px,min(2.2vw,2.6vh),20px)}.now-item__label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:clamp(.55rem,min(1.6vw,1.9vh),.85rem);font-weight:600}.card-more-dots{color:var(--text-primary);opacity:.85}.card--principles{min-height:120px}.outside-work-icons{flex-wrap:wrap;flex:1;justify-content:space-evenly;align-items:center;gap:20px;min-height:0;display:flex}.outside-work-icons a{flex-shrink:0;display:flex}.outside-work-icon{object-fit:contain;flex-shrink:0;width:clamp(28px,min(8vw,9vh),64px);height:clamp(28px,min(8vw,9vh),64px)}.outside-work-icon-rounded{object-fit:cover;border-radius:15%}.outside-work-icon-badge{background:var(--f1-badge-bg);box-sizing:border-box;transition:background-color var(--theme-transition);border-radius:15%;justify-content:center;align-items:center;padding:clamp(4px,min(1.5vw,1.6vh),10px);display:flex}.outside-work-icon-badge-img{object-fit:contain;width:100%;height:100%}.contact-dock{gap:var(--gap);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;min-width:0;display:grid}.dock-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity .4s ease, transform .4s ease;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.dock-icon:hover{background:var(--bg-surface-hover);border-color:var(--accent-primary);color:var(--text-primary)}.dock-icon:active{opacity:.8;transition-duration:80ms}.dock-icon svg{width:30px;height:30px}.theme-toggle-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width>=1025px){body{align-items:center;height:100vh;overflow:hidden}.page-container{height:100%;max-height:min(calc(100vh - (var(--page-padding) * 2)), 1000px)}.bento-grid{grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}.card{overscroll-behavior-y:contain;min-height:0;overflow-y:auto}.bento-grid.expanded .card--projects{min-height:0}.card{-ms-overflow-style:none;scrollbar-width:none}.card::-webkit-scrollbar{display:none}}@media (width>=1025px) and (height<=850px){:root{--page-padding:24px;--gap:16px}.card{padding:min(20px,3.2vh) 24px}.project-description{margin-bottom:12px;font-size:.95rem}.card__footer{padding-top:12px}.page-container{gap:16px}}@media (width<=480px){:root{--padding-card:20px;--gap-grid:16px}}@media (width<=1024px){body,#root{border-radius:0!important;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:block!important}.splash-screen{background:var(--bg-base)!important;border-radius:0!important;width:100vw!important;height:100dvh!important;margin:0!important;position:fixed!important;inset:0!important;transform:none!important}.bento-grid>.projects-workspace{z-index:9999!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.bento-grid,.bento-grid>*,.card{word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important}body{overflow-x:hidden!important}}@media (width>=768px) and (width<=1024px){.bento-grid{gap:var(--gap-grid)!important;grid-template-rows:auto 260px 260px auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;display:grid!important}.bento-grid.workspace-active{grid-template-rows:minmax(0,1fr)!important}.bento-grid>*,.card{box-sizing:border-box!important;grid-row:auto!important;max-width:100%!important}.bento-grid>.card--projects{order:1!important;grid-column:span 1!important}.bento-grid>.card--experience{flex-direction:column!important;order:3!important;grid-area:span 2/span 1!important;justify-content:space-between!important;height:100%!important;display:flex!important}.card--showcase{flex-direction:column!important;justify-content:flex-start!important;display:flex!important;overflow:visible!important}.bento-grid>.card--about{order:2!important;grid-column:span 1!important}.bento-grid>.card--now{order:4!important;grid-column:span 1!important;height:100%!important}.bento-grid>.card--principles{order:5!important;grid-column:span 1!important;height:100%!important}.bento-grid>.contact-dock{order:6!important;grid-column:span 2!important}}@media (width<=767px){.bento-grid{gap:var(--gap-grid)!important;flex-direction:column!important;width:100%!important;min-width:0!important;display:flex!important}.bento-grid>*{min-width:0!important}.bento-grid>.card--projects{order:1!important}.bento-grid>.card--experience{order:3!important}.bento-grid>.card--about{order:2!important}.bento-grid>.card--now{order:4!important}.bento-grid>.card--principles{order:5!important}.bento-grid>.contact-dock{order:6!important}}@media (width<=1024px){.contact-dock{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;display:grid!important}.dock-button--cream{justify-content:center!important;align-items:center!important;width:100%!important;height:56px!important;padding:8px 4px!important;display:flex!important}}@media (width<=480px){.dock-button--cream span:not(.theme-toggle-icon){display:none!important}.dock-button--cream svg,.dock-button--cream i{margin:0!important;font-size:1.25rem!important}}@media (width<=1024px){:root{--page-padding:24px;--gap:12px}.page-container{align-items:flex-start!important;padding-top:32px!important;padding-bottom:32px!important}.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(4,minmax(0,1fr))}.card--projects{grid-area:1/1/3/4}.card--now{grid-area:1/4/3/5}.card--about{grid-area:3/3/4/5}.card--experience{grid-area:3/1/5/3}.card--principles{grid-area:4/3/5/5}.contact-dock{grid-area:5/1/6/5}}.outcome-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (width<=600px){.outcome-metrics-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){:root{--page-padding:16px;--gap:12px;--radius:16px}.page-container{align-items:flex-start;padding-top:24px;padding-bottom:24px}.bento-grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.card--projects{grid-area:1/1/2/2;min-height:280px}.card--now{grid-area:2/1/3/2}.now-items{gap:8px}.card--about{grid-area:4/1/5/2;min-height:280px}.card--experience{grid-area:3/1/4/2;min-height:360px}.card--principles{grid-area:5/1/6/2}.contact-dock{grid-area:6/1/7/2}.card{padding:24px}.workspace-split-view{flex-direction:column}.workspace-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 24px}.workspace-sidebar-nav{flex-direction:row;gap:8px;overflow-x:auto}.workspace-sidebar-item{white-space:nowrap;margin-left:0}.workspace-content{padding:0 24px 24px}}.sr-only{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;border-width:0;width:1px;height:1px;position:absolute;overflow:hidden}.experience-scroll-container::-webkit-scrollbar{display:none}.experience-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.card--experience .experience-scroll-container .text-subtitle{font-size:.85rem}