*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #186775;--secondary-color: #f5f5f5;--accent-color: #0081c3;--accent-hover: #4abfa1;--text-primary: #1a1a1a;--text-secondary: #4b5a5f;--text-light: #7d8b90;--border-color: #d7e3e6;--bg-light: #f5f9fa;--bg-tint: #eef6f7;--shadow-soft: 0 18px 40px rgba(24, 103, 117, .12);--shadow-strong: 0 24px 60px rgba(24, 103, 117, .18);--font-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--container-max-width: 1120px;--section-padding: 6rem 0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--text-primary);line-height:1.6;font-size:16px;background:radial-gradient(circle at 12% 20%,rgba(74,191,161,.16) 0%,transparent 45%),radial-gradient(circle at 85% 18%,rgba(0,129,195,.14) 0%,transparent 40%),linear-gradient(180deg,#fff,#f3f9fa);position:relative}body.page-loading:before,body.page-loading:after,body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1}body:before{width:380px;height:380px;top:-120px;right:-140px;background:radial-gradient(circle,rgba(0,129,195,.18),transparent 70%);filter:blur(6px)}body:after{width:320px;height:320px;bottom:-140px;left:-120px;background:radial-gradient(circle,rgba(24,103,117,.16),transparent 70%);filter:blur(10px)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}.nav{position:fixed;top:0;left:0;right:0;background-color:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #0c202714;z-index:1000;padding:var(--spacing-sm) 0;transition:transform .6s ease,opacity .6s ease;border-bottom:1px solid rgba(15,76,92,.08)}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--primary-color);text-decoration:none;letter-spacing:.05em;display:flex;align-items:center}.logo-image{height:40px;width:auto;display:block}.nav-menu{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-menu a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .3s ease;position:relative}.nav-menu a:hover{color:var(--accent-color)}.nav-menu a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-color),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-menu a:hover:after{transform:scaleX(1)}.theme-toggle{background:transparent;border:none;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font:inherit;color:var(--text-primary)}.toggle-track{position:relative;display:inline-block;width:86px;height:34px;border-radius:999px;background:linear-gradient(180deg,#79c9ff,#ccecff);box-shadow:inset 0 0 0 1px #0f4c5c40,0 6px 18px #0f4c5c2e;transition:background .4s ease,box-shadow .4s ease;overflow:hidden}.toggle-track:before{content:"";position:absolute;left:4px;bottom:4px;width:20px;height:10px;background:#fff;border-radius:999px;box-shadow:30px -8px 0 3px #ffffffe6,60px 2px 0 3px #ffffffd9;opacity:.9;transition:opacity .3s ease}.toggle-track:after{content:"";position:absolute;top:7px;left:20px;width:3px;height:3px;background:#f3f6ff;border-radius:50%;box-shadow:12px 6px #f3f6ff,22px -3px #f3f6ff,30px 8px #f3f6ff,40px 1px #f3f6ff,6px 14px #f3f6ff,18px 16px #f3f6ff,34px 14px #f3f6ff,50px 10px #f3f6ff,56px 4px #f3f6ff;opacity:0;transition:opacity .3s ease}.toggle-knob{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff7b1,#ffd84f 55%,#f5a623);box-shadow:0 6px 12px #f7b10059;transition:transform .4s ease,background .4s ease,box-shadow .4s ease}.toggle-knob:after{content:"";position:absolute;top:4px;left:6px;width:18px;height:18px;border-radius:50%;background:#ffffffe6;opacity:0;transition:opacity .3s ease}.theme-toggle:hover .toggle-track{box-shadow:inset 0 0 0 1px #0081c366,0 10px 24px #0f4c5c33}.theme-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:999px}body.dark-mode{--primary-color: #8bd3d2;--secondary-color: #0b1416;--accent-color: #0081c3;--accent-hover: #4abfa1;--text-primary: #eef6f5;--text-secondary: #c9d7d5;--text-light: #9bb0ad;--border-color: #223133;--bg-light: #0f1b1d;--bg-tint: #101e21;background-color:#0f1417;background-image:radial-gradient(circle at 12% 20%,rgba(74,191,161,.08) 0%,transparent 45%),radial-gradient(circle at 85% 18%,rgba(0,129,195,.08) 0%,transparent 40%),linear-gradient(180deg,#0d1114,#141a1f);color:var(--text-primary)}body.dark-mode .toggle-track{background:linear-gradient(180deg,#0a1a2b,#182845);box-shadow:inset 0 0 0 1px #bcd6ff33,0 6px 18px #050912b3}body.dark-mode .toggle-track:before{opacity:0}body.dark-mode .toggle-track:after{opacity:1}body.dark-mode .toggle-knob{transform:translate(52px);background:radial-gradient(circle at 30% 30%,#f7f8ff,#cdd6e4 55%,#9aa6b6);box-shadow:0 6px 12px #0a0e1866}body.dark-mode .toggle-knob:after{opacity:1}body.dark-mode .nav{background-color:#0b1416eb;box-shadow:0 2px 10px #0006}body.dark-mode .hero{background:linear-gradient(135deg,#0c171a,#122328)}body.dark-mode .project,body.dark-mode .footer,body.dark-mode .contact{background-color:#000}body.dark-mode .project{background:#12181a;box-shadow:0 12px 30px #0009;border-color:#ffffff1f}body.dark-mode .project:before{border-color:#0081c333}body.dark-mode .projects{background:#000}body.dark-mode .about{background:radial-gradient(circle at 18% 22%,rgba(139,211,210,.1) 0%,transparent 40%),radial-gradient(circle at 82% 26%,rgba(0,129,195,.1) 0%,transparent 38%),linear-gradient(180deg,#0c1318,#111921);border-top-color:#ffffff1f}body.dark-mode .about:before{background:radial-gradient(circle at 30% 30%,rgba(139,211,210,.14),transparent 72%)}body.dark-mode .about:after{background:radial-gradient(circle at 30% 30%,rgba(0,129,195,.14),transparent 72%)}body.dark-mode .contact{background:#0f1b1d}body.dark-mode .project-link,body.dark-mode .contact-link{background-color:transparent}body.dark-mode .contact{background-color:#0f1b1d}body.dark-mode .project-rationale{border-top-color:var(--border-color)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef9f3,#e9f4f6);padding-top:80px;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:800px;padding:var(--spacing-md);position:relative;z-index:1;pointer-events:none}.hero-orbs{position:absolute;inset:0;pointer-events:auto;z-index:0;overflow:hidden}.hero-orb{position:absolute;width:var(--orb-size);height:var(--orb-size);border-radius:50%;background:radial-gradient(circle at 30% 30%,#4abfa1,#0081c3 70% 100%);box-shadow:0 18px 30px #18677538;opacity:.85;--scale: 1;--orb-rot: 0deg;--orb-x: 0vw;--orb-tx: 0px;--orb-ty: 0px;--orb-size: 140px;pointer-events:auto;left:0;top:0;transform:translate(var(--orb-tx),var(--orb-ty)) rotate(var(--orb-rot));scale:var(--scale);transition:scale .2s ease;cursor:grab;will-change:transform;overflow:hidden;-webkit-user-select:none;user-select:none}.hero-orb:active{cursor:grabbing;--scale: 1.03}.hero-orbs,.hero{-webkit-user-select:none;user-select:none}.dragging-orb{-webkit-user-select:none!important;user-select:none!important}.hero-orb:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff6,#fff0 68%);opacity:0;transform:scale(.8);pointer-events:none}.hero-orb.pulse{animation:orb-pulse 2.2s ease-in-out}.hero-orb.pulse:before{animation:orb-core-pulse 2.2s ease-in-out}@keyframes orb-pulse{0%{filter:brightness(1) saturate(1);box-shadow:0 0 20px #18677533}35%{filter:brightness(1.2) saturate(1.25) hue-rotate(-8deg);box-shadow:0 0 36px #4abfa16b}65%{filter:brightness(1.28) saturate(1.38) hue-rotate(8deg);box-shadow:0 0 46px #0081c380}to{filter:brightness(1) saturate(1);box-shadow:0 0 20px #18677533}}@keyframes orb-core-pulse{0%{opacity:0;transform:scale(.8)}35%{opacity:.5;transform:scale(1)}65%{opacity:.68;transform:scale(1.1)}to{opacity:0;transform:scale(.86)}}.orb-1{--orb-base-y: 6%;--orb-x: -10vw;--orb-rot: 12deg;--orb-size: 120px;animation-delay:-10s;background:radial-gradient(circle at 25% 25%,#4abfa1,#0081c3 70% 100%)}.orb-2{--orb-base-y: 16%;--orb-x: 8vw;--orb-rot: -18deg;--orb-size: 140px;animation-delay:-22s;background:radial-gradient(circle at 65% 35%,#4abfa1,#0081c3 70% 100%)}.orb-3{--orb-base-y: 26%;--orb-size: 120px;--orb-x: 18vw;--orb-rot: 24deg;animation-delay:-30s;background:radial-gradient(circle at 35% 60%,#4abfa1,#0081c3 70% 100%)}.orb-4{--orb-base-y: 36%;--orb-size: 130px;--orb-x: -2vw;--orb-rot: -9deg;animation-delay:-18s;background:radial-gradient(circle at 40% 25%,#4abfa1,#0081c3 70% 100%)}.orb-5{--orb-base-y: 46%;--orb-size: 130px;--orb-x: -20vw;--orb-rot: 16deg;animation-delay:-6s;background:radial-gradient(circle at 60% 40%,#4abfa1,#0081c3 70% 100%)}.orb-6{--orb-base-y: 56%;--orb-size: 140px;--orb-x: 6vw;--orb-rot: -22deg;animation-delay:-26s;background:radial-gradient(circle at 35% 35%,#4abfa1,#0081c3 70% 100%)}.orb-7{--orb-base-y: 66%;--orb-size: 120px;--orb-x: 22vw;--orb-rot: 28deg;animation-delay:-14s;background:radial-gradient(circle at 55% 35%,#4abfa1,#0081c3 70% 100%)}.orb-8{--orb-base-y: 76%;--orb-size: 120px;--orb-x: -6vw;--orb-rot: -14deg;animation-delay:-34s;background:radial-gradient(circle at 45% 55%,#4abfa1,#0081c3 70% 100%)}.orb-9{--orb-base-y: 86%;--orb-size: 120px;--orb-x: 14vw;--orb-rot: 10deg;animation-delay:-40s;background:radial-gradient(circle at 30% 40%,#4abfa1,#0081c3 70% 100%)}.orb-10{--orb-base-y: 94%;--orb-size: 140px;--orb-x: -14vw;--orb-rot: -26deg;animation-delay:-48s;background:radial-gradient(circle at 55% 45%,#4abfa1,#0081c3 70% 100%)}.orb-11{--orb-base-y: 22%;--orb-size: 120px;--orb-x: -26vw;--orb-rot: 20deg;animation-delay:-54s;background:radial-gradient(circle at 35% 35%,#4abfa1,#0081c3 70% 100%)}.orb-12{--orb-base-y: 72%;--orb-size: 130px;--orb-x: 28vw;--orb-rot: -12deg;animation-delay:-60s;background:radial-gradient(circle at 60% 40%,#4abfa1,#0081c3 70% 100%)}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,8.5vw,7.2rem);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md);letter-spacing:-.02em;transition:transform .6s ease,opacity .6s ease;text-shadow:0 18px 40px rgba(15,76,92,.12)}.hero-subtitle{font-size:clamp(1.3rem,2.6vw,2rem);color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-weight:500;transition:transform .6s ease,opacity .6s ease}.cta-button{display:inline-block;padding:1rem 2.5rem;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:999px;font-weight:500;transition:background-color .3s ease,transform .2s ease,opacity .6s ease;margin-top:var(--spacing-md);box-shadow:0 12px 24px #0081c347;pointer-events:auto}.hero-title,.hero-subtitle,.cta-button{position:relative;z-index:1}body.page-loading .nav{opacity:0;transform:translateY(-100%)}body.page-loading .hero-title{opacity:0;transform:translateY(20px) scale(.9)}body.page-loading .hero-subtitle{opacity:0;transform:translateY(16px)}body.page-loading .cta-button{opacity:0;transform:translateY(24px) scale(.9)}body.page-loaded .hero-title{transition-delay:1s}body.page-loaded .hero-subtitle{transition-delay:1.2s}body.page-loaded .cta-button{transition-delay:2s}body.page-loaded .nav{transition-delay:1s}body.page-loaded .hero-content{animation:hero-rise 1s ease-out both}@keyframes hero-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}section{padding:var(--section-padding);position:relative}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;margin-bottom:var(--spacing-lg);text-align:center;color:var(--primary-color);position:relative;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;margin-left:auto;margin-right:auto}.section-title:after{content:"";width:46px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent-color),rgba(24,103,117,.2));display:inline-block}.projects{background:linear-gradient(180deg,#f7f5f2b3,#eef4f6b3)}.project{background:linear-gradient(180deg,#fff,#f3f9fa);border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease;position:relative;border:1px solid rgba(15,76,92,.08)}.project:before{content:"";position:absolute;inset:0;border-radius:8px;border:1px solid rgba(227,100,20,.15);pointer-events:none;opacity:0;transition:opacity .3s ease}.project:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}.project:hover:before{opacity:1}.project-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:center}.project-visual{width:100%;position:relative}.project-image-placeholder{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:500}.project-image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px #0c202738;transition:transform .4s ease,box-shadow .4s ease}.project:hover .project-image{transform:scale(1.02);box-shadow:0 26px 50px #0c202747}.project-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.project-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.project-title-link{color:inherit;text-decoration:none}.project-title-link:hover{color:var(--accent-color)}.project-media-link{display:block;border-radius:14px}.project-media-link:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.project-tags{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-sm);font-weight:500;letter-spacing:.02em}.project-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.project-link,.contact-link{display:inline-block;padding:.7rem 1.8rem;border:2px solid var(--accent-color);color:var(--accent-color);text-decoration:none;border-radius:999px;font-weight:600;font-size:.9rem;transition:all .3s ease;background-color:#fff;position:relative;overflow:hidden}.project-link:before,.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);transition:left .3s ease;z-index:-1}.project-link:hover,.contact-link:hover{color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #0081c340}.project-link:hover:before,.contact-link:hover:before{left:0}.project-link:active,.contact-link:active{transform:translateY(0)}.project-rationale{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:grid;gap:var(--spacing-sm)}.project-rationale p{margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.8;font-size:1rem}.project-rationale p:last-child{margin-bottom:0}.project-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.project-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.project-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.about{background:radial-gradient(circle at 18% 22%,rgba(0,129,195,.12) 0%,transparent 42%),radial-gradient(circle at 82% 26%,rgba(74,191,161,.12) 0%,transparent 40%),linear-gradient(180deg,#ffffffeb,#f5f9faeb);border-top:1px solid rgba(15,76,92,.08);position:relative;overflow:hidden}.about:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-260px;top:-180px;background:radial-gradient(circle at 30% 30%,rgba(74,191,161,.18),transparent 65%);filter:blur(10px);pointer-events:none}.about:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;bottom:-220px;background:radial-gradient(circle at 30% 30%,rgba(0,129,195,.16),transparent 65%);filter:blur(10px);pointer-events:none}.about .section-title{display:flex;width:min(1000px,100%);text-align:left;justify-content:flex-start}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);max-width:1000px;margin:0 auto;position:relative;z-index:1;align-items:stretch}.about-eyebrow{color:var(--accent-color);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin-bottom:.9rem}.about-text p{margin-bottom:var(--spacing-sm);color:var(--text-secondary);line-height:1.8;font-size:1.05rem}.about-text p:last-child{margin-bottom:0}.about-links h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.about-links{display:flex;flex-direction:column;height:100%}.about-methods{display:grid;gap:.2rem;flex:1;align-content:start}.about-method{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.9rem;padding:1rem .25rem;text-decoration:none;background:transparent;border:none;box-shadow:none;transition:transform .2s ease,color .2s ease;position:relative}.about-method:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#0f4c5c24;pointer-events:none;z-index:0}.about-method:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));transition:width .35s ease;pointer-events:none;z-index:1}.about-method:hover{transform:translateY(-2px)}.about-method:hover:after{width:100%}.about-method:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:10px}.about-method-icon{display:none}.about-method-body{display:grid;gap:.15rem;min-width:0}.about-method-label{font-weight:800;color:var(--primary-color);letter-spacing:.02em}.about-method-value{color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-method-arrow{color:#0f4c5c80;font-weight:900;font-size:1.2rem;transition:transform .2s ease,color .2s ease}.about-method:hover .about-method-arrow{transform:translate(2px);color:#0081c3cc}body.dark-mode .about-method:before{background:#c9d7d538}.contact{background:radial-gradient(circle at 15% 10%,rgba(0,129,195,.16) 0%,transparent 45%),radial-gradient(circle at 85% 30%,rgba(74,191,161,.16) 0%,transparent 40%),linear-gradient(135deg,#f4f0e9,#e6f2f4);text-align:center;overflow:hidden;position:relative}.contact:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-240px;top:40px;background:radial-gradient(circle at 30% 30%,rgba(74,191,161,.22),transparent 65%);filter:blur(10px);pointer-events:none}.contact:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-240px;bottom:-160px;background:radial-gradient(circle at 30% 30%,rgba(0,129,195,.2),transparent 65%);filter:blur(10px);pointer-events:none}.contact-shell{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:var(--spacing-lg);align-items:start;text-align:left;position:relative;z-index:1}.contact-intro{position:relative;padding:.4rem 0}.contact-intro:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-90px;top:-90px;background:radial-gradient(circle at 30% 30%,rgba(0,129,195,.18),transparent 62%);filter:blur(6px);pointer-events:none;z-index:-1}.contact-eyebrow{color:var(--accent-color);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin-bottom:.9rem}.contact-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;color:var(--primary-color);margin-bottom:.9rem}.contact-blurb{color:var(--text-secondary);font-size:1.05rem;line-height:1.75;max-width:56ch}.contact-cta-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}.contact-quick-link{background-color:#ffffffeb}.contact-methods{display:grid;gap:.2rem;align-content:start}.contact-method{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.9rem;padding:1rem .25rem;border-radius:0;text-decoration:none;background:transparent;border:none;box-shadow:none;border-bottom:none;transition:transform .2s ease,color .2s ease;position:relative}.contact-method:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#0f4c5c24;pointer-events:none;z-index:0}.contact-method:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));transition:width .35s ease;pointer-events:none;z-index:1}.contact-method:hover{transform:translateY(-2px)}.contact-method:hover:after{width:100%}.contact-method:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:10px}.contact-method-icon{display:none}.contact-method-body{display:grid;gap:.15rem;min-width:0}.contact-method-label{font-weight:800;color:var(--primary-color);letter-spacing:.02em}.contact-method-value{color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-method-arrow{color:#0f4c5c80;font-weight:900;font-size:1.2rem;transition:transform .2s ease,color .2s ease}.contact-method:hover .contact-method-arrow{transform:translate(2px);color:#0081c3cc}body.dark-mode .contact-method{border-bottom-color:transparent}body.dark-mode .contact-method:before{background:#c9d7d538}body.dark-mode .contact-intro:before{background:radial-gradient(circle at 30% 30%,rgba(139,211,210,.12),transparent 62%)}body.dark-mode .contact-method-icon{background:#8bd3d21a;border-color:#8bd3d238;color:var(--primary-color)}body.dark-mode .contact-method-arrow{color:#c9d7d599}.footer{background-color:var(--primary-color);color:#fff;padding:var(--spacing-md) 0;text-align:center}.footer p{color:#ffffffb3;font-size:.9rem}.case-study-page{background:radial-gradient(circle at 10% 15%,rgba(74,191,161,.12) 0%,transparent 45%),radial-gradient(circle at 90% 10%,rgba(0,129,195,.12) 0%,transparent 40%),linear-gradient(180deg,#fff,#f4f9fb)}.case-study-hero{padding:8rem 0 2rem;text-align:left}.case-study-title{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.4rem);color:var(--primary-color);margin-bottom:.8rem;max-width:14ch;line-height:1.05}.case-study-subtitle{max-width:72ch;margin:0;color:var(--text-secondary);font-size:1.15rem}.case-study-main{padding:0 0 5rem}.case-study-main .container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.2rem;position:relative}.case-study-main .container{--case-spine: linear-gradient(180deg, rgba(15, 76, 92, .1), rgba(15, 76, 92, .22), rgba(15, 76, 92, .08));--case-branch: linear-gradient(90deg, rgba(0, 129, 195, .2), rgba(74, 191, 161, .18))}.case-study-main .container:before{content:"";position:absolute;top:28px;bottom:28px;left:50%;width:1px;transform:translate(-.5px);background:var(--case-spine)}.case-study-section:not(.case-study-section--full):nth-child(odd) .case-study-card:after{content:"";position:absolute;right:-1.2rem;top:50%;width:1.2rem;height:1px;background:var(--case-branch);transform:translateY(-50%);pointer-events:none}.case-study-section:not(.case-study-section--full):nth-child(2n) .case-study-card:before{content:"";position:absolute;left:-1.2rem;top:50%;width:1.2rem;height:1px;background:linear-gradient(90deg,#4abfa12e,#0081c333);transform:translateY(-50%);pointer-events:none}.case-study-section:not(.case-study-section--full) .case-study-card{position:relative}.case-study-section{margin:0;position:relative;grid-column:1 / span 7}.case-study-section:nth-child(2n){grid-column:6 / -1}.case-study-section:nth-child(1),.case-study-section:nth-child(3),.case-study-section:last-child{grid-column:2 / 12}.case-study-section--full{grid-column:1 / -1}.case-study-section--minor{position:relative;display:flex;flex-direction:row;align-items:stretch;gap:1.6rem;grid-column:2 / 12!important}.case-study-section--minor .case-study-card{position:relative;z-index:1;flex:1 1 0;min-width:0}.side-images{flex:0 0 240px;width:240px;display:grid;grid-template-rows:1fr 1fr 1fr;gap:.8rem;padding:.9rem;border-radius:16px;border:1px solid rgba(15,76,92,.12);background:linear-gradient(170deg,#fffffff0,#f4fbfcf0);box-shadow:0 18px 40px #0f4c5c1f;pointer-events:none;align-self:stretch;overflow:hidden;min-height:0}.side-images img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:12px;border:1px solid rgba(15,76,92,.12);background:transparent;display:block}body.dark-mode .side-images{background:linear-gradient(170deg,#101a1df5,#0c1517f5);border-color:#ffffff29;box-shadow:0 20px 42px #0000007a}body.dark-mode .side-images img{border-color:#fff3;background:#8bd3d21f}.case-study-card{background:linear-gradient(170deg,#fffffff0,#f4fbfcf0);border-radius:18px;padding:var(--spacing-md);box-shadow:0 18px 40px #0f4c5c1f;border:1px solid rgba(15,76,92,.12);border-left:4px solid rgba(0,129,195,.45);display:grid;gap:.8rem}.case-study-card h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--primary-color);line-height:1.15}.case-study-card h3{color:var(--accent-color);font-size:1rem;letter-spacing:.02em;text-transform:uppercase;margin-top:.8rem}.case-study-card p,.case-study-card li{color:var(--text-secondary);line-height:1.65;font-size:1rem}.case-study-card p{max-width:68ch}.case-study-painpoints-row{display:grid;grid-template-columns:1.6fr 1.4fr;gap:1.6rem;align-items:stretch;position:relative}.case-study-painpoints-row:before{content:"";position:absolute;left:calc(50% - .5px);top:0;bottom:0;width:1px;background:linear-gradient(180deg,#0081c338,#4abfa138,#0f4c5c1a);pointer-events:none}.case-study-painpoints-row>.case-study-card:first-of-type{position:relative}.case-study-painpoints-row>.case-study-card:first-of-type:after{content:"";position:absolute;right:-.85rem;top:50%;width:.85rem;height:1px;background:linear-gradient(90deg,#0081c333,#4abfa12e);transform:translateY(-50%);pointer-events:none}.case-study-painpoints-row>.case-study-surveys-card{position:relative}.case-study-painpoints-row>.case-study-surveys-card:before{content:"";position:absolute;left:-.85rem;top:50%;width:.85rem;height:1px;background:linear-gradient(90deg,#4abfa12e,#0081c333);transform:translateY(-50%);pointer-events:none}.case-study-surveys-card{min-height:100%}body.dark-mode .case-study-painpoints-row:before{background:linear-gradient(180deg,#8bd3d233,#0081c333,#c9d7d514)}body.dark-mode .case-study-section:not(.case-study-section--full):nth-child(odd) .case-study-card:after{background:linear-gradient(90deg,#8bd3d226,#0081c326)}body.dark-mode .case-study-section:not(.case-study-section--full):nth-child(2n) .case-study-card:before{background:linear-gradient(90deg,#0081c326,#8bd3d226)}body.dark-mode .case-study-painpoints-row>.case-study-card:first-of-type:after{background:linear-gradient(90deg,#8bd3d226,#0081c326)}body.dark-mode .case-study-painpoints-row>.case-study-surveys-card:before{background:linear-gradient(90deg,#0081c326,#8bd3d226)}.case-study-survey-grid{display:grid;gap:.6rem}.case-study-survey-media{margin:0}.case-study-survey-media .case-study-image{width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px #0c202729}body.dark-mode .case-study-survey-media .case-study-image{box-shadow:0 20px 42px #00000073}.case-study-card strong{color:var(--text-primary);font-weight:600}.case-study-list{list-style:none;display:grid;gap:.45rem;padding-left:0;margin:0}.case-study-list-note{padding-left:1.2rem;margin-top:.4rem;color:var(--text-secondary);line-height:1.65;max-width:68ch}.case-study-list li{position:relative;padding-left:1.2rem}.case-study-list li:before{content:"";position:absolute;top:.63rem;left:0;width:.4rem;height:.4rem;border-radius:50%;background:var(--accent-color)}.case-study-media{width:100%;min-height:280px;height:280px;border-radius:12px;border:2px dashed rgba(15,76,92,.2);background:#0081c30f;display:grid;place-items:center;color:var(--text-light);font-weight:600;letter-spacing:.04em;text-transform:uppercase;overflow:hidden}.case-study-media-clean,body.dark-mode .case-study-media-clean{border:none;background:transparent}.case-study-shuffle{position:relative;display:grid;place-items:center;height:100%;width:100%}.case-study-gallery-controls{position:absolute;inset:0;pointer-events:none}.case-study-shuffle-button{position:absolute;top:50%;transform:translateY(-50%);min-width:44px;min-height:44px;border:1px solid var(--accent-color);background:#0081c314;color:var(--accent-color);border-radius:999px;padding:.45rem 1rem;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;letter-spacing:normal;text-transform:none;transition:background-color .2s ease,color .2s ease;pointer-events:auto;z-index:2}.case-study-shuffle-button[data-gallery-prev]{left:8px}.case-study-shuffle-button[data-gallery-next]{right:8px}.case-study-shuffle-button:hover{background:var(--accent-color);color:#fff}.case-study-shuffle-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.case-study-image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:8px}.case-study-shuffle-image{width:calc(100% - 164px);height:100%}.case-study-grid{display:grid;gap:var(--spacing-md);align-items:start}.case-study-grid.two-up{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}body.dark-mode .case-study-page{background:radial-gradient(circle at 10% 15%,rgba(74,191,161,.05) 0%,transparent 45%),radial-gradient(circle at 90% 10%,rgba(0,129,195,.06) 0%,transparent 40%),linear-gradient(180deg,#0d1013,#14181d);background-color:#11151a}body.dark-mode .case-study-main .container:before{background:linear-gradient(180deg,#8bd3d21f,#8bd3d233,#8bd3d21a)}body.dark-mode .case-study-card{background:linear-gradient(170deg,#101a1df0,#0c1517f0);border-color:#ffffff24;border-left-color:#8bd3d280;box-shadow:0 20px 42px #0000007a}body.dark-mode .case-study-media{border-color:#ffffff2e;background:#8bd3d214;color:var(--text-light)}.case-study-media.case-study-media-clean,body.dark-mode .case-study-media.case-study-media-clean{border:none;background:transparent}body.dark-mode .case-study-shuffle-button{border-color:var(--primary-color);color:var(--primary-color);background:#8bd3d214}body.dark-mode .case-study-shuffle-button:hover{background:var(--primary-color);color:#0f1719}@media(max-width:980px){.case-study-main .container{grid-template-columns:1fr}.case-study-main .container:before{display:none}.case-study-section:not(.case-study-section--full) .case-study-card:before,.case-study-section:not(.case-study-section--full) .case-study-card:after{display:none}.case-study-section,.case-study-section:nth-child(2n),.case-study-section:nth-child(1),.case-study-section:nth-child(3),.case-study-section:last-child,.case-study-section--full{grid-column:1 / -1}.case-study-media{min-height:230px;height:230px}.case-study-shuffle-image{width:calc(100% - 126px)}.case-study-shuffle-button{min-width:38px;min-height:38px;padding:.25rem .7rem}.case-study-painpoints-row{grid-template-columns:minmax(0,1fr)}.case-study-painpoints-row:before{display:none}.case-study-painpoints-row>.case-study-card:first-of-type:after,.case-study-painpoints-row>.case-study-surveys-card:before{display:none}.case-study-section--minor{flex-direction:column;gap:var(--spacing-sm)}.side-images{flex:0 0 auto;width:100%;grid-template-rows:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--spacing-sm);pointer-events:auto;align-self:auto}}@media(max-width:768px){:root{--section-padding: 3rem 0;--spacing-lg: 2rem}.nav-menu{gap:var(--spacing-sm)}.nav-menu a{font-size:.85rem}.project-header{grid-template-columns:1fr}.project-visual{order:2}.project-info{order:1}.project-image{height:300px}.about-content{grid-template-columns:1fr}.about .section-title{justify-content:center;text-align:center}.contact-shell{grid-template-columns:1fr;text-align:center}.contact-cta-row{flex-direction:column;align-items:stretch}.contact-shell{text-align:left}}@media(min-width:900px){.project:nth-of-type(2n) .project-header{grid-template-columns:1.1fr .9fr}.project:nth-of-type(2n) .project-visual{order:2}.project:nth-of-type(2n) .project-info{order:1}}@media(max-width:480px){.container,.nav-container{padding:0 var(--spacing-sm)}.project{padding:var(--spacing-sm)}.project-image-placeholder{font-size:1rem}}