#about{border-bottom:none;padding:2.5rem 0!important}#about .row{padding:0 4rem;max-width:1700px!important}.about-title-block{margin-bottom:1.8rem}.about-title-block h2{color:#e4a109;text-transform:uppercase;letter-spacing:3px;margin-bottom:.5rem;font-family:Hanken Grotesk,sans-serif;font-size:clamp(2.2rem,3.2vw,3.4rem);font-weight:900;line-height:1}.about-bento-grid{grid-template-columns:32fr 40fr 28fr;grid-template-areas:"portrait expertise layers";align-items:stretch;column-gap:5rem;width:100%;display:grid}.bento-portrait{flex-direction:column;grid-area:portrait;justify-content:center;align-items:center;gap:1.4rem;display:flex}.portrait-footer{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.portrait-canvas-wrap{flex-shrink:0;width:100%;height:580px;position:relative;overflow:hidden}.portrait-bio{color:#c8d0de;text-align:center;max-width:100%;margin:0;font-family:DM Sans,sans-serif;font-size:1.25rem;line-height:1.65}.portrait-cv-btn{cursor:pointer;width:100%;max-width:160px;transition:transform .25s,filter .25s;display:block}.portrait-cv-btn:hover{filter:brightness(1.18);transform:translateY(-3px)scale(1.04)}.portrait-cv-btn img{width:100%;height:auto;display:block}.bento-expertise{flex-direction:column;grid-area:expertise;align-items:center;gap:1.4rem;display:flex}.bento-layers{flex-direction:column;grid-area:layers;justify-content:center;align-items:center;gap:1.4rem;display:flex;overflow:visible}.bento-col-title{color:#f9f9f9;text-transform:uppercase;letter-spacing:3px;text-align:center;margin:0;font-family:Hanken Grotesk,sans-serif;font-size:clamp(1.3rem,1.7vw,1.9rem);font-weight:800}.bento-img-cell{justify-content:center;width:100%;display:flex}.bento-expertise .bento-img-cell img,.bento-layers .bento-img-cell img{object-fit:contain;object-position:top;width:100%;height:auto;max-height:670px;display:block}.about-parallax-wrap{perspective:900px;cursor:crosshair;flex-shrink:0;width:100%;height:670px;position:relative;overflow:hidden}.about-parallax-wrap.expertise-parallax{height:804px}.about-parallax-wrap.layers-parallax{width:551px;height:764px;overflow:visible}.about-parallax-inner{width:100%;height:100%;position:relative}@media (width<=1200px){#about .row{padding:0 2rem;max-width:100%!important}.about-bento-grid{grid-template-columns:1fr;grid-template-areas:"portrait""expertise""layers";row-gap:4rem}.portrait-canvas-wrap{height:360px}.bento-expertise .bento-img-cell img,.bento-layers .bento-img-cell img{max-height:500px}}.dp3d-section{flex-direction:column;align-items:center;gap:0;width:100%;padding:8rem 0 6rem;display:flex;position:relative;overflow:visible}.dp3d-header{text-align:center;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:4rem;display:flex}.dp3d-label{text-transform:uppercase;color:#e4a109;margin:0;font-family:TypoGraphica,impact,sans-serif;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:400;line-height:1.1}.dp3d-title{color:#a2acbd;letter-spacing:2px;margin:0;font-family:Humanist521BT,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500}.dp3d-red-line{background-color:#e31b6d;width:120px;height:3px;margin-top:1.5rem}.dp3d-stage{justify-content:center;align-items:center;width:100%;height:580px;display:flex;position:relative;overflow:visible}.dp3d-deck{will-change:transform;z-index:100;justify-content:center;align-items:center;width:360px;height:520px;display:flex;position:absolute}.dp3d-card{will-change:transform;cursor:grab;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background-color:#1a1a1a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;width:100%;height:100%;transition:box-shadow .2s;box-shadow:0 30px 60px -12px #000000d9,0 0 0 1px #ffffff0f}.dp3d-card:active{cursor:grabbing;box-shadow:0 50px 80px -10px #000000e6,0 0 0 1px #ffffff1a}@media (width<=900px){.dp3d-section{flex-direction:column!important;align-items:center!important;width:100%!important;padding:2rem 0!important;display:flex!important}.dp3d-header{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-left:0!important;margin-right:0!important;display:flex!important}.dp3d-label{text-align:center!important;width:100%!important;font-size:clamp(2.2rem,7vw,3.5rem)!important}.dp3d-title{text-align:center!important;width:100%!important}.dp3d-red-line{margin:0 auto!important}}@media (width<=480px){.dp3d-stage{height:420px}.dp3d-deck{width:85vw;max-width:300px;height:125vw;max-height:430px}}.web-portfolio-container{width:100%;position:relative}.web-portfolio-sticky{z-index:2;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.web-titles-side{flex-direction:column;justify-content:center;width:40%;padding-left:clamp(4rem,8vw,10rem);display:flex}.web-titles-list{text-transform:uppercase;letter-spacing:1px;margin:0;padding:0;font-family:TypoGraphica,impact,sans-serif;line-height:1;list-style:none}.web-titles-list li{cursor:default;line-height:1}.web-title-main{font-size:clamp(3.5rem,6vw,5.5rem);line-height:1.1}.web-title-item{font-size:clamp(2rem,3.5vw,4vh)}.web-showcase-side{justify-content:center;align-items:center;width:60%;padding-right:clamp(2rem,4vw,6rem);display:flex}.web-panel-inner{aspect-ratio:16/10;background:#0b0b0b;border:4px solid #444;border-radius:24px;width:100%;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 0 40px #e4a10926}.warning{display:none}.web-title-divider{flex-direction:column;align-items:flex-start;margin-top:1.5rem;margin-bottom:3.5rem;display:flex}.web-red-line{background-color:#e31b6d;width:120px;height:3px;margin-bottom:1.2rem}.web-scroll-text{color:#a2acbd;text-transform:lowercase;letter-spacing:2px;margin:0;font-family:Humanist521BT,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500}@media (width<=768px){.web-portfolio-sticky{flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.web-titles-side{width:100%;padding-left:clamp(2rem,6vw,4rem);padding-right:1rem}.web-showcase-side{width:100%;margin-top:1.5rem;padding:0 clamp(1rem,4vw,2rem)}.web-panel-inner{aspect-ratio:16/9;border-width:2px;border-radius:12px;max-height:45vh}.web-title-main{font-size:clamp(2.8rem,8vw,4.5rem)}.web-title-item{font-size:clamp(1.4rem,4vw,2.5rem)}}