:root{--bg-charcoal: #161616;--accent-red: #E0294A;--accent-red-hover: #ff3358;--accent-red-dim: rgba(224, 41, 74, .15);--accent-red-border: rgba(224, 41, 74, .35);--heading-cream: #F8E3C2;--body-white: #F4F4F4;--text-grey: #A3A3A3;--text-dark-grey: #6E6E6E;--border-subtle: #242424;--card-bg: #1B1B1B;--gold-accent: #E5B25D;--cyan-neon: #00F0FF;--pink-neon: #FF2E93;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-handwriting: "Caveat", "Kalam", cursive;--container-max: 1360px;--content-narrow: 920px;--gutter: clamp(1.5rem, 4vw, 4rem);--section-spacing: clamp(6rem, 12vw, 12rem);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px;--shadow-sketchbook: 0 30px 60px -15px rgba(0, 0, 0, .85), 0 10px 25px -10px rgba(0, 0, 0, .6);--shadow-card: 0 15px 35px -10px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(224, 41, 74, .4);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-base: .35s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .55s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;background-color:var(--bg-charcoal);color:var(--body-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-charcoal);color:var(--body-white);line-height:1.75;overflow-x:hidden;position:relative;min-height:100vh}::selection{background-color:var(--accent-red);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--heading-cream);font-weight:800;letter-spacing:-.04em;line-height:.95}p{font-size:clamp(1.05rem,1.2vw,1.25rem);color:var(--body-white);line-height:1.8;max-width:var(--content-narrow)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img,video{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.portfolio-canvas{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2}.global-doodle-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;opacity:.035;overflow:hidden}.global-doodle-layer svg{width:100%;height:100%;stroke:#e0294a;fill:none}.sticky-mini-nav{position:fixed;top:1.5rem;right:var(--gutter);z-index:100;display:flex;align-items:center;gap:.6rem;background-color:#161616e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.5rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);box-shadow:0 10px 30px #00000080;transition:transform var(--transition-base),opacity var(--transition-base)}.nav-indicator-circle{width:8px;height:8px;border-radius:50%;background-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.mini-nav-links{display:flex;align-items:center;gap:.4rem;list-style:none}.mini-nav-link{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-grey);padding:.35rem .75rem;border-radius:var(--radius-pill);transition:all var(--transition-fast)}.mini-nav-link:hover{color:var(--heading-cream);background-color:#ffffff0d}.mini-nav-link.active{color:#fff;background-color:var(--accent-red);box-shadow:0 2px 10px #e0294a66}.sound-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--text-grey);border:1px solid var(--border-subtle);transition:all var(--transition-fast);margin-left:.2rem}.sound-toggle-btn:hover,.sound-toggle-btn.playing{color:var(--accent-red);border-color:var(--accent-red)}.hero-cover-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:4rem 0;text-align:center}.cover-container{width:100%;max-width:var(--container-max);margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:1200px;padding:2rem 1.5rem;gap:.8rem}.cover-sub-top{font-family:var(--font-handwriting);font-size:clamp(2rem,3.2vw,3rem);color:var(--accent-red);letter-spacing:.04em;display:inline-block;opacity:0;animation:fadeInDown .8s .2s cubic-bezier(.16,1,.3,1) forwards}.cover-title-main{font-size:clamp(5rem,16vw,12.5rem);font-weight:900;color:var(--heading-cream);line-height:.9;letter-spacing:-.05em;margin:.4rem 0;position:relative;display:inline-block;-webkit-user-select:none;user-select:none;opacity:0;animation:scaleInTitle .9s .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleInTitle{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.neon-brush-p{position:absolute;top:-6%;left:-2%;width:28%;height:110%;pointer-events:none;z-index:3}.neon-brush-p path{stroke:var(--cyan-neon);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 0 10px rgba(0,240,255,.75));stroke-dasharray:600;stroke-dashoffset:600;animation:drawNeonStroke 1.2s .7s cubic-bezier(.2,.8,.2,1) forwards}.neon-brush-o{position:absolute;top:14%;right:-3%;width:26%;height:82%;pointer-events:none;z-index:3}.neon-brush-o path{stroke:var(--pink-neon);stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 0 10px rgba(255,46,147,.75));stroke-dasharray:600;stroke-dashoffset:600;animation:drawNeonStroke 1.2s .85s cubic-bezier(.2,.8,.2,1) forwards}@keyframes drawNeonStroke{to{stroke-dashoffset:0}}.cover-sub-middle{font-family:var(--font-handwriting);font-size:clamp(1.8rem,2.5vw,2.4rem);color:var(--text-grey);margin:0;opacity:0;animation:fadeIn .8s .6s forwards}.cover-artist-name{font-family:var(--font-handwriting);font-size:clamp(3rem,6.5vw,5.4rem);font-weight:700;color:var(--heading-cream);letter-spacing:.02em;position:relative;display:inline-block;opacity:0;animation:fadeInUp .8s .75s cubic-bezier(.16,1,.3,1) forwards}.cover-artist-name:after{content:"";position:absolute;bottom:2px;left:3%;width:94%;height:4px;background-color:var(--accent-red);border-radius:var(--radius-pill)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.cover-doodles-decor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.doodle-sparkle{position:absolute;fill:var(--accent-red);opacity:.6;animation:floatDoodle 4s infinite ease-in-out}.sparkle-1{top:18%;left:14%;width:24px;animation-delay:.2s}.sparkle-2{top:24%;right:14%;width:28px;animation-delay:.9s}.sparkle-3{bottom:20%;left:18%;width:20px;animation-delay:1.4s}@keyframes floatDoodle{0%,to{transform:translateY(0) scale(.9)}50%{transform:translateY(-8px) scale(1.1)}}.showreel-section{padding:4rem 0 clamp(4rem,8vw,8rem) 0;position:relative}.showreel-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#0a0a0a;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 25px 60px -15px #000000e6}.showreel-canvas-container{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#0d0d0d}.showreel-canvas{width:100%;height:100%;object-fit:cover;display:block}.showreel-letterbox-top,.showreel-letterbox-bottom{position:absolute;left:0;width:100%;height:4.5%;background-color:#000;z-index:10;pointer-events:none}.showreel-letterbox-top{top:0}.showreel-letterbox-bottom{bottom:0}.burned-in-captions{position:absolute;bottom:12%;left:50%;transform:translate(-50%);background-color:#000000c7;padding:.4rem 1.4rem;border-radius:var(--radius-sm);color:#fffdf0;font-family:Outfit,sans-serif;font-size:clamp(.9rem,1.3vw,1.25rem);font-weight:600;letter-spacing:.02em;text-align:center;z-index:20;pointer-events:none;border-left:3px solid var(--accent-red);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;transition:all var(--transition-fast)}.burned-in-captions .timecode{color:var(--accent-red);font-family:monospace;font-weight:700;margin-right:.6rem}.showreel-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000073;z-index:25;transition:opacity var(--transition-base),visibility var(--transition-base);cursor:pointer}.showreel-play-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.minimal-play-btn{width:clamp(64px,8vw,96px);height:clamp(64px,8vw,96px);border-radius:50%;background-color:#161616d9;border:1.5px solid var(--heading-cream);color:var(--heading-cream);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #000000b3}.minimal-play-btn svg{width:40%;height:40%;fill:currentColor;margin-left:5%}.showreel-play-overlay:hover .minimal-play-btn{transform:scale(1.1);background-color:var(--accent-red);border-color:var(--accent-red);color:#fff}.showreel-controls-bar{position:absolute;bottom:0;left:0;width:100%;padding:.75rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;align-items:center;gap:1rem;z-index:30;opacity:0;transition:opacity var(--transition-base)}.showreel-wrapper:hover .showreel-controls-bar{opacity:1}.showreel-timeline{flex:1;position:relative;height:6px;background-color:#fff3;border-radius:var(--radius-pill);cursor:pointer}.timeline-progress{position:absolute;top:0;left:0;height:100%;width:0%;background-color:var(--accent-red);border-radius:var(--radius-pill);box-shadow:0 0 10px var(--accent-red)}.control-btn{color:var(--heading-cream);font-size:.9rem;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.control-btn:hover{color:var(--accent-red)}.showreel-tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-grey);background-color:#ffffff14;padding:.2rem .6rem;border-radius:var(--radius-pill)}.reel-scene-nav{display:flex;align-items:center;gap:.6rem;margin-top:1.2rem;flex-wrap:wrap}.scene-chip{padding:.4rem .9rem;background-color:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.82rem;color:var(--text-grey);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.scene-chip:hover{color:var(--heading-cream);border-color:var(--text-dark-grey)}.scene-chip.active{background-color:var(--accent-red-dim);border-color:var(--accent-red);color:#fff}.about-section{padding:clamp(4rem,8vw,8rem) 0;position:relative}.about-card-container{display:grid;grid-template-columns:360px 1fr 340px;gap:clamp(1.5rem,3vw,3rem);background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(2rem,3.5vw,3.5rem);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.about-card-container:before{content:"";position:absolute;bottom:-40px;right:-40px;width:280px;height:280px;background-image:radial-gradient(circle,rgba(224,41,74,.07) 1px,transparent 1px);background-size:16px 16px;pointer-events:none;z-index:0}.about-col-portrait{position:relative;z-index:1;display:flex;flex-direction:column}.designer-emblem-card{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 15px 35px #000000b3;border:1px solid var(--border-subtle);background:radial-gradient(circle at 50% 40%,#202020,#111 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.emblem-inner-ring{width:130px;height:130px;border-radius:50%;border:2px dashed rgba(224,41,74,.45);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1.5rem;background-color:#e0294a0d;box-shadow:0 0 30px #e0294a26}.emblem-monogram{font-family:var(--font-heading);font-size:3.2rem;font-weight:900;color:var(--heading-cream);letter-spacing:-.05em;line-height:1}.emblem-star-top{position:absolute;top:-8px;font-size:1.1rem;color:var(--gold-accent)}.emblem-circle-dot{position:absolute;bottom:-4px;width:8px;height:8px;border-radius:50%;background-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red)}.emblem-meta-block{display:flex;flex-direction:column;gap:.25rem}.emblem-designer-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--heading-cream);letter-spacing:-.02em}.emblem-discipline{font-size:.85rem;font-weight:600;color:var(--accent-red);letter-spacing:.04em;text-transform:uppercase}.portrait-overlay-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.25rem 1.25rem;background:linear-gradient(to top,rgba(15,15,15,.95) 0%,rgba(15,15,15,.6) 70%,transparent 100%);display:flex;flex-direction:column;gap:.35rem}.portrait-overlay-name{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:var(--accent-red);letter-spacing:-.02em;line-height:1}.portrait-location-tag{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-grey)}.location-dot-icon{width:8px;height:8px;border-radius:50%;background-color:var(--accent-red);display:inline-block;box-shadow:0 0 6px var(--accent-red)}.about-col-middle{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.75rem}.about-heading-hello{font-size:clamp(2.5rem,4vw,3.8rem);font-weight:800;color:var(--heading-cream);line-height:1}.about-bio-text{font-size:1.15rem;color:var(--body-white);line-height:1.8}.about-bio-text strong.name-highlight{color:var(--accent-red);font-weight:700}.about-bio-text strong.institute-highlight{color:var(--gold-accent);font-weight:700}.about-sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;margin-top:.5rem}.about-sub-title{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--heading-cream);margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}.about-sub-title:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--accent-red)}.experience-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem}.experience-item{position:relative;padding-left:1.1rem}.experience-item:before{content:"";position:absolute;left:0;top:.45rem;width:6px;height:6px;border-radius:50%;background-color:var(--accent-red)}.exp-studio-name{font-size:1.05rem;font-weight:700;color:var(--heading-cream);line-height:1.3}.exp-role-date{font-size:.86rem;color:var(--text-grey);margin-top:.2rem;line-height:1.4}.doodle-word-cloud{display:flex;flex-wrap:wrap;gap:.6rem;align-content:flex-start}.word-tag{font-family:var(--font-handwriting);font-size:1.25rem;color:var(--heading-cream);background-color:#f8e3c20d;border:1px dashed rgba(224,41,74,.4);padding:.25rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:default}.word-tag:nth-child(2n){transform:rotate(-1.5deg)}.word-tag:nth-child(odd){transform:rotate(1.5deg)}.word-tag:hover{background-color:var(--accent-red-dim);border-color:var(--accent-red);color:#fff;transform:rotate(0) scale(1.05)}.about-col-right{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;border-left:1px solid var(--border-subtle);padding-left:clamp(1rem,2vw,2rem)}.tools-group-container{display:flex;flex-direction:column;gap:1.3rem}.tool-group-card{background-color:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1.1rem}.tool-group-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.tool-category-name{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-red)}.tool-items-stacked{font-size:.92rem;color:var(--body-white);line-height:1.5}.contact-chips-row{display:flex;flex-direction:column;gap:.6rem}.contact-pill-chip{display:flex;align-items:center;gap:.65rem;padding:.55rem 1rem;background-color:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.86rem;color:var(--text-grey);transition:all var(--transition-fast)}.contact-pill-chip:hover{background-color:var(--accent-red);border-color:var(--accent-red);color:#fff;transform:translateY(-2px)}.contact-pill-chip svg{width:16px;height:16px;stroke:currentColor;fill:none}.contents-section{padding:clamp(5rem,9vw,9rem) 0;position:relative}.contents-title-bar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:clamp(3rem,5vw,5rem);position:relative}.contents-main-title{font-size:clamp(3.5rem,8vw,7.5rem);font-weight:900;color:var(--accent-red);letter-spacing:-.04em;line-height:.88}.contents-sub-note{font-family:var(--font-handwriting);font-size:1.6rem;color:var(--heading-cream);transform:rotate(-2deg)}.contents-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3.5vw,3.5rem);position:relative}.contents-column{position:relative;display:flex;flex-direction:column;gap:1.5rem;background-color:#1b1b1b66;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.2rem 1.8rem;overflow:hidden}.contents-watermark-numeral{position:absolute;top:-15px;right:15px;font-family:var(--font-handwriting);font-size:clamp(5.5rem,9vw,8rem);font-weight:700;color:#e0294a1f;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(-6deg)}.contents-col-header{position:relative;z-index:1}.contents-category-name{font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:800;color:var(--heading-cream);letter-spacing:-.03em;margin-bottom:.25rem}.contents-category-badge{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-red)}.contents-list{list-style:none;display:flex;flex-direction:column;gap:1.4rem;position:relative;z-index:1}.contents-list-item{display:flex;flex-direction:column;gap:.2rem;transition:transform var(--transition-fast)}.contents-list-item:hover{transform:translate(4px)}.contents-item-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dark-grey)}.contents-item-link{display:flex;align-items:baseline;gap:.75rem;font-size:1.12rem;font-weight:600;color:var(--body-white);transition:color var(--transition-fast)}.contents-item-link:hover{color:var(--accent-red)}.bullet-dot-pattern{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;color:var(--accent-red)}.bullet-dot{width:5px;height:5px;border-radius:50%;background-color:var(--accent-red);display:inline-block}.bullet-cluster-4{display:grid;grid-template-columns:repeat(2,4px);gap:2px}.bullet-cluster-4 .bullet-dot{width:4px;height:4px}.contents-corner-doodle{position:absolute;bottom:-40px;right:-30px;width:320px;height:320px;opacity:.15;pointer-events:none}.chapter-divider-band{margin:clamp(5rem,10vw,10rem) 0 clamp(3rem,6vw,6rem) 0;position:relative}.chapter-progress-row{display:flex;align-items:center;gap:.9rem;margin-bottom:1.25rem}.progress-circles-group{display:flex;align-items:center;gap:.5rem}.progress-circle{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--accent-red);background-color:transparent;transition:all var(--transition-base)}.progress-circle.filled{background-color:var(--accent-red);box-shadow:0 0 10px #e0294a99}.progress-thin-line{flex:1;height:1.5px;background-color:var(--accent-red);opacity:.6}.chapter-huge-title{font-size:clamp(4rem,11vw,10rem);font-weight:900;color:var(--heading-cream);letter-spacing:-.05em;line-height:.9;margin-bottom:1.5rem}.doodle-border-band{width:100%;overflow:hidden;margin-top:1rem}.doodle-border-svg{width:100%;height:auto;min-height:32px;max-height:48px;stroke:var(--accent-red);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.project-header-module{margin-bottom:clamp(3rem,6vw,6rem);position:relative}.project-title-cluster{position:relative;margin-bottom:2.2rem}.project-numeral-backdrop{position:absolute;top:-30px;left:-20px;font-family:var(--font-handwriting);font-size:clamp(6rem,12vw,11rem);font-weight:700;color:#e0294a1a;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.project-headline-wrap{position:relative;z-index:1;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.project-title-dot{width:12px;height:12px;border-radius:50%;background-color:var(--accent-red);display:inline-block;transform:translateY(-4px);box-shadow:0 0 10px var(--accent-red)}.project-title-text{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;color:var(--heading-cream);letter-spacing:-.04em;line-height:1}.project-subtitle-text{font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:400;color:var(--body-white);opacity:.85}.case-study-hero-frame,.project-banner-wrapper{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 25px 50px -10px #000000d9;border:1px solid var(--border-subtle);margin-bottom:2rem;background-color:#0f0f0f;cursor:default;transition:transform var(--transition-base),box-shadow var(--transition-base)}.case-study-hero-frame:hover,.project-banner-wrapper:hover{box-shadow:0 30px 60px -10px #000000f2}.case-study-hero-image,.project-banner-image{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.certificate-frame-img{background-color:#0e0e0e;padding:clamp(.75rem,2.5vw,1.8rem)}.banner-overlapping-element{position:absolute;bottom:16px;right:20px;background-color:var(--heading-cream);color:var(--bg-charcoal);padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-handwriting);font-size:1.25rem;font-weight:700;transform:rotate(-1.5deg);box-shadow:0 8px 20px #0009;z-index:5;pointer-events:none}.project-info-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:clamp(1.5rem,3vw,3rem);background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:clamp(1.5rem,2.5vw,2.2rem);margin-bottom:clamp(3rem,5vw,5rem)}.info-block-header{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-red);margin-bottom:.5rem}.info-block-body{font-size:1.05rem;color:var(--body-white);line-height:1.7}.mentor-item{margin-bottom:.6rem}.mentor-name{font-weight:600;color:var(--body-white);font-size:.98rem}.mentor-role{font-size:.8rem;color:var(--text-grey)}.tools-icons-strip{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;flex-wrap:wrap}.tool-badge-pill{font-size:.78rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-pill);background-color:#ffffff0f;border:1px solid var(--border-subtle);color:var(--heading-cream)}.process-modules-container{display:flex;flex-direction:column;gap:clamp(5rem,9vw,9rem)}.process-module-card{display:flex;flex-direction:column;gap:1.4rem;position:relative}.module-header-group{display:flex;flex-direction:column;gap:.4rem}.module-breadcrumb{font-size:.9rem;letter-spacing:.06em;color:var(--accent-red);text-transform:uppercase}.module-breadcrumb em{font-style:italic;opacity:.85}.module-breadcrumb strong{font-weight:800}.module-title{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;color:var(--heading-cream);letter-spacing:-.03em;line-height:1.05}.module-description{font-size:1.15rem;color:var(--body-white);line-height:1.75;max-width:880px}.sketchbook-mockup-frame{position:relative;width:100%;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sketchbook);background-color:#121212;cursor:zoom-in;transition:transform var(--transition-base),box-shadow var(--transition-base);border:1px solid #222222}.sketchbook-mockup-frame:hover{transform:translateY(-4px);box-shadow:0 40px 80px -15px #000000f2}.sketchbook-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.sketchbook-zoom-indicator{position:absolute;top:1.25rem;right:1.25rem;background-color:#161616d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--heading-cream);border:1px solid rgba(255,255,255,.15);padding:.45rem .85rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.45rem;opacity:0;transform:translateY(-6px);transition:all var(--transition-fast);pointer-events:none}.sketchbook-mockup-frame:hover .sketchbook-zoom-indicator{opacity:1;transform:translateY(0)}.sketchbook-zoom-indicator svg{width:14px;height:14px;stroke:currentColor}.sketchbook-pin-note{position:absolute;bottom:1.5rem;left:1.5rem;background-color:var(--accent-red);color:#fff;padding:.35rem .9rem;border-radius:var(--radius-sm);font-family:var(--font-handwriting);font-size:1.25rem;font-weight:700;transform:rotate(-3deg);box-shadow:0 5px 15px #00000080;pointer-events:none}.animation-breakdown-box{width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:#0f0f0f;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.breakdown-view-modes{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.4rem;background-color:#171717;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:.8rem}.breakdown-modes-tabs{display:flex;align-items:center;gap:.4rem}.breakdown-tab-btn{padding:.35rem .85rem;font-size:.82rem;font-weight:600;color:var(--text-grey);border-radius:var(--radius-pill);transition:all var(--transition-fast)}.breakdown-tab-btn.active{background-color:var(--accent-red);color:#fff}.breakdown-fps-badge{font-size:.8rem;font-family:monospace;color:var(--gold-accent)}.breakdown-screen-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;overflow:hidden}.breakdown-canvas{width:100%;height:100%;object-fit:cover;display:block}.storyboard-panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.storyboard-interactive-card{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.storyboard-interactive-card:hover{transform:translateY(-4px);border-color:var(--accent-red)}.stb-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;filter:contrast(105%)}.stb-card-footer{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.stb-scene-label{font-family:var(--font-handwriting);font-size:1.2rem;color:var(--pink-neon);font-weight:700}.stb-camera-action{font-size:.82rem;color:var(--text-grey);font-weight:600}.illustrations-masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.8rem);margin-top:2rem}.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:var(--card-bg);border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.gallery-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px #000c;border-color:#e0294a80}.gallery-item.span-2-row{grid-row:span 2}.gallery-item-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-smooth)}.gallery-item:hover .gallery-item-image{transform:scale(1.03)}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.2rem 1rem;background:linear-gradient(to top,rgba(15,15,15,.95) 0%,rgba(15,15,15,.4) 70%,transparent 100%);display:flex;flex-direction:column;gap:.25rem;opacity:0;transform:translateY(8px);transition:all var(--transition-fast)}.gallery-item:hover .gallery-item-overlay{opacity:1;transform:translateY(0)}.gallery-item-title{font-size:1.15rem;font-weight:800;color:var(--heading-cream)}.gallery-item-tag{font-family:var(--font-handwriting);font-size:1.1rem;color:var(--accent-red)}.portfolio-footer-section{padding:clamp(6rem,12vw,12rem) 0 4rem 0;position:relative;text-align:center}.footer-card{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(3rem,6vw,6rem) clamp(1.5rem,4vw,4rem);max-width:960px;margin:0 auto;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.footer-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--accent-red),transparent)}.thank-you-script{font-family:var(--font-handwriting);font-size:clamp(3.5rem,7vw,6.5rem);color:var(--heading-cream);font-weight:700;margin-bottom:.5rem;transform:rotate(-2deg);display:inline-block}.thank-you-note{font-size:1.25rem;color:var(--text-grey);max-width:620px;margin:0 auto 2.5rem}.footer-contact-chips-wrap{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:3rem}.footer-contact-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.4rem;background-color:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.95rem;color:var(--body-white);transition:all var(--transition-fast)}.footer-contact-chip:hover{background-color:var(--accent-red);border-color:var(--accent-red);color:#fff;transform:translateY(-2px)}.hire-arnav-cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 2.5rem;background-color:var(--accent-red);color:#fff;font-family:var(--font-heading);font-size:1.25rem;font-weight:800;letter-spacing:.02em;border-radius:var(--radius-pill);box-shadow:0 10px 30px #e0294a73;transition:all var(--transition-fast)}.hire-arnav-cta-btn:hover{background-color:var(--accent-red-hover);transform:scale(1.04);box-shadow:0 15px 40px #e0294a99}.footer-copyright{margin-top:3.5rem;font-size:.85rem;color:var(--text-dark-grey)}.floating-hire-pill{position:fixed;bottom:2rem;right:var(--gutter);z-index:99;display:flex;align-items:center;gap:.85rem;background-color:#161616f0;border:1px solid var(--accent-red-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.5rem .6rem;border-radius:var(--radius-pill);box-shadow:0 15px 35px #000000bf;transition:transform var(--transition-base),opacity var(--transition-base)}.floating-hire-pill.dismissed{opacity:0;transform:translateY(20px) scale(.9);pointer-events:none}.hire-pill-avatar-monogram{width:36px;height:36px;border-radius:50%;background-color:var(--accent-red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:.85rem;font-weight:800;letter-spacing:-.02em;box-shadow:0 0 10px #e0294a80;flex-shrink:0}.hire-pill-text{display:flex;flex-direction:column}.hire-pill-status{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#00e676}.hire-pill-status:before{content:"";width:6px;height:6px;border-radius:50%;background-color:#00e676;box-shadow:0 0 6px #00e676}.hire-pill-label{font-size:.86rem;font-weight:700;color:var(--heading-cream)}.hire-pill-action-btn{padding:.4rem 1rem;background-color:var(--accent-red);color:#fff;border-radius:var(--radius-pill);font-size:.82rem;font-weight:700;transition:all var(--transition-fast)}.hire-pill-action-btn:hover{background-color:var(--accent-red-hover);transform:scale(1.05)}.hire-pill-close-btn{color:var(--text-grey);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:color var(--transition-fast)}.hire-pill-close-btn:hover{color:#fff}.lightbox-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0af0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base);padding:2rem}.lightbox-modal.active{opacity:1;visibility:visible;pointer-events:auto}.lightbox-close-btn{position:absolute;top:2rem;right:2.5rem;color:var(--heading-cream);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff14;transition:all var(--transition-fast)}.lightbox-close-btn:hover{background-color:var(--accent-red);color:#fff;transform:rotate(90deg)}.lightbox-img-container{max-width:90vw;max-height:80vh;position:relative;display:flex;align-items:center;justify-content:center}.lightbox-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 30px 80px #000000e6}.lightbox-caption-bar{margin-top:1.25rem;display:flex;align-items:baseline;gap:1.5rem;text-align:center}.lightbox-caption-title{font-size:1.3rem;font-weight:700;color:var(--heading-cream)}.lightbox-caption-meta{font-family:var(--font-handwriting);font-size:1.2rem;color:var(--accent-red)}.hire-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0ae0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-base);padding:1.5rem}.hire-modal.active{opacity:1;visibility:visible;pointer-events:auto}.hire-modal-card{width:100%;max-width:640px;background-color:#1a1a1a;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(2rem,4vw,3rem);position:relative;box-shadow:0 30px 70px #000000f2;transform:translateY(20px);transition:transform var(--transition-base)}.hire-modal.active .hire-modal-card{transform:translateY(0)}.hire-modal-close{position:absolute;top:1.5rem;right:1.5rem;color:var(--text-grey);transition:color var(--transition-fast)}.hire-modal-close:hover{color:var(--accent-red)}.hire-modal-title{font-size:2.2rem;font-weight:800;color:var(--heading-cream);margin-bottom:.3rem}.hire-modal-sub{font-size:1rem;color:var(--text-grey);margin-bottom:1.8rem}.hire-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-red)}.form-input,.form-textarea{background-color:#121212;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#fff;font-family:inherit;font-size:.98rem;outline:none;transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-red)}.form-submit-btn{padding:.9rem 1.8rem;background-color:var(--accent-red);color:#fff;font-weight:700;font-size:1.05rem;border-radius:var(--radius-pill);transition:all var(--transition-fast);margin-top:.5rem}.form-submit-btn:hover{background-color:var(--accent-red-hover);transform:translateY(-2px)}@media(max-width:1100px){.about-card-container{grid-template-columns:1fr;gap:2.5rem}.about-col-portrait{max-width:400px;margin:0 auto;width:100%}.about-col-right{border-left:none;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:2rem}.contents-three-columns{grid-template-columns:1fr;gap:2rem}.project-info-row{grid-template-columns:1fr;gap:1.5rem}.illustrations-masonry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--gutter: 1.25rem;--section-spacing: 3.5rem}html,body{overflow-x:hidden;max-width:100vw}.portfolio-canvas{padding:0 var(--gutter);overflow-x:hidden}.cover-content{padding:3.5rem .5rem 2rem;gap:.5rem}.cover-sub-top{font-size:clamp(1.6rem,5.5vw,2.2rem)}.cover-title-main{font-size:clamp(3.2rem,13.5vw,5.5rem);margin:.2rem 0;line-height:.92}.neon-brush-p,.neon-brush-o{display:none}.cover-sub-middle{font-size:1.4rem}.cover-artist-name{font-size:clamp(2.4rem,8.5vw,3.8rem)}.cover-artist-name:after{height:4px;bottom:-2px}.cover-badge-creative-director{padding:.35rem .85rem;font-size:.72rem}.about-me-section{padding:3rem 0}.about-card-container{padding:1.6rem 1.2rem;border-radius:var(--radius-md);gap:1.8rem}.designer-emblem-card{padding:1.5rem 1rem;aspect-ratio:auto}.emblem-inner-ring{width:90px;height:90px;margin-bottom:.9rem}.emblem-monogram{font-size:2.2rem}.emblem-designer-title{font-size:1.25rem}.about-bio-text{font-size:1.02rem;line-height:1.7;margin-bottom:1.4rem}.about-sub-grid{grid-template-columns:1fr;gap:1.5rem}.doodle-word-cloud{gap:.45rem}.word-tag{font-size:1.1rem;padding:.2rem .6rem}.contact-chips-row{flex-direction:column;width:100%;gap:.6rem}.contact-pill-chip{width:100%;justify-content:center}.contents-section{padding:3.5rem 0}.contents-main-title{font-size:clamp(2.6rem,9vw,4rem)}.contents-column{padding:1.5rem 1.2rem;gap:1.2rem}.contents-watermark-numeral{font-size:5rem;top:-10px;right:10px}.contents-category-name{font-size:1.75rem}.contents-item-link{font-size:.95rem;line-height:1.45}.chapter-divider-band{padding:3rem 0 1.5rem}.chapter-huge-title{font-size:clamp(2.4rem,9.5vw,4.8rem);line-height:.95;margin-bottom:1rem}.chapter-progress-row{gap:.6rem;margin-bottom:.8rem}.project-header-module{margin-bottom:3.5rem}.project-title-cluster{margin-bottom:1.2rem}.project-numeral-backdrop{left:0;font-size:clamp(4.5rem,15vw,7rem);top:-12px}.project-title-text{font-size:clamp(1.8rem,6.5vw,3rem);line-height:1.1}.project-subtitle-text{font-size:1rem;line-height:1.4}.project-meta-pills-row{gap:.4rem;margin-top:.6rem}.meta-tag-pill{font-size:.72rem;padding:.2rem .6rem}.case-study-hero-frame{margin-bottom:1rem;border-radius:var(--radius-sm)}.case-study-hero-image{width:100%;height:auto;max-height:none;object-fit:contain;display:block}.certificate-frame-img{padding:.6rem}.banner-overlapping-element{bottom:10px;right:10px;font-size:.95rem;padding:.35rem .75rem}.palette-swatches-strip{padding:1rem 1.1rem;margin:.8rem 0 1.5rem;gap:.65rem}.palette-header-row{flex-direction:column;align-items:flex-start;gap:.2rem}.palette-swatches-row{gap:.5rem}.swatch-card{padding:.3rem .65rem .3rem .35rem}.swatch-color-pill{width:18px;height:18px}.swatch-hex{font-size:.72rem}.swatch-name{font-size:.65rem}.project-info-row{padding:1.3rem;gap:1.25rem;margin-bottom:2.5rem}.info-block-body{font-size:.96rem;line-height:1.65}.portfolio-footer-section{padding:4rem 0 2rem}.footer-card{padding:2.5rem 1.2rem}.thank-you-script{font-size:clamp(3rem,10vw,4.5rem)}.thank-you-note{font-size:1.05rem;margin-bottom:1.8rem}.footer-contact-chips-wrap{flex-direction:column;width:100%;align-items:center;gap:.75rem;margin-bottom:2rem}.footer-contact-chip,.hire-arnav-cta-btn{width:100%;max-width:320px;justify-content:center}.footer-copyright{font-size:.78rem;line-height:1.5}.hire-modal{padding:1rem}.hire-modal-card{padding:1.8rem 1.2rem}.hire-modal-title{font-size:1.8rem}.hire-modal-close{top:1rem;right:1rem}}@media(max-width:480px){:root{--gutter: 1rem}.cover-title-main{font-size:clamp(2.8rem,13vw,3.8rem)}.cover-artist-name{font-size:clamp(2rem,9vw,2.8rem)}.project-title-text{font-size:1.65rem}.palette-swatches-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.swatch-card{width:100%;justify-content:flex-start}}.contents-hover-preview{position:fixed;top:0;left:0;width:250px;background-color:#1a1a1a;border:1.5px solid var(--accent-red);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 45px #000000e6;pointer-events:none;z-index:1000;opacity:0;transform:scale(.92) translateY(-50%);transition:opacity .18s ease,transform .18s ease}.contents-hover-preview.active{opacity:1;transform:scale(1) translateY(-50%)}@media(max-width:900px),(pointer:coarse){.contents-hover-preview{display:none!important}}.contents-hover-preview img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.contents-hover-caption{padding:.5rem .8rem;font-size:.78rem;font-weight:700;color:var(--heading-cream);background-color:#141414;border-top:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta-pills-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.meta-tag-pill{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .75rem;border-radius:var(--radius-pill);background-color:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-grey);transition:all var(--transition-fast)}.meta-tag-pill.highlight{color:var(--accent-red);border-color:var(--accent-red-border);background-color:var(--accent-red-dim)}.meta-tag-pill.year{color:var(--gold-accent);border-color:#e5b25d4d}.palette-swatches-strip{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.6rem;margin:-1rem 0 2rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 10px 25px #00000080}.palette-header-row{display:flex;align-items:baseline;justify-content:space-between}.palette-title-group{display:flex;align-items:center;gap:.6rem}.palette-dot-marker{width:6px;height:6px;border-radius:50%;background-color:var(--accent-red)}.palette-main-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--heading-cream)}.palette-sub-hint{font-size:.75rem;color:var(--text-dark-grey)}.palette-swatches-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.swatch-card{display:flex;align-items:center;gap:.65rem;background-color:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:.35rem .85rem .35rem .45rem;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.swatch-card:hover{border-color:var(--accent-red);background-color:#e0294a14;transform:translateY(-2px)}.swatch-color-pill{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);flex-shrink:0;box-shadow:inset 0 0 4px #0006}.swatch-info-wrap{display:flex;flex-direction:column}.swatch-hex{font-family:monospace;font-size:.78rem;font-weight:700;color:var(--body-white);line-height:1.1}.swatch-name{font-size:.7rem;color:var(--text-grey);line-height:1}.swatch-card.copied .swatch-hex{color:#00e676}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}