*{box-sizing:border-box}
:root{--bg:#0d1015;--panel:#171b22;--panel2:#20252e;--text:#f7f8fa;--muted:#94a0b0;--accent:#4bd0c6;--accent-deep:#2aaea7;--line:#292e37;--max:1490px;--header:112px}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:var(--header);padding:0 clamp(24px,4.7vw,78px);display:flex;align-items:center;gap:28px;border-bottom:1px solid #272b33;background:rgba(13,16,21,.96);position:sticky;top:0;z-index:30}.brand{display:inline-flex;align-items:center}.brand-mark{font-size:2.55rem;line-height:1;font-weight:800;letter-spacing:-.12em;color:var(--accent);font-style:italic}.navigation{display:flex;align-items:center;gap:clamp(22px,3vw,48px);margin-left:auto}.navigation a{font-size:1rem;font-weight:600;color:#e2e5ea;position:relative;transition:color .2s}.navigation a:hover,.navigation a.active{color:#fff}.navigation a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--accent)}.navigation a.active:before{content:"";position:absolute;inset:-4px -6px;border:1px solid var(--accent);pointer-events:none}.navigation .nav-availability{display:flex;align-items:center;gap:8px;margin-left:12px;padding:9px 14px;border-radius:30px;background:#20262e;font-size:.8rem}.navigation .nav-availability:before,.navigation .nav-availability:after{display:none}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 12px #4bd0c655}.theme-toggle{border:0;background:#20252d;color:#b6c0cc;width:42px;height:42px;border-radius:50%;font-size:1.5rem;cursor:pointer;margin-left:16px}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:535px;max-width:var(--max);margin:auto;padding:65px clamp(24px,4.7vw,78px) 68px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1fr);align-items:center;gap:clamp(45px,7vw,110px);overflow:hidden}.hero:before{content:"";position:absolute;z-index:-2;left:-180px;top:40px;width:650px;height:520px;background:radial-gradient(ellipse,#14302f42 0%,transparent 68%)}.hero-copy{z-index:2}.eyebrow,.section-kicker{font-family:"JetBrains Mono",monospace;font-size:.78rem;letter-spacing:.09em;color:var(--accent);margin:0 0 20px}.slash{color:#697681;margin:0 8px}h1{font-size:clamp(3.8rem,5.2vw,5.7rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 15px;font-weight:800}h1 span,.about-grid h2 span,.contact-section h2 span{color:var(--accent)}.intro{max-width:570px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75;margin:0 0 30px}.hero-actions{display:flex;gap:17px;flex-wrap:wrap}.button{min-height:58px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:10px;font-size:.95rem;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#08201f;border:1px solid var(--accent)}.button-primary:hover{background:#6ce0d7}.button-outline{border:1px solid var(--accent-deep);color:#f4f6f8;background:transparent}.button-outline:hover{background:#4bd0c611}.hero-footnote{display:flex;align-items:center;gap:9px;color:#7f8a99;font-size:.78rem;margin:27px 0 0}.code-window{position:relative;z-index:1;background:#171b22;border:1px solid #303640;border-radius:18px;box-shadow:0 22px 75px #0002;overflow:hidden;transform:translateY(5px)}.window-bar{height:39px;border-bottom:1px solid #303640;display:flex;align-items:center;gap:9px;padding:0 13px}.window-dot{width:16px;height:16px;border-radius:50%;display:inline-block}.red{background:#e6323e}.yellow{background:#e1a600}.green{background:#0bb05a}.window-title{font: .72rem "JetBrains Mono",monospace;color:#778290;margin-left:auto;margin-right:auto;padding-right:42px}.code-window pre{margin:0;padding:23px clamp(18px,2.3vw,32px) 26px;white-space:pre-wrap;overflow-wrap:anywhere;font:500 clamp(.78rem,1.05vw,.96rem)/1.9 "JetBrains Mono",monospace;color:#b6c2d1}.code-purple{color:#c18bff}.code-blue{color:#4ca7ff}.code-green{color:#00e78b}.cursor{color:var(--accent);animation:blink 1.1s step-end infinite}.window-bottom{height:43px;background:#14181e;border-top:1px solid #292f39;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#7e8a98;font: .64rem "JetBrains Mono",monospace}.window-bottom .live-dot{width:6px;height:6px;margin-right:6px}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.orb-one{width:230px;height:230px;border:1px solid #4bd0c615;right:-70px;top:-70px}.orb-two{width:125px;height:125px;border:1px solid #4bd0c615;right:9%;bottom:-80px}@keyframes blink{50%{opacity:0}}
.section{max-width:var(--max);margin:auto;padding:78px clamp(24px,4.7vw,78px)}.about-section{border-top:1px solid #262b33;border-bottom:1px solid #262b33;background:#101319;max-width:none;padding-left:max(clamp(24px,4.7vw,78px),calc((100vw - var(--max) + 156px)/2));padding-right:max(clamp(24px,4.7vw,78px),calc((100vw - var(--max) + 156px)/2))}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.about-grid h2,.projects-heading h2,.contact-section h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.14;letter-spacing:-.055em;margin:0;font-weight:750}.about-grid p,.projects-heading p,.contact-section>div>p:not(.section-kicker){color:var(--muted);font-size:1rem;line-height:1.85;margin:0}.skills-strip{margin-top:45px;padding-top:24px;border-top:1px solid #2b3038;display:flex;align-items:center;gap:22px;flex-wrap:wrap;color:#e1e5eb}.skills-strip>span{font: .7rem "JetBrains Mono",monospace;color:#7d8998;letter-spacing:.08em;margin-right:10px}.skills-strip b{font-size:.85rem;font-weight:600}.skills-strip i{height:4px;width:4px;background:var(--accent);border-radius:50%}.projects-section{padding-top:80px;padding-bottom:90px}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.projects-heading p{margin-top:12px;max-width:700px}.project-count{font: .75rem "JetBrains Mono",monospace;color:var(--accent);white-space:nowrap;padding-bottom:8px}.project-tools{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.filter-pills{display:flex;gap:10px;flex-wrap:wrap}.filter-pill{border:1px solid transparent;border-radius:28px;padding:10px 20px;background:#20252d;color:#9eabba;cursor:pointer;transition:background .2s,color .2s}.filter-pill:hover{color:#fff}.filter-pill.active{background:var(--accent);color:#09201f}.search-box{height:49px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#20252d;border:1px solid #343b46;border-radius:9px;width:min(100%,330px);color:#9aa6b4}.search-box>span{font-size:1.6rem;line-height:1;transform:rotate(-20deg)}.search-box input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:.9rem}.search-box input::placeholder{color:#94a0b0}.showing-count{color:#8592a2;font-size:.83rem;margin:28px 0 9px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{border:1px solid #2b3039;background:#151920;border-radius:13px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}.project-card:hover{transform:translateY(-5px);border-color:#3e7977;box-shadow:0 18px 50px #0002}.project-image{height:220px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-index{position:absolute;left:15px;bottom:14px;font: .62rem "JetBrains Mono",monospace;letter-spacing:.04em;color:#edf7f6;background:#0c1116c9;border:1px solid #ffffff22;border-radius:5px;padding:6px 9px}.project-info{padding:20px 21px 23px}.project-title-row{display:flex;align-items:center;justify-content:space-between}.project-title-row h3{font-size:1.16rem;margin:0;letter-spacing:-.025em}.project-arrow{font-size:1.2rem;color:var(--accent)}.project-info p{font-size:.86rem;line-height:1.7;color:var(--muted);min-height:58px;margin:12px 0 17px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{font: .68rem "JetBrains Mono",monospace;color:#a9b5c3;background:#202630;padding:6px 9px;border-radius:5px}.classmate-art{background:#eaf5ef}.project-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.project-card:hover .project-screenshot{transform:scale(1.035)}.project-live-link{position:absolute;right:14px;bottom:13px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff45;border-radius:7px;background:#0b1714e8;color:#fff;font-size:.75rem;font-weight:600;text-decoration:none;box-shadow:0 5px 18px #0002;transition:background .2s,border-color .2s,transform .2s}.project-live-link span{color:var(--accent);font-size:1rem}.project-live-link:hover{background:#123b32;border-color:var(--accent);transform:translateY(-2px)}.project-arrow{display:inline-grid;place-items:center;text-decoration:none;width:34px;height:34px;border:1px solid #303a43;border-radius:8px;transition:background .2s,border-color .2s,transform .2s}.project-arrow:hover{background:#1b3434;border-color:var(--accent);transform:translate(2px,-2px)}.mock-browser{width:78%;height:73%;background:#f4f7f9;border-radius:9px;overflow:hidden;box-shadow:0 14px 45px #0005;transform:rotate(-3deg)}.mock-browser-bar{height:22px;background:#e1e6eb;display:flex;align-items:center;gap:4px;padding:0 8px}.mock-browser-bar i{height:5px;width:5px;border-radius:50%;background:#a1acb7}.mock-browser-bar span{font:7px Inter,sans-serif;color:#7c8792;margin-left:9px}.classmate-content{padding:18px 22px;color:#17222d}.mock-eyebrow{font:7px "JetBrains Mono",monospace;color:#168f92;display:block;margin-bottom:5px}.classmate-content>b{font-size:clamp(1rem,1.7vw,1.6rem);letter-spacing:-.06em}.mock-line{height:5px;width:45%;background:#d4dce2;border-radius:5px;margin-top:7px}.mock-line.long{width:72%}.mock-blocks{display:flex;gap:7px;margin-top:18px}.mock-blocks i{font:8px "JetBrains Mono",monospace;font-style:normal;padding:12px 15px;background:#dceeed;color:#137d7c;border-radius:4px}.food-art{background:radial-gradient(circle at 75% 30%,#a95b32,#592b29 48%,#251b22 90%);display:block;padding:34px 0 0 34px}.food-circle{position:absolute;width:210px;height:210px;border-radius:50%;right:-26px;top:8px;background:radial-gradient(circle,#f6c778 0 20%,#cf4b2c 21% 35%,#e5a84b 36% 42%,#f5e7c9 43% 57%,#e0d1b5 58%);box-shadow:0 8px 40px #1b0b0b88}.food-circle span{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;font-weight:800;color:#6c3827;opacity:.45}.food-type{font: .58rem "JetBrains Mono",monospace;letter-spacing:.1em;color:#ffe1a5;position:relative;z-index:1}.food-name{font-size:2.2rem;font-weight:800;letter-spacing:-.08em;line-height:.94;margin-top:22px;position:relative;z-index:2;text-shadow:0 3px 15px #27100d}.food-name em{font-family:Georgia,serif;color:#ffc66d;font-weight:400}.food-chips{display:flex;gap:7px;margin-top:16px}.food-chips i{width:17px;height:5px;border-radius:5px;background:#f7bf6a}.books-art{background:radial-gradient(ellipse at 25% 20%,#375a62,#192d38 65%,#111820)}.book-stack{display:flex;align-items:flex-end;gap:5px;position:absolute;bottom:43px;right:13%;height:140px;transform:rotate(7deg)}.book-stack i{display:block;width:36px;border-radius:3px 5px 5px 3px;height:110px;background:linear-gradient(90deg,#a75c3f,#e5b07a 15%,#bc7b54 20%,#d99b69);box-shadow:4px 8px 14px #0005;border-left:4px solid #f0cba0}.book-stack i:nth-child(2){height:135px;background:linear-gradient(90deg,#284e58,#6e9b9a 18%,#38636b 22%,#497c80)}.book-stack i:nth-child(3){height:98px;background:linear-gradient(90deg,#8c7548,#cbb57d 18%,#9c895d 22%,#b9a56d)}.book-stack i:nth-child(4){height:120px;background:linear-gradient(90deg,#733d47,#bc7780 18%,#8f4c58 22%,#a85c65)}.book-caption{position:absolute;left:28px;top:34px;z-index:2}.book-caption span{font: .55rem "JetBrains Mono",monospace;color:var(--accent);letter-spacing:.09em}.book-caption b{display:block;font-size:1.7rem;line-height:1.02;letter-spacing:-.06em;margin-top:10px}.no-results{padding:30px;border:1px dashed #3a414c;border-radius:10px;color:var(--muted);text-align:center}.project-note{color:#758292;font-size:.75rem;margin:22px 0 0}.contact-section{max-width:calc(var(--max) - 2 * clamp(24px,4.7vw,78px));margin:0 auto 65px;padding:52px clamp(24px,4vw,55px);border:1px solid #303a43;border-radius:16px;background:radial-gradient(ellipse at 10% 100%,#1b45434a,transparent 60%),#141920;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-section .section-kicker{margin-bottom:16px}.contact-section>div>p:not(.section-kicker){margin-top:14px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:255px}.contact-email{font-size:.85rem;color:var(--accent);margin-top:5px}.contact-phone{font-size:.8rem;color:#98a4b2}.site-footer{max-width:var(--max);margin:auto;padding:24px clamp(24px,4.7vw,78px) 34px;border-top:1px solid #262b33;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px;font-size:.82rem;font-weight:600}.small-mark{font-size:1.5rem}.site-footer p,.back-top{font-size:.75rem;color:#8290a0;margin:0}.back-top:hover{color:var(--accent)}
.light-theme{--bg:#f3f6f8;--panel:#fff;--panel2:#e9eef2;--text:#17212b;--muted:#566574;--line:#d6dfe5}.light-theme .site-header{background:#f3f6f8;border-color:#dce2e7}.light-theme .navigation a{color:#34404d}.light-theme .navigation a.active{color:#111c25}.light-theme .theme-toggle{background:#e2e9ee;color:#253341}.light-theme .about-section{background:#eaf0f3;border-color:#d6dfe5}.light-theme .project-card,.light-theme .code-window,.light-theme .contact-section{background:#fff;border-color:#d6dfe5}.light-theme .window-bottom{background:#edf1f4}.light-theme .code-window pre{color:#344253}.light-theme .project-info p,.light-theme .about-grid p,.light-theme .projects-heading p{color:#566574}.light-theme .filter-pill{background:#e1e8ed;color:#50606e}.light-theme .filter-pill.active{background:var(--accent);color:#09201f}.light-theme .search-box{background:#fff;border-color:#d6dfe5}.light-theme .search-box input{color:#17212b}.light-theme .tag-row span{background:#eaf0f3;color:#536170}.light-theme .contact-section h2{color:#17212b}
@media(max-width:1050px){:root{--header:96px}.hero{grid-template-columns:1fr 1fr;gap:35px}.hero h1{font-size:clamp(3.2rem,5.5vw,4.7rem)}.navigation{gap:24px}.navigation a{font-size:.9rem}.navigation .nav-availability{display:none}.code-window pre{font-size:.78rem}.project-image{height:190px}.food-circle{width:165px;height:165px}.food-name{font-size:1.8rem}}
@media(max-width:760px){:root{--header:78px}.site-header{padding:0 22px}.brand-mark{font-size:2.2rem}.menu-toggle{display:block;margin-left:auto;background:#20252d;border:1px solid #343b46;border-radius:8px;color:var(--text);padding:7px 10px;font-size:1.1rem}.theme-toggle{width:37px;height:37px;margin-left:0}.navigation{display:none;position:absolute;top:77px;left:0;right:0;padding:18px 22px 22px;background:var(--bg);border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.navigation.open{display:flex}.navigation a{padding:12px 0;font-size:.95rem}.navigation a.active:before,.navigation a.active:after{display:none}.hero{grid-template-columns:1fr;padding:58px 24px 65px;gap:45px}.hero h1{font-size:clamp(3.5rem,12vw,5rem)}.code-window{max-width:650px;width:100%}.code-window pre{font-size:.82rem}.about-section{padding-left:24px;padding-right:24px}.about-grid{grid-template-columns:1fr;gap:20px}.about-grid h2{font-size:2.35rem}.skills-strip{gap:13px}.skills-strip>span{width:100%;margin:0 0 3px}.projects-heading{align-items:flex-start;flex-direction:column;gap:14px}.projects-heading h2{font-size:2.5rem}.project-count{padding:0}.project-tools{align-items:stretch;flex-direction:column}.filter-pills{gap:8px}.filter-pill{padding:9px 15px;font-size:.86rem}.search-box{width:100%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.project-image{height:190px}.project-info{padding:17px}.project-info p{min-height:80px}.contact-section{margin:0 20px 45px;display:block;padding:32px 25px}.contact-section h2{font-size:2.4rem}.contact-actions{margin-top:25px}.site-footer{padding:23px 24px 30px;flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(max-width:510px){.hero{padding-top:45px}.hero h1{font-size:3.55rem}.intro{font-size:.98rem}.button{min-height:53px;padding:0 21px}.code-window pre{padding:18px 14px;font-size:.7rem}.window-bottom{font-size:.55rem;padding:0 10px}.project-grid{grid-template-columns:1fr}.project-image{height:230px}.project-info p{min-height:0}.food-circle{width:205px;height:205px}.food-name{font-size:2.25rem}.book-caption b{font-size:2rem}.project-count{font-size:.68rem}.skills-strip b{font-size:.78rem}.contact-section .button{width:100%;padding:0 12px}.contact-actions{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Refined brand, navigation and interaction states */
.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:34px}
.brand{gap:13px;min-width:max-content;transition:opacity .2s ease,transform .2s ease}
.brand:hover{opacity:.92;transform:translateY(-1px)}
.brand-symbol{width:42px;height:36px;display:block;color:var(--accent);filter:drop-shadow(0 4px 12px #4bd0c61b)}
.brand-wordmark{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.brand-wordmark strong{font-size:.95rem;letter-spacing:.16em;font-weight:800}
.brand-wordmark small{font: .57rem "JetBrains Mono",monospace;color:#82909e;letter-spacing:.045em}
.navigation{gap:clamp(16px,2.2vw,34px)}
.navigation>a:not(.nav-availability){padding:10px 1px;transition:color .18s ease}
.navigation>a:not(.nav-availability)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.navigation>a:not(.nav-availability):hover::after,.navigation>a:not(.nav-availability).active::after{transform:scaleX(1)}
.navigation>a:not(.nav-availability).active:before{display:none}
.navigation .nav-availability{border:1px solid #303943;background:linear-gradient(180deg,#1c232b,#171d24);color:#e9f0f3;padding:10px 14px;margin-left:0;transition:border-color .2s ease,background .2s ease,color .2s ease}
.navigation .nav-availability:hover{border-color:#4bd0c6a6;background:#4bd0c611;color:#fff}
.nav-arrow{color:var(--accent);font-size:.95rem;margin-left:2px;transition:transform .2s ease}
.navigation .nav-availability:hover .nav-arrow{transform:translate(2px,-2px)}
.theme-toggle{border:1px solid #303640;transition:background .2s ease,border-color .2s ease,color .2s ease}
.theme-toggle:hover{background:#29313a;border-color:#4bd0c688;color:var(--accent)}
.button{position:relative;overflow:hidden;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;transform:none}
.button:hover{transform:none;box-shadow:0 7px 22px #0002}
.button-primary:hover{background:#63d9d0;border-color:#63d9d0;box-shadow:0 7px 24px #4bd0c625}
.button-primary span,.button-outline span{display:inline-block;transition:transform .2s ease}
.button-primary:hover span{transform:translateX(4px)}
.button-outline:hover{background:#4bd0c610;border-color:var(--accent);box-shadow:inset 0 0 0 1px #4bd0c622}
.social-links{display:flex;align-items:center;gap:10px}
.hero-socials{margin-top:22px}
.social-label{font: .64rem "JetBrains Mono",monospace;letter-spacing:.12em;color:#778594;margin-right:3px}
.social-links a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #303640;border-radius:10px;background:#171c23;color:#a9b6c3;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
.social-links a:hover{color:var(--accent);border-color:#4bd0c68c;background:#4bd0c610;transform:translateY(-2px)}
.social-links svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.site-footer{gap:24px}
.footer-brand{gap:10px;transition:color .18s ease}
.footer-brand:hover{color:var(--accent)}
.footer-symbol{width:30px;height:26px;color:var(--accent)}
.footer-brand span{display:flex;flex-direction:column;gap:3px}
.footer-brand strong{font-size:.82rem;font-weight:700}
.footer-brand small{font-size:.67rem;font-weight:400;color:#83909f}
.footer-socials{display:flex;gap:15px;align-items:center}
.footer-socials a{font-size:.72rem;color:#8d9aa8;transition:color .18s ease}
.footer-socials a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.light-theme .brand-wordmark small{color:#657483}
.light-theme .navigation .nav-availability{background:#fff;border-color:#d4dde3;color:#24313b}
.light-theme .social-links a{background:#fff;border-color:#d8e0e6;color:#4d5b68}
.light-theme .social-links a:hover{color:#087e78;border-color:#38bdb4;background:#eafffd}
.light-theme .footer-socials a{color:#536170}
@media(max-width:1050px){.site-header{gap:20px}.brand-wordmark small{font-size:.51rem}.navigation{gap:18px}.navigation .nav-availability{padding:9px 10px}}
@media(max-width:760px){.site-header{gap:12px}.brand-symbol{width:35px;height:31px}.brand-wordmark strong{font-size:.83rem}.brand-wordmark small{font-size:.48rem}.navigation{gap:0}.navigation .nav-availability{margin-top:8px;justify-content:flex-start}.hero-socials{margin-top:20px}.site-footer{gap:18px}.footer-socials{order:4;width:100%;padding-top:14px;border-top:1px solid var(--line)}.site-footer p{order:3;width:auto;margin-left:auto}.back-top{order:2}}
@media(max-width:510px){.brand{gap:9px}.brand-symbol{width:31px;height:28px}.brand-wordmark strong{font-size:.77rem}.brand-wordmark small{font-size:.43rem;letter-spacing:.015em}.hero-socials{gap:8px}.social-links a{width:35px;height:35px}.social-label{font-size:.59rem}.site-footer{align-items:flex-start}.site-footer p{width:100%;margin:0;order:3}.back-top{margin-left:auto}.footer-socials{order:4}.footer-socials a{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.brand,.navigation a,.nav-arrow,.theme-toggle,.button,.social-links a,.footer-socials a{transition:none!important}}

/* Added content uses the existing portfolio design system. */
.service-grid{margin-top:28px}
.service-card .project-info p{min-height:0}
.case-study-line{padding-top:10px;border-top:1px solid #2b3038;font-size:.78rem!important;min-height:0!important}
.case-study-line strong{color:#dce4e9;font-weight:600}
.inquiry-form{width:min(100%,390px);display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #303a43;border-radius:12px;background:#11161c}
.inquiry-form h3{margin:0 0 3px;font-size:1.15rem}
.inquiry-form label{display:flex;flex-direction:column;gap:6px;color:#aeb8c4;font-size:.78rem}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #343b46;border-radius:7px;background:#20252d;color:var(--text);font:inherit;font-size:.86rem}
.inquiry-form textarea{resize:vertical}
.inquiry-form .button{cursor:pointer;width:100%;font-size:.86rem}
.form-note{margin:0;color:#8290a0;font-size:.72rem;line-height:1.5}
.light-theme .inquiry-form{background:#fff;border-color:#d6dfe5}
.light-theme .inquiry-form input,.light-theme .inquiry-form select,.light-theme .inquiry-form textarea{background:#f3f6f8;color:#17212b;border-color:#d6dfe5}
.light-theme .case-study-line{border-color:#d6dfe5}
.light-theme .case-study-line strong{color:#34404d}
@media(max-width:760px){.inquiry-form{width:auto;margin-top:25px}.service-grid{grid-template-columns:1fr}}

/* Additional content details; the existing visual theme and layout remain intact. */
.about-copy{display:flex;flex-direction:column;gap:14px}
.about-copy p{margin:0}
.working-principles{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}
.working-principles span{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #2b3038;border-radius:7px;color:#aeb8c4;font-size:.75rem}
.working-principles b{font: .68rem "JetBrains Mono",monospace;color:var(--accent)}
.services-note{margin:20px 0 0;color:#8290a0;font-size:.78rem;line-height:1.7}
.inquiry-form button:disabled{opacity:.7;cursor:wait;transform:none}
.form-note{min-height:1.5em}
.light-theme .working-principles span{border-color:#d6dfe5;color:#566574}
.form-success-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:#05080dcc;backdrop-filter:blur(7px)}
.form-success-overlay[hidden]{display:none}
.form-success-dialog{width:min(100%,420px);padding:32px;border:1px solid #34434a;border-radius:16px;background:var(--panel,#151920);box-shadow:0 25px 90px #0008;text-align:center}
.form-success-dialog h2{margin:15px 0 9px;font-size:1.65rem;letter-spacing:-.04em}
.form-success-dialog p{margin:0 0 23px;color:var(--muted);font-size:.93rem;line-height:1.7}
.form-success-dialog .button{min-width:130px;cursor:pointer}
.success-mark{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:#4bd0c61b;border:1px solid #4bd0c65c;color:var(--accent);font-size:1.7rem;font-weight:700}
.light-theme .form-success-dialog{background:#fff;border-color:#d6dfe5}