:root{--bg-color:#090909;--bg-color-rgb:9, 9, 9;--accent-color:#e8281c;--accent-color-rgb:232, 40, 28;--accent-hover:#ff3c30;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#525252;--border-color:#1c1c1c;--card-bg:#121212;--card-hover:#181818;--font-headline:"Archivo Black", "Big Shoulders Display", sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-body:"Inter", sans-serif;--header-height:90px;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1);--cinema-bg:#070707;--cinema-border:#1c1c1c;--shimmer-base:#111;--shimmer-highlight:#222}[data-theme=light]{--bg-color:#fafafa;--bg-color-rgb:250, 250, 250;--text-primary:#121212;--text-secondary:#565656;--text-muted:#909090;--border-color:#e8e8e8;--card-bg:#fff;--card-hover:#fafafa;--shimmer-base:#e5e5e5;--shimmer-highlight:#f0f0f0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.02em;font-weight:400}p{color:var(--text-secondary)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,textarea,select{font-family:inherit;border-radius:0!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.film-grain{opacity:.008;pointer-events:none;z-index:9999;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noise\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3CfeColorMatrix type=\"saturation\" values=\"0\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noise)\"/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.section-container{width:100%;max-width:1400px;margin-inline:auto;padding-block:120px;padding-inline:48px;position:relative}.border-top-accent{border-top:1px solid var(--border-color)}.reveal-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}.theme-toggle-btn{justify-content:center;align-self:center;align-items:center;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;padding:10px!important;display:flex!important}.toggle-track{-webkit-backdrop-filter:blur(30px)saturate(180%)brightness(1.05);background:#0c0c0c2e;border:1px solid #ffffff14;width:44px;height:24px;padding:2px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:relative;box-shadow:inset 0 1px #ffffff38;border-radius:12px!important}[data-theme=light] .toggle-track{background:#ffffff38;border:1px solid #ffffff47;box-shadow:inset 0 1px #ffffff8c}.toggle-thumb{background-color:#fff;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff80;border-radius:50%!important}[data-theme=light] .toggle-thumb{background-color:#000;transform:translate(22px);box-shadow:0 2px 4px #00000026,inset 0 1px #fff3}.theme-toggle-btn:hover .toggle-track{background:#0c0c0c47;border-color:#ffffff26}[data-theme=light] .theme-toggle-btn:hover .toggle-track{background:#ffffff59;border-color:#ffffff61}.toggle-thumb svg{width:10px;height:10px;transition:opacity .3s,transform .3s;position:absolute}.toggle-thumb .icon-sun{opacity:0;color:#f59e0b;transform:scale(.6)rotate(-45deg)}.toggle-thumb .icon-moon{opacity:1;color:#121212;transform:scale(1)rotate(0)}[data-theme=light] .toggle-thumb .icon-sun{opacity:1;transform:scale(1)rotate(0)}[data-theme=light] .toggle-thumb .icon-moon{opacity:0;color:#fff;transform:scale(.6)rotate(45deg)}#main-header{z-index:2000;-webkit-backdrop-filter:blur(22px)saturate(180%);will-change:transform, opacity, backdrop-filter;background:#14141859;border:1px solid #ffffff2e;border-radius:28px;width:min(1450px,100% - 140px);height:72px;transition:background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1);animation:.7s cubic-bezier(.22,1,.36,1) forwards navbar-entry;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff59,inset 0 -1px #ffffff0d}@keyframes navbar-entry{0%{opacity:0;-webkit-backdrop-filter:blur(8px)saturate();transform:translate(-50%)translateY(-20px)}to{opacity:1;-webkit-backdrop-filter:blur(22px)saturate(180%);transform:translate(-50%)translateY(0)}}#main-header:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;mix-blend-mode:overlay;background:linear-gradient(115deg,#ffffff59,#0000 35% 65%,#ffffff14);position:absolute;inset:0}#main-header:after{content:"";border-radius:inherit;opacity:.035;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}#main-header:hover{-webkit-backdrop-filter:blur(26px)saturate(200%)}#main-header.scrolled{background:#1414188c}[data-theme=light] #main-header{background:#ffffff73;border:1px solid #fff9;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffb3,inset 0 -1px #fff3}[data-theme=light] #main-header.scrolled{background:#fff9}.header-container{z-index:2000;justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 40px;display:flex;position:relative}#main-header .logo{font-family:var(--font-body);letter-spacing:.04em;color:var(--text-primary);text-transform:uppercase;align-items:center;font-size:1.15rem;font-weight:800;display:flex}.logo-dot{color:var(--accent-color);font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-hamburger{cursor:pointer;z-index:2100;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;display:none}.hamburger-box{flex-direction:column;justify-content:space-between;width:24px;height:14px;display:flex;position:relative}.hamburger-line{background-color:var(--text-primary);width:100%;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:block}.nav-link{font-family:var(--font-body);letter-spacing:.04em;color:#ffffffb8;padding:6px 0;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .25s,text-shadow .25s;position:relative}[data-theme=light] .nav-link{color:#555}.nav-link:hover{color:var(--text-primary)}.nav-link.active{text-shadow:0 0 6px #e8281c4d;color:var(--accent-color)!important}.nav-link:after{content:"";background-color:var(--accent-color);transform-origin:50%;width:20px;height:1.5px;box-shadow:0 0 4px var(--accent-color);border-radius:1px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:translate(-50%)scaleX(1)}.hero-split{width:100%;min-height:calc(100vh - var(--header-height));padding-top:var(--header-height);background:var(--bg-color);position:relative;overflow:hidden}.hero-split__grid{max-width:1280px;min-height:calc(100vh - var(--header-height));grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;margin:0 auto;padding:72px 60px 80px;display:grid}.hero-split__left{flex-direction:column;gap:28px;display:flex}.hero-role-tag{align-items:center;gap:14px;display:flex}.role-tag__line{background:var(--accent-color);flex-shrink:0;width:32px;height:2px;display:block}.role-tag__text{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);font-size:11.5px;font-weight:600}.role-tag__bullet{color:var(--accent-color);margin:0 5px}.hero-headline{font-family:var(--font-body);letter-spacing:-.025em;color:var(--text-primary);text-transform:none;margin:0;font-size:clamp(36px,4.2vw,60px);font-weight:800;line-height:1.1}.headline-accent{color:var(--accent-color)}.hero-sub{font-family:var(--font-body);color:var(--text-secondary);max-width:420px;margin:0;font-size:clamp(13.5px,1.1vw,15.5px);line-height:1.75}.hero-btn-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-btn-filled{height:56px;font-family:var(--font-body);letter-spacing:.01em;color:#fff;-webkit-backdrop-filter:blur(12px)saturate(180%)brightness(1.05);background:#e8281c38;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;padding:0 28px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .2s,box-shadow .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff40}[data-theme=light] .hero-btn-filled{color:var(--accent-color);background:#e8281c2e;border:1px solid #e8281c47;box-shadow:inset 0 1px #ffffff8c}.hero-btn-filled:hover{color:#fff;background:#e8281c59;border-color:#ffffff40;transform:translateY(-2px)}[data-theme=light] .hero-btn-filled:hover{color:var(--accent-color);background:#e8281c47;border-color:#e8281c61}.hero-btn-outline{height:56px;font-family:var(--font-body);letter-spacing:.01em;color:#ffffffe6;-webkit-backdrop-filter:blur(12px)saturate(180%)brightness(1.05);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;padding:0 28px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .2s,box-shadow .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}[data-theme=light] .hero-btn-outline{color:#555;background:#0000000a;border:1px solid #0000001f;box-shadow:inset 0 1px #ffffff73}.hero-btn-outline:hover{color:#fff;background:#ffffff26;border-color:#ffffff2e;transform:translateY(-2px)}[data-theme=light] .hero-btn-outline:hover{color:#111;background:#00000014;border-color:#00000038}.hero-social-row{align-items:center;gap:22px;display:flex}.hero-social-icon{color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.hero-social-icon:hover{color:var(--text-primary);transform:translateY(-2px)}.hero-split__right{flex-direction:column;align-items:flex-start;gap:24px;display:flex;position:relative}.hero-dots{background-image:radial-gradient(circle, var(--text-muted) 1.2px, transparent 1.2px);opacity:.35;pointer-events:none;z-index:0;background-size:16px 16px;width:150px;height:110px;position:absolute;top:-16px;right:0}.hero-portrait-frame{z-index:1;align-items:stretch;width:100%;max-width:400px;height:470px;display:flex;position:relative}.portrait-left-bar{z-index:2;background:#111;flex-shrink:0;width:14px}[data-theme=dark] .portrait-left-bar{background:#f7f5f2}.portrait-img-wrap{background:#ececec;flex:1;position:relative;overflow:hidden}[data-theme=dark] .portrait-img-wrap{background:#1a1a1a}.hero-portrait-img{object-fit:cover;object-position:center bottom;filter:grayscale();opacity:0;width:100%;height:100%;transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1),filter .3s;display:block;transform:scale(1.04)}.hero-portrait-img.loaded{opacity:1;transform:scale(1)}.hero-portrait-frame:hover .hero-portrait-img{transform:scale(1.025)}.portrait-corner-accent{border-bottom:3px solid var(--accent-color);border-right:3px solid var(--accent-color);z-index:3;pointer-events:none;width:52px;height:52px;position:absolute;bottom:-10px;right:-10px}.hero-available-badge{background:var(--card-bg);border:1px solid var(--border-color);z-index:1;opacity:0;align-items:center;gap:14px;max-width:280px;padding:14px 22px;transition:opacity .5s .6s,transform .5s cubic-bezier(.16,1,.3,1) .6s;display:flex;transform:translateY(12px);box-shadow:0 4px 24px #00000012}.hero-available-badge.visible{opacity:1;transform:translateY(0)}.badge-avatar{width:38px;height:38px;color:var(--accent-color);background:#e8281c1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge-label{font-family:var(--font-body);color:var(--text-primary);letter-spacing:.01em;font-size:13.5px;font-weight:600}@media (width<=1024px){.hero-split__grid{grid-template-columns:1fr;gap:48px;min-height:auto;padding:60px 40px 100px}.hero-split__right{align-items:center;width:100%}.hero-portrait-frame{width:100%;max-width:340px;height:400px}.hero-available-badge{align-self:center}.hero-section-indicator{display:none}}@media (width<=768px){.hero-split__grid{gap:40px;padding:40px 24px 80px}.hero-btn-row{gap:12px}.hero-portrait-frame{max-width:280px;height:340px}.hero-dots{display:none}}@media (width<=480px){.hero-portrait-frame{max-width:240px;height:290px}.hero-btn-row{flex-direction:column;align-items:flex-start}}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.section-title{font-family:var(--font-headline);letter-spacing:.05em;color:var(--text-primary);padding-left:14px;font-size:1.8rem;display:inline-block;position:relative}.section-title:before{content:"";background-color:var(--accent-color);width:2px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.text-link{font-family:var(--font-body);letter-spacing:.1em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding-bottom:2px;font-size:.75rem;font-weight:700}.text-link:hover{color:var(--text-primary);border-color:var(--accent-color)}.text-link .arrow{transition:transform .25s;display:inline-block}.text-link:hover .arrow{transform:translate(3px)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:48px 30px;margin:auto;display:grid}.project-card{cursor:pointer;background-color:#0000;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(0)}.project-image-wrapper{aspect-ratio:16/9;border:1px solid var(--border-color);background-color:#0c0c0c;border-radius:12px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.project-image{object-fit:cover;filter:brightness(.85);backface-visibility:hidden;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .3s;transform:translate(0,0)}.project-play-btn{background-color:rgba(var(--bg-color-rgb), .9);width:50px;height:50px;color:var(--text-primary);opacity:0;pointer-events:none;z-index:2;border:1px solid #fff3;justify-content:center;align-items:center;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);border-radius:50%!important}.play-btn-svg{width:20px;height:20px;margin-left:2px}.project-featured-badge{background-color:var(--accent-color);color:#fff;font-family:var(--font-body);letter-spacing:.1em;z-index:3;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:12px;left:12px}.project-duration-badge{color:#fff;font-family:var(--font-mono);z-index:3;letter-spacing:.05em;background:#080808d9;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600;position:absolute;top:12px;right:12px}.project-card-info{text-align:left;flex-direction:column;gap:4px;padding-top:14px;display:flex}.project-meta-row{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.project-category{font-family:var(--font-mono);color:var(--accent-color);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.project-meta-sep{color:var(--text-muted);font-size:.7rem}.project-extra-meta{font-family:var(--font-body);color:var(--text-secondary);font-size:.7rem;font-weight:500}.project-title{font-family:var(--font-body);color:var(--text-primary);text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:700;line-height:1.3;transition:color .3s}@media (hover:hover) and (pointer:fine){.project-card:hover{transform:translateY(-6px)}.project-card:hover .project-image-wrapper{border-color:var(--accent-color);box-shadow:0 10px 25px #0006}.project-card:hover .project-image{filter:brightness();transform:scale(1.04)}.project-card:hover .project-play-btn{opacity:1;border-color:var(--accent-color);color:var(--accent-color);transform:translate(-50%,-50%)scale(1)}.project-card:hover .project-title{color:var(--accent-color)}}@media (hover:none),(pointer:coarse){.project-play-btn{opacity:.9;border-color:var(--accent-color);color:var(--accent-color);transform:translate(-50%,-50%)scale(1)}}.project-subtitle{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.about-header{text-align:left;margin-bottom:50px}.about-header__label{font-family:var(--font-mono);letter-spacing:.22em;color:var(--accent-color);margin-bottom:12px;font-size:.72rem;font-weight:700;display:block}.about-header__title{font-family:var(--font-body);letter-spacing:-.025em;color:var(--text-primary);text-transform:none;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;line-height:1.1}.about-banner-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-bottom:40px;padding:48px;overflow:hidden;box-shadow:0 12px 40px #00000059}[data-theme=light] .about-banner-card{box-shadow:0 12px 40px #00000008}.about-banner-card__inner{grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;display:grid}.about-banner-card__portrait-col{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.about-banner-card__text-bg{font-family:var(--font-body);color:#ffffff06;letter-spacing:.05em;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(2.5rem,11vw,9.5rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .about-banner-card__text-bg{color:#00000005}.about-banner-card__portrait-wrap{z-index:1;width:220px;height:220px;position:relative}.about-banner-card__img{object-fit:cover;filter:grayscale()brightness(.85)contrast(1.1);border:3px solid var(--border-color);image-rendering:auto;backface-visibility:hidden;border-radius:50%;width:100%;height:100%;transition:filter .4s,transform .6s cubic-bezier(.16,1,.3,1);transform:translate(0,0)}@media (hover:hover) and (pointer:fine){.about-banner-card__portrait-wrap:hover .about-banner-card__img{filter:grayscale(0%)brightness();transform:scale(1.04)}}.about-banner-card__accent-line{border-bottom:3px solid var(--accent-color);border-right:3px solid var(--accent-color);pointer-events:none;z-index:2;width:40px;height:40px;position:absolute;bottom:-4px;right:-4px}.about-banner-card__stats-col{text-align:left;flex-direction:column;gap:20px;display:flex}.about-banner-card__stats-heading{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent-color);text-transform:uppercase;font-size:.72rem;font-weight:700}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.about-story-card,.about-philosophy-card,.about-tools-card,.about-timeline-card,.stat-card{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background-color .3s}.about-story-card:hover,.about-philosophy-card:hover,.about-tools-card:hover,.about-timeline-card:hover,.stat-card:not(.stat-card--accent):hover{border-color:var(--accent-color);background-color:var(--card-hover);transform:translateY(-4px);box-shadow:0 12px 30px #0006}[data-theme=light] .about-story-card:hover,[data-theme=light] .about-philosophy-card:hover,[data-theme=light] .about-tools-card:hover,[data-theme=light] .about-timeline-card:hover,[data-theme=light] .stat-card:not(.stat-card--accent):hover{box-shadow:0 12px 30px #0000000d}.stat-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:2px;padding:24px;display:flex}.stat-card__number{font-family:var(--font-body);color:var(--text-primary);font-size:3rem;font-weight:900;line-height:1}.stat-card__title{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.12em;margin-top:4px;font-size:.75rem;font-weight:700}.stat-card__subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:.75rem;font-weight:500}.stat-card--accent{box-shadow:0 10px 25px #e8281c1a;border-color:var(--accent-color)!important}[data-theme=light] .stat-card--accent{box-shadow:0 10px 25px #e8281c0d}.stat-card--accent:hover{background-color:var(--card-hover);transform:translateY(-4px)!important;box-shadow:0 14px 35px #e8281c33!important}.about-section-divider{justify-content:center;align-items:center;gap:24px;width:100%;margin:60px 0;display:flex}.about-section-divider__line{background-color:var(--border-color);flex-grow:1;height:1px}.about-section-divider__label{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.about-details-grid{grid-template-columns:1.1fr .9fr;gap:30px;display:grid}.about-details-left,.about-details-right{flex-direction:column;gap:30px;display:flex}.about-story-card,.about-philosophy-card,.about-tools-card,.about-timeline-card{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:left;border-radius:16px;padding:36px;box-shadow:0 10px 30px #0003}[data-theme=light] .about-story-card,[data-theme=light] .about-philosophy-card,[data-theme=light] .about-tools-card,[data-theme=light] .about-timeline-card{box-shadow:0 10px 30px #00000005}.about-details__heading{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent-color);margin-bottom:20px;font-size:.72rem;font-weight:700}.about-story__text{font-family:var(--font-body);color:var(--text-secondary);font-size:1.05rem;line-height:1.65}.about-philosophy__quote{font-family:var(--font-body);color:var(--text-primary);border-left:3px solid var(--accent-color);text-transform:none;margin:0;padding-left:20px;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800;line-height:1.45}.tools-grid{flex-direction:column;gap:16px;display:flex}.tool-item-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:14px 20px;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.tool-item-card:hover{border-color:var(--accent-color);background-color:var(--card-hover);transform:translate(4px)}.tool-item__name{font-family:var(--font-body);color:var(--text-primary);text-transform:uppercase;font-size:.85rem;font-weight:700}.tool-item__rating-bar{align-items:center;gap:12px;width:55%;display:flex}.tool-item__progress-track{background-color:#fff;flex-grow:1;height:6px;overflow:hidden;border-radius:3px!important}.tool-item__progress-fill{background-color:var(--accent-color);width:0;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1);border-radius:3px!important}.about-tools-card.active .tool-item__progress-fill{width:var(--target-width)}.tool-item__progress-percent{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;width:32px;font-size:.72rem;font-weight:600}.timeline-v{flex-direction:column;padding-left:10px;display:flex;position:relative}.timeline-v__item{gap:20px;display:flex}.timeline-v__dot-col{flex-direction:column;align-items:center;width:12px;display:flex;position:relative}.timeline-v__dot{background-color:var(--accent-color);z-index:1;width:10px;height:10px;box-shadow:0 0 6px var(--accent-color);margin-top:6px;border-radius:50%!important}.timeline-v__dot--active{position:relative}.timeline-v__dot--active:after{content:"";border:1px solid var(--accent-color);box-shadow:0 0 8px var(--accent-color);border-radius:50%;animation:1.8s cubic-bezier(.24,0,.38,1) infinite timeline-dot-pulse;position:absolute;inset:-4px}@keyframes timeline-dot-pulse{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(2.4)}}.timeline-v__line{background-color:#fff;flex-grow:1;width:2px;margin-bottom:-6px}.timeline-v__content{text-align:left;flex-direction:column;padding-bottom:28px;display:flex}.timeline-v__item:last-child .timeline-v__content{padding-bottom:0}.timeline-v__year{font-family:var(--font-mono);color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.2}.timeline-v__desc{font-family:var(--font-body);color:var(--text-secondary);margin-top:2px;font-size:.85rem;font-weight:500}.timeline-v__header-row{align-items:center;gap:8px;display:flex}.timeline-v__badge{font-family:var(--font-mono);color:var(--accent-color);text-transform:uppercase;background-color:#e8281c1a;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700}.timeline-v__currently-tag{font-family:var(--font-body);color:#10b981;margin-top:4px;font-size:.72rem;font-weight:600}@media (width<=1024px){.about-banner-card__inner{grid-template-columns:1fr;gap:40px}.about-details-grid{grid-template-columns:1fr;gap:30px}}@media (width<=768px){.about-banner-card{padding:28px}.stats-grid{grid-template-columns:1fr;gap:16px}.about-story-card,.about-philosophy-card,.about-tools-card,.about-timeline-card{padding:28px}}#contact{padding-bottom:80px}.footer-cta-strip{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1.2fr;align-items:flex-end;gap:40px;padding-bottom:36px;display:grid}.footer-status-col{flex-direction:column;gap:24px;display:flex}.availability-status{align-items:center;gap:10px;display:flex}.status-indicator-dot{background-color:#10b981;width:6px;height:6px;animation:1.5s infinite alternate pulse-dot;box-shadow:0 0 8px #10b98199;border-radius:50%!important}@keyframes pulse-dot{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.25);box-shadow:0 0 10px #10b981cc}}.status-text{font-family:var(--font-body);letter-spacing:.15em;color:var(--text-primary);font-size:.65rem;font-weight:700}.footer-credits{flex-direction:column;gap:2px;display:flex}.credit-title{font-family:var(--font-body);letter-spacing:.1em;color:var(--text-secondary);font-size:.65rem;font-weight:700}.credit-detail{font-family:var(--font-body);letter-spacing:.05em;color:var(--text-muted);font-size:.6rem}.footer-cta-col{justify-content:flex-end;align-items:center;gap:30px;display:flex}.tagline-container{max-width:260px}.tagline-line{color:var(--text-secondary);text-align:right;font-size:.8rem;line-height:1.5}.footer-cta-col .vertical-divider{background-color:var(--border-color);width:1px;height:48px}.footer-cta-link{font-family:var(--font-body);color:var(--text-primary);letter-spacing:.05em;align-items:center;gap:10px;padding-bottom:4px;font-size:1.15rem;font-weight:800;text-decoration:none;transition:color .3s,transform .3s;display:inline-flex;position:relative}.footer-cta-link:after{content:"";background-color:var(--accent-color);transform-origin:100%;width:100%;height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer-cta-link:hover:after{transform-origin:0;transform:scaleX(1)}.footer-cta-link .arrow{color:var(--accent-color);transition:transform .3s,color .3s;display:inline-block}.footer-cta-link:hover{color:var(--text-primary);transform:translate(4px)}.footer-cta-link:hover .arrow{transform:translate(6px)}.credit-roll-links{grid-template-columns:repeat(3,1fr);gap:20px 32px;padding-top:28px;display:grid}.credit-row{border-left:1px solid var(--border-color);flex-direction:column;gap:4px;padding-left:16px;display:flex}.credit-role{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.15em;align-items:center;gap:8px;font-size:.6rem;font-weight:700;display:inline-flex}.credit-role svg{fill:currentColor;flex-shrink:0;width:12px;height:12px}.credit-value{font-family:var(--font-body);letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.credit-value:hover{color:var(--accent-color)}.video-lightbox{z-index:3000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.video-lightbox.active{opacity:1;pointer-events:all}.lightbox-backdrop{-webkit-backdrop-filter:blur(5px);z-index:1;background-color:#000000d1;position:absolute;inset:0}.lightbox-content{z-index:2;opacity:0;background:#000;border-radius:20px;flex-direction:column;width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 25px 50px -12px #000c}@media screen and (width>=1025px){.lightbox-content{width:1100px;height:620px}}@media screen and (width<=1024px) and (width>=768px){.lightbox-content{width:90vw;max-height:90vh}}@media screen and (width<=767px){.lightbox-content{width:95vw;max-height:90vh}}.video-lightbox.active .lightbox-content{opacity:1;transform:translateY(0)}.lightbox-close-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,background-color .2s;display:flex;position:absolute;top:15px;right:15px;border-radius:50%!important}.lightbox-close-btn:hover{color:var(--accent-color);background:#000c}.lightbox-video-container{background-color:#000;flex:1;width:100%;position:relative}.lightbox-video-container video,.lightbox-video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.lightbox-error-msg{height:100%;color:var(--text-secondary);font-family:var(--font-body);text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;font-size:.95rem;display:flex}.lightbox-error-msg svg{color:var(--accent-color)}.lightbox-loader{color:var(--text-secondary);font-family:var(--font-mono);z-index:5;background-color:#000;justify-content:center;align-items:center;gap:12px;font-size:.9rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.lightbox-loader.hide{opacity:0;pointer-events:none}.loader-circle{color:var(--accent-color);font-size:1.2rem;animation:1.2s linear infinite rotate-loader;display:inline-block}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{letter-spacing:.05em;font-weight:500}.lightbox-details-bar{background-color:#0a0a0a;border-top:1px solid #1c1c1c;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:40px;padding:24px 30px;display:flex}@media screen and (width<=767px){.lightbox-details-bar{flex-direction:column;gap:20px;padding:16px 20px}}.lightbox-details-left{text-align:left;flex-direction:column;flex:1;gap:4px;display:flex}.lightbox-title{font-family:var(--font-body);color:#fff;letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:700}.lightbox-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:.75rem;font-weight:500;display:flex}.lightbox-category{font-family:var(--font-mono);color:var(--accent-color);letter-spacing:.05em;font-weight:600}.lightbox-meta-sep{color:var(--text-muted)}.lightbox-description{font-family:var(--font-body);color:var(--text-secondary);margin:4px 0 0;font-size:.85rem;line-height:1.45}.lightbox-details-right{flex-shrink:0;align-self:center;align-items:center;display:flex}@media screen and (width<=767px){.lightbox-details-right{align-self:flex-start;width:100%}}.lightbox-buttons{align-items:center;gap:12px;display:flex}@media screen and (width<=767px){.lightbox-buttons{width:100%}}.lightbox-action-btn{background-color:var(--accent-color);color:#fff;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;padding:10px 22px;font-size:.75rem;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex;border-radius:4px!important}.lightbox-action-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.action-arrow{font-size:.8rem;transition:transform .2s}.lightbox-action-btn:hover .action-arrow{transform:translate(2px,-2px)}.lightbox-share-btn{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background-color:#0000;align-items:center;gap:8px;padding:9px 20px;font-size:.75rem;font-weight:600;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex;border-radius:4px!important}.lightbox-share-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.lightbox-share-btn.copied{color:#10b981;background-color:#10b9811a;border-color:#10b981}.console-btn.btn-play-pause{border-color:var(--accent-color);width:48px;color:var(--accent-color)}.console-btn.btn-play-pause:hover{background-color:var(--accent-color);color:#fff}.hide{display:none!important}.console-status-indicators{font-family:var(--font-body);letter-spacing:.1em;color:#a3a3a3;gap:16px;font-size:.6rem;font-weight:700;display:flex}.indicator-group{align-items:center;gap:6px;display:flex}.led-light{background-color:#525252;width:4px;height:4px}.led-light.active{background-color:#10b981;box-shadow:0 0 4px #10b98199}.led-light.blink{animation:1s steps(2,end) infinite led-blink}@keyframes led-blink{0%,to{opacity:.3}50%{opacity:1}}@media screen and (width<=1024px){.section-container{padding:100px 32px}.header-container{padding:0 32px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px}.footer-cta-strip{grid-template-columns:1fr;gap:32px}.footer-cta-col{justify-content:flex-start}.tagline-container{max-width:none}.tagline-line{text-align:left}.credit-roll-links{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){:root{--header-height:80px}.section-container{padding:80px 24px}.header-container{padding:0 24px}#main-header{border-radius:20px;width:calc(100% - 32px);height:64px;top:12px}.nav-hamburger{display:flex}.menu-open .hamburger-line:first-child{transform:translateY(6px)rotate(45deg)}.menu-open .hamburger-line:nth-child(2){opacity:0}.menu-open .hamburger-line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-links{-webkit-backdrop-filter:blur(25px);z-index:2050;opacity:0;pointer-events:none;background:#090909fa;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100vw;height:100vh;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-20px)}[data-theme=light] .nav-links{background:#fafafafa}.nav-links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{color:var(--text-secondary);padding:12px 24px;font-size:1.4rem}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.hero-social-icon{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:16px!important}.stat-card__number{font-size:2.2rem!important}.stat-card__title{font-size:.65rem!important}.projects-grid{grid-template-columns:1fr;gap:30px}.project-play-btn{opacity:.9;border-color:var(--accent-color);color:var(--accent-color);transform:translate(-50%,-50%)scale(1)}.thumb-section-header{flex-direction:column;align-items:flex-start;gap:16px}.thumb-yt-link{align-self:flex-start;margin-bottom:0}.footer-cta-col{flex-direction:column;align-items:flex-start;gap:20px}.footer-cta-col .vertical-divider{display:none}.footer-cta-link{font-size:1.1rem}.credit-roll-links{grid-template-columns:1fr;gap:16px}#thumbnails{padding:80px 24px}}#thumbnails{max-width:1400px;margin:auto;padding:120px 40px}.thumb-section-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.thumb-section-left{flex-direction:column;gap:10px;display:flex}.thumb-section-label{font-family:var(--font-body);letter-spacing:.35em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:600;display:block}.thumb-section-title{font-family:var(--font-headline);letter-spacing:.04em;color:var(--text-primary);margin:0;padding-left:18px;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:900;line-height:1;position:relative}.thumb-section-title:before{content:"";background-color:var(--accent-color);border-radius:2px;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.thumb-yt-link{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#ffffffe6;-webkit-backdrop-filter:blur(12px)saturate(180%)brightness(1.05);background:#ffffff0f;border:1px solid #ffffff14;border-radius:100px;flex-shrink:0;align-self:flex-end;align-items:center;gap:8px;margin-bottom:6px;padding:8px 16px;font-size:.72rem;font-weight:700;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}[data-theme=light] .thumb-yt-link{color:#555;background:#0000000a;border:1px solid #0000001f;box-shadow:inset 0 1px #ffffff73}.thumb-yt-link:hover{color:#fff;background:#ffffff26;border-color:#ffffff2e}[data-theme=light] .thumb-yt-link:hover{color:#111;background:#00000014;border-color:#00000038}.thumb-yt-icon{width:14px;height:14px;color:var(--accent-color);flex-shrink:0;transition:color .25s,transform .25s}.thumb-yt-arrow{transition:transform .25s;display:inline-block}.thumb-yt-link:hover .thumb-yt-arrow{transform:translate(4px)}.thumbnails-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:min-content;gap:24px;display:grid}.thumbnail-card.featured{grid-area:span 2/span 2;position:relative;border-color:var(--accent-color)!important}.thumbnail-card.featured:before{content:"FEATURED";z-index:10;font-family:var(--font-body);letter-spacing:.22em;color:var(--accent-color);text-transform:uppercase;background:#080808d9;background:rgba(var(--bg-color-rgb,8, 8, 8), .85);-webkit-backdrop-filter:blur(4px);pointer-events:none;border:1px solid #e8281c4d;border-radius:4px;padding:4px 10px;font-size:.65rem;font-weight:700;position:absolute;top:28px;left:28px}.thumbnail-card.shorts{grid-area:span 2/span 1}.thumbnail-card.standard{grid-area:span 1/span 1}.thumbnail-card{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;height:100%;transform-style:preserve-3d;border-radius:16px;flex-direction:column;padding:16px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 12px #00000005,0 2px 8px #00000003}@media (hover:hover) and (pointer:fine){.thumbnail-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 12px 30px #00000014,0 4px 12px #00000008}}.thumb-image-wrapper{border-radius:12px;flex-grow:1;width:100%;max-width:100%;min-height:0;position:relative;overflow:hidden}.thumbnail-card.shorts .thumb-image-wrapper{background:#0a0a0a}.thumbnail-card.standard .thumb-image-wrapper,.thumbnail-card.featured .thumb-image-wrapper,.thumbnail-card.shorts .thumb-image-wrapper{aspect-ratio:16/9}@media (width>=768px){.thumbnail-card.featured .thumb-image-wrapper,.thumbnail-card.shorts .thumb-image-wrapper{aspect-ratio:auto}}.thumb-image-wrapper:not(.loaded){background:linear-gradient(90deg, var(--shimmer-base) 25%, var(--shimmer-highlight) 37%, var(--shimmer-base) 63%);background-size:400% 100%;animation:1.5s linear infinite shimmer}.thumb-image-wrapper:not(.loaded) .thumb-image{opacity:0}.thumb-image{object-fit:cover;opacity:1;filter:saturate(.85);backface-visibility:hidden;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1),filter .5s;display:block;transform:translate(0,0)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.thumbnail-card.shorts .thumb-image{object-position:center top}.thumbnail-card.shorts .thumb-image.not-portrait{object-fit:contain}.thumb-overlay{opacity:0;z-index:2;background:linear-gradient(#0000 30%,#000000d9 100%);align-items:flex-end;padding:24px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.thumb-overlay-content{opacity:0;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.thumb-overlay-client{font-family:var(--font-body);letter-spacing:.22em;color:var(--accent-color);text-transform:uppercase;margin-bottom:6px;font-size:.65rem;font-weight:700;display:block}.thumb-overlay-title{font-family:var(--font-body);color:#fff;text-transform:none;letter-spacing:.01em;margin:0 0 12px;font-size:1.1rem;font-weight:700;line-height:1.25}.thumb-overlay-action{font-family:var(--font-body);letter-spacing:.08em;color:#fff;text-transform:uppercase;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:inline-flex}.thumb-arrow-icon{width:14px;height:14px;transition:transform .3s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.thumbnail-card:hover .thumb-image{filter:saturate();transform:scale(1.03)}.thumbnail-card:hover .thumb-overlay{opacity:1}.thumbnail-card:hover .thumb-overlay-content{opacity:1;transform:translateY(0)}.thumbnail-card:hover .thumb-arrow-icon{transform:translate(4px)}}.thumb-card-info{flex-direction:column;gap:6px;padding:16px 0 4px;display:flex}.thumb-info-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.thumb-client{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-color);font-size:.65rem;font-weight:700}.thumb-title{font-family:var(--font-body);color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.thumb-role{font-family:var(--font-body);letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;font-size:.65rem;font-weight:500}#view-youtube-link{font-family:var(--font-body);letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:4px;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex}#view-youtube-link:hover{color:var(--accent-color)}.thumbnail-modal{z-index:2000;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.thumbnail-modal.is-open{opacity:1;pointer-events:all}.thumb-modal-backdrop{cursor:pointer;background:#000000e0;position:absolute;inset:0}.thumb-modal-content{z-index:1;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;background:#0d0d0d;border:1px solid #1c1c1c;width:90%;max-width:820px;max-height:92vh;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(20px)scale(.97)}.thumbnail-modal.is-open .thumb-modal-content{transform:translateY(0)scale(1)}.thumb-modal-close{color:#a3a3a3;cursor:pointer;z-index:2;font-size:1.6rem;line-height:1;font-family:var(--font-body);background:0 0;border:none;padding:4px 8px;transition:color .2s;position:absolute;top:16px;right:18px}.thumb-modal-close:hover{color:var(--accent-color)}.thumb-modal-image-wrap{aspect-ratio:16/9;background:#000;width:100%;overflow:hidden}.thumb-modal-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.thumb-modal-info{flex-direction:column;gap:8px;padding:24px 28px 28px;display:flex}.thumb-modal-client-label{font-family:var(--font-body);letter-spacing:.22em;color:var(--accent-color);text-transform:uppercase;font-size:.65rem;font-weight:700}.thumb-modal-title{font-family:var(--font-body);color:#fff;letter-spacing:.01em;margin:0 0 4px;font-size:1.2rem;font-weight:700}.thumb-modal-role-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#a3a3a3;margin:0 0 12px;font-size:.72rem;font-weight:500}.thumb-modal-yt-btn{align-self:flex-start;padding:10px 22px;font-size:.72rem}@media (width<=1023px) and (width>=769px){.thumbnails-grid{grid-template-columns:repeat(2,1fr);gap:24px}.thumbnail-card.featured{grid-area:span 2/span 2}.thumbnail-card.shorts,.thumbnail-card.standard{grid-area:span 1/span 1}.thumbnail-card.shorts .thumb-image-wrapper{aspect-ratio:16/9!important}}.modal-lightbox{z-index:9000;-webkit-backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-lightbox.active{animation:.3s forwards modal-fade-in;display:flex}.modal-lightbox.closing{animation:.3s forwards modal-fade-out;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.modal-close-floating-btn{cursor:pointer;z-index:9200;-webkit-backdrop-filter:blur(8px);color:#fff;background:#12121299;border:1px solid #ffffff26;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:flex;position:fixed;top:20px;right:20px;border-radius:50%!important}[data-theme=light] .modal-close-floating-btn{color:#000;background:#fff9;border:1px solid #0000001a}.modal-close-floating-btn:hover{transform:scale(1.06);background-color:var(--accent-color,#e8281c)!important;color:#fff!important;border-color:#0000!important}.modal-close-floating-btn:active{transform:scale(.95)}.modal-container{background:var(--card-bg,#111);border:1px solid var(--border-color,#ffffff1a);border-radius:20px;flex-direction:column;width:min(1100px,90vw);max-width:calc(160vh - 177.778px);max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0009}.modal-lightbox.active .modal-container{animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-slide-up}.modal-lightbox.closing .modal-container{animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-slide-down}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-slide-down{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}.modal-container.modal-container--image{width:min(1200px,90vw);max-width:90vw;height:auto;max-height:90vh}.modal-image-wrapper{background:#000;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;max-height:80vh;display:flex;position:relative;overflow:hidden}.modal-image-content{object-fit:contain;width:100%;height:100%;display:block}.modal-video-wrapper{aspect-ratio:16/9;background:#000;flex-shrink:0;width:100%;position:relative;overflow:hidden}.modal-video-wrapper iframe{border:none;width:100%;height:100%;display:block}.modal-loading{z-index:10;pointer-events:none;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent-color,#e8281c);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-controls{border-top:1px solid var(--border-color,#ffffff14);background:var(--card-bg,#111);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.modal-meta-info{flex-direction:column;gap:4px;min-width:0;display:flex}.modal-category{font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color,#e8281c);font-size:.68rem;font-weight:600}.modal-title{font-family:var(--font-body,sans-serif);color:var(--text-primary,#fff);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;overflow:hidden}.modal-action-row{flex-shrink:0;align-items:center;gap:10px;display:flex}.modal-control-btn{font-family:var(--font-body,sans-serif);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(12px)saturate(180%)brightness(1.05);border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:.75rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.modal-control-btn:active{transform:scale(.97)}.modal-control-btn.share-btn{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff1a}.modal-control-btn.share-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff2e}.modal-control-btn.yt-link-btn{color:#fff;background:#e8281c38;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff40}.modal-control-btn.yt-link-btn:hover{background:#e8281c59;border-color:#ffffff40}.toast-alert{background:var(--card-bg,#1a1a1a);border:1px solid var(--border-color,#ffffff1f);color:var(--text-primary,#fff);font-family:var(--font-body,sans-serif);opacity:0;pointer-events:none;z-index:9999;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:.8rem;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(16px);box-shadow:0 8px 24px #0000004d}.toast-alert.active{opacity:1;transform:translate(-50%)translateY(0)}.toast-icon{color:#22c55e;font-size:.9rem}[data-theme=light] .modal-container{background:#fff;border-color:#e8e8e8;box-shadow:0 32px 80px #0003}[data-theme=light] .modal-controls{background:#fff;border-top-color:#e8e8e8}[data-theme=light] .modal-title{color:#0a0a0a}[data-theme=light] .modal-control-btn.share-btn{color:#555;background:#0000000a;border-color:#0000001f;box-shadow:inset 0 1px #ffffff73}[data-theme=light] .modal-control-btn.share-btn:hover{color:#111;background:#00000014;border-color:#00000038}[data-theme=light] .modal-control-btn.yt-link-btn{color:var(--accent-color);background:#e8281c2e;border-color:#e8281c47;box-shadow:inset 0 1px #ffffff8c}[data-theme=light] .modal-control-btn.yt-link-btn:hover{background:#e8281c47;border-color:#e8281c61}[data-theme=light] .toast-alert{color:#0a0a0a;background:#fff;border-color:#e8e8e8}.modal-controls.modal-controls--image{justify-content:space-between;align-items:center;gap:24px;display:flex}.modal-subtitle{font-family:var(--font-body,sans-serif);color:var(--text-secondary);margin-top:2px;font-size:.8rem}.text-right{text-align:right}@media (width<=768px){.modal-controls.modal-controls--image{flex-direction:column-reverse;align-items:stretch;gap:16px;padding:18px}.modal-controls.modal-controls--image .text-right{text-align:left}.modal-controls.modal-controls--image .modal-action-row{flex-direction:column;align-items:stretch}}@media (width<=640px){.modal-controls{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.modal-action-row{justify-content:flex-start;width:100%}.modal-title{font-size:1rem}}@media (width>=769px){.thumbnails-row-2{display:none!important}}@media (width<=768px){.thumbnails-grid-container{flex-direction:column;gap:12px;display:flex}.thumbnails-grid{scroll-snap-type:x mandatory;padding-inline:24px;scrollbar-width:thin;scrollbar-color:var(--accent-color) #ffffff0d;gap:16px;margin-inline:-24px;padding-bottom:16px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.thumbnails-grid.is-autoscrolling{scroll-snap-type:none}.thumbnails-grid::-webkit-scrollbar{height:3px;display:block}.thumbnails-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px;margin-inline:24px}.thumbnails-grid::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:2px}.thumbnail-card.featured,.thumbnail-card.shorts,.thumbnail-card.standard{scroll-snap-align:center;border-radius:12px;flex:0 0 80vw;max-width:340px;height:auto;padding:12px}.thumbnail-card.featured .thumb-image-wrapper,.thumbnail-card.shorts .thumb-image-wrapper,.thumbnail-card.standard .thumb-image-wrapper{aspect-ratio:16/9}.thumbnail-card.featured:before{padding:2px 8px;font-size:.6rem;top:20px;left:20px}.thumb-card-info{gap:4px;padding:10px 0 2px}.thumb-title{font-size:.88rem;line-height:1.3}.thumb-info-row{gap:6px}.thumb-role,.thumb-client{letter-spacing:.15em;font-size:.6rem}.thumb-modal-content{width:96%}.thumb-modal-info{padding:18px 18px 22px}}body,#main-header,a,button,.stat-card,.thumbnail-card,.project-card,.about-banner-card,.about-story-card,.about-philosophy-card,.about-tools-card,.about-timeline-card,.footer-cta-strip,.timeline-v__content,.timeline-v__year,.timeline-v__badge,.timeline-v__line{transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}