.home-shell{--xdan-content-width: 1500px;width:min(100%,var(--xdan-content-width));min-height:calc(100vh - (2 * var(--xdan-page-padding)));align-items:stretch;gap:clamp(2.5rem,5vw,4.5rem);padding:clamp(1rem,3vw,3rem);border-radius:0;background:transparent;box-shadow:none;text-align:center}.home-columns{display:grid;width:100%;grid-template-columns:minmax(280px,.9fr) minmax(440px,1.1fr);align-items:start;gap:clamp(3rem,7vw,7rem)}.home-column{display:flex;min-width:0;flex-direction:column}.home-left{align-items:center;gap:clamp(3.5rem,9vh,6.5rem)}.home-right{gap:clamp(2rem,5vh,3.5rem)}.profile-header{display:flex;width:100%;flex-direction:column;align-items:center;gap:1.25rem}.home-left .activity-deck{width:min(100%,480px)}.home-left .activity-deck-card{width:100%}.stream-section{max-width:520px}.featured-section,.projects-section{min-width:0}.socials-section{align-self:end}.home-shell .socials-section .xdan-button-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-showcase-section{width:min(100%,520px);min-width:0}.icon-showcase-trigger{width:100%;--m3e-tonal-button-container-color: var(--md-sys-color-surface-container);--m3e-tonal-button-label-text-color: var(--md-sys-color-on-surface);--m3e-button-large-container-height: 88px;--m3e-button-large-default-leading-space: 1.25rem;--m3e-button-large-default-trailing-space: 1.25rem;transition:transform .45s cubic-bezier(.2,0,0,1)}.icon-showcase-trigger:hover,.icon-showcase-trigger:focus-visible{--m3e-tonal-button-container-color: var(--md-sys-color-surface-container-high);transform:translateY(-2px)}.icon-showcase-trigger m3e-dialog-trigger{display:flex;width:100%;align-items:center}.icon-showcase-heading{display:flex;width:100%;min-width:0;align-items:center;gap:1rem;text-align:left}.icon-showcase-preview{display:flex;width:auto;height:40px;align-items:center;gap:.35rem;flex:0 0 auto}.icon-showcase-preview img{width:40px;height:40px;border-radius:9px;object-fit:cover;transition:transform .45s cubic-bezier(.2,0,0,1)}.icon-showcase-trigger:hover .icon-showcase-preview img:nth-child(1){transform:rotate(-6deg) translate(-2px)}.icon-showcase-trigger:hover .icon-showcase-preview img:nth-child(3){transform:rotate(6deg) translate(2px)}.icon-showcase-title{display:flex;min-width:0;flex-direction:column;gap:.2rem}.icon-showcase-title strong{overflow:hidden;color:var(--md-sys-color-primary);font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.icon-showcase-title small{color:var(--md-sys-color-on-surface-variant);font-size:.78rem;font-weight:500}.icon-showcase-content{min-width:0}.icon-showcase-dialog{--m3e-dialog-min-width: min(1080px, calc(100vw - 2rem) );--m3e-dialog-max-width: min(1080px, calc(100vw - 2rem) );--m3e-dialog-shape: var(--md-sys-shape-corner-extra-large);--m3e-dialog-container-color: var(--md-sys-color-surface-container);--m3e-dialog-header-color: var(--md-sys-color-on-surface);--m3e-dialog-content-color: var(--md-sys-color-on-surface-variant)}.icon-showcase-dialog-title{display:flex;min-width:0;flex-direction:column;gap:.2rem}.icon-showcase-dialog-title strong{color:var(--md-sys-color-primary)}.icon-showcase-dialog-title small{color:var(--md-sys-color-on-surface-variant);font-size:.8rem;font-weight:500}.icon-showcase-link{--m3e-button-medium-shape-round: var(--md-sys-shape-corner-full);transition:transform .45s cubic-bezier(.2,0,0,1)}.icon-showcase-link:hover,.icon-showcase-link:focus-visible{--m3e-button-medium-shape-round: var(--md-sys-shape-corner-large);transform:translateY(-2px) scale(1.015)}.macos-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.macos-icon-card{display:flex;min-width:0;flex-direction:column;gap:.8rem;padding:1rem;border-radius:24px;background:var(--md-sys-color-surface-container-high);text-align:left;transition:transform .35s cubic-bezier(.2,0,0,1),background-color .3s ease}.macos-icon-card:hover{background:var(--md-sys-color-surface-container-highest);transform:translateY(-3px)}.macos-icon-stage{display:grid;aspect-ratio:1;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent)}.macos-icon-primary{width:min(82%,128px);aspect-ratio:1;border-radius:22%;object-fit:cover;filter:drop-shadow(0 10px 14px rgb(0 0 0 / .24));transition:transform .45s cubic-bezier(.2,0,0,1)}.macos-icon-card:hover .macos-icon-primary{transform:scale(1.045) rotate(1.5deg)}.macos-icon-copy{display:flex;min-width:0;flex-direction:column;gap:.15rem}.macos-icon-copy strong{overflow:hidden;color:var(--md-sys-color-on-surface);text-overflow:ellipsis;white-space:nowrap}.macos-icon-copy span{color:var(--md-sys-color-on-surface-variant);font-size:.78rem}.macos-icon-variants{width:100%}.macos-icon-variant{min-width:0;flex:1 1 0;--m3e-tonal-button-container-color: var(--md-sys-color-surface-container-highest);--m3e-tonal-button-label-text-color: var(--md-sys-color-on-surface-variant);--m3e-tonal-button-selected-container-color: var(--md-sys-color-primary-container);--m3e-tonal-button-selected-label-text-color: var(--md-sys-color-on-primary-container)}.section-title[variant=label]{text-transform:uppercase;letter-spacing:.1em}.projects-accordion{display:grid;width:100%;gap:1rem}.project-panel{--m3e-expansion-panel-container-color: var(--md-sys-color-surface-container);--m3e-expansion-panel-content-padding: 0 1.25rem 1.25rem;--m3e-expansion-header-collapsed-height: 86px;--m3e-expansion-header-expanded-height: 90px;--m3e-expansion-header-font-weight: 700;transition:transform .45s cubic-bezier(.2,0,0,1)}.project-panel:hover{--m3e-expansion-panel-container-color: var(--md-sys-color-surface-container-high);transform:translateY(-2px)}.project-panel[open]{--m3e-expansion-panel-container-color: var(--md-sys-color-secondary-container);transform:none}.aperture-project{--m3e-expansion-panel-shape: 32px 32px 20px 32px;--m3e-expansion-panel-open-shape: 32px 32px 20px 20px}.aperture-project .project-icon-shape{--m3e-shape-container-color: #484450}.rebreak-project{--m3e-expansion-panel-shape: 20px 32px;--m3e-expansion-panel-open-shape: 28px 20px}.fmx-project{--m3e-expansion-panel-shape: 20px 32px 32px 32px;--m3e-expansion-panel-open-shape: 20px 20px 32px 32px}.project-heading{display:flex;align-items:center;gap:1rem}.project-heading>div{display:flex;min-width:0;flex-direction:column;gap:.35rem}.project-icon-shape{position:relative;--m3e-shape-size: 56px;--m3e-shape-container-color: var(--md-sys-color-primary-container);display:grid;place-items:center;flex:0 0 auto;transition:transform .5s cubic-bezier(.2,0,0,1)}.project-avatar{--m3e-avatar-size: 56px;--m3e-avatar-shape: 16px;--m3e-avatar-color: var(--md-sys-color-surface-container-highest);flex:0 0 auto;transition:transform .5s cubic-bezier(.2,0,0,1),border-radius .5s cubic-bezier(.2,0,0,1)}.project-panel:hover .project-icon-shape,.project-panel:hover .project-avatar{transform:rotate(8deg) scale(1.06)}.project-panel[open] .project-icon-shape,.project-panel[open] .project-avatar{transform:rotate(-5deg) scale(1.08)}.project-icon-shape img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}.aperture-project .aperture-logo-svg{transform:scale(.72)}.rebreak-avatar img{width:100%;height:100%;padding:7px;object-fit:contain}.project-icon-shape>.xdan-icon{position:absolute;inset:0;width:28px;height:28px;margin:auto;background-color:var(--md-sys-color-primary)}.fmx-project .i-wiki{background-color:var(--md-sys-color-on-primary-container)}.project-name{overflow:hidden;color:var(--md-sys-color-primary);font-size:1.15rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;transition:letter-spacing .45s cubic-bezier(.2,0,0,1),color .3s ease}.project-panel:hover .project-name{letter-spacing:.015em}.project-tech{display:flex;width:fit-content;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);font-size:.75rem;font-weight:700;transition:transform .45s cubic-bezier(.2,0,0,1),background-color .3s ease}.project-panel:hover .project-tech{transform:translate(3px)}.project-tech .xdan-icon{width:13px;height:13px}.project-description{margin:0 0 1rem;color:var(--md-sys-color-on-secondary-container);line-height:1.55;text-align:left}.project-actions{display:flex;align-items:center;gap:.75rem}.project-actions m3e-button{flex:1;--m3e-button-medium-shape-round: var(--md-sys-shape-corner-full);--m3e-tonal-button-container-color: var(--md-sys-color-surface-container-high);--m3e-tonal-button-label-text-color: var(--md-sys-color-primary);--m3e-tonal-button-icon-color: var(--md-sys-color-primary);transition:transform .45s cubic-bezier(.2,0,0,1)}.project-actions m3e-button:hover,.project-actions m3e-button:focus-visible{--m3e-button-medium-shape-round: var(--md-sys-shape-corner-large);--m3e-tonal-button-container-color: var(--md-sys-color-primary);--m3e-tonal-button-label-text-color: var(--md-sys-color-on-primary);--m3e-tonal-button-icon-color: var(--md-sys-color-on-primary);--m3e-tonal-button-hover-label-text-color: var(--md-sys-color-on-primary);--m3e-tonal-button-hover-icon-color: var(--md-sys-color-on-primary);--m3e-tonal-button-hover-state-layer-color: var(--md-sys-color-on-primary);transform:translateY(-2px) scale(1.015)}.project-actions m3e-button .xdan-icon{background-color:var(--md-sys-color-primary)}.project-actions m3e-button:hover .xdan-icon,.project-actions m3e-button:focus-visible .xdan-icon{background-color:var(--md-sys-color-on-primary)}.project-actions m3e-icon-button{--m3e-icon-button-small-container-height: 56px;--m3e-icon-button-small-default-leading-space: 16px;--m3e-icon-button-small-default-trailing-space: 16px;--m3e-tonal-icon-button-container-color: var(--md-sys-color-surface-container-high);--m3e-tonal-icon-button-icon-color: var(--md-sys-color-primary);transition:transform .45s cubic-bezier(.2,0,0,1)}.project-actions m3e-icon-button .xdan-icon{background-color:var(--md-sys-color-primary)}.project-actions m3e-icon-button:hover,.project-actions m3e-icon-button:focus-visible{--m3e-tonal-icon-button-container-color: var(--md-sys-color-primary);--m3e-tonal-icon-button-icon-color: var(--md-sys-color-on-primary);--m3e-tonal-icon-button-hover-icon-color: var(--md-sys-color-on-primary);transform:translateY(-2px) rotate(4deg)}.project-actions m3e-icon-button:hover .xdan-icon,.project-actions m3e-icon-button:focus-visible .xdan-icon{background-color:var(--md-sys-color-on-primary)}@media(max-width:980px){.home-shell{max-width:720px}.home-columns{grid-template-columns:1fr;gap:var(--xdan-section-gap)}.home-left,.home-right{gap:var(--xdan-section-gap)}.home-shell .socials-section .xdan-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-showcase-dialog .macos-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:660px){.icon-showcase-dialog{--m3e-dialog-min-width: calc(100vw - 1rem) ;--m3e-dialog-max-width: calc(100vw - 1rem) ;--m3e-dialog-shape: var(--md-sys-shape-corner-large)}.icon-showcase-dialog .macos-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.home-shell .socials-section .xdan-button-grid{grid-template-columns:1fr}.project-icon-shape{--m3e-shape-size: 50px}.project-avatar{--m3e-avatar-size: 50px}.project-name{font-size:1rem}.icon-showcase-preview{height:32px;gap:.25rem}.icon-showcase-preview img{width:32px;height:32px;border-radius:7px}.macos-icon-card{gap:.65rem;padding:.75rem}}