*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #1a1a2e;--color-bg-alt: #16213e;--color-bg-dark: #0f0f1a;--color-surface: #252545;--color-surface-hover: #2d2d55;--color-text: #f0ece2;--color-text-muted: #9a97a8;--color-accent: #e8d5b7;--color-accent-bright: #f5c96a;--color-link: #c9a96e;--color-border: rgba(255, 255, 255, .08);--font-sans: "Inter", -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--max-width: 1200px;--section-padding: 7rem 2rem;--transition-smooth: .4s cubic-bezier(.25, .46, .45, .94)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{padding-top:5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp .8s var(--transition-smooth) forwards}.animate-fade-in{animation:fadeIn 1s ease forwards}.animate-slide-left{animation:slideInLeft .8s var(--transition-smooth) forwards}.animate-slide-right{animation:slideInRight .8s var(--transition-smooth) forwards}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 3rem;position:fixed;top:0;left:0;right:0;z-index:100;background:#1a1a2ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background .3s}.navbar-logo a{font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--color-accent)}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:block;width:22px;height:2px;background:var(--color-text);position:relative;transition:.3s}.hamburger:before,.hamburger:after{content:"";position:absolute;width:22px;height:2px;background:var(--color-text);transition:.3s}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}.navbar-links{display:flex;list-style:none;gap:2.25rem}.navbar-links a{font-size:.85rem;color:var(--color-text-muted);transition:color var(--transition-smooth);position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-smooth)}.navbar-links a:hover,.navbar-links a.active{color:var(--color-text)}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.section-title{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:3rem;color:var(--color-text)}.section-subtitle{font-size:.85rem;color:var(--color-text-muted);margin-bottom:3rem;text-transform:uppercase;letter-spacing:.15em}.btn-explore{display:inline-block;font-size:.85rem;font-weight:500;color:var(--color-link);transition:all var(--transition-smooth);position:relative}.btn-explore:hover{color:var(--color-accent-bright);transform:translate(4px)}.project-link{font-size:.8rem;font-weight:500;color:var(--color-link);transition:all var(--transition-smooth);letter-spacing:.03em}.project-link:hover{color:var(--color-accent-bright);letter-spacing:.06em}.hero{min-height:100vh;display:flex;align-items:center;padding:6rem 3rem;max-width:none;margin:0;position:relative;background:#faf8f4;overflow:hidden}.hero-content{animation:slideInLeft 1s var(--transition-smooth) forwards;max-width:550px;padding-left:5%;position:relative;z-index:2}.hero-greeting{font-size:.9rem;color:#666;margin-bottom:1rem;font-weight:400;letter-spacing:.03em}.hero-title{font-family:var(--font-serif);font-size:3.2rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem;min-height:4.5rem;color:#1a1a2e}.rotating-text-wrapper{display:block;height:1.3em;overflow:hidden;position:relative}.rotating-text{display:block;color:#1a1a2e;-webkit-text-fill-color:#1a1a2e;animation:rotateWords 9s cubic-bezier(.68,-.55,.27,1.55) infinite;position:absolute;width:100%;opacity:0}.rotating-text:nth-child(1){animation-delay:0s}.rotating-text:nth-child(2){animation-delay:3s}.rotating-text:nth-child(3){animation-delay:6s}@keyframes rotateWords{0%{opacity:0;transform:translateY(100%)}3%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}33%{opacity:0;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}.hero-description{font-size:1rem;color:#555;max-width:480px;line-height:1.9;margin-bottom:2.5rem}.hero-education{display:flex;gap:2rem}.hero-edu-item{display:flex;align-items:center;gap:.75rem}.edu-icon-placeholder{width:36px;height:36px;background:#9370eb26;border-radius:50%;flex-shrink:0;border:1px solid rgba(147,112,235,.3)}.hero-edu-item p{font-size:.8rem;color:#666;line-height:1.5}.hero-visual{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1}.featured-vr{padding:4rem 2rem;max-width:var(--max-width);margin:0 auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.featured-vr-item{flex:1;min-width:250px;padding:2.5rem;background:linear-gradient(145deg,var(--color-surface),var(--color-bg-alt));border-radius:1.25rem;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.featured-vr-item:hover{transform:translateY(-3px);border-color:#c8a96e33;box-shadow:0 15px 40px #0000004d}.featured-vr-item h3{font-size:1rem;font-weight:500;line-height:1.5}.projects{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.project-card{background:var(--color-surface);border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.project-card:hover{transform:translateY(-6px);box-shadow:0 25px 70px #0006;border-color:#c8a96e26}.project-image{aspect-ratio:16/10;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.project-card:hover .project-image img{transform:scale(1.05)}.project-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-alt),var(--color-bg-dark));background-size:200% 100%;animation:shimmer 3s infinite}.project-info{padding:1.5rem}.project-category{font-size:.7rem;color:var(--color-accent-bright);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.project-title{font-size:1.15rem;font-weight:600;margin:.6rem 0}.project-description{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.7}.design-work{padding:0 2rem 7rem;max-width:var(--max-width);margin:0 auto}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.design-card{background:var(--color-surface);border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.design-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0000004d;border-color:#c8a96e26}.design-card-image{aspect-ratio:4/3;overflow:hidden}.design-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e1e3a,#2a2a4a)}.design-card-info{padding:1.25rem}.design-type{font-size:.65rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.1em}.design-title{font-size:1.05rem;font-weight:600;margin:.4rem 0 1rem}.other-work{padding:var(--section-padding);max-width:var(--max-width);margin:0 auto;border-top:1px solid var(--color-border)}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.other-card{background:var(--color-surface);border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.other-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0000004d;border-color:#c8a96e26}.other-card-image{aspect-ratio:16/9;overflow:hidden}.other-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#12122a,#1e1e40)}.other-card-info{padding:1.25rem}.other-title{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.other-description{font-size:.82rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.6}.footer{padding:var(--section-padding);text-align:center;border-top:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-bg),var(--color-bg-dark))}.footer-content{max-width:550px;margin:0 auto}.footer-cta{font-size:1rem;color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.8}.footer-email{display:inline-block;font-size:1.2rem;font-weight:600;color:var(--color-accent-bright);margin-bottom:2rem;transition:all var(--transition-smooth)}.footer-email:hover{color:var(--color-accent);transform:scale(1.03)}.footer-socials{display:flex;justify-content:center;gap:2.5rem;margin-bottom:2rem}.footer-socials a{color:var(--color-text-muted);font-size:.85rem;transition:all var(--transition-smooth);position:relative}.footer-socials a:hover{color:var(--color-text);transform:translateY(-2px)}.footer-copy{font-size:.75rem;color:var(--color-text-muted);opacity:.7}.about-page{max-width:var(--max-width);margin:0 auto;padding:2rem}.about-hero{padding:5rem 0;text-align:center;max-width:700px;margin:0 auto;animation:fadeInUp .8s var(--transition-smooth) forwards}.about-hero-subtitle{font-family:var(--font-serif);font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-text),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-description{font-size:1.15rem;color:var(--color-text-muted);line-height:1.7}.about-gallery{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:4rem 0}.gallery-item{background:var(--color-surface);border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0000004d}.gallery-image-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#1a1a3e,#2a2a50)}.gallery-item p{padding:1.5rem;font-size:.92rem;color:var(--color-text-muted);line-height:1.7}.about-bridge{text-align:center;padding:5rem 2rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about-bridge h2{font-family:var(--font-serif);font-size:2.2rem;margin-bottom:1.25rem;color:var(--color-accent)}.about-bridge p{color:var(--color-text-muted);font-size:1.05rem;max-width:600px;margin:0 auto;line-height:1.8}.about-bio{padding:5rem 0}.about-bio h2{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:.5rem}.about-bio h3{font-size:.95rem;color:var(--color-text-muted);margin-bottom:.75rem;font-weight:400}.about-bio p{color:var(--color-text-muted);margin-bottom:1rem;line-height:1.9;font-size:.95rem}.btn-resume{display:inline-block;margin-top:1.5rem;font-weight:500;color:var(--color-accent-bright);transition:all var(--transition-smooth);padding:.75rem 1.5rem;border:1px solid var(--color-accent-bright);border-radius:2rem;font-size:.85rem}.btn-resume:hover{background:var(--color-accent-bright);color:var(--color-bg-dark)}.about-skills{padding:4rem 0;border-top:1px solid var(--color-border)}.about-skills h2{font-family:var(--font-serif);font-size:2rem;margin-bottom:2rem}.skills-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2.5rem}.skills-column h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-bright);margin-bottom:1.25rem}.skills-column ul{list-style:none}.skills-column li{color:var(--color-text-muted);padding:.35rem 0;font-size:.88rem;transition:color .2s}.skills-column li:hover{color:var(--color-text)}.skills-text p{color:var(--color-text-muted);font-size:.88rem;margin-bottom:.75rem;line-height:1.8}.skills-text strong{color:var(--color-text)}.about-experience{padding:4rem 0;border-top:1px solid var(--color-border)}.about-experience h2{font-family:var(--font-serif);font-size:2rem;margin-bottom:2rem}.experience-list{display:flex;flex-direction:column;gap:1rem}.experience-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--color-surface);border-radius:1rem;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.experience-item:hover{border-color:#c8a96e26;transform:translate(4px)}.experience-role h4{font-size:.95rem;margin-bottom:.25rem}.experience-company{color:var(--color-text-muted);font-size:.82rem}.experience-period{color:var(--color-text-muted);font-size:.78rem;white-space:nowrap}.about-education-section{padding:4rem 0;border-top:1px solid var(--color-border)}.about-education-section h2{font-family:var(--font-serif);font-size:2rem;margin-bottom:2rem}.education-list{display:flex;flex-direction:column;gap:1rem}.education-item{padding:1.5rem 2rem;background:var(--color-surface);border-radius:1rem;border:1px solid var(--color-border)}.education-item h4{margin-bottom:.3rem}.education-item p{color:var(--color-text-muted);font-size:.88rem}.about-languages{padding:4rem 0;border-top:1px solid var(--color-border)}.about-languages h2{font-family:var(--font-serif);font-size:2rem;margin-bottom:1.5rem}.languages-list{display:flex;gap:1.5rem}.languages-list span{padding:.6rem 1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:2rem;font-size:.85rem;transition:all var(--transition-smooth)}.languages-list span:hover{border-color:var(--color-accent);color:var(--color-accent)}.arvr-page{max-width:var(--max-width);margin:0 auto;padding:2rem}.arvr-intro{padding:4rem 0;max-width:720px;animation:fadeInUp .8s var(--transition-smooth) forwards}.arvr-intro-text{font-size:1.25rem;line-height:1.8;color:var(--color-text-muted);font-style:italic}.arvr-projects{padding:2rem 0}.arvr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.arvr-card{background:var(--color-surface);border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.arvr-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000059;border-color:#c8a96e26}.arvr-card-image{aspect-ratio:16/9;overflow:hidden}.arvr-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0f1624,#1a2a4a);background-size:200% 200%;animation:gradientShift 6s ease infinite}.arvr-card-info{padding:1.25rem}.arvr-card-title{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.arvr-card-description{font-size:.82rem;color:var(--color-text-muted);margin-bottom:.75rem;line-height:1.6}.arvr-card-tech{font-size:.7rem;color:var(--color-accent-bright);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.art3d-section{padding:5rem 0;border-top:1px solid var(--color-border)}.art3d-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.art3d-card{background:var(--color-surface);border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-smooth)}.art3d-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000004d}.art3d-image{aspect-ratio:1;overflow:hidden}.art3d-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a3a,#2a2a50)}.art3d-info{padding:1.25rem}.art3d-info h3{font-size:.95rem;margin-bottom:.5rem}.art3d-info p{font-size:.82rem;color:var(--color-text-muted);line-height:1.6}.arvr-other{padding:5rem 0;border-top:1px solid var(--color-border)}.arvr-other-placeholder{padding:3rem;background:var(--color-surface);border-radius:1.25rem;text-align:center;color:var(--color-text-muted);border:1px solid var(--color-border)}.teaching-page{max-width:var(--max-width);margin:0 auto;padding:2rem}.teaching-hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2.5rem;animation:fadeIn 1.2s ease forwards}.teaching-greeting{color:var(--color-text-muted);font-size:.9rem;letter-spacing:.05em}.teaching-title{font-family:var(--font-serif);font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--color-text),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.teaching-focus{font-size:1.2rem;max-width:500px;line-height:1.6}.teaching-description{font-size:.95rem;color:var(--color-text-muted);max-width:550px;line-height:1.8}.teaching-education{display:flex;gap:3rem}.teaching-edu-item{display:flex;align-items:center;gap:1rem}.edu-icon-placeholder{width:40px;height:40px;background:var(--color-surface);border-radius:50%;flex-shrink:0;border:1px solid var(--color-border)}.teaching-edu-item p{font-size:.85rem;color:var(--color-text-muted);text-align:left;line-height:1.6}.teaching-image-placeholder{width:280px;height:380px;background:linear-gradient(145deg,var(--color-surface),var(--color-bg-alt));border-radius:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px solid var(--color-border);box-shadow:0 25px 60px #00000040}.teaching-quote{max-width:480px}.teaching-quote p{font-family:var(--font-serif);font-size:1.2rem;font-style:italic;color:var(--color-accent);line-height:1.6}@media (max-width: 768px){.navbar{padding:1rem 1.5rem}.navbar-toggle{display:block}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#1a1a2efa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;gap:1.5rem;border-bottom:1px solid var(--color-border)}.navbar-links--open{display:flex}.hero{min-height:auto;padding:6rem 1.5rem}.hero-content{padding-left:0;max-width:100%}.hero-title{font-size:2.2rem}.hero-education{flex-direction:column;gap:1rem}.gradient-blob-wrapper{width:100%;clip-path:none;opacity:.3}.about-snippet,.projects-grid,.design-grid,.other-grid,.about-gallery,.skills-columns,.arvr-grid,.art3d-grid{grid-template-columns:1fr}.teaching-education{flex-direction:column;gap:1.5rem}.teaching-title{font-size:2.5rem}.featured-vr{flex-direction:column}.experience-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){:root{--section-padding: 4rem 1.25rem}.hero-title{font-size:1.75rem}.about-title{font-size:2.5rem}.section-title{font-size:2rem}}.page-transition{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.home-page{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 30%,var(--color-bg) 60%,var(--color-bg-dark) 100%)}.about-page{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 50%,var(--color-bg) 100%)}.arvr-page{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-dark) 50%,var(--color-bg-alt) 100%)}.teaching-page{background:linear-gradient(180deg,var(--color-bg-alt) 0%,var(--color-bg) 100%)}.about-image-placeholder{position:relative;overflow:hidden;cursor:pointer}.about-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f1aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;text-align:center;opacity:0;transition:opacity .5s cubic-bezier(.25,.46,.45,.94)}.about-image-placeholder:hover .about-image-overlay{opacity:1}.about-image-overlay p{font-family:var(--font-serif);font-size:1.3rem;font-style:italic;color:var(--color-accent);line-height:1.6;margin-bottom:1rem;transform:translateY(10px);transition:transform .5s cubic-bezier(.25,.46,.45,.94) .1s}.about-image-placeholder:hover .about-image-overlay p{transform:translateY(0)}.about-image-overlay cite{font-size:.85rem;color:var(--color-text-muted);font-style:normal;transform:translateY(10px);opacity:0;transition:all .5s cubic-bezier(.25,.46,.45,.94) .2s}.about-image-placeholder:hover .about-image-overlay cite{transform:translateY(0);opacity:1}.gradient-blob-wrapper{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;clip-path:url(#hero-wave-clip);cursor:pointer}.gradient-bg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(40deg,#7db5a8,#9370eb);overflow:hidden}.gradients-container{width:100%;height:100%;filter:blur(40px);position:relative}.gradients-container div{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:1;mix-blend-mode:soft-light}.g1{background:radial-gradient(circle,#9370ebcc,#9370eb00 80%);animation:blobMoveVertical 30s ease infinite}.g2{background:radial-gradient(circle,#ec519ecc,#ec519e00 60%);transform-origin:calc(50% - 400px);animation:blobMoveInCircle 20s reverse infinite}.g3{background:radial-gradient(circle,#a5c3b2cc,#a5c3b200 60%);transform-origin:calc(50% + 400px);top:calc(50% + 500px);left:calc(50% - 100px);animation:blobMoveInCircle 40s linear infinite}.g4{background:radial-gradient(circle,#a47764b3,#a4776400 70%);transform-origin:calc(50% - 100px);animation:blobMoveHorizontal 40s ease infinite}.g5{background:radial-gradient(circle,#f075b3cc,#f075b300 70%);width:200%;height:200%;transform-origin:calc(50% - 100px) calc(50% + 200px);animation:blobMoveInCircle 20s ease infinite}.g6{background:radial-gradient(circle,#a5c3b2cc,#a5c3b200 60%);transform-origin:calc(50% - 500px);animation:blobMoveHorizontal 40s linear infinite}.g7{background:radial-gradient(circle,#a47764b3,#a4776400 70%);transform-origin:calc(50% - 100px);animation:blobMoveVertical 40s ease infinite}.g8{background:radial-gradient(circle,#a47764b3,#a4776400 70%);transform-origin:calc(100% - 100px);top:calc(50% - 100px);left:calc(100% - 100px);animation:blobMoveHorizontal 20s ease infinite}.g9{background:radial-gradient(circle,#a5c3b2cc,#a5c3b200 60%);transform-origin:calc(50% - 100px);animation:blobMoveVertical 40s linear infinite}.g10{background:radial-gradient(circle,#7db5a8cc,#7db5a800 70%);width:200%;height:200%;transform-origin:calc(50% - 100px) calc(50% - 200px);animation:blobMoveInCircle 20s ease infinite}.interactive{background:radial-gradient(circle,#87baaecc,#87baae00 70%);width:100%;height:100%;top:-50%;left:-50%;opacity:.7}@keyframes blobMoveInCircle{0%{transform:rotate(0) translate(-50%,-50%)}50%{transform:rotate(180deg) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}@keyframes blobMoveVertical{0%{transform:translate(-50%,-100%)}50%{transform:translate(-50%)}to{transform:translate(-50%,-100%)}}@keyframes blobMoveHorizontal{0%{transform:translate(-100%,-10%)}50%{transform:translateY(10%)}to{transform:translate(-100%,-10%)}}.cr{position:absolute;top:50%;left:50%;pointer-events:none}.cr div{width:4px;height:20px;background-color:#fff;border-radius:50%;position:absolute;transform:rotate(calc(var(--i) * 60deg));transform-origin:bottom;animation:burstRay .8s linear forwards infinite}@keyframes burstRay{0%{transform:rotate(calc(var(--i) * 60deg)) scaleY(0) translateY(0)}30%{transform:rotate(calc(var(--i) * 60deg)) scaleY(1) translateY(30px);opacity:1}to{transform:rotate(calc(var(--i) * 60deg)) scaleY(0) translateY(80px);opacity:0}}.hero-photo{position:absolute;top:50%;right:8%;transform:translateY(-50%);width:300px;height:400px;border-radius:1.25rem;overflow:hidden;z-index:3;box-shadow:0 30px 80px #00000059;cursor:pointer}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.hero-photo:hover img{transform:scale(1.05)}@media (max-width: 768px){.hero-photo{position:relative;top:auto;right:auto;transform:none;margin:2rem auto 0;width:240px;height:320px}}