@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#000325;background:#fbfaf7;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--yellow: #f2ce5c;--peach: #f3a766;--rose: #d94179;--ink: #131358;--night: #000325;--paper: #fbfaf7;--soft: #f1eee8;--line: rgb(0 3 37 / 10%)}*{box-sizing:border-box}::selection{background:transparent;color:var(--yellow)}::-moz-selection{background:transparent;color:var(--yellow)}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}main{overflow:hidden}.page-pad{padding-left:clamp(18px,5vw,72px);padding-right:clamp(18px,5vw,72px)}.site-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf7d6;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;left:0;padding:16px clamp(18px,4vw,56px);position:fixed;right:0;top:0;z-index:20}.brand{display:block;font-family:Space Grotesk,sans-serif;position:relative;width:78px;z-index:32}.brand img{display:block;height:auto;transition:transform .22s ease;width:100%}.brand:hover img{transform:translateY(-2px) scale(1.04)}nav{align-items:center;display:flex;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:850;gap:8px;letter-spacing:0;text-transform:uppercase}nav a{border:1px solid transparent;border-radius:999px;line-height:1;min-height:38px;padding:12px 13px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}nav a:hover{background:#d9417914;color:var(--rose);transform:translateY(-2px)}nav a.active{background:#fff;border-color:#d941793d;color:var(--rose)}.nav-cta,.button{align-items:center;display:inline-flex;gap:8px}.nav-cta{background:var(--night);border:0;border-radius:999px;color:#fff;text-transform:uppercase;padding:10px 14px}.nav-cta:hover{background:var(--rose);color:#fff}.nav-cta.active{border-color:transparent}.menu-toggle{align-items:center;background:var(--night);border:0;border-radius:999px;color:#fff;cursor:pointer;display:none;height:42px;justify-content:center;transition:background .18s ease,transform .18s ease;width:42px}.menu-toggle:hover{background:var(--rose);transform:translateY(-2px)}.menu-toggle.is-open{background:var(--rose)}h1,h2,h3,p{margin-top:0}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(48px,8vw,116px);font-weight:700;letter-spacing:0;line-height:.9;margin-bottom:28px}h2{font-family:Space Grotesk,sans-serif;font-size:clamp(34px,5vw,76px);letter-spacing:0;line-height:.96;margin-bottom:0}.eyebrow{color:var(--rose);font-size:13px;font-weight:900;margin:0 0 18px;min-height:1.1em;text-transform:uppercase}.typewriter-eyebrow{align-items:center;display:inline-flex;gap:4px}.typewriter-eyebrow i{animation:type-caret .9s steps(2,jump-none) infinite;background:currentColor;display:inline-block;height:1em;transform:translateY(1px);width:2px}@keyframes type-caret{50%{opacity:0}}.intro{color:#000325b3;font-size:clamp(18px,2vw,23px);line-height:1.48;max-width:720px}.button{border-radius:999px;font-weight:850;min-height:48px;padding:0 18px;transition:background .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}.button:hover{box-shadow:0 14px 34px #1313582e;transform:translateY(-3px)}.primary{background:var(--night);color:#fff}.secondary{background:#fff;border:1px solid var(--line)}.secondary:hover{background:var(--yellow);color:var(--night)}.home-hero{display:grid;gap:clamp(34px,6vw,96px);grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);min-height:100vh;padding-bottom:78px;padding-top:132px}.hero-copy{align-self:center;max-width:780px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.kinetic-board{align-self:center;aspect-ratio:.95;background:radial-gradient(circle at 16% 12%,rgb(242 206 92 / 70%),transparent 23%),radial-gradient(circle at 82% 76%,rgb(217 65 121 / 18%),transparent 36%),linear-gradient(145deg,#fff,#f5efe5 42%,#e8e8f5);border:1px solid var(--line);border-radius:8px;min-height:620px;overflow:hidden;position:relative}.kb,.kb-logo,.kb-chip{border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #13135829;position:absolute}.kb{background:#fff;object-fit:cover;transition:transform .32s ease;z-index:2}.kb-1{height:28%;right:6%;top:6%;transform:rotate(3deg);width:34%}.kb-2{bottom:8%;height:34%;left:8%;transform:rotate(-2deg);width:42%}.kb-3{height:25%;left:8%;top:48%;transform:rotate(5deg);width:36%}.kb-logo{background:#ffffffe0;left:50%;padding:22px;top:43%;transform:translate(-50%,-50%);transition:transform .32s ease;width:54%;z-index:4}.lg-logo-board{padding:28px 42px;width:34%}.kinetic-board:hover .kb-logo{transform:translate(-50%,-50%) scale(1.04)}.kb-chip{background:#000325eb;bottom:11%;color:#fff;display:block;column-gap:12px;row-gap:4px;min-height:auto;overflow:visible;padding:12px 14px 12px 18px;right:8%;width:min(270px,44%);z-index:5}.kb-dot{background:var(--rose);border-radius:50%;box-shadow:0 12px 32px #d941796b;height:9px;left:calc(var(--title-width) + 14px);position:absolute;top:50%;transform:translateY(-50%) scale(1);transform-origin:center;width:9px}.kb-chip.is-idle .kb-dot{animation:dot-trip 3.8s cubic-bezier(.76,0,.24,1) infinite}.kb-chip.is-exiting .kb-dot{animation:dot-wipe-left .72s cubic-bezier(.76,0,.24,1) forwards}.kb-chip.is-entering .kb-dot{animation:dot-wipe-right 1.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes dot-trip{0%,to{transform:translateY(-50%) translate(0) scale(1)}24%{transform:translateY(-50%) translate(0) scale(1)}36%{transform:translateY(-50%) translate(14px) scale(1.18)}45%{transform:translateY(-50%) translate(8px) scale(.96)}53%{transform:translateY(-50%) translate(11px) scale(1.05)}62%{transform:translateY(-50%) translate(4px) scale(.98)}72%{transform:translateY(-50%) translate(0) scale(1)}}.kb-chip>span{color:var(--yellow);display:block;font-size:12px;font-weight:900;line-height:1;margin-bottom:4px;text-transform:uppercase}.kb-chip strong{align-items:center;display:block;font-size:18px;line-height:1;min-width:170px;overflow:visible;position:relative;z-index:1}.kb-title-track{display:inline-block;min-height:1em;position:relative;width:calc(var(--title-width) + 34px)}.kb-title{color:#fff;display:inline-block;font:inherit;left:0;line-height:inherit;margin:0;max-width:var(--title-width);overflow:hidden;position:absolute;top:0;text-transform:none;white-space:nowrap}.kb-chip.is-exiting .kb-title{animation:chip-title-wipe-out .72s cubic-bezier(.76,0,.24,1) forwards}.kb-chip.is-entering .kb-title{animation:chip-title-wipe-in 1.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes dot-wipe-left{0%{left:calc(var(--title-width) + 14px);transform:translateY(-50%) scale(1)}18%{left:calc(var(--title-width) + 18px);transform:translateY(-50%) scale(1.12)}to{left:0;transform:translateY(-50%) scale(1)}}@keyframes dot-wipe-right{0%{left:0;transform:translateY(-50%) scale(1)}74%{left:calc(var(--title-width) + 14px);transform:translateY(-50%) scale(1)}88%{left:calc(var(--title-width) + 18px);transform:translateY(-50%) scale(1.12)}to{left:calc(var(--title-width) + 14px);transform:translateY(-50%) scale(1)}}@keyframes chip-title-wipe-out{0%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 100% 0 0);opacity:1}}@keyframes chip-title-wipe-in{0%{clip-path:inset(0 100% 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}.project-rain{inset:-24% -8% -28%;-webkit-mask-image:linear-gradient(180deg,transparent,black 12%,black 91%,transparent);mask-image:linear-gradient(180deg,transparent,black 12%,black 91%,transparent);overflow:visible;position:absolute;z-index:3}.project-rain a{animation:project-fall var(--d) linear infinite;animation-delay:var(--delay);aspect-ratio:1.18;display:block;height:auto;left:var(--x);opacity:0;position:absolute;top:-180px;transform:translateY(-120px) scale(var(--s)) rotate(var(--r1));width:clamp(154px,16.5vw,232px)}.project-rain a:hover{animation-play-state:paused;z-index:6}.rain-card{background:#fff;border:1px solid rgb(255 255 255 / 72%);border-radius:8px;box-shadow:0 18px 44px #1313582e;display:block;height:100%;overflow:hidden;position:relative;transition:box-shadow .24s ease,transform .24s ease;width:100%}.project-rain a:hover .rain-card{box-shadow:0 28px 72px #1313583d;transform:scale(1.15)}.rain-card img{display:block;height:100%;object-fit:cover;width:100%}.rain-card:after{background:linear-gradient(180deg,transparent 30%,rgb(0 3 37 / 74%));content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.rain-cta{background:#ffffffeb;border:1px solid rgb(255 255 255 / 66%);border-radius:999px;bottom:12px;color:var(--night);font-size:11px;font-weight:900;left:12px;letter-spacing:0;opacity:0;padding:8px 10px;position:absolute;text-transform:uppercase;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;z-index:1}.project-rain a:hover .rain-card:after,.project-rain a:hover .rain-cta{opacity:1}.project-rain a:hover .rain-cta{transform:translateY(0)}@keyframes project-fall{0%{opacity:0;transform:translateY(-150px) scale(var(--s)) rotate(var(--r1))}10%{opacity:.95}88%{opacity:.95}to{opacity:0;transform:translateY(900px) scale(var(--s)) rotate(var(--r2))}}.scroll-words{background:var(--night);color:#fff;padding:clamp(88px,13vw,180px) clamp(18px,5vw,72px)}.word-fade{display:flex;flex-wrap:wrap;font-size:clamp(38px,6.8vw,106px);gap:.08em .22em;line-height:.98;margin:0;max-width:1260px}.word-fade span{opacity:.08;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.word-fade span.is-visible{opacity:1;transform:translateY(0)}.home-random,.case-section,.video-section,.experience-section,.skills-section,.contact-section{padding-bottom:clamp(72px,10vw,140px);padding-top:clamp(72px,10vw,140px)}.section-heading{display:grid;gap:18px;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);margin-bottom:44px}.random-wall{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.portfolio-modes{background:var(--night);display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:clamp(72px,10vw,140px);padding-top:clamp(72px,10vw,140px)}.mode-card{background:#ffffff14;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;color:#fff;min-height:280px;padding:24px;transition:background .22s ease,transform .22s ease}.mode-card:nth-child(2){transform:translateY(34px)}.mode-card:hover{background:#ffffff21;transform:translateY(-6px)}.mode-card:nth-child(2):hover{transform:translateY(26px)}.mode-card span{color:var(--yellow);font-size:13px;font-weight:900;text-transform:uppercase}.mode-card h3{font-size:clamp(32px,4vw,58px);line-height:.96;margin:84px 0 18px}.mode-card p{color:#ffffffb8;line-height:1.5;margin-bottom:0}.random-tile{background:var(--soft);border:1px solid var(--line);border-radius:8px;min-height:220px;overflow:hidden;position:relative;transition:box-shadow .22s ease,transform .22s ease}.random-tile img{display:block;height:100%;object-fit:cover;transition:filter .22s ease,transform .38s ease;width:100%}.random-tile:hover{box-shadow:0 18px 50px #13135829;transform:translateY(-6px)}.random-tile:hover img{filter:saturate(1.08);transform:scale(1.045)}.random-tile span{background:var(--night);border-radius:999px;bottom:14px;color:#fff;font-size:13px;font-weight:850;left:14px;padding:8px 12px;position:absolute;transition:background .2s ease,color .2s ease,transform .2s ease}.random-tile:hover span{background:var(--rose);color:#fff;transform:translateY(-2px)}.tile-1,.tile-5{grid-column:span 5}.tile-2,.tile-6{grid-column:span 3}.tile-3,.tile-4,.tile-7,.tile-8{grid-column:span 4}.home-jump{background:var(--soft);display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:clamp(72px,10vw,140px);padding-top:clamp(72px,10vw,140px)}.jump-card{align-items:flex-end;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:80px;min-height:320px;padding:28px;transition:background .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease}.jump-card:hover{background:var(--night);box-shadow:0 18px 50px #1313582e;color:#fff;transform:translateY(-6px)}.jump-card span{color:var(--rose);font-size:13px;font-weight:900;text-transform:uppercase}.jump-card strong{font-size:clamp(30px,5vw,64px);line-height:.98}.page-intro{padding-bottom:42px;padding-top:148px}.page-intro h1{max-width:1120px}.case-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:42px}.case-card,.video-card,.timeline-item{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:box-shadow .22s ease,transform .22s ease}.case-card:hover,.video-card:hover,.timeline-item:hover{box-shadow:0 18px 50px #13135824;transform:translateY(-6px)}.case-art{aspect-ratio:1.04;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;overflow:hidden;padding:24px;position:relative;z-index:0}.case-art:after{background:linear-gradient(180deg,#00032514,#00032599);content:"";inset:0;position:absolute;z-index:1}.case-art img{height:100%;inset:0;object-fit:cover;position:absolute;transition:filter .24s ease,transform .42s ease;width:100%;z-index:0}.case-card:hover .case-art img{filter:saturate(1.08);transform:scale(1.05)}.case-art span{font-size:13px;font-weight:900;position:relative;z-index:2}.case-art strong{font-size:clamp(30px,4vw,50px);line-height:.95;position:relative;text-shadow:0 2px 20px rgb(0 3 37 / 35%);z-index:2}.case-meta{padding:24px}.case-meta p,.video-card span,.timeline-item span{color:var(--rose);font-size:13px;font-weight:900;margin-bottom:12px;text-transform:uppercase}.case-meta h3,.video-card h3,.timeline-item h3{font-size:25px;line-height:1.05;margin-bottom:12px}.case-meta span,.video-card p,.video-card small,.timeline-item p,.timeline-item small{color:#000325a8;line-height:1.55}.mosaic{display:grid;gap:16px;grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr))}.mosaic-item{background:var(--soft);border:1px solid var(--line);border-radius:8px;margin:0;min-height:250px;overflow:hidden;transition:box-shadow .22s ease,transform .22s ease}a.mosaic-item{display:block}.mosaic-item img{display:block;height:100%;object-fit:cover;transition:transform .42s ease;width:100%}.mosaic-item:hover{box-shadow:0 18px 50px #13135824;transform:translateY(-6px)}.mosaic-item:hover img{transform:scale(1.045)}.m-1,.m-5{grid-column:span 2}.m-2{grid-row:span 2}.video-section,.skills-section{background:var(--soft)}.video-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.video-card{display:flex;flex-direction:column;min-height:380px;padding:22px}.video-preview{aspect-ratio:16 / 9;background:linear-gradient(135deg,rgb(0 3 37 / 18%),transparent),var(--night);border:1px solid var(--line);border-radius:6px;margin-bottom:18px;overflow:hidden;position:relative}.video-card video{aspect-ratio:16 / 9;display:block;object-fit:cover;transition:transform .22s ease;width:100%}.video-play-badge{align-items:center;background:#000325e0;border-radius:50%;color:#fff;display:flex;height:54px;justify-content:center;left:18px;pointer-events:none;position:absolute;top:18px;transition:opacity .18s ease,transform .18s ease;width:54px}.video-card:hover video{transform:scale(1.012)}.video-card:hover .video-play-badge{opacity:0;transform:scale(.82)}.play-token{background:var(--night);border-radius:50%;color:#fff;display:grid;height:46px;margin-bottom:auto;place-items:center;width:46px}.video-card small{display:block;margin-top:16px}.detail-hero{align-items:center;display:grid;gap:clamp(28px,6vw,88px);grid-template-columns:minmax(0,.78fr) minmax(360px,1fr);min-height:100vh;padding-bottom:clamp(70px,9vw,120px);padding-top:132px}.video-detail{gap:clamp(24px,4vw,58px);grid-template-columns:minmax(240px,1fr) minmax(0,3fr)}.video-detail .detail-copy h1{font-size:clamp(34px,3vw,54px)}.video-detail .detail-media{justify-self:stretch}.detail-copy{max-width:680px;min-width:0}.detail-copy h1{font-size:clamp(44px,4.8vw,70px);overflow-wrap:normal}.detail-copy .button{margin-top:18px}.detail-media{background:radial-gradient(circle at 18% 18%,rgb(242 206 92 / 28%),transparent 30%),#fff;aspect-ratio:1.34;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #1313581f;overflow:hidden;padding:clamp(12px,2vw,24px)}.detail-visual-stack{display:grid;gap:clamp(14px,1.8vw,22px);min-width:0}.image-zoom-trigger{color:inherit;cursor:zoom-in;display:block;font:inherit;position:relative;text-align:left;transition:box-shadow .22s ease,transform .22s ease}.image-zoom-trigger:hover{box-shadow:0 30px 90px #1313582e;transform:translateY(-4px)}.image-zoom-trigger span{background:#ffffffeb;border:1px solid rgb(255 255 255 / 76%);border-radius:999px;bottom:clamp(22px,3vw,34px);color:var(--night);font-size:12px;font-weight:900;left:clamp(22px,3vw,34px);opacity:0;padding:9px 12px;position:absolute;text-transform:uppercase;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.image-zoom-trigger:hover span{opacity:1;transform:translateY(0)}.detail-media img,.detail-media video{border-radius:6px;display:block;height:100%;max-height:660px;object-fit:cover;width:100%}.image-zoom-trigger img{background:#0003250a;object-fit:contain}.video-player video{object-fit:cover}.video-player{aspect-ratio:auto}.image-lightbox{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 18% 16%,rgb(242 206 92 / 22%),transparent 28%),radial-gradient(circle at 82% 70%,rgb(217 65 121 / 14%),transparent 30%),#fbfaf7f0;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:clamp(18px,4vw,56px);position:fixed;z-index:80}.image-lightbox img{background:#fff;border-radius:8px;box-shadow:0 34px 110px #13135838;max-height:86vh;max-width:min(1240px,94vw);object-fit:contain;padding:clamp(10px,1.4vw,18px)}.detail-gallery-grid{display:grid;gap:clamp(8px,1.1vw,14px);grid-auto-flow:dense;grid-auto-rows:clamp(68px,5.4vw,104px);grid-template-columns:repeat(6,minmax(0,1fr))}.gallery-tile{background:radial-gradient(circle at 20% 10%,rgb(242 206 92 / 18%),transparent 30%),#fbfaf7eb;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 55px #13135817;cursor:zoom-in;min-height:0;overflow:hidden;padding:0;transition:box-shadow .22s ease,transform .22s ease}.gallery-tile.is-active{border-color:#d9417985;box-shadow:0 18px 55px #d9417929}.gallery-tile:hover{box-shadow:0 26px 70px #13135826;transform:translateY(-5px)}.gallery-tile img{display:block;height:100%;object-fit:cover;object-position:center;transition:filter .22s ease,transform .42s ease;transform:scale(1.025);width:100%}.gallery-tile:hover img{filter:saturate(1.06);transform:scale(1.075)}.gallery-tile-1{grid-column:span 2;grid-row:span 2}.gallery-tile-2{grid-column:span 3;grid-row:span 1}.gallery-tile-3{grid-column:span 2;grid-row:span 1}.gallery-tile-4{grid-column:span 1;grid-row:span 2}.gallery-tile-5{grid-column:span 3;grid-row:span 2}.gallery-tile-6{grid-column:span 2;grid-row:span 1}.gallery-tile-7{grid-column:span 2;grid-row:span 2}.gallery-tile-8{grid-column:span 1;grid-row:span 1}.gallery-tile-9{grid-column:span 3;grid-row:span 1}.lightbox-close{align-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--night);cursor:pointer;display:flex;height:44px;justify-content:center;position:fixed;left:clamp(18px,3vw,34px);top:clamp(18px,3vw,34px);transition:background .18s ease,color .18s ease,transform .18s ease;width:44px}.lightbox-close:hover{background:var(--rose);color:#fff;transform:translateY(-2px)}.video-player{background:#fff}.video-player video{aspect-ratio:16 / 9;max-height:none}.detail-body{background:var(--soft);display:grid;gap:24px;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:start;padding-bottom:clamp(72px,10vw,140px);padding-top:clamp(72px,10vw,140px)}.detail-panel{align-self:start;background:var(--night);border-radius:8px;color:#fff;min-height:360px;padding:clamp(24px,4vw,44px)}.detail-panel span,.mini-project span{color:var(--rose);font-size:13px;font-weight:900;text-transform:uppercase}.detail-panel h2{margin:52px 0 22px}.detail-panel p{color:#ffffffb8;font-size:18px;line-height:1.6}.detail-related{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.single-related{align-self:start;grid-template-columns:minmax(0,1fr)}.single-related .mini-project{grid-template-rows:minmax(0,1fr) auto auto auto;height:var(--suggestion-height, auto);max-width:none;width:100%}.single-related .mini-project img{aspect-ratio:auto;height:100%;min-height:0}.mini-project{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;overflow:hidden;padding:14px;transition:box-shadow .22s ease,transform .22s ease}.mini-project:hover{box-shadow:0 18px 50px #13135824;transform:translateY(-6px)}.mini-project img{aspect-ratio:1.18;border-radius:6px;object-fit:cover;width:100%}.mini-project strong{font-size:22px;line-height:1.05}.mini-project small{color:#0003259e;line-height:1.45}.experience-studio{background:radial-gradient(circle at 18% 16%,rgb(242 206 92 / 20%),transparent 25%),radial-gradient(circle at 74% 56%,rgb(217 65 121 / 14%),transparent 32%),linear-gradient(135deg,transparent 0 48%,rgb(0 3 37 / 4%) 48.2% 48.8%,transparent 49%),var(--soft);overflow:hidden;padding-bottom:clamp(92px,12vw,170px);padding-top:clamp(38px,5vw,72px);position:relative}.experience-cards{display:grid;gap:clamp(18px,2.4vw,34px);grid-template-columns:repeat(12,minmax(0,1fr));margin:0 auto;max-width:1260px;position:relative}.experience-card{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;min-height:260px;opacity:0;padding:clamp(22px,3vw,34px);position:relative;transform:translateY(46px) scale(.96);transition:box-shadow .22s ease,rotate .22s ease,transform .22s ease}.experience-card.is-visible{animation:experience-card-in .78s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--card-delay, 0ms)}@keyframes experience-card-in{0%{opacity:0;transform:translateY(46px) scale(.96)}62%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}.experience-card:hover{box-shadow:0 18px 50px #13135824;rotate:0deg;transform:translateY(-8px)}.experience-card span{color:var(--rose);font-size:13px;font-weight:900;text-transform:uppercase}.experience-card h3{font-size:clamp(34px,4.4vw,68px);line-height:.96;margin:28px 0 0;text-transform:uppercase}.experience-card p{color:var(--night);font-weight:800;margin-bottom:0}.experience-card small{color:#000325a8;line-height:1.55}.experience-card-1{grid-column:1 / span 7;rotate:-1.2deg}.experience-card-2{grid-column:8 / span 5;margin-top:86px;rotate:1.4deg}.experience-card-3{grid-column:2 / span 4;margin-top:6px;rotate:1deg}.experience-card-4{grid-column:6 / span 6;margin-top:52px;rotate:-.8deg}.experience-card-5{grid-column:1 / span 5;margin-top:38px;rotate:-1deg}.experience-card-6{grid-column:6 / span 7;margin-top:-18px;rotate:1.1deg}.skills-section{display:grid;gap:42px;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr)}.skills-showcase{align-items:center;grid-template-columns:minmax(0,.78fr) minmax(420px,1fr)}.skill-web{animation:web-float 6s ease-in-out infinite;aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:8px;max-width:620px;padding:clamp(18px,4vw,44px);position:relative}.skill-web:before,.skill-web:after{border-radius:50%;content:"";filter:blur(2px);position:absolute}.skill-web:before{animation:web-orbit-one 8s linear infinite;background:var(--yellow);height:18px;left:50%;top:50%;width:18px}.skill-web:after{animation:web-orbit-two 10s linear infinite;background:var(--rose);height:14px;left:50%;top:50%;width:14px}@keyframes web-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes web-orbit-one{0%{transform:rotate(0) translate(178px) rotate(0)}to{transform:rotate(360deg) translate(178px) rotate(-360deg)}}@keyframes web-orbit-two{0%{transform:rotate(120deg) translate(124px) rotate(-120deg)}to{transform:rotate(480deg) translate(124px) rotate(-480deg)}}.skill-web svg{display:block;overflow:visible;width:100%}.skill-web line,.skill-web .web{fill:none;stroke:#0003252e;stroke-width:1.4}.skill-shape{animation:web-pulse 3.8s ease-in-out infinite;fill:#d9417938;stroke:var(--rose);stroke-width:3}@keyframes web-pulse{0%,to{transform:scale(1);transform-origin:210px 210px}50%{transform:scale(.96);transform-origin:210px 210px}}.skill-web span{background:var(--night);border-radius:999px;color:#fff;font-size:13px;font-weight:850;padding:9px 12px;position:absolute;transition:transform .25s ease,background .25s ease}.skill-web span:hover{background:var(--rose);transform:translateY(-4px)}.web-label-1{left:42%;top:5%}.web-label-2{right:3%;top:38%}.web-label-3{bottom:6%;right:18%}.web-label-4{bottom:6%;left:14%}.web-label-5{left:2%;top:38%}.skill-copy{align-self:center}.skill-copy h2{margin-bottom:20px}.skill-copy p:last-child{color:#000325a8;font-size:20px;line-height:1.55;max-width:560px}.skill-stack{display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}.skill-card{background:linear-gradient(145deg,#fffffff5,#ffffffc2),var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 70px #1313581a;container-type:inline-size;display:grid;min-height:230px;opacity:0;padding:22px;position:relative;transform:scale(.88) translateY(34px);transition:box-shadow .22s ease,transform .22s ease}.skill-card.is-visible{animation:skill-card-grow .76s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--skill-delay, 0ms)}@keyframes skill-card-grow{0%{opacity:0;transform:scale(.88) translateY(34px)}62%{opacity:1;transform:scale(1.035) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.skill-card:after{background:var(--rose);border-radius:50%;content:"";height:14px;position:absolute;right:22px;top:22px;width:14px}.skill-card:hover{box-shadow:0 26px 80px #13135829;transform:translateY(-8px)}.skill-card span{color:var(--rose);font-size:13px;font-weight:900}.skill-card strong{align-self:center;font-size:clamp(22px,12cqw,42px);line-height:.96;overflow-wrap:anywhere;text-transform:uppercase}.skill-card-1 strong,.skill-card-2 strong{font-size:clamp(28px,9cqw,48px)}.skill-card-4 strong,.skill-card-5 strong{font-size:clamp(22px,10cqw,38px)}.skill-card i{align-self:end;color:#00032585;font-style:normal;font-weight:900;justify-self:start}.skill-card-1{--level: 92;grid-column:span 3;min-height:300px}.skill-card-2{--level: 87;grid-column:span 3;margin-top:44px}.skill-card-3{--level: 82;background:var(--night);color:#fff;grid-column:span 2}.skill-card-3 i,.skill-card-3 span{color:var(--yellow)}.skill-card-4{--level: 78;grid-column:span 2;margin-top:28px}.skill-card-5{--level: 73;grid-column:span 2}.contact-section{background:var(--night);min-height:calc(100vh - 82px);padding-top:148px}.contact-page{background:radial-gradient(circle at 78% 18%,rgb(217 65 121 / 18%),transparent 28%),linear-gradient(180deg,var(--paper),#f4f1eb);align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,760px);justify-content:center;min-height:calc(100vh - 82px);padding-bottom:clamp(72px,10vw,140px);padding-top:148px;text-align:center}.contact-intro h1{font-size:clamp(48px,8vw,112px);margin-left:auto;margin-right:auto;max-width:760px}.contact-intro .intro{margin-left:auto;margin-right:auto;max-width:580px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #1313581a;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;max-width:720px;padding:clamp(20px,3vw,34px);text-align:left;width:100%}.contact-form label{display:grid;gap:8px}.contact-form .full{grid-column:1 / -1}.contact-form span,.contact-note span{color:var(--rose);font-size:12px;font-weight:900;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{background:#fbfaf7;border:1px solid var(--line);border-radius:8px;color:var(--night);font:inherit;min-height:48px;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--rose);box-shadow:0 0 0 4px #d941791f;outline:none}.contact-form button{border:0;cursor:pointer;justify-content:center;justify-self:start;min-width:190px}.contact-note{background:transparent;border-radius:8px;color:var(--muted);display:grid;gap:6px;justify-items:center;padding:0}.contact-note a{color:var(--night);font-size:18px;font-weight:800;overflow-wrap:anywhere}.logo-options{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:clamp(72px,10vw,140px)}.logo-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.logo-preview{align-items:center;background:linear-gradient(145deg,#fff,#f4f1eb),#fff;border:1px solid var(--line);border-radius:8px;display:flex;min-height:220px;padding:28px}.logo-preview img{display:block;width:100%}.logo-card p{color:var(--rose);font-size:13px;font-weight:900;margin:18px 0 8px;text-transform:uppercase}.logo-card h3{font-size:24px;margin-bottom:0}.contact-panel{align-items:center;background:linear-gradient(90deg,rgb(242 206 92 / 12%),transparent 36%),var(--ink);border:1px solid rgb(255 255 255 / 12%);border-radius:8px;color:#fff;display:flex;gap:34px;justify-content:space-between;padding:clamp(24px,5vw,58px)}.contact-panel h1{color:#fff;font-size:clamp(42px,6vw,92px);max-width:980px}.contact-panel .intro{color:#ffffffb8}.contact-panel .primary{background:#fff;color:var(--night);flex:0 0 auto}footer{align-items:center;background:var(--paper);display:flex;gap:18px;justify-content:space-between;padding:28px clamp(18px,5vw,72px)}footer span{color:#000325b3}footer a{color:#000325b3;font-weight:inherit;text-decoration:none;transition:color .18s ease,transform .18s ease}footer a:hover{color:var(--rose);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:980px){.menu-toggle{display:inline-flex;position:relative;z-index:31}nav{align-content:start;background:radial-gradient(circle at 18% 12%,rgb(217 65 121 / 16%),transparent 30%),#fbfaf7f5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-left:0;box-shadow:none;display:grid;gap:0;grid-auto-rows:min-content;height:100vh;justify-items:stretch;padding:118px clamp(22px,7vw,56px) 36px;pointer-events:none;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .42s cubic-bezier(.22,1,.36,1);width:100vw;z-index:21}nav.is-open{pointer-events:auto;transform:translate(0)}nav a,nav a:not(.nav-cta){align-items:center;background:transparent;border:0;border-bottom:1px solid rgb(0 3 37 / 12%);border-radius:0;display:flex;font-size:clamp(24px,6.2vw,42px);justify-content:flex-start;line-height:1;min-height:62px;opacity:0;padding:18px 0;transform:translate(44px);transition:color .18s ease,opacity .32s ease,transform .32s ease;text-transform:none}nav.is-open a{opacity:1;transform:translate(0)}nav.is-open a:nth-child(1){transition-delay:80ms}nav.is-open a:nth-child(2){transition-delay:.12s}nav.is-open a:nth-child(3){transition-delay:.16s}nav.is-open a:nth-child(4){transition-delay:.2s}nav.is-open a:nth-child(5){transition-delay:.24s}nav.is-open a:nth-child(6){transition-delay:.28s}nav a:hover,nav a.active{background:transparent;border-color:#0003251f;color:var(--rose);transform:translate(0)}.home-hero,.section-heading,.skills-section,.contact-page,.detail-hero,.detail-body,.experience-studio{grid-template-columns:1fr}.detail-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kinetic-board{min-height:520px}.case-grid,.video-grid,.detail-related,.logo-options{grid-template-columns:1fr}.single-related .mini-project{width:100%}.mosaic,.random-wall{grid-template-columns:1fr 1fr}.portfolio-modes{grid-template-columns:1fr}.mode-card,.mode-card:nth-child(2){transform:none;width:100%}.mode-card:hover,.mode-card:nth-child(2):hover{transform:translateY(-6px)}.random-tile,.tile-1,.tile-2,.tile-3,.tile-4,.tile-5,.tile-6,.tile-7,.tile-8{grid-column:auto}}@media(max-width:560px){.site-header{padding:13px 14px}.brand{width:70px}.nav-cta{padding:9px 12px}h1{font-size:48px}.home-hero{min-height:auto;padding-top:104px}.kinetic-board{min-height:360px}.kb-logo{padding:12px;width:50%}.kb-chip{bottom:8%;font-size:11px;padding:14px;right:4%;width:52%}.project-rain a{width:clamp(118px,38vw,176px)}.kb-dot{height:8px;width:8px}.word-fade{font-size:40px}.experience-cards{grid-template-columns:1fr}.experience-card,.experience-card-1,.experience-card-2,.experience-card-3,.experience-card-4,.experience-card-5,.experience-card-6{grid-column:auto;margin-top:0;min-height:auto;padding:20px;rotate:0deg}.experience-card h3{margin-top:12px}.random-wall,.home-jump,.mosaic,.portfolio-modes{grid-template-columns:1fr}.mode-card,.mode-card:nth-child(2){transform:none;width:100%}.mode-card:hover,.mode-card:nth-child(2):hover{transform:translateY(-6px)}.m-1,.m-5{grid-column:auto}.m-2{grid-row:auto}.jump-card{min-height:230px}.page-intro{padding-top:112px}.skill-web span{font-size:11px;padding:7px 9px}.skill-stack{grid-template-columns:1fr}.skill-card,.skill-card-1,.skill-card-2,.skill-card-3,.skill-card-4,.skill-card-5{grid-column:auto;margin-top:0;min-height:190px}.contact-panel{align-items:flex-start;flex-direction:column}.contact-note{grid-column:auto}.contact-form{grid-template-columns:1fr}.detail-hero{min-height:auto;padding-top:112px}.detail-copy h1{overflow-wrap:anywhere}.detail-gallery-grid{grid-auto-rows:96px;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tile,.gallery-tile-1,.gallery-tile-2,.gallery-tile-3,.gallery-tile-4,.gallery-tile-5,.gallery-tile-6,.gallery-tile-7,.gallery-tile-8,.gallery-tile-9{grid-column:span 1;grid-row:span 1}.detail-panel{min-height:auto}footer{align-items:flex-start;flex-direction:column;gap:12px}}